*{margin: 0; padding: 0; outline: none; font-family: Arial, Helvetica, sans-serif, 'microsoft yahei'; cursor: default; box-sizing: border-box;}
html,body{font-size: 14px; user-select: none; -webkit-user-select: none; overflow: hidden;}
/*注册页面*/
/*.reg-box{width: 1115px; height: 651px; background: url(../img/reg-bg-normal.png) no-repeat; position: relative; transition: all .5s; -webkit-app-region: drag; font-size: 12px;}*/
.reg-box{width: 400px; height: 650px; background: url(../img/reg-big-bg.jpg) no-repeat; background-size: 100% 100%; position: relative; -webkit-app-region: drag; font-size: 14px; overflow: hidden; margin: auto;}
.reg-box::before{position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; filter: blur(20px); -webkit-filter: blur(20px);  background: url(../img/reg-big-bg.jpg) no-repeat center center; margin: -50px; }
.reg-body{margin: auto; position: relative; z-index: 1; width: 300px; text-align: center; padding-top: 40px;}
.reg-body>h1{color: #ffffff;}
.btn-close{background: url(../img/right-btn-close.png) no-repeat; width: 43px; height: 43px; display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer; transition: all .5s; -webkit-app-region: no-drag;}
.btn-close:hover{transform: rotate(180deg);}

input[type=text],input[type=password],select{width: 100%; height: 40px; padding: 0 10px; border-radius: 5px; border: 1px solid rgba(255,255,255,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2) inset;  background-color: rgba(0,0,0,.2); color: #ffffff; -webkit-app-region: no-drag; transition: all .3s;}
input[type=text]:hover,input[type=password]:hover,select:hover{border: 1px solid rgba(255,255,255,.45);}
input[type=text]:focus,input[type=password]:focus,select:focus{border: 1px solid rgba(255,255,255,.75);}
input[type=text]:disabled,input[type=password]:disabled,select:disabled{opacity: .5;}
select option{color: #000000; background-color: #ffffff;}
::placeholder{color: #ffffff;}
.input-line{ padding: 0 15px;}
.input-line .tips{font-size: 12px; color: #887354; height: 25px; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
.vcode-line{font-size: 0;}
.vcode-line input{width: 150px; vertical-align: middle;}
.vcode-line img{height: 35px; width: calc(100% - 155px); margin-left: 5px; vertical-align: middle; cursor: pointer; -webkit-app-region: no-drag;}
/*
.reg-box button{background: url(../img/reg-btn-submit.png) no-repeat; width: 150px; height: 43px; border: none; cursor: pointer;  -webkit-app-region: no-drag;}
.reg-box button:hover{background-position: 0 -43px;}
.reg-box button:active{background-position: 0 -86px;}
.reg-box button:disabled{background-position: 0 -129px;}
*/
.reg-box button{border: none; outline: none; width: 100%; height: 40px; background-color: #358FE0; color: #ffffff; cursor: pointer; border-radius: 5px;}
.reg-box button:hover{background-color: #55acf8;}
.reg-box button:active{background-color: #1d73be;}
.reg-box button:disabled{background-color: #b8b8b8; color: #8b8b8b;}
.change-box{width: 400px; }
.change-body{position: relative; z-index: 1; width: 300px; margin: auto; padding-top: 40px;}


.result-box{padding: 50px 0; text-align: center; font-size: 14px; color: #494432;}
.result-box .icon{width: 50px; height: 50px; margin: auto; margin-bottom: 10px;}
.result-box .icon img{ max-width: 100%; max-height: 100%;}

.common{background-image: url(../img/common.png); background-repeat: no-repeat;}
.job-box{width: 351px; height: 491px; background: url(../img/cc-bg.png) no-repeat 0 0; position: relative; -webkit-app-region: drag; font-size: 14px; overflow: hidden; margin: auto; text-align: center; padding: 10px;}
.job-box input,.job-box select{height: 25px;}
.job-box *{color: #f0f0f0; font-family: simsun; font-size: 12px;}
.job-box h1{height: 22px; line-height: 22px; color: #F0C979; font-size: 14px;}
.job-box .btn-close{width: 17px; height: 17px; background-position: -234px -160px; transition: none; right: 20px; top: 13px;}
.job-box .btn-close:hover{transform: rotate(0); background-position: -234px -177px;}
.job-box .btn-close:active{transform: rotate(0); background-position: -234px -194px;}
.job-box .btn-close:disabled{transform: rotate(0); background-position: -234px -211px;}
.job-box .title{font-weight: bold; height: 18px; line-height: 18px; margin-top: 2px; color: #D97500;}
.job-box .content{padding: 12px 12px 12px 11px;}
.job-box .select-char{position: relative; height: 25px; line-height: 25px;}
.job-box .select-char a{display: inline-block; position: absolute; width: 15px; height: 15px; top: calc(50% - 7.5px); background-position-y: -202px;}
.job-box .select-char a:hover{background-position-y: -217px;}
.job-box .select-char a:active{background-position-y: -232px;}
.job-box .select-char a:disabled{background-position-y: -247px;}
.job-box .select-char .prev{background-position-x: -150px; left: 4px;}
.job-box .select-char .next{background-position-x: -165px; right: 4px;}
.job-box .margin-a{margin-top: 20px;}
.job-box .margin-b{margin-top: 22px;}
.job-box .select-job,.job-box .select-class{height: 42px; line-height: 40px; margin-top: 3px; font-size: 0; text-align: left; padding-left: 2px;}
.job-box .select-job>p,.job-box .select-class>p{display: inline-block; width: 37px; height: 37px; background-position: -150px -160px; vertical-align: middle; margin-right: 1px; padding: 1px;}
.job-box .ico{display: inline-block; width: 35px; height: 35px; }
.job-box .ico:hover{background-position-y: -35px;}
.job-box .ico:active{background-position-y: -70px;}
.job-box .ico-current,.job-box .ico-current:hover,.job-box .ico-current:active{background-position-y: -105px;}
.job-box .select-job .ico-a{background-position-x: 0;}
.job-box .select-job .ico-b{background-position-x: -35px;}
.job-box .select-job .ico-c{background-position-x: -70px;}
.job-box .select-job .ico-d{background-position-x: -105px;}
.job-box .select-job .ico-e{background-position-x: -140px;}
.job-box .select-job .ico-f{background-position-x: -175px;}
.job-box .select-job .ico-g{background-position-x: -210px;}
.job-box .select-job .ico-h{background-position-x: -245px;}
.job-box .select-job .self{pointer-events: none; opacity: .25;}
.job-box .select-class>p{background-position: -187px -160px;}
.job-box .select-class .ico{opacity: .35;}
.job-box .select-class .ico:hover{opacity: 1;}
.job-box .select-class .ico:active{opacity: 1;}
.job-box .select-class .ico-current{opacity: 1;}
.job-box .select-class .ico-use{opacity: 1;}
.job-box .select-class .ban{pointer-events: none;}
.job-box .select-class .ban .ico{opacity: .35; }
.job-box .select-class .ico-a{background-position-x: -280px;}
.job-box .select-class .ico-b{background-position-x: -315px;}
.job-box .select-class .ico-c{background-position-x: -350px;}
.job-box .select-class .ico-d{background-position-x: -385px;}
.job-box .select-class .ico-e{background-position-x: -420px;}
.job-box .select-class .ico-f{background-position-x: -455px;}
.job-box .select-class .ico-g{background-position-x: -490px;}
.job-box .select-class .ico-h{background-position-x: -525px;}
.job-box .remark{text-align: left; height: 88px; overflow-y: auto;}
.job-box .change-btn{width: 150px; height: 48px; border: none; outline: none; background-position: 0 -208px; color: #F0C979; font-size: 16px; font-weight: bold;}
.job-box .change-btn:hover{background-position: 0 -256px;}
.job-box .change-btn:active{background-position: 0 -208px;}
.job-tips{background-color: rgba(0,0,0,.75); color: #ffffff; padding: 5px 10px; position: absolute; transition: all .3s; opacity: 0; pointer-events: none; z-index: 99999; border-radius: 5px; font-size: 12px; font-family: simsun; white-space: nowrap;}
.job-tips-show{opacity: 1;}