body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul{list-style:none;}
q:before,q:after{content:'';}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
body, button, input, select, textarea {font-family: Tahoma, Arial, "Microsoft YaHei", sans-serif; /*中文优先雅黑后宋体, 使用utf-8编码及英文双重表示，兼容性更好*/}
/* layout size  */
@media screen and (max-width:320px){html{font-size:1rem}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:1.125rem}}
@media screen and (min-width:361px) and (max-width:400px){html{font-size:1.25rem}}
@media screen and (min-width:401px) and (max-width:440px){html{font-size:1.375rem}}
@media screen and (min-width:441px) and (max-width:480px){html{font-size:1.5rem}}
@media screen and (min-width:481px) and (max-width:520px){html{font-size:1.625rem}}
@media screen and (min-width:521px) and (max-width:560px){html{font-size:1.75rem}}
@media screen and (min-width:561px) and (max-width:600px){html{font-size:1.875rem}}
@media screen and (min-width:601px) and (max-width:640px){html{font-size:2rem}}
@media screen and (min-width:641px) and (max-width:680px){html{font-size:2.125rem}}
@media screen and (min-width:681px) and (max-width:720px){html{font-size:2.25rem}}
@media screen and (min-width:721px) and (max-width:760px){html{font-size:2.375rem}}
@media screen and (min-width:761px) and (max-width:800px){html{font-size:2.5rem}}
@media screen and (min-width:800px){html{font-size:1rem}}

/* comon use */
.fll{float:left;}
.flr{float:right;}
.clearfix{display:block;}
.clearfix:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.por{position:relative;}
.poa{position:absolute;}
.center{text-align:center;}
.hide{display:none;}

html, body {
    width: 100%;
    height: 100%;
}

/*手机端结果页样式开始*/

main.mobile-result {
    height: 100%;
}

main.mobile-result .header {
    width: 100%;
    text-align: center;
}

main.mobile-result .header img {
    padding-top: 3.125rem;
    margin: 0 auto;
    width: 12.34375rem;
    height: 7.125rem;
}

main.mobile-result .result-main {
    display: block;
    height: 3.125rem;
}

main.mobile-result .result-main .btn-down {
    display: block;
    margin: 1rem auto;
    width: 11.875rem;
    height: 2.375rem;
    background: url("../img/mobile-result-down.png") center center no-repeat;
    background-size: 11.875rem 2.375rem;
    border: 0;
    outline: none;
}

main.mobile-result .footer {
    width: 100%;
    text-align: center;
}

main.mobile-result .footer img {
    margin: 0 auto;
    width: 20rem;
    height: 12.8125rem;
}

/*手机端注册页样式开始*/

main.mobile-register .header img {
    width: 100%;
}

main.mobile-register .container {
    display: block;
    height: 23.875rem;
}

main.mobile-register .container .form-group {
    position: relative;
    width: 95%;
    height: 17.5625rem;
    margin: 0.625rem auto;
    background-color: #dcdcdc;
    border: 0.0625rem solid #969696;
    border-radius: 0.3125rem;
    font-size: 1rem;
}

main.mobile-register .footer img {
    width: 100%;
}

/*PC注册页样式开始*/

