/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
#msgs{z-index:1000;position:absolute;width:150px;margin:48px auto 0 96px;background:#333333;border-radius:5px;height:32px;line-height:32px;color:#FFFFFF;text-align:center;display:none;}
.login-show {width:400px;min-height:200px;float:left;}
.login-main {
	width: 342px;
    background: #FFFFFF;
    border: #E5E5E5 1px solid;
    border-radius: 10px;
    float: right;
    margin-right: 350px;
	margin-top:160px;
	}
.login-head {height:50px;overflow:hidden;}
.login-head ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.login-head li {float:left;width:114px;height:48px;line-height:48px;text-align:center;font-size:16px;border-bottom:#E5E5E5 2px solid;}
.login-head a {display:block;width:114px;height:48px;}
.login-head li:hover {border-bottom:#666666 2px solid;}
.login-head .on,.login-head .on:hover {border-bottom:#FF8300 2px solid;font-weight:bold;}
.login-body {/* padding-bottom:20px; */}
.login-body .jianju {padding:30px 20px 0 20px;font-size:14px;}
.login-oauth {border-top:#E5E5E5 1px solid;text-align:center;margin-top:20px;}
.login-oauth img {width:30px;height:30px;padding:8px;}
.login-oauth img:hover {/* background:#E5E5E5; */}
.login-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code {padding:10px 10px 10px 30px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.input-captcha {background:url('../image/input-captcha.png') no-repeat 8px center;width:100px;}
.input-question {background:url('../image/input-question.png') no-repeat 8px center;width:260px;}
.input-user {background:url('../image/input-username.png') no-repeat 8px center;width:260px;}
.input-pass {background:url('../image/input-password.png') no-repeat 8px center;width:260px;}
.input-mob {background:url('../image/input-mobile.png') no-repeat 8px center;width:260px;}
.input-mail {background:url('../image/input-mail.png') no-repeat 8px center;width:260px;}
.input-text {background:url('../image/input-text.png') no-repeat 8px center;width:260px;}
.input-code {background:url('../image/input-password.png') no-repeat 8px center;width:100px;}

.reg-main {width:900px;margin:0 auto;}
.reg-step ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.reg-step li {display:inline;float:left;width:240px;height:48px;line-height:48px;text-align:center;font-size:16px;font-weight:bold;border-bottom:#E5E5E5 2px 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 2px 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 {width:700px;margin:0 auto;}
.reg-tb td {padding:10px;font-size:14px;}
.reg-tb .tl {   
    float: left;
    width: 110px;
    min-height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    color: #222;}
.reg-tb .tr {width:330px;float:left}
.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:300px;background:url('../image/tips_bg.gif') no-repeat 0 bottom;overflow:hidden;margin:-6px 0 0 -10px;}
.tips div{background:url('../image/tips_top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;font-size:12px;}        .inp {            border: 1px solid #cccccc;            border-radius: 2px;            padding: 0 10px;            width: 278px;            height: 40px;            font-size: 18px;        }        .btn {            display: inline-block;            box-sizing: border-box;            border: 1px solid #cccccc;            border-radius: 2px;            width: 100px;            height: 40px;            line-height: 40px;            font-size: 16px;            color: #666;            cursor: pointer;                    }        .btn:hover {               }        #captcha1 {                        display: inline-block;        }        label {            vertical-align: top;            display: inline-block;            width: 80px;            text-align: right;        }        #text {            height: 42px;            width: 298px;            text-align: center;            border-radius: 2px;            background-color: #F3F3F3;            color: #BBBBBB;            font-size: 14px;            letter-spacing: 0.1px;            line-height: 42px;        }        #wait {            display: none;            height: 42px;            width: 298px;            text-align: center;            border-radius: 2px;            background-color: #F3F3F3;        }        .loading {            margin: auto;            width: 70px;            height: 20px;        }        .loading-dot {            float: left;            width: 8px;            height: 8px;            margin: 18px 4px;            background: #ccc;            -webkit-border-radius: 50%;            -moz-border-radius: 50%;            border-radius: 50%;            opacity: 0;            -webkit-box-shadow: 0 0 2px black;            -moz-box-shadow: 0 0 2px black;            -ms-box-shadow: 0 0 2px black;            -o-box-shadow: 0 0 2px black;            box-shadow: 0 0 2px black;            -webkit-animation: loadingFade 1s infinite;            -moz-animation: loadingFade 1s infinite;            animation: loadingFade 1s infinite;        }        .loading-dot:nth-child(1) {            -webkit-animation-delay: 0s;            -moz-animation-delay: 0s;            animation-delay: 0s;        }        .loading-dot:nth-child(2) {            -webkit-animation-delay: 0.1s;            -moz-animation-delay: 0.1s;            animation-delay: 0.1s;        }        .loading-dot:nth-child(3) {            -webkit-animation-delay: 0.2s;            -moz-animation-delay: 0.2s;            animation-delay: 0.2s;        }        .loading-dot:nth-child(4) {            -webkit-animation-delay: 0.3s;            -moz-animation-delay: 0.3s;            animation-delay: 0.3s;        }        @-webkit-keyframes loadingFade {            0% { opacity: 0; }            50% { opacity: 0.8; }            100% { opacity: 0; }        }        @-moz-keyframes loadingFade {            0% { opacity: 0; }            50% { opacity: 0.8; }            100% { opacity: 0; }        }        @keyframes loadingFade {            0% { opacity: 0; }            50% { opacity: 0.8; }            100% { opacity: 0; }        }		.captcha1{		  padding-top:30px;		  text-align:center;		}