@import url("millia.css");
html,body{height:100%;}
body{background:url(bg01.png) #3a70fa no-repeat top center;background-size:100% auto}
.millia{width:1200px;margin:0 auto;position:relative;}
.loginbg,.flexBg{min-height:100%;display:flex;align-items:center;flex-direction:column;}
.flexBg{flex-direction:row;padding:50px 0;}
.whiteBg{background:url(bg02.jpg) #fff no-repeat bottom center;padding:70px 0;border-radius:20px;}
.loginTopic { padding: 30px 0;}
.loginTopic img{max-width:100%;height:auto;}
.loginTopic b{display:none;}
.login{background:linear-gradient(225deg,#24c7fc,transparent 35%);border-radius:20px;overflow:hidden;margin:0px auto 0 auto;display:flex;box-shadow: 0px 0px 10px #2977b1;}
.loginUser,.loginInfo{width:50%;box-sizing:border-box;}
.loginUser{background:#fff;padding:60px 80px;}
.loginInfo{padding:0px 0 0 60px;color:#fff;position:relative;}
.floor{ width: 1200px; margin: 0 auto; font-size: 16px;color: #fff; padding:25px 0 ; text-align: center;}
.floor span{ margin: 0 10px;}

.notify{color:#ffffff;font-size:24px;text-align:left;font-weight:bold;position:relative; margin-top: 70px; }
.more{color: #fff; text-decoration: none; font-size: 16px; float:right; font-weight: normal; margin:5px 50px 0 0;}
.listMessage { padding: 25px 0; list-style: none;}
.listMessage li {list-style: none; background-image: url(33.gif); background-repeat: no-repeat; background-position: left center; padding:0 30px 0 15px;}
.listMessage li a{ color: #fff; text-decoration: none; font-size: 1.6rem;}
.Times{ text-align: center; padding:0px 0 25px 0; font-size: 14px; color: #b3b3b3;}
.notifyT{color:#0076fe;font-size:32px;text-align:left;font-weight:bold;position:relative;  margin-left: 60px;}
.notifyT::before{content:'';display:block;background:#cce4ff;width:146px;height:6px;position:absolute;left:50%; left:-10px;top: 42px;}
.Location{color: #000; text-decoration: none; font-size: 16px; float:right; font-weight: normal; margin:20px 50px 0 0;}
.listnotify { padding: 25px 50px; list-style: none;}
.listnotify li {list-style: none; background-image: url(33.gif); background-repeat: no-repeat; background-position: left center; padding:0 0 0 15px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.listnotify li a{ color: #000000; text-decoration: none; font-size: 1.8rem;}
.notifyCon{padding: 25px 50px;}
.notifyCon h1{ text-align: center; font-size:3rem; margin-bottom: 30px;}
.notifyCon p{  font-size: 1.8rem; line-height: 150%; margin-bottom: 15px;}
.h30{ height: 30px;}
/*.loginInfo:before{content:"";display:block;position:absolute;left:60px;top:60px;width:45px;height:6px;background:#fff;} */

.h500{ height: 50px;}
.loginht,.ht01{color:#0076fe;font-size:32px;text-align:center;font-weight:bold;position:relative;}
.ht01{font-size:38px;}
.loginht b,.ht01 b{position:relative;z-index:2;}

.loginht:after,.ht01:after{content:'';display:block;background:#cce4ff;width:146px;height:6px;position:absolute;left:50%;bottom:0;margin-left:-73px;}

.user li{border:1px solid #a9d9ff;  margin-bottom:25px;border-radius:20px;overflow:hidden;display:flex;align-items:center;padding:0 30px;}
.user li:last-child{border:none;padding:0;}

input::placeholder{color:#999;}
.int01{height:70px;line-height:70px;border:none;margin-left:20px;color:#999;}
.bt01,.bt02{border:none;color:#fff;font-weight:bold;font-size:30px;padding:20px 0;background: linear-gradient(-90deg, #266bff, #3c97ff);width:100%;text-align:center;}
.bt02{width:auto;padding:20px 60px;border-radius:40px;font-weight:normal;}
.loginAbout{display:flex;justify-content:space-between;color:#0076fe;}
.loginAbout a{color:#0076fe;}

.formUl,.expInfo{width:80%;margin:0 auto;}
.formUl li{display:flex;justify-content:space-between;margin-top:25px;flex-wrap:wrap;align-items:flex-start;}
.formUl li p{width:100%;padding:5px 0 0 240px;display:flex;justify-content:space-between;}
.formUl li label{width:240px;padding:15px 0 0 0;display:flex;align-items:center;line-height:24px;}
.formUl li label i{color:#e6493f;font-size:18px;font-style:normal;margin-right:5px;min-width:16px; font-weight: bold;}
.int02,.sel01,.txt01{border:1px solid #a9d9ff;border-radius:10px;flex:1;height:50px;line-height:50px;padding:0 10px;color:#999;}
.sel01{height:auto;min-height:50px;}
.txt01{height:auto;line-height:36px;}
hr.line{height:1px;border:none;border-top:1px dashed #cbcbcb;margin:40px 0 37px 0;float:none;display:block;}
.clear{ clear: both;}
.htInfo{color:#0076fe;text-decoration:underline;}
.htInfo label{position:relative;display:inline-block;margin-right:10px;}
.htInfo label input[type="radio"]{opacity:0;}
.htInfo label span{display:block;position:absolute;left:0;top:3px;width:24px;height:24px;border:1px solid #d5d5d5;border-radius:30px;background:transparent;}
.htInfo label input[type="radio"]:checked+span{background:#0076fe;}
.htInfo label input[type="radio"]:checked+span:after{content:"";display:block;width:100%;height:100%;box-sizing:border-box;border:5px solid #fcf8ea;border-radius:30px;}

.fileBg{background:url(icon04.png) no-repeat left center;padding:10px 0 0 70px;position:relative;height:60px;align-items:center;background-size:60px auto;flex:1;color:#999;box-sizing:border-box;}
.fileBg input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.fileBg i{display:block;font-style:normal;font-size:16px;color:#fff;background:#005ac2;margin-top:5px;padding:0 5px;word-break:break-all;}
.fileBg i:first-child{margin:0;}

.goBack{position:absolute;right:20px;top:20px;text-decoration:underline;font-size:18px;display:flex;align-items:center;white-space:nowrap;cursor:pointer;}
.goBack .icon{width:30px;height:30px;margin-right:5px;}

.table{border-right:1px solid #333;border-top:1px solid #333;width:780px;margin:0 auto;}
.table table{width:100%;}
.table tr td:first-child{width:112px;}
.table td{border-left:1px solid #333;border-bottom:1px solid #333;padding:5px;font-family: '宋体';}
.table td.inHt{border-bottom:none;padding:30px 0 0 0;}
.table td i{display:block;white-space:nowrap;font-style:normal;}
.table td p{text-align:left;}
.table td p.endRight,.table td p.endOne{text-align:right;}
.table td p.endRight span,.table td p.endOne span{display:inline-block;margin-right:120px;}
.table td p.endRight span:last-child:first-child{margin-right:305px;}
.table td span{font-family: '宋体';line-height:20px;}
.table .perImg{padding:0;vertical-align:middle;}
.table .perImg img{width:175px;height:265px;}
.table .tableContent{padding:50px;}
.table .inTable{padding:0;}
.table .inTable td{height:27px;border-top:1px solid #333;border-bottom:none;}
.table .inTable th{text-align:center;border-left:1px solid #333;padding:5px 10px;}
.table .inTable th:first-child{border-left:none;}
.table .inTable td:first-child{width:auto;border-left:none;}
.table .inTable tr:last-child td{border-bottom:none}



@media screen and (max-width:860px) {
.millia{width:96%;}
.loginbg{padding: 0;display:block;box-sizing:border-box;}
.flexBg{padding:2rem 0;display:block;}
.whiteBg{padding:3rem 0;}
.loginTopic { padding:20px 0;}
.loginTopic img,.loginInfo:before,.ht01:after,.goBack{display:none;}
.loginTopic b{display:block;font-size:3.2rem;color:#fff;text-align:center;text-shadow:0 0 5px #005ac2;}
.login{flex-direction:column;margin:0 auto 0 auto;}
.loginUser,.loginInfo{width:100%;}
.loginUser{padding:2rem;}
.loginht{font-size:2rem;}
.loginht:after{width:5rem;margin-left:-2.5rem;}
.user li{font-size:1.5rem;padding:0 1rem;border-radius:1rem;}
.int01,.int02{height:4.6rem;line-height:4.6rem;}
.bt01{font-size:2rem}
.bt02{padding:1rem 2rem;font-size:1.8rem;}
.loginAbout,.formUl,.htInfo{font-size:1.4rem;}
.loginInfo{background:none;padding:2rem 1rem 0 1rem;font-size:1.4rem;line-height:2.4rem;}
.ht01{font-size:2.6rem;padding:0 2rem;}
.formUl,.expInfo{width:96%;}
.formUl li{flex-wrap:wrap;}
.formUl li label{width:100%;padding-bottom:0.5rem;}
.formUl li p{padding:0.5rem 0 0 0;}
.formUl li label i{min-width:0;}
hr.line{margin:4rem 0 0 0;}
.htInfo label span{width:1.8rem;height:1.8rem;top:0;}
.expInfo,.table{font-size:1.3rem;line-height:2.6rem;}
.table{width:96%;overflow:auto;}
.table td i{line-height:1.6rem;}
.table .tableContent{padding:1rem;}
.h500{ height: 15px;}
.notify{color:#ffffff;font-size:20px;text-align:left;font-weight:bold;position:relative; margin-top:20px; }
.more{color: #fff; text-decoration: none; font-size: 16px; float:right; font-weight: normal; margin:3px 0 0 0;}
.listnotify { padding: 15px; list-style: none;}
.notifyT{color:#0076fe;font-size:32px;text-align:left;font-weight:bold;position:relative; margin: 0 0 0 20px;}
.notifyT::before{content:'';display:block;background:#cce4ff;width:146px;height:6px;position:absolute;left:-10px;top:42px;}
.Location{color: #000; text-decoration: none; font-size: 16px;font-weight: normal; margin:20px  0 20px 0px; display: block; width:100%; text-align: left;}
.notifyCon{padding:15px;}
.floor{ width: calc(100% - 30px); margin: 0 ; font-size: 14px;color: #fff; padding:15px ; text-align: center;}
.floor span{ display: block; text-align: center;}
}