@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:94%; min-width:0;}
.loarea .wp{ width: 96%;}
.nav{ display:none;}
.menubtn{ display:block;} 
.loarea{ height:50px;}
.logo{ width:140px; height: 50px;}
.logo .tp{ height:32px;}
.topOpa{ margin:0 48px 0 0;}
.topOpa .btn{ margin-left: 20px;}
.topOpa .btn .icon{ width: 18px;}
.chooseLan{margin: 10px 40px 0 0px;}
.inav{ display: block;}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.banimg{ width:150%; max-width: 150%; margin-left: -25%;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.bigimgw100 .tp{ width: 150%; max-width: 150%; margin-left: 25%;}

.hnoticeItem a{ padding: 15px 0;}
.i_l{ width: 100%; padding: 20px 0; border-left: 6px solid #BA5051; margin-top: 20px;}
.m_main .i_l{ width: 100%;}
.lm a{ display: inline-block; padding: 0 1.8em;}
.lm a:hover .line ,.actLm .line{ width:8px !important; }
.i_r{ min-width: 100%; }

}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
body,input,textarea,select,button{ font-size: 0.22rem;}
body{ background-color:#fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.mt10{ margin-top: 0.10rem;}
.mt15{ margin-top: 0.15rem;}
.mt20{ margin-top: 0.20rem;}
.mt25{ margin-top: 0.25rem;}
.mt30{ margin-top: 0.30rem;}
.mt35{ margin-top: 0.35rem;}
.mt40{ margin-top: 0.40rem;}
.mt45{ margin-top: 0.45rem;}
.mt50{ margin-top: 0.50rem;}
.mt60{ margin-top: 0.60rem;}
.mt70{ margin-top: 0.70rem;}
.mt80{ margin-top: 0.80rem;}
.mt90{ margin-top: 0.9rem;}
.mt100{ margin-top: 1rem;}
.banner .swiper-pagination{ bottom:0.1rem !important;}
.banner .swiper-pagination-bullet{width:0.15rem;height:0.15rem; margin:0 0.05rem !important;}

.f_t{ padding: 0.4rem 0;}
.flogo{ width: 100%; margin-right: 0px; text-align: center;}
.flogo .tp{ max-height: 1.2rem; }
.fnav{ min-width: 100%; margin-top: 0.3rem; }
.fnavItem{ width: 25%;}
.fnavItem .tit{ font-size: 0.28rem;}
.fnavItem .nr{ margin-top: 0.15rem;} 
.fnavItem .nr a{ font-size: 0.24rem;padding: 0.04rem 0;}
.f_b{ padding: 0.2rem 0;}


.h_tit{ padding: 0.28rem 0;}
.h_tit .tit .mc{ font-size: 0.44rem;}
.h_tit .tit .submc{ margin-left: 0.08rem}
.h_tit .line{  margin-top: 0.1rem;}
.mainPart{ margin-top: .3rem; }
.mainPart .part01{ width: 100%;}
.mainPart .part02{ width:100%;}
.heventItem1{ width: 100%; margin: 0 0% 0.15rem 0;}
.heventItem1 .des{ padding: 0.2rem 0px;}
.heventItem1 .des .tit{ margin-top: 0.08rem}
.heventItem2{ width: 100%;}
.heventItem2 a{ padding: 0.06rem 0;}
.heventItem2 .time{ margin-right: 0.15rem;}
.h_notice .wrap{ margin-top: -0.3rem;}
.hnoticeItem a{ padding: 0.3rem 0;}
.hnoticeItem .time{ width: 0.8rem; padding-right: 0.2rem; margin-right: 0.2rem; }
.hnoticeItem .time::after{  height: 0.6rem; }
.hnoticeItem .time .day{ font-size: 0.32rem;}
.hnoticeItem .time .month{ font-size: 0.2rem;}

.h_character{ padding-bottom: 0.3rem;}
.hcharacterItem{ width: 48.5%; margin: 0 3% 3% 0;}
.hcharacterItem:nth-child(2n){ margin-right: 0;}
.hcharacterItem .des{ padding: 0px 0.1rem;}
.hcharacterItem .des .name{ font-size: 0.26rem; padding: 0.2rem 0 0.16rem;}



}
/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
.i_main{ min-height: 0;}
.i_ban .tp{ width: 150%; max-width: 150%; margin-left: -25%;}
.banIntro .lmmc{ font-size: 30px; visibility:hidden;}
.m_r{  min-width: 100%;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.i_main{  min-height:0px;}
.banIntro .inner{  padding-left:0.4rem;}
.banIntro .inner::after{  width: 3px; height: 1rem;  top: 0.1rem;}
.banIntro .tit{ font-size: .5rem; }
.banIntro .subtit{ font-size: .36rem; margin-top: .25rem; }
.location{ padding: 0.15rem 0;  text-align: left;}
.location a{ font-size:0.22rem;}
.location i{ margin:0 0.08; font-size:0.22rem;}
.m_r .location{ margin-top: 0.2rem;}
.i_main{ padding-bottom: .6rem;}
.i_l{ padding:0.2rem 0; margin-top: 0.2rem; border-left: 0.08 solid #BA5051;}
.lm a{  padding: 0.15rem 15px;font-size: 0.24rem;}
.lm a .line::after{ width:.09rem ; height: .09rem; right: -0.12rem; top: 50%; margin-top: -0.07rem; }
.lm a .line{ border: none;}
.lm a:hover .line ,.actLm .line{ width: .1rem !important; }
.i_content{ padding: 0.2rem 0 0.4rem;}
.i_tit{ font-size: 0.36rem;  padding: 0.15rem 0;;}
.about .wz{ font-size: 0.24rem;  }
.about .wz .tp{ margin-left: 0.24rem;}

.activityItem a{  padding: 0.25rem 0; }
.activityItem a .val{  padding-left: 0.5rem;}
.activityItem a .val::after{ border-left: 0.1rem solid #333; border-top: 0.08rem solid transparent; border-bottom: 0.08rem solid transparent; } 
.activityItem a .time{ margin-left: 0.4rem; }

.characterItem{ margin-bottom: 0.25rem;}
.characterItem a{ padding: 0.25rem;}
.characterItem .tparea{width: 1.6rem; margin-right: 0.25rem;}
.characterItem .des{ padding: 0.15rem 0px;}
.characterItem .des .tit .val{ font-size: 0.32rem;}
.characterItem .des .tit .morea2{ margin-left: 0.25rem;}
.characterItem .des .nr{ font-size: 0.24rem;}
.morea2{ font-size: 0.24rem;}

.dataItem{ width:48.5%; margin: 0 3% 3% 0;}
.dataItem:nth-child(3n){ margin-right: 3%;}
.dataItem:nth-child(2n){ margin-right:0;}
.dataItem .tparea{padding: 0.25rem; }
.dataItem .des{ padding: 0.15rem 0px;}
.dataItem .des .tit{ font-size: 0.26rem;}

.m_main{ padding-bottom: .6rem;}
.m_main .i_l{ width: 100%; margin-right:0px;}
.m_content{ padding: 0.2rem 0.3rem 0.4rem; margin-top: 0.2rem; }
.m_tit{ padding: .35rem 0; font-size: 0.36rem; }
.policy .p1{ font-size: 0.26rem;}

.sort .wrap{ padding: .2rem .3rem;}
.sort .list{ padding: 0.1rem 0;}
.sort .list .mc{  font-size: 0.26rem;  margin-top: 0.02rem;}
.sort .list .nr a{ font-size: 0.24rem; margin: 0 1em 0.06rem 0;}

.turnpage a{ padding: 0.4em 0.8em; margin: 0 0.15rem; }
.turnpage a:nth-child(1) .iconfont{ margin-right: 0.08rem;}
.turnpage a:nth-child(2) .iconfont{ margin-left: 0.08rem;}
.w_main{ padding-bottom: .6rem;}
.store .wrap{  padding:0.3rem 0; }
.storeItem{ width: 48.5%; margin: 0 3% 3% 0;}
.storeItem:nth-child(2n){ margin-right: 0;}
.storeItem .des{ padding: 0.2rem 0.1rem;}
.storeItem .des .tit{ font-size: 0.24rem;}
.storeItem .des .price{ font-size: 0.3rem; margin-top: 0.15rem;}

.p_tit{  font-size: 0.36rem;}
.pIntro,.pAdvice{ padding: 0.2rem 0;}
.pIntro .wrap,.pAdvice .wrap{ margin-top: 0.2rem;}
.pIntro .wrap .wz{ font-size: 0.24rem; }



.pdtSlideWrap2{ width: 100%;}
.ptInfo{ width: 100%; margin: 0.3rem 0 0.2rem 0; }
.gallery-top2 {height:3.9rem;}
.gallery-top2 img{ height:3.9rem;}
.gallery-thumbs2Wrap{ margin:0.15rem 0px 0; }
.gallery-thumbs2 {height: 1.16rem;}
.gallery-thumbs2 .swiper-slide .tp{  height: 116px; padding: .04rem;}
.pdtSlideWrap2 .swiper-button-prev .iconfont,.pdtSlideWrap2 .swiper-button-next .iconfont{ font-size: 0.3rem;  }
.ptInfo .tit{ font-size: 0.3rem; }
.ptInfo .price_counts{ margin-top: 0.25rem;}
.ptInfo .price_counts .price{ font-size:0.24rem; }
.ptInfo .price_counts .price .num{font-size: 0.4rem;}
.ptInfo .price_counts .counts{ font-size: 0.24rem;  margin-left: 0.12rem;}
.paras{ padding: 0.15rem 0;}
.paraPart{ padding: 0.08rem 0;  }
.paraPart .attrmc{ font-size: 0.24rem; margin-right: 0.12rem;}
.ptInfo .mandiv .sbtn{ font-size: 0.24rem; margin-right: 0.24rem;}
.paraColor .list{ margin:0 0.32rem 0.24rem 0; padding: 0.08rem 0.15rem;  font-size: 0.24rem; }
.paraColor .list .icon{ width: 0.34rem; height: 0.34rem; margin-right: 0.12rem;}
.paraSize .list{ margin:0 0.32rem 0.24rem 0; padding: 0.08rem 0.15rem; width: 0.6rem
	;   font-size: 0.24rem; }
.goodsNum{ width: 2rem}
.goodsNum .btn{ width: .6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.32rem; }
.goodsNum .text{ width: 0.8rem; font-size: 0.24rem; height: 0.6rem; line-height: 0.6rem; }
.ptInfo .mandiv{ margin-top: .4rem;}

.login{ padding: 0.35rem 0 0.5rem;}
.login .wel{ font-size: 0.24rem;}
.lm2{ margin: 0.3rem auto 0; width: 100%; box-sizing: border-box; padding: 0.15rem 0.18rem; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; -ms-border-radius: 0.06rem; -o-border-radius: 0.06rem; }
.lm2 a{ font-size: 0.24rem; line-height: 0.5rem; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }
.loginForm{ margin: 0.4rem auto 0; }
.formItem{ margin-bottom: 0.25rem;}
.formItem .attrmc{ font-size: 0.24rem;}
.formItem .attrval .text{ padding: 0 0.2rem; height: 0.6rem; line-height: 0.6rem; }
.formConfirm{ margin-top: 0.6rem;}
.formConfirm .sbtn{ font-size: 0.22rem;}
.remberPwd .checkbox{ margin-right: 0.1rem;}
.passwordInput .iconfont{ font-size: 0.26rem; right: 0.2rem; }

.formItem .msg{ padding: 0.08rem 0.15rem; }
.yzm .text{ padding-right: 1.4rem;}
.yzm .sendBtn{ font-size: 0.22rem; padding: 0.6em 3em; right: 0.08rem; }
.yzm_phone .box1 .text{ padding-left: 0.7rem;}
.yzm_phone .box1 .icon{ left: 0.25rem; width: 0.28rem; }

.yzm_phone .box2{ padding:0 0px 0 0.1rem; font-size: 0; }
.yzm_phone .box2 .tp{ height: 0.5rem;}
.yzm_phone .box2 .sbtn{  height: 0.54rem; width: 0.6rem;}
.yzm_phone .box2 .sbtn .icon{ width: 0.3rem;}

.baseInfo{ padding: 0.28rem 0.2rem 0.5rem;}
.m_tit2{ font-size: 0.28rem; padding: 0.15rem 0;}
.baseInfoForm .row.col2 .formItemBase{ width: 100%;}
.formItemBase{ margin-bottom: 0.28rem;}
.formItemBase .attrmc{ font-size: 0.22rem; padding: 0.6em 0.28rem;}
.formItemBase .attrval{  padding: 0.2rem; border-radius: 0.1rem;; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; }
.formItemBase .attrval .icon01{ height: 0.5rem; margin-right: 0.14rem;}
.formItemBase .attrval .icon02{ height: 0.35rem; margin-left: 0.14rem;}
.formItemBase .attrval .select{   height: 0.6rem; line-height: 0.6rem; }
.baseInfoForm .formConfirm .sbtn{ font-size: 0.26rem; }

.updatePwdForm .yzm2{ padding: 0;}
.updatePwdForm .box2{ width:100%; padding:0 0px 0 0.15rem; }
.updatePwdForm .box2 .tp{ height: 0.6rem;}
.updatePwdForm .box2 .sbtn{ height: 0.9rem; width: 0.9rem; }
.updatePwdForm .box2 .sbtn .icon{ width: 0.3rem;}



.vip{ padding:0.28rem 0}
.vip .tip{ font-size: 0.24rem;}
.vip .tip .tp{ width: 0.8rem; margin-right: 0.28rem;}
.vipList{ margin-top: 0.5rem;}
.m_tit3{ padding: 0.3rem 0; font-size: 0.3rem;padding-left: 0.15rem;}
.m_tit3::after{ width: 5px; height: 0.28rem; }
.vipItem{ width: 100%; margin:  0 0% 0.3rem 0; padding: 0.28rem;}
.vipItem:nth-child(n){ margin-right: 0;}
.vipItem .type .icon{ margin-right: 0.28rem;}
.vipItem .type .val{ font-size: 0.3rem; height: 0.38rem;}
.vipItem .price{ margin-top: 0.2rem; font-size: 0.36rem;}
.vipItem .des{ margin-top: 0.28rem; font-size: 0.24rem;}
.vipItem .status{  width: 0.4rem;}
.vip .agree{ margin-top: 0.6rem; font-size: 0.24rem; }
.vip .agree .checkbox{ margin-right: 0.08rem;}
.payway{ font-size: 0.24rem; margin-top: 0.4rem; flex-wrap: wrap;}
.payway .mc{ margin-right: 0rem; width: 100%;  margin-bottom: 0.2rem;}
.payway .nr { min-width: 100%;}
.payway .nr .list{ margin-right: 0.2rem;}
.payway .nr .list .icon{ height: 0.3rem;}
.payway .nr .list input{ margin-right: 0.08rem;}
.vip .formConfirm{  margin-top: 0.6rem;}
.vip .formConfirm .sbtn{ font-size: 0.24rem; padding: 0.4em 3em;}



.lm3{ margin: 0.15rem 0; }
.lm3 a{  font-size: 0.24rem; }
.orderMain .col{ width: 16%; font-size: 0.24rem; }
.orderMain .col:nth-child(1){ width: 36%;}
.orderHeader{ display: none;}
.orderItem{ margin-bottom: 0.4rem;}
.orderItem .info{ padding: 0.15rem .2rem}
.orderItem .info .time{ margin-right: 0.15rem;}
.orderItem .info  .opa a{ font-size: 0.3rem; }
.orderMain .col{ width: 33.33%; padding: .2rem; border: none;}
.orderMain .col:nth-child(1){ width: 100%;}
.orderMain .col:nth-last-child(1){ width: 100%;}
.orderMain .col:nth-last-child(1) .opa{ text-align: right;}
.orderMain .col:nth-last-child(1) a{ display: inline-block; width: auto; margin-left: 0.2rem; font-size: 0.24rem;}
.orderMain .col:nth-last-child(1) a.sbtn{ padding: 0.4em 2em;}
.goodsInfo{ font-size: 0.24rem;}
.goodsInfo .tparea{ width: 1.15rem;  margin-right: 0.2rem;}

.closePup{ right:.3rem; top: .3rem;font-size: .34rem; }
.logMain{ padding:.2rem .3rem;}
.logItem{  padding: .06rem 0; }
.pointsWrap{
    max-height: 6rem;
}
.points{ margin:.07rem  .07rem 0; }
.points::after{ left: 0.08rem;}
.points .point{  padding-left: .25rem; margin-bottom: .1rem;}
.points .point::after{ width: .17rem; height: .17rem; outline: .06rem solid transparent; left: 0rem; }


.m_main3{ margin-bottom: .6rem;}
.confirmOrder{ padding: 0 .2rem .3rem;}
.confirmOrder .p1,.confirmOrder .p2,.confirmOrder .payway2{padding: 0.2rem 0; }
.confirmOrder .p1{ font-size: 0.26rem; }
.confirmOrder .payway2{ font-size: 0.26rem;}
.confirmOrder .payway2 .mc{ margin-right: 0.2rem;}
.confirmOrder .payway2 .nr .list{ margin-right: 0.5rem;}
.confirmOrder .payway2 .nr .list .icon{ height: .56rem;}
.confirmOrder .payway2 .nr .list input{ margin-right: 0.15rem;}
.confirmOrder .total{ margin-top: .3rem;}
.confirmOrder .formConfirm{  margin-top: .45rem;}
.confirmOrder .formConfirm .sbtn{ font-size: 0.26rem; }



.orderPart{ padding: .2rem 0;}
.orderPart .m_tit2{ padding: .1rem 0;}
.orderInfo .wrap .list{ padding: .08rem 0;}
.orderLog .wrap .list{ padding: .08rem 0;}
.orderLog .wrap .list .mc{ min-width: 6.6em;}
.orderTable{  margin-top: .1rem;}
.orderTable th{padding: .05rem 0;  font-size: .22rem;}
.orderTable td{padding: .15rem 0; font-size: .24rem; }
.orderTable td{ width: 15%;}
.orderTable th:nth-child(1){ }
.orderTable td:nth-child(1){width: 40%; }
.totalPart{ padding:.15rem 0 0; font-size: .24rem;}
.totalPart .list{  padding: .04rem 0;}
.totalPart .list .mc{  width: 1.4rem;}
.totalPart .list .val{ width: 1.6rem; }
.orderStep .p1{ font-size: .2rem ;}
.orderStep .p2{ font-size: .24rem; margin-top: .05rem;}

.steps{ padding-bottom:.86rem; }
.stepPoint{  width: .24rem;}
.stepPoint .circle{ width: .24rem; height: .24rem; }
.stepPoint .circle::after,.stepPoint .circle::before{width: .65rem; }
.stepPoint .desc{  width: .8rem;  top: .4rem; }
.stepPoint .desc .tit{ font-size: .24rem;}
.stepPoint .desc .time{ font-size: .12rem; margin-top: .04rem;}


.confirmOrder .totalPart{ margin-top: 0.15rem;;}
.confirmOrder .totalPart .title{ font-size: 0.26rem;}
.confirmOrder  .orderTable th{ padding: 0.15re, 0.15rem; }
.confirmAddress{ padding:0.15rem 0.28rem;}
.confirmAddress .m_tit2{ }
.confirmAddress .m_tit2 .addBtn{ font-size: 0.22rem;}
.goodsNumSmall{ width: 1.8rem;  }
.goodsNumSmall .btn{ width: 0.5rem; height: 0.5rem; line-height: 0.5rem;  font-size: 0.26rem;}
.goodsNumSmall .text{ width: 0.8rem; font-size: 0.22rem; height: 0.5rem; line-height: 0.5rem; }
.addItem{ cursor: pointer; width: 270px; padding: 0.15re, 0.28rem;  margin:0 0.28rem 0.15rem 0;}

.orderTable tr{ display: flex ; flex-wrap: wrap;}
.orderTable th{ display: none;}
.orderTable td{ width: 50%;}
.orderTable td:nth-child(1){ width: 100%;}

.delBtn{ font-size: 0.3rem; }
.cart .m_tit2{ font-size: 0.24rem; }
.cart  .orderTable td{ padding: .18rem .16rem;}

.cart .wrap{ padding: 0 0px 0.22rem;}
.totalOpa{ margin: .5rem 0.2rem 0; padding: .22rem; }
.totalOpa .all{ font-size: 0.2rem;}
.totalOpa .price{ margin-left: .5rem; font-size: 0.2rem;}


.addressMain{ padding:.2rem .3rem .4rem;}
.addAddInfo .tit{ font-size: 0.32rem; padding-bottom: 0.2rem;}
.addForm .formItem{ margin-bottom: 0.08rem;}
.addForm .formItem .attrmc{  font-size: 0.26rem; padding-bottom: 0.15rem;}
.addForm .formConfirm .sbtn{ font-size: 0.26rem; padding: 0.4em 1rem; }
.threeLevelAddress .select{   height: 0.6rem; line-height: 0.6rem; padding: 0 0.2rem; }

.video .wrap{  margin-top: 0.35rem; padding:0px 0 0.3rem;}
.videoItem{ width: 48.5%;}
.videoItem:nth-child(2n){ margin-right: 0;}
.videoItem a{  padding: .1rem .14rem .08rem;}
.videoItem .tparea .shade .icon{ width: 0.5rem; }
.videoItem .des{ padding: 0.2rem 0px;}
.videoItem .des .time{ width: 0.8rem; margin-right: 0.1rem; padding-left: 0.1rem;  font-size: 0.22rem;}


.mess{ padding: .3rem 0 .8rem;}
.messForm{ margin: 0.4rem auto 0;}
.messItem{ margin-bottom: 0.3rem; }
.messItem .text,.messItem .textarea{ font-size: 0.24rem;}
.messItem .text{ height:0.7rem; line-height:0.7rem;  padding-left:0.15rem;}
.messItem .textarea{  height:3.2rem; padding:0.15rem; }
.messForm .formConfirm{margin-top: 0.4rem;}
.messForm .formConfirm .sbtn{  font-size:0.3rem;}
.map{ margin-top: 0.4rem;  height: 3rem;}


}
/*******************************************************************/