﻿@charset "utf-8";

body,html,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,a,img,span,button{margin:0;padding:0;font-family: STHeiti,Helvetica Neue;}
ul,ol,dl,li,dt,dd{list-style: none;}
em,b{font-style: normal;}
*:not(input,textarea){-webkit-tap-highlight-color:rgba(111,111,111,0);-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}
input,textarea{-webkit-tap-highlight-color:rgba(111,111,111,0.5);}
input[type='search']{-webkit-tap-highlight-color:rgba(111,111,111,0);}
body{background-color: #F9F9F9;}
/*.wrappPageStyleComm{position: absolute; top:44px; width: 100%;height: 100%;padding-bottom:55px}*/
.wrappPageStyleComm{ padding-top:0px; width: 100%;height: 100%;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.shadeDiv{width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.8; display: none}

.inputTextComm{width:100%;padding:0 15px; box-sizing: border-box}
.inputTextComm input{width:100%;border-radius:5px;border: 1px solid #ccc;font-size:16px;padding:13px 5px;box-sizing: border-box;margin: 0 auto;display: block;box-shadow: none;-webkit-appearance: caret; -webkit-appearance: none;}
.buttonStyleComm{width:100%;height:44px;line-height:44px;text-align: center;border: none;background-color: #7148bf;color: white;font-size:18px;letter-spacing:1px;margin:22px auto;display: block;}
.eee_bg{background-color:#f9f9f9}
.color_red{color: #C00;}
.fl{float: left;}
.fr{float: right;}
.marginTop_44{margin-top:22px}
.widthWrap{width: 100%;box-sizing: border-box;padding:0 15px;}
.errormsg{width: 160px;margin:0 auto;color:red;text-align: center;position:relative;top: 10px;clear: both;font-size: 12px;}

/*************  弹出提示框样式处理  ***********/
dl#boxForMessage{margin:0px!important;padding:0px!important;border-radius:3px; border:#CCC 1px solid;overflow:hidden;position:absolute; z-index:1000; background:#FFF;}
dl#boxForMessage dt{padding:0;margin:0;padding:10px 0px;line-height:40px; text-align:center; font-size:24px; margin-top:30px;border:0;}
dl#boxForMessage dt em{display:block;}
dl#boxForMessage dt span{display:block;}
dl#boxForMessage dd{ text-align:center;padding:0; margin:0; margin-bottom:30px; overflow:hidden; border:0;}
#boxForMessage .btn { width: 230px;height: 60px;border-radius: 4px;background-color: #d9ad02;  border: 1px solid transparent;font-size: 24px;color: #fff;padding: 0;  -webkit-user-select: none;}
#boxForMessage .btn:focus {outline: thin dotted;outline:1px auto -webkit-focus-ring-color;outline-offset: -3px;}


dl#boxForMessage.box-for-message{margin:0px!important;padding:0px!important;border-radius:8px; border:#CCC 1px solid;overflow:hidden;position:fixed; z-index:1000; background:#FFF;width:90%}
dl#boxForMessage.box-for-message dt{margin:0;padding: 6px 16px 9px; width:100%;box-sizing: border-box; text-align:center; font-size: 18px; border:0;border-bottom: solid 1px #bababa;font-weight: bold;line-height: 1.5;border-radius: 4px 4px 0 0;}
dl#boxForMessage.box-for-message dt.single-dt{background-color: rgba(0,0,0,.7);width: 296px;}
dl#boxForMessage.box-for-message dt.single-dt h6{font-size: 32px;color: white;}
dl#boxForMessage.box-for-message dt.single-dt p{font-size: 32px;color: white;}
dl#boxForMessage.box-for-message dt h6{font-size: 36px;}
dl#boxForMessage.box-for-message dt p{font-size: 14px;}
dl#boxForMessage.box-for-message dt em{display:block;}
dl#boxForMessage.box-for-message dt span{display:block;}
dl#boxForMessage.box-for-message dd{text-align:center;padding:0; margin:0; overflow:hidden; border:0;width:100%;}
#boxForMessage.box-for-message .btn {width: 100%; height: 45px;border-radius: 2px; background-color: white;  border: 1px solid transparent; font-size: 18px; color: #0B6BEF;padding: 0;  -webkit-user-select: none;}
#boxForMessage.box-for-message .btn:focus {outline: thin dotted;outline:1px auto -webkit-focus-ring-color;outline-offset: -3px;}

.shadeDiv{position: absolute;top:0;left: 0px;width:100%;height: 100%;background: rgba(111,111,111,0.5);z-index: 1000;}
/*-----没有数据展示－－－－*/
.noData{text-align: center;font-size: 30px;color: #666666;padding-top: 40px;line-height: 50px;width: 100%;}


/*小图标*/
.collectPic2, .class_xx, .blackImg, .classSearch, .askPic, .huisuo_checkd, .deleteBarrel, .dbh_bg, .youjiantou, .closePic, .sueecc_y, .xiangji, .addPic, .addressCompile_pic, .more_dowS em {background: url(../img/tow_icon.png) no-repeat;background-size: 140px 210px; display: inline-block; line-height: 889px; overflow: hidden;}
.youjiantou {background-position:-35px -75px;}
.jszx_right_bg {width:22px;height:22px;display: inline-block;margin-top: -11px;position: absolute;top: 50%;right:15px;}

/*-------------头部------------------*/
#headerAll{width: 100%; height:44px;box-sizing: border-box; background-color:white; font-size:18px;  line-height:44px; z-index:20;display: -webkit-box;}
.leftPic,.rightPic{width:70px; overflow: hidden;color: #474747;position: relative;z-index: 20}
.leftPic a{ list-style:none; text-decoration:none; color: #474747;}
.pagesTitles{-webkit-box-flex:1; text-align:center;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; width: 100%;height:44px; box-sizing:border-box;}
.goBack{background: url(../img/tow_icon.png) no-repeat;background-size:140px 210px; display: inline-block; line-height: 555px; overflow: hidden;}

.leftPic em{ display: inline-block; float:left;}
.goBack{background-position: -6px -8px;height:20px;top:4px;width:16px;margin:11px 5px 0 10px;float:left;}
.centerTitle{-webkit-box-flex:1; position: relative; text-align: center; }
.centerTitle div{position: absolute; width: 100%; font-size:18px}
/*.pagesTitles:after,.pagesTitles:before{ width:170px; content: ' '; height:88px; display: block; }*/


/*-------------脚部------------------*/
.footer{border-top:#dda207 1px solid; text-align: center; color:#4a4a4a;width:100%; float: left; position: fixed; bottom: 0; left: 0; z-index: 999;}
.footer > ul{width: 100%; height:50px;background-color:white;}
.footer li{float: left; width:20%; font-size:12px;height:50px;}
.footer li em{width:50px; height:33px; overflow: hidden;  display: block; margin:0px auto 0;background-image:url(../img/footer_icon.png);background-size: 320px 100px;}
.footer ul li.ft_index em{background-position: -22px -50px;width:21px;}
.footer ul li.ft_category em{background-position:-85px -50px;width:23px;}
.footer ul li.ft_serc em{background-position:-150px -50px;width:22px;}
.footer ul li.ft_car em{background-position:-210px -50px;width:29px;}
.footer ul li.ft_use em{background-position:-278px -50px;width:21px;}
.footer li.ft_index,.footer li.ft_category,.footer li.ft_serc,.footer li.ft_car,.footer li.ft_use{color:#dda207}
.footer ul li.ft_index2 em{background-position:-22px 0;width:21px;}
.footer ul li.ft_category2 em{background-position:-85px 0;width:23px;}
.footer ul li.ft_serc2 em{background-position:-150px  0;width:22px;}
.footer ul li.ft_car2 em{background-position:-210px 0;width:29px;}
.footer ul li.ft_use2 em{background-position:-278px 0;width:21px;}

/*黑色脚部*/
.backBg_footer{background-color: rgba(255,255,255,0.8);height: 49px; text-align: left; border: none; border-top: solid 1px #bebebe;}
.siku_price_footer{color:#ed7233; margin: 0 5px 0 10px; float:left; font-size: 16px; line-height: 49px;}
.sichan_price_footer{ font-size: 26px; color: #999999; text-decoration: line-through; float: left; line-height: 98px; width:240px; text-align: center;}


/*脚部*/
#footerIframe{width: 100%; left: 0; bottom: 0}
.indexPic,.brandPic,.shopPic,.sikuPic,.indexPic2,.brandPic2,.shopPic2,.sikuPic2,.zheng,.quanwei,.qitian,.mianfei,.dow_logo b{background: url(../img/indexIcon.png) no-repeat;line-height: 888px; display: inline-block; overflow: hidden; background-size:215px 278px;}
.footActivity{border-top:1px solid #ddd;position: relative;width: 100%;box-sizing: border-box;padding: 0 10px 10px;display: -webkit-box;}
.footActivity > div{-webkit-box-flex: 1;width: 0%;margin:10px 5px 0 0;height: 75px;border: 1px solid #ddd;font-size: 12px;color: #797979;background-color: #fff;text-align: center;}
.footActivity > div:last-child{ margin-right:0;}
.footActivity div b {display: block;margin: 15px auto 5px;height: 33px;}
.footActivity:before{ width: 100%; height: 1px; background-color: #fff; content: '';position: absolute; top: 1px; left: 0;}
.indexPic{width:32px;background-position:-7px -225px;}
.brandPic{width:30px;background-position:-65px -123px;}
.shopPic{width:23px;background-position:-121px -121px;}
.sikuPic{width:28px;background-position:-173px -123px;}

.indexPic2{width:32px;background-position:-7px -119px;}
.brandPic2{width:30px;background-position:-65px -230px;}
.shopPic2{width:23px;background-position:-121px -227px;}
.sikuPic2{width:28px;background-position:-173px -227px;}

.down_app{width: 100%; margin:10px 0; padding: 0 10px; box-sizing: border-box}
.down_app a{color:#000; text-decoration: none;}
.dow_innerDiv{height:75px; border: 1px solid #ddd; background-color: #fff;display: -webkit-box;}
.dow_logo,.dow_but{width:75px; text-align: center;}
.dow_logo b{width:44px; height:44px; background-position:0 0; margin-top:18px; border-radius:5px}
.dow_info{-webkit-box-flex: 1; line-height:75px; font-size:12px; text-align: center;}
.dow_info span{color:#ff2b06}
.dow_but a{display:block; width: 100%; height:75px; text-decoration: none; text-align: center;}
.dow_but b{width:45px; height:25px; border: 1px solid #e6b223; color: #e6b223; text-align: center; line-height:25px; display: inline-block; border-radius:4px; font-size:12px; margin-top:23px}

#footerInfo ul{display: -webkit-box; overflow:hidden;}
#footerInfo li{-webkit-box-flex:1;width:0%;}
.big_circle{width:50px; height:50px; margin: 0 auto; text-align: center; background:-webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#fff)); border-radius:30px;box-sizing: border-box; padding-top:5px}
.small_circle{width:38px; height:38px; background:-webkit-gradient(radial,50% 50%,0,50% 50%,100,from(#f3f3f3),to(#fbfbfb));border-radius:20px; box-shadow:0 1px 3px #d6d6d6; margin: 0 auto}
.circleButton_text{font-size:12px; text-align: center; padding:5px 0; color: #a9a9a9}
.small_circle b{display: block; margin:0px auto;height:28px; position: relative; top:7px;}
.zheng{width:22px;background-position:-15px -184px; top:8px}
.quanwei{width:21px;background-position:-69px -181px;}
.qitian{width:21px;background-position:-126px -185px;}
.mianfei{width:25px;background-position:-173px -186px;}
.footBot_text{font-size:14px; height:20px; line-height:20px; text-align: center; padding-top:10px; color: #a9a9a9}
.footBot_text a{text-decoration: none; color:#a9a9a9 }

.footActivity a{color: #797979; text-decoration: none; display: inline-block;}




/*专题模板*/
.shouqing_span{width:50px;height:50px; position:absolute; top:50%;left:50%; z-index:111;background: rgba(0,0,0,.3); font-size:12px; color:#fff;text-align: center;line-height:50px; display:block;border-radius:40px;display:none;margin: -25px 0 0 -25px;}
.shouqin .shouqing_span{display:block}
.activtyApp_c{background-color: #eee;width:320px;margin:0 auto}
.activtyApp_r{width:100%;}
.activtyApp_c .pic_p,.activtyApp_c .pic_p img,.activtyApp_c .cp_pic img{display: block; width: 100%;}
.activtyApp_c .twoLine_p{width:100%; float: left;}
.activtyApp_c .twoLine_p .pic_p{width:50%; float:left;}
.activtyApp_c .producodeUlList{ box-sizing:border-box; padding:10px; clear: both;}
.activtyApp_c .producodeUlList li{float: left;width:48%; margin:2% 4% 2% 0; background-color: #fff; padding:5px 0; position: relative;}
.activtyApp_c .producodeUlList li:nth-child(2n){margin-right:0;}
.activtyApp_c .producodeUlList li img{width: 144px;height: 144px;margin:0 auto}
.activtyApp_c .cp_pic{width: 100%; margin-bottom:10px;}
.activtyApp_c .cp_name{width: 100%; padding:0 10px; line-height:16px; height:32px; font-size:12px; box-sizing:border-box; overflow: hidden;}
.activtyApp_c .cp_buy{width: 100%; padding:10px;box-sizing:border-box; position: relative;}
.activtyApp_c .cp_buy{font-size: 14px; font-weight:bold;}
.activtyApp_c .cp_buy p{float: left;}
.activtyApp_c .cp_buy b{font-size: 12px; font-weight:normal;}
.activtyApp_c .cp_siku{color:#d81e55; padding-right: 10px;}
.activtyApp_c .cp_shichang{color:#717171;text-decoration: line-through;}
/*返回顶部*/
#goToHead_but{width:40px; height:40px; background-color:#535353; border-radius:30px; position:fixed; z-index: 9999; right:10px; bottom:10px;opacity:0;-webkit-transition:all .5s; text-align:center; line-height:38px;}
#goToHead_but.goToHeadActivity{width:20px; height:20px; line-height:18px;border-radius:15px;right:5px; bottom:5px;}
#goToHead_but span{font-size:12px; color:#F0F0F0}
#goToHead_but.goToHeadActivity span{font-size: 12px}



/*专题添加小标*/
.activityLor_img{position: relative;}
span.markPic{position:absolute;top:10px;left:20px;width:54px; height:57px; background:url(http://m.secoo.com/picservice/zhuanti_pic/1111biao.png); background-size:54px 57px}
span.markPic,span.markPic img{width:54px; height:57px}
#footerIframe iframe{height: 130px!important;}

/*懒加载动画*/
@-webkit-keyframes slideOut{
    0%{opacity: 0;}
    10%{opacity: 0.1;}
    30%{opacity: 0.3;}
    50%{opacity: 0.5;}
    70%{opacity: 0.7;}
    100%{opacity: 1;}
}
