/* login page used :::  not used other pages */

body {
	background-color: #ffffff;
}

.welcome {
	font-size: 14px;
	height: 14px;
	vertical-align: bottom;
	line-height: 1;
	text-align: right;
	margin: 45px 0 0 0;
	font-weight: normal;
}
.welcome span{
	color: #D9D9D9; padding: 0 10px;
}
.welcome a{
	color: #404040;
}
.logo ~ span{
	font-size: 24px; color: #404040; display: inline-block; float: left; height: 60px; line-height: 60px; margin-top: 20px;
}
.loginright {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.loginbox {
    width:50.9259vh;
	width:clamp(300px,50.9259vh,600px);/*550px*/ 
   /* height:37.037vh;
	height: clamp(180px,37.037vh,450px);*//*400px*/
	/*background-color: #f7f7f7;*/
	font-weight: normal;
}
.logobox {
    width:50.9259vh;
	width:clamp(300px,50.9259vh,600px);/*550px*/ 
	height: auto;
    display:flex;  
    flex-direction: column;
   align-items: center;
}
.logobox .logoImg {
   /*width:90px;*/
   height:7.7778vh;
   height:clamp(72px,7.7778vh,96px);/*84px*/
   margin-bottom:4.1667vh;
   margin-bottom: clamp(36px,4.1667vh,54px);/*45px*/
   margin-top:auto;
}
.logobox .logintitle { 
font-family: Shell CHS Bold;
font-weight: bold;
font-size:2.7778vh;
font-size: clamp(24px,2.7778vh,36px);/*30px*/
color: #4A4A4A;
line-height: 3.7963vh;
line-height:clamp(32px,3.7963vh,50px);/*41px*/
text-align: center;
font-style: normal;
margin-bottom:8.8889vh;
margin-bottom:clamp(10px,8.8889vh,108px);/*96px*/
text-overflow: ellipsis;/**/
display: inline-block;
white-space: nowrap;
}
.logobox .logintips { 
font-family: ShellCHS, ShellCHS;
font-weight: normal;
font-size:1.2963vh;
font-size: clamp(12px,1.2963vh,16px);/*14px*/
color: #919191;
line-height: 1.7593vh;
line-height: clamp(16px,1.7593vh,22px);/*19px*/
text-align: left;
font-style: normal;
margin-top:auto;
margin-bottom:6.4815vh;
margin-bottom:clamp(60px,6.4815vh,80px);/*70px*/
width: 100%;

}
.login { 
	position: relative;
}

.login h3 { 
    font-family: Shell CHS Bold;
    font-weight: bold;
    font-size: 1.8519vh;
    font-size: clamp(17px,1.8519vh,23px);/*20px*/
    color: #4A4A4A;
    line-height: 2.5vh;
    line-height: clamp(22px,2.5vh,32px);/*27px*/
    text-align: left;
    font-style: normal;
     margin-bottom:2.7778vh;
    margin-bottom: clamp(24px,2.7778vh,36px);/*30px*/
}

.login input {
    width: 50.9259vh;
	height: 6.6667vh;
    line-height:6.6667vh;
	width: clamp(300px,50.9259vh,600px);/*550px*/
	height: clamp(40px,6.6667vh,84px);/*72px*/
	line-height: clamp(40px,6.6667vh,84px);/*72px*/
	border: 0.5px solid #919191;
	box-sizing: border-box;
    padding-left:  7.4074vh;
	margin-bottom: 2.7778vh;
	padding-left:  clamp(68px,7.4074vh,92px);/*80px*/
	margin-bottom: clamp(24px,2.7778vh,36px);/*30px*/
	outline: none;  
    font-family:Shell CHS Bold;
    font-weight: bold;
    font-size:1.6667vh;
    font-size: clamp(15px,1.6667vh,20px);/*18px*/
    color: #4A4A4A; 
    text-align: left;
    font-style: normal;
	background-repeat: no-repeat;
	background-position: center;/*1.3889vh 1.3889vh;*/
    background-color:#FFFFFF;
    border-radius: 5px;
}
.login input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: url(../images/Fleet/user.png) !important;
    background-color: #fff !important;
   /* color: fieldtext !important;*/
}

.login input::-webkit-input-placeholder {
      font-family: Shell CHS Light;
    font-weight: 300;
    font-size:1.4815vh;
    font-size: clamp(14px,1.4815vh,18px);/*16px*/
 }
    /* 2. Firefox 内核（需注意：单冒号 + moz 前缀，firefox 19+） */
