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

body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,pre,form,fieldset,input,textatea,th,td,img{margin:0;padding:0;word-wrap:break-word;}
img{border:0 none;vertical-align:top;}
ol,ul,li{list-style:none;}
.clearfix:after {content:"\20";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
.clear{margin:0; padding:0; width:0; height:0; line-height:0; font-size:0; clear:both;}
table{border-collapse:collapse;border-spacing:0;}
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
body,button,input,select,textarea{font:14px/1.5em Arial, Helvetica, SimSun, san-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
.fl{float:left; display:block}
.fr{float:right; display:block}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.block{display:block;}
.none{display:none;}
a{text-decoration:none;  cursor:pointer}
input{ vertical-align:middle; border:none; outline:none}
ul,li{list-style-type:none; padding:0; margin:0}

body{font-family:Microsoft YaHei,Helvetica,Tahoma;}
.title{text-align:center; color:#475058; font-size:20px; font-weight:normal}
.color-white{color:#fff}
.color-orange{color: #fb8836;}

/*summary-data*/
.summary-data{background:url(../../img/statistics/databanner.png) no-repeat; background-size:cover; padding:18px 15px; box-sizing:border-box}
.summary-center{background:rgba(255,255,255,0.7) !important; padding:15px 18px; box-sizing:border-box}
.summary-center dt{text-align:center; color:#475058; font-size:20px; margin-bottom:12px}
.summary-center dd{ font-size:15px; overflow:hidden; margin-top:8px}
.summary-center dd span{color:#475058; float:left}
.summary-center dd strong{color:#1896de; float:right; font-size: 18px;}

/*grand-total*/
.grand-total{padding:30px 15px 30px 15px; box-sizing:border-box}
.grand-total img{width:100%; margin-top:20px}

/*scattergram*/
.scattergram{padding:30px 0px 10px 0px; box-sizing:border-box;
background-image: -moz-linear-gradient(top, #1184c5, #00c6dd); /* Firefox */
background-image: -webkit-gradient(linear,right top,right bottom, color-stop(0, #1184c5), color-stop(1, #00c6dd)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1184c5', endColorstr='#00c6dd', GradientType='0'); /* IE*/}
.scattergram p{color:#cde0ef; font-size:15px; line-height:22px; margin-top:12px; padding:0 15px; box-sizing:border-box}
.scattergram i{padding:20px 35px; box-sizing:border-box; display:block; text-align:center}
.scattergram i img{width:100%}
.scattergram .line{border-bottom:1px solid #fff}
.scattergram .annotation{font-size:12px; text-align:center}
.scattergram .people-info{text-align: center;}
.scattergram .people-info span{color: #fb8836;}

.loanData-center{padding:0 15px;}
.loanData-center .loan_data{width: 100%; background-color: rgba(255,255,255,0.2); border-radius: 2px; padding:0 16px; box-sizing:border-box; margin: 28px 0 22px 0; overflow: hidden; padding-bottom: 20px;}
.loan_data li{margin-top:20px;}
.loan_data li span{ display: inline-block;width: 49%;color: #fff; font-size: 15px;}
.loan_data li span:first-child{text-align: left;}
.loan_data li span:last-child{text-align: right;}
/*invest_data*/
.invest_data{margin-top:30px}
.invest_data .id_des{color: #475058; font-size: 15px; line-height: 25px;padding:0 15px; box-sizing:border-box; margin-top: 24px; text-align: center;}
.invest_data dl{padding:24px 10px; box-sizing:border-box; /*border-bottom:1px solid #e7ecee;*/}
.invest_data dl dt{color:#475058; font-size:15px; text-align:center}
.invest_data dd{margin-top:22px; overflow:hidden; }
.invest_data .scope{ width:38%;font-size:15px; color:#475058; line-height:15px; float:left; text-align:right; padding-right:12px; box-sizing:border-box}
.invest_data .scale{display:inline-block;width:38%; height:15px; background:#f9fbfc; border:1px solid #ebeff1; float:left;  border-radius:10px; position:relative}
.invest_data .scale i{height:13px;border-radius:5px;display:inline-block;float:left; position:absolute;top:0px;left:-1px;}
.invest_data .percentage{ width:23%;font-size:15px; color:#475058; line-height:15px; float:left; text-align:left;padding-left:12px; box-sizing:border-box}
/*value1*/
.invest_data .scale .value1{width:20%; background:#cfe6f3; border:1px solid #2a91cb}
.invest_data .scale .value2{width:38%; background:#d5e6f8; border:1px solid #4f97e8}
.invest_data .scale .value3{width:32%; background:#d5f7f4; border:1px solid #69eada}
.invest_data .scale .value4{width:30%; background:#d6f3e3; border:1px solid #63d792}
/*width*/
.invest_data .scope-width{width:28%}
.invest_data .scale-width{width:48%}
/*value5*/
.invest_data .scale .value5{width:53%; background:#f9e7d9; border:1px solid #f8a86f}
.invest_data .scale .value6{width:26%; background:#f8efdd; border:1px solid #f3ca7d}
.invest_data .scale .value7{width:15%; background:#f7f9d5; border:1px solid #f0f289}
.invest_data .scale .value8{width:3%; background:#f7f9d5; border:1px solid #f0f289}
.invest_data .scale .value9{width:1%; background:#f7f9d5; border:1px solid #f0f289}
.invest_data dd p{text-align:center; color:#a4abb1; font-size:12px}

/*product*/
.invest_data .product{ height:305px;overflow:hidden; position:relative}
.product dd{width:33.3%; float:left;position:absolute; bottom:40px; }
.product .result{display:block; text-align:center; color:#475058; font-size:15px}
.product .result_w{ display:block;width:35%;margin:8px auto; }
.product .valuea{height:35px; background:#fee7d7; border:1px solid #fb8836}
.product .valueb{height:135px; background:#dbf6e6; border:1px solid #49d280}
.product .valuec{height:28px; background:#cfe6f3; border:1px solid #65afd9}
.product .dd-left-a{left:33.3%}
.product .dd-left-b{left:66.6%}

/*yield-rate*/
.yield-rate{padding:15px 15px; box-sizing:border-box;border-bottom:1px solid #e7ecee}
.yield-rate p{color:#596168; font-size:15px; line-height:26px;text-align: center;}
.yield-rate .price{color:#fb8836; font-size:24px; line-height:24px;}
.yield-rate .declare{color: #c2c6ca; font-size: 12px;}


/*transfer-time*/
.transfer{padding:34px 0 40px 0; box-sizing:border-box;border-bottom:1px solid #e7ecee}
.transfer .transfer-time{width:56%; margin:0 auto;padding:30px 0; box-sizing:border-box; border:1px solid #1184c5; border-radius:5px; background:#f3f9fc}
.transfer .transfer-time p{display:block; text-align:center; color:#1184c5}
.transfer .theme{font-size:18px}
.transfer .time{font-size:30px; margin-top:14px}
.declare{color:#c2c6ca; font-size:12px; text-align:center;margin-top:25px;  box-sizing:border-box; }

.lenders{
	padding: 20px 0;
	text-align: center;
	border-bottom:1px solid #e7ecee;
	font-size: 15px;
	color: #596168;
}
.lenders p:first-child{
	margin-bottom: 5px;
}
.lenders strong{
	text-align: center;
	font-size: 20px;
	color: #fb8836;
}

/*map*/
.map{padding:40px 15px; box-sizing:border-box;border-bottom:1px solid #e7ecee}
.change{ width:70%; margin:0 auto;border:1px solid #419dd1; border-radius:5px; overflow:hidden}
.change a{width:50%;line-height:30px; text-align:center; display:inline-block; float:left; color:#00a8dd}
.change .active{background:#1184c5; color:#fff}
.map p{color:#fc9b5e; font-size:15px; margin-top:50px}
.map img{width:100%}

.map .province-sort{padding:20px; box-sizing:border-box;overflow:hidden}
.province-sort li{margin-top:5px}
.province-sort .sort{display:inline-block;width:25px; height:20px; color:#fff; font-size:15px; text-align:center; line-height:22px; background:url(../../img/statistics/data.png) no-repeat 0 0; background-size:cover; }
 /*.province-sort .province{display:inline-block; width:30%; color:#596168; font-size:15px; text-align:center}
.province-sort .sum{ display:inline-block; width:56%;color:#596168; font-size:15px; text-align:rightmargin-left:5%; box-sizing:border-box; }*/
.province-sort .province{ color:#596168; font-size:15px; text-align:center;margin-left:5%; box-sizing:border-box; }
.province-sort .sum{color:#596168; font-size:15px; float:right;margin-left:5%; box-sizing:border-box; }
.interval{margin-top:0}


/*investors*/
.investors{background:#f0f4f7; margin-top:0; padding-top:38px; box-sizing:border-box}
/*.investors dl{border-bottom:1px solid #fff}*/
.investors .scope{width:22%}
.investors .scale{width:52%}
.investors .percentage{color:#00a8dd}
.investors .common{background:#cfe6f3; border:1px solid #449ed1;}
.investors .result1{width:18%;}
.investors .result2{width:49%;}
.investors .result3{width:20%;}
.investors .result4{width:11%;}

.gender-data dd{margin-top:5px}
.gender-data .gender{width:24px; height:40px; display:inline-block; margin:0 auto}
.gender-data .woman{background:url(../../img/statistics/data.png) no-repeat 0 -45px; background-size:cover;}
.gender-data .man{background:url(../../img/statistics/data.png) no-repeat 0 -111px; background-size:cover;}
.gender-data .scale{margin-top:12px}
.gender-data .percentage{line-height:40px}
.gender-data .color-orange{color:#fb8836}
.gender-data .result1{ width:36%;background:#fee7d7;border: 1px solid #fb8e41;}
.gender-data .result2{ width:64%;background: #cfe6f3;border: 1px solid #449ed1;}

.chargeStandard{background:#fff; margin-top: 0px;}
.chargeStandard img{width: 100%;}

/*footer*/
.footer{padding:30px 0; box-sizing:border-box; color:#8e9ba4; font-size:14px; text-align:center}

.loan-charts{width: 320px;margin: 0 auto;}

.register_btn{width: 100%;margin: 20px 0;text-align: center;}
.register_btn a{width: 50%;line-height: 30px;font-size: 14px;color: #fff;background-color: #1184c5;border-radius: 5px;text-decoration: none;display: inline-block;text-align: center;}
.register_btn a:hover{background-color: #2c9fe0;}
.map .update-time,.investors .update-time{color: #c2c6ca;font-size: 12px;text-align: center;}
.scattergram .update-time{margin-top: 0;margin-bottom: 20px}
.investors .update-time{padding-bottom: 20px;}