﻿html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, form, fieldset, legend, input, select, textarea, button, caption, th, td, blockquote, pre {
	margin: 0;
	padding: 0
}
body {
	font: 12px/20px "Microsoft YaHei"
}
label, input, select, textarea, button {
	vertical-align: middle;
	outline: 0
}
li {
	list-style: none
}
table {
	border-spacing: 0
}
caption, th {
	text-align: left
}
fieldset, img {
	border: 0
}
a {
	color: #0185c6;
	text-decoration: none;
	outline: 0
}
a:hover {
	color: #f60;
	text-decoration: none
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
* html .clearfix {
	zoom: 1
}
:first-child+html .clearfix {
	zoom: 1
}
.none {
	display: none
}
.header, .content, .footer {
	width: 1190px;
	margin: 8px auto 0
}
.footer {
	margin-top: 83px;
	padding: 10px 0 20px;
	border-top: 1px solid #eee;
	color: #999;
	line-height: 20px;
	text-align: center
}
.footer a:hover, .footer a {
	color: #999
}
.content {
	margin-top: 12px
}
.header a {
	float: left;
	margin-top: 16px
}
.welcome {
	float: left;
	margin: 45px 0 0 15px
}
.welcome h2 {
	font-size: 22px;
	color: #333;
	font-weight: 400;
	margin-right: 10px
}
.login_entry {
	float: right;
	font-size: 14px;
	color: #666;
	font-weight: 400;
	margin-top: 42px
}
.login_entry p {
	line-height: 30px
}
.login_entry a {
	display: inline-block;
	margin: 0 0 0 6px;
	float: right;
	width: 58px;
	height: 26px;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #666;
	text-align: center;
	line-height: 26px
}
.login_entry a:hover {
	background-color: #f5f5f5;
	text-decoration: none
}
h2 em {
	color: #F60;
	font-style: normal
}
.panel_middle {
	padding: 25px 0 0
}
.step_name li {
	float: left;
	height: 34px;
	text-align: center;
	font-size: 16px;
	width: 246px;
	font: 700 16px/24px "Microsoft YaHei";
	color: #999;
	padding-top: 26px
}
.step_name_1 {
	margin-left: 208px
}
.step_name_3 {
	margin-left: 32px
}
.invalid_message, .gou, .valid_symbol, .clause_close, .step_name, #telline em, .c_two_register_info_line em, .c_two_register_second_info_line em, .more_info_close, .more_info_open, .more_info_close span, .more_info_open span {
	background: url(../images/xcfx/reg.png) no-repeat
}
.step1 .step_name {
	background-position: 0 -9px
}
.input {
	margin-left: 10px;
	width: 310px;
	height: 34px;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding-left: 10px;
	line-height: 34px;
	-webkit-box-shadow: 1px 1px 1px #eaeaea inset;
	-moz-box-shadow: 1px 1px 1px #eaeaea inset;
	-ms-box-shadow: 1px 1px 1px #eaeaea inset;
	-o-box-shadow: 1px 1px 1px #eaeaea inset;
	box-shadow: .5px 1px 1px #eaeaea inset;
	font-size: 18px;
	font-family: Arial;
	color: #666
}
#telline {
	position: relative
}
#telline em {
	width: 14px;
	height: 21px;
	display: inline-block;
	position: absolute;
	left: 355px;
	top: 24px;
	background-position: -863px -195px
}
input.invalid {
	border-color: #F60
}
input.focus {
	border-color: #8297b0
}
.prompt {
	margin-left: 4px;
	color: #999
}
.invalid_message, .valid_message {
	vertical-align: middle;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	background-position: -154px -435px;
	background-color: #fff7dc;
	border: 1px solid #f4e09d;
	padding: 0 10px 0 30px;
	margin-left: 10px;
	color: #666
}
.code_invalid {
    margin-left: 175px;
}
.valid_symbol, .valid_symbol_step1_more_info {
	display: inline-block;
	width: 28px;
	height: 19px;
	line-height: 19px;
	background-position: -1127px -410px;
	vertical-align: middle;
	margin-left: 10px
}
.valid_symbol_step1_more_info {
	background-position: -942px -177px
}
.more_info_panel_line .radio_label, .panel_input_line .radio_label {
	padding-left: 5px;
	font-size: 14px;
	display: inline
}
.more_info_panel_line select, .panel_input_line select, .co_brand_card_type_line select {
	margin-left: 10px;
	padding: 3px 3px 3px 0;
	width: 95px;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #999
}
.male {
	margin-left: 5px
}
.female {
	margin-left: 20px
}
.step1 .step_name_1 {
	color: #50b400
}
.step_cont_1 {
	margin-top: 40px
}
.clause {
	width: 660px;
	padding: 0 15px 25px;
	display: none;
	background-color: #fff
}
body .none {
	display: none
}
.clause_head {
	height: 34px
}
.clause_close {
	width: 18px;
	height: 15px;
	display: block;
	float: right;
	margin: 10px 0 0;
	background-position: -1129px -241px
}
.clause_con {
	width: 658px;
	height: 340px;
	overflow: auto
}
.clause h2 {
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	font-family: \5B8B\4F53, sans-serif
}
.clause h3 {
	margin-top: 15px;
	line-height: 22px
}
.clause p {
	margin-left: 2em;
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px
}
.clause .indentP {
	margin-left: 4em
}
.clause .indentP2 {
	margin-left: 6em
}
.firstItem, .inputTip, .btnWrap {
	margin-left: 107px
}
.firstItem label, #lmk {
	height: 20px;
	line-height: 20px
}
.register_wrapper {
	float: left;
	margin-left: 274px
}
.infobar {
	float: right;
	display: block;
	width: 230px;
	height: 825px
}
.register_info_line {
    position:relative;
	padding: 17px 0
}
.register_info_line .label {
	display: inline-block;
	width: 95px;
	text-align: right;
	font-size: 14px;
	color: #333
}
.c_two_register_info_line {
	height: 34px;
	line-height: 34px;
	position: relative
}
.c_two_register_info_line .label {
	float: left;
	color: #333
}
.c_two_register_info_line input {
	float: left;
	margin-left: 13px
}
.c_two_register_info_line em {
	width: 16px;
	height: 18px;
	display: inline-block;
	position: absolute;
	left: 355px;
	top: 25px;
	background-position: -906px -196px
}
.c_two_register_second_info_line {
	position: relative
}
.c_two_register_second_info_line em {
	width: 16px;
	height: 18px;
	display: inline-block;
	position: absolute;
	left: 355px;
	top: 25px;
	background-position: -906px -196px
}
.register_info_line .checkbox {
	margin-left: 10px;
	border: 0;
	width: 13px;
	height: 20px;
	display: none
}
.c_reg_login {
	display: inline-block
}
.requied_symbol {
	color: red;
	margin-right: 5px;
	font-size: 14px;
	font-family: SimSun
}
.requied_symbols {
    color: red;
    margin-right: -160px;
    font-size: 14px;
    font-family: SimSun;
    position: relative;
    left: -170px;
    top: 0px;
}
.password_strength {
	padding: 0 0 0 210px;
	line-height: 16px
}
.password_strength li {
	float: left;
	width: 34px;
	margin-left: 2px;
	display: inline
}
.password_strength p {
	padding: 0;
	margin: 0;
	height: 14px;
	overflow: hidden;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 14px;
	background-color: #ccc
}
.password_strength .current_level_pointing {
	background-color: #ffa63c
}
.password_strength span {
	float: left;
	color: #999;
	font-size: 12px
}
.verif_code {
	width: 145px
}
.verif_code_img {
	width: 78px;
	height: 34px;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 10px
}
.change_verif_code_img, .change_verif_code_img_hover {
	color: #0185c6;
	font-size: 14px;
	margin-left: 4px;
	cursor: pointer
}
.has_co_brand_card_line, .has_read_and_agree_line {
	padding: 0;
	margin: 0
}
.has_co_brand_card_line .prompt, .has_read_and_agree_line .prompt {
	color: #666
}
.has_read_and_agree_line {
	line-height: 33px
}
.has_read_and_agree_line .has_read {
	color: #666;
	margin-left: 4px
}
.has_co_brand_card_line em, .has_read_and_agree_line em {
	width: 13px;
	height: 13px;
	display: inline-block;
	border: 1px solid #ccc;
	vertical-align: middle;
	margin-left: 10px
}
.gou {
	background-position: 2px -529px
}
.co_brand_card_type_line, .co_brand_card_no_line {
	padding-bottom: 4px
}
.co_brand_card_type_line .select {
	width: 269px
}
.more_info_wrapper {
	margin-left: 108px;
	margin-top: 17px
}
.more_info {
	line-height: 23px;
	padding: 0;
	margin: 0
}
.more_info_close, .more_info_open {
	display: inline-block;
	width: 118px;
	height: 26px;
	line-height: 26px;
	text-align: left;
	border: 0;
	color: #666;
	text-align: center;
	cursor: pointer;
	position: relative;
	background-position: -849px -400px
}
.more_info_close:hover, .more_info_open:hover {
	color: #666;
	text-decoration: none
}
.more_info_close span, .more_info_open span {
	display: inline-block;
	width: 7px;
	height: 4px;
	position: absolute;
	right: 8px;
	top: 10px;
	overflow: hidden;
	background-position: -977px -412px
}
.more_info_open span {
	background-position: -873px -262px
}
.more_info_panel {
	width: 497px;
	height: 160px;
	background-color: #f5f5f5;
	padding: 0;
	margin-top: 5px
}
.more_info_panel_line {
	padding: 12px 0 0;
	margin-bottom: 0
}
.more_info_panel_line .label {
	display: inline-block;
	width: 68px;
	text-align: right;
	font-size: 14px
}
.register_submit_btn_wrapper {
	padding-left: 104px
}
.btn_sign_loading {
	float: left;
	width: 229px;
	height: 38px;
	background: url(https://security.40017.cn/cn/img/c/c/ps/regloading.gif) no-repeat;
	color: #fff;
	font: 20px/38px "Microsoft YaHei";
	text-align: center
}
.btn_sign_loading:hover {
	color: #fff;
	text-decoration: none;
	background: url(https://security.40017.cn/cn/img/c/c/ps/regloading.gif) no-repeat
}
.register_submit_btn {
	display: inline-block;
	width: 220px;
	height: 42px;
	color: #fff;
	font: 20px/42px "Microsoft YaHei";
	text-align: center;
	background-color: #ff7800;
	border-radius: 3px
}
.register_submit_btn:hover {
	color: #fff;
	background-color: #f60
}
.c_new_prompt {
	color: #999;
	margin-left: 10px
}
.c_invalid_focus {
	border-color: #f60
}
#step2verifCode {
	width: 105px;
	height: 25px;
	line-height: 25px
}
.c_invalid_new_prompt {
	background-position: -942px -120px;
	border: 1px solid #FFD6BD;
	color: #333;
	display: inline-block;
	height: 19px;
	line-height: 19px;
	margin-left: 10px;
	padding: 0 10px 0 25px;
	vertical-align: middle
}
.divBag {
	border: 1px solid #ddd;
	background-color: #fff;
	position: absolute;
	z-index: 1000;
	zoom: 1;
	width: 203px;
	border-radius: 5px;
	overflow: hidden
}
.modle {
	width: 203px
}
.modle caption {
	padding: 3px 10px;
	color: #333;
	font-family: "瀹嬩綋";
	font-size: 14px;
	width: 178px
}
.modle tr {
	cursor: pointer;
	color: #666
}
.modle tr.hover_on {
	color: #fff;
	background-color: #ffa63c
}
.modle tr td {
	padding: 3px 10px;
	font-size: 12px
}
.singleDiv {
	overflow: hidden;
	zoom: 1
}
.tccClose {
	position: absolute;
	top: -20px;
	right: 10px;
	background: url(../images/xcfx/reg.png) no-repeat 0 -40px;
	width: 11px;
	height: 11px;
	display: block
}
.failTip {
	padding: 2px 50px 2px 10px;
	white-space: nowrap;
	zoom: 1;
	float: left
}
.content {
    margin:0 auto;
}
.step_cont_1 {
    margin-top:0;
}
#telline em,.c_two_register_info_line em,.c_two_register_second_info_line em {
    left:390px;
}
.c_two_register_second_info_line {
    margin-top:30px;
}
/*.register_info_line {
    position:relative;
}*/
.register-code {
    width: 155px;
    height: 32px;
    position: absolute;
    left: 260px;
    top: 17px;
    border-radius: 5px;
    background: #ff7800;
    text-align: center;
    line-height: 32px;
    color: #fff;
    cursor: pointer;
}
.register-code-time {
    width: 115px;
    height: 32px;
    position: absolute;
    left: 250px;
    top: 17px;
    border-radius: 5px;
    background:#eaeaea;
    text-align:center;
    line-height:32px;
    color:#999;
    border:1px solid #d7d7d7;
    display:none;
}
.code-message{
    width: 100px;
    height: 32px;
    color:#ff7800;
    position: relative;
    left: 330px;
    bottom: -55px;
}
.invalid_message {
    display:none;
}