.login input::-moz-placeholder {
    font-family: Shell CHS Light;
    font-weight: 300;
    font-size:1.4815vh;
    font-size: clamp(14px,1.4815vh,18px);/*16px*/
}
    /* 3. IE10+/Edge 旧版（单冒号 + ms 前缀） */
 .input-box:-ms-input-placeholder {
    font-family: Shell CHS Light;
    font-weight: 300;
    font-size: 1.4815vh;
   font-size: clamp(14px,1.4815vh,18px);/*16px*/
}
    /* 4. 现代浏览器标准写法（兜底） */
.login input::placeholder {
    font-family: Shell CHS Light;
    font-weight: 300;
    font-size:1.4815vh;
    font-size: clamp(14px,1.4815vh,18px);/*16px*/
} 

.login input.inputname {
	background-image: url(../images/Fleet/user.png) !important;
    background-repeat: no-repeat; /* 禁止背景图重复 */
    background-position:2.3148vh center; /* 关键：left(20px) + vertical(center)，即左距20px、上下居中 */
    background-size: 2.7778vh;
    background-position: clamp(20px,2.3148vh,30px) center; /* 关键：left(20px) + vertical(center)，即左距20px、上下居中 */
    background-size: clamp(24px,2.7778vh,36px);/*30px*/
}
.login input.inputemai {
	background-image: url(../images/Fleet/email.png) !important;
    background-repeat: no-repeat; /* 禁止背景图重复 */
    background-position:2.3148vh center; /* 关键：left(20px) + vertical(center)，即左距20px、上下居中 */
    background-size: 2.7778vh;
    background-position: clamp(20px,2.3148vh,30px) center; /* 关键：left(20px) + vertical(center)，即左距20px、上下居中 */
    background-size: clamp(24px,2.7778vh,36px);/*30px*/
}

