common_new.css 14.9 KB
/*新男女首页+头尾*/
@charset "utf-8";

#shelper{color:#333;overflow:hidden;position:absolute;top:33px;left:0;width:234px;border:1px solid #ddd;background:#fff;-moz-box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd;}
#shelper li{overflow:hidden;padding:1px 6px;line-height:22px;cursor:pointer;}
#shelper .close{border-top:1px solid #efefef;text-align:right;}
#shelper .item3{cursor:default;}
#shelper .item3 a{float:left;margin-right:10px;white-space:nowrap;}
#shelper li.fore1{width:100%;padding:0;border-bottom:1px solid #ddd;}
#shelper li.fore1 div{float:none;width:auto;height:22px;padding:1px 2px 1px 20px;overflow:hidden;zoom:1;}
#shelper li.fore1 div.fore1{padding-left:6px;}
#shelper li.fore1 strong{color:#e8044f;}
#shelper li.fore1 .fore1 strong{color:#333;}
#shelper li.fore1 .item1{float:none;width:auto;padding:1px 2px 1px 20px;}
#shelper li.fore1 .item2{float:none;width:auto;padding:1px 2px 1px 20px;}
#shelper li.fore1 .item3{float:none;width:auto;color:#9C9A9C;}
#shelper li.fore1 span{float:left;}
#shelper li:hover{background:#eee;}
#shelper li.fore1:hover,#shelper li.close:hover{background:none;}
#shelper li.fore1 div:hover{background:#eee;}