.c_two_register_second_info_line {
    margin-bottom: 30px;
    height:34px;
}
#telline {
    padding-bottom: 0;
    height: 34px;
    margin-bottom: 30px;
}
#tips {
    color:red;
}
/*头部修复*/
.heading-block:after {
    content: '';
    display: none;
    margin-top: 30px;
    width: 40px;
    border-top: 2px solid #444;
}
.content-wrap {

    padding-top:0;
}
.sf-js-enabled div{
	color:black;
	
}
.sf-with-ul div{
	color:#F5A34D;
}

#register {
	background-color:#F5AA5B;
	border-color:#F5AA5B;
}



.sf-js-enabled div{
	color:#333;	
}
.sub-menu ul div {
    color:#FFF;
}
#header.sticky-header:not(.static-sticky) .sub-menu ul div{
   color: #444;
}
.sf-with-ul div{
	color:#F5A34D;
}
.LoginRegister {
    color:#333;
}
/*免费试用申请样式*/
#register{
    border-color: #F5AA5B;
    color: #EEE;
    background-color: #F5AA5B !important;
}

#section-follow { background:#fff; }
#section-ps { background:#fff; }
/*当屏幕分辨率小于等于991的时候headlink修改*/
@media screen and (max-width: 991px){
    #primary-menu div{
      color:#EEE;
    }
    #primary-menu .sf-with-ul div {
     color:#F5A34D;
    }
}
@media (max-width: 768px) { 
    .register_wrapper {
        margin-left:0;
    }
    .welcome h2 {
        padding-left:0 !important;
    }
    .login_entry {
        display:none;
    }
    .LoginRegister {
        color:#fff;
    }
    .header, .content, .footer {
        width:375px;
    }
    .invalid_message {
        display:none !important;
    }
}