/*
	[DESTOON B2B System] Copyright (c) 2008-2020 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
/*
	[DESTOON B2B System] Copyright (c) 2008-2020 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
.bggreen {position: absolute;top: 102px;left: 352px;width: 348px;height: 348px;background: rgba(14,226,135,.5);-webkit-filter: blur(400px);ilter: blur(400px);transform: translateZ(0);}
.bgblue {position: absolute;top: 403px;left: 770px;width: 348px;height: 348px;background: rgba(85,173,255,.5);-webkit-filter: blur(400px);filter: blur(400px);transform: translateZ(0);}
.colors_logo{position: absolute;top: 26px;left: 32px}
.colors_logo_l{overflow:hidden;margin-bottom:15px;}
.login-logo{float: left;}
.login-logo img{height:30px;float:left}
.login-logo-text{float:left; font-size:18px;color:#000;padding-left:15px;line-height:33px}
#msgs{z-index:1000;position:absolute;right:10px;top:10px;padding:0px 15px;background:#3269ff;border-radius:30px;height:30px;line-height:30px;color:#FFFFFF;text-align:center;display:none;font-size:12px;}
.login-main {position: absolute;top: 200px;left: 50%;width: 450px;min-height: 350px;padding: 35px;border-radius: 4px;background: #fff;box-shadow: 0 8px 21px rgb(30 40 77 / 15%);transform: translate(-50%,0%);box-sizing: border-box;}
.login-head {overflow:hidden;}
.login-head dd {float:left!important;font-size:16px;margin-right:25px}
.login-head a {display:block;color:#999}
.login-head .on a,.login-head .on a:hover {color:#000}

.login-body div {padding:35px 0px 0 0px;font-size:14px;}
.login-oauth {text-align:center;margin-top:0px;}
.login-oauth img {width:24px;height:24px;padding:8px;}
.login-oauth img:hover {background:#E5E5E5;}
.login-btn {height:50px;line-height:50px;font-size:16px;width:100%;background:#3269ff;border:none;color:white;padding:0px;margin:0;border-radius:5px}

.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code {padding:10px 0px 10px 20px;height:22px;line-height:22px;border-bottom:#E5E5E5 1px solid;font-size:14px;border-left:none;border-right:none;border-top:none;}
.input-captcha {background:url('image/input-captcha.png') no-repeat 0px center;width:360px;}
.input-question {background:url('image/input-question.png') no-repeat 0px center;}
.input-user {background:url('image/input-username.png') no-repeat 0px center;width:360px;}
.input-pass {background:url('image/input-password.png') no-repeat 0px center;width:360px;}
.input-mob {background:url('image/input-mobile.png') no-repeat 0px center;width:360px;}
.input-mail {background:url('image/input-mail.png') no-repeat 0px center;width:360px;}
.input-text {background:url('image/input-text.png') no-repeat 0px center;width:360px;}
.input-code {background:url('image/input-password.png') no-repeat 0px center;width:360px;}
.login-b{padding-top:10px!important;}
.login-b a{color:#3269ff;font-size:12px;}
.login-b a.left{float: left;}
.login-b a.right{float: right;}

.login-main input:focus{outline:none;border-bottom:#3269ff 1px solid;}
.reg-main input:focus{outline:none;border-bottom:#3269ff 1px solid;}

.sendsms{position: relative;}
.sendsms em{position:absolute;right:0px;bottom:15px}
.sendsms em a{color:#3269ff;}
.captcha{position: relative;}
.captcha em{position:absolute;right:0px;bottom:5px}
.reg em{position:absolute;right:0px;top:40px!important}

.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:#FF0000;}
.f_blue {color:#003EAA;}
.f_green {color:#2BA245;}

.reg-main {position: absolute;top: 100px;left: 50%;width: 450px;min-height: 350px;padding: 35px;border-radius: 4px;background: #fff;box-shadow: 0 8px 21px rgb(30 40 77 / 15%);transform: translate(-50%,0%);box-sizing: border-box;}
.reg-step ul {height:48px;border-bottom:#E5E5E5 1px solid;overflow:hidden;}
.reg-step li {display:inline;float:left;height:48px;width:33%!important;line-height:48px;text-align:center;font-size:16px;border-bottom:#E5E5E5 1px solid;color:#9999B2;}
.reg-step li i {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('image/reg-step.png') no-repeat 0 0;display:inline-block;margin:12px 6px 0 0;font-style:normal;font-size:14px;}
.reg-step li b {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('image/reg-step.png') no-repeat 0 -48px;display:inline-block;margin:12px 6px 0 0;font-size:14px;}
.reg-step .on {border-bottom:#2587F4 1px solid;color:#2587F4;color:#333333;}
.reg-step .on i {background:url('image/reg-step.png') no-repeat 0 -24px;}
.reg-step .on b {background:url('image/reg-step.png') no-repeat 0 -72px;}

.reg-tb td {padding:10px 0;font-size:14px;position:relative} 
.reg-tb td span{position: absolute;right:0;top:20px;}
.reg-inp {width:280px;padding:10px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.reg-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.tips {position:absolute;z-index:100;width:200px;background:#333;color:white;overflow:hidden;right:-230px;border-radius:5px;top:0;}
.tips div{line-height:22px;padding:8px 10px 8px 10px;font-size:12px;}

.login_copyright{overflow: hidden;}
/*Dialog*/
#Dtop{border:#E0E0E0 6px solid;border-radius:10px;}
#Dtop .dbody{background:#FFFFFF;}
#Dtop .dhead{background:#F0F0F0;border-bottom:#E7E7EB 1px solid;padding-left:16px;font-size:15px;line-height:32px;height:32px;font-weight:bold;cursor:move;-moz-user-select:none;-khtml-user-select:none;user-select:none;}
#Dtop .dhead span{float:right;cursor:pointer;display:block;width:32px;height:32px;background:url('dialog-close.png') no-repeat center center;}
#Dtop .dhead span:hover{background:#F45454 url('dialog-close-on.png') no-repeat center center;border-radius:0 3px 0 0;}
#Dtop .dbox{overflow:hidden;line-height:180%;clear:both;}
#Dtop .dbox table{margin-left:10px;}
#Dtop .dsize{height:11px;font-size:1px;}
#Dtop .dsize div{height:11px;width:11px;background:url('resize.gif') no-repeat;cursor:se-resize;font-size:1px;float:right;}