@charset "utf-8";

/*----clear float----*/
.clear:after {
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
     overflow:hidden;
     clear: both;
}
.clear {zoom: 1;} /* IE  < 8 */
.clear-both{
    clear: both;
}

.center{text-align: center;}
.hidden{ display:none;}
.show{ display:block;}
.left{float: left;}
.right{float: right;}
.relative{position: relative;}
.absolute{position: absolute;}



.wx-wrapper{
    /*width: 300px;
    margin: 0 auto;
    padding: 10px;*/

    min-height: 480px;
    background: #fff url(http://static.yohobuy.com/images/v3/weixin/logo-bg.png) no-repeat center bottom; 
}
.wx-content{
   /* margin: 10px;*/
}
.wx-wrapper .activity-info{
    border: 2px solid #ccc;
    background: #f8f8f8;
    padding: 10px;
    color: #bfbfbf;
    line-height: 24px;
    font-size: 16px;
    margin: 10px;
}
.wx-wrapper .activity-info .title{
    text-align: center;
    margin-bottom: 5px;
}

.wx-wrapper .personal-info{
    margin-top: 10px;
    font-size: 14px;
}
.wx-wrapper .personal-info .sex{
    margin:0 10px;
}
.wx-wrapper .personal-info .sex a{
    display: block;
    width: 141px;
    border: 2px solid #ccc;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #ccc;
}
.wx-wrapper .personal-info .sex a span{
    margin: 10px 25px 0 10px;
    display: inline-block;
    border: 1px solid #ccc;
    width: 16px;
    height: 16px;
    float: left;
}
.wx-wrapper .personal-info .sex a span i{
    display: none;
}
.wx-wrapper .personal-info .sex a.cur{
    color: #000;
    border: 2px solid #000;
}
.wx-wrapper .personal-info .sex a.cur span{
    border: 1px solid #000;
    padding: 2px;
    width: 12px;
    height: 12px;
}
.wx-wrapper .personal-info .sex a.cur span i{
    display: block;
    width: 12px;
    height: 12px;
    background: #000;
}

.wx-wrapper .red-but{
    border: 0px;
}
.wx-wrapper .input-pan input{
    padding: 8px;
    width: 280px;
    border-color: #ccc;
}
.wx-wrapper .input-pan input:focus{
    color: #000;
}

.wx-wrapper .input-validate input{
    width: 125px;
}

.wx-wrapper .input-validate a{
    width: 141px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    margin-top: 7px;
    border: 2px solid #ccc;
    background: #f8f8f8;
}
.wx-wrapper .input-validate a.resend{
    color: #bfbfbf;
    cursor: default;
}
.wx-wrapper .input-validate p{
    color: #bfbfbf;
    font-size: 12px;
    margin-top: 10px;
}

.wx-wrapper .order-pan .order-list-content{
    border: 2px #F8F8F8 solid
}
.wx-wrapper .order-pan .order-list-title{
    margin-top: 10px;
}
.wx-wrapper .order-pan .button-lucky{
    background: #000;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    width: 88px;
    margin-right: 0;
    text-align: center;
}
.wx-wrapper .order-pan .button-done{
    background: #d6d6d6;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    width: 88px;
    margin-right: 0;
    text-align: center;
}
.wx-wrapper .tips-none span{
    font-size: 12px;
    display: block;
    margin-top: 10px;
}
.wx-wrapper .lucky-result{
    margin-bottom: 10px;
}
.wx-wrapper .lucky-result .result-title{
  padding: 10px;
}
.wx-wrapper .lucky-result .result-title img{
    width: 300px;
    height: 165px;
}
.wx-wrapper .lucky-result .result-title p{
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
}
.wx-wrapper .lucky-result .result-banner{
    margin: 60px 10px 0 10px;
}
.wx-wrapper .lucky-result .result-banner img{
    width: 300px;
    height: 145px;
}

