/*common*/
*{margin:0;padding:0;border:0;font-style:normal;}
html,body{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{background-color:#fff;color:#666;font-family:"微软雅黑","Microsoft YaHei","Helvitica","Verdana","Tohoma","Arial","san-serif";}
article,aside,details,hgroup,nav,span{display:inline-block;}
footer,header,section,dialog,menu,a,label,strong,var,del,time,figcaption,figure,pre,img,small,mark,cite,code,fieldset,button{display:block;}
::-webkit-scrollbar{width:0;height:0;}
a,a:hover,a:visited{text-decoration:none;}
ol,ul{list-style:none;}
:focus{outline:none;border:0;}
img{max-width:100%;width:100%;vertical-align:middle;display:inline-block;}
textarea{overflow:auto;resize:none;}
input,button,textarea,select,:checked{border:0; margin:0;padding:0;background-color:rgba(0,0,0,0);text-shadow:none;border-radius:0;}
pre{overflow:hidden;word-break:break-all;word-wrap:break-word;}
table{width:100%;margin:0;padding:0;}

/*swiper style*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;
  -moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{float:left;}
.swiper-slide-active{}
.swiper-slide-visible{}
.swiper-pagination-switch{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;}
.swiper-active-switch{}
.swiper-visible-switch{}

/*文字处理*/
.to_e{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.to_line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.fl{float:left;}
.fr{float:right;}
.clearfix{clear:both;*zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.hide{display:none!important;}
.show{display:block!important;}
.vis_h{visibility:hidden!important;}
.vis_v{visibility:visible!important;}
.h100{height:100%!important;}
.overLayer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;background:rgba(0,0,0,0.7);}
.trans{-webkit-transition:all 1000ms;-moz-transition:all 1000ms;-o-transition:all 1000ms;-ms-transition:all 1000ms;transition:all 1000ms;}

/*flex layout style*/
.flex{display:-webkit-box;display:box;display:-webkit-flexbox;display:flexbox;display:-webkit-flex;display:flex;}
.flex_1{-webkit-box-flex:1;box-flex:1;-webkit-flex:1;flex:1;}
/*单行显示*/
.flex_row{-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row;}
/*Flex项目移动到顶部 垂直方向 align-items*/
.flex_align{-webkit-box-align:start;box-align:start;-webkit-flex-align:start;flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;}
/*Flex项目多列显示 row wrap*/
.flex_mul_row{-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-lines:multuple;box-lines:multuple;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex_col{-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;}
/*Flex项目移动到顶部 水平方向 justufy-content*/
.flex_justufy{-webkit-box-pack:start;box-pack:start;-webkit-flex-pack:start;flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}
/*Flex项目多行显示*/
.flex_mul_col{-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-box-lines:multuple;box-lines:multuple;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
/*水平垂直居中*/
.flex_v{-webkit-box-align:center;box-align:center;-webkit-flex-align:center;flex-align:center;-webkit-align-items:center;align-items:center;}
.flex_h{-webkit-box-pack:center;box-pack:center;-webkit-flex-pack:center;flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.flex{display:-webkit-box;display:box;}
.flex hr{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;flex:1;}

::-webkit-input-placeholder {font-size:0.55rem;color:#999;}
:-moz-placeholder {font-size:0.55rem;color:#999;}
::-moz-placeholder {font-size:0.55rem;color:#999;}
:-ms-input-placeholder {font-size:0.55rem;color:#999;}

/*loading*/
/*showLoading*/
.mask_transparent{position: fixed;z-index:99999;width: 100%;height: 100%;top: 0;left: 0;background:rgba(255,255,255,0.3);}
.toast{position: fixed;z-index:100000;width: 60px;min-height: 60px;top:50%;left: 50%;margin-top:-30px;margin-left: -30px;background: rgba(40, 40, 40, 0.75);text-align: center;border-radius: 5px;color: #FFFFFF;}
.toast_content{margin:0 0 12px;margin-top:66%;font-size:12px;}
.loading{position: absolute;width: 0px;z-index: 2000000000;left: 50%;top: 50%;}
.loading_leaf{position: absolute;top: -1px;opacity: 0.25;}
.loading_leaf:before{content:" ";position: absolute;width: 8.14px;height: 3.08px;background: rgb(209, 209, 213);box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;border-radius:1px;transform-origin: left 50% 0px;}
.loading_leaf_0{animation: opacity-leaf-0 1.25s linear infinite;-webkit-animation: opacity-leaf-0 1.25s linear infinite;}
.loading_leaf_0:before{transform: rotate(0deg) translate(7.92px, 0px);-webkit-transform: rotate(0deg) translate(7.92px, 0px);}
.loading_leaf_1{animation: opacity-leaf-1 1.25s linear infinite;-webkit-animation: opacity-leaf-1 1.25s linear infinite;}
.loading_leaf_1:before{transform: rotate(30deg) translate(7.92px, 0px);-webkit-transform: rotate(30deg) translate(7.92px, 0px);}
.loading_leaf_2{animation: opacity-leaf-2 1.25s linear infinite;-webkit-animation: opacity-leaf-2 1.25s linear infinite;}
.loading_leaf_2:before{transform: rotate(60deg) translate(7.92px, 0px);-webkit-transform: rotate(60deg) translate(7.92px, 0px);}
.loading_leaf_3{animation: opacity-leaf-3 1.25s linear infinite;-webkit-animation: opacity-leaf-3 1.25s linear infinite;}
.loading_leaf_3:before{transform: rotate(90deg) translate(7.92px, 0px);-webkit-transform: rotate(90deg) translate(7.92px, 0px);}
.loading_leaf_4{animation: opacity-leaf-4 1.25s linear infinite;-webkit-animation: opacity-leaf-4 1.25s linear infinite;}
.loading_leaf_4:before{transform: rotate(120deg) translate(7.92px, 0px);-webkit-transform: rotate(120deg) translate(7.92px, 0px);}
.loading_leaf_5{animation: opacity-leaf-5 1.25s linear infinite;-webkit-animation: opacity-leaf-5 1.25s linear infinite;}
.loading_leaf_5:before{transform: rotate(150deg) translate(7.92px, 0px);-webkit-transform: rotate(150deg) translate(7.92px, 0px);}
.loading_leaf_6{animation: opacity-leaf-6 1.25s linear infinite;-webkit-animation: opacity-leaf-6 1.25s linear infinite;}
.loading_leaf_6:before{transform: rotate(180deg) translate(7.92px, 0px);-webkit-transform: rotate(180deg) translate(7.92px, 0px);}
.loading_leaf_7{animation: opacity-leaf-7 1.25s linear infinite;-webkit-animation: opacity-leaf-7 1.25s linear infinite;}
.loading_leaf_7:before{transform: rotate(210deg) translate(7.92px, 0px);-webkit-transform: rotate(210deg) translate(7.92px, 0px);}
.loading_leaf_8{animation: opacity-leaf-8 1.25s linear infinite;-webkit-animation: opacity-leaf-8 1.25s linear infinite;}
.loading_leaf_8:before{transform: rotate(240deg) translate(7.92px, 0px);-webkit-transform: rotate(240deg) translate(7.92px, 0px);}
.loading_leaf_9{animation: opacity-leaf-9 1.25s linear infinite;-webkit-animation: opacity-leaf-9 1.25s linear infinite;}
.loading_leaf_9:before{transform: rotate(270deg) translate(7.92px, 0px);-webkit-transform: rotate(270deg) translate(7.92px, 0px);}
.loading_leaf_10{animation: opacity-leaf-10 1.25s linear infinite;-webkit-animation: opacity-leaf-10 1.25s linear infinite;}
.loading_leaf_10:before{transform: rotate(300deg) translate(7.92px, 0px);-webkit-transform: rotate(300deg) translate(7.92px, 0px);}
.loading_leaf_11{animation: opacity-leaf-11 1.25s linear infinite;-webkit-animation: opacity-leaf-11 1.25s linear infinite;}
.loading_leaf_11:before{transform: rotate(330deg) translate(7.92px, 0px);-webkit-transform: rotate(330deg) translate(7.92px, 0px);}

@-webkit-keyframes opacity-leaf-0 {
  0% { opacity: 0.25; }
  0.01% { opacity: 0.25; }
  0.02% { opacity: 1; }
  60.01% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@keyframes opacity-leaf-0 {
  0% { opacity: 0.25; }
  0.01% { opacity: 0.25; }
  0.02% { opacity: 1; }
  60.01% { opacity: 0.25; }
  100% { opacity: 0.25; }
}

@-webkit-keyframes opacity-leaf-1 {
  0% { opacity: 0.25; }
  8.34333% { opacity: 0.25; }
  8.35333% { opacity: 1; }
  68.3433% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@keyframes opacity-leaf-1 {
  0% { opacity: 0.25; }
  8.34333% { opacity: 0.25; }
  8.35333% { opacity: 1; }
  68.3433% { opacity: 0.25; }
  100% { opacity: 0.25; }
}

@-webkit-keyframes opacity-leaf-2 {
  0% { opacity: 0.25; }
  16.6767% { opacity: 0.25; }
  16.6867% { opacity: 1; }
  76.6767% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@keyframes opacity-leaf-2 {
  0% { opacity: 0.25; }
  16.6767% { opacity: 0.25; }
  16.6867% { opacity: 1; }
  76.6767% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-leaf-3 {
  0% { opacity: 0.25; }
  25.01% { opacity: 0.25; }
  25.02% { opacity: 1; }
  85.01% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@keyframes opacity-leaf-3 {
  0% { opacity: 0.25; }
  25.01% { opacity: 0.25; }
  25.02% { opacity: 1; }
  85.01% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-leaf-4 {
  0% { opacity: 0.25; }
  33.3433% { opacity: 0.25; }
  33.3533% { opacity: 1; }
  93.3433% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@keyframes opacity-leaf-4 {
  0% { opacity: 0.25; }
  33.3433% { opacity: 0.25; }
  33.3533% { opacity: 1; }
  93.3433% { opacity: 0.25; }
  100% { opacity: 0.25; }
}
@-webkit-keyframes opacity-leaf-5 {
  0% { opacity: 0.270958333333333; }
  41.6767% { opacity: 0.25; }
  41.6867% { opacity: 1; }
  1.67667% { opacity: 0.25; }
  100% { opacity: 0.270958333333333; }
}
@keyframes opacity-leaf-5 {
  0% { opacity: 0.270958333333333; }
  41.6767% { opacity: 0.25; }
  41.6867% { opacity: 1; }
  1.67667% { opacity: 0.25; }
  100% { opacity: 0.270958333333333; }
}

@-webkit-keyframes opacity-leaf-6 {
  0% { opacity: 0.375125; }
  50.01% { opacity: 0.25; }
  50.02% { opacity: 1; }
  10.01% { opacity: 0.25; }
  100% { opacity: 0.375125; }
}
@keyframes opacity-leaf-6 {
  0% { opacity: 0.375125; }
  50.01% { opacity: 0.25; }
  50.02% { opacity: 1; }
  10.01% { opacity: 0.25; }
  100% { opacity: 0.375125; }
}
@-webkit-keyframes opacity-leaf-7 {
  0% { opacity: 0.479291666666667; }
  58.3433% { opacity: 0.25; }
  58.3533% { opacity: 1; }
  18.3433% { opacity: 0.25; }
  100% { opacity: 0.479291666666667; }
}
@keyframes opacity-leaf-7 {
  0% { opacity: 0.479291666666667; }
  58.3433% { opacity: 0.25; }
  58.3533% { opacity: 1; }
  18.3433% { opacity: 0.25; }
  100% { opacity: 0.479291666666667; }
}
@-webkit-keyframes opacity-leaf-8 {
  0% { opacity: 0.583458333333333; }
  66.6767% { opacity: 0.25; }
  66.6867% { opacity: 1; }
  26.6767% { opacity: 0.25; }
  100% { opacity: 0.583458333333333; }
}
@keyframes opacity-leaf-8 {
  0% { opacity: 0.583458333333333; }
  66.6767% { opacity: 0.25; }
  66.6867% { opacity: 1; }
  26.6767% { opacity: 0.25; }
  100% { opacity: 0.583458333333333; }
}
@-webkit-keyframes opacity-leaf-9 {
  0% { opacity: 0.687625; }
  75.01% { opacity: 0.25; }
  75.02% { opacity: 1; }
  35.01% { opacity: 0.25; }
  100% { opacity: 0.687625; }
}
@keyframes opacity-leaf-9 {
  0% { opacity: 0.687625; }
  75.01% { opacity: 0.25; }
  75.02% { opacity: 1; }
  35.01% { opacity: 0.25; }
  100% { opacity: 0.687625; }
}
@-webkit-keyframes opacity-leaf-10 {
  0% { opacity: 0.791791666666667; }
  83.3433% { opacity: 0.25; }
  83.3533% { opacity: 1; }
  43.3433% { opacity: 0.25; }
  100% { opacity: 0.791791666666667; }
}
@keyframes opacity-leaf-10 {
  0% { opacity: 0.791791666666667; }
  83.3433% { opacity: 0.25; }
  83.3533% { opacity: 1; }
  43.3433% { opacity: 0.25; }
  100% { opacity: 0.791791666666667; }
}
@-webkit-keyframes opacity-leaf-11 {
  0% { opacity: 0.895958333333333; }
  91.6767% { opacity: 0.25; }
  91.6867% { opacity: 1; }
  51.6767% { opacity: 0.25; }
  100% { opacity: 0.895958333333333; }
}
@keyframes opacity-leaf-11 {
  0% { opacity: 0.895958333333333; }
  91.6767% { opacity: 0.25; }
  91.6867% { opacity: 1; }
  51.6767% { opacity: 0.25; }
  100% { opacity: 0.895958333333333; }
}

.page{position:absolute;top:0;left:0;width:100%;min-height:100%;overflow:hidden;min-width:320px;z-index:1;background:#fff;/*max-width:640px;*/}

