100度享乐电商网 CSS

/*reset begin*/
body,div,dl,dt,p,h1,h2,h3,h4,h5,input,form,span,ul{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
img{
border: none;
vertical-align: middle;
}
input,button{
outline: none;
}
ul li{
list-style: none;
}
em,i{
font-style: normal;
}
body{
font-family: "微软雅黑";
font-size: 12px;
}


.fl{
float: left;
}
.fr{
float: right;
}
.clear{
clear: both;
}
.gradient{
background: -webkit-linear-gradient(top,#f9f9f9,#ffffff);
}


/*reset end*/


/*header begin*/
#header{
width: 960px;
height: 30px;
margin: 0 auto;
line-height: 30px;
/*background: red;*/
}
#header .city{
padding-left: 20px;
color: #666666;
}
#header .city a{
display: inline-block;
height: 18px;
line-height: 18px;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 0 7px;
color: #999999;
box-shadow: 1px 1px 2px #ededed;
margin-right: 5px;
}
#header .city a:nth-child(1){
margin-left: 14px;
}
#header .city a.active{
color: #d60d03;
}
#header .city a:hover{
color: #d60d03;
}
#header .link{
padding-right: 20px;
word-spacing: 4px;
/*letter-spacing:4px;*/
color: #d5d5d5;
}
#header .link a{
background: url(../img/header1.png) no-repeat 0 3px;
padding-left: 20px;
color: #666666;

}
#header .link a:hover{
text-decoration: underline;
}
#header .link a.icon2{
background-position: 0 -22px;
}
/*header end*/


/*nav begin*/
#nav{
width: 960px;
height: 100px;
margin: 0 auto;
position: relative;
}
#nav ul{
position: absolute;
top: 10px;
}
#nav .nav1{
left: 11px;
}
#nav .nav2{
right: 11px;
}
#nav ul li{
float: left;

}
#nav ul li a{
display: inline-block;
width: 66px;
text-align: center;
padding-top: 50px;
background: url(../img/nav_bg.png) no-repeat;
color: #333333;
}
#nav ul li a.bg1{
background-position: 0 0;
}
#nav ul li a.bg2{
background-position: -66px 0;
}
#nav ul li a.bg3{
background-position: -132px 0;
}
#nav ul li a.bg4{
background-position: -198px 0;
}
#nav ul li a.bg5{
background-position: -264px 0;
}
#nav ul li a.bg6{
background-position: -330px 0;
}
#nav ul li a.bg7{
background-position: -396px 0;
}
#nav ul li a.bg8{
background-position: -462px 0;
}
#nav ul li a.bg9{
background-position: -528px 0;
}
#nav ul li a.bg10{
background-position: -594px 0;
}


#nav ul li a:hover.bg1{
background-position: 0 -70px;
}
#nav ul li a:hover.bg2{
background-position: -66px -70px;
}
#nav ul li a:hover.bg3{
background-position: -132px -70px;
}
#nav ul li a:hover.bg4{
background-position: -198px -70px;
}
#nav ul li a:hover.bg5{
background-position: -264px -70px;
}
#nav ul li a:hover.bg6{
background-position: -330px -70px;
}
#nav ul li a:hover.bg7{
background-position: -396px -70px;
}
#nav ul li a:hover.bg8{
background-position: -462px -70px;
}
#nav ul li a:hover.bg9{
background-position: -528px -70px;
}
#nav ul li a:hover.bg10{
background-position: -594px -70px;
}




#nav h1{
width: 223px;
height: 62px;
margin: 0 auto;
position: relative;
top: 10px;
}
/*nav end*/


