/* ====================================================================================================
 * Basic Styles (全站级基础样式)
 * ==================================================================================================== */
 /* reset */
@font-face{font-family: "AlibabaSans";
    font-weight: normal;
    src: url('../fonts/AlibabaSans-Regular.eot'); /* IE9*/
    src: url('../fonts/AlibabaSans-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/AlibabaSans-Regular.woff') format('woff'), /* chrome, firefox */
    url('../fonts/AlibabaSans-Regular.woff2') format('woff2'), /* chrome, firefox */
    url('../fonts/AlibabaSans-Regular.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  }

  @font-face{font-family: "AlimamaAgileVF";
    font-weight: normal;
    src: url('../fonts/AlibabaSans-Regular.eot'); /* IE9*/
    src: url('../fonts/AlibabaSans-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/AlimamaAgileVF-Thin.woff') format('woff'), /* chrome, firefox */
    url('../fonts/AlimamaAgileVF-Thin.woff2') format('woff2'), /* chrome, firefox */
    url('../fonts/AlimamaAgileVF-Thin.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  }

  @font-face{font-family: "AlibabaSans2";
    font-weight: 100;
    src: url('../fonts/AlibabaSans-Medium.eot'); /* IE9*/
    src: url('../fonts/AlibabaSans-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/AlibabaSans-Medium.woff') format('woff'), /* chrome, firefox */
    url('../fonts/AlibabaSans-Medium.woff2') format('woff2'), /* chrome, firefox */
    url('../fonts/AlibabaSans-Medium.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  }

 *{ margin:0px; padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
/* *:before,*:after {content:" ";clear: both;} */

 html,body,form,iframe{padding: 0px;margin:0px;}
 /* html{overflow-y:scroll;} */
 body{font-size:14px;
  /* font-family:AlibabaSans; */
  font-family: "Noto Sans SC", sans-serif,Arial,"Microsoft Yahei";
  color: #1D1D1F;line-height: 1.5;font-weight:400;background: #fff;
  -webkit-font-smoothing: antialiased; /* 优化文字渲染 */
  text-rendering: optimizeLegibility; /* 优化可读性 */
  /* background: rgba(245, 245, 247, 1); */
}
 /* word-break:break-all; */
 ul,li,dl,dt,dd,form,input{margin:0; padding:0; list-style:none;}
 img{border:0;}
 a{color: #000;text-decoration: none;outline:none;}
 a:hover{color: #007AFF; text-decoration:none;}
 .cf,.clear,.clearfix{ clear:both;}
 .cf:after,.cf:before{content:" ";display:table;width:100%;height: 0;}
 .cf:after,.clearfix:after{clear:both}
 
 i{font-style: normal;}
 h3{ font-size:12px;}
 input,button{ outline:none;}
 em{ font-style:normal;}
 h1,h2,h3,h4,h5,h6{font-weight:normal; margin:0px;}
 
 .fleft{ float:left;}
 .fright{ float:right;}

 @media screen and (max-width:1020px) {
    .fleft{ float:none;}
    .fright{ float:none;}
}

/*图片限制*/
.fa_Img {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .fa_Img img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
  }
  .fa_Imgmax img {
    max-width: 100%!important;
    max-height: 100%!important;
    min-width: 0%!important;
    min-height: 0%!important;
    width: auto!important;
   height: auto!important;
  }
  .fa_Imgmin img {
    min-width: 101%!important;
    min-height: 101%!important;
    object-fit: cover!important;
  }
 
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;clear: both;}
 div,span,h1,h2,h3,h4,h5,h6,ul,li,ol,p,dt,dd,dl,input,button,select,textarea,label,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{}
 
 .absolute,.absobg{position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;}
 .absobg{background-color:#fff;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}
 canvas{pointer-events:none;}
 input.no, textarea.no{border:1px red solid;}
 .ht-30{ height:30px;}
 
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #9D9D9D;font-family: "Noto Sans SC";
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #9D9D9D;font-family: "Noto Sans SC";
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9D9D9D;font-family: "Noto Sans SC";
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9D9D9D;font-family: "Noto Sans SC";
}

 .imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

 /*文字链接样式*/
 .grey a:link{ color:#9b9696;}
 .grey a:hover { color:#fff;}
 
 .roundedCorner{
     -webkit-border-radius:5px;
     -moz-border-radius:5px;
     -ms-border-radius:5px;
     -o-border-radius:5px;
     border-radius:5px;
 }
 
 /*添加鼠标悬浮显示手的形状*/
 .hand { cursor:pointer;}
 
 /*单行截字*/
 .textbreak { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
 
 *{
     transition: all 0.6s;
     -moz-transition: all 0.6s;
     -webkit-transition: all 0.6s;
     -o-transition: all 0.6s;
     transition-property: background;
 }
/*隐藏元素*/
 .hide {	display:none;}
 
 /*解决IE6双边距加倍错误*/
 .inline { display:inline;}
 
 .ov,.overflow{ overflow:hidden;}
 
 .cover-page-wrapper{ width:1210px; margin:0px auto;}
 
 /*最小高度*/
 .danye p{ margin-bottom:5px;}
 /*文本对齐样式*/
 .auto { margin:0px auto;}
 .txt-center { text-align:center;}
 .floatRight{float:right;}
 .floatLeft{float:left;}
 
 .td50{ text-indent:64px;}
 .wfs{ width:100%;}
 .h3{ font-size:24px;}
 .grid-c1{ width:1210px; margin:0px auto;}
 .w1200,.width1200{ width:1200px; margin:0px auto;}
 
 /*字体*/
 .strong { font-weight:bold;}
 .nobold{ font-weight:normal;}
 .yahei { font-family:微软雅黑;}
 .songti { font-family:宋体;}
 
 /* 字体样式 */
 
 .fbold{font-weight:bold;}
 .fboldno{font-weight:normal;}
 .f-c{text-align:center;}
 .f-r{text-align:right;}
 .f-f{font-family:"宋体","Microsoft YaHei","微软雅黑","Arial","Helvetica",sans-serif;}
 .f-t{text-decoration:underline;cursor:pointer;}
 .f-v{vertical-align:middle;}
 .f-v img{float:none;margin:0 5px;}
 .f-u{text-transform:uppercase;}
 .f-w{white-space:nowrap;}
 .greent,a.greent{color:#7acd00;}
 .oranget,a.oranget{color:#ff6600;}
 .greyt,a.greyt{color:#999;}
 .grey6t,a.grey6t{color:#666;}
 .grey6t,a.grey6t{color:#666;}
 .redt,a.redt{color:#e55151;}
 .blackt,a.blackt{color:#333;}
 .bluet,a.bluet{color:#198eed;}
 .lightbluet,a.lightbluet,.lightbluet a{color:#66a6e1;}
 .lightbluet a:hover{text-decoration:underline;}
 .whitet{color:#fff;}
 .purplet,a.purplet{color:#eb7a79;}
 .wm-70{min-width:70px;}
 a.redt:hover,a.greent:hover,a.oranget:hover,a.greyt:hover,a.blackt:hover,a.bluet:hover,a.lightbluet:hover,a.purplet:hover{text-decoration:underline;}
 .link a{border-bottom:1px #c1c1c1 dashed;}
 
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

 
 .row{width:100%;transition:.2s width ease}
 /* .row:after,.row:before{display: inline-block;content:" ";clear:both;width:0px;height:0px;} */
 .row>[class*=span-]{float:left;margin-right:1%}
 .row>.span-1{width:7.33333333%}
 .row>.span-2{width:15.66666667%}
 .row>.span-3{width:23%}
 .row>.span-4{width:32.33333333%}
 .row>.span-5{width:40.66666667%}
 .row>.span-6{width:49%}
 .row>.span-7{width:57.33333333%}
 .row>.span-8{width:65.66666667%}
 .row>.span-9{width:74%}
 .row>.span-10{width:82.33333333%}
 .row>.span-11{width:90.66666667%}
 .row>.span-12{width:99%}
 .full-row{width:100%;transition:.2s width ease}
 .full-row:after,.full-row:before{display:table;clear:both;content:''}
 .full-row>[class*=span]{float:left}
 .full-row>.span-1{width:8.33333333%}
 .full-row>.span-2{width:16.66666667%}
 .full-row>.span-3{width:25%}
 .full-row>.span-4{width:33.33333333%}
 .full-row>.span-5{width:41.66666667%}
 .full-row>.span-6{width:50%}
 .full-row>.span-7{width:58.33333333%}
 .full-row>.span-8{width:66.66666667%}
 .full-row>.span-9{width:75%}
 .full-row>.span-10{width:83.33333333%}
 .full-row>.span-11{width:91.66666667%}
 .full-row>.span-12{width:100%}
 .full-row>.pull-right,.row>.pull-right{float:right}
 .row>.center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 .full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 .pull-left-1{position:relative;left:-8.33333333%}
 .pull-left-2{position:relative;left:-16.66666667%}
 .pull-left-3{position:relative;left:-25%}
 .pull-left-4{position:relative;left:-33.33333333%}
 .pull-left-5{position:relative;left:-41.66666667%}
 .pull-left-6{position:relative;left:-50%}
 .pull-left-7{position:relative;left:-58.33333333%}
 .pull-left-8{position:relative;left:-66.66666667%}
 .pull-left-9{position:relative;left:-75%}
 .pull-left-10{position:relative;left:-83.33333333%}
 .pull-left-11{position:relative;left:-91.66666667%}
 .pull-left-12{position:relative;left:-100%}
 .pull-right-1{position:relative;left:8.33333333%}
 .pull-right-2{position:relative;left:16.66666667%}
 .pull-right-3{position:relative;left:25%}
 .pull-right-4{position:relative;left:33.33333333%}
 .pull-right-5{position:relative;left:41.66666667%}
 .pull-right-6{position:relative;left:50%}
 .pull-right-7{position:relative;left:58.33333333%}
 .pull-right-8{position:relative;left:66.66666667%}
 .pull-right-9{position:relative;left:75%}
 .pull-right-10{position:relative;left:83.33333333%}
 .pull-right-11{position:relative;left:91.66666667%}
 .pull-right-12{position:relative;left:100%}
 @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}
 .row>.midd-2{width:15.66666667%}
 .row>.midd-3{width:24%}
 .row>.midd-4{width:32.33333333%}
 .row>.midd-5{width:40.66666667%}
 .row>.midd-6{width:49%}
 .row>.midd-7{width:57.33333333%}
 .row>.midd-8{width:65.66666667%}
 .row>.midd-9{width:74%}
 .row>.midd-10{width:82.33333333%}
 .row>.midd-11{width:90.66666667%}
 .row>.midd-12{width:99%}
 .midd-hide{display:none}
 .midd-center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 .full-row>.midd-1{width:8.33333333%}
 .full-row>.midd-2{width:16.66666667%}
 .full-row>.midd-3{width:25%}
 .full-row>.midd-4{width:33.33333333%}
 .full-row>.midd-5{width:41.66666667%}
 .full-row>.midd-6{width:50%}
 .full-row>.midd-7{width:58.33333333%}
 .full-row>.midd-8{width:66.66666667%}
 .full-row>.midd-9{width:75%}
 .full-row>.midd-10{width:83.33333333%}
 .full-row>.midd-11{width:91.66666667%}
 .full-row>.midd-12{width:100%}
 }
 @media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}
 .row>.smidd-2{width:15.66666667%}
 .row>.smidd-3{width:24%}
 .row>.smidd-4{width:32.33333333%}
 .row>.smidd-5{width:40.66666667%}
 .row>.smidd-6{width:49%}
 .row>.smidd-7{width:57.33333333%}
 .row>.smidd-8{width:65.66666667%}
 .row>.smidd-9{width:74%}
 .row>.smidd-10{width:82.33333333%}
 .row>.smidd-11{width:90.66666667%}
 .row>.smidd-12{width:99%}
 .smidd-hide{display:none}
 .smidd-center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 .full-row>.smidd-1{width:8.33333333%}
 .full-row>.smidd-2{width:16.66666667%}
 .full-row>.smidd-3{width:25%}
 .full-row>.smidd-4{width:33.33333333%}
 .full-row>.smidd-5{width:41.66666667%}
 .full-row>.smidd-6{width:50%}
 .full-row>.smidd-7{width:58.33333333%}
 .full-row>.smidd-8{width:66.66666667%}
 .full-row>.smidd-9{width:75%}
 .full-row>.smidd-10{width:83.33333333%}
 .full-row>.smidd-11{width:91.66666667%}
 .full-row>.smidd-12{width:100%}
 }
 @media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}
 .row>.smal-2{width:15.66666667%}
 .row>.smal-3{width:24%}
 .row>.smal-4{width:32.33333333%}
 .row>.smal-5{width:40.66666667%}
 .row>.smal-6{width:100%}
 .row>.smal-7{width:57.33333333%}
 .row>.smal-8{width:65.66666667%}
 .row>.smal-9{width:74%}
 .row>.smal-10{width:82.33333333%}
 .row>.smal-11{width:90.66666667%}
 .row>.smal-12{width:99%}
 .smal-hide{display:none}
 .smal-show{display:block}
 .smal-center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 [class*=pull-left-],[class*=pull-right-]{right:auto;left:auto}
 .full-row>.smal-1{width:8.33333333%}
 .full-row>.smal-2{width:16.66666667%}
 .full-row>.smal-3{width:25%}
 .full-row>.smal-4{width:33.33333333%}
 .full-row>.smal-5{width:41.66666667%}
 .full-row>.smal-6{width:50%}
 .full-row>.smal-7{width:58.33333333%}
 .full-row>.smal-8{width:66.66666667%}
 .full-row>.smal-9{width:75%}
 .full-row>.smal-10{width:83.33333333%}
 .full-row>.smal-11{width:91.66666667%}
 .full-row>.smal-12{width:100%}
 }
 
 *[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
 *[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
 *height: auto;}
 .rect-50{padding-bottom: 50%;}
 .rect-5625{padding-bottom: 56.25%;}
 .rect-60{padding-bottom: 60%;}
 .rect-618{padding-bottom: 61.8%;}
 .rect-70{padding-bottom: 70%;}
 .rect-75{padding-bottom: 75%;}
 .rect-80{padding-bottom: 80%;}
 .rect-90{padding-bottom: 90%;}
 .rect-100{padding-bottom: 100%;}
 
 /* w系列控制宽度 */
 .wauto { width: auto }
 .w-25 { width: 25%; }
 .w-33 { width: 33.3%; }
 .w100{width:100%;}
 .w-50{width:50%;}
 
 /* h系列控制高度 */
 .h100 { height:100%; }
 .hauto { height:auto; }
 
 .h20px { height: 20px; }
 .h30px { height: 30px; }
 .h40px { height: 40px; }
 .h50px { height: 50px; }
 .h75px { height: 75px; }
 .h100px { height: 100px; }
 .h130px { height: 130px; }
 .h150px { height: 150px; }
 .h210px { height: 210px; }
 .h250px { height: 250px; }
 .h585px { height: 585px; }
 
 /*边框*/
 .b-a{border:1px #dbdbdb solid;}
 .b-l{border-left:1px #dbdbdb solid;}
 .b-r{border-right:1px #dbdbdb solid;}
 .b-t{border-top:1px #dbdbdb solid;}
 .b-b{border-bottom:1px #dbdbdb solid;}
 .b-ld{border-left:1px #dbdbdb dashed;}
 .b-rd{border-right:1px #dbdbdb dashed;}
 .b-td{border-top:1px #dbdbdb dashed;}
 .b-bd{border-bottom:1px #dbdbdb dashed;}
 


 
 /*左右漂浮样式*/
 .l { float: left; }
 .r { float: right; }
 
 /* p系列控制padding */
 .p5 { padding:5px;}
 .p10 { padding:10px;}
 .p15 { padding:15px;}
 .p20 { padding:20px;}
 .p25 { padding:25px;}
 .p30 { padding:30px;}
 
 .pt2 { padding-top:2px;}
 .pt5 { padding-top:5px;}
 .pt10 { padding-top:10px;}
 .pt15 { padding-top:15px;}
 .pt20 { padding-top:20px;}
 .pt25 { padding-top:25px;}
 .pt30 { padding-top:30px;}
 
 .pr5 { padding-right:5px;}
 .pr10 { padding-right:10px !important;}
 .pr15 { padding-right:15px;}
 .pr20 { padding-right:20px;}
 .pr25 { padding-right:25px;}
 .pr30 { padding-right:30px;}
 
 .pb0 { padding-bottom:0px !important;}
 .pb5 { padding-bottom:5px;}
 .pb10 { padding-bottom:10px;}
 .pb13 { padding-bottom:12px;}
 .pb15 { padding-bottom:15px;}
 .pb20 { padding-bottom:20px;}
 .pb25 { padding-bottom:25px;}
 .pb30 { padding-bottom:30px !important;}
 .pb50 { padding-bottom:50px !important;}
 .pb55rem { padding-bottom:0.55rem; !important;}
 
 .pl2 { padding-left:2px;}
 .pl5 { padding-left:5px;}
 .pl10 { padding-left:10px;}
 .pl15 { padding-left:15px;}
 .pl20 { padding-left:20px;}
 .pl25 { padding-left:25px;}
 .pl30 { padding-left:30px;}
 
 /* m系列控制padding */
 .m5 { margin:5px!important;}
 .m10 { margin:10px!important;}
 .m15 { margin:15px!important;}
 .m20 { margin:20px!important;}
 .m25 { margin:25px!important;}
 .m30 { margin:30px!important;}
 
 .mt0 { margin-top:0px!important;}
 .mt5 { margin-top:5px!important;}
 .mt10 { margin-top:10px!important;}
 .mt12 { margin-top:12px!important;}
 .mt15 { margin-top:15px!important;}
 .mt18 { margin-top:18px!important;}
 .mt20 { margin-top:20px!important;}
 .mt25 { margin-top:25px!important;}
 .mt30 { margin-top:30px!important;}
 .mt35 { margin-top:35px!important;}
 .mt40 { margin-top:40px!important;}
 .mt50 { margin-top:50px!important;}
 .mt60 { margin-top:60px!important;}
 .mt45 { margin-top:45px!important;}
 .mt90 { margin-top:90px!important;}

 @media screen and (max-width: 1020px) {
  .mt90 { margin-top:20px!important;}
 }
 
 .mr5 { margin-right:5px!important;}
 .mr10 { margin-right:10px!important;}
 .mr15 { margin-right:15px!important;}
 .mr20 { margin-right:20px!important;}
 .mr25 { margin-right:25px!important;}
 .mr30 { margin-right:30px!important;}
 .mr70 { margin-right:30px!important;}
 
 .mb0 { margin-bottom:0px!important;}
 .mb5 { margin-bottom:5px!important;}
 .mb10 { margin-bottom:10px!important;}
 .mb15 { margin-bottom:15px!important;}
 .mb20 { margin-bottom:20px!important;}
 .mb25 { margin-bottom:25px!important;}
 .mb30 { margin-bottom:30px!important;}
 .mb50 { margin-bottom:50px!important;}
 
 .ml0 { margin-left:0px!important;}
 .ml5 { margin-left:5px!important;}
 .ml10 { margin-left:10px!important;}
 .ml15 { margin-left:15px!important;}
 .ml20 { margin-left:20px!important;}
 .ml25 { margin-left:25px!important;}
 .ml30 { margin-left:30px!important;}
 .ml35 { margin-left:35px!important;}
 .ml100 { margin-left:100px!important;}

.height30{height: 30px;}
.per35{padding: 0 5.3vw;}
.flex,.flex1,.flex2{display: flex;}
.flex2{flex-direction:row-reverse;}
.flex-wrap{flex-wrap: wrap;}
.wrap{padding: 0px 5.3vw;}

@media screen and (max-width:1020px) {
  .flex,.flex1,.flex2{flex-wrap: wrap;}
}

.mt4{margin-top: 0.4rem;}
.mb40{margin-bottom: 0.4rem;}

/* 滚动条美化 */
/* 滚动条的背景颜色 */
/* 轨道的背景颜色 */
/* ::-webkit-scrollbar {
  width: 10px;
  background-color: #f9f9fd;
} 
::-webkit-scrollbar-track {
  background-color:#e1e1e1; 
  border-radius:10px;
}
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
  border-radius:10px;border: 3px solid #e1e1e1;
}
::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 6px rgba(0, 122, 255, 1);
} */

::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}

::-webkit-scrollbar-button:vertical {
  display: none;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
  background-color: #f8f8f8;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgba(0, 0, 0, .35);
}

::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgba(0, 0, 0, .38);
}


.mop-load-div{
  box-pack:center;
  box-align:center;
  /* Firefox */
  height: 100px;

  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;

  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;

  -o-box-pack:center;
  -o-box-align:center;
}

.three-bounce > div {
  width: 30%;
  height: 30%;
  min-height: 30px;
  min-width: 30px;
  background-color: #007AFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  -moz-animation: bouncedelay 1.4s infinite ease-in-out;
  -o-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* 闃叉鍔ㄧ敾绗竴甯у紑濮嬮棯鐑�*/
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.three-bounce .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.three-bounce .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@-moz-keyframes bouncedelay {
  0%, 80%, 100% { -moz-transform: scale(0.0) }
  40% { -moz-transform: scale(1.0) }
}
@-o-keyframes bouncedelay {
  0%, 80%, 100% { -o-transform: scale(0.0) }
  40% { -o-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
      transform: scale(0.0);
  } 40% {
        transform: scale(1.0);
    }
}