@charset "UTF-8";
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{-webkit-tap-highlight-color: transparent;-webkit-font-smoothing: antialiased;}
html{font-size: 100px;}
body,html{height: 100%;}
body{color: #333;background: #02004D;line-height: 1.8;}
body,
input,
textarea{font-size:0.14rem;font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei", sans-serif;}
ul{padding: 0;margin: 0;}
ul, li {list-style: none;}
body{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
/*img {pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}*/
input{outline:none;}
a{color:#212121;text-decoration: none;}
a:hover, a:focus{color:#333;}
img{border:none;vertical-align: middle;}

a, button, input, input[type=text], input[type=search], option, select, textarea {outline: none;border: 0;-webkit-appearance: none;border-radius: 0;background: none;}
.clear{ clear:both; height:0px;  margin:0; padding:0;width:0; border:none; overflow:hidden;}
::-webkit-scrollbar{width:0;height:0;}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track{background-color:unset}
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover{background-color:unset}

.fl { float:left}
.fr { float:right}
.mb10{margin-bottom: 10px;}
.container,.wrap{max-width: 7.5rem;padding-left: 0.3rem;padding-right: 0.3rem;margin:0 auto;}
.container > .row{margin-left: -0.3rem;margin-right: -0.3rem;}
.btn-block{width: 100%;display: block;}
.wow{visibility:hidden;}

.acea-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}
.acea-row.row-middle{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center}
.acea-row.row-top{-webkit-box-align:start;-o-box-align:start;-ms-flex-align:start;align-items:flex-start}
.acea-row.row-bottom{-webkit-box-align:end;-o-box-align:end;-ms-flex-align:end;align-items:flex-end}
.acea-row.row-center{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-right{-webkit-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.acea-row.row-left{-webkit-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.acea-row.row-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-around,
.acea-row.row-column-around{-ms-flex-pack:distribute;justify-content:space-around;-webkit-justify-content:space-around}
.acea-row.row-column-around{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.acea-row.row-column,
.acea-row.row-column-between{-webkit-box-orient:vertical;-o-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
.acea-row.row-column-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-center-wrapper{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-between-wrapper,
.acea-row.row-center-wrapper{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center}
.acea-row.row-between-wrapper{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.line1, .line2 {overflow: hidden;}
.line1 {text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.line2 {word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.flex-1{flex:1;}

.ellipsis{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}

.app_box{opacity: 0;transition: 0.3s;}
.app_box.show{opacity: 1;}

.disabled {pointer-events: none;opacity: 0.5;}

.empty_box{padding: 1rem 0;text-align: center;}
.empty_box .empty_icon img{width: 3.59rem;}
.empty_box .empty_msg{font-size: 0.28rem;color:rgba(51,51,51,0.5);/* padding-top: 0.2rem; */}
.listdata_desc{padding: 0.2rem 0;text-align: center;}


/* 加载旋转动画 第一种加载*/
#load{width:100%;height:100%;position:fixed;background: #02004D;background-size:cover;top:0;left:0;z-index:9999;}
#load .load_img{position:absolute;left:calc(50% - 182px);top:calc(50% - 182px);}
#load .load_img img{position:absolute;left:0;top:0;}
#load .load_img .jzxz1{animation:xz1 8s infinite linear;}
@keyframes xz1 {
    from {
        transform:rotate(0deg);
    }
    50% {
        transform:rotate(180deg);
    }
    to{
        transform:rotate(360deg);
    }
}
#load .load_img .jzxz2{animation:xz2 7s infinite linear;}
@keyframes xz2 {
    from {
        transform:rotate(0deg);
    }
    50% {
        transform:rotate(-180deg);
    }
    to{
        transform:rotate(-360deg);
    }
}

/* 加载旋转动画 第二种加载*/
#loader {width: 80px;height: 80px;position: fixed;top: 50%;left: 50%;margin: -40px 0 0 -40px;z-index: 10000;}
#loader .shcl_item{width: 15px; height: 15px; background: rgb(0, 222, 255); border-radius: 8px;}
#loader .shcl_item{position: absolute; visibility: hidden; animation-name: shcl1_bounce; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: normal;}
#loader .shcl_item1{left: 32px; top: 0px;}
#loader .shcl_item2{left: 48px; top: 4px; animation-delay: 0.0833333s;}
#loader .shcl_item3{left: 60px; top: 16px; animation-delay: 0.166667s;}
#loader .shcl_item4{left: 64px; top: 32px; animation-delay: 0.25s;}
#loader .shcl_item5{left: 60px; top: 48px; animation-delay: 0.333333s;}
#loader .shcl_item6{left: 48px; top: 60px; animation-delay: 0.416667s;}
#loader .shcl_item7{left: 32px; top: 64px; animation-delay: 0.5s;}
#loader .shcl_item8{left: 16px; top: 60px; animation-delay: 0.583333s;}
#loader .shcl_item9{left: 4px; top: 48px; animation-delay: 0.666667s;}
#loader .shcl_item10{left: 0px; top: 32px; animation-delay: 0.75s;}
#loader .shcl_item11{left: 4px; top: 16px; animation-delay: 0.833333s;}
#loader .shcl_item12{left: 16px; top: 4px; animation-delay: 0.916667s;}

@-o-keyframes shcl1_bounce{
    0%{visibility:visible;-o-transform:scale(1)}
    80%{-o-transform:scale(.3)}
    100%{-o-transform:scale(1)}
}
@-ms-keyframes shcl1_bounce{
    0%{visibility:visible;-ms-transform:scale(1)}
    80%{-ms-transform:scale(.3)}
    100%{-ms-transform:scale(1)}
}
@-webkit-keyframes shcl1_bounce{
    0%{visibility:visible;-webkit-transform:scale(1)}
    80%{-webkit-transform:scale(.3)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes shcl1_bounce{
    0%{visibility:visible;-moz-transform:scale(1)}
    80%{-moz-transform:scale(.3)}
    100%{-moz-transform:scale(1)}
}
@keyframes shcl1_bounce{
    0%{visibility:visible;transform:scale(1)}
    80%{transform:scale(.3)}
    100%{transform:scale(1)}
}