/*search begin*/
#search{
width: 958px;
height: 114px;
border: 1px solid #dbdbdb;
margin: 0 auto;
border-radius: 4px;
position: relative;
}
#search .bar{
position: absolute;
width:958px;
height: 64px;
border: 1px solid #c40d0e;
top: 16px;
box-shadow: 1px 1px 2px #dcdcdc;
border-radius: 4px;
background: #e21c01;
left: -1px;

}
#search .bar .menu{
position: absolute;
left: 226px;
top: -27px;

}
#search .bar .menu li{
float: left;
width: 78px;
height: 25px;
text-align: center;
line-height: 25px;
font-size: 14px;
border: 1px solid #eec8b8;
border-bottom: none;
margin-right: 1px;
border-radius: 4px 4px 0 0;
cursor: pointer;
}
#search .bar .menu li.active{
width: 79px;
height: 26px;
background: #e21c01;
border: 1px solid #c40d0e;
border-bottom: none;
color: #fbfbfb;
font-weight: bold;
text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}
#search .img{
width: 158px;
height: 114px;
background: url(../img/search.png) no-repeat;
position: absolute;
z-index: 5;
left:32px;
top: -3px;
}
#search .form{
position: absolute;
left: 226px;
top: 36px;
}
#search .form .text{
width: 381px;
height: 20px;
padding: 0 12px;
border: none;
color: #ea7a7a;
box-shadow: inset 2px 2px 2px #f2d7d4;
border-radius: 4px;
float: left;
margin-right: 10px;
}
#search .form .btn{
width: 61px;
height: 23px;
background: url(../img/search.png) -158px 0;
border: none;
cursor: pointer;
float: left;
}


#search .key_text{
position: absolute;
width: 201px;
right: 36px;
top: 32px;
color: #fbfbfb;

}
#search .key_text a{
color:#fbfbfb;
}
#search .key_text a:hover{
color:#999;
}
#search .update{
position: absolute;
width: 406px;
height: 30px;
left: 226px;
bottom: 0;
background: url(../img/search.png) no-repeat -220px 9px;
line-height: 30px;
overflow: hidden;
}
#search .update .wrap{
width: 346px;
height: 30px;
position: absolute;
left: 60px;
}
#search .update .wrap ul{
position: absolute;
}
#search .update .wrap ul li{
height: 30px;
}
#search .update .wrap ul li a{
color: #000;
}
#search .update .wrap ul li a strong{
font-weight: normal;
color: #d30703;
}
#search .update .wrap ul li a span{
color: #999999;
}
.up{
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #ca0309;
position: absolute;
right: 0;
top: 9px;
}
.down{
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #ca0309;
position: absolute;
right: 0;
top: 18px;
}
/*search end*/


/*main brgin*/
.main{
width: 960px;
/*333*/
height: 200px;
/*background: #EA7A7A;*/
margin: 0 auto;
margin-top: 10px;
}
.main .section{
width: 708px;
/*333*/


}


.main .section .video{
width: 318px;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 0 15px;
padding-bottom: 9px;
}
.main .section .video .video_title{
height: 42px;
line-height: 42px;
font-weight: normal;
font-size: 18px;
font-family: arial;
color: #d90000;
background: url(../img/video.png) no-repeat 105px 9px;
}
.main .section .video .img{
height: 286px;
margin-bottom: 15px;
}
.main .section .video .hot_list{
padding-left: 75px;
background: url(../img/video.png) no-repeat 0 -58px;
height: 66px;
}
.main .section .video .hot_list li{
height: 20px;
line-height: 20px;
background: url(../img/dotted.png) no-repeat 5px center;
text-indent: 13px;
}
.main .options{
position: relative;
width: 350px;

}
.main .options .nav li{
width: 172px;
height: 33px;
text-align: center;
line-height: 33px;
border: 1px solid #e5e5e5;
border-radius: 4px 4px 0 0;
border-bottom: none;
position: relative;
cursor: pointer;

}
.main .options .nav li span{
color: #666666;
font-size: 12px;
font-weight: bold;

}
.main .options .nav li strong{
color: #E5E5E5;
font-size: 14px;

}
.main .options .nav li.active{
background: #fff;
z-index: 3;
height: 34px;
line-height: 34px;
}
.main .options .nav li.active span{
color: #cc0d13;
font-size: 12px;
font-family: arial;
font-weight: bold;

}
.main .options .nav li.active strong{
color: #2b2d2d;
}
.main .options .nav li .down{
border-top: 4px solid #c1c1c1;
right: 12px;
top: 14px;
}
.main .options .nav li.active .down{
right: 12px;
top: 14px;
border-top: 4px solid #ca0309;
}


