@charset "utf-8";
body{overflow-x: hidden;font-family: "微软雅黑";_overflow-x: hidden;}
.red{color: red;}.f12{font-size: 12px;}.f24{font-size: 24px;}
/*轮换*/
#main_promo{height:350px; width:1920px;position:absolute;  left:50%; margin-left:-960px;  top:0;  overflow:hidden; z-index:1; }
.promoWD{width:1000px; margin:0 auto; position:relative;z-index: 1;height: 350px; }
.slide{display:block; float:left;  width:1920px;}
#dots{position: absolute;left: 50%;bottom: 80px;width: 100px;height: 13px;padding: 10px 0;margin-left: -50px;text-align: center;background-color: rgba(0, 0, 0, .3);border-radius: 10px;
z-index: 9;}
#dots li{ width:30px; height:13px; float:left; }
#dots li a{ display: inline-block;width: 13px;height: 13px;margin-left: 6px;background-color: #FFF;border-radius: 6.5px;vertical-align: top;}
#dots li.act a{width: 25px;border-radius: 10px;background-color: #970508;}

/*首页切换*/
.malltabbox{width: 1000px;margin: 0 auto;position: relative;z-index: 5; margin-top: -70px;}
.malltop{width: 100%;border-bottom: 3px solid #fcdd6c;height: 45px;}
.malltop span{width: 226px;padding:1px;display: block;text-align: center; color: #8b8b8b;background: url(../images/mallsx.jpg) right top no-repeat #fff;
 line-height: 45px; font-size: 28px; cursor: pointer;position: relative;float: left; height: 43px;}
.malltop .on{ padding: 0px;background: #fddd6a; color: #6b4304;border:1px solid #c5c4c6; border-bottom:0px;height: 45px; margin-left: -1px;}
.mallcontent{height: auto;width: 100%; clear: both;}
.mallcontent>div{width: 100%;}
.mallcontent .box{display: none;opacity: 0;filter: alpha(opacity=0);}
.mallcontent .show{ display: block;opacity: 1;filter: alpha(opacity=100);}
.malltitle{height: 65px;border-left:8px solid #880203; color: #fff; background: #302f37; font-size: 20px; 
    line-height: 65px; padding-left: 15px; display: block; position: relative;}
.malltitle a{font-size: 0px;position: absolute;right:18px;top:8px;width: 248px;height: 51px;line-height: 41px;display: block;background: url(../images/kaitong.png);}
.malltitle a:hover{background-position: 0 -53px;}

.linkwrap{height: 370px;border:1px solid #e0dede; float: left; margin-top: 3px;}
.linkwrap a{background: url(../images/m-bg1.jpg) left top repeat-x;display: block; position:relative;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.linkwrap a:hover{background: url(../images/m-bg2.jpg) left top repeat-x;}
.linkwrap .middle{position: absolute;left: 0;right:0;top:0;bottom: 0; margin: auto;vertical-align:middle; }
.linkwrap .ays1{width: 360px;height: 180px;margin-bottom: 3px;}
.linkwrap .ays2{width: 177px;height: 175px;float: left;}
.linkwrap .ays3{width:177px;height: 175px;float: right; }
.linkwrap .hovercss{border:1px solid #e0dede;}
.linkwrap .hovercss:hover img{  animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite;}
@-webkit-keyframes icoBig{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    20%{-webkit-transform:scale(1.05);transform:scale(1.05);}
    30%{-webkit-transform:scale(.93);transform:scale(.93);}
    45%{-webkit-transform:scale(1.04);transform:scale(1.04);}
    60%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes icoBig{
    0%{transform:scale(1);}
    20%{transform:scale(1.05);}
    30%{transform:scale(.93);}
    45%{transform:scale(1.04);}
    60%{transform:scale(1);}
}
.link1{width: 270px;height: 360px;}
.link2{width: 362px;margin-left: 2px;border:0px;}
.link3{width: 182px; float: right;}

/*友情连接*/
.mallfl{width: 995px;float: left; clear: both;}
.mallfl .flbox{height: 184px; border:1px solid #dbd9d9; background: #efefef; line-height: 48px; padding: 0 20px; margin-top: 3px;}
.mallfl .flbox a{ color: #464d57; font-size: 16px;margin-right: 20px; white-space:nowrap;}
.mallfl .flbox a:hover{border-bottom: 2px solid  #a20004}
/*客服中心*/
.kfbox{float: right;width: 282px;}
.kfbox .txt{height: 164px; border:1px solid #dbd9d9; background: #efefef;margin-top: 3px; padding-left: 23px; line-height: 28px; padding-top: 20px; }
.kfbox .txt a{display: inline-block;width: 153px;height: 28px; background-image: url(../images/kaitong.png); background-position: 0 -246px;vertical-align: middle;}
.kfbox .txt a:hover{background-position: 0 bottom;}
/*浮动*/
.footerbar{background: url(../images/bottombg.png);height: 130px;width: 100%;position: fixed;_position: absolute;left: 0;bottom:0px;z-index: 10;}
.w1280{width: 1280px;margin: 0 auto;position: relative; }
.footerbar .jxw{position: absolute;bottom: 0px; left: 0;width: 165px;height: 197px;display: block;background: url(../images/jxw.png);}
.footerbar .txtimg{width: 358px;height: 92px;margin-left: 150px; margin-top: 20px;display: block;float: left;}
.footerbar a{width: 340px;text-align: center; display: block;float: right;color: #ffc974;
    font-size: 34px; line-height: 130px;}
.footerbar .a2{background: url(../images/fleatbg.jpg); color: #794a00;}
.footerbar .a1{_position: absolute;_right: 340px;_top:0;}
/*成长体系*/
.growbox{ background:#fbfbfb; border:1px solid #d1d1d1;height: 238px; margin: 3px 0 10px 0;position: relative;z-index: 1;}
.growbox .btn{width: 26px;height: 26px;cursor: pointer;background: url(../images/btn.png); position: absolute;z-index: 10;right:10px;bottom:10px;}
.growbox .on{background-position: 0 -26px;}
.growbox .txt{background: #302f37;color: #fff;position: absolute;z-index: 9; padding: 20px;font-size: 12px;width: 960px;height: 200px; line-height: 22px;}
.growbox .vipimg{display: block;position: absolute;top:-43px;background-image: url(../images/vip.png);height: 88px;}
.growbox .vip1{width: 44px;left: 0;}
.growbox .vip2{width: 44px;left: 104px; background-position: -44px 0;}
.growbox .vip3{width: 49px;left: 246px; background-position: -88px 0;}
.growbox .vip4{width: 49px;left: 422px; background-position: -137px 0;}
.growbox .vip5{width: 49px;left: 654px; background-position: -186px 0;}
.growbox .vip6{width: 60px;right: 0px; background-position: -235px 0;}
.progress {height: 20px; width: 865px; background: #d2d2d2; position: relative; border-radius: 20px;margin: 0 auto;margin-top: 60px;}
.progress-bar .active {animation: reverse progress-bar-stripes 0.40s linear infinite;animation: animate-positive 2s;}
.progress .progress-bar {border-radius: 20px;position: relative;animation: animate-positive 2s;}
.progress-bar-danger {background-color: #d9534f;width: 0;transition: width 1s ease;}
.progress-value{background:url(../images/jdt.jpg);border-radius: 20px;text-align: center; color: #fff; }
/*未登录状态*/
.growbox .state{position: absolute; text-align: center; height: 200px;background:url(../images/htm.png);width: 100%;
 left: 0;top:0px;line-height: 70px; color: #ffe17a; padding-top: 40px;  z-index: 5;}
.growbox .login{background-image: url(../images/kaitong.png);background-position: 0 -106px;width: 248px;height:50px;display: inline-block; line-height: 41px;}
.growbox .login:hover{background-position: 0 -159px;}
.logintxt{padding-left: 60px;padding-top: 30px; color: #9a9a9a;}
.logintxt span{color: #b40001; padding-right: 20px;}

.czbox1{background:url(../images/czbg1.jpg) top center no-repeat #fbfbfb; padding: 400px 115px 50px 125px; 
    border:1px solid #d1d1d1; color: #302f37;}
.czbox2{background: #fbfbfb;border:1px solid #d1d1d1; padding: 60px 170px; color: #302f37;}
/*会员权益*/
.qytitle{height: 65px;border-left:8px solid #880203; color: #fff; background: #302f37; font-size: 20px; 
    line-height: 65px; padding-left: 15px; display: block; position: relative;}
.qytitle a{font-size: 0px;position: absolute;right:18px;top:8px;width: 248px;height: 52px; line-height: 41px; display: block;background: url(../images/kaitong.png) 0 -212px;}
.qytitle a:hover{background-position: 0 -265px;}
.qytitle span{width: 192px;height: 54px; line-height: 72px; text-align: center; cursor: pointer;  font-size: 20px; display: block; float: left; color: #fff;}
.qytitle .on{background: #fff;color: #a10303; margin-top: 12px; line-height: 54px;}
.quanyiul{ clear: both; }
.ulb{display: none;}
.quanyiul li{height: 309px; margin-top: 3px; background-image: url(../images/quanyi.jpg);box-shadow: 0 0 #1e2834;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.quanyiul li:hover {/*box-shadow: 0 0 30px #333;*/}
.quanyiul .liys1{width: 500px;height: 290px;float: left;}
.quanyiul .liys2{width: 500px;height: 290px;float: right;}
.quanyiul .liys3{width: 1000px;height: 776px;background: url(../images/jpg.jpg);clear: both;}
.quanyiul .liys4{width: 1000px;height: 220px;background: url(../images/rwyhy.jpg);clear: both;}
.quanyiul .lia{background-position: 0 0;}
.quanyiul .lib{background-position: right top;}
.quanyiul .lic{background-position: 0 -290px;}
.quanyiul .lid{background-position: -500px -290px;}
.quanyiul .lie{background-position: 0  -578px;}
.quanyiul .lif{background-position: -500px -578px;}
.quanyiul .lig{background-position:0 -711px; }
.quanyiul .lih{background-position:-500px -711px; }
.quanyiul .lii{background-position:0 -948px; }
.quanyiul .lij{background-position:-500px -948px; }
.quanyiul .h269{height: 269px;}
/*底部*/
.mall-bottom{background: #302f37;font-size: 14px; color: #848484; padding: 30px 0 150px 0;line-height: 24px;}
.mall-bottom a{color: #848484;}

/*弹框*/
.malltcbox{height: 560px;width: 780px;border:1px solid #b1b1b1; background:#eee;position: relative;overflow: hidden;color:rgb(85, 85, 85);}
.malltcbox .title{position:relative;height: 40px;   line-height: 40px;border-bottom: 3px solid #302f37; background:#910204; color: #fff; padding-left: 20px;}
.malltcbox .title span{color: #fffd78; padding: 0 20px;}
.malltcbox .title a,.mallclose{width: 15px;height: 15px;display: block;position: absolute;right:15px;top:15px; background-image: url(../images/close.png);}
.malltcbox .title a:hover,.mallclose:hover{background-position:0 -15px;}
.malltcbox .step1{margin-top: 25px;margin-left: 25px;}
.malltcbox .step1 td{padding-bottom: 20px;color:rgb(85, 85, 85);}
.malltcbox .step1 i{width: 15px;height: 15px;border-radius: 50%; background:#c50104;display: inline-block;margin-right: 10px; vertical-align: middle; }
.malltcbox .step1 .time{ float: left; color: #888;text-align: center; line-height: 28px; width: 151px;height: 28px; background: #fff;
    border:1px solid #d5d5d5;position: relative; margin-right: 3px; margin-bottom: 10px; cursor: pointer;}
.malltcbox .step1 .on{border:1px solid #970304;color: #333;}
.malltcbox .step1 .gou{width: 20px;height: 24px;background: url(../images/gou.png); position: absolute;right:0;bottom: 0;z-index: 5;display: none;}
.malltcbox .step1 .on .gou{display: block;}
.malltcbox .step1 .time img{position:absolute;z-index: 4;top:0px; left:0;}
.paystyle{width: 150px;height: 45px;float: left;border: 1px solid #ddd; margin-right: 3px;position: relative;background: #fff; cursor: pointer;margin-bottom:10px;}
.determinebtn{vertical-align: middle;display: inline-block;color: #930515; }
.payinput{width: 180px;height: 28px;border:1px solid #ddd; vertical-align: middle; padding-left: 10px;}
.paddlr{padding: 0 20px;}
.ptopbott{padding: 10px 0;clear: both;}
.disabled{background: #eee;}
.stepbottom{position: absolute;bottom: 0;left: 0; text-align: center;width:100%;}
.stepbottom p{font-size: 12px; color: #999;line-height: 24px;}
.stepbottom .stepbtn{display: inline-block;width: 205px;height: 50px;text-align: center;line-height: 50px; color: #fff; font-size: 28px;}
.stepbottom .btnhui{background: #302f37;}.stepbottom .btnhui:hover{background: #201f24;}
.stepbottom .btnhong{background: #800103;}.stepbottom .btnhong:hover{background: #9d0304;}



.step2{width: 650px;margin: 20px auto;line-height: 36px;}
.malltcbox .gou{width: 30px;height: 30px;vertical-align: middle; }
.step2 h1{position: relative; height: 60px;line-height: 60px; text-align: center;color: #f95959; font-size: 24px;}
.step2 h1 .img{position: absolute;right:0;bottom:-90px;width: 145px;height: 183px;background: url(../images/cg1.png);}
.step2 td{padding: 10px; font-size:16px;line-height:34px;color:black;}
.step2 .td-left{vertical-align: top; color: #8d8d8d;font-size:16px;}
.step3{width: 441px;height: 211px;margin: 80px auto; text-align: center;font-size: 24px; line-height: 50px;}
.step4{text-align: center;padding: 20px; line-height: 40px; color: #777;}
.step4 .txt{color: #d10104; font-size: 20px;text-align: left;display: block;}
.step4 .ewm{width: 250px;height: 250px;margin: 10px;}
.step4 .wxpay{padding-left: 40px; width: 165px;margin: 0 auto;margin-bottom: 10px; background: url(../images/payico.png) left top no-repeat;height: 40px;line-height: 40px;font-size: 24px;}
.step4 .zfbpay{padding-left: 40px; width: 165px;margin: 0 auto;margin-bottom: 10px; background: url(../images/payico.png) left top no-repeat; background-position: 0 -40px; height: 40px;line-height: 40px;font-size: 24px;}
.step21{text-align: center;}
.step21 h1{position: relative; height: 80px;line-height: 80px; text-align: center;color: #f95959; font-size: 26px; padding-top: 100px;}
.step21 p {text-align: left;padding-left: 250px; }

.ljpop{width: 530px;height: 330px;position: relative;background: #eee;border:1px solid #bbb;}
.ljpop h2{color: #d10104; font-size: 20px;text-align: center;padding: 35px 0;}
.ljpop .text{padding:0 45px; color: #666; line-height: 32px;}
/*修改按钮*/
.color-green {color: #29bb90;}

.bottom{width:100%;z-index:999;_overflow-y: auto;display: none;
_bottom:auto;_width:100%;_position:absolute;//_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
/* for IE6 ，执行JS语句，documentElement即html对象，clientHeight即可视窗口高度，
offsetHeight即浮动层高度（包括border边框厚度），scrollTop即滚动条滚动过的页面高度 */

@-webkit-keyframes animate-positive {
    0% { width: 0%;}
}
@keyframes animate-positive {
    0% { width:0%; }
}
.xg-recharge-tip {
    font-size: 12px;
    color: #ff3f4d;
    float: left;
    line-height: 32px;
    background: url(../images/gant.png) left center no-repeat;
    padding-left: 18px;
    margin-left: -3px;
}
.malltcbox .mas-top {
    padding-left: 124px;
    line-height: 32px;
    font-size: 18px;
    position: relative;
    border-bottom: 1px dashed #888;
    width: 650px;
    margin: 20px auto;
    padding-bottom: 30px;
}
.malltcbox .mas-top .img {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 100px;
    height: 100px;
}
.malltcbox .hui {
    color: #8d8d8d;
}
/*input*/
.item-amount{width: 110px; height: 30px;  position: relative; z-index: 1;}
.item-amount a{display: block; height: 28px; width: 30px; border: 1px solid #ccc; background: #f0f0f0; text-align: center; text-decoration: none; line-height: 28px; color: #444; position: absolute; top: 0;}
.item-amount .minus,
.item-amount .no-minus{border-radius: 5px 0 0 5px; left: 0;}
.item-amount .plus,
.item-amount .no-plus{border-radius: 0 5px 5px 0; right: 0;}
.item-amount .no-minus,
.item-amount .no-plus{color: #EAEAEA; border-color: #EAEAEA; background-color: #F7F6F6;}
.item-amount .minus:hover, .item-amount .plus:hover{border-color: #acacac;background-color:#eaeaea;}
.item-amount .no-minus:hover,.item-amount .no-plus:hover{color: #EAEAEA; border-color: #EAEAEA; background-color: #F7F6F6; cursor: default;}
.text-amount{width: 46px; height: 20px; line-height: 20px; border-width: 1px 0; border-style: solid; border-color: #ccc; color: #343434; text-align: center; padding: 4px 0; background-color: #fff; background-position: -75px -375px; position: absolute; z-index: 2; left: 32px; top: 0;}
.xg-recharge-tip {
    font-size: 12px;
    color: #ff3f4d;
    float: left;
    line-height: 32px;
    background: url(../images/gant.png) left center no-repeat;
    padding-left: 18px;
    margin-left: 10px;
}
.color-green {
    color: #bb3029;
}
.f14 {
    font-size: 14px;
}
.layerMsg {color:black;}