html body{width: 100%; overflow-x: hidden;}
body {background-color: #f2f5f7; color: #666; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch;}
body {
	padding-top: constant(safe-area-inset-top);              
	padding-left: constant(safe-area-inset-left);   
	padding-right: constant(safe-area-inset-right); 
	padding-bottom: constant(safe-area-inset-bottom);
}
/* @media only screen and (width: 375px) and (height: 690px){
    body {
		padding-top: constant(safe-area-inset-top);              
		padding-left: constant(safe-area-inset-left);   
		padding-right: constant(safe-area-inset-right); 
		padding-bottom: constant(safe-area-inset-bottom);
    }
} */
html, body, div, p, a, span, i, ul, li, ol, select, td, th, input, textarea, button{font-family: "PingFang SC","Source Han Sans CN","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
a, a:link, a:visited, a:hover, a:active, a:focus{text-decoration: none; outline: 0; border: 0;}
a:active{color: #0281fe;}
input, textarea, button,select{padding: 0; margin: 0; border: 0; outline: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; appearance: none;}
textarea{resize: none;}
input:focus, textarea:focus, button:focus, select:focus{border: 0; outline: 0;}
img{margin: 0 auto; max-width: 100%; display: block;}
small{display: block;}
ul{list-style: none;}
ul.style li{float: left;}
a.fill{display: block; width: 100%; height: 100%;}
/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667% !important;}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333% !important;}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}

