/* 只适用于首页、监管部门、服务机构的登陆页 */
*,html,body,h1,h2,h3,h4,h5,h6,div,p,b,i,em,span,a,ul,li,ol,dl,dt,dd,table,tr,td,th
{font-family:"微软雅黑","宋体", Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0;font-size:14px;color: #9bbff0;}
ol,ul,li { list-style:none;}
a,a:hover,a:visited,a:active{text-decoration: none;cursor: pointer;}
.fr {float: right}
.red { color: red}
input:focus {outline: none;}
body{width: 100%; height: 100%;overflow: hidden;}
.loginBox{ width: 100%; height: 100%; margin: 0 auto; position: relative;}
.bglogin{width: 1920px; height: 1080px;position: fixed; top: 50%; left: 50%;margin: -540px 0 0 -960px; z-index: -1;}

/*header*/
.header{width: 100%; height: 80px;box-shadow: 0 0 30px #3269d3 inset;}
.headLeft{width: auto;height: 80px;overflow:hidden;float: left;font-size: 30px; color: #29b6ff; line-height: 80px;font-weight: bold; padding-left: 50px;position: relative;background-image:-webkit-linear-gradient(bottom,#29b6ff,#93cdff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.headRight{width: auto; height: 80px;float: right;}
.headRight a{width: 100%; height: 80px;display: block;padding-right: 50px;font-size: 16px; color: #b1ccff; line-height: 80px;}
.headRight a i{font-size: 20px;vertical-align: text-bottom;}
.headRight a:hover{text-decoration: underline;color: #fff;}
.headRight a:hover i{color: #fff;}

/*主内容*/
.login{width: 100%;text-align: center;}
.loginUl{width: 100%;height: auto;display: inline-block;padding: 0 6% 0 4%;vertical-align: middle;}
.loginLi{width: 30%;min-width:420px;height: auto; float: left;text-align: center; line-height: 100%;}
.loginLi a{width: 420px; height:160px;padding: 0 0 40px 70px;display: block;background: url(../images/bglist1.png) no-repeat top right;position: relative;}
.loginLi .bgpoint{width: 420px; height:160px;background: url(../images/bgpoint.png) no-repeat top right;position: absolute; top: 0; left: 0;}
.loginLi a span{width: 350px; height: 120px;display: block;font-size: 30px;letter-spacing:5px;color: #29b6ff;font-weight: bold;line-height: 120px;float:right;background-image:-webkit-linear-gradient(bottom,#29b6ff,#75acda,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.loginLi:nth-child(2){margin: 0 5%;}
.loginLi a:hover{background: url(../images/bglist2.png) no-repeat top right;}
@media screen and (max-width: 1560px){
    .loginLi:nth-child(2){margin: 0 2%;}
    /* .loginUl{padding: 0 6% 0 4%;} */
}
@media screen and (max-width: 1460px){
    .loginLi:nth-child(2){margin: 0;}
}
@media screen and (max-width: 1400px){
    .loginUl{width: auto;padding: 0 5% 0 0;}
    .loginLi{min-width: 400px;}
    .loginLi a{width: 400px;}
    .loginLi .bgpoint{width: 400px;}
}
@media screen and (max-width: 1270px){
    .loginUl{width: 100%;padding: 0;}
    .loginLi{width: 100%;}
    .loginLi a{width: 100%;background-position: top center;padding: 0 0 40px;}
    .loginLi .bgpoint{width: 100%;background-position: top center;}
    .loginLi a span{width: 100%;display: inline-block;float: none;}
    .loginLi a:hover{background-position: top center;}
}

/*浏览器弹出框样式*/
.ui-popup table td div {color:#303133;font: 14px/22px "微软雅黑";}
.ui-dialog-title{font-size: 18px!important;line-height: 1;}
.inter-ui-popup-backdrop{background: rgba(0,0,0,0)!important;}
.inter-ui-popup-modal{box-shadow: 0 0 10px rgba(0,0,0,.4);}
.inter-ui-popup-modal .ui-dialog{border-radius:0;background: none;border: none;box-shadow: 0 0 30px #3269d3 inset;background: rgba(34,25,109,1);}
.internet .ui-dialog-grid{}
.internet .ui-dialog-header{border-bottom: #03c6ff solid 1px;}
.internet .ui-dialog-title{background: none;color: #03c6ff;}
.internet .ui-dialog-close{line-height: 20px;color: #03c6ff;opacity: 1;}
.internet .ui-dialog-close:hover{color: #fff;}
.internet .table{border: #3269d3 solid 1px;border-bottom: none;}
.internet .table thead tr{border-bottom: #3269d3 solid 1px;}
.internet .table thead tr th{border-bottom: none;border-right: #3269d3 solid 1px;color: #fff; text-align: center;}
.internet .table tbody tr{border-top: none;border-bottom: #3269d3 solid 1px;}
.internet .table tbody tr td{border: none;border-right: #3269d3 solid 1px;text-align: center;}
.internet .table tbody tr td a,
.internet .table tbody tr td span{color: #fff;}

/*二维码弹出样式*/
.qrCode{width: 100%; height: auto;overflow: hidden;margin-top: 10px;text-align: center;}
/* .qrCode{width: 400px;height: 340px;} */
.qrCode img{padding: 20px;background: #57bbbb;border-radius: 20px;}
.qrCode span{width: 100%; height: 40px;display: block; text-align: center; line-height: 40px;font-size: 18px; color: #70efef; font-weight: bold;margin-top: 10px;}



/*footer*/
.footer{width:100%; height: 60px; overflow: hidden; position: fixed; bottom: 40px; z-index: 1;}
.footer span{width: 100%; height: 30px; display:block; text-align: center; line-height: 30px; font-size: 16px; color: #caf3fd;}
.footer span a{color: #fff;margin-left: 20px;}
.footer span a:hover{text-decoration: underline;}
.footer span a i{color: #fff;}
.footer span a.CodeBlue{color: #94edfd;}
.footer span a.CodeBlue i{color: #94edfd;}

.dn{display: none;}

/* 登陆页面 */
/* 背景图+四个登录页的图片 */
.bodybg{
    background: url("../images/bglogin2.png") no-repeat center center;
    height: 100vh;
    width: 100%;
    background-size: 100% 100%;
}
.loginWatch{background: url("../images/watch.png") no-repeat left center;background-size: 100% 100%;}
.loginPerson{background: url("../images/person.png") no-repeat left center;background-size: 100% 100%;}
.loginCompany{background: url("../images/company.png") no-repeat left center;background-size: 100% 100%;}
.loginServer{ background: url("../images/server.png") no-repeat left center;background-size: 100% 100%;}

/* 页面特殊样式 */
/* 原设计稿:1080*620 */
/* 1080*620*0.83 字体缩小2px */
h1{padding-left:50px;color:#29b6ff;line-height:80px;font-size:32px;font-weight:bold;background-image: -webkit-linear-gradient(bottom, #00a3ff, #93cdff, #fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.mrb50 {margin-bottom: 40px}
.loginPage {line-height: normal!important;width: 900px;height: 514px;border-radius: 10px;background-color: #fff;margin: 0 auto;position: relative;box-shadow: #000 0px 0px 20px}
.container {position: relative;}
.head {width: 100%;background-color: #233563;height: 80px;}
.leftPic {float: left;width: 450px;height: 100%;border-bottom-left-radius: 9px;border-top-left-radius: 9px;}
.rightLogin {float: left;width: 450px;height: 100%;padding: 25px 50px}
.inputDiv {width: 100%;height: 40px;text-align: center;line-height: 40px;font-size: 0px;position: relative;}
.inputDiv>input {width: 308px;height: 40px;border: none;border-bottom: 1px #909090 solid;vertical-align: top;padding-left: 16px;font-size: 18px;cursor: pointer;padding-right: 100px;}
.inputDiv i {font-size: 35px;color: #759def}
.iconDiv {border-bottom: 1px #909090 solid;height: 40px;width: 40px;display: inline-block}
.txtDiv {height: 37px;line-height: 37px;margin-bottom: 16px;}
.txtDiv a {color: #909090;font-size: 14px}
.txtDiv a:hover {color: #3161da;}
h2 {margin: 40px 0;text-align: center;font-size: 28px;color: #5d85ea;}
.loginBtn {width: 100%;background-color: #3161da;border-radius: 15px;height: 40px;border: none;box-shadow: #000 0px 4px 3px;font-size: 18px;color: #fff;cursor: pointer;}
.loginBtn:hover {width: 100%;background-color: #3356af;border-radius: 15px;height: 40px;border: none;box-shadow: #000 0px 4px 3px;font-size: 18px;color: #fff;cursor: pointer;}
.backDiv {margin-top: 16px;height: 37px;}
.backDiv a {font-size: 14px;line-height: 37px;color: #3161da;}
.backDiv a:hover {line-height: 37px;color: #909090}
.picDiv {height: 40px;width: 125px;border-bottom: 1px #909090 solid;vertical-align: top;display: inline-block;position: absolute;left: 225px;}
.picDiv img {padding-bottom: 2px;float: right}

/* 1080*620*0.75 */
@media screen and (max-width: 1680px) {
    h2 {margin: 37px 0;font-size: 25px;}
    .mrb50 { margin-bottom: 37px}
    .loginPage {width: 810px;height: 465px;}
    .leftPic {width: 405px;}
    .rightLogin {width: 405px;padding: 22px 45px}
    .inputDiv {height: 37px;line-height: 37px;}
    .inputDiv>input {width: 277px;height: 37px;padding-left: 15px;}
    .inputDiv i {font-size: 25px;}
    .iconDiv {height: 37px;width: 37px;}
    .txtDiv {height: 33px;line-height: 33px;margin-bottom: 15px;}
    .txtDiv a {font-size: 14px}
    .loginBtn {height: 37px;}
    .loginBtn:hover {height: 37px}
    .backDiv {margin-top: 15px;height: 33px;}
    .backDiv a {font-size: 14px;line-height: 33px;}
    .backDiv a:hover {line-height: 33px;}
    .picDiv {height: 37px;width: 112px;left: 200px;}
    .picDiv img {height: 35px;padding-bottom: 2px;}
}

/* 1080*620*0.64 */
@media screen and (max-width: 1366px) {
    h2 {margin: 42px 0;font-size: 16px;}
    .mrb50 {margin-bottom: 32px}
    .loginPage {width: 720px;height: 412px;}
    .leftPic {width: 360px;}
    .rightLogin {width: 360px;padding: 10px 20px}
    .inputDiv {height: 32px;line-height: 32px;}
    .inputDiv>input {width: 246px;height: 32px;padding-left: 10px;font-size: 14px;}
    .inputDiv i {font-size: 20px;}
    .iconDiv {height: 32px;width: 32px;}
    .txtDiv {height: 32px;line-height: 32px;margin-bottom: 13px;}
    .txtDiv a {font-size: 12px}
    .txtDiv a:hover {font-size: 12px}
    .loginBtn {height: 42px;font-size: 14px;}
    .loginBtn:hover {height: 42px}
    .backDiv {margin-top: 17px; height: 29px;}
    .backDiv a {font-size: 12px;line-height: 29px;}
    .backDiv a:hover {line-height: 29px;}
    .picDiv {height: 32px; width: 100px;left: 200px;}
    .picDiv img {height: 30px;padding-bottom: 2px;}
}