@charset "utf-8";




.flex-body{height: 100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.flex-body{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.flex-body .top-box{position: relative;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;margin: 0 .4rem;height: 2.5rem;line-height: 2.5rem;-webkit-flex-shrink: 0;flex-shrink: 0;z-index:15;background: url(../img/index/top-bg.jpg) center/auto 100% repeat-x;color: #00fffc;}
.flex-body .top-box .top-logo{height: 100%;-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;}
.flex-body .top-box .row-2{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.flex-body .top-box .row-3{position: relative;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;z-index:99;}

.m-top-setup{position: relative;padding: 0 .3rem 0 .5rem;height: 1.4rem;line-height: 1.4rem;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;}
.m-top-setup:before{position: absolute;left: 0;top:0;content:"";display: block;width: .46rem;height: 1.36rem;background: url(../img/index/top-2.png) center/contain no-repeat;}
.m-top-setup:after{position: absolute;right: .1rem;bottom:.22rem;content:"";display: block;width: .16rem;height: .64rem;background: url(../img/index/top-3.png) center/contain no-repeat;}
.m-top-setup .item{position: relative;width: 1.8rem;text-align: center;font-size: .6rem;cursor: pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;}
.m-top-setup .item:before{position: absolute;left: 0;top: .4rem;bottom: .4rem;display: block;content:"";border-left: 1px dashed #065f71;}
.m-top-setup .item:after{font-family: "icon-cb";}
.m-top-setup .item img{display: block;}
.m-top-setup .item-box{position: absolute;top: 100%;left: 0;background: #0d233b;padding: .2rem;line-height: 1rem;font-size: .4rem;color: #FFF;text-align: left;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;}
.m-top-setup .item-box .close:after{content:"";display: block;position: absolute;top: .2rem;right: .4rem;content:"\e62f";font-family: 'iconfont';color: #FFF;}
.m-top-setup .item.hidden .item-box{display: none;}
.m-top-setup .item-set .item-box{padding: .2rem .4rem;}
.m-top-setup .item-set:after{content:"\e787";}
.m-top-setup .item-ew:after{content:"\e78a";}
.m-top-setup .item-user:after{content:"\e789";}
.m-top-setup .item-user.item-user-logout:after{content:"\eb83";}
.m-top-setup .item:first-child:before{border-left: 0;}
.m-top-setup .item-set .item-box{width: 7rem;}
.m-top-setup .set-li{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;font-size: .34rem;}
.m-top-setup .set-li .name{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}

.i-ko-trigger{color: #00fffb;}
.i-ko-trigger:after{display:inline-block;margin-left:.3em;content:"\e6cf";font-family:'iconfont';}


.m-input-number{display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;justify-content: flex-end;}
.m-input-number input{width: 0;width: 1.4rem;border:0;background:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-align: right;color: #FFF;line-height: 1.6;text-align: center;}
.m-input-number .reduce:after,
.m-input-number .add:after{font-family: 'iconfont';font-size: .42rem;color: #88d8d7;}
.m-input-number .reduce:after{content:"\e62d";}
.m-input-number .add:after{content:"\e62e";}

.m-top-setup .top-bar{}

.flex-body .top-box .row-4{-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;text-align: right;}
.flex-body .top-box .top-date{padding:0 .3rem;line-height: .5rem;font-size: .3rem;border-left: 1px solid #017373;}
.flex-body .top-box:after{content:"";display: block;position: absolute;bottom: .25rem;right: 0;height: .16rem;width: 2.8rem;background: url(../img/index/top-1.png) center/contain no-repeat;}

.flex-body .top-box{}

.main-tab-tt dt{width: 0;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;text-align: center;color: #04909f;font-size: .5rem;cursor: pointer;-webkit-transition: .3s ease-out;-ms-transition: .3s ease-out;-moz-transition: .3s ease-out;-o-transition: .3s ease-out;transition: .3s ease-out;background-position: center 80%;}
.main-tab-tt dt:before{display: inline-block;margin-right: .2rem;font-family: 'icon-cb';}
.main-tab-tt dt.dd-0:before{content:"\e788";}
.main-tab-tt dt.dd-1:before{content:"\e784";}
.main-tab-tt dt.dd-2:before{content:"\e785";}
.main-tab-tt dt.dd-3:before{content:"\e78b";}
.main-tab-tt dt.current,
.main-tab-tt dt:hover{line-height: 2.4rem;color: #01f8fd;background: url(../img/index/dt.png) center 60%/80% auto no-repeat;}
.flex-body .main-box{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;height: 1px;}
.m-scroll-tab{width: 1px;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.m-scroll-tab .tab-cn{width: 1px;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.m-scroll-tab .tab-cn .tab-cn-dl{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;height: auto;}
.m-scroll-tab .tab-cn .tab-cn-dl dd{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;height: auto;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;}
.m-scroll-tab .tab-cn .tab-cn-dl dd.v-hidden iframe{}
.m-scroll-tab .tab-cn .tab-cn-dl iframe{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.flex-body .inner-box{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.flex-body .foot-box{font-size: .26rem;padding: .2rem 0;text-align: center;opacity: .8;}

.page-box{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;height: 1px;padding: 0 .4rem 0 .4rem;}


.win-login{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;-ms-align-items: center;-moz-align-items: center;-o-align-items: center;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;z-index:100;}
.win-login.hidden{display: none;}
.win-login .login-inner{width: 8rem;background: #070e15;}
.win-bg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index:99;}
.win-bg.hidden{display: none;}
.m-login{position: relative;padding: 2rem .8rem 1rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem;}
.m-login .close{position: absolute;right: .3rem;top: .3rem;height: 1rem;line-height: 1rem;width: 1rem;text-align: center;font-size: .5rem;cursor: pointer;}
.m-login .close:before{content:"\e63d";font-family: 'iconfont';}
.m-login input{padding-left: .3rem;height: 1rem;line-height: 1rem;width: 100%;border: 1px solid #1f9090;color: #FFF;background: #071a21;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.m-login dl{margin-bottom: .5rem;display: box;display:-ms-flexbox;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -o-flex;display: flex;}
.m-login dt{-webkit-flex-shrink: 0;-moz-flex-shrink: 0;-o-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;margin-right: .3rem;}
.m-login dd{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;}
.m-login dl.dl-pass{margin-bottom: .3rem;}
.m-login .icon{font-size: .6rem;color: #01cfd0;}
.m-login .btn{}
.m-login .tips-text{margin-bottom: .3rem;height: .6rem;line-height: .6rem;color: #ccc;}
.m-login button{line-height: 1rem;height: 1rem;font-size: .4rem;width: 100%;border: 0;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;background: #0094be;color: #FFF;cursor: pointer;}
.m-login button:hover{-webkit-filter: brightness(110%);-moz-filter:brightness(110%);-o-filter: brightness(110%);-ms-filter: brightness(110%);filter: brightness(110%);}

.m-scroll-tab .tbutton{position: absolute;top: 50%;width: .8rem;height: 1.6rem;line-height: 1.6rem;margin-top: -1.5rem;cursor: pointer;color: #8CAAF0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;justify-content: center;background: #1C316A;font-size: .8rem;opacity: .5;display: none;z-index:99;}
.m-scroll-tab .tbutton:hover{-webkit-filter: brightness(120%);-moz-filter:brightness(120%);-o-filter: brightness(120%);-ms-filter: brightness(120%);filter: brightness(120%);opacity: 1;}
.m-scroll-tab .button-prev{left: -.4rem;padding-right: .3rem;-webkit-border-top-right-radius: 1rem;-moz-border-top-right-radius:1rem;border-top-right-radius: 1rem;-webkit-border-bottom-right-radius: 1rem;-moz-border-bottom-right-radius:1rem;border-bottom-right-radius: 1rem;-webkit-transition: .3s ease-out;transition: .3s ease-out;}
.m-scroll-tab .button-prev:hover{left: 0;}
.m-scroll-tab .button-prev:before{display: block;content:"\e647";font-family: 'iconfont';}
.m-scroll-tab .button-next{right: -.4rem;padding-left: .3rem;-webkit-border-top-left-radius: 1rem;-moz-border-top-left-radius:1rem;border-top-left-radius: 1rem;-webkit-border-bottom-left-radius: 1rem;-moz-border-bottom-left-radius:1rem;border-bottom-left-radius: 1rem;-webkit-transition: .3s ease-out;transition: .3s ease-out;}
.m-scroll-tab .button-next:hover{right: 0;}
.m-scroll-tab .button-next:before{display: block;content:"\e648";font-family: 'iconfont';}

.foot-box{position: relative;}
.foot-box .auto-swich{position: absolute;right: .2em;top: .15rem;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;}
.foot-box .auto-swich h2{-ms-flex: 1;-webkit-box-flex: 1;-webkit-flex-grow: 1;-o-flex-grow: 1;-moz-flex-grow: 1;flex-grow: 1;margin-right: .2rem;color: #2a3c6a;}

.check-label{position: relative;cursor: pointer;}
input[type="checkbox"].ios-switch{position:absolute;opacity:0;left: 0;cursor: pointer;}
/* Normal Track */
input[type="checkbox"].ios-switch + div{position: relative;vertical-align:middle;width:2.8em;height:1.4em;line-height: 1.4em;border:1px solid #00ffff;border-radius:999px;background-color:rgba(0,0,0,0.1);-webkit-transition-duration:.4s;-webkit-transition-property:background-color,box-shadow;box-shadow:inset 0 0 0 0px rgba(0,0,0,0.1);-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;cursor: pointer;z-index:1;text-align: left;}
input[type="checkbox"].ios-switch + div:before{position: absolute;right: .2rem;content:"关";color: #018987;font-size: .24rem;}
/* Checked Track (Blue) */
input[type="checkbox"].ios-switch:checked + div{background-position:0 0;background-color:#182549;border:1px solid #00ffff;box-shadow:inset 0 0 0 10px rgba(59,137,259,1);background-color:#182549;box-shadow:inset 0 0 0 10px #182549;}
input[type="checkbox"].ios-switch:checked + div:before{position: absolute;left:.2rem;content:"开";}
/* Normal Knob */
input[type="checkbox"].ios-switch + div > div{float:left;width:1.4em;height:1.4em;line-height: 1.4em;border-radius:inherit;background:#00ffff;-webkit-transition-timing-function:cubic-bezier(.54,1.85,.5,1);-webkit-transition-duration:0.4s;-webkit-transition-property:transform,background-color,box-shadow;-moz-transition-timing-function:cubic-bezier(.54,1.85,.5,1);-moz-transition-duration:0.4s;-moz-transition-property:transform,background-color;box-shadow:0px 2px 5px rgba(0,0,0,0.1),0px 0px 0 1px rgba(0,0,0,0.1);pointer-events:none;cursor: pointer;}
input[type="checkbox"].ios-switch:checked + div > div{background-color:#00ffff;-webkit-transform:translate3d(1.4em,0,0);-moz-transform:translate3d(1.4em,0,0);box-shadow:0px 4px 8px rgba(0,0,0,0.1),0px 0px 0 1px rgba(8,80,172,1);box-shadow:0px 2px 5px rgba(0,0,0,0.1),0 0 0 1px #182549;}