html, body {
    width: 100%;
    /* height: 100%; */
    margin: 0;
    padding: 0;
}
html, body, * {
    font-family: 'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB',Arial,'Microsoft Yahei','微软雅黑',sans-serif,'Segoe UI Emoji','Segoe UI Symbol' !important;
}


body {
    background-color: #f7f8fa;
}

.u-logo {
    width: auto;
    height: 40px;
    /* background-color: black; */
}
.u-logo > img {
    display: block;
    max-height: 100%;
    /* width: auto; */
}

.s-shadow {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .20);
}
.m-content {
    display: block;
    background-color: #ffffff;
    padding: 40px;
    margin: 60px 0;
}
.m-content > h2 {
    font-size: 30px;
    color: #222222;
    letter-spacing: 0;
    text-align: center;
    padding-bottom: 40px;
}
.m-content > h3 {
    font-size: 20px;
    color: #292C32;
    text-align: center;
    padding: 40px 0;
}
.m-content > p {
    font-size: 14px;
    color: #292C32;
    padding-left: 2em;
    /* padding-bottom: 30px; */
}
.m-content > p > span.no {
    margin-left: -2em;
}
.m-content > .policy-title {
    text-align: left;
}
.m-content > .no-pl {
    padding-left: 0;
}

.m-dialog {
    display: block;
    width: 420px;
    margin: 0 auto;
}

/* 布局用区域 */
.m-page {
    background-color: #ffffff;
    margin: 60px 0;
    padding: 40px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .20);
}
.m-page > .row,
.m-page > .form > .row {
    padding-bottom: 20px;
}
.m-page > h2 {
    font-size: 36px;
    color: #222222;
    padding: 30px 0;
}
.m-page > h2 > small.edit > a {
    font-size: 14px;
    color: #4B5C66;
}
.m-page > h2 > small.list > a {
    font-size: 16px;
    color: #1F81FF;
}
.m-page > h4 {
    font-size: 24px;
    color: #222222;
}

.m-page.d-line::before {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: #1F81FF;
}
.m-page > .row {
    /* margin: 20px 0; */
    padding-bottom: 20px;
}
.m-page > .skill-box {

}
.m-page .skill-box > .skill {
    display: inline-block;
    width: 70px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    /* padding: 5px; */
    /* padding: 5px 24px; */
    background: #4B5C66;
    border-radius: 2px;
    font-size: 12px;
    color: #FFFFFF;
}
.m-page .skill-box > .skill + .skill {
    margin-left: 10px;
}

.m-message {
    padding: 40px;
    text-align: center;
    background: #F7F8FA;
    border-radius: 2px;
    margin-bottom: 40px;
}
.m-message > .message-title {
    text-align: center;
    font-size: 24px;
    color: #222222;
}
.m-message > .message-title > img {
    display: inline-block;
    width: 40px;
    height: 40px;
}
.m-message > .message-action {

}

.u-line {
    display: block;
    width: 40px;
    height: 2px;
    background: #1F81FF;
}

.s-el-block {
    display: block;
    width: 100%;
}

.u-small_txt {

}

.s-center {
    text-align: center;
}


.m-con {
    width: 980px;
    margin: 0 auto;
}
.m-con::after {
    content: '';
    display: block;
    clear: both;
}

.at-title {
    font-size: 35px;
    color: #222222;
    padding: 100px 0 50px;
}
.at-input > input {
    height: 56px;
}
.at-button {
    display: block;
    width: 100%;
    background: #1F81FF;
    border-radius: 2px;
    font-size: 20px;
    color: #FFFFFF;
    padding: 15px 0;
}
.at-button2 {
    display: block;
    width: 100%;
    background: #1F81FF;
    border-radius: 2px;
    color: #FFFFFF;
    padding: 20px 18px;
    font-size: 14px;
    background: #4B5C66;
    border-radius: 5px;
}
.at-txt {
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #8796A8;
}
.at-txt a {
    color: #4289DB;
}
.el-icon-eye_on::before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 100%;
    background: url(/images/auth/icon-eye_on.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}