main.pc-register {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.pc-register-header {
    width: 100%;
    text-align: center;
}

.pc-register-header img {
    padding-top: 10px;
    padding-left: 50px;
    margin: 0 auto;
    width: 551px;
    height: 560px;
}
.btn-div{margin:0 auto;text-align: center;}
.btn-register {
    display: inline-block;
    margin: 40px auto;
    padding-bottom: 20px;
    width: 509px;
    height: 86px;
    background: url("../img/pc-reg-down.png") center center no-repeat;
    background-size: 509px 86px;
    border: 0;
    outline: none;
}

main.pc-register .register-form {
    width: 418px;
    height: 577px;
    position: absolute;
    background: url("../img/pc-reg-form-bg.png") center center no-repeat;
    background-size: cover;
    z-index: 6000;
    text-align: left;
}

main.pc-register .register-form .form {
    width: 90%;
    padding-top: 100px;
    margin: 0 auto;
}

main.pc-register .register-form .form .control-group {
    padding-top: 20px;
}

main.pc-register .register-form .form .control-group .input-control {
    height: 52px;
    line-height: 52px;
}

main.pc-register .register-form .form .control-group .input-control input {
    height: 20px;
    line-height: 20px;
    border: 1px solid #969696;
    border-radius: 5px;
    padding: 15px 5%;
    font-size: 16px;
}

main.pc-register .register-form .form .control-group .input-control input:active,
main.pc-register .register-form .form .control-group .input-control input:focus,
main.pc-register .register-form .form .control-group .input-control input:hover,
main.pc-register .register-form .form .control-group.otp .input-control input:active,
main.pc-register .register-form .form .control-group.otp .input-control input:focus,
main.pc-register .register-form .form .control-group.otp .input-control input:hover {
    border: 1px solid #ff0066;
}

main.pc-register .register-form .form .control-group .input-control button.btn-clear {
    width: 26px;
    height: 52px;
    background: url("../img/close.png") center center no-repeat;
    background-size: 12px 12px;
}

main.pc-register .register-form .form .control-group.otp .input-control {
    width: 48%;
    height: 52px;
    line-height: 52px;
}

main.pc-register .register-form .form .control-group.otp .input-control input {
    height: 20px;
    line-height: 20px;
    border: 1px solid #969696;
    border-radius: 5px;
    padding: 15px 16px;
    font-size: 16px;
}

main.pc-register .register-form .form .control-group.otp .input-control button.btn-clear {
    right: -16px;
    width: 26px;
    height: 52px;
    background: url("../img/close.png") center center no-repeat;
    background-size: 12px 12px;
}

main.pc-register .register-form .form .control-group.otp .btn-send{
    height: 52px;
    line-height: 52px;
    border-radius: 5px;
    font-size: 14px;
}

main.pc-register .register-form .form .control-group.password .input-control {
    height: 113px;
    border: 1px solid #969696;
    border-radius: 5px;
}

main.pc-register .register-form .form .control-group.password .input-control input {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

main.pc-register .register-form .form .control-group.password .input-control input:active,
main.pc-register .register-form .form .control-group.password .input-control input:focus,
main.pc-register .register-form .form .control-group.password .input-control input:hover {
    top: -1px;
    left: -1px;
    border: 1px solid #ff0066;
}

main.pc-register .register-form .form .control-group.password .input-control .tip-list {
    padding-top: 52px;
}

main.pc-register .register-form .form .control-group.password .input-control .tip-list .password-tip {
    height: 28px;
    line-height: 28px;
    margin: 0 16px;
    border-bottom: 1px solid #bbbbbb;
    font-size: 14px;
    background: url("../img/tick-gray.png") left no-repeat;
    background-size: 16px 12px;
    padding-left: 20px;
}

main.pc-register .register-form .form .control-group.password .input-control .tip-list .password-tip.active {
    background: url("../img/tick-blue.png") left no-repeat;
    background-size: 16px 12px;
}

main.pc-register .register-form .form .control-group.password .input-control .tip-list .password-tip:last-child {
    border-bottom: 0;
}

main.pc-register .register-form .form .help-block {
    width: 85%;
    margin: 20px auto;
    font-size: 12px;
}

main.pc-register .register-form .form .btn-group .btn-primary{
    height: 60px;
    border-radius: 5px;
    font-size: 20px;
    margin-top: 10px;
}

main.pc-register .register-form .protocol {
    padding-top: 8px;
    padding-bottom: 16px;
}

main.pc-register .register-form .protocol a.yqbfwxy {
    font-size: 12px;
}

.pc-register-footer {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 100px;
}

.pc-register-footer img {
    margin: 0 auto;
    width: 850px;
    height: 400px;
}

/*PC结果页样式开始*/

div.pc-result {
    width: 100%;
    display: inline-block;
    text-align: center;
}

div.pc-result .header-result {
    width: 100%;
    text-align: center;
}

div.pc-result .header-result img {
    padding-top: 50px;
    padding-left: 50px;
    margin: 0 auto;
    width: 562px;
    height: 610px;
}

div.pc-result .btn-group {
    display: inline-block;
    width: 800px;
    margin: 0 auto;
}

div.pc-result .btn-group .btn-android {
    display: inline-block;
    margin-bottom: 40px;
    width: 380px;
    height: 76px;
    background: url("../img/pc-android-down.png") center center no-repeat;
    background-size: 380px 76px;
    border: 0;
    outline: none;
    float: left;
}

div.pc-result .btn-group .btn-ios {
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 40px;
    width: 380px;
    height: 76px;
    background: url("../img/pc-ios-down.png") center center no-repeat;
    background-size: 380px 76px;
    border: 0;
    outline: none;
}

div.pc-result .footer {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 100px;
}

div.pc-result .footer img {
    margin: 0 auto;
    width: 850px;
    height: 400px;
}



/*PC公用头尾样式*/
.header {
    width: 100%;
    height: 100px;
    background-color: #ffffff;
}

.header .container{
    width: 960px;
    margin: 0 auto;}

.header .container .logo {
    display: inline-block;
    width: 287px;
    height: 35px;
    margin: 35px 45px 30px;
    background: url("../img/pc-logo.png") no-repeat;
    background-size: cover;
    text-indent: -9999px;
    text-decoration: none;
}

 .header .container .contact {
    display: inline-block;
    height: 31px;
    line-height: 31px;
    margin: 39px 37px 30px 0;
    float: right;
}

 .header .container .contact .weibo {
    display: inline-block;
    width: 184px;
    height: 31px;
    margin-right: 10px;
    background: url("../img/pc-weibo.png") no-repeat;
    background-size: cover;
}

 .header .container .contact .wechat {
    display: inline-block;
    width: 184px;
    height: 31px;
    background: url("../img/pc-wechat.png") no-repeat;
    background-size: cover;
}

 .footer {
    display: inline-block;
    width: 100%;
    height: 130px;
    font-size: 14px;
    color: #ffffff;
    line-height: 2;
}
 .footer .container{
    min-width: 960px;
    margin: 0 auto;
    padding-top: 39px;
    padding-bottom: 39px;
}
 .footer .container dl{display:block;}
 .footer a {
    color: #ffffff;
    text-decoration: none;
}
 .footer a:hover {
    text-decoration: underline;
}
 .footer .link-list {width: 600px; margin: 0 auto;}
 .footer .link-list dt,  .footer .link-list dd{
    display: inline;
}
 .footer .link-list a{
    border-right: 1px solid #ccc;
    padding: 0 4px;
}
 .footer .link-list a.last{
    border-right: 0 none;
}
.copyright-bar{width:600px; margin: 0 auto;text-align: center;}

/*表单公用样式开始*/
.form .control-group {
    width: 95%;
    margin: 0 auto;
    padding-top: 1rem;
    *zoom: 1;
}
.form .control-group:before,
.form .control-group:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}

.form .control-group .input-control {
    position: relative;
    width: 100%;
    height: 2.625rem;
    line-height: 2.625rem;
}

.form .control-group .input-control input {
    position: absolute;
    width: 90%;
    height: 1.25rem;
    line-height: 1.25rem;
    border: 0.0625rem solid #969696;
    border-radius: 0.3125rem;
    padding: .625rem 5%;
    font-size: 1rem;
}

.form .control-group .input-control input:active,
.form .control-group .input-control input:focus,
.form .control-group .input-control input:hover,
.form .control-group.otp .input-control input:active,
.form .control-group.otp .input-control input:focus,
.form .control-group.otp .input-control input:hover {
    border: .0625rem solid #ff0066;
    box-shadow: none;
    outline: none;
    outline-offset: 0
}

.form .control-group .input-control button.btn-clear {
    position: absolute;
    right: 0;
    width: 1.625rem;
    height: 2.625rem;
    background: url("../img/close.png") center center no-repeat;
    background-size: 0.78125rem 0.75rem;
    border: 0;
}

.form .control-group.otp .input-control {
    position: relative;
    width: 48%;
    height: 2.625rem;
    line-height: 2.625rem;
    float: left;
}

.form .control-group.otp .input-control input {
    position: absolute;
    height: 1.25rem;
    line-height: 1.25rem;
    border: 0.0625rem solid #969696;
    border-radius: 0.3125rem;
    padding: .625rem 1rem;
    font-size: 1rem;
}

.form .control-group.otp .input-control button.btn-clear {
    position: absolute;
    right: -1rem;
    width: 1.625rem;
    height: 2.625rem;
    background: url("../img/close.png") center center no-repeat;
    background-size: 0.78125rem 0.75rem;
    border: 0;
}

.form .control-group.otp .btn-send{
    width: 42%;
    height: 2.625rem;
    line-height: 2.625rem;
    color: #FFFFFF;
    background-color: #75ccff;
    border: 0;
    border-radius: 0.3125rem;
    font-size: .875rem;
    outline: none;
    float: right;
}

.form .control-group.otp .btn-send.disabled,
.form .control-group.otp .btn-send[disabled],
.form .control-group.otp .btn-send[disabled]:hover,
.form .control-group.otp .btn-send[disabled]:active {
    background-color: #c8c8c8;
    color: #aaaaaa;
}

.form .control-group.password .input-control {
    height: 6.4375rem;
    background-color: #f5f5f5;
    border: 0.0625rem solid #969696;
    border-radius: 0.3125rem;
}

.form .control-group.password .input-control input {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.form .control-group.password .input-control input:active,
.form .control-group.password .input-control input:focus,
.form .control-group.password .input-control input:hover {
    top: -0.0625rem;
    left: -0.0625rem;
    border: .0625rem solid #ff0066;
    box-shadow: none;
    outline: none;
    outline-offset: 0
}

.form .control-group.password .input-control .tip-list {
    padding-top: 2.625rem;
}

.form .control-group.password .input-control .tip-list .password-tip {
    display: block;
    height: 1.75rem;
    line-height: 1.75rem;
    margin: 0 1rem;
    border-bottom: 0.0625rem solid #bbbbbb;
    font-size: 0.875rem;
    color: #aaaaaa;
    background: url("../img/tick-gray.png") left no-repeat;
    background-size: 1rem 0.75rem;
    padding-left: 1.25rem;
}

.form .control-group.password .input-control .tip-list .password-tip.active {
    color: #000000;
    background: url("../img/tick-blue.png") left no-repeat;
    background-size: 1rem 0.75rem;
}

.form .control-group.password .input-control .tip-list .password-tip:last-child {
    border-bottom: 0;
}

.form ::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 1rem;
    color: #dddddd;
}
.form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 1rem;
    color: #dddddd;
}
.form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 1rem;
    color: #dddddd;
}
.form :-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 1rem;
    color: #dddddd;
}