.main .options .tabs{
position: absolute;
width: 318px;
border: 1px solid #e5e5e5;
border-radius: 0 0 4px 4px;
top: 34px;
z-index: 1;
padding: 0 15px;
padding-top: 15px;
padding-bottom: 13px;
}
.main .options .tabs .hot_list li{
width: 318px;
height: 99px;
background: url(../img/libg.jpg);
padding-top: 10px;
margin-bottom: 10px;
}
.main .tabs li .img{
width: 105px;
height: 86px;
}
.main .tabs li .shop_text{
width: 192px;
}
.main .tabs li .shop_text a h3{
font-size: 12px;
font-weight: normal;
color: #bb0d0d;
line-height: 24px;

}
.main .tabs li .shop_text a{
color: #6e6e6e;
}
.main .tabs .more{
height: 10px;
position: absolute;
right: 10px;
bottom: 10px;

}
.main .tabs li .shop_text a p{
line-height: 19px;
}


.main .advertisement{margin-top: 10px;}




.main .calendar{
width: 350px;
border: 1px solid #e6e6e6;
margin-top: 10px;
position: relative;
padding-bottom: 10px;
}
.main .lucky-day{
width: 350px;
height: 173px;
}
.main .lucky-day .corner{
position: absolute;
left: 268px;
}
.calendar .lucky-day .lucky{
position: absolute;
color: #ea2b31;
line-height: 18px;
font-weight: bold;
font-family:arial;
left: 25px;
top: 11px;
}
.calendar .lucky-day h3{
font-size: 24px;
color: #333333;
line-height: 18px;
position: absolute;
left: 21px;
top: 30px;
}
.calendar .lucky-day .year{
color: #ec1c16;
font-family: arial;
font-size: 36px;
line-height: 18px;
font-weight: bold;
position: absolute;
left: 129px;
top: 26px;
}
.calendar .lucky-day .subject{
margin: 18px 28px 20px 24px;
}
.calendar .lucky-day .subject .theme{
position: absolute;
top: 83px;
left: 190px;
font-size: 14px;
font-weight: bold;
}
.calendar .lucky-day .subject .subject-text{
position: absolute;
top: 116px;
left:121px;
width: 214px;
color: #999999;
}
.calendar .lucky-day .subject .shoes{
background: url(../img/shoes.png);
width: 85px;
height: 82px;
position: absolute;
top: 82px;
}
.calendar .lucky-day .subject .Day-subject{
position: absolute;
top: 80px;
left: 123px;
}
.calendar .lucky-day .subject .Day-subject span{
width: 25px;
height: 25px;
background: -webkit-linear-gradient(top,#f5f5f4,#fcfcfb);
color: #cf1812;
text-align: center;
line-height: 30px;
display: inline-block;
font-size: 14px;
}
.calendar .time{
width: 300px;
margin-left: 25px;
margin-bottom: 28px;
}
.calendar .time .week li{
display: inline-block;
color: #333;
width:39px;
height: 40px;
}
.calendar .time .day li{
color: #333;
width: 40px;
height: 40px;
background: #ededed;
text-align: center;
line-height: 37px;
float: left;
margin: 0 2px 2px 0;
}
.calendar .time .day .prompt{
background: url(../img/small-pro.png);
}
.calendar .time .picture{
position: absolute;
left: 232px;
top: 320px;
display: none;
}
/*推荐 start*/
.main .recommand{
width: 350px;
border: 1px solid #eaeaea;
margin-top: 10px;
border-radius: 4px;
margin-left:4px;
}
.recommand h2{
background: url(../img/recommend.png);
width:276px;
height: 64px;
margin-left: 15px;
}
.recommand .pic{
width: 320px;
height: 180px;
background: #f8f8f8;
margin: 0px 15px 15px 15px;
position: relative;
}
/*加浮动可以控制图片位置*/
.recommand .pic .big-pic{
float: left;
margin: 15px 82px 32px 15px;
width: 225px;
height: 135px;
}
.recommand .pic .pic-group{
width:70px;
float: right;
margin-top: -182px;
}
.recommand .pic .pic-group li{
width: 60px;
height: 36px;
margin-top: 16px;
}
.recommand .pic .pic-group .pic1{
background: url(../img/pic-copy.jpg);
width: 60px;
height: 36px;
}
.recommand .pic .pic-group .pic2{
background: url(../img/pic-copy2.jpg);
width: 60px;
height: 36px;
}
.recommand .pic .pic-group .pic3{
background: url(../img/pic-copy3.jpg);
width: 60px;
height: 36px;
}.recommand .pic p{
color: #000000;
position: absolute;
left: 17px;
top: 149px;
}
.recommand .shop-list{
width: 206px;
height: 300px;
margin: 0 22px -63px 26px;
}
.recommand .shop-list ul li{
width: 300px;
height: 16px;
margin-top: 14px;
padding-left:20px;
}
.recommand .shop-list ul li span{
margin-left: 20px;
}
/*推荐 end*/


/*交通 start*/
.life{
margin-top: 10px;
}
.life .tabs{
border: 1px solid #ebebeb;
}
.life .tabs img{
margin: 30px 22px 0 26px;
}
.life .tabs .subway-line{
margin: 22px 20px 20px 25px;
}
.life .tabs .subway-line span{
display: inline-block;
width:49px;
height: 30px;
background: #e5e5e5;
text-align: center;
line-height: 30px;
color: #4a4a4a;
font-size: 14px;
font-weight: bold;
}
/*交通 end*/


/*论坛 start*/
.BBS{
width: 350px;
border:1px solid #e5e5e5;
margin-top: 10px;
margin-left: 5px;
}
.BBS .forum{
margin: 15px;
}
.BBS .forum .BBS-forum{
color: #010000;
font-weight: bold;
}
.BBS .forum .BBS-forum em{
color: #cc0d13;
font-family: arial;
font-weight: bold;
}
.BBS .forum .BBS-more{
background: url(../img/more.jpg);
width: 38px;
height: 16px;
}
.BBS .BBS-list{
width: 320px;
margin-top:50px;
margin-left:25px;
margin-bottom:30px;
}
.BBS .BBS-list ul li{
margin-top:19px;
}
.BBS .BBS-list ul li em{
color: #d80000;
}
.BBS .BBS-list ul li span{
color: #333333;
margin-left: 36px;
}
.BBS .BBS-list ul li strong{
margin-left: 85px;
color: #666666;
}
.BBS .BBS-list ul li .BBS-text{
display: none;
}
.BBS .BBS-list ul li.active em{
display: none;
}
.BBS .BBS-list ul li.active span{
display: none;
}
.BBS .BBS-list ul li.active strong{
display: none;
}
.BBS .BBS-list ul li.active .BBS-text{
display: block;
}
.BBS .BBS-list ul li.active .BBS-text span{
display: block;
}
.BBS .BBS-list ul li.active .BBS-text em{
display: block;
}
.BBS .BBS-list .BBS-text{
width: 320px;
height: 70px;
background: #d90000;
}
.BBS .BBS-list .BBS-text img{
margin: 10px;
}
.BBS .BBS-list .BBS-text p{
margin-top: 12px;
font-size: 14px;
font-weight: bold;
color: #eaeaea;
}
.BBS .BBS-list .BBS-text span{
margin-top: 32px;
margin-left: -157px;
font-size: 14px;
font-weight: bold;
color: #eaeaea;
}
.BBS .BBS-list .BBS-text em{
font-size: 18px;
font-weight: bold;
color: #eaeaea;
margin-top: 50px;
}
/*论坛 end*/


/*know start*/
.know{
width: 348px;
border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin-top: 10px;
    position: relative;
    height: 300px;
}
.know .advice{
padding: 12px 16px 22px 16px;
}
.know .advice h2{
height: 40px;
}
.know .advice h2 span{
color: #cc0d13;
font-family: arial;
font-weight: bold;
}
.know .advice h2 strong{
color: #010000;
}
.know .question{
width: 320px;
clear: both;
}
.know .question .nav li{
width: 100px;
border: 1px solid #e3e3e3;
text-align: center;
line-height: 24px;
position: relative;    /*li不加相对定位,箭头出不来*/
border-bottom: none;
height: 23px;
}
.know .question .nav .wen{
background: #ffffff;
z-index: 3;
border-bottom: none;
}
.know .question .nav{
margin-left: 8px;
}
.know .question .nav li{
cursor: pointer;
}
.know .question .nav li .down{
right: 12px;
    top: 14px;
    border-top: 4px solid #ca0309; 
}
.know .question .nav li.active{
z-index: 4;
}
.know .caption{
border-top:1px solid #dadada;
width: 320px;
position: absolute;
top: 75px;
}
.know .caption h3{
width: 320px;
clear: both;
position: relative;
}
.know .caption h3 strong{
margin-left: 110px;
color: #999999; 
font-size: 12px;
letter-spacing: 15px;
margin-top: 10px;
}
.know .caption h3 em{
color: #999999; 
font-size: 12px;
letter-spacing:5px;
margin-top: 10px;
margin-right: 14px;
position: absolute;
left:268px;
top:-10px;
}
.know .caption ul{
width: 315px;
}
.know .caption ul li{
width: 302px;
list-style: disc;
color:#d4051f;
margin: 6px 0px 0 20px;
border-top: 1px dashed #cbcbca;
padding-top: 5px;
}
.know .caption ul li em{
color: #767676;
}
.know .caption ul li em strong{
color: #454545;
}
.know .caption ul li .correst{
display: inline-block;
background:url(../img/right.png) no-repeat;
width: 10px;
height: 10px;
margin-left:62px;
}
.know .caption ul li .correst2{
display: inline-block;
background:url(../img/right.png) no-repeat;
background-position: 0px;
width: 10px;
height: 10px;
margin-left:62px;
}
.know .search{
position: absolute;
top: 260px;
left: 26px;
}
.know .search input{
margin-left: 5px;
position: relative;
}
.know .search button{
position: absolute;
top: -4px;
margin-left: 5px;
background: url(../img/go.png);
width: 23px;
height: 25px;
border: none;
}


.know .question .nav li.active{
background: #fff;
z-index: 3;
}
.know .question .nav li.active span{
color: #cc0d13;
font-size: 12px;
font-family: arial;
font-weight: bold;

}
.know .question .nav li.active .down{
border-top: 4px solid #ca0309;
}
/*know end*/


/*red-guest start*/
.red-guest{
width: 348px;
margin-top: 10px;
margin-left: 6px;
border: 1px solid #e5e5e5;
position: relative;
}
.red-guest .hot-man{
width: 350px;
    margin: 15px;
}
.red-guest .hot-man span{
color: #cc0d13;
font-family: arial;
font-weight: bold;
line-height: 18px;
}
.red-guest .hot-man em{
color: #010000;
font-weight: bold;
line-height: 18px;
}
.red-guest .hot-man img{
position: absolute;
right:8px;
}
.red-guest .hot-people{
margin: 15px;
}
.red-guest .hot-people .sex-ass{
display: inline-block;
position: relative;

.red-guest .hot-people .sex-ass .content{
position: absolute;
top: 12px;
left: 12px;
color: #ffffff;
display: none;
}


/*red-guest end*/


/*help start*/
.help{
margin-top: 10px;
width: 317px;
border: 1px solid #E5E5E5;
padding: 10px 16px 22px 15px;
}
.help .help-text{
color: #cc0d13;
line-height: 18px;
font-weight: bold;
font-family: arial;
}
.help .online{
color: #010000;
font-weight: bold;
}
.help .MSN{
padding-top:16px;
}
.help .contact{
padding-top: 15px;
}
.help .contact span{
font-size: 14px;
color: #b80000;
}
.help .contact .email{
    padding-left: 40px;
}
.help hr{
margin-top: 18px;
border: 1px solid #EDEDEE;
}
.help .user-help{
margin-top: 20px;
margin-left: 8px;
}
.help .user-help span{
color: #292929;
font-size: 15px;
}
.help .user-help .merchant{
margin-right: 104px;
}
.help .user-help .gold{
margin-left: 20px;
margin-top: 5px;
}
.help .user-help li em{
color:#292929;
}
.help .user-help ul li{
list-style: disc;
color: #b4040a;
}
.help .user-help .start{
margin-right:34px;
margin-top: -49px;
}
/*help end*/


/*Media-voice start*/
.Media-voice{
margin-left: 5px;
margin-top: 10px;
width: 350px;
border: 1px solid #E5E5E5;
border-radius: 4px;
}
.Media-voice .media-text{
margin: 15px 15px 30px 15px;
}
.Media-voice .media-text .hundred{
color: #cc0d13;
font-family: arial;
font-weight: bold;
}
.Media-voice .media-text .voice{
color: #010000;
font-weight: bold;
}
.Media-voice .news-group{
width: 308px;
margin: 0 26px 9px 15px;
}
.news-group .magazine-gr{
position: relative;
margin-top: 12px;
}
 
.news-group .magazine-gr .magazine{
display: inline-block;
background: url(../img/zazhi.jpg) no-repeat;
width: 90px;
height: 32px;
}
.news-group .magazine-gr .magazine2{
display: inline-block;
width: 90px;
height: 32px;
    background:url(../img/zazhi.jpg);
    background-position: 0 -35px;

.news-group .magazine-gr .magazine3{
display: inline-block;
width: 90px;
height: 32px;
    background:url(../img/zazhi.jpg);
    background-position: 0 -70px;

.news-group .magazine-gr .magazine4{
display: inline-block;
width: 90px;
height: 32px;
    background:url(../img/zazhi.jpg);
    background-position: 0 -105px;

.jp{
position: absolute;
left:94px;
top: 0;
}
/*Media-voice end*/


/*footer start*/
.footer{
margin-top: 10px;
width:960px;
height: 78px;
border: 1px solid #e5e5e5;
background:#f9f9f9;
border-radius: 4px;
margin-bottom: 28px;
}
.footer .about{
margin:22px 180px 0 200px;
}
.footer .about ul li{
float: left;
padding-left: 13px;
color: #454545;
}
.footer .about ul li em{
padding-left:5px;
color: #919191;
}
.footer .copyright{
clear: both;
width: 420px;
margin: 5px 250px 20px 240px;
}
.footer .copyright ul li{
float: left;
padding-left:5px;
color: #767676;
}
/*footer end*/


/*sidebar bagin*/


/*登陆 start*/
.main .sidebar{
width: 240px;
}
.main .sidebar .sid{
width: 238px;
border: 1px solid #e5e5e5;
border-radius: 4px;
}
.sidebar .sid .load{
clear: both;
width:238px;
height: 36px;
background: -webkit-linear-gradient(top,#ffffff,#f3f3f3);
}
.sidebar .sid .load .load-g{
padding-left: 10px;
padding-top: 8px;
}
.sidebar .sid .load .load-text{
color: #cc0d13;
font-family: arial;
font-weight: bold;
line-height: 18px;
}
.sidebar .sid .load .denglu{
color: #010000;
line-height: 18px;
}
.sidebar .sid .verify{
width: 240px;
margin: 15px 20px 0 20px;
}
.sidebar .sid .verify .message{
margin-bottom: 8px;
}
.sidebar .sid .verify .message span{
letter-spacing: 2px;
}
.sidebar .sid .verify .message .txt{
width: 88px;
height: 19px;
}
.sidebar .sid .verify .message .chose{
padding-left: 4px;
display: inline-block;
}
.sidebar .sid .verify .message .chose .check{
width: 12px;
height: 12px;
}
.sidebar .sid .verify .message .chose em{
display: inline-block;
padding-left: 4px;
}
.sidebar .sid .verify .password{
position: relative;
margin-bottom: 10px;
}
.sidebar .sid .verify .password span{
letter-spacing:9px;
}
.sidebar .sid .verify .password .txt{
width: 88px;
height: 19px;
    margin-left: -6px;
}
.sidebar .sid .verify .password button{
position: absolute;
right:40px;
width: 55px;
height: 25px;
background: url(../img/denglu.png) no-repeat;
border: none;
cursor: pointer;
}
.sidebar .sid .verify .line{
border: 1px solid #f2f2f2;
margin-bottom: 10px;
width: 205px;
}
.sidebar .sid .login{
margin-left: 30px;
position: relative;
}
.sidebar .sid .login ul li{
padding-left:20px;
margin-bottom: 12px;
}
.sidebar .sid .login ul li a{
color: #666666;
}
.sidebar .sid .login ul li .forget{
position: absolute;
top: 0;
right:35px;
}
.sidebar .sid .login ul li .dot1{
position: absolute;
left: 8px;
bottom:1px;
}
.sidebar .sid .login ul li .dot2{
position: absolute;
left:105px;
bottom:1px;
}
/*登陆 start*/


/*抽奖 start*/
.sidebar .raffle{
width: 240px;
height: 90px;
border: 1px solid #E5E5E5;
margin-top: 10px;
border-radius: 12px;
}
/*抽奖 end*/


/*game start*/
.game{
width:240px;
height: 180px;
margin-top: 10px;
}
/*game end*/


/*coupons start*/
.coupons{
width: 240px;
margin-top: 10px;
border: 1px solid #E5E5E5;
position: relative;
border-radius: 4px;
}
.coupons h3{
margin-top: 14px;
margin-left: 14px;
}
.coupons h3 span{
color: #cc0d13;
}
.coupons h3 span em{
color: #010000;
}
.coupons h3 img{
position: absolute;
right: 5px;
}


.coupons .question{
width:215px;
margin-top: 16px;
margin-left: 20px;
}
.coupons .question .nav li{
width:64px;
border: 1px solid #e3e3e3;
text-align: center;
line-height: 24px;
position: relative;    /*li不加相对定位,箭头出不来*/
border-bottom: none;
height: 23px;
cursor: pointer;
}
.coupons .question .nav .wen{
background: #ffffff;
z-index: 3;
border-bottom: none;
}
.coupons .question .nav{
margin-left: 8px;
}
.coupons .question .nav li .down{
right:7px;
    top: 11px;
    border-top: 4px solid #c1c1c1;
}
.coupons .question .nav li.active{
z-index: 4;
}
.shop{
border-top:1px solid #dadada;
width:210px;
margin-left:24px;
clear: both;
}
.coupons .shop h4{
color: #999999;
}
.coupons .shop .shop-name{
margin-left: 48px;
}
.coupons .shop .province{
margin-left:53px;
}
.coupons .shop .print{
margin-left:20px;
}
.coupons .shop ul{
width: 210px;
margin-bottom: 10px;
}
.coupons .shop ul li{
border-top: 1px dashed #cbcbca;
margin-top: 10px;
color: #333333;
}
.coupons .shop ul li em{
margin-left: 45px;
color: #d80000;
}
.coupons .shop ul li span{
margin-left:11px;
color: #999999;
}


.coupons .question .nav li.active{
background: #fff;
z-index: 3;
}
.coupons .question .nav li.active span{
color: #cc0d13;
font-size: 12px;
font-family: arial;
font-weight: bold;

}
.coupons .question .nav li.active .down{
border-top: 4px solid #ca0309;
}
/*coupons end*/
/*daily start*/
.daily{
width: 240px;
border: 1px solid #E5E5E5;
border-radius: 4px;
margin-top: 10px;
}
.daily .daily-header{
width: 240px;
margin:12px 12px 0 12px;
position: relative;
}
.daily .daily-header span{
font-family: arial;
font-weight: bold;
    color: #cc0d13;
}
.daily .daily-header em{
color: #010000;
}
.daily .daily-header img{
position: absolute;
right:20px;
}




.daily .daily-list{
margin: 12px 20px 0 20px;
position: relative;
}
.daily .daily-list .food{
    position: absolute;
    top: 5px;
    right:-4px;
}
.daily .daily-list .food2{
    position: absolute;
    top:90px;
    right:-4px;
}
.daily .daily-list .food3{
    position: absolute;
    top:170px;
    right:-4px;
}
.daily .daily-list .food4{
    position: absolute;
    top:246px;
    right:-4px;
}
.daily .daily-list .food,.food2,.food3,.food4 span{
color: #b80000;
font-weight: bold;
}
.daily .daily-list .food,.food2,.food3,.food4 p{
margin-top: 5px;
color: #666666;
}
.daily .daily-list .food,.food2,.food3,.food4 p em{
   color: #999999;
}
.daily .line{
clear: both;
width: 220px;
border: 1px dashed #cbcbca;
margin-bottom: 12px;
    margin-left: 12px;
}
/*daily end*/


/*360 start*/
.tsix{
width: 240px;
border: 1px solid #E5E5E5;
border-radius: 4px;
margin-top: 10px;
}
.tsix .tsix-header{
width: 240px;
margin:16px 12px 0 12px;
position: relative;
}
.tsix .tsix-header span{
font-family: arial;
font-weight: bold;
    color: #cc0d13;
}
.tsix .tsix-header em{
color: #010000;
}
.tsix .tsix-header img{
position: absolute;
right:20px;
}


.tsix .tsix-pic{
margin: 16px 12px 8px 12px;
}
/*360 end*/


/*discount start*/
.discount{
width: 240px;
border: 1px solid #E5E5E5;
border-radius: 4px;
margin-top: 10px;
}
.discount .discount-header{
width: 240px;
margin:16px 12px 0 12px;
position: relative;
}
.discount .discount-header span{
font-family: arial;
font-weight: bold;
    color: #cc0d13;
}
.discount .discount-header em{
color: #010000;
}
.discount .discount-header img{
position: absolute;
right:20px;
}




.discount .discount-list{
margin: 12px 20px 0 20px;
position: relative;
}
.discount .discount-list .food{
    position: absolute;
    top: 5px;
    right:-4px;
}
.discount .discount-list .food span{
color: #b80000;
font-weight: bold;
}
.discount .discount-list .food p{
margin-top: 5px;
color: #666666;
}
.discount .discount-list .food p em{
   color: #999999;
}
.discount .arder{
    float:left;
    margin-left: 18px;
}
.discount .arder ul li{
border-top: 1px dashed #cbcbca;
color: #333333;
width: 216px;
margin-top: 8px;
font-size: 13px;
letter-spacing:2px;
}
.discount .arder ul li em{
color: #c3c3c3;
}
.discount .arder ul li em strong{
color: #c75d61;
}
/*discount end*/


/*coupons start*/
.coupons{
width: 240px;
border: 1px solid #E5E5E5;
border-radius: 4px;
margin-top: 10px;
}
.coupons .coupons-header{
width: 240px;
margin:16px 12px 0 12px;
position: relative;
}
.coupons .coupons-header span{
font-family: arial;
font-weight: bold;
    color: #cc0d13;
}
.coupons .coupons-header em{
color: #010000;
}
.coupons .coupons-header img{
position: absolute;
right:20px;
}



.coupons .food-pic{
margin: 16px 12px 0 12px;
}
.coupons .food-pic .food span{
color: #b80000;
font-weight: bold;
}
.coupons .food-pic .food p{
margin-top: 5px;
color: #666666;
}
.coupons .food-pic .food p em{
   color: #999999;
}
.arder{
clear: both;
margin-left: 18px;
}
.arder ul li{
border-top: 1px dashed #cbcbca;
color: #333333;
width: 216px;
margin-top: 22px;
font-size: 13px;
letter-spacing:2px;
}
.arder .arder-list li{
line-height:15px;
}
.arder ul li em{
color: #c3c3c3;
}
.arder ul li em strong{
color: #c75d61;
}
/*coupons start*/


/*sidebar bagin*/


/*main end*/

猜你喜欢

转载自blog.csdn.net/asazyf/article/details/80227288

相关文章