/*help帮助中心页面样式*/
.wx-help{ padding-bottom:200px;}
.wx-help .search{ height:30px; padding:10px; border-bottom:1px solid #e6e6e6; }
.wx-help .search input{ width:270px; height:30px; border:none; line-height:30px; font-size:12px;}
.wx-help .search a.btn{ width:18px; height:21px; background:url(http://static.yohobuy.com/m/v1/img/weixin/help_03.png) no-repeat; display:block; float:right; margin-top:5px;}
.wx-help ul.itemList li{ height:43px; border-bottom:1px solid #e6e6e6; line-height:43px; padding-left:10px;}
.wx-help ul.itemList li a{ font-size:14px;display:block;}
.wx-help .phone{position:fixed; bottom:25px; width:320px;left:50%;margin-left:-160px; background:#fff; background:rgba(255,255,255,0.7) none repeat scroll !important;filter:Alpha(opacity=70); padding:20px 0 50px 0;display:none;}
.wx-help .phone .number{ width:300px; margin:0px auto;height:50px;background:#ee0011;position:relative;}
.wx-help .phone .number img{ position:relative; left:50px; top:10px;display:inline-block;}
.wx-help .phone .number a{ position:relative; left:65px; top:12px; font-size:22px; color:#FFF;}

.helpfooter{ height:135px; background:#f4f4f4; border-top:1px solid #e6e6e6; margin-top:30px; position:relative}
.helpfooter ul{ position:absolute; left:78px; top:30px;}
.helpfooter ul li{ float:left; margin-left:10px;}
.helpfooter .cr{ width:185px; height:50px; background:url(http://static.yohobuy.com/m/v1/img/weixin/help_detail_07.png) no-repeat center 0; position:absolute; left:70px; top:63px; text-align:center; line-height:80px;}
.helpfooter .scrollTop a{ width:40px; height:40px; display:block; background:url(http://static.yohobuy.com/m/v1/img/weixin/help_detail_10.png) no-repeat; position:absolute; right:10px; bottom:10px;}

.wx-helpfaq .list{min-height: 20px;padding: 10px;}
.wx-helpfaq .listTwo{background: none repeat scroll 0 0 #fefaf0;border: 1px solid #fbf0d5;}
.wx-helpfaq h2{border-bottom: 2px solid #eee;color: #333;font-size: 14px;height: 20px;line-height: 20px;padding: 10px 0 0 10px;}
.wx-helpfaq .ask{background: url("http://static.yohobuy.com/m/v1/img/weixin/ico_zx.png") no-repeat scroll -26px 3px rgba(0, 0, 0, 0);min-height: 10px;padding: 0 0 10px 20px;}
.wx-helpfaq .reply{background: url("http://static.yohobuy.com/m/v1/img/weixin/ico_zx.png") no-repeat scroll 0 -25px rgba(0, 0, 0, 0);color: #f07100; margin: 0;padding: 0 0 0 20px;}
.wx-helpfaq .listBox .listNone{padding: 150px 0;text-align: center;}
.wx-helparticle{ padding:10px;}

.nextPageSize{display:block; height:35px; width:200px; text-align:center; line-height:35px; margin:20px auto 10px;border:1px solid #CCC}

/*普通搜索样式*/
.wx-search{ padding:130px 0 100px 0; height:100%}
.wx-search p{ width:100%; padding:80px 10px 10px 10px; background:url(http://static.yohobuy.com/m/v1/img/weixin/search_05.png) no-repeat center 0; text-align:center;font-size:14px;}


/*排序筛选按钮样式*/
#filterList{ position:relative;padding-left:10px;}
#filterList a{ color:#666666; font-size:1.2em;height:2.4em;line-height:2.4em;  font-weight:bold;display:block;border:1px solid #e6e6e6;margin-right:10px;}
#filterList ul li{ float:left; width:50%;  text-align:center;  margin-top:0.4em; cursor:pointer;}
#filterList ul li.new .boxes{margin-right:10px;position:relative;}
#filterList ul li.new a{width:100%; background:url(http://static.yohobuy.com/m/v1/img/weixin/brand_10.jpg) no-repeat 90% center;margin:0;}
#filterList ul li.filter a{background:url(http://static.yohobuy.com/m/v1/img/weixin/brand_13.jpg) no-repeat 90% center}
#filterList ul li.filter span{ position: absolute;top: 2px;right: 60px}
#filterList ul li.new .sortList{ position:absolute; z-index:2; border:1px solid #e6e6e6; width:100%; top:2.9em; left:0px; background:#FFF;}
#filterList ul li.new .sortList p{ text-align:center; border-bottom:1px solid #e6e6e6;}
#filterList ul li.new .sortList p a{border:none;background:none;}
#filterList ul li.new .sortList p:hover{ background:#CCC;}

/*品牌信息样式*/
.brandInfo {margin: 15px 0;}
.brandInfo p.name {color: #222222; font-size: 14px; font-weight: bold;}
.brandInfo p.number {color: #999999;}
.brandInfo ul li {margin: 0 15px 0 5px;float: left;width: auto}
.divideLine {height: 5px;background: #f4f4f4;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;margin: 25px 0 5px 0;}

/*收藏、推荐、全部页面样式*/

.ui-loader{ display:none}
.noLogin{}
.noLogin p{height:23px; background:url(http://static.yohobuy.com/m/v1/img/weixin/login_03.png) no-repeat center 0; padding-top:50px; margin:50px auto}
.noLogin a.login{ width:135px; height:45px; display:block; text-align:center; line-height:45px; color:#FFF; background:#ee0011; margin:10px auto 50px; font-size:14px; font-weight:bold}

.newGoodsList .brandInfo{ margin:15px 0;}
.newGoodsList .brandInfo p.name{ color:#222222; font-size:14px; font-weight:bold;}
.newGoodsList .brandInfo p.number{ color:#999999;}
.newGoodsList ul li{float:left;}
.newGoodsList .brandInfo ul li{margin:0 15px 0 5px;}
.newGoodsList .brandGoods p{text-align:center; margin-top:3px; font-weight:bold;}
.newGoodsList .brandGoods ul li{ margin-left:10px; width:135px; overflow:hidden}

.brandBanner{ position:relative; min-height:6em;}
.brandBanner .like{ position:absolute;bottom:56px; right:10px;background:rgba(255,255,255,0.9);border-radius: 50%;}
.brandBanner .like a{font-size:1.3em;padding:0.4em;display:inline-block;}
.brandBanner .like a.active{color:#F00;}
.float_nav ul li{width:50%; color:#222222; float:left;}

a.line{ text-decoration:line-through}
a.red{ color:#F00}
a.more{ border: 1px solid #e6e6e6;color: #666666;display: block;height: 40px;line-height: 40px;margin: 20px auto;text-align: center;width: 150px; 	}

/*穿搭配样式*/
.wx_collocation .content{ width:595px; height:498px;}
.wx_collocation .float_nav{ position:inherit; overflow:hidden;}
.wx_collocation .float_nav ul li{width:90px;}
.wx_collocation .show_box ul {margin-top:10px;}
.wx_collocation .show_box ul li{width:145px;}
.wx_collocation .show_box ul li h3{ width:125px; height:30px; background:#f4f4f4; font-size:12px; padding:15px 10px 0 10px;}
.wx_collocation .show_box ul li h3 a{color:#747474; display:block; float:left;}
/*.wx_collocation .show_box ul li h3 a.like{ float:right; padding-left:20px; background:url(http://static.yohobuy.com/m/v1/img/weixin/show_19.png) no-repeat 0 center; height:15px;}
.wx_collocation .show_box ul li h3 a.liked{ float:right; padding-left:20px; background:url(http://static.yohobuy.com/m/v1/img/weixin/show_20.png) no-repeat 0 center; height:15px;}*/

.wx_collocation .show_box ul li h3 a.like{ margin:4px 4px 0 0;}
.wx_collocation .show_box ul li h3 a.liked{margin:2px 4px 0 0; color:#F00;}

.wx_collocation .show_box{ margin-top:2px;}
.wx_collocation .show_box .line{ width:145px; float:left; margin-left:10px;}

.wx_collocation .collocation_detail{ float:left; overflow:hidden; width:320px; position:relative; min-height:100%}
.wx_collocation .collocation_detail .artile{ position:absolute; bottom:0px; width:320px; background:#FFF;background:rgba(255,255,255,0.8) none repeat scroll !important; filter:Alpha(opacity=80);}
.wx_collocation .collocation_detail .artile p { position:relative;}
.wx_collocation .collocation_detail .artile p a {color:#8e8d8c; }
.wx_collocation .collocation_detail .artile p.title{padding:10px;}
.wx_collocation .collocation_detail .artile p.title a{ font-size:16px; color:#333333;font-weight:bold;}
.wx_collocation .collocation_detail .artile p.title a.page{ color:#a6a6a6}
.wx_collocation .collocation_detail .artile p.con{padding:0 10px 10px 10px;}
.wx_collocation .collocation_detail .artile p.con a{ color:#666666;}
.wx_collocation .collocation_detail .artile p.op a{ display:block; width:160px; height:50px; float:left;color:#FFF; }
.wx_collocation .collocation_detail .artile p.op a.like{ background:#383838;}
.wx_collocation .collocation_detail .artile p.op a.buy{ background:#ee1726;}
.wx_collocation .collocation_detail .artile p.op a.buy_no{ background:#999999;}
.wx_collocation .collocation_detail .artile p.op a span{ display:block; height:17px;padding-left:26px; margin:16px auto; font-size:14px; line-height:17px}
.wx_collocation span.like{ background:url(http://static.yohobuy.com/m/v1/img/weixin/show_bg.png) no-repeat 0 -54px; width:40px;}
.wx_collocation span.liked{ background:url(http://static.yohobuy.com/m/v1/img/weixin/show_bg.png) no-repeat 0 -20px; width:40px; color:#F00;}
.wx_collocation span.buy{ background:url(http://static.yohobuy.com/m/v1/img/weixin/show_bg.png) no-repeat 0 -72px; width:70px;}
.wx_collocation .buy_no span{background:url(http://static.yohobuy.com/m/v1/img/weixin/show_bg.png) no-repeat 0 -37px; width:70px;}
.wx_collocation .collocation_wrap{ min-width:20000px;top:0;}
.wx_collocation .collocation_wrap div{ float:left;position: relative;}

.wx_collocation .collocation_buy{width:275px; float:left; position:relative; display:none;}
.wx_collocation .collocation_buy h3{ height:34px; padding-top:10px; font-weight:bold; color:#2e2e2e; border-bottom:1px solid #cccccc;}
.wx_collocation .collocation_buy h3 a{display:block; float:left;}
.wx_collocation .collocation_buy h3 a.close{ display:block; width:18px; height:18px; background:url(http://static.yohobuy.com/m/v1/img/weixin/show_bg.png) no-repeat 1px -91px; margin:0 100px 0 10px;}
.wx_collocation .collocation_buy .goods_list ul li{border-bottom:1px solid #cccccc;}
.wx_collocation .collocation_buy .goods_list dt,.wx_collocation .collocation_buy .goods_list dd{ float:left;}
.wx_collocation .collocation_buy .goods_list dd{ padding-top:10px;}
.wx_collocation .collocation_buy .goods_list dd p{ margin:5px; width:140px;}
.wx_collocation .collocation_buy .goods_list dd a.go{ display:block; width:20px; height:20px; background:url(http://static.yohobuy.com/m/v1/img/weixin/show_bg.png) no-repeat 0px 0px; margin-top:5px;}
.wx_collocation .collocation_buy{}
.wx_collocation .collocation_buy{}


/*筛选样式*/
.filterBox{width:275px;float:left; position:relative;z-index:1000;}
.filterHeader{ height:30px; padding:7px 0 7px 10px; border-bottom:1px solid #cccccc; position:absolute; z-index:10; left:0px; width:265px;background:#f8f8f8;}
.filterHeader span{ display:block; float:left; width:60px; height:30px; text-align:center; line-height:30px; font-size:14px; font-weight:bold; margin-right:10px;cursor:pointer;}
.filterHeader span.clear{ border:1px solid #e7e7e7;}
.filterHeader span.ok{ border:1px solid #000; background:#000; color:#FFF;}
.filterHeader span.close{ text-align:left;}
.filterBox .list{ font-size:14px; font-weight:bold; padding-top:50px;background:#f8f8f8;}
.filterBox ul li{ border-bottom:1px solid #e6e6e6;}
.filterBox ul li p.nav{height:45px;line-height:45px; font-size:14px; color:#3d3d3d; font-weight:bold; cursor:pointer;}
.filterBox ul li p.show{background:url(http://static.yohobuy.com/m/v1/img/weixin/filter_color_07.png) no-repeat 0 4px;}
.filterBox ul li p span{ display:block; float:left; margin-left:15px;}
.filterBox ul li p span.selected{ color:#a2a2a2; font-size:12px;width: 170px;overflow: hidden;height: 45px;white-space: nowrap;text-overflow: ellipsis;}
.filterBox ul li p.nav span.arrow{ width:15px; height:10px; background:url(http://static.yohobuy.com/m/v1/img/weixin/show.png) no-repeat; float:right; position:relative; top:18px; right:10px;}
.filterBox ul li p.nav span.show{background:url(http://static.yohobuy.com/m/v1/img/weixin/hide.png) no-repeat;}
.filterBox ul li .selectCon{ background:#f1f1f1;}
.filterBox ul li .selectCon p{ height:43px; line-height:43px; color:#767676; margin-left:15px; width:260px; border-bottom:1px solid #e6e6e6;}
.filterBox ul li .selectCon p.selected{color:#F00; background:url(http://static.yohobuy.com/m/v1/img/weixin/filter_slected.jpg) no-repeat 235px center;}
.filterBox ul li .selectCon p.all{ padding-left:15px; margin:0px; background-position: 250px  center;}
.filterBox ul li .selectCon p.sn{ padding-left:20px; width:240px;}
.filterBox ul li.brand span.delete{ width:18px; height:19px; display:block; background:url(http://static.yohobuy.com/m/v1/img/weixin/filter_brand_03.png) no-repeat; position:relative; right:10px; top:15px; float:right}
.filterBox ul li.brand p.all{ padding-left:0;}
.filterBox ul li.brand p span.uncheck{ width:13px; height:13px; border:1px solid #cccccc; background:#FFF; position:relative; top:14px; left:0px; }
.filterBox ul li.brand p span.check{ width:15px; height:15px; background:url(http://static.yohobuy.com/m/v1/img/weixin/filter_brand_07.jpg) no-repeat;border:none; position:relative; top:14px; left:0px;}
.filterBox div.color span{height:30px; width:30px; display:block;margin:7px 10px 0 0;}
.filterBox ul li p span.red{ color:#F00;}
.hide{ display:none}

/*lookbook页面样式*/

.lookBoxList{}
.lookBoxList ul li{ float:left; margin: 0 0 6.4px 6.4px;}
.lookBox{ background:#222222; padding-top:10px; ;width:320px; margin:0 auto; overflow:hidden;}
.lookBox-wrap{left:32px;width:5000px; position: relative;}
.lookBox-wrap > div {float: left; position: relative;width: 256px;}
.lookBox-wrap div img{ margin-left:1%}
.lookBoxSlider{ position:relative; }
.lookBoxSlider p.title{margin:20px auto;height:40px; text-align:center; line-height:40px; background:#222222}
.lookBoxSlider p.title a{color:#FFF; font-size:15px; text-decoration:none;}
.ui-loader{ display:none}
.lookBox .change{height:50px; background:#000; position:fixed; bottom:0; color:#FFF; width:320px;background:rgba(0,0,0,0.7) none repeat scroll !important;filter:Alpha(opacity=70); z-index:100;}
.lookBox .change a{ width:16px; height:16px; display:block; background:url(http://static.yohobuy.com/m/v1/img/weixin/qh_bg.png) no-repeat; position:absolute;}
.lookBox .change a.one{background-position: 0 -16px; left:70px; top:17px;}
.lookBox .change a.two{background-position: 0 -48px; left:230px; top:17px;}
.lookBox .change a.one_2{background-position: 0 0; left:70px; top:17px;}
.lookBox .change a.two_2{background-position: 0 -31px; left:230px; top:17px;}

/*保养教学页面样式*/
.maintenance .float_nav ul li{ width:90px;}
.maintenance .list ul li{ border-bottom:1px solid #e6e6e6}
.maintenance .list ul li dl dt,.list ul li dl dd{ float:left}
.maintenance .list ul li dl dt{ padding:10px; width:100px;}
.maintenance .list ul li dl dd{ width:200px;padding:10px 0;}
.maintenance .list ul li dl dd h3{font-family:"黑体";font-size:16px; font-weight:bold}
.maintenance .list ul li dl dd p{width:160px; padding:5px 20px 0 0; background:url(http://static.yohobuy.com/m/v1/img/maintenance_08.jpg) no-repeat right center;}
.maintenance .list ul li dl dd p a{ color:#ababab;}	

/**/
.goodsListBox{ padding-right:0px;padding-top:0px;}
.goodsListBox ul li{ width:50%; float:left; margin:10px 0; position:relative;}
.goodsListBox ul li b{margin-right:10px;display:inline-block;}
.goodsListBox ul li p{ text-align:center;}
.goodsListBox ul li a.goodsListPic{ margin-bottom:0px;}
.goodsListBox ul li p.goodsListTitle, .goodsListBox ul li p.name{ margin-top:10px;}
.goodsListBox ul li p.goodsListTitle a, .goodsListBox .goodListView .goodsListPrice,
.goodsListBox ul li p.name a, .goodsListBox ul li p.price{height:2.8em;line-height:1.4em;font-size:1em;}
.goodsListBox ul li p.goodsListTitle a, .goodsListBox ul li p.name a{display:block;overflow:hidden;}
.goodsListBox .goodListView .goodsListPrice, .goodsListBox ul li p.price{ font-size:1em; margin-top:2px;}
.goodsListBox ul li p.tag{ background:#F00; color:#FFF; height:15px; line-height:15px;}
.goodsListBox ul li p.name a{ color:#a0a0a0;}
.goodsListBox ul li p.price a{ font-weight:bold}
.goodsListBox ul li p a.line{ text-decoration:line-through}
.goodsListBox ul li p a.red{ color:#F00}
.listBanner{ margin-bottom:0px;}

/**/
.newLike{ overflow:hidden;}

#yohood-tag{left:-7px; position:absolute; top:-8px;}