.form .help-block {
    display: block;
    width: 85%;
    margin: 0.3125rem auto;
    font-size: 0.75rem;
    color: #aaaaaa;
}

.form .btn-group {
    width: 95%;
    margin: 0 auto;
}

.form .btn-group .btn-primary{
    width: 100%;
    height: 3.125rem;
    color: #FFFFFF;
    background-color: #ff0066;
    border: 0;
    border-radius: 0.3125rem;
    font-size: 1.1875rem;
    outline: none;
}

.form .btn-group .btn-primary.disabled,
.form .btn-group .btn-primary[disabled],
.form .btn-group .btn-primary[disabled]:hover,
.form .btn-group .btn-primary[disabled]:active {
    background-color: #dcdcdc;
}

.protocol {
    display: block;
    margin: 0 auto;
    padding-bottom: 1rem;
    text-align: center;
}

.protocol a.yqbfwxy {
    font-size: 0.75rem;
    color: #000000;
    text-decoration: none;
}

.orange {background-color: #ff4b19}
.blue {background-color: #35b5ee}
.cursor-point {cursor: pointer}

.loading-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.loading-content {
    width: 13.75rem;
    height: 3.125rem;
    padding: 0.3125rem;
    position: fixed;
    top: 50%; left: 50%;
    margin-left: -7.1875rem; /* (width + padding)/2 */
    margin-top: -1.875rem; /* (height + padding)/2 */
    border-radius: .3125rem;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 6000;
}

.loading-content .loading-text {
    text-align: center;
    margin-left: .3125rem;
    height: 3.125rem;
    padding: .875rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    font-size: 1rem;
    font-weight: normal;
}
.passwordPlaceholder{
    color:#a9a9a9;
    }
.password-tips
	{
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #bbbbbb;
	font-size: 14px;
	/* background: url("../img/hqb1209/tick-gray.png") left no-repeat; */
	/* background-size: 16px 12px; */
	/* padding-left: 10px; */
	display: block;
	color: #333;
	margin: 0 16px;
}
.checklogo{
	width:16px;
	height:12px;
	display:inline-block;
}