@charset "UTF-8";
/* CSS Document */
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form { margin:0;}
ol,ul {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
html { font-size: 16px; color: #666; height:100%;}
button{font-family:"Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif;	}

.bind-phone-tips {
    font-size: .8rem;
    color: #333;
    background: #ffcbce url(icon_th.png) 6px center no-repeat;
    background-size: 16px 16px;
    border-radius: 4px;
    padding: 6px 10px;
    line-height: 1.6;
    margin-bottom: 20px
}

.bind-phone-tips span {
    color: #e60012
}

.bind-phone-position {
    box-sizing: border-box;
    position: absolute;
    top: 300px;
    left: 5%;
    width: 90%;
    background: rgba(0,0,0,.85);
    color: #fff;
    border-radius: 8px;
    font-size: .373rem;
    padding: 20px;
    z-index: 999
}

.bind-phone-position .group {
    padding: 20px 0 0
}

.bind-phone-position p {
    text-align: center;
    line-height: .533rem
}

.bind-phone-position-top {
    top: 200px
}

.classPc .bind-phone-content {
    background: #f7f8fc;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    color: #333;
    line-height: 24px;
    padding: 10px;
    margin-top: 20px
}

.bind-phone-tips2 {
    font-size: .8rem;
    color: #333;
    background: #f7f8fc url(icon_th.png) 6px center no-repeat;
    background-size: 16px 16px;
    border-radius: 4px;
    padding: 6px 10px;
    line-height: 1.6;
    margin-bottom: 20px
}

.bind-phone-tips span {
    color: #e60012
}

.bind-phone-position {
    box-sizing: border-box;
    position: absolute;
    top: 300px;
    left: 5%;
    width: 90%;
    background: rgba(0,0,0,.85);
    color: #fff;
    border-radius: 8px;
    font-size: .373rem;
    padding: 20px;
    z-index: 999
}

.bind-phone-position .group {
    padding: 20px 0 0
}

.bind-phone-position p {
    text-align: center;
    line-height: .533rem
}

.bind-phone-position-top {
    top: 200px
}

.classPc .bind-phone-content {
    background: #f7f8fc;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    color: #333;
    line-height: 24px;
    padding: 10px;
    margin-top: 20px
}

.countyuan{
            display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
            margin: 0;
            font-family: Arial, sans-serif;
			}
 .countdown-circle {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background-color: #E3B0CB;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 0 10px rgba(223,201,219,1.00);
        }
 .countdown-number {
            font-size: 2em;
            color: #FFF;
            margin: 0;
			height:auto;
        }
.body-none-bg{ 
    width: 100%;
	height:100%;
	text-align:center;
	font-family:"Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif;	
}
.body-bg{ 
    width: 100%;
	height:100%;
	text-align:center;
	font-family:"Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif;
 	background:url(../images/bg.jpg) no-repeat center; 
	background-size:cover;	
}
/* .body-bg:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
} */
li { list-style: none;  vertical-align:top;}
a { text-decoration: none;cursor:pointer;}
a:hover{ text-decoration: none; cursor:pointer;}
a:focus{outline:none;}
input { outline: none; background:none;}
img { border: 0 none;}
b{ font-weight:normal;}
i{ font-style:normal;}
*:focus {outline: none;}
.clearfix{zoom:1;}
.clearfix:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
} 
.fl { float: left;}
.fr { float: right;}

.fz12{ 
	font-size:16px;    
	word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }
.mag-l20{ margin-left:20px;}

.link-color{color:#3388ff;}
.link-color:hover{color:#2e7ae5}
.ma-j{
  font-size:12px;
  -webkit-font-smoothing: antialiased;
  margin-bottom:12px;
  padding-top:2px;
  text-align:left;
}
.register-box .erro-box{ 
  color:#ff4646;
}
.register-box .green-box{
  color:#33BB66;
}
.register-box .green-box a.a-def{
    background: #fff;
    color: #3388ff;
    cursor: pointer;
}
.register-box .gray-box{
  color:#666;
}


.index-main{
	text-align: center;
    white-space: nowrap;
    height: 100%;
	min-height: 100%;
    margin-bottom: -32px;
   
}
/* .index-main:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
} */
.min-box{ display:inline-block;vertical-align:middle; white-space:normal; min-height:570px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top:50px}


/*logo*/
.logo-box{ 
  width:380px; height:64px; margin:0 0 12px;
  background: url(../images/logo_cjt.png) no-repeat center;
  background-image: -webkit-image-set(url(../images/logo_cjt.png) 1x, url(../images/registerV2/logo_cjt@2x.png) 2x);
  background-image: -moz-image-set(url(../images/logo_cjt.png) 1x, url(../images/registerV2/logo_cjt@2x.png) 2x);
  background-image: -ms-image-set(url(../images/logo_cjt.png) 1x, url(../images/registerV2/logo_cjt@2x.png) 2x);
  background-image: -o-image-set(url(../images/logo_cjt.png) 1x, url(../images/registerV2/logo_cjt@2x.png) 2x);
  _background-image: url(../images/logo_cjt.png);
 }
/*footer*/
.footer-box{
	width:100%;
	font-size: 12px;
    line-height: 22px;
    text-align: center;
	color:#333;
	-webkit-font-smoothing: antialiased;
	cursor:pointer;
}
.footer-box a{ color:#333;}
.footer-box a:hover{ color:#fff;}
.dot{ margin:0 3px;}
/*register-box*/
.register-box{ 
width:318px; padding:30px;
}
.register-box h2{font-size:16px; line-height:30px; color:#e60012; font-weight:bold;}
.register-box p{ margin-bottom:20px;-webkit-font-smoothing: antialiased;}
.group-input{border:1px solid #dadada; border-radius:2px;  position:relative;}
.slider-box{ height:35px; background:#dfdfdf; margin-bottom:16px;}
.slider-box-reg { height:35px; background:#dfdfdf; margin-bottom:16px;}
.slider-box2{background:#dfdfdf; margin-bottom:16px;}
.input-style{
	width:100%;
	font-size:14px;
    vertical-align:middle;
	outline:none;
	background:transparent;
	box-shadow:inset 0px 0px 0px rgba(0,0,0,0);
	-webkit-appearance:none;
	border:0;
	color:#333;	
	box-sizing:border-box;
	padding:1em 0.8em 1em 3em;
}
.input-codes{
	width:100%;
	font-size:14px;
    vertical-align:middle;
	outline:none;
	background:transparent;
	box-shadow:inset 0px 0px 0px rgba(0,0,0,0);
	-webkit-appearance:none;
	border:0;
	color:#333;	
	box-sizing:border-box;
	padding:1em 0.8em 1em 3em;
}
.placeholder-sty{ color:#aaa; position:absolute; top:.9em; left:3em;-webkit-font-smoothing: antialiased;}
.btn-code{
	 display:block;position:absolute;top:9px; right:0; 
     width:120px; height:28px; line-height:28px;
	 background:transparent;outline:none;box-shadow:none; border:0;
	 font-size:14px; border-left:1px solid #dadada;cursor:pointer;

}
.input-icon{ display:block; width:40px; height:45px; background:#fff; position:absolute; top:0; left:0;}
.input-phone{
	background: url(../images/icon_phone.png) no-repeat center;
    background-image: -webkit-image-set(url(../images/icon_phone.png) 1x, url(../images/registerV2/icon_phone@2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon_phone.png) 1x, url(../images/registerV2/icon_phone@2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon_phone.png) 1x, url(../images/registerV2/icon_phone@2x.png) 2x);
    background-image: -o-image-set(url(../images/icon_phone.png) 1x, url(../images/registerV2/icon_phone@2x.png) 2x);
    _background-image: url(../images/icon_phone.png);
}
.input-email{
    background: url(../images/icon_email.png) no-repeat center;
    background-image: -webkit-image-set(url(../images/icon_email.png) 1x, url(../images/registerV2/icon_email@2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon_email.png) 1x, url(../images/registerV2/icon_email@2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon_email.png) 1x, url(../images/registerV2/icon_email@2x.png) 2x);
    background-image: -o-image-set(url(../images/icon_email.png) 1x, url(../images/registerV2/icon_email@2x.png) 2x);
    _background-image: url(../images/icon_email.png);
}
.input-code{
	background: url(../images/icon_code.png) no-repeat center;
    background-image: -webkit-image-set(url(../images/icon_code.png) 1x, url(../images/registerV2/icon_code@2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon_code.png) 1x, url(../images/registerV2/icon_code@2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon_code.png) 1x, url(../images/registerV2/icon_code@2x.png) 2x);
    background-image: -o-image-set(url(../images/icon_code.png) 1x, url(../images/registerV2/icon_code@2x.png) 2x);
    _background-image: url(../images/icon_code.png);
}
.input-password{
   background: url(../images/icon_password.png) no-repeat center;
   background-image: -webkit-image-set(url(../images/icon_password.png) 1x, url(../images/registerV2/icon_password@2x.png) 2x);
   background-image: -moz-image-set(url(../images/icon_password.png) 1x, url(../images/registerV2/icon_password@2x.png) 2x);
   background-image: -ms-image-set(url(../images/icon_password.png) 1x, url(../images/registerV2/icon_password@2x.png) 2x);
   background-image: -o-image-set(url(../images/icon_password.png) 1x, url(../images/registerV2/icon_password@2x.png) 2x);
   _background-image: url(../images/icon_password.png);
}
.btn-register{ 
    display:block;width:100%; height:47px; line-height:46px; border-radius:2px;
	color:#fff; background:#E4592A; border:0; font-size:16px;

}

.border-box{
	background:#fff;
	 width:378px; 
	 border:1px solid #ebebeb; 
	 border-radius:4px;
	 -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);  
     -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);  
     box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

.btn-disabled{ 
 	cursor:default;
 	color:#ccc;
}
.btn-disabled:hover{color:#ccc;}
.btn-box .btn-red{ color:#fff; background:#ff4646;cursor:pointer}
.btn-box .btn-red:hover{ background:#e53e3e;}
.other-box{ margin-top: -10px;margin-bottom: 30px;}
/*bg*/
.bg-box{ position:absolute; width:100%; height:100%; z-index:-2; top:-50px;}
#myCanvas{
	border: 1px;
	width:100%;
	background:transparent;
	height:100%;
	display:block;
}
.btn-box a.a-def{
    background: #fff;
    color: #3388ff;
    cursor: pointer;
}
.plice-link{ display:inline-block; height:20px; padding-left:22px; background:url(../images/batb.png) no-repeat left top; padding-top:2px;}

.xy-box{ margin-bottom:16px;-webkit-font-smoothing: antialiased;}
.xy-box span{ display:block;}

@media (min-height: 800px){
 .min-box{ margin-top:120px;}
}
@media (max-height: 600px){
 .body-bg{ background-size: inherit;}
}

@media (max-height: 600px) and (min-width: 741px){
 .index-main{height: auto;}
}