@charset "utf-8";

header{position:absolute;top:0px;left:0px;width:100%;display:block;height:2.25rem;}
.header,.footer{position:absolute;left:0;width:100%;}/* z-index:999; */
.header{top:0;height:2.25rem;}
.header_a{position:relative;border-bottom:1px solid #eee;background:#fff;}
.header h2{font-size:.9rem;height:2.5rem;line-height:2.5rem;text-align:center;color:#292929;font-weight:normal;}
.header .header_a h2{font-size:.95rem;height:2.5rem;line-height:2.5rem;text-align:center;color: #607483;font-weight:normal;text-align: center}
.header .user{position:absolute;right:0.5rem;top:0px;bottom:0px;width:1rem;margin: auto;display: block;}
.header .more{position:absolute;right:0.5rem;top:0px;bottom:0px;width:1rem;margin: auto;display: none;}
.header .more_productList{position:absolute;right:0.5rem;top:0px;bottom:0px;width:1rem;margin: auto;}
.header .search{position:absolute;right:2rem;top:0px;bottom:0px;width:1rem;margin: auto;display: none;}
.header .back{position:absolute;left:0px;top:0px;bottom:0px;width:1.6rem;display:block;}
.header .back .icon-arr-left{margin-left:.65rem;margin-top:.7rem;width:.7rem;height:.7rem;border-color:#898989;}
.header .back .arr{}
.header .btn_nav{width:.925rem;height:.925rem;position:absolute;right:.65rem;top:.6rem;background:url(../image/club/nav_r.png) no-repeat;background-size:100% 100%;display:none;}
.header .btn_nav span{text-indent:-9999px;width:.5rem;height:.5rem;display:inline-block;}
.header .btn_share{position: absolute;right:.2rem;top:.2rem;font-size: 1.8rem;color:#898989;}
.header .btn_del{position:absolute;right:.3rem;top:.2rem;display:block;}
.header .btn_del .icon-del{font-size:1.9rem;}
.header .moren{width:1rem;height:1rem;position:absolute;right:.65rem;top:.7rem;}
.header .moren img{width:1rem;height:1rem;}
.header .more_b{position:absolute;top:2.3rem;right:.4rem;background:#FFFFFF;z-index:1100;width:6rem;height:6.6rem;border-radius: .3rem;}
.header .more_b ul{padding:0rem 0.5rem;left:0;top:0;}
.header .more_b li{height:2.2rem;line-height:2.2rem;border-bottom:1px solid #cccccc;text-indent:.3rem;font-size:.75rem;}
.header .more_b li.bt0{border-bottom:none;}
.header .more_b img{width:.8rem;object-fit: contain;margin-right: 0.15rem;}
.header .more_b a{color:#333;font-size: 0.7rem;}
.header .more_b .p1{position:absolute;right: 1.2rem;top:-0.5rem;width:0;height:0;border-left:0.25rem solid transparent;border-right:0.25rem solid transparent;border-bottom:0.5rem solid #FFFFFF;z-index:3;}
/* 全局的陰影遮罩 */
.bgc-shadow{background-color: rgba(0, 0, 0, 0.6);position: fixed !important;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100%;z-index: 1000;display: none;}

.main{position:absolute;top:2.55rem;left:0;bottom:0;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
.main .line_h1{height:.25rem;background:#f5f7f9;border-bottom:1px solid #d8d8d8;}
.main_1{bottom:2.1rem;}
.main_2{bottom:2.2rem;}
.main_3{bottom:4.1rem;}
.main_4{bottom:1.1rem;}


.btn{display:inline-block;font-size:.95rem;height:2.2rem;line-height:2.2rem;text-align:center;border:none;cursor:pointer;}
.btn1{width:92%;background:#FA5050;color:#FFFFFF ;text-align: center}
.btn2{width:75%;border:1px solid #e83d26;border-radius:.25rem;}
.btn3{background:#fff;color:#e83d26;}
.btn4{border-radius:.25rem;width:90%;}
.btn5{width:90%;}
.btn6{width:95%;border:1px dashed #d3d3d3;background:#f8f8f8;border-radius:.25rem;color:#3b3b3b;}
.btn_fun{border:1px solid #d2d2d2;border-radius:.3rem;color:#333;font-size:.65rem;display:inline-block;text-align:center;padding:0 0.5rem;height:1.15rem;line-height:1.15rem;box-sizing:border-box;}
.btm{display:inline-block;font-size:.6rem;height:1.5rem;line-height:1.5rem;text-align:center;border:none;cursor:pointer;border-radius:.25rem;color:#626262;padding:0 1.5rem;}
.btm1{background:#f5f5f5;}
.btm_disable{cursor:default;background:#dfdfdf;filter:alpha(opacity=65);opacity:0.65;}


.footer{bottom:0;}


@font-face{font-family:'icomoon';src:url('fonts/icomoon.eot?t6tohz');src:url('fonts/icomoon.eot?#iefixt6tohz') format('embedded-opentype'), url('fonts/icomoon.woff?t6tohz') format('woff'), url('fonts/icomoon.ttf?t6tohz') format('truetype'), url('fonts/icomoon.svg?t6tohz#icomoon') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"],[class*=" icon-"],[class^="icon_"],[class*=" icon_"],[class^="ico_"],[class*=" ico_"],[class^="-icon"],[class*="-icon"], [class*="search-icon"],[class*="top-"],[class*="srch"],[class*="more-icon"],[class*="star-rank-"]{
	font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:100%;}

.icon-radio{-webkit-appearance:none;font-size:85%;vertical-align:middle;}
.icon-radio:before{content:"\e65f";color:#c4c4c4;background-color:#fff;font-size:150%;vertical-align:-0.3em;}
.icon-radio:checked:before{content:"\e660";color:#e9523e;background:#fff;}

.icon-checkbox{margin-right:.45rem;vertical-align:middle;font-size:85%;background:#fff;}
.icon-checkbox:before{content:"\e659";color:#c4c4c4;background:#fff;font-size:150%;}
.icon-checkbox:checked:before{content:"\e65a";color:#e9523e;background:#fff;}

.label-checkbox{position:relative;width:1rem;height:1rem;overflow:hidden;box-sizing:border-box;display:table;vertical-align:middle;}
.label-checkbox input[type=checkbox]:checked+ .i-choose:before{transition:all 0.5s ease-in;content:"";width:.8rem;height:.8rem;border:2px solid #ddd;border-radius:0.2rem;position:absolute;left:0;top:0;}
.label-checkbox input[type=checkbox]:checked+ .i-choose:after{margin:0.1rem 0 0 0.35rem;content:"";width:0.25rem;height:0.5rem;border:2px solid red;border-top:none;border-left:none;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:0;top:0;transition:all 0.2s ease-out;
}
.input-checkbox{width:1rem;height:1rem;opacity:0;position:absolute;top:0;left:0;}
.i-choose{position:relative;width:1rem;height:1rem;}
.i-choose:before {transition:all 0.5s ease-in;content:"";width:.8rem;height:.8rem;border:2px solid #ddd;border-radius:0.2rem;
	position:absolute;left:0;top:0;background:#fff;overflow:hidden;}
.i-choose:after{border:none;transition:all 0.2s ease-in;}

.icon-arr-left,.icon-arr-right,.icon-arr-top,.icon-arr-bottom{width:.5rem;height:.5rem;display:inline-block;border:2px solid #888;}
.icon-arr-left,.icon-arr-right{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform: rotate(45deg);}
.icon-arr-left{border-top:none;border-right:none;}
.icon-arr-right{border-bottom:none;border-left:none;}
.icon-arr-top,.icon-arr-bottom{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform: rotate(-45deg);}
.icon-arr-top{border-bottom:none;border-left:none;}
.icon-arr-bottom{border-top:none;border-right:none;}
.icon-srch,.icon-people,.icon-del,.icon-edit,.icon-set,.icon-lock,.icon-ok,.icon-error,.icon-email,.icon-phone,.icon-share,.icon-cart,.icon-sequence,.icon-filter,.icon-price,.icon-location,.icon-refresh,.icon-choice{font-size:1.6rem;color:#888;}
.icon-srch:before{content:"\e655";}
.icon-people:before{content:"\e633";}
.icon-del:before{content:"\e61a";}
.icon-edit:before{content:"\e64f";}
.icon-set:before{content:"\e65d";}
.icon-lock:before{content:"\e629";}
.icon-ok:before{content:"\e634";}
.icon-error:before{content:"\e619";}
.icon-email:before{content:"\e62e";}
.icon-phone:before{content:"\e62f";}
.icon-share:before{content:"\e656";}
.icon-cart:before{content:"\e61f";}
.icon-sequence:before{content:"\e69d";}
.icon-filter:before{content:"\e6a0";}
.icon-price:before{content:"\e69f";}
.icon-location:before{content:"\e69e";}
.icon-refresh:before{content:"\e654";}
.icon-choice:before{content:"\e69b";}
.icon-triangle-top{border-top-width:.3rem;border-style:solid;border-color:#a0a0a0;border-left-width:.3rem;border-right-width:.3rem;border-bottom-color: transparent;border-left-color:transparent;border-right-color:transparent;}
.icon-triangle-bottom{border-bottom-width:.3rem;border-style:solid;border-color:#a0a0a0;border-left-width:.3rem;border-right-width:.3rem;border-bottom-color: transparent;border-left-color:transparent;border-right-color:transparent;}

.icon-switch{width:2.6rem;height:1.55rem;position:relative;border:1px solid #dfdfdf;background:#fdfdfd;box-shadow:#dfdfdf 0 0 0 0 inset;border-radius:1rem;background-clip:content-box;display:inline-block;-webkit-appearance:none;appearance:none;user-select:none;outline:none;}
.icon-switch:before{content:'';width:1.45rem;height:1.45rem;position:absolute;top:0;left:0;border-radius:1rem;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.4);}
.icon-switch:checked{border-color:#64bd63;box-shadow:#64bd63 0 0 0 0.8rem inset;background:#64bd63;background-clip:content-box;}
.icon-switch:checked:before{left:1.1rem;top:0.05rem;margin-left:-1px;margin-top:-1px;}

.icon-add,.icon-min{border:1px solid #e83d26;border-radius:50%;width:2.2rem;height:2.2rem;display:inline-block;position:relative;box-sizing: border-box;}
.icon-add:before,.icon-add:after,.icon-min:before{content:" ";background:#e83d26;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.icon-add:before,.icon-min:before{width:.625rem;height:.075rem;}
.icon-add:after{width:.075rem;height:.625rem;}
.icon-plus,.icon-plud{width:.6rem;height:.6rem;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;}
.icon-plus:before,.icon-plus:after,.icon-plud:before{content:" ";background:#e83d26; position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.icon-plus:before,.icon-plud:before{width:.6rem;height:.1rem;}
.icon-plus:after{width:.1rem;height:.6rem;}

.icon-yes{width:.8rem;height:.8rem;border-radius:50%;background:#e83d26;display:inline-block;}
.icon-yes .icon-ok{font-size:.8rem;color:#fff;}




.swiper-slide a{display:block;}
.swiper-container{width:100%;margin-left:auto;margin-right:auto;position: relative;overflow: hidden;}
.swiper-slide{text-align:center;font-size:18px;background:#fff;}


.footer{bottom:0;background:#fff;text-align: center;}
.footer_nav{overflow:hidden;hight:2.5rem;font-size:.6rem;}
.footer_nav li{float:left;width:25%;text-align:center;padding-top:.25rem;}
.footer_nav li a{color:#545454;}
.footer_nav span{display:inline-block;width:1.25rem;height:1.25rem;}
.footer_nav .sp1{background:url(/mobile/images/club/icon-i.png) no-repeat;}
.footer_nav .sp2{background:url(/mobile/images/club/icon-c.png) no-repeat;}
.footer_nav .sp3{background:url(/mobile/images/club/icon-f.png) no-repeat;}
.footer_nav .sp4{background:url(/mobile/images/club/icon-m.png) no-repeat;}
.footer_nav .sp5{background:url(/mobile/images/club/csstr.png) no-repeat;}
.footer_nav li.active a{color:#e84d3b;}
.footer_nav .active .sp1{background:url(/mobile/images/club/icon-ai.png) no-repeat;}
.footer_nav .active .sp2{background:url(/mobile/images/club/icon-ac.png) no-repeat;}
.footer_nav .active .sp3{background:url(/mobile/images/club/icon-af.png) no-repeat;}
.footer_nav .active .sp4{background:url(/mobile/images/club/icon-am.png) no-repeat;}
.footer_nav .active .sp5{background:url(/mobile/images/club/clit.png) no-repeat;}
.footer_nav .sba,.footer_nav .active .sba{background-size:100%;}
.bottom50 {bottom:2.5rem;}
.active111{color:red!important;}
.chime{
	width: 1.7rem;
	height:0.75rem;
	font-size:10px;color: #fff;
	text-align: center;
	border-radius:8px 8px 8px 0;line-height: 0.75rem;
	margin-right: 10px;
	display:inline-block;
	background: #E83E27;
}
.col3{
	color:#333333!important;
}
.col6{
	color:#666!important;
}
.cole8{
	color:#E83827!important;
}
.col9{
	color:#999;
}
.ln22{
	line-height: 1.1rem;
}
.ln45{
	line-height:2.25rem;
}
.ln65{
	line-height:3.25rem;
}
.lnz100{
	line-height:100%;
}
.hidden{
	overflow: hidden;
}
.mt10{
	margin-top:0.5rem!important;
}
.mt16{
	margin-top:0.8rem;
}
.mt58{
	margin-top:2.9rem;
}
.mb10{
	margin-bottom:0.5rem;
}
.pl5{
	padding-left:0.25rem;
}
.pl20{
	padding-left:1rem;
}
.pr5{
	padding-right:0.25rem;
}
.pl10{
	padding-left:0.5rem;
}
.pr10{
	padding-right:0.5rem;
}
.pl15{
    padding-left:0.75rem;
}
.pr15{
    padding-right:0.75rem;
}
.pr20{
	padding-right:1rem;
}
.pt16{
	padding-top:0.8rem!important;
}
.pt20{
	padding-top:1rem!important;
}
.pb16{
	padding-bottom:0.8rem;
}
.pb10{
	padding-bottom:0.5rem;
}
.pb20{
	padding-bottom:1rem!important;
}
.pb54{
	padding-bottom:2.7rem;
}
.w100{
	width:5rem;
}
.btntopn{
	border-top: none!important;
}
.ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}