#myyoho{width:75px;text-align:left;background:url(http://static.yohobuy.com/images/myyoho_ar.png) no-repeat right;position:relative;z-index:10001;}
#myyoho ol{padding-left:12px;height:22px;line-height:22px;}
#myyoho li{height:22px;line-height:22px;border-bottom:1px #ccc solid;border-top:0px;overflow:hidden;text-align:center;}
#myyoho a {color:#666;line-height:22px;}
#myyoho a:hover {color:#468fa2; text-decoration:none;}
#myyoho ul {display:none;width:73px;height:auto;position:absolute;top:23px;left:0;border-left:1px #ccc solid;border-right:1px #ccc solid;background:#f8f8f8;z-index:10003;}
.myyoho_b {background:url(http://static.yohobuy.com/images/myyoho_ar.png) no-repeat right!important;}
.myyoho_a {width:75px!important;border-top:0px;background:#f8f8f8!important;}
.myyoho_a ol{padding-left:11px!important;border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #f00 solid;}
.myyoho_a ol:hover,.myyoho_a li:hover{background:#fff;}

.yohobuynew-topwrap{width:1238px;height:28px;background:#f4f4f4;border:1px #dfdfdf solid;border-top:0px;overflow:hidden;margin:0 auto 20px auto;}
.yohobuynew-topwrap li{height:12px;line-height:12px;padding:8px 20px;float:left;font-family:Arial,helvetica,sans-serif;background:url(http://static.yohobuy.com/images/line_dot_lan.png) no-repeat right;}
.yohobuynew-topwrap li .i_hot{width:23px;height:12px;overflow:hidden;background:url(http://static.yohobuy.com/images/ico_hot_2.png) no-repeat; display:inline-block; vertical-align:top;}
.yohobuynew-topwrap li a{color:#666;font-family:Arial,helvetica,sans-serif;}
.yohobuynew-topwrap .end{background:none;}

.yohobuynew-helpinfo{min-width:1240px;background:#efefef;border-top:1px #ccc solid;overflow:hidden;font-family:Arial,helvetica,sans-serif;zoom:1;}
.yohobuynew-helpinfo:after{content: ""; display: block; clear: both; height: 0px;}
.yohobuynew-helpinfo ul{padding-top:20px;width:1240px;margin:0 auto;zoom:1;}
/*.yohobuynew-helpinfo ul:after{content: ""; display: block; clear: both; height: 0px;}*/
.yohobuynew-helpinfo li{width:16%;float:left;display:inline;zoom:1;}
.yohobuynew-helpinfo .begin,.yohobuynew-helpinfo .end{width:17%;}
.yohobuynew-helpinfo dl{width:150px;margin:0 auto;}
.yohobuynew-helpinfo dl dt{height:25px;line-height:25px;padding:0px 0px 0px 25px;border-bottom:1px #d7d7d7 solid;margin-bottom:10px;font-weight:bold;color:#333;}
.yohobuynew-helpinfo dl dd{height:20px;line-height:18px;padding:0px 0px 0px 15px;margin-left:10px;background:url(http://static.yohobuy.com/images/ico_arrow.png) no-repeat 0px 3px;}
.yohobuynew-helpinfo dl dd span{color:#ed004c;}
.yohobuynew-helpinfo .li-1 dt{background:url(http://static.yohobuy.com/images/help_ico.png) no-repeat 0px 0px;}
.yohobuynew-helpinfo .li-2 dt{background:url(http://static.yohobuy.com/images/help_ico.png) no-repeat 0px -25px;}
.yohobuynew-helpinfo .li-3 dt{background:url(http://static.yohobuy.com/images/help_ico.png) no-repeat 0px -50px;}
.yohobuynew-helpinfo .li-4 dt{background:url(http://static.yohobuy.com/images/help_ico.png) no-repeat 0px -75px;}
.yohobuynew-helpinfo .li-5 dt{background:url(http://static.yohobuy.com/images/help_ico.png) no-repeat 0px -100px;}
.yohobuynew-helpinfo .li-6 dt{background:url(http://static.yohobuy.com/images/help_ico.png) no-repeat 0px -125px;}
.yohobuynew-helpinfo a{position:relative;z-index:2;}
.yohobuynew-helpinfo .help-footer{clear:both;width:881px;height:99px;background:url(http://static.yohobuy.com/images/help_footer.png) no-repeat; margin:20px auto 0px auto;}

.yohobuynew-footer{clear:both;min-width:990px;height:40px;background:#000;color:#fff;line-height:40px;}
.yohobuynew-footer dl{width:1210px;height:40px;padding:0px 15px;background:#000;margin:0 auto;}
.yohobuynew-footer dt{float:left;}
.yohobuynew-footer dd{text-align:right;font-size:10px;float:right;}
.yohobuynew-footer a{color:#fff;position:relative;z-index:1;}

.yohobuynew-index-trend{width:1240px;height:329px;margin:0 auto 30px auto;overflow:hidden;}
.yohobuynew-index-trend .title{width:180px;float:left;}
.yohobuynew-index-trend .title h2{ height:49px;background:url(http://static.yohobuy.com/images/z_trend.png) no-repeat;text-indent:-999px;}
.yohobuynew-index-trend .title li{height:39px;line-height:39px;color:#fff;border-bottom:1px #999 solid;background:#7e7e7e;}
.yohobuynew-index-trend .title .act{background:url(http://static.yohobuy.com/images/i_c_ar.png) no-repeat 150px 10px #7e7e7e;}
.yohobuynew-index-trend .title li a{padding:0px 20px 0px 10px;font-size:14px;color:#fff;font-family:Arial,helvetica,sans-serif;height:39px;display:block;width:150px;overflow:hidden;}
.yohobuynew-index-trend .title li a:hover{background:#9c9c9c; text-decoration:none;}
.yohobuynew-index-trend .main{width:1060px;float:left;}
.yohobuynew-index-trend .main li{width:208px;height:329px;margin:0px 0px 0px 4px;display:inline;float:left;position:relative;}
.yohobuynew-index-trend .main .floatbox{ position:absolute;z-index:9;right:-212px;top:0px;width:208px;height:329px;padding:0px 0px 0px 9px;background:url(http://static.yohobuy.com/images/i_h_ar.png) no-repeat 0px 150px;}

.yohobuynew-index-trend .main .floatboxinner{width:188px;height:310px;background:#333;padding:9px 10px 0px 10px;}
.yohobuynew-index-trend .main .floatboxtitle{height:25px;background:url(http://static.yohobuy.com/images/z_dpdp.png) no-repeat;}
.yohobuynew-index-trend .main .floatboxmain{}
.yohobuynew-index-trend .main .floatboxmain dl{height:69px;padding:8px;margin-bottom:10px;background:#fff;}
.yohobuynew-index-trend .main .floatboxmain dt{width:64px;height:69px;float:left;}
.yohobuynew-index-trend .main .floatboxmain dt img{width:52px;height:67px;border:1px #e4e4e4 solid;}
.yohobuynew-index-trend .main .floatboxmain dd{width:106px;height:67px;float:left; white-space:nowrap;overflow:hidden;color:#999;line-height:22px;}
.yohobuynew-index-trend .main .floatboxmain dd strong a{color:#000;}

.yohobuynew-index-trend .main .floatboxright{ position:absolute;z-index:9;right:204px;top:0px;width:208px;height:329px;padding:0px 9px 0px 0px;background:url(http://static.yohobuy.com/images/i_left_ar.png) no-repeat 208px 150px;}
.body990 .yohobuynew-index-trend .main .floatboxright{ position:absolute;z-index:9;right:192px;top:0px;width:208px;height:329px;padding:0px 9px 0px 0px;background:url(http://static.yohobuy.com/images/i_left_ar.png) no-repeat 208px 150px;}
.yohobuynew-index-brands{width:1240px;height:105px;margin:0 auto 30px auto;}
.yohobuynew-index-brands .pre{width:35px;float:left;}
.yohobuynew-index-brands .con{width:1170px;height:105px;float:left;overflow:hidden;}
.yohobuynew-index-brands .next{width:27px;float:right;}
.yohobuynew-index-brands .btn_f_pre{width:27px;height:105px;background:url(http://static.yohobuy.com/images/btn_f_pre.png) no-repeat;display:inline-block;}
.yohobuynew-index-brands .btn_f_next{width:27px;height:105px;background:url(http://static.yohobuy.com/images/btn_f_next.png) no-repeat;display:inline-block;}
.yohobuynew-index-brands .con li{width:110px;height:81px;border:1px #f4f4f4 solid;padding:17px 5px 5px 5px;margin:0px 4px;display:inline;float:left; }
.yohobuynew-index-brands .con li img{width:80px;height:50px;display:block;margin:0px auto 12px auto;}
.yohobuynew-index-brands .con li span{clear:both;height:18px;background:#f4f4f4;display:block;text-align:center;cursor:pointer;width:110px;overflow:hidden;}

.yohobuynew-index-container{width:1240px;margin:0 auto;zoom:1;}
.yohobuynew-index-container:after{content: ""; display: block; clear: both; height: 0px;}
.yohobuynew-index-container .con-left{width:180px;padding-right:20px;float:left;}
.yohobuynew-index-container .con-right{width:180px;float:right;}
.yohobuynew-index-container .con-mid{width:840px;float:left;}
.yohobuynew-index-container .con-mid .title{height:38px;overflow:hidden;}
.yohobuynew-index-container .con-mid .title h2{width:100px;height:38px; text-indent:-999em;float:left;}
.yohobuynew-index-container .con-mid .title span{padding-right:10px;color:#fff;line-height:38px;float:right;}
.yohobuynew-index-container .con-mid .title span a{color:#fff; text-decoration:none;}
.yohobuynew-index-container .con-mid .main{margin:15px 0px 15px 0px;height:580px;overflow:hidden;position:relative;}
.yohobuynew-index-container .con-mid .main li{width:25%;float:left;}
.yohobuynew-index-container .con-mid .list{width:180px;height:280px;padding:5px 0px;overflow:hidden;text-align:center;margin:0 auto; position:relative;}
.yohobuynew-index-container .con-mid .list .thumb{height:245px;text-align:center;}
.yohobuynew-index-container .con-mid .list .thumb img{width:180px;height:240px; vertical-align:top;}
.yohobuynew-index-container .con-mid .list .name{width:130px;height:30px; text-align:left;overflow:hidden; position:absolute;top:250px;left:0px; white-space:nowrap;cursor:pointer;}
.yohobuynew-index-container .con-mid .list .name h3{height:15px;line-height:15px;font-size:12px;font-weight:normal;color:#555;cursor:pointer;}
.yohobuynew-index-container .con-mid .list .name strong{height:15px;line-height:15px;}
.yohobuynew-index-container .con-mid .list .name a{color:#555;text-decoration:none;}
.yohobuynew-index-container .con-mid .list .price{color:#000;height:30px;line-height:15px;font-weight:bold; white-space:nowrap;overflow:hidden;position:absolute;top:250px;right:0px;background:#fff;padding-left:10px;font-size:10px;font-weight:bold;}
.yohobuynew-index-container .con-mid .list .price del{color:#999;font-weight:normal;}
.yohobuynew-index-container .adv{margin-bottom:20px;clear:both;zoom:1;}
.yohobuynew-index-container .adv:after{content: ""; display: block; clear: both; height: 0px;}
.yohobuynew-index-container .adv img{ vertical-align:top;}

.yohobuynew-index-container .topic{clear:both;background:#eee;padding:10px 0px;height:590px;margin-bottom:10px;overflow:hidden;}
.yohobuynew-index-container .topic h2{margin:0px 10px;height:20px;background:url(http://static.yohobuy.com/images/z_zttj3.png) no-repeat; text-indent:-999em;border-bottom:1px #a7a7a7 dotted;}
.yohobuynew-index-container .topic .main{padding:10px 10px 0px 10px;}
.yohobuynew-index-container .topic .main dl{border-bottom:1px #a7a7a7 dotted;margin-bottom:10px;}
.yohobuynew-index-container .topic .main dt{padding-bottom:5px;}
.yohobuynew-index-container .topic .main dt img{width:160px;height:80px;}
.yohobuynew-index-container .topic .main dd{line-height:15px;color:#999;}
.yohobuynew-index-container .topic .main dd p{height:75px;margin-bottom:8px;overflow:hidden;}
.yohobuynew-index-container .topic .main dd span{color:#ccc;font-size:11px;}
.yohobuynew-index-container .topic .main dd a{color:#6b6b6b;text-decoration:underline;}
.yohobuynew-index-container .topic .more{clear:both;padding:0px 10px 0px 10px;}
.yohobuynew-index-container .topic .more .pagenum{padding:2px 0px 0px 0px;float:left;}
.yohobuynew-index-container .topic .more .pagenum a{width:14px;height:14px;margin-right:5px;display:inline;text-align:center;color:#000;font-size:10px;line-height:14px;border:1px #000 solid;background:#ccc;float:left;}
.yohobuynew-index-container .topic .more .pagenum .act{color:#fff;background:#666; text-decoration:none;}
.yohobuynew-index-container .topic .more .a_more4{float:right;}

/*==首页打折推荐==*/
.yohobuynew-index-outlet{clear:both;margin:20px 0px 0px 0px;background:url(http://static.yohobuy.com/images/yohobuynew_index_outlet_tab_bg.png) repeat-x top #f8f8f8;position:relative;min-width:990px;zoom:1;}
.yohobuynew-index-outlet:after{content: ""; display: block; clear: both; height: 0px;}
.yohobuynew-index-outlet .title{width:1240px;height:31px;background:url(http://static.yohobuy.com/images/yohobuynew_index_outlet_tab_bg.png) repeat-x top #f8f8f8;margin:0 auto;}
.yohobuynew-index-outlet .title ul{float:left;}
.yohobuynew-index-outlet .title ul li{width:95px;height:31px;text-align:center;line-height:30px;overflow:hidden;font-family:Arial,helvetica,sans-serif;font-size:14px;color:#fff;font-weight:bold;background:url(http://static.yohobuy.com/images/index_outlet_tab.png) no-repeat 0px -31px;margin-right:10px;display:inline;float:left; cursor:pointer;}
.yohobuynew-index-outlet .title ul .act{background:url(http://static.yohobuy.com/images/index_outlet_tab.png) no-repeat 0px 0px;color:#000;}
.yohobuynew-index-outlet .title span{color:#999;line-height:30px;float:right;}
.yohobuynew-index-outlet p{clear:both;text-align:center;padding:0px 0px 30px 0px;background:#f8f8f8;width:1240px;margin:0 auto;}
.yohobuynew-index-outlet .main{width:1240px;padding:20px 0px;height:155px;text-align:center;background:#f8f8f8;margin:0 auto;}
.yohobuynew-index-outlet .main ul{height:150px;overflow:hidden;}
.yohobuynew-index-outlet .main li{width:10%;float:left;overflow:hidden;}
.yohobuynew-index-outlet .list{width:102px;height:145px;padding:5px 5px 0px 5px;overflow:hidden;text-align:center;margin:0 auto;}
.yohobuynew-index-outlet .list .thumb{height:110px;}
.yohobuynew-index-outlet .list .thumb img{width:100px;height:100px;border:1px #f2f2f2 solid;}
.yohobuynew-index-outlet .list .name{height:15px; white-space:nowrap;overflow:hidden;}
.yohobuynew-index-outlet .list .name h3{height:15px;line-height:15px;font-size:12px;font-weight:normal;color:#bababa;cursor:pointer;}
.yohobuynew-index-outlet .list .name a{color:#bababa;text-decoration:none;}
.yohobuynew-index-outlet .list .price{color:#333;height:15px;line-height:15px;font-weight:bold; white-space:nowrap;overflow:hidden;}
.yohobuynew-index-outlet .list .price del{color:#999;}

.yohobuynew-popup{width:478px;height:295px;background:url(http://static.yohobuy.com/images/popup.png) no-repeat;margin:0 auto; position:relative;}
.yohobuynew-popup .btn_man{width:183px;height:72px;display:block; position:absolute;top:180px;left:48px;}
.yohobuynew-popup .btn_man:hover{background:url(http://static.yohobuy.com/images/popup_btn_man.png) no-repeat;}
.yohobuynew-popup .btn_woman{width:183px;height:72px;display:block; position:absolute;top:180px;left:245px;}
.yohobuynew-popup .btn_woman:hover{background:url(http://static.yohobuy.com/images/popup_btn_woman.png) no-repeat;}