﻿
.wrap{width:960px;margin:0 auto;}

.topbar{border-bottom:1px #ccc solid;border-top:8px #000 solid;padding-top:16px;}
.topbar .hd,.topbar .bd{text-align:right;}
.topbar .hd a{line-height:1.5;color:#101010;padding:0 3px;}
.topbar .hd a:hover{color:#666;}
.icoshopcart i{background:url(../images/sf.png) 0 -80px no-repeat;width:14px;height:15px;display:inline-block;margin:0 2px;position:relative;top:1px}
.iconApp i{background:url(../images/sf.png) 0 -80px no-repeat;width:14px;height:15px;display:inline-block;margin:0 2px;position:relative;top:1px}
.dwlg{ position: relative;}
.mlogo{ position: absolute;left: 0; bottom: 25px;}

.navls{float:right;padding:10px 0 23px;font-size:14px;margin-right:30px;}
.naveight{ width: 430px;}
.navls li{float:left;width:100px; height:46px; text-align:center;}
.navls .fb{font-size:16px}
.navls a{color:#000;}
.navls a:hover,.navls .active a{border-bottom:2px #000 solid;}
.navls li.eightW{ width: 260px;}
.topbar .ft {padding-top:5px;}
.topbar .online{float:right;margin:10px;position:relative;padding-right:28px;}
.topbar .online a{margin:0 5px;color:#000;}
.phone{font-size:16px;color:#101010;font-weight:bold;}
.topbar .online i{background:url(../images/sf.png) 0 -190px no-repeat;width:18px;height:20px;display:inline-block;position:relative;top:2px;cursor:pointer}
.qrcodewrap{position:absolute;right:0;top:0;}
.min_news{
    display: inline-block;
    width: 30px;
    height: 15px;
    position: relative;
    overflow: visible;
    outline: none;
}
.min_news .news_icon{
    display: inline-block;
    width: 18px;
    height: 14px;
    border: 2px solid #555;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    left: 6px;
    bottom: -2px;
}
.min_news .news_icon:after{
    content: '';
    border: 2px solid #555;
    border-left: transparent;
    border-top: transparent;
    width: 9px;
    height: 9px;
    position: absolute;
    top: -2px;
    left: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.min_news .news_count{
    width: 16px;
    height: 12px;
    background-color: #fa7d3c;
    border: 1px solid #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: -2px;
    right: -3px;
    color: #ffffff;
    text-align: center;
    line-height: 10px;
    font-size: 8px;
}
.min_news .news_tip{
    line-height: 20px;
    background: rgba(255, 249, 224, 0.94) none repeat scroll 0 0;
    border: 1px solid #ffeebb;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    color: #333;
    min-width: 234px;
    padding: 6px 12px;
    position: absolute;
    right: -75px;
    top: 26px;
    z-index: 9998;
    text-align: left;
}
.min_news .news_tip a{
    color: #fa7d3c;
}
.min_news a.close_btn{
    position: absolute;
    right: 5px;
    top: 1px;
    color: #000;
}
/* 如果有两个二维码的时候把这个解开 */
/*.online .qrcodewrapbd{position:absolute;right:-10px;width:230px;text-align:right;display:none;}*/
.online .qrcodewrapbd{position:absolute;right:-150px;width:230px;text-align:right;display:none;}
.online .qrcode{margin-right:0;}


.search {padding-top:11px;float:right;}
.search .inpsrch{border:1px solid #ccc;}
.search .btnsrch{background:url(../images/sf.png) 0 -28px no-repeat;width:22px;height:22px;display:inline-block;border:none;overflow:hidden;text-indent:-22em;cursor:pointer;}

/*焦点图*/
.idxfocus{margin:30px 0 0;position:relative;}
.idxfocus_wrap{position:relative;overflow:hidden;width:960px;height:315px;}
.idxfocus ul{position:absolute;left:0;}
.idxfocus li{float:left;}
.vsfocus_preNext{position:absolute;top:133px;background:url(../images/sf.png) no-repeat;width:10px;height:18px;cursor:pointer; overflow: hidden; text-indent: -100px;}
.vsfocus_pre{left:-50px;background-position:0 -143px;}
.vsfocus_next{right:-50px;background-position:0 -124px;}
.lftarea{float:left;width:651px;}
.rgtarea{float:right;width:300px;}
/*本期上新*/
/*.newarrival .hd,.nextissue .hd{background:url(../images/indx-tt1.png) no-repeat;height:29px;margin-bottom:15px;text-indent:-100em;}*/
.newarrival .hd, .nextissue .hd {
    background: url(http://qmht.oss-cn-hangzhou.aliyuncs.com/image%2Fcurrent-show.jpg) no-repeat;
    background-size: 202px 29px;
    height: 29px;
    margin-bottom: 15px;
    text-indent: -100em;
}

.indxlfitem{height:180px;margin-bottom:13px;box-shadow: 0px 0px 4px #999;width:641px;border:1px #fff solid;}
.indxlfitem:hover{border-color:#000;box-shadow:none;}
.indxlfitem .logo{width:200px;float:left;text-align:center;color:#101010;position:relative;height:170px;}
/*.indxlfitem .logo  img{margin:8px;}*/
.indxlfitem .logo h3{font-size:14px;height:21px;overflow: hidden;margin: 0 10px;}
.indxlfitem .item_cnt img{border-left:1px solid #cecece;}
.indxprolist{width:105%;}
.indxprolist li{float:left;width:315px;position:relative;height:180px;box-shadow: 0px 0px 4px #999;margin-right:10px;margin-bottom:10px;border:1px #fff solid}
.indxprolist li:hover{box-shadow:none;border:1px #000 solid}
.indxprolist .pic{padding-bottom:10px;}
.indxprolist .logo{float:left;padding:0 5px;}
.indxprolist .title{width:170px;float:left;}

.indxprolist .btnbuy{position:absolute;right:1px;bottom:1px;}
.indxprolist span.btnbuy{background:#ccc;}
.indxlfitem .countdown{color:#a3a3a3;position:absolute;bottom:3px;left:0;width:100%;text-align:center;}
.indxlfitem .countdown i{background:url(../images/sf.png) no-repeat;width:13px;height:13px;display:inline-block;position:relative;top:2px;}


@keyframes myfirst
{
    from {top: 180px;}
    to {top: 0;}
}

@-moz-keyframes myfirst /* Firefox */
{
    from {top: 180px;}
    to {top: 0;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    from {top: 180px;}
    to {top: 0;}
}

@-o-keyframes myfirst /* Opera */
{
    from {top: 180px;}
    to {top: 0;}
}

/*下期预告*/
.nextissue .hd{background:url(../images/indx-tt2.png) no-repeat;margin-top:30px;}
.nextissue .item{width:315px;border:1px #ccc solid;position:relative;height:180px;overflow:hidden;}
.nextissue .item span{position:absolute;width:100%;text-align:center;height:180px;line-height:180px;left:0;background:rgba(255,255,255,0.8);font-family:Georgia;font-size:36px;color:#454545;display:block;top:0;

    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#bbffffff,endColorStr=#bbffffff)
}
.nextissue .item:hover{border-color:#000;}
/*
.nextissue .item a:hover span{top:180px;
animation: myfirst .5s ;
-moz-animation: myfirst .5s;
-webkit-animation: myfirst .5s;
-o-animation: myfirst .5s;
}
*/
.footer{background:#f6f6f6;border-top:1px #ccc solid;padding-top:35px;margin-top:15px;}
.slogon{margin-bottom:33px;width:112%;}
.slogon li{padding-left:27px;width:30%;float:left;text-align:left;}
.fttool {float:right;}
.fttool ul{width:120px;float:left;border-left:1px #ccc solid;text-align:left;padding-left:15px;margin-top:5px;}
.fttool .f14 a{line-height:1.2;position:relative;top:-3px;}
.fttool a{color:#999;line-height:2;}
.fttool a:hover{color:#ffbb00;padding-left:6px;}
.qrcode{float:left;background:#fff;width:115px;height:120px;padding-top:10px;margin-right:20px;text-align:center;color:#666;}
.qrcode p{padding-top:3px;}
.ftserviceinfo{text-align:right;padding-right:175px;margin-bottom:10px;padding-top:26px;}
.ftserviceinfo span{margin-right:15px;}
.copyright{background:#000;color:#fff;text-align:center;line-height:26px;}
.ftserviceinfo i{background:url(../images/sf.png) 0 -106px no-repeat;display:inline-block;width:10px;height:10px;position:relative;top:2px;}

/*问答*/
.aAndQ{
    width: 960px;
    margin: 0 auto;
}
.aAndQ .hd{
    background: url(../images/indx-tt3.png) no-repeat 0 0/114px 30px;
    height: 29px;
    margin-bottom: 15px;
    margin-top: 30px;
    text-indent: -100em;
    overflow: hidden;
}
.aAndQ .hd .title{
    float: left;
    width: 200px;
    height: 29px;
}
.aAndQ .hd .server{
    float: right;
    width: 100px;
    height: 29px;
    background: url(https://i1.qmht.mobi/image/serv.jpg) 0 0 no-repeat;
    -webkit-background-size: 29px;
    background-size: auto 29px;
}
.aAndQ .hd .server a{
    display: block;
    width: 100%;
    height: 100%;
}
.aAndQ .lPart,.aAndQ .rPart{
    width: 450px;
}
.aAndQ .lPart{
    float: left;
}
.aAndQ .rPart{
    float: right;
}
.aAndQ .bd{
    border: 1px solid #cecece;
    padding: 15px;
    overflow: hidden;
}
.aAndQ .bd li{
    margin-bottom: 16px;
    border-left: 1px solid #e3e3e3;
}
.aAndQ .bd .question,.aAndQ .bd .answer{
    position: relative;
    font-family: MicrosoftYaHei;
}
.aAndQ .bd .question{
    padding-left: 15px;
    height: 38px;
    font-size: 18px;
    color: #0B0B0B;
}
.aAndQ .bd .question i, .aAndQ .bd .answer i{
    display: inline-block;
    position: absolute;
    top: 0;
    left: -15px;
}
.aAndQ .bd .question i{
    width: 28px;
    height: 28px;
    background: url(../images/index_faq_q.png) no-repeat;
    -webkit-background-size: 28px 28px;
    background-size: 28px 28px;
}
.aAndQ .bd .answer{
    padding: 5px 15px;
    font-size: 14px;
    color: #7E7E7E;
    background-color: #F5F5F5;
}
.aAndQ .bd .answer i{
    width: 28px;
    height: 32px;
    background: url(../images/index_faq_a.png) no-repeat;
    -webkit-background-size: 28px 32px;
    background-size: 28px 32px;
}

/*右侧品牌列表*/
.brandslid{background:#f8f8f8;text-align:center;position:relative;overflow:hidden;height:280px;margin-bottom:13px;padding:10px 0;}
.brandslid ul{position:absolute;height:265px;}
.brandslid ul li{float:left;}
.brandslid ul a{float:left;position:relative;width:86px;height:57px;text-align:center;margin-left:10px;margin-bottom:2px;}
.brandslid li i{background:url(../images/sf.png) 0 -274px no-repeat;width:86px;height:57px;display:none;position:absolute;left:0;top:0;}
.brandslid li a:hover i{display:block;}

.brandslid .vsfocus_btn{position:absolute;bottom:22px;text-align:center;width:100%;left:0;}
.brandslid .vsfocus_btn li{display:inline-block;width:28px;height:4px;overflow:hidden;border:1px #000 solid;margin:0 3px;cursor:pointer}
.brandslid .vsfocus_btn .vsfocus_btn_on{background:#000;}

/*右上一*/
.idxrgttop{margin-bottom:13px;background:#f8f8f8;padding:20px 17px;top: 630px;z-index: 2;}
.idxrgttop .bd img{margin-top:13px;}

.mark_soldout{position:absolute;width:79px;height:79px;overflow:hidden;background:url(../images/bg-circle.png) no-repeat;top:25px;left:120px;text-align:center;line-height:79px;color:#fff;font-size:18px}

/*列表页*/

.pglistbanner{margin:30px 0;}
.prolist{padding-left:5px;margin-bottom:20px;}
/*.prolist li{float:left;width:272px;margin:32px 20px 0;box-shadow: 0px 0px 4px #999;padding:0 0 15px;border/!*\**!/:1px #ccc solid \9}*/
.pic{ height: 120px;}
.productListPic{ height: 202px; background-color: #fff; position: relative;}
.listpicend{ position: absolute; top: 0%; left: 0%; z-index: 2; width: 272px; height: 202px;font-size:26px; background-color:#000;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; color: #fff; text-align: center; line-height: 202px;}
.prolist li {
    box-shadow: 0 0 4px #999;
    float: left;
    height: 284px;
    margin: 32px 20px 0;
    padding: 0 0 15px;
    width: 272px;
}
.prolist li a.gray{background: #ccc;}
.prolist .bd, .prolist .ft {
    height: 38px;
    overflow: hidden;
    padding: 10px 19px 0;
    width: 234px;
}
.prolist li:hover{background:#f4f6f7;}
.prolist .btnbuy{float:right;}
/*.prolist .bd,.prolist .ft{padding:10px 19px 0;}*/
.prolist .bd a{color:#101010;}
.prolist li a{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;text-align:center;}
.prolist del{color:#999;line-height:22px;position:relative;top:2px;float:left;}

/*已抢光 未抢光*/
.picyw{ height:30px; padding-top: 20px;}
.picyw a{ padding: 4px 14px; border: 1px solid #ccc; color:#666; font-size: 16px; margin-left: 26px; border-radius: 3px;}
.picyw a:hover{box-shadow: 0 0 4px #999; color:#000;}
.picyw a.picactive{ background-color: black; color:#fff; border-color: black;}

/*过滤器*/
.filter{background:#f5f5f5;padding:9px 28px;}
.filter dt,.filter dd{float:left;line-height:31px;margin:0 5px;font-size: 1.3em;}
.filter dl {border-bottom:2px solid #fff;}
.filter dd a{display:block;padding:0 7px;}
.filter .on{background:#333;color:#fff;}

.pglistbanner{margin:30px 0 0;color:#000;}
.pglistbanner .bd{padding:15px 0 22px;font-size:18px;line-height:34px;height:70px;}
.pglistbanner .logo{float:left;margin:0 30px 0 10px;position:relative;}
.pglistbanner .leftSide{float: left;overflow: hidden;}
.pglistbanner .time{background:#000;color:#fff;float:left;width:325px;margin-left:43px;}
.pglistbanner .time i{background:url(../images/sf.png) -22px -2px no-repeat;display:inline-block;position:relative;margin:0 10px;width:18px;height:18px;top:2px;}
.pglistbanner .countdown i{display:none;}

.tjads{font-size:12px;color:#999;line-height: 28px;margin-top: 10px;}
.tjads p{display:inline-block; width:460px;}
.tjads p.xysfz{width:350px;}
.tjads p img{ width: 30px; height: 21px;}

/*注册*/
.label{ padding: 0.3em 0.6em; }
.container{ width: 1000px;}
.col-md-6{ width: 66%;}
.col-xs-12{ padding: 0px;}
.zccntr{ width: 100%; padding: 0px; margin: 0px;}
.zcnext{ margin: 10px 0px 0px;}
.zc_tlt{ width:1000px; margin: 0px auto;}
.glyphicon-right,.zc-user,.zc-ok,.gwc_th,.user_iconr,.user_iconx,.user_icond,.user_icons,.user_iconj,.jy-ok,.jy-remove,.jy-time{ display: inline-block; padding-left: 15px; vertical-align: middle; height: 15px; background: url(../images/sf.png) 0px -357px no-repeat;}
.zc_adss{font-size: 14px;font-weight: normal; margin-top: 10px; padding: 0;}
.zc_adss span{font-size:100%;}
.zc_msg{ width:46%; margin: 40px auto 30px;}
.zc-user{ background-position:-22px -357px; height: 18px; padding-left: 18px; vertical-align: -3px;}
.zc_msg .btn-md{ padding: 8px 0px;}
.zc-ok{background-position:-45px -357px; height: 12px; vertical-align: -1px;}

/*登录*/
.logoin{ width: 460px; padding: 50px 0px;}
.logoin .alert-info{ width: 500px;}
.col-xs-8{ width: 100%;}
.logoin .row{ width: 530px;}
.logoin .panel{ margin-bottom: 0px;}
.logoin .panel-body{ padding: 30px 15px;}
.logoin a.wjmm{ font-size: 12px; float: right; margin-top: 5px;}
.user_zc{ margin-left: 20%;}
/*购物车空*/
.gwck{ width: 1000px; margin: 30px auto;}
.htln{ min-height: 280px;}
.gwc_th{ background-position:-69px -357px; height: 22px; padding-left: 22px; vertical-align: -2px;}
.gwc_jr{border: 0px solid;text-align: left;}
.gwc_jr h3{ font-size: 24px; margin: 20px 0px 10px;}
.gwck .table-bordered td{ line-height: 24px; font-size: 14px;vertical-align: middle;}
.gwck .table-bordered td a{ color: #dd4814;}
.gwck .table-bordered td a:hover{ color: #97310e; text-decoration: underline;}
.gwck h4{ font-size: 18px; padding: 14px 0px;}

/*个人资料、修改密码、我的订单、配送地址、收藏夹*/
.user_zl{ margin: 20px auto; min-height: 300px;}
.user_iconr,.user_iconx,.user_icond,.user_icons,.user_iconj,.active .user_iconr,.active .user_iconx,.active .user_icond,.active .user_icons,.active .user_iconj{ vertical-align: -4px;}
.user_iconr{ background-position: 0px -382px;}
.user_iconx{ background-position: -16px -382px;}
.user_icond{ background-position: -33px -382px;}
.user_icons{ background-position: -48px -382px;}
.user_iconj{ background-position: -64px -382px;}
.active .user_iconr{ background-position: 0px -398px;}
.active .user_iconx{ background-position: -16px -398px;}
.active .user_icond{ background-position: -33px -398px;}
.active .user_icons{ background-position: -48px -398px;}
.active .user_iconj{ background-position: -64px -398px;}
.form-group .xbxz span{ display: inline-block; width: 46px; height: 26px; line-height: 26px;}
.form-group .xbxz span input{ float: left; margin: 5px 5px 0px 0px;}
.btn-bc{border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 6px 16px;}
.mydd{ width: 100%;}
.jfhz{ font-size: 11px; padding: 0.3em 0.6em 0.2em; font-weight: normal;}
.jy-ok,.jy-remove,.jy-time{}
.jy-ok{background-position: 0px -414px;}
.jy-remove{background-position: -18px -414px;}
.jy-time{background-position: -38px -414px; vertical-align: -3px;}
/*分页*/
.page{ min-width: 500px; margin: 0px;}
.all_fy{ border: 0px none; padding: 0px 10px; line-height: 30px;}
.pagination .disabled a{background-color: red;border-color: red;cursor: default; color: #fff;}
/*订单详情*/
.wthsml{ margin: 0px;}
.pdnone{ padding: 0px 0px 20px;}
.wthsml input.mgno{ margin: -2px 0px 0px;}
.wthsml .psadss{line-height: 20px;cursor: pointer; width: 970px; padding: 10px 20px; margin: 0px;}
.wthsml .psadss span{display: inline-block; border: 2px solid #fff; padding: 0px 14px; margin-right: 20px;}
/*验证码*/
.c_code_msg{display:inline-block;width:60%;}
.msgs{display:inline-block;width:104px;color:#333;font-size:12px;border:1px solid #eee;text-align:center; vertical-align:-2px;height:34px;line-height:34px;background:#eee;cursor:pointer;}
.msgs1{background:#E6E6E6;color:#818080;border:1px solid #CCCCCC;}
/*支付*/
#payTable td{ border: 0; border-left: 8px solid #fff;border-right: 8px solid #fff; padding: 0; display: list-item; float: left;margin-bottom: 14px;}
#payTable td a{ display: block; border: 1px solid #ddd; padding: 5px; margin:5px;}
#payTable .alert-info{background: none;}
#payTable tr.zfbln td{ margin-bottom: 26px;}
#payTable tr{ background-color: #fff;}
#payTable .bank_select{
    position: relative;
    border:2px solid #dd4814;
    padding:4px;
}
/*配送地址*/
.address_des{ padding-left:7%;}
/*注册协议*/
.yhxy{ max-width: 900px; margin: 30px auto; font-size: 14px; line-height: 30px; text-indent: 2em; padding: 0px;}
.xytlt{ font-size: 24px; height: 50px; text-align: center; text-indent: 0px;}
.xytlts{ margin-top: 20px;}

.buybtn{ cursor: pointer;}

/*注册成功*/
.zfcg{ width: 70%; margin: 40px auto; }
.fl{ float: left;}
.clear{ clear: both;}
.zftz { text-align: center; font-size: 24px; line-height: 50px; width: 100%;}
.zftz a{ font-size: 14px; color: #000;}
.zftz a:hover{ color: #f00;}

/*商品列表分页*/
.page_product_list{ width: 960px; height: 26px; padding: 20px 0px 40px; line-height: 26px;}
.pagelist{ text-align: center;}
.pagelist a,.pagelist span{ display: inline-block; border: 1px solid #ccc; min-width: 12px; padding: 0px 8px; margin: 0px 5px;}
.pagelist span.thispg{ background: #e33a3c ; color: #fff; border-color: #e33a3c ;}
/*1022 修改*/
.lgin-btn,.lgin-btn1{ background-color:#262626; border:0px none; width:100%;height:36px;font-size:18px}
.lgin-btn1{ width: 26%;}
.lgin-btn:hover,.lgin-btn1:hover{ background-color: #000; border-color: #000;}

.proactivityinfo .bd img,.probaseinfo .bd img,.prosizeinfo .bd img,.prodetailinfo .bd img{ max-width: 97%; min-width: 30%; width: auto; margin:30px 0;}

/*活动结束弹窗*/

.modalBg{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
.overAlert{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}
.overAlert .alertWindow{
    width: 400px;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 0 4px #999;
    -moz-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;
    margin: 50px auto 0;
    background: #fff;
    position: relative;
}
.overAlert .brandPic{
    width: 100%;
}
.overAlert .brandPic img{
    width: 100%;
}
.overAlert p{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    width: 350px;
}
.overAlert .closeBtn{
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #ededed;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}
/*转让活动页*/
.exchangelist li{
    height: 300px;
}
.exchangelist .ft{
    height: 60px;
}
.exchangelist .ft .price{
    height: 45px;
    line-height: 45px;
}
.exchangelist .proInforM div{
    height: 22px;
    line-height: 22px;

}
.exchangelist .proInforM{
    margin-left: 30px;
    float: right;
}