body{ font-family: "Microsoft Yahei",sans-serif!important;}
a:hover{ text-decoration:underline; cursor:pointer;}
/*----------------元素---------------*/
/*边距*/
.ml4{ margin-left:4px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.ml10{ margin-left:10px;}
.ml12{ margin-left:12px;}
.ml15{ margin-left:15px;}
.ml19{ margin-left:19px;}
.ml20{ margin-left:20px;}
.ml24{ margin-left:24px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.mt4{ margin-top:4px;}
.mt5{ margin-top:5px;}
.mt6{ margin-top:6px;}
.mt7{ margin-top:7px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt12{ margin-top:12px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt24{ margin-top:24px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt32{ margin-top:32px;}
.mt36{ margin-top:36px;}
.mt47{ margin-top:47px;}
.mt54{ margin-top:54px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mt68{ margin-top:68px;}
.mt70{ margin-top:70px;}
.mt72{ margin-top:72px;}
.mt110{ margin-top:110px;}
.mt250{ margin-top:250px;}
.mb8{ margin-bottom:8px;}
.mb14{ margin-bottom:14px;}
.mb30{ margin-bottom:30px;}
.mb75{ margin-bottom:75px;}
.mb100{ margin-bottom:100px;}
.mb212{margin-bottom:212px;}
.mb270{ margin-bottom:270px;}
.pt13{ padding-top:13px;}
.pt20{ padding-top:20px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pr15{ padding-right:15px;}

/*行距*/
.lh20{ line-height:20px;}
.lh35{ line-height:35px;}
/*颜色*/
.color_green{color:#0083cb; text-shadow:0 0 1px #e8f6ee;}
.color_grey6{ color:#666666;}
.color_greyBlue{ color:#34495e; text-shadow:0 0 1px #dddddd;}
.color_orange{ color:#ff7800; text-shadow:0 0 1px #ffe4cc;}
.color_blue{ color:#0080ff; text-shadow:0 0 1px #aad5ff;}
/*版块*/
.width527{
    height:438px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    top:-159px;
    background: #FFFFFF;
}
.width930{
    margin-left:auto;
    margin-right:auto;
}
.width943{
    height: 542px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    top:-161px;
    background: #FFFFFF;
}

/** 移动端 **/
@media only screen and (max-width: 979px) {

    .width527{
        width:527px;
    }
    .width930{
        width:64.58%;
        min-width:527px;
    }
    .width943{
        width:65.486%;
        min-width:527px;
    }

}

/** 普通PC **/
@media only screen and (min-width: 980px) and (max-width: 1439px) {

    .width527{
        width:527px;
    }
    .width930{
        width:64.58%;
    }
    .width943{
        width:65.486%;
    }

}


/* 大屏幕 PC */
@media only screen and (min-width: 1440px){

    .width527{
        width:527px;
    }
    .width930{
        width:930px;
    }
    .width943{
        width:943px;
    }

}

.width782{ width:782px; margin-left:auto;margin-right:auto;}
/*--边框--*/
/*母版*/
.border_line{ border-color: rgba(0, 0, 0, 0.18); border-style:solid; border-width:0; }
.border_line_bottom{ border-bottom-width:1px;}
.border_line_top{ border-top-width:1px;}
/*------*/

/*分割线*/
.line_vertical{ border-left:1px solid #bebebe;}
/*-------------组合样式----------------*/
/*大标题*/
.sso_title{ border-radius:6px 6px 0 0; background-color:#73798f; color:#ffffff; font-size:20px; height:45px; line-height:45px; padding-left:38px; text-shadow:0 0 1px #eeeeee;}
/*---框---*/
.sso_block{ margin:0 auto;border-top:none; border-bottom-color:#f2f2f2;border-radius:0 0 6px 6px;}
/*无标题，内容框上部分*/
.block_border_top{ border-top:solid 1px #dfdfdf; border-top-left-radius:6px;border-top-right-radius:6px; }
/*--------*/
/*项*/
.sso_block h3,.sso_titleP{ letter-spacing:1px; color:#34495e; font-size:16px; text-shadow:1px 0 1px #dddddd;margin-left:2px;}
.sso_titleP{letter-spacing:0; font-size:15px;}
/*input*/
.sso_block input,.input_authNum {font-size: 15px;padding-left: 12px;rgba(0, 0, 0, 0.25);border: 1px solid #c5c5c5;height: 35px;line-height: 35px;transition: all 0.1s ease-in 0s;}
.input_authNum a{ padding-right:10px;line-height: 35px;font-size: 20px;font-weight: bold;font-family: cursive;letter-spacing: 5px;}
.input_authNum a:hover{ text-decoration:none;}
.input_authNum img{ margin-left:-13px;}
input[type="text"]:focus,input[type="password"]:focus{ border-color:#0081e2;}
.sso_block .input_wrong{ border-color:#cb5858; color:#cb5858;}
.sso_block .input_user,.sso_block .input_psw{ height:40px;background-repeat: no-repeat;}
.sso_block .input_auth{ padding-right:30px; width:150px; transition: none;  }
.sso_block .input_mail_auth{ padding:0; width:228px;padding-left:12px;margin-right: 10px;height: 40px;}
.sso_block .input_fontGrey{color:#757575;}
.sso_block .input_noEdit{ color:#afaeae; background-color: #f0f0f0;}
.auth_correct{ background:url("../img/login/icon_ok.png") no-repeat 170px 12px;}
.auth_wrong{ background:url("../img/login/icon_wrong.png") no-repeat 170px;}
.input_authNum{ width:90px;border:none;}
/*button*/
.sso_block .sso_button{ height:50px; margin:0; padding:0; font-size:16px; color:#ffffff; text-shadow:0 0 1px #dddddd; line-height:35px; cursor:pointer; display:inline-block; border:none; background:#0083cb; transition: all 0.2s ease-in 0s;}
.sso_block .sso_button_blue{background-color: #0083cb;color: #ffffff; }
.sso_block .sso_button_grey{background-color: rgba(0, 0, 0, 0.04);color: rgba(0, 0, 0, 0.25);}
.sso_button_loading{ background-image:url("../img/common/loading.gif"); background-position:center center; background-repeat:no-repeat;}
.sso_button:hover{ background-color:rgba(0,131,203,0.8);}
.sso_button_blue:hover{ background-color:#339CD5;}
.sso_button_grey:hover{ background-color: rgba(0, 0, 0, 0.04);}
.sso_block .cursor_default{ cursor:default;}
/*activate link*/
.activate_sent{ position: relative; height:28px; text-align: right;}
.activate_sent a{ position: absolute; right:3px; top:28px;}
/*tip*/
.sso_tip_block{color:#be4646; font-size:12px;}
.sso_tip_cross{ font-size:22px; color:#d88d8d; cursor:pointer; transition:all 0.2s ease-in 0s; font-weight:bold;  position:absolute; right:10px; top:-2px;}
.sso_tip_cross:hover{ color:#be4646;}
/*--状态--*/
.sso_correct,.sso_error{ color:#34495e; font-size:18.75px; }
/*成功*/
.sso_correct{padding-left:50px;  background:url("../img/common/icon_correct.png") no-repeat 0 center;}
/*失败*/
.sso_error{ padding-left:30px;  background:url("../img/common/icon_alert.png") no-repeat 0 center;}
.sso_back{ color:#667a8e; font-size:14.8px; cursor:pointer;}
.sso_back:hover{ text-decoration:underline;}
/*--------------母版样式---------------*/
.top{ padding-top:21px; height:343px;background:rgba(224,224,224,1); }
.font_bottom{ color:#9a9a9a; text-shadow:0 0 1px #eeeeee;}
.font_bottom a{color: #9a9a9a;text-decoration: none;}
.font_bottom a:hover{color: rgba(0,145,255,1);}
.link span {font-size:15px; color:#34495e;vertical-align:middle;}
.link a{font-size:16px; color:#0083cb;vertical-align:middle;}
.link .line_vertical{ margin:2px 10px 0 10px; display:inline-block; width:1px; height:11px; }
.logo_line{ margin:0 4px 15px 8px;display:inline-block; width:1px; height:18px;}
.logo_title{ font-size:16px; margin-bottom:17px; display:inline-block; color:#333333; text-shadow:0 0 1px #dddddd;}
.horizontal-location{
    margin-left: 1.667%;
    margin-right: 1.1667%;
    height:86px;
}
.welcom{
    margin-top:76px;
    font-size:22px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:30px;
    text-align: center;
}
.footer-ptb{
    padding-top: 15px;
    padding-bottom: 14px;
    margin-left: 1.667%;
    margin-right: 1.667%;
}


.content-pd{
    padding-top: 47px;
}
.sso-title-confirm{
    font-size:24px;
    color:rgba(51,51,51,1);
    line-height:31px;
    margin-bottom: 26px;
}
.switch-tip{
    font-size:14px;
    line-height:19px;
    margin-top: 23px;
    margin-bottom: 30px;
}
.switch-tip a{
    text-decoration: none;
}
.switch-tip-a{
    color: #0081E2;
}
.switch-tip-a:hover {
    color: rgba(0,129,226,0.8);
}
.next-tip{
    display: flex;
}
.btnCancelFindPS{
    width:193px;
    height:50px;
    background:rgba(255,255,255,1);
    border:1px solid #0083cb;
    font-size:16px;
    line-height:24px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #0083cb;
}
.btnCancelFindPS a{
    color:#0083cb;
}
.btnCancelFindPS:hover{
    text-decoration: none;
}
#btnNext{
    width:193px;
    height:50px;
}
#ucode{
    width:228px;
    height:40px;
    background:rgba(255,255,255,1);
    border-radius:2px;
    margin-right: 25px;
    padding-right: 0;
}
#checkcode{
    width:135px;
    height:48px;
}
.horizontal-range{
    display: flex;
    margin-top: 25px;
}
#sent_mail_auth{
    width:148px;
    height:42px;
    border-radius:2px;
}
#psw_confirmSent{
    width:193px;
    height:50px;
    padding-left: 0;
}
.ps-height{
    height:400px;
}
.reset-success-pd{
    padding-top: 88px;
}
.reset-success-tip{
    font-size:20px;
    font-weight:500;
    color:rgba(41,41,41,0.85);
    line-height:28px;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 27px;
}
.automatic-back{
    font-size:14px;
    font-weight:500;
    line-height:20px;
    text-align: center;
}
.automatic-back a{
    color:rgba(102,102,102,1);
}
.reset-success-pd img{
    width:70px;
    height:70px;
    background:rgba(73,170,25,1);
}
.register-success-height{
    height: 441px;
    padding-top: 74px;
}
.success-tip-icon{
    width:80px;
    height:80px;
    background:rgba(73,170,25,1);
    background: url("../img/common/icon_correct.png") no-repeat center;
    margin-right: auto;
    margin-left: auto;
}
.register-success-tip{
    font-size:28px;
    font-weight:500;
    color:rgba(41,41,41,0.85);
    line-height:40px;
    margin-top: 29px;
    height: 58px;
    margin-right: auto;
    margin-left: auto;
}
.complete-tip{
    font-size:14px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:20px;
    margin:23px auto 32px auto;
}
.back-register{
    width:150px;
    height:50px;
    border:1px solid rgba(0,144,255,1);
    text-align: center;
    font-size:14px;
    line-height:24px;
    margin-right: 24px;
}
a[class~="back-register"]{
    color:#0083cb;
}
.back-register a{
    color:#0083cb;
}
.complete-personal-information{
    width:150px;
    height:50px;
    background:#0083cb;
    font-size:14px;
    line-height:24px;
}
a[class~="complete-personal-information"]{
    color:rgba(255,255,255,1);
}
.complete-personal-information a{
    color:rgba(255,255,255,1);
}
.horizontal-vertical-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.two-items{
    display: flex;
    width:324px;
    margin:0 auto;
}
.two-items a:hover{
    text-decoration: none;
}
#phoneNumber{
    padding-left:54px;
    width:344px;
}
#email{
    /*padding-left:54px;*/
    width:344px;
}
.text-right{
    text-align: right;
}
.ps-re-tip{
    margin-top: 16px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    text-align: right;
}
.ps-re-tip .ps-re-tip-text:nth-child(2){
    padding-right: 0;
}
.ps-re-tip a{
    /* text-decoration: none; */
}
.ps-re-tip-text{
    /* width: 72px; */
    font-size: 14px;
    color: #0083cb;
    line-height: 20px;
    padding: 0 16px;
}
.border_line_right{
    border-right: 1px solid  rgba(0, 0, 0, 0.18);
}
.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-1 {
    flex: 1;
}
.flex-auto {
    flex: auto;
}
.flex-c {
    display: flex;
    align-items: center;
}
.flex-c-c {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-c-sb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.position-r {
    position: relative;
}
.sso-tooltip {
    display: none;
    position: absolute;
    background: rgba(0,0,0,0.75);
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    padding: 14px 16px;
    width: max-content;
    max-width: 260px;
    cursor: auto;
}
.sso-tooltip:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -10px;
    left: 75px;
    border: 5px solid transparent;
    border-top-color: rgba(0,0,0,0.75);
}

/*new_footer*/
.container-footer {
    padding: 0 42px 0 42px;
    font-size: 16px;
    color: rgba(0,0,0,0.65);
}
.container-footer a {
    color: #0081E2;
}
.container-footer-adapt-mobile {
    position: absolute;
    top: 100px;
    right: 0;
}

@media only screen and (max-width: 576px) {

    /*---框---*/
	.sso_block{
		width:80%;
	}
	.sso_block .input_user,.sso_block .input_psw{
		width:95%;
	}
	.sso_block .sso_button{
		min-width:135px;
		width:100%;
	}

}
@media only screen and (min-width: 577px){

    /*---框---*/
	.sso_block{
		width:400px;
	}
	.sso_block .input_user,.sso_block .input_psw{
		width:386px;
	}
	.sso_block .sso_button{
		width:400px;
	}
}

/*sso-iconfont*/
/*https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3698121*/
@font-face {
    font-family: "sso-iconfont"; /* Project id 3698121 */
    src: url('../icon-font/sso-iconfont/iconfont.woff2?t=1668578130818') format('woff2'),
    url('../icon-font/sso-iconfont/iconfont.woff?t=1668578130818') format('woff'),
    url('../icon-font/sso-iconfont/iconfont.ttf?t=1668578130818') format('truetype');
}
.sso-iconfont {
    font-family: "sso-iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sso-icon-right:before {
    content: "\e6a3";
}
.sso-icon-left:before {
    content: "\ee35";
}
.sso-icon-correct:before {
    content: "\e6f5";
}
.sso-icon-hint:before {
    content: "\e635";
}
.sso-icon-password-unvisible:before {
    content: "\ee34";
}
.sso-icon-password-visible:before {
    content: "\e63e";
}
.sso-icon-clear:before {
    content: "\e7b7";
}


@media only screen and (max-width: 1300px){
    body{
        width: 100vw;
        min-width: 375px;
        margin: 0 auto;
        position: relative;
    }
}