/* 表单元素 */
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #bababa;} 
input:-moz-placeholder, textarea:-moz-placeholder{color: #bababa;} 
input::-moz-placeholder, textarea::-moz-placeholder{color: #bababa;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #bababa;} 
.tips{display: none; z-index: 10; top: 50%; left: 50%; padding: 10px 20px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
:root .tips{filter: none\9;}

/* loading */
.loading-wrap{z-index: 99; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #f2f5f7;} 
.loading-wrap .spinner{width:50px; height:30px; text-align:center; font-size:10px; position:absolute; top:50%; left:50%; margin-top: -65px;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);}
.loading-wrap .spinner>div{background-color:#34abff; height:100%; width:6px; display:inline-block;
-webkit-animation:stretchdelay 1.2s infinite ease-in-out;
animation:stretchdelay 1.2s infinite ease-in-out;}
.loading-wrap .spinner .rect2{-webkit-animation-delay:-1.1s; animation-delay:-1.1s;} 
.loading-wrap .spinner .rect3{-webkit-animation-delay:-1s; animation-delay:-1s;} 
.loading-wrap .spinner .rect4{-webkit-animation-delay:-.9s; animation-delay:-.9s;}
.loading-wrap .spinner .rect5{-webkit-animation-delay:-.8s; animation-delay:-.8s;}
@-webkit-keyframes stretchdelay {
0%,40%,100% {-webkit-transform:scaleY(.4);}
20% {-webkit-transform:scaleY(1);}
}
@keyframes stretchdelay {
0%,40%,100% {transform:scaleY(.4); -webkit-transform:scaleY(.4);}
20% {transform:scaleY(1); -webkit-transform:scaleY(1);} 
}

.container{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; background: #f3f3f3; -webkit-overflow-scrolling: touch;}
.imgbox{background-position: center center; background-repeat: no-repeat; background-size: cover;}
.imgbox a{display: block; width: 100%; height: 100%;}
.nobefore:before, .noafter:after{display: none !important;}
.weui_cells{margin-top: 8px;}
.weui_cell:before{right: 0; width: auto;}
.lzero:before{left: 0;}
.r15:before{right: 15px;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.start{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.icon{-webkit-text-stroke-width: 0;}

/* header */
.header{height: 50px; line-height: 50px; background: #fff;}
.header h2{font-size: 20px; color: #151515; text-align: center;}
.header .weui_cell_hd{position: absolute; left: 0; top: 0; width: 50px; text-align: center;}

/* footer */
.footer{background: #fff;}
.footer:before{display: block !important; border-color: #e0e0e0;}
.footer .weui_tabbar_item{padding-top: 5px; text-align: center; color: #999;}
.footer .weui_tabbar_icon{display: block; margin: 0 auto; background-repeat: no-repeat; background-image: url(../images/icon/footer.png); background-size: 100%;}
.footer .weui_tabbar_item.weui_bar_item_on .weui_tabbar_icon{background-image: url(../images/icon/footer_hover.png);}
.footer a:nth-of-type(1) .weui_tabbar_icon{background-position: 0 0;}
.footer a:nth-of-type(2) .weui_tabbar_icon{background-position: 0 -24px;}
.footer a:nth-of-type(3) .weui_tabbar_icon{background-position: 0 -48px;}
.footer a:nth-of-type(4) .weui_tabbar_icon{background-position: 0 -72px;}
.footer .weui_tabbar_label{margin-top: 2px; color: #999;}
.footer .weui_tabbar_item.weui_bar_item_on .weui_tabbar_label{color: #444;}
.hasfoot{padding-bottom: 65px;}
.main{position: relative; height: 100%; overflow: hidden;}

/* index */
.index .header{background: none;}
.index .header h2{color: #fff;}
.index .container{background: url(../images/bg.jpg) no-repeat center center; background-size: cover;}
.prolist{margin-top: 50px;}
.prolist .swiper-container{padding: 10px 0 30px;}
.prolist .swiper-slide{background: #fff; -webkit-box-shadow: 0 16px 26px rgba(0,0,0,.3); box-shadow: 0 16px 26px rgba(0,0,0,.3);}
.prolist .swiper-slide a{display: block; padding: 20px;}
.prolist .swiper-slide .imgbox{margin-bottom: 8vw; height: 50vh;}
@media only screen and (width: 375px) and (height: 690px){.prolist .swiper-slide .imgbox{height: 66vh;}}
.prolist .swiper-pagination{position: relative; margin-top: 20px;}
.prolist .swiper-pagination-bullet{width: 14px; height: 3px; -webkit-border-radius: 0; border-radius: 0; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.prolist h5{margin-bottom: 10px; line-height: 24px !important;}

/* details */
.details-hd .swiper-pagination{right: 15px; left: auto; padding: 0 10px; width: auto; color: #fff; background: rgba(0,0,0,.15); -webkit-border-radius: 15px; border-radius: 15px;}
.details-hd .swiper-pagination span{font-family: "Arial";}
.details-hd h3{margin-bottom: 10px; line-height: 1.2;}
.details-bd .weui-label-list{margin-top: 10px; margin-bottom: 5px;}
.details-bd .weui-label{padding: 2px 12px; color: #0281fe; font-size: 14px; -webkit-border-radius: 29px; border-radius: 29px;}
.details-bd .weui-label::before{border-color: #0281fe; -webkit-border-radius: 29px; border-radius: 29px;}

.commlist >ul >li{margin: 0 15px; padding: 15px 0; border-bottom: 1px solid #e6e6e6;}
.commlist >ul >li .weui_cell{margin-bottom: 8px;}
.commlist >ul >li .weui_cell_hd{margin-right: 10px;}
.commlist >ul >li .weui_article p{margin: 3px 0 0;}
.commlist >ul >li .icon-48{margin-left: -4px; color: #dedede;}
.commlist >ul >li .icon-48.on{color: #ffd200;}
.commlist .weui_article{padding: 0 0 0 46px;}
.commlist .smpic li{margin-top: 8px; margin-right: 8px; width: 50px; height: 50px; overflow: hidden; background: #e9e9e9 no-repeat center center; background-size: cover;}
.weui-gallery{display: block; z-index: -1; opacity: 0;}
.weui-gallery .weui_cell{height: 88vh;}
.weui-gallery.show{ z-index: 10000; opacity: 1;}
.weui-picker-container{z-index: 10000;}
.fixedbtn .weui_cell_hd{height: 50px; line-height: 50px; background: #fff;} 
.fixedbtn .weui_cell_hd::before{position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 1px; background: #ebebeb;}
.fixedbtn .weui_cell_bd{height: 50px; line-height: 50px;}

/* confirm */
.proimg{margin-right: 15px; width: 98px; border: 1px solid #dedede;}
.confirm .f-blue{margin-top: 3px; color: #3c81f6 !important;}
.confirm .weui-number{background: #f2f2f2; border: 1px solid #f2f2f2; color: #444;}
.confirm .weui-number-input{margin: 0 5px; color: #444; font-size: 16px; background: none; opacity: 1;}
.weui_cells_radio .weui_check:checked+.weui_icon_checked:before{color: #0281fe; font-size: 20px;}

/* member */
.member-hd{padding: 20px 15px 15px; text-align: center; background: linear-gradient(to right, #49c2ff 20%, #0281fe);}
.member-hd .circle{width: 70px; height: 70px; border: 2px solid #fff;}
.member-hd h2{margin-bottom: 0; margin-top: 10px; color: #fff; font-size: 24px; font-weight: normal;}
.faq ul li{position: relative; margin: 0; padding-left: 15px; padding-right: 15px;}
.faq ul li::before{position: absolute; display: block; content: ""; left: 15px; top: 0; right: 15px; height: 1px; background: #ebebeb;}
.faq ul li:first-child::before{display: none;}
.faq .weui_cell{padding: 15px 0;}
.faq .js-category{font-size: 17px; color: #333;}
.faq .js-categoryInner{font-size: 15px; color: #888; line-height: 24px;}
.weui_navbar_item{font-size: 14px; color: #999;}
.weui_navbar_item.tab-red{color: #0077ff; border-color: #0077ff; border-bottom-width: 2px;}
.weui_navbar_item:active{color: #0077ff;}
.weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before{color: #0281fe;}
.weui_btn_warn:not(.weui_btn_disabled):active{background-color: #016dd8;}
.cartlist .btn-groups{margin-top: 5px; padding: 12px 15px 5px;}
.cartlist .weui_btn{margin-top: 0; margin-left: 5px; padding: 0; width: 90px; text-align: center; font-size: 14px; line-height: 32px;}
.cartlist .weui_btn_default{background: none; color: #999;}
.cartlist .weui_btn_warn{background: #0281fe;}
.cartlist .imgbox{margin-right: 15px; width: 95px; height: 70px; border: 1px solid #eee;}
.cartlist h6{margin-top: 5px;}
.cartlist .price{margin-top: 10px; color: #007aff;}
.cartlist .weui_cells_checkbox{margin-right: 5px;}
.cartlist .weui_cells:first-child{margin-top: 0;}
.nodata{height: 80vh}
.comm-hd .imgbox{margin-right: 15px; width: 62px; height: 62px; border: 1px solid #eee; -webkit-border-radius: 5px; border-radius: 5px;}
.comm-bd .star .icon{margin: 0 -2px; font-size: 24px;}
.comm-item{margin: 5px 0;}
.comm-item >.weui_cell::before{display: block;} 
.evaluation .weui-rater-box .icon{font-size: 30px; color: #e5e5e5;}
.evaluation .weui-rater-box.checked .icon{color: #febf00;}
.evaluation .weui-label-list{margin-top: 20px; margin-bottom: 20px}
.evaluation .weui-label{margin: 2px; overflow: hidden; font-size: 15px; color: #666; border: 1px solid #ddd; -webkit-border-radius: 15px; border-radius: 15px;}
.evaluation .weui-label:before{display: none;}
.evaluation .weui-label.on{color: #0281fe; border-color: #0281fe;}
.evaluation .weui-label:active{background: none;}
.evaluation .weui_uploader{margin-top: 15px;}
.evaluation .weui_uploader .abs{left: 0; bottom: 10px; right: 0; text-align: center;}
.evaluation .weui_uploader_input_wrp:after, .evaluation .weui_uploader_input_wrp:before{top: 36%;}
.evaluation .weui_uploader_input_wrp:before{height: 30px;}
.evaluation .weui_uploader_input_wrp:after{width: 30px;}

.appraise-wrap .weui_navbar_item.tab-red{color: #0281fe; border: 0;}
.appraise-wrap .weui_navbar_item.tab-red::before{position: absolute; left: 50%; bottom: 0; display: block; content: ""; width: 14px; height: 2px; background: #0281fe; margin-left: -7px;}
.appraise-wrap .weui_navbar_item.tab-red::after{display: none;}

.profile .weui_cell_ft{padding-left: 5px;}

.success{padding-top: 30%;}
.success .weui_btn{margin-left: 3px; margin-right: 3px; padding: 2px 20px; background: #0481ff;}
.added .weui_cell_hd{padding-right: 15px; font-size: 16px; color: #888;}
.added .weui_input{font-size: 16px; color: #444;}
.added .weui_cells_checkbox .weui_icon_checked:before{width: 24px; height: 24px; content: ""; background: #ededed;}
.added .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before{content: ""; background: url(../images/icon/checked.png) no-repeat center center; background-size: 100%;}
.ordertab{height: 50px; background: #fff;}

.find-hd p{position: absolute; left: 0; right: 0; padding: 20px 15px 5px; bottom: 0; color: #fff; font-size: 15px; line-height: 18px; background: url(../images/line.png) repeat-x 0 50%; background-size: auto 110%;}
.findscroll .imgbox{height: 40vw;}
.findscroll p{padding: 15px 0; font-size: 15px; color: #444;}
.findlist .weui_cell::before{top: auto; bottom: 0;}
.findlist .imgbox{margin-right: 15px; width: 37vw; height: 22vw;}
.findlist .line2{line-height: 20px; height: 40px;}
.findlist .date{margin-top: 6vw;}
.findlist .weui_cell::before{display: block;}
.findlist .weui_cell:last-child::before{display: none;}
.find{font-size: 15px; line-height: 30px; color: #444;} 
.find .weui-weixin-title{margin-top: 10px; font-size: 20px;}
.find .weui-weixin-em{font-size: 13px; color: #999;}
.find .weui-weixin-em .icon{position: relative; top: 2px; margin-right: 2px;}
.loadmore .footer{position: fixed;}
/* precautions */
.precautions .down{position: fixed; z-index: 11; left: 50%; bottom: 10px; width: 50px; height: 50px; margin-left: -25px; overflow: hidden;}
.precautions .down span{position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px;}
.precautions .down span::before{position: absolute; left: 17px; display: block; content: ""; width: 15px; height: 15px; border-right: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.precautions .down span:first-child::before{top: -6px;}
.precautions .down span:last-child::before{top: 0;}
.precautions .down span:first-child{animation: fadeOutDown 1.5s infinite linear .3s; -webkit-animation: fadeOutDown 1.5s infinite linear .3s;}
.precautions .down span:last-child{animation: fadeOutDown 1.5s infinite linear; -webkit-animation: fadeOutDown 1.5s infinite linear; }
.precautions .weui_cell{padding: 0; height: 100vh;}
.precautions .weui_article{padding: 20px 16%;}
.precautions .weui_article h2 span{padding: 1px 5px; font-size: 20px; color: #0e8cf2; border: 1px solid #0e8cf2;}
.precautions .weui_article h6{margin-top: 10px; font-size: 17px; font-weight: bold; color: #333;}
.precautions .weui_article p{font-size: 16px; color: #333;}
.precautions .phone{width: 60%;}
.precautions .page1 .img2{margin-top: 20%; margin-bottom: -30%;}
.precautions .page1 .weui_article{margin-top: 10%;}
.precautions .page2 .img1{margin-top: -10%;}
.precautions .page2 .img2{margin-top: -50%;}
.precautions .page3 .img1{width: 80%;}
.precautions ul {display: inline-block; margin: 15px 0 0;}
.precautions ul li{position: relative; padding-left: 25px; font-size: 15px; line-height: 26px; color: #333; text-align: left;} 
.precautions ul li span{position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background: #0e8cf2; color: #fff; line-height: 20px; text-align: center;}
.precautions .page4 .img1{margin-top: 44%;}
.precautions .page4 .img2{margin-top: -105%;}
.precautions .page5 .img1{margin-top: 5%;}
.precautions .page5 .img2{margin-top: -73%;}
.precautions .page6 .img1{width: 66%; margin-bottom: 5%;}
.precautions .page7 .img1{margin-bottom: 8%;}
.gradient-blue{background: linear-gradient(to right, #3cb2ff, #0281fe);}

.white{color: #fff;}
.gray000{color: #000;}
.gray111{color: #151515;}
.gray333{color: #333;}
.gray444{color: #444;}
.gray666{color: #666;}
.gray999{color: #999;}
.f-blue{color: #196bbf !important;}
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f7f7f7;}


.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt50{padding-top: 50px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pd-lr15{padding-left: 15px; padding-right: 15px;}

.pd0{padding: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.mt{margin-top: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.mr{margin-right: 0 !important;}
.ff-ar{font-family: "Arial" !important;}
.noborder{border: 0 !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align: justify; text-justify:inter-ideograph;}
.filterbox{top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.trans-3{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.trans-12{-webkit-transition: all 1.2s; -moz-transition: all 1.2s; transition: all 1.2s;}
.noradius{-webkit-border-radius: 0 !important; border-radius: 0 !important;}
.radius-8{-webkit-border-radius: 8px; border-radius: 8px;}
.radius-15{-webkit-border-radius: 15px; border-radius: 15px;}
.shadow{box-shadow: 0 8px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 8px 10px rgba(0,0,0,.2);}