.el-icon-eye_off {

}
.el-icon-eye_off::before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 100%;
    background: url(/images/auth/icon-eye_off.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}
.at-input .el-input__icon {
    width: 50px;
}
.at-button-top {
    font-size: 20px;
    padding: 10px 20px;
    font-size: 14px;
    color: #4B5C66;
}
.at-button-top.register {
    background: #1F81FF;
    border-radius: 5px;
    color: #ffffff;
}

@media (max-width: 768px){
    .m-dialog {
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
    }
}


.ue-err {
    color:#FF1F1F;
    font-size: 13px;
}
.m-page.ue button,
.m-page.ue .btn {
    box-sizing: border-box;
    height: 40px;
}
.ue-btn-2 {
    display: inline-block;
    width: 180px;
    background: #4B5C66;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
}
.ue-btn-p {
    display: inline-block;
    width: 180px;
    background: #1F81FF;
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
}
.ue-btn-s {
    display: inline-block;
    width: 88px;
    border: 1px solid rgba(75,92,102,0.30);
    border-radius: 2px;
    font-size: 14px;
    color: #292C32;
    background-color: #ffffff;
}
.m-page.ue label {
    font-size: 14px;
    color: #292C32;
    line-height: 20px;
}
.m-page.ue input[type=text] {
    box-sizing: border-box;
    width: 270px;
    height: 40px;
    border: 1px solid rgba(75,92,102,0.30);
    border-radius: 2px;
    background: #F7F8FA;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #292C32;
}
.ue-info {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #4B5C66;
}
.m-page.ue select,
.ue-select {
    box-sizing: border-box !important;
    display: inline-block !important;
    width: 180px !important;
    height: 40px !important;
    background: #F7F8FA;
    border: 1px solid rgba(75,92,102,0.30);
    border-radius: 2px;
}
.ue-upload {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 95px;
    height: 41px;
    background: #4B5C66;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF !important;
}
.ue-upload > label,
.m-page.ue .ue-upload > label {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    color: #ffffff !important;
    line-height: 40px;
}
.m-page.ue .ue-m-select {
    box-sizing: border-box !important;
    display: inline-block !important;
    width: 180px !important;
    height: 240px !important;
    background: #F7F8FA;
    border: 1px solid rgba(75,92,102,0.30);
    border-radius: 2px; 
}
.ue-top {
    position: fixed;
    top: 20px;
}

.m-loader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 999999;
}
.m-loader::before {
	content: '正在加载...';
	position: absolute;
	display: block;
	width: 120px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	color: #808080;
	animation: 1s loading;
	animation-iteration-count: infinite;
}