.login input.inputpassword {
	background-image: url(../images/Fleet/unlock.png)!important;
    background-repeat: no-repeat; /* 禁止背景图重复 */
    background-position:2.3148vh center; 
    background-size: 2.7778vh;
    background-position: clamp(20px,2.3148vh,30px) center; /* 关键：left(20px) + vertical(center)，即左距20px、上下居中 */
    background-size: clamp(24px,2.7778vh,36px);/*30px*/
}
 .login .password_eye {
    width:5.7407vh;
    height: 6.6667vh;
    width: clamp(50px,5.7407vh,70px);/*62px*/
    height: clamp(40px,6.6667vh,84px);/*72px*/
    position: absolute;
    padding-top: 0px;
    right: 1px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
 .login .password_eye img {
    width:2.037vh;
    height:2.037vh;
    width:clamp(18px,2.037vh,26px);/*22px*/
    height:clamp(18px,2.037vh,26px);/*22px*/
   /* margin-top:2.3148vh;
    margin-left:0.7407vh; */           
}
.code_type {
	width: 60px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	right: 0;
	display: block;
	float: right;
	margin-top: -55px;
	position: absolute;
}

.login button {
	width: 50.926vh;
	height: 7.3148vh; 
	border: 1px solid #FFC600;
	background-color: #FFC600;
	box-sizing: border-box;
	margin-bottom: 1.94444vh;
	outline: none; 
	color: #4A4A4A; 
    font-family:Shell CHS Bold;
    font-weight: bold;
    font-size:  1.6667vh; /*18px*/
    line-height: 2.22222vh;
    text-align: center;
    font-style: normal;
    border-radius:5px;
    width: clamp(300px,50.9259vh,600px);/*550px*/
	height: clamp(68px,7.3148vh,90px);/*79px*/
    margin-bottom: 1.94444vh;
    font-size:  clamp(18px,1.9444vh,24px);/*21px*/
    line-height: clamp(20px,2.2222vh,28px);/*24px*/
}
.login button:hover,.login button:focus{
	background-color: #dd1d21; 
	color: #fff;
}
.login h5,
.login h5 a { 
font-family: ShellCHS, ShellCHS;
font-weight: normal;
font-size: 1.2963vh; /*14px;*/
color: #4A4A4A;
line-height:1.75926vh;/* 19px;*/ 
text-align: left;
font-style: normal;
height:1.75926vh;
margin: 0;
font-size: clamp(12px,1.2963vh,16px);/*14px*/
line-height:clamp(16px,1.7593vh,22px);/*19px*/
height:clamp(16px,1.7593vh,22px);/*19px*/
}
.login h5 .yellowA {
color: #ED8A00 !important;
text-decoration-line:none  !important;
}
.login h5 .redA {
color: #DD1D21 !important;
text-decoration-line: underline  !important;
}

.login a.yellowA:hover { 
	color: #DD1D21  !important;
	text-decoration: underline  !important;
}
.login a.redA:hover { 
	color: #ED8A00  !important;
	text-decoration: underline  !important;
}
.login h5 .checkImg {
width:1.94444vh;/*21px;*/ 
height:1.94444vh;
margin-right:0.92593vh;/*10px;*/  

width:clamp(18px,1.9444vh,24px);/*21px*/
height:clamp(18px,1.9444vh,24px);/*21px*/
margin-right:clamp(8px,0.9259vh,12px);/*10px*/

}
.loginbanner {
	width: 100%;
	/*height: 420px;
	line-height: 420px;
	text-align: center;*/
	overflow: hidden;
}

.loginbanner img {
    width: min-content;
    height:100vh;
	/*height:clamp(300px, 100vh, 1080px); */
	vertical-align: middle;
}


/* Retrieve Password */

.retr-pass {
	width: 800px;
	min-height: 54px;
	padding: 50px 100px;
}

.step {
	width: 33.3333%;
	display: inline-block;
	float: left;
	padding-left: 8px;
	box-sizing: border-box;
}

.step .line {
	width: 100%;
	height: 2px;
	background-color: #dcdddd;
	position: relative;
	margin: 8px 0;
}

.step:first-child .line:after,
.step .line:before {
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #fbce07;
	display: block;
	position: absolute;
	left: -9px;
	top: -8px;
}

.step .line:before {
	right: -9px;
	left: auto;
	background-color: #dcdddd;
}

.step .name,
.step:first-child .name:last-child {
	margin-right: -80px;
	width: 160px;
	text-align: center;
	font-size: 18px;
	color: #7f7f7f;
	line-height: 2;
	display: inline-block;
	float: right;
}

.step:first-child .name {
	margin-left: -80px;
	margin-right: 0;
	float: left;
}

.step.active .line,
.step.active .line:before {
	background-color: #fbce07;
}

.step.active .name,
.step:first-child .name,
.step.active:first-child .name {
	color: #404040;
}

.forgetbox {
	width: 500px;
	margin: 0 auto 60px auto;
	text-align: center;
}

.forgetbox input{
	width: 370px;
	border: 1px solid #D9D9D9;
	padding: 5px 13px;
	box-sizing: border-box;
	height: 50px;
	line-height: 40px;
	color: #7f7f7f;
	margin-bottom: 15px;
	font-size: 14px;
}
.forgetbox button {
	width: 60%;
	border: 1px solid #D9D9D9;
	padding: 5px 13px;
	box-sizing: border-box;
	height: 50px;
	line-height: 40px;
	color: #7f7f7f;
	margin-bottom: 15px;
	font-size: 14px;
}

#Step01 input:first-child {
	padding-right: 110px;
}

#Step01 input:first-child~.getcode {
	width: 110px;
	height: 48px;
	line-height: 38px;
	background-color: #ffffff;
	border-color: #ffffff;
	position: absolute;
	top: 1px;
	right: 1px;
}

.forgetbox button {
	background-color: #fbce07;
	border-color: #fbce07;
	color: #404040;
}
.forgetbox > button:last-child{
	font-size: 18px; font-weight: bold;
}
.forgetbox input[disabled] {
	background-color: #f5f5f5;
	color: #404040;
}

.forgetbox img {
	margin: 2.77778vh; 0;
}

.forgetbox h4,
.forgetbox h5 {
	text-align: center;
	color: #404040;
	line-height: 2;
}

.forgetbox h4 {
	font-size: 24px;
	font-weight: 500;
}

.forgetbox h5 {
	font-size: 14px;
	font-weight: normal;
}
.container > .row:first-child {display: flex;flex-direction: row;}
@media screen and (max-width: 800px) {
    	.container > .row:first-child { position: absolute; top: 0; left: 0; right: 0; text-align: center; z-index: 10;flex-direction: column;}
.loginbanner img{
   height: auto !important;
   width: 100% !important;
}
.loginbox {
   width:90%;/*550px*/ 
}
.logobox {
	width:90%;/*550px*/  
}
    .login button {
        width: 85%;
    }
    .login input {
        width: 85%;
    }
    .logobox .logintips {
    
    margin-top:10px;
    margin-bottom:20px;
    }

.logobox .logoImg {
   margin-top:30px;
   margin-bottom:15px; 
}
.logobox .logintitle {  
margin-bottom:20px; 
}
    
}

