html,body{height:100%}body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-flex-direction:column}header{height:98px;flex-shrink:0}header article{height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit-moz-box-pack:space-between;box-pack:space-between;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center}header article img{width:184px;height:44px}header article ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center}header article ul li{margin-left:54px;font-size:20px}header article ul li p{cursor:pointer;color:#1f2d90}header article ul li button{color:#f9560f;font-size:18px;border:1px solid #f9560f;background:transparent;border-radius:30px;padding:6px 18px}header article ul li:last-child{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}header article ul li:last-child h6{cursor:pointer;font-weight:500;border-radius:0;padding:8px 12px;font-size:18px;color:#5a5a5a;background:#dcdcdc;margin:0}header article ul li:last-child .state{background:#1f2d90;color:white}
main{min-height:100%;background:url(/home/images/image/log_backgound.png);background-position: center !important;background-size: cover !important;width: 100%;height: 100%;position: static;}main article{height:100%;position:relative}main article .head{height:168px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit-moz-box-pack:space-between;box-pack:space-between}main article .head img{width:206px;height:48px}main article .head button{padding:8px 14px;border:1px solid rgba(251,253,255,0.6);border-radius:4px;background:transparent;font-size:16px;color:#ffffff}main article .head button span{margin-right:6px}main article .content{height:708px;position:relative}main article .content section{box-sizing:border-box;border-radius:40px;position:absolute;height:708px;width:504px;top:0;bottom:0;right:32px;margin:auto;background:white;padding:60px}main article .content section h3{font-size:36px;color:#2354b7}main article .content section p{font-size:20px;line-height:50px}main article .content .logIN .input{margin-top:28px;padding:0 28px;height:60px;width:100%;border:1px solid #dbdbdb;border-radius:4px;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center}main article .content .logIN .input input{border:none;height:100%;width:100%;font-size:18px}main article .content .logIN .input select{cursor:pointer;border:none;height:100%;width:100%;font-size:18px;color:#2354b7;appearance:none;-moz-appearance:none;-webkit-appearance:none}main article .content .logIN .input select option{cursor:pointer}main article .content .logIN .input .searchable-select{height:100%;width:100%}main article .content .logIN .input .searchable-select-holder{height:100%;width:100%;font-size:18px;padding:0 26px}main article .content .logIN .input .searchable-select-dropdown{top:65px;border-radius:6px}main article .content .logIN .input i{cursor:pointer;flex-shrink:0;font-size:18px;color:#f40404}main article .content .logIN .select{padding:0;border:none}main article .content .logIN button{margin-top:30px;width:100%;font-size:22px;color:white;background:#007fe1;border-radius:6px;border:none;padding:14px 0}main article .content .logIN .title{text-align:center}main article .content .logIN .title p{font-size:20px}main article .content .logIN .title p span{cursor:pointer;color:#f25e23;margin-left:10px}main article .content .logIN .ewm{cursor:pointer;width:70px;height:62px;position:absolute;right:26px;top:26px}main article .QRCode{display:none;height:650px !important}main article .QRCode h3{cursor:pointer;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit-moz-box-pack:space-between;box-pack:space-between;align-items:flex-end;-webkit-align-items:flex-end;box-align:flex-end;-moz-box-align:flex-end;-webkit-box-align:flex-end;font-size:36px;color:#2354b7}main article .QRCode h3 span{font-size:20px;color:#f25e23;font-weight:500}main article .QRCode .imgQR img{margin:40px auto;width:242px;height:242px}main article .QRCode .hint{width:86%;margin:auto;height:44px;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center}main article .QRCode .hint img{width:44px;height:44px;margin-right:16px}main article .QRCode .hint p{font-size:18px;line-height:18px}main article .QRCode .hint .right{height:100%;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit-moz-box-pack:space-between;box-pack:space-between}main article .QRCode .base{margin-top:36px;border-top:1px solid #ebebeb;height:86px;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-moz-box-pack:center;box-pack:center}main article .QRCode .base p{font-size:20px;line-height:20px;margin-right:16px}main article .QRCode .base span{cursor:pointer;font-size:20px;color:#f25e23}.shade{display:none}.password{display:none;z-index:6;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:500px;height:490px;background:white;padding:0 40px;box-sizing:border-box;border-radius:20px}.password h4{line-height:100px;font-weight:500;font-size:24px}.password .enter{width:80%;margin:auto}.password .input{margin-bottom:28px;padding:0 28px;height:60px;width:100%;border:1px solid #dbdbdb;border-radius:4px;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center}.password .input input{border:none;height:100%;width:100%;font-size:18px}.password .input i{flex-shrink:0;font-size:18px;color:#f40404}.password button{margin-top:20px;width:100%;font-size:18px;color:white;background:#f19149;border-radius:6px;border:none;padding:14px 0}