﻿@charset "utf-8";
body,html{font-size:.14rem;}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body,html{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
html{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f5f5f5}
body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
input{margin:0;padding:0;outline:0;border:0;background:0 0}
em,i{font-style:normal!important}
img{-webkit-touch-callout:none;-moz-touch-callout:none}
a,button,input,textarea{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent}
input,textarea{-webkit-user-modify:read-write-plaintext-only}
input::-webkit-search-cancel-button{display:none}
a{text-decoration:none;color:inherit}
h1,h2,h3,h4,h5,h6{font-weight:400}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;   }
input:-moz-placeholder, textarea:-moz-placeholder {color: #999;   }
input::-moz-placeholder, textarea::-moz-placeholder {color: #999;   }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;   }

.bgWhite{background:rgba(255,255,255,1)}
.bgGray{background:rgba(244,244,244,1)}
.font-0{ font-size: 0;}
.bg-white{ background: #fff; }
.txt-33{color:#333}
.txt-66{color:#666}
.txt-99{color:#999}
.txt-aa{color:#aaa}
.txt-blue{color:#007aff}
.txt-red{color:#ff3b30}
.img-responsive{display:block;max-width:100%;height:auto;max-height:100%}
.my-img-responsive{display:block;max-width:100%;max-height:100%;vertical-align:middle;margin:0 auto}
.p-l{float:left}
.p-r{float:right}
.txt-center{text-align:center}
.txt-left{text-align:left}
.txt-right{text-align:right}
.marginRInit{margin-right:0!important}
.marginBInit{margin-bottom:0!important}
.marginB20{margin-bottom:.2rem!important}
.borderNone{border:0!important}
.borderBInit{border-bottom:0!important}
.borderRInit{border-right:0!important}
/* #scroll-wrapper{position:absolute;z-index:1;top:0;bottom:0;left:0;width:100%;overflow:hidden}
#scroll-container{position:absolute;z-index:1;-webkit-tap-highlight-color:transparent;width:100%;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none} */
.hasFooterNav{bottom:.98rem!important}
.hasHeaderNav{top:.88rem!important}
.text-ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-ellipsis-1{overflow:hidden;display:-webkit-box;display:-moz-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}
.text-ellipsis-2{overflow:hidden;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.text-ellipsis-3{overflow:hidden;display:-webkit-box;display:-moz-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}

.alert-content.active{opacity:1;transition:opacity .3s ease 0s;-webkit-transition:opacity .3s ease 0s;pointer-events:all;}
.alert-content{font-size:.28rem;text-align:center;color:#fff;position:fixed;background-color:rgba(0,0,0,0.8);border-radius:.08rem;padding:.3rem 0.6rem;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);z-index:9999999;opacity:0;pointer-events:none;transition:opacity .3s ease 0s;-webkit-transition:opacity .3s ease 0s}


/*线条*/
.b-t,.b-b,.b-l,.b-r{ position: relative;}
.b-t:before{content: "";position: absolute;width: 200%;left: 0;top: 0;transform: scale(.5);transform-origin: 0 0;-webkit-transform: scale(.5);-webkit-transform-origin: 0 0;background-color: #b7b7b7;height: 1px;
z-index: 2;}
.b-b:after{content: "";position: absolute;width: 200%;left: 0;bottom: 0;transform: scale(.5);transform-origin: 0 0;-webkit-transform: scale(.5);-webkit-transform-origin: 0 0;background-color: #b7b7b7;height: 1px;
z-index: 2;}
.b-r:before{content: "";position: absolute;height: 200%;right: 0;top: 0;transform: scale(.5);transform-origin: 0 0;-webkit-transform: scale(.5);-webkit-transform-origin: 0 0;background-color: #b7b7b7;width: 1px;
z-index: 2;}

.goTop{ position: fixed; right: 0rem; bottom: 15%; width: 0.8rem; height: 0.8rem; display: block; z-index: 98;  -webkit-transition: -webkit-transform .35s cubic-bezier(.165,.84,.44,1);  transition: transform .35s cubic-bezier(.165,.84,.44,1);}
.goTop img{ width:0.8rem; height: 0.8rem;}
.goTop.active{ transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.goTop.hide{transform: translate3d(100%,0,0);-webkit-transform: translate3d(100%,0,0);}

/*页面切换*/
.slide-enter-active, .slide-leave-active{transition: all 0.3s}
.slide-enter, .slide-leave-to{transform: translate3d(100%, 0, 0)}
.child{ position: fixed;z-index: 101;top: 0;left: 0;bottom: 0;right: 0; background-color: #f4f4f4;}
.iphonex .child{bottom: 0.5rem;}
/*表单*/


.bottom-loading{ display: block; height: 0.5rem; text-align: center;}
.bottom-loading img{ height: 100%; vertical-align: top;}

#scroll-wrapper{position: absolute;z-index: 1;top: 0;bottom: 0;left: 50%;width: 7.5rem;overflow: hidden; transform:translate3d(-50%,0,0); -webkit-transform:translate3d(-50%,0,0);}
#scroll-container{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
header + #scroll-wrapper, header + footer + #scroll-wrapper { top:0.88rem; padding-top:0;}
footer + #scroll-wrapper{ bottom: 0.98rem; padding-bottom: 0;}

.swiper-container{position:relative;z-index:1;overflow:hidden;margin:0 auto}
.swiper-wrapper{position:relative;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-ms-transition-property:-ms-transform}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}
.swiper-pagination{position:absolute;bottom:.16rem;width:100%;font-size:0;height:.16rem;z-index:10;text-align:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-pagination-bullet{display:inline-block;width:.16rem;height:.16rem;border-radius:100%;background:rgba(255,255,255,0.8);margin:0 .09rem}

.confirm-popover-container{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:12;opacity:0;pointer-events:none;transition:opacity .3s ease 0s;-webkit-transition:opacity .3s ease 0s}
.confirm-popover-container.active,.alert-content.active{opacity:1;transition:opacity .3s ease 0s;-webkit-transition:opacity .3s ease 0s;pointer-events:all;}
.alert-content{font-size:14px;text-align:center;color:#fff;position:fixed;background-color:rgba(0,0,0,0.8);border-radius:4px;padding:15px 30px;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);z-index:99999;opacity:0;pointer-events:none;transition:opacity .3s ease 0s;-webkit-transition:opacity .3s ease 0s}
.confirm-popover-container{pointer-events:all}
.confirm-popover-container .confirm-content{font-size:14px;text-align:center;color:#333;position:absolute;z-index:999;width:240px;background-color:#fff;border-radius:5px;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);background-color:#fff;overflow:hidden}
.confirm-popover-container h5{font-size:16px;padding:20px 10px;line-height:1.2}
.confirm-popover-container .confirm-button{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;border-top:1px solid #ddd}
.confirm-popover-container .confirm-button a{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:43px;line-height:43px}
.confirm-popover-container .confirm-button a:nth-child(2){background-color:#29A3DE;color:#fff;}