/*
 @media screen and (max-width: 800px) {
 	body{ background-color: #f7f7f7; }
	.width{ padding: 15px 20px; }
    .saft-width,.equal-6.fl{ width: 100%; display:block; margin: 0; padding: 0;}
    .loginbox{ padding:18px; width:auto; min-height:321px;}
    .login { width:auto; padding-left:0px; padding-top:0px;}
	.dl{display: block !important;}
	.loginbanner{ height: auto; line-height: normal; }
	.loginbanner > img{ opacity: 0.8; }
	.container > .row:first-child { position: absolute; top: 0; left: 0; right: 0; text-align: center; z-index: 10;flex-direction: column;}
	.container > .row:first-child .equal-6.fl > div{ display: inline-block; width: 100%; float: none !important; line-height:1; text-align: center; }
	.logo{ width: auto; height: auto; padding-top: 50px; margin: 0; float: none; }
           
}*/
 
.popup, .card_handle_box {
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popupbox {
    padding: 0px;
    background-color: #FFFFFF;
    position: absolute;
    width: 26.6146vw;
    height: 13.2292vw;
    width:clamp(220px, 26.6146vw, 560px);/*511*/
    height:clamp(120px, 13.2292vw, 290px);/*254*/ 
    z-index:99999;
    border-radius: 10px;
}
.popupbox_1184_722 {
    /*1184 722 */
    width: 61.6667vw !important;
    width:clamp(320px, 61.6667vw, 1184px)!important;
    height:37.6042vw !important; 
    height:clamp(320px, 37.6042vw, 722px)!important; 
    max-height:66.8519vh;
    /*height:clamp(300px,66.8519vh,722px) !important;722px*/
   
} 
.popupbox_1184_722  .popup_mian{ 
  
    padding: 15px 25px 0 25px !important;
    box-sizing: border-box !important; 
    height: 33.85416vw !important;
    max-height: 60.1851vh;
}
.popupbox_1184_592 {
    /*1184 592 */
    width: 61.6667vw !important;
    height:30.8333vw !important;
    width:clamp(320px, 61.6667vw, 1184px)!important;
    height:clamp(300px, 30.8333vw, 592px)!important;
    max-height:90vh;
    
}
.popupbox_1184_592 .popup_mian {
    height:clamp(190px, 27.2917vw, 524px) !important;
}
 
    .popupbox .popup_tit {
        /*width: 100%; */
        height: 3.3854vw; 
        height:clamp(55px, 3.3854vw, 75px);/*65*/
        max-height:6.0185vh;
        border-bottom: 1px solid #D9D9D9;
        margin: 0;
        padding: 3px 15px 0 25px;
        padding:  clamp(1px, 0.1563vw, 5px) clamp(8px, 0.7813vw, 20px) 0 clamp(12px, 1.3021vw, 30px); 
        display: flex;
        justify-content: space-between;
        align-items: center; 
        font-family: Shell CHS Bold;
        font-weight: bold;
        font-size: 0.8333vw;
        font-size:clamp(14px, 0.8333vw, 18px);/*16*/
        color: #4A4A4A;
        line-height: 1.1458vw;
        line-height:clamp(14px, 1.1458vw, 28px);/*22*/
        text-align: left;
        font-style: normal; 

    }

        .popupbox .popup_tit a {
            width: 1.9792vw;
            height:1.9792vw;
            width: clamp(28px, 1.9792vw, 46px); /*38px;*/
            height: clamp(28px, 1.9792vw, 46px); 
            display: inline-block;
            float: right;
            text-align: right;
            background-image: url(../images/Fleet/popup_closed.png);
            background-position: center center;
            background-repeat: no-repeat;
           background-size: contain;
        }

    .popupbox .popup_mian {
        /*width: 460px;
        padding: 30px 0;*/ 
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height:9.7917vw;
     height:clamp(140px, 9.7917vw, 210px);
     align-items: center;
    /* justify-content: flex-end;*/
        padding: 15px;
       box-sizing: border-box;
    }

        .popupbox .popup_mian .row {
            padding: 1.0417vw 1.3021vw !important;
            padding: clamp(17px,1.0417vw, 23px) clamp(12px, 1.3021vw, 30px) !important;
            height: 29.4271vw !important;
            height:clamp(300px, 29.4271vw, 565px) !important;
           /*  height:clamp(250px, 52.3148vh, 565px);*/
            max-height: 52.3148vh !important;
            overflow-y: auto !important;
        }
        .popupbox .popup_mian .item {
            padding: 20px; 
            height: 29.4271vw;
            height:clamp(300px, 29.4271vw, 565px);
           /*  height:clamp(250px, 52.3148vh, 565px);*/
            max-height: 52.3148vh;
            overflow-y: auto;
        }
        .popupbox .popup_mian .footer { 
            height: 8.2407vh; 
           /* height:clamp(50px, 8.2407vh, 100px);89*/
            height:clamp(70px, 4.6354vw, 100px); 
            max-height:8.2407vh;
           align-items: flex-end;
           display: flex;
           flex-direction: row;
        }

        .popupbox .popup_mian label {
            display: inline-block;
            float: left;
            width: 115px;
            height: 38px;
            line-height: 38px;
            padding-right: 10px;
            font-size: 14px;
            color: #404040;
            text-align: right;
        }

            .popupbox .popup_mian label ~ button {
                width: 60px;
                margin: 0 10px 0 0;
                display: inline-block;
                float: left;
            }

                .popupbox .popup_mian label ~ button.btn_link {
                    border: 1px solid #D9D9D9;
                }

            .popupbox .popup_mian label ~ span {
                font-size: 14px;
                color: #7f7f7f;
                height: 38px;
                line-height: 38px;
            }

            .popupbox .popup_mian label ~ input {
                font-size: 14px;
                color: #7f7f7f;
                width: 180px;
                height: 38px;
                padding: 0 10px;
                background-color: #FFFFFF;
                border: 1px solid #D9D9D9;
            }

                .popupbox .popup_mian label ~ input[disabled] {
                    background-color: #f5f5f5;
                }

        .popupbox .popup_mian .des_text {
            font-size: 14px;
            line-height: 1.5;
            text-align: center;
            color: #404040;
            padding-top: 10px;
        }

        .popupbox .popup_mian h6 {
            font-size: 1.4rem;
            text-align: left;
            width: 360px;
            margin: 10px auto;
            line-height: 1.5;
        }

        .popupbox .popup_mian > button {
           width:11.875vw;
           height: 2.34375vw;
           width:clamp(100px, 11.875vw, 260px);/*228*/
           height:clamp(36px, 2.34375vw, 54px);/*14*/
           background-color:#FFC600;
           border-radius:4px; 
            font-family: Shell CHS Medium;
            font-weight: 500;
            font-size: 0.7292vw;
            font-size:clamp(12px, 0.7292vw, 16px);/*14*/
            color: #4A4A4A;
            /*line-height: 2.5521vw;
            line-height:clamp(40px, 2.5521vw, 58px);*/
            text-align: center;
            font-style: normal;
            margin-bottom:1.3021vw;
    margin-bottom:clamp(12px, 1.3021vw, 30px);/*25*/
    border: 0;
        }
         .popupbox .popup_mian .footer > button {
           width:11.875vw;
           height: 2.34375vw;
           width:clamp(100px, 11.875vw, 260px);/*228*/
           height:clamp(36px, 2.34375vw, 54px);/*45*/
           max-height:4.1667vh;
           background-color:#FFC600;
           border-radius:4px; 
            font-family: Shell CHS Medium;
            font-weight: 500;
            font-size: 0.7292vw;
            font-size:clamp(12px, 0.7292vw, 16px);/*14*/
            color: #4A4A4A;
            /*line-height: 2.5521vw;
            line-height:clamp(40px, 2.5521vw, 58px);*/
            text-align: center;
            font-style: normal;
            margin-bottom:1.3021vw;
    margin-bottom:clamp(12px, 1.3021vw, 30px);/*25*/
    border: 0;
        }

.popup_mian h2.tcred {
    height:auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;   
    font-family: Shell CHS Bold;
    font-weight: bold;
    font-size: 0.9375vw;
    font-size:clamp(15px, 0.9375vw, 20px);/*18*/
    color: #DD1D21;
    line-height: clamp(20px, 1.25vw, 28px);/*24*/
    text-align: left;
    font-style: normal;
    /*min-height:5.9375vw;
    min-height:clamp(80px, 5.9375vw, 130px);114*/
}