*{margin:0px;padding:0;box-sizing:border-box;outline:none;}
body,html{width:100%;height:100%;}
#app{height:100%;}
button{cursor: pointer;}
body{font-size:14px;color: #767d8b;/* line-height:1.6; */font-family:sans-serif;margin: 0 auto;background-color: #f6f8fa;letter-spacing: -.2px;}
.clearfloat{clear:both;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
ul,ol li,p{list-style:none;margin:0;}
i{font-style:normal}
a{text-decoration:none;outline:none;color:#14161c}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
.ac{text-align:center !important;}
.al{text-align:left !important;}
.ar{text-align:right !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.db{display:block;}
.dib{display:inline-block;}
.ovhidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.text-overflow2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.hide{display: none}
.pt20{padding-top: 20px}
.mb20{margin-bottom: 20px}
.box,.flex,.disflex{display:flex;width:100%;align-items: center;margin:0 auto;}
.flex-center,.flex-v-center{align-items:center}
.flex-center{justify-content:center}
.flex-between{justify-content:space-between}
.flex-evenly{justify-content:space-evenly}
.flex-start{justify-content:flex-start;}
.header{max-width: 1280px;margin: 0 auto;}
.header-c{background-color:rgba(35,43,53,1);color:#fff;height:43px;}
.login{cursor: pointer;}
.crfff{color:#fff}
.por{position: relative;}

input[type="checkbox"] {
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  box-sizing: content-box;
  margin-right: 5px;
}

input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(0,0,0,0.40);
  border-radius: 2px;
}

input[type="checkbox"]:checked::before {
  content: "✔";
  background-color: #0A59F7;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 2px solid #0A59F7;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.blue{color:#3366bb;}
.text-line{text-decoration: underline;}
.font1{font-size:41px;letter-spacing:-2px;display:inline-block;}
.vertical-middle{vertical-align:middle}
.bd8{border-bottom:8px solid #eff1f3;}
.bd4{border-bottom:4px solid #eff1f3;}
.br4{border-right:4px solid #eff1f3;}
.cr767d8b{color:#767d8b;}
.cr200e32{color:#200e32;}
.fs18{font-size:18px;}
.login-l{width:48%;}
.login-l img{/*height: calc(100vh);*/width:100%;min-height:700px}
.login-r{width:52%;}
.login-checkbox{margin: 40px 0;}
.login-checkbox div+div{margin-left:30px;}

.login-input{background:#fff;border:1px solid #d9e4f1;line-height:46px;padding: 0 10px 0 24px;border-radius: 10px;width: 100%;}
.login-item{margin-bottom:20px}
.login-item .span{display:block;margin-bottom: 3px;}
.login-form{width:430px;margin:0 auto;}
.login-div{position:relative;}
.login-div:before{width:14px;height:46px;content:'';position: absolute;left: 0;background: #0067e3;}

.item-v-code .login-input{width:calc(100% - 150px)}
.code{background:#fff;border:1px solid #d9e4f1;line-height:46px;padding:0 10px;display:inline-block;border-radius:10px;width: 136px;text-align: center;margin-left: 10px;}

.btn{background: #ddd;color: #333;border:none;padding:10px 20px;border-radius: 15px;min-width: 130px;}
.btn.blue{background:#0067e3;color:#fff;}

.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.modal-bg{width:100%;height:100%;background:rgba(0,0,0,.5);}
.modal-content{position:absolute;top:50%;left:50%;margin-top:-50%;background:#fff;border-radius:8px;margin-left: -45%;width: 90%;}
.modal-header{padding:0 16px;color: #333;font-size:16px;text-align: center;margin-top:15px;font-weight: bold;}
.modal-header .close{width:36px;height:36px;position: absolute;top:-40px;right:0;border:2px solid #fff;border-radius:50%;font-size:29px;font-weight: 200;text-align: center;line-height:32px;color: #fff;}
.modal-warp{padding:20px 30px;}
.modal-footer{padding:7px 20px 20px;}
.modal-footer >div{width:45%;}
.modal-footer .btn{width:100%;box-shadow: none;border-radius:10px;padding: 10px 20px;font-size: 15px;}
.modal-footer .btn-blue{background-color: rgba(13, 82, 214, 1);color: #fff;}
.red{color:red}
.input-item{margin:0 0 10px;}
.input-item>span{font-size:15px;width:140px;display: inline-block;}
.input-item input,.input-item select{border:1px solid #cbcbcb;background-color:#ebebeb;padding:10px;border-radius:5px;width:40%;}
.input-item select{width:20%;}
.login-b-last{}
.lang img{vertical-align:middle}

.content.disflex{align-items:normal}
.left{width:290px;height: calc(100vh);}
.right{width:calc(100% - 290px)}
.sidebar-container{padding: 0 10px 0 22px;}
.sidebar-account{padding-bottom:25px;width:90px;margin:30px auto 30px;}
.account-icon{background:#eff1f3;width:90px;height:90px;border-radius: 90px;text-align: center;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.account-icon img{width:35px;height:43px;display: inline-block;}
.menu-nav{margin: 10px 0;}
.menu-name a{font-size: 13px;color:#767d8b;letter-spacing: -.5px;line-height: 14px;display: block;}
.img-iocn{width: 35px;text-align: center;margin-right: 10px;}
.menu-name{width: 70%;}
.menu-item{padding: 6px 6px;display: flex;align-items: center;}
.menu-item img{height:20px;/* margin-right: 10px; */vertical-align: middle;display: inline-block;}
.menu-item img.active{display:none;}
.menu-item.active{background: #15008b;border-radius: 10px;}
.menu-item.active .menu-name a{color:#fff;}
.menu-item.active img{display:none;}
.menu-item.active img.active{display:inline-block;}

.navbar{padding:16px;}
.logo{width:130px;margin-right: 40px;}
.logo img{width:100%;}

.search-input{background:#eff1f3;border:none;height: 50px;line-height: 50px;border-radius: 47px;box-shadow: 1px 3px 4px #ddd;width: 360px;padding: 0 25px;font-style: italic;}
.navbar-left{width:60%;}
.navbar-right{width:40%;justify-content: flex-end;}
.navbar-font{margin-right:30px;}
.navbar-right .lang{margin: 0 50px 0 30px;}