@charset "utf-8";
/* CSS Document */

/*reset*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin:0;padding:0;border:0;font-size:100%;font-weight:normal;background:transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display:block;}html {box-sizing:border-box;}img,object,embed {max-width:100%;}
html {}ul {list-style:none;}a {margin: 0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}a:hover {text-decoration:none;}
input, select {vertical-align:middle; outline: none;background: none;}select, input, textarea {font: 99% sans-serif;}strong {font-weight:bold;}button, input, select, textarea {margin:0;}
li{list-style: none;}em,i,b{font-style: normal;}
/*common  #f7f8fd*/
body {color:#666666; background:#f2f2f3;font-family:'Microsoft YaHei';}
@font-face {
    font-family: "DIN";
    src: url("../fonts/din-regular.eot") format("embedded-opentype"), url("../fonts/din-regular.woff") format("woff"), url("../fonts/din-regular.ttf") format("truetype");
}
@font-face {
    font-family: "DIN-Bold";
    font-weight: 700;
    src: url("../fonts/din-bold.eot") format("embedded-opentype"), url("../fonts/din-bold.woff") format("woff"), url("../fonts/din-bold.ttf") format("truetype");
}

*{max-height: 9999px;}
.fl,.lL{ float:left;}
.fr,.rR{ float:right;}
.overHide{ overflow:hidden;}
.posiR{ position:relative;}
.hide{ display:none;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
a{-webkit-tap-highlight-color:transparent}
/* .clearfix {
    display: inline-table;
}
*/
.main{
	height: 240px;
	width: 100%;
	background: #5c698b;
	position: absolute;
	left: 0px;
	top: 0px; 
	z-index: 1;
	
}
.cont{
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
	z-index: 2;
	position: relative;
}
.contHead{
	background: #fff;
	padding: 0 40px 35px;
}
.contHead h2{
	font-size: 18px;
	color: #303740;
	height: 98px;
	line-height: 98px;
}
.contHead h2 span{
	float: right;
	background: url(../images/dangerous-icon.png) no-repeat left center;
	color: #999;
	font-size: 12px;
	padding-left: 20px;
}
.contListUl{
	border-bottom: 1px solid #ebecee;
}
.contListUl ul{
	float: left;
}
.contListUl ul.contListUl01{
	width: 310px;
}
.contListUl ul.contListUl02{
	width: 265px;
}
.contListUl ul.contListUl03{
	width: 220px;
}
.contListUl ul.contListUl04{
	width: 325px;
}
.contListUl ul li.one{
	font-size: 16px;
	color: #303740;
	line-height: 32px;
	position: relative;
}
.contListUl ul li.two{
	font-size: 12px;
	color: #999;
	line-height: 20px;
	position: relative;
}
/*改动01开始*/
.contListUl ul li input{
    height: 30px;
    text-align: center;
}
.contListUl ul li input.one{
    width: 158px;
    height: 33px;
}
.contListUl ul li input.two{
    width: 186px;
    height: 33px;
}
.contListUl ul.contListUl03 li input{
    width: 69px;
    padding: 0;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.contListUl ul li.three01 input{
    border:1px solid #e1e2e3;
    width: 142px;
    height: 40px;
    margin-right: 10px;
    border-radius: 2px;
    font-size: 16px;
    color: #303740;
    padding: 0 13px;
    text-align: left;
}
.kye{
    text-align: center;
}
.kye p{
    width: 310px;
    line-height: 45px;
    margin: 40px auto 0;
    text-align: left;
}
.kye p a{
    float: right;
    color: #ff8900;
}
.contListUl ul li input:focus{
    border-color: #ff8900;
}
::-webkit-input-placeholder { 
    color:    #999;
}
:-moz-placeholder {
   color:    #999;
}
::-moz-placeholder { 
   color:    #999;
}
:-ms-input-placeholder { 
   color:    #999;
}
.contListUl ul li input{
    border-radius: 17px;
    border: 1px solid #ff8900;
    color: #ff8900;
    font-size: 14px;
    /*padding: 8px 15px;*/
    margin-right: 5px;
}
.contListUl ul li input.ore{
    background: #ff8900;
    color: #fff;
}
.contListUl ul li input.gray{
	background : #999;
}
.contListUl ul li b{
    font-size: 34px;

}
.contListUl ul li i.earnings{
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/The-question-mark.png) no-repeat center;
    position: absolute;
    top: 10px;
}
.contListUl ul li i.earnings:hover{
    background: url(../images/The-question-mark-orange.png) no-repeat center;
}
.explan{
    padding: 5px 10px;
    line-height: 16px;
    background: #fffbef;
    border: 1px solid #ff8900;
    font-size: 12px;
    color: #ff8900;
    text-align: left;
    display: inline-block;
    border-radius: 3px;
    position: absolute;
    display: none;
    z-index: 2;
}
.explan i{
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 8px;
    background: url(../images/explian-sj.png) no-repeat center;
}
.contHead a.btn{
    display: block;
    background: url(../images/mastNewBtn.png) no-repeat center;
    width: 248px;
    height: 60px;
    margin: 0px auto 0;
    line-height: 53px;
    text-align: center;
    font-size: 16px;
    color: #f7f8fd;
}
/*改动01结束*/
/*更改02开始*/
.notive-top-right a{
    /*margin-top: 45px;*/
    display: block;
    width: 285px;
    text-align: center;
    height: 80px;
    line-height: 77px;
    background: url(../images/btn-bg.png) no-repeat;
    color: #f7f8fd;
    font-size: 18px;

}
/*更改02结束*/
.contListUl ul li.three{
	margin: 10px auto 35px;
	line-height: 40px;
	color: #ff8900;
	font-size: 18px;
}
.contListUl ul.contListUl03 li span{
	width: 70px;
	padding: 0;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
}
.contListUl ul li input{
	border:1px solid #e1e2e3;
	width: 142px;
	height: 40px;
	margin-right: 10px;
	font-size: 16px;
	color: #303740;
	padding: 0 13px;
	cursor:pointer;
}
.contListUl ul li input:focus{
	border-color: #ff8900;
}
::-webkit-input-placeholder { 
    color:    #999;
}
:-moz-placeholder {
   color:    #999;
}
::-moz-placeholder { 
   color:    #999;
}
:-ms-input-placeholder { 
   color:    #999;
}
.contListUl ul li span{
	border-radius: 17px;
	border: 1px solid #ff8900;
	color: #ff8900;
	font-size: 14px;
	padding: 8px 15px;
	margin-right: 5px;
}
.contListUl ul li span.ore{
	background: #ff8900;
	color: #fff;
}
.contListUl ul li .tip{
	font-size:12px;
	color:#f75a46;
	background:url(../../static/images/loginReg/warn-icon.png) no-repeat left center;
	padding-left:20px;
	display:none;
}
.contListUl ul li b{
	font-size: 34px;

}
.contListUl ul li i.earnings{
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(../images/The-question-mark.png) no-repeat center;
	position: absolute;
	top: 10px;
}
.contListUl ul li i.earnings:hover{
	background: url(../images/The-question-mark-orange.png) no-repeat center;
}
.explan{
	padding: 5px 10px;
    line-height: 16px;
    background: #fffbef;
    border: 1px solid #ff8900;
    font-size: 12px;
    color: #ff8900;
    text-align: left;
    display: inline-block;
    border-radius: 3px;
    position: absolute;
    display: none;
    z-index: 2;
}
.explan i{
	display: inline-block;
    position: absolute;
    width: 13px;
    height: 8px;
    background: url(../images/explian-sj.png) no-repeat center;
}
.contHead a.mast{
	display: block;
	background: url(../images/mastNewBtn.png) no-repeat center;
	width: 248px;
	height: 60px;
	margin: 40px auto 0;
	line-height: 53px;
	text-align: center;
	font-size: 16px;
	color: #f7f8fd;
}
.contBot{
	margin: 20px auto 44px;
	background: #fff;
}
.contBot ul li{
	width: 400px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	float: left;
	background: #f3f5f7;
	font-size: 16px;
	color: #777;
	cursor: pointer;
}
.contBot ul li.act{
	border-top: 2px solid #ff8900;
	background: #fff;
	color: #303740;
}
.pro-intro-cont table{
    width: 100%;
    font-size: 14px;
    background: #ffffff;

}
.pro-intro-cont table tr td{
    color: #999999;
    padding: 34px 0;
    text-align: center;
    border-right: 1px solid #ebecee;
    border-bottom: 1px solid #ebecee;
}
.pro-intro-cont table tr td.no1{
    color: #303740;
    line-height: 26px;
    padding-left: 30px;
    padding-right: 30px;
    border-right: none;
    text-align: left;
}
.pro-intro-cont table tr td.no2{
    border-bottom: none;
}
.pro-intro-cont table tr td.no3{
    border-bottom: none;
    border-right: none;

}
.pro-intro-cont table tr td a{
    color: #ff8900;
}
.contBotBoxText{
	padding: 40px 45px;
}
.contBotBoxText h2{
	font-size: 14px;
	color: #303740;
	line-height: 25px;
	margin-top: 8px;
}
.contBotBoxText p{
	font-size: 14px;
	color: #777;
	line-height: 25px;
}


/*新手专享开始*/
.notive-top{
	width: 100%;
	margin-top: 20px;
	color: #303740;
	background: #ffffff;
}
.notive-top-left{
	padding: 40px;
	float: left;
	width: 770px;

}
.notive-top-left h3{
	font-weight: normal;
	height: 37px;
	font-size: 18px;
}
.notive-top-left h4{
	font-weight: normal;
	line-height: 26px;
	font-size: 14px;
	margin-top: 5px;
}
.notive-top-left p{
	line-height: 24px;
	font-size: 14px;
	color: #777777;
}

.notive-top-right{
	float: right;
	width: 280px;
	padding:33px 30px 30px 30px;
	filter:progid:DXImageTransform.Microsoft.Shadow(rgba(63,79,133, .15),direction=120,strength=-9);/*ie*/
	-moz-box-shadow: -9px -3px 10px rgba(63,79,133, .15);/*firefox*/
	-webkit-box-shadow: -9px -3px 10px rgba(63,79,133, .15);/*safari或chrome*/
	box-shadow: -9px -3px 10px rgba(63,79,133, .15);/*opera或ie9*/
}
.notive-top-right p{
	line-height: 52px;
	font-size: 16px;
}
.notive-top-right p span{

	color: #ff8707;
	position: relative;
}
.wpro-ymb{
    width: 140px;
    height: 140px;
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid #7383e1;
    text-align: center;
    line-height: 140px;
    font-size: 28px;
    color: #7383e1;
    margin: 40px auto 65px auto;
}
.notive-top-right a{
	margin-top: 45px;
	display: block;
	width: 285px;
	text-align: center;
	height: 80px;
	line-height: 77px;
	background: url(../images/btn-bg.png) no-repeat;
	color: #f7f8fd;
	font-size: 18px;

}
.notive-top-right .special{
	/*position: relative;*/
}
.notive-top-right p span.wpro-index10{
	cursor: pointer;
	width: 14px;
	height: 14px;
	display: block;
	background: url(../images/explai-icon02.png) no-repeat center;
	position: absolute;
	right: -20px;
	top: 4px;
}
.explainCont10{
	padding: 5px 10px;
	line-height: 16px;
	background: #fffbef;
	border:1px solid #ff8900;
	font-size: 12px;
	color: #ff8900;
	z-index: 3;
	text-align: center;
	width: 146px;
	right: 140px;
	display: inline-block;
	border-radius: 3px;
	position: absolute;
	display: none;
}
.explainCont10 i{
	display: inline-block;
	position: absolute;
	width: 13px;
	left: 50%;
	margin-left: -6px;
	top: -8px;
	height: 8px;
	background: url("../images/explian-sj.png") no-repeat center;
}
.notive-bottom{
	width: 1140px;
	padding: 30px;
	background: #ffffff;
	margin: 20px 0px 45px 0px;
}
.notive-bottom table{
	width: 100%;
}
.notive-bottom table tr th,.notive-bottom table tr td{
	text-align: center;
}
.notive-bottom table tr th{
	background: #f3f5f7;
	height: 42px;
	font-size: 14px;
	color: #303740;
}

.notive-bottom table tr td{
	border-bottom: 1px solid #ebecee;
	height: 50px;
	font-size: 14px;
	color: #777777;
}
.notive-bottom table tr td a{
	color:#ff8900;
}
.confirm-agreement{
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	margin: 15px 0;
	color: #777777;
	padding-left: 5px;
}
.confirm-agreement label a{
	color: #ff8900;
}
.confirm-agreement input[type='checkbox'] {
	position: absolute;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	display: block;
}
.confirm-agreement label{
	background: url("../images/wprodetail-label.png") no-repeat left center;
	padding-left: 16px;
}
#myCheck:checked + label,
#myChecknth01:checked + label,
#myChecknth02:checked + label,
#myChecknth03:checked + label,
#myChecknth04:checked + label,
#myChecknth05:checked + label,
#myChecknth06:checked + label,
#myChecknth07:checked + label,
#myChecknth08:checked + label,
#myChecknth09:checked + label
{

}
.confirm-agreement input[type='checkbox']:checked+label {
	background: url("../images/wprodetail-label-on.png") no-repeat left center;
}

.matching-notive01,.matching-notive02 {
	display: none;
}
.matching-notive02 .cont,.matching-notive01 .cont{
	width: 490px;
	padding: 35px 0px 43px;
	text-align: center;
}
.matching-notive02 .cont p,.matching-notive01 .cont p{
	line-height: 45px;
	font-size: 16px;
	color: #777777;
}
.matching-notive02 .cont p span,.matching-notive01 .cont p span{
	display: inline-block;
	width: 50%;
	text-align: left;
}
.matching-notive02 .cont p i,.matching-notive01 .cont p i{
	font-style: normal;
}
.matching-notive02 .cont .btn a,.matching-notive01 .cont .btn a{
	display: inline-block;
	width: 250px;
	height: 46px;
	line-height: 46px;
	background: #FF8900;
	text-align: center;
	border-radius: 2px;
	color: #ffffff;
}
.matching-notive01 .cont{
	width: 600px;
	font-size: 14px;
	color: #333333
}
.matching-notive01 .cont ul li{
	margin-top: 16px;
	text-align: left;
}

.matching-notive01 .cont ul li span.left{
	color: #888888;
}
.matching-notive01 .cont ul li span.right{
	line-height: 24px;
	text-align: left;
	font-size: 14px;
}
.matching-notive01 .cont ul li span.right a{
	color: #ff8900;
}
/*新手专享结束*/