*{ margin: 0; padding: 0; font-family: "microsoft yahei";}
ul,li{ list-style: none;}
a{ text-decoration: none;}
.clear{ clear: both;}
* input{border: none; outline: none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}


/*首页*/

body{ font-size: 14px; background: #f8f8f8;}
.basic-frame-top{ height: 50px; background: #2484e8; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; line-height: 50px; color: #fff;}
.basic-frame-top .logo{ float: left; font-size: 16px; box-sizing: border-box; padding-left: 15px; }
.basic-frame-top .logo img{ width: 20px; vertical-align: middle; margin: -4px 6px 0 0;}
.base-menu{ float: left; border-right: 1px solid #1774D5; padding: 0 20px; cursor: pointer;}
.base-menu img{ width: 20px; vertical-align: middle;}
.base-top-nav{ float: left; margin-left: 100px;}
.base-top-nav ul li{ float: left; font-size: 16px; }
.base-top-nav ul li.active a{ color: #fff; border-bottom: 3px solid #fcb730;}
.base-top-nav ul li:hover a{ color: #fff;}
.base-top-nav ul li a{color: #b1d5fb; margin: 0 24px; padding-bottom: 8px;}
.base-top-right{ float: right; margin-right: 20px; cursor: pointer;}
.base-top-right .userinfo{ display: inline-block; font-size: 14px; margin-right: 15px; }
.base-top-right .userinfo span{ color: #add2f9;}
.base-top-right img{ width: 18px; vertical-align: middle;}
.moremenu{display: none; position: fixed; left: 160px; box-shadow: 2px 0 10px rgba(0,0,0,.1) inset; bottom: 0; top: 50px; width: 160px; border-right: 1px solid #d9e1ec; height: auto; background: #fff; z-index: 101; overflow-y: auto;  box-sizing: border-box;}
.moremenu-tits{ box-sizing: border-box; padding: 0 10px; border-bottom: 1px solid #ddd; height: 40px; font-size: 14px; line-height: 40px; color: #999; cursor: pointer;}
.moremenu-tits img{ vertical-align: middle; margin: -4px 8px 0 0; width: 8px;}
.moremenulist{ box-sizing: border-box; padding: 6px 16px;}
.moremenulist li{ line-height: 36px; font-size: 14px; cursor: pointer;}
.moremenulist li:hover{ color: #2484E8;}
.version{ position: absolute; bottom: .2rem; text-align: center; width: 100%; color: #a7a7a7; font-size: 14px;}

.systemname{color:white; font-size:35px; text-align:center; margin-bottom: 20px;}


.basic-left{ position: fixed; z-index: 100; left: 0; bottom: 0; top: 50px; width: 180px; height: auto; background: #fff; border-right: 1px solid #d9e1ec; overflow-y: auto;  box-sizing: border-box;}
.basic-left-user{ background: #f7f7f7; width: 100%; box-sizing: border-box; padding: 20px 15px; text-align: center; display: none;}
.basic-left-user .user{ width: 44px; margin-right: 10px;}
.user-name{ color: #333; font-size: 14px;}
.user-what{ color: #999; font-size: 12px; margin-top: 6px;}
.basic-left-menu dt{ background: #1774d5; font-size: 14px; color: #fff; height: 32px; line-height: 32px; box-sizing: border-box; padding-left: 20px;}
.basic-left-menu dd{line-height: 38px; cursor: pointer; position: relative; font-size: 14px; background: #eff0f0; border-bottom: 1px solid #ffffff;}
.basic-left-menu dd a{ margin-left: 16px; color: #333;}
.basic-left-menu dd ul{ display: none; background: #ffffff;}
.basic-left-menu dd ul li{ color: #666; font-size: 14px; box-sizing: border-box; padding-left: 16px;border-left: 4px solid #fff;}
.basic-left-menu dd ul li.active{ color: #2484e8; background: #daecff; border-left: 4px solid #2484e8;}
.basic-left-menu dd .downico{ position: absolute; right: 15px; top: 15px;}
.basic-left-menu dd ul li:hover{ color: #2484e8; background: #daecff; border-left: 4px solid #2484e8;}
.basic-left-menu dd:hover{ color: #2484E8;}
.frontico{ display: none;}
.main-iframebox{ position: fixed; top: 50px; bottom: 0; left: 180px; right: 0;  height: auto; }

/*web头部切换用户*/
.switchbtn{ background: none; padding: 4px 10px; color: #ffc107; margin-right: 10px; cursor: pointer;}
.switchbtn:hover{ color: #fff;}
.switch-cons{ display: none;}
.switch-cons span{ font-size: 14px;}
.accout{ height: 26px; background: #fff; border: none; width: 180px; box-sizing: border-box; padding-left: 10px; border-radius: 0; vertical-align: middle;}
.deter{ height: 26px; font-size: 14px; background: #ff9800; color: #fff; width: 60px; cursor: pointer; border-radius: 0; vertical-align: middle;}
.deter:hover{ background: #ffc107;}
.cancel{ background: none; color: #cee6ff; height: 26px; margin:0 24px 0 8px; cursor: pointer; font-size: 12px;}
.cancel:hover{ color: #fff;}
.close{float: right; border-left: 1px solid #1774D5; padding-left: 20px;}
.blackbg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index: 99; display: none;}
/*app端自适应代码*/

@media only screen and (max-width:768.9px ) {
	.base-top-right .userinfo{ font-size: .26rem;}
	.basic-left-user{ display: block;}
	body{ font-size: 0.24rem;}
	.switchbtn{ font-size: .24rem; display: none;}
	.frontico{ width: .36rem; display: inline-block; vertical-align: middle; margin: -.04rem .16rem 0 0;}
	.basic-frame-top{ height: .88rem; line-height: .88rem; position: relative; z-index: 99;}
	.user-name{ font-size: .3rem;}
	.user-what{ font-size: .24rem;}
	.basic-left-user .user{ width: 1.18rem;}
	.base-menu img{ width: .4rem;}
	.moremenu{ top: .88rem; left: 180px;}
	.version{ font-size: .22rem; display: block;}
	.main-iframebox{ -webkit-overflow-scrolling: touch; overflow-y: auto;}
	.basic-left-menu dd ul li{ padding-left: .78rem; line-height: .9rem;}
	.moremenulist li{ line-height: 1rem; padding-left: .16rem;cursor: pointer;}
	.moremenulist{ padding-top: .08rem;}
	.basic-left-menu dd{ line-height: 1rem;}
	.downico{ display: none;}
	.accout{ font-size: .24rem; height: .46rem;}
	.close{ padding-left: .24rem;}
	.deter{ font-size: .24rem; height: .46rem;}
	.base-top-right{ margin-right: .24rem;}
	.basic-frame-top .logo{ display: none;}
	.basic-left{ box-shadow: 2px 0 8px rgba(0,0,0,.2); z-index: 100; top: .88rem; width: 180px;}
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
}


/********************************************登录页*******************************************************/

/*web登录*/
html,body{ height: 100%; width: 100%;}
.loginbody {
	background: url('./images/bg2.jpg') center center / 100% 100% no-repeat;
	/* font-size: 16px; */
}

.leftico{ position: absolute; top: 0; left: 0;}
.bottomico{ position: absolute; bottom: 0; left: 0; width: 100%; height: 40%;}
.login-main{
    top: 50%;
    position: absolute;
	/* background: url(./images/data-bgc.png) center no-repeat; */
    right: 10%;
    transform: translateY(-50%);}
.loginleftbg{ float: left; width: 480px; margin-top: 35px;}
.login-box{ width: 440px; float: right;}
.login-info{
    font-size: 16px;
    background: #ebebeb;
    padding: 20px 47px;
    box-sizing: border-box;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);}
.login-info li{ position: relative;  margin-top: 20px;}
.login-info li img.text{ position: absolute; top: 8px; left: 8px; width: 22px;}
.login-info li img.password{ position: absolute; top: 8px; left: 8px; width: 22px; }
.login-info li img.code{ position: absolute; top: 10px; left: 8px; width: 20px; }
.login-logo{ text-align: center; color: #fff; margin-bottom: 30px;}
.login-logo p{ font-size: 22px;}
.login-logo p span{ font-size: 14px; margin-left: 7px;}
.login-logo .logoname{ font-size: 22px;}
.login-info .title{ font-size: 16px; color: #333; text-align: center; margin-bottom: 24px;}

.login-user{width: 100%;
    height: 45px;
    background: url(./images/login_icon.png) #fff no-repeat;
    padding: 0 10px 0 50px;
    outline: none;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    font-family: PingFangSC, helvetica neue, hiragino sans gb, arial, microsoft yahei ui, microsoft yahei, simsun, sans-serif !important;
    font-size: 16px;}
.login-pwd{width: 100%;
    height: 45px;
    background: url(./images/login_icon.png) #fff no-repeat;
    background-position: 0 -45px;
    padding: 0 10px 0 50px;
    outline: none;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    font-family: PingFangSC, helvetica neue, hiragino sans gb, arial, microsoft yahei ui, microsoft yahei, simsun, sans-serif !important;
    font-size: 16px;}
.login-code{height: 45px;border: unset;width: 68%; font-size: 16px; border-radius: 3px; box-sizing: border-box;  text-indent: 20px;}
.codecons{ float: right; width: 32%; height: 40px; box-sizing: border-box; padding-left: 10px;}
.codedetail{ width: 100%; height: 40px; font-size: 20px; text-align: center; color: #fff; line-height: 40px; letter-spacing: 5px;}
.remeber{ vertical-align: middle; margin: -4px 6px 0 0; width: 12px;}
.remeberinfo{ font-size: 14px; margin-top: 12px; cursor: pointer;}
.login-btn{width: 100%;
    height: 45px;
    margin-top: 20px;
    background: #0199E2;
    color: #fff;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    outline: none;
    font-size: 16px;}
.login-foot{ position: fixed; bottom: 10px; width: 100%; text-align: center; color: #f0f0f0;}
.login-foot span{ font-size: 12px; margin: 0 7px;}
.login-foot a{ color: #f0f0f0; font-size: 14px; }
.login-foot a:hover{ color: #fff;}
.copyright{ font-size: 14px; color: #f0f0f0; margin: 10px 0;}
/* 单点登录样式 */
.login-top {font-size: 0;
    font-weight: 700;
    color: #333;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #c8c8c8;}
.login-top span{display: inline-block;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    margin-right: 20px;}
.login-top span.yesspan {
	border-bottom: 5px solid #0199E2;
	color: #0199E2;
}
.login-top .login-top-btn{ width:75px; height: 28px; line-height: 28px; text-align: center; border:1px solid #028ed5; background: #e6f9fc; position: absolute; top:0px; right:47px; font-size: 13px; color: #028ed5;}
.login-top .login-triangle{ width:0px; height:0px; background-color:transparent; border:6px solid #e6f9fc; border-width: 6px 0 6px 6px; border-color:transparent transparent transparent #e6f9fc; position: absolute; top:9px; right:42px; z-index: 9;}
.login-top .login-triangle-two{ width:0px; height:0px; background-color:transparent; border:7px solid #028ed5; border-width: 7px 0 7px 7px; border-color:transparent transparent transparent #028ed5;  position: absolute; top:8px; right:41px; }
.login-top .login-top-img{ position: absolute; top:0px; right: 0; cursor: pointer; width:42px;}
.login-code-img { vertical-align: middle; width:25px; margin-right: 5px;}
.qrtips { padding-top:10px; color: #666; font-size: 14px;text-align: center;}
/*手机端登录*/

@media only screen and (max-width:768.9px ) {
	.login-info li img.text{ width: .36rem;  top: .2rem; left: .1rem;}
	.login-info li img.password{ width: .36rem; top: .2rem; left: .1rem;}
	.login-info li img.code{ width: .32rem;  top: .24rem; left: .1rem;}
	.loginleftbg{ display: none;}
	.login-main{position: fixed;
        width: 100%;
        display: flex;
        align-items: center;
        left: auto;
        top: auto;
        box-sizing: border-box;
        padding: 0 0.5rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);}
	.login-box{ width: 100%;}
	.login-info{width: 80%;
        padding: 0.5rem;
        box-sizing: border-box;
        right: 50%;
        transform: translate(50%, -50%);}
	.login-info li i{ width: .36rem; height: .36rem; top: .24rem;}
	.login-user{height: 0.8rem;  font-size: 0.26rem; text-indent: 0.6rem;}
	/* .login-pwd{ background-size: 6.4%; height: 0.8rem; font-size: 0.26rem; text-indent: 0.6rem;} */
	.login-code{ background-size: 8%; height: 0.8rem; font-size: 0.26rem; text-indent: 0.6rem;}
	.login-foot{ display: none;}
	.codedetail{ line-height: .8rem; height: .8rem; font-size: 0.36rem;}
	.login-btn{ height: 0.8rem; font-size: 0.3rem;}
	.remeberinfo{ font-size: 0.26rem; margin-top: 0.2rem;}
	.remeber{ width: 0.22rem; margin: -0.04rem 0.1rem 0 0;}
	.login-info .title{ font-size: 0.28rem;}
	.login-logo .logoname{ font-size: 0.44rem;}
	.login-logo p span{ font-size: 0.24rem;}
	.login-logo p{ font-size: 0.44rem;}
	.codedetail{ letter-spacing: 0.04rem;}
}

/*平板登录页兼容*/
/* @media only screen and (min-width: 769px) and (max-width: 1024.9px) {
	.login-info li img.text{ width: .36rem; top: .2rem; left: .1rem;}
	.login-info li img.password{ width: .36rem;  top: .2rem; left: .1rem;}
	.login-info li img.code{ width: .32rem;  top: .2rem; left: .1rem;}
	.loginleftbg{ display: none;}
	.login-info{ padding: 0.5rem; box-sizing: border-box;}
	.login-user{background-size: 6.4%; height: 0.8rem;  font-size: 0.26rem; text-indent: 0.6rem;}
	.login-pwd{ background-size: 6.4%; height: 0.8rem; font-size: 0.26rem; text-indent: 0.6rem;}
	.login-code{ background-size: 8%; height: 0.8rem; font-size: 0.26rem; text-indent: 0.6rem;}
	.login-foot{ display: none;}
	.codedetail{ line-height: .8rem; height: .8rem; font-size: 0.36rem;}
	.login-btn{ height: 0.8rem; font-size: 0.3rem;}
	.remeberinfo{ font-size: 0.26rem; margin-top: 0.2rem;}
	.remeber{ width: 0.22rem; margin: -0.04rem 0.1rem 0 0;}
	.login-info .title{ font-size: 0.28rem;}
	.login-logo .logoname{ font-size: 0.44rem;}
	.login-logo p span{ font-size: 0.24rem;}
	.login-logo p{ font-size: 0.44rem;}
	.codedetail{ letter-spacing: 0.04rem;}
} */