.up-icon {
    vertical-align: top;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center;
}
.up-icon__prjs {
    background-size: 20px 20px;
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAP5JREFUOBFjYBjsgBGbA7VDQ9kY7j6RwyaHLMbHzvD0+PHj35HFWJA5ILa2gwPPvxt3bzL8Z5BCl0Pnf/zFeAEoZogszoTMAbPffzYgxjCQ2v8MDMfQ9WO4EF0BLj4wrK5zsjOUostjuhBdBXb+T0ZWlsizZ89+Q5fGMPD///9YIwpZIyMj46mr509dRBaDsTEMBCoGBg1+ALTUVlPPOBObKgwDsSnCKvaPoU9Pz0QHXQ7DQGK8DDHkP8fv//9moRuIM5YZGRhPoSvGwj+ILoZhICgM/wNT2NXLZyyICU90AzG8jK6AVP5QNJCR6QswZX8hJ/xwBg+oxMEpOeQlAMvWPG0Ngks+AAAAAElFTkSuQmCC);
}
.up-icon__info {
    background-size: 20px 20px;
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAZBJREFUOBHtUr9Lw1AQvnttWsVBF90qKhUpoRUaHTK4uWYRMongv6Cr/g2uTv4FxU1w0KFb8UeKtokRbF10cLGDINqS9nwJfemzDbSdNXDc99733cfdywH8uQ/liXVdn/z48lbku2F4dmbqsVgsfgtdaKiaZoLc5xoBpQQ5SkbAF8wspZ1CoeXrWVhUf50f18yvDWp4rfCJCxCRibfv8vs0ASQ4rgFgI9QhLRDBXHjugl6HfQxjzHywyyoDZZ1TzRiiwUfbCAPxoK8kOEZ2yN+l4VRuT32FbV9VMtl81SNywa1Hefy6i+4QKalpmiKUSDDtY8ZgjymK6gc/HApezhEd4jtjtGsYRtuyrECL8dg2tTsnHYId9Ly1rkFONhI4wpAu7PvyGQ+hAefu5iaT046RaAsQ33yC4xT/WQPfwMiIuOgvuKw0TTPGDVYJsMQHPw+C8FrWCNxb7Lye7rSaT4IYJ7NEctkpl/haSYs9ga3PcUxkrVwbdugL1Ky2zzd/UxYPw3zFLp2qdTRM98+P/gI/mch5RyW60ZsAAAAASUVORK5CYII=);
}
.up-icon__exit {
    background-size: 20px 20px;
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAa1JREFUOBHllLFLAlEcx3/v3UmC5FAQtDRGnenQGeLQ0BIRtFQ0BW39CY39Ba1NLW5huLi0RU5B5dGVmmu0RBAhKYp69369Jz69d0hqW3RwfH/f7/v54e73OwT4dxfxv3EkmZyChjPnz6UPauzdsqw36f2qAAUMa81XRAj5G3ueEJfqmll6uHvsZZ5C99QgnkzAKCHHRKNXyhk3yJjBGJ6h485zOwJQEihcF+37G2mlmqZp15tkVQMoyMyv1B/85Pns6uWideAAnVmMxjcH9Y4FlAAC7JAAZiOx+K7MpKozlKlHE4lEuNpgK54I+CbTDN01QDjnUCg95TPyfCiw1nD2keGp/IFQ7BrsVJjis83ycbRFPBQYDECq0SZWl9ERykjYJSzFedMIdM+y8h3YSECxCN546wUaUfNCwIDQ7XIhf+k9+91SKDnRdLrhhwnwWMBYbD1kLC1nNIR60c7nvE8m68EzZLhlROOTskmqi58LfCE7DmKaZ0WZe1UBBiD00iJfFYZwBMD4rV5iu/yTaQGlz+pJ3yl/DiIWr+Xq1dl+i1oF2MSHbecqavqX3De5pJT3jL1htgAAAABJRU5ErkJggg==);
}
.dropdown-menu>li>a.dropdown-item.up-item,
.dropdown-menu>li>a.dropdown-item.up-item:active,
.dropdown-menu>li>a.dropdown-item.up-item:visited,
.dropdown-menu>li>a.dropdown-item.up-item:focus  {
    cursor: pointer;
    text-align: left;
    user-select: none;
    color: #292C32;
    padding: 15px 10px;
    background-color: #ffffff;
}
.dropdown-menu>li>a.dropdown-item.up-item:hover {
    color: #1F81FF;
    background: #F7F8FA;
}
.dropdown-menu>li>a.dropdown-item.up-item:hover>span.up-item-text {
    color: #1F81FF;
}
.dropdown-menu>li>a.dropdown-item.up-item:hover>i.up-icon__prjs {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAQBJREFUOBFjYBjsgBGbA7VX/Wf7cZdBDpscspgYO8PT40WM35HFWJA5ILb21P88X64z3AQypdDl0PnPfzFcAIoZIoszIXNA7O/vGQyAFEHDQGoZGRmOgWhkgGEgsiQ+NtCw60LiDKXoasgyEGjYT2DgR55NZ/xG0MD//xiwRhSaxlP36xgvoomBuRguZGRi+I9NIbLY//8MtgrN/zORxWBsDANhEgTpfwx9yq3/ddDVYRhIpJdB3uD4+5dhFrqBGOkQpgAYkKdgbDz0QXQ5DAPBYfiXgeF+HYMFIyMjwfBENxDDy+gKSOUPQQP/MTJ8AXrzCznhhzN4QCUOTskhLwEAwkQ1iyX8/F4AAAAASUVORK5CYII=);
}
.dropdown-menu>li>a.dropdown-item.up-item:hover>i.up-icon__info {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAYZJREFUOBHtUjEvQ1EU/o72PZEONoOEEhWkCQMGg83asRaRsDCzSWmx2LqKwR9oYpMY2CXEQqRNtKUxsKhFo1redY7mvtz0oe3MeTk5557zfed+994H/Dkj88RTSdXx8Iohs9Yw70bmbpHKGucODKeUXcogqxR6dLOZSIT7wDBC17NUEXybJpVz6G11mHCFI1w9x68TTyQo/tJ8hJACbO5nOS8auD6udxnrr9RVWN/wKUQLCQqTH5N8rDeyEAmMYFo712L1HFn/pLCYT9CBAG5jdBncUleoIv2Slsrv9r1CQvv4nrI0ldV0Ss5xxbIQFufbX9d9M3oVEp58hIXIEj4ulmtQ3nXOIezzA8xXq5iQKg8f5Tv0mEchX/xxfoMON4kcjc7H6RyEXfYiEx7F+cGedd+MnoHc7Jcf3ARFU8oHB2M85JQ3PBJXhDMTo3Pu1WxgR4XeK7jR61ai38Zgbo2ywnEV2g5KrQwxsSbXVSiA4LZa5cKMCW6U88OcFOKUbIT77zd/A58Sy2ed8zIoiAAAAABJRU5ErkJggg==);
}
.dropdown-menu>li>a.dropdown-item.up-item:hover>i.up-icon__exit {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAa1JREFUOBHllLFLAlEcx3/v3UmC5FAQtDRGnenQGeLQ0BIRtFQ0BW39CY39Ba1NLW5huLi0RU5B5dGVmmu0RBAhKYp69369Jz69d0hqW3RwfH/f7/v54e73OwT4dxfxv3EkmZyChjPnz6UPauzdsqw36f2qAAUMa81XRAj5G3ueEJfqmll6uHvsZZ5C99QgnkzAKCHHRKNXyhk3yJjBGJ6h485zOwJQEihcF+37G2mlmqZp15tkVQMoyMyv1B/85Pns6uWideAAnVmMxjcH9Y4FlAAC7JAAZiOx+K7MpKozlKlHE4lEuNpgK54I+CbTDN01QDjnUCg95TPyfCiw1nD2keGp/IFQ7BrsVJjis83ycbRFPBQYDECq0SZWl9ERykjYJSzFedMIdM+y8h3YSECxCN546wUaUfNCwIDQ7XIhf+k9+91SKDnRdLrhhwnwWMBYbD1kLC1nNIR60c7nvE8m68EzZLhlROOTskmqi58LfCE7DmKaZ0WZe1UBBiD00iJfFYZwBMD4rV5iu/yTaQGlz+pJ3yl/DiIWr+Xq1dl+i1oF2MSHbecqavqX3De5pJT3jL1htgAAAABJRU5ErkJggg==);
    
}

.up-item-text {
    display: inline-block;
    vertical-align: top;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #292C32;
    letter-spacing: 0;
    padding: 0 5px;
}

@keyframes loading {
	0% {
		top: 0;
	}
	33% {
		top: 5px;
	}
	67% {
		top: 0;
	}
	100% {
		top: -5px;
	}
}