@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;}select, input, textarea {font: 99% sans-serif;}strong {font-weight:bold;}button, input, select, textarea {margin:0;}
/*common*/
body {color:#333333; background:#fff;font-family:'Microsoft YaHei';}

.animate {
    position: relative;
    transition: all 0.2s ease-out 0s;
}
.fl{ float:left;}
.fr{ float:right;}
.overHide{ overflow:hidden;}
.container{ width:1000px; margin:0 auto; padding:0;}
.posiR{ position:relative;}
.hide{ display:none;}
.clear{ clear:both;}

.foot{ text-align:center; font-size:12px; width:950px; padding:25px; line-height:22px; color:#fff; background-color:#666;  margin:0 auto; clear:both}
.foot a:visited,.foot a:link{ color:#fff}
.content{ width:100%;}
/*header*/
.box{ width:100%; margin:0 auto; padding:0; }
.banner-1{
    height: 406px;
    background: url("../images/banner-1.jpg") no-repeat top center;

}
.banner-2{
    height: 410px;
    background: url("../images/banner-2.jpg") no-repeat top center;
}
.banner-3{
    height: 307px;
    background: url("../images/banner-3.jpg") no-repeat top center;
}
.banner-4{
    height: 277px;
    background: url("../images/banner-4.jpg") no-repeat top center;
}
.banner-inf{
    padding-top: 80px;
    width: 100%;
    height: 194px;
}
.banner-inf h3{
    text-align: center;
    font-size: 20px;
    color: #ca8330;
    line-height: 50px;
}
#thenceThen{
    font-size:46px;
    color:#ffffff;
    margin-top: 75px;
    margin-left: 250px;
}
#thenceThen span{
    font-size:46px;
    color:#ffffff;
    padding-right: 10px;
}
/*用户数据统计*/
.y-bg{
    background: #fffadb;
}
.tit{
    width: 416px;
    height: 173px;
    margin: 0 auto;
    padding: 90px 0 0 0;
    position: relative;

}
.tit img{
    transition: all 0.3s ease-out 0s;
}
.tit img:hover{
    transform: translate(8px,0);
}
.cont-1-w{
    font-size: 22px;
    color: #88735b;
    line-height: 36px;
    text-align: center;
    padding-bottom: 80px;
}
.cont-1-w:hover{
    transform: translate(0,-3px);
}
.cont-1-list{
    width: 100%;
    padding-bottom: 96px;
    overflow: hidden;
}
.cont-1-list ul li{
    width: 33%;
    float: left;
    text-align: center;
    position: relative;
    transition: all 0.2s ease-out 0s;
}
.cont-1-list ul li:hover{
    transform: translate(5px,0px);
}
.cont-1-list ul li img{
    text-align: center;
    line-height: 140px;
    margin-bottom: 12px;
}
.cont-1-list ul li h3{
    font-size: 30px;
    color: #ff7c00;
    line-height: 30px;
    margin-bottom: 12px;
}
.cont-1-list ul li h3 em{
    font-style: normal;
    font-size: 16px;
}
.cont-1-list ul li p{
    font-size: 20px;
    color: #666666;
}
.cont-line{
    width: 100%;
    border-bottom: 1px dashed #ffc269;
    opacity: 0.5;
}

/*用户出借排行*/
.cont-2{
    width: 877px;
    height: 720px;
    background:url("../images/list-bg.png") no-repeat center top;
    margin: 0 auto;
    padding-bottom: 103px;
    transition: all 0.2s ease-out 0s;
}
.cont-2:hover{
    transform: translate(0,-10px);
}
.cont-2 table{
    width: 628px;
    margin: 0 auto;
}
.cont-2 table thead th{
    font-size: 18px;
    color: #ff7c00;
    line-height: 56px;
    padding-bottom: 32px;
}
.cont-2 table tr td{
    text-align: center;
    color: #88735b;
    font-size: 18px;
    height: 46px;
    padding-bottom: 14px;
}
.cont-2 table tr td.no1{
    color: #ff7c00;
    position: relative;
}
.cont-2-icon{
    position: absolute;
    left: 20px;
    top: 7px;
    width: 26px;
    height: 33px;
}
/*出借金额区间分布*/
.cont-3{
    padding: 0 49px;
}
.cont-3 img{
    width: 100%;
    height: 349px;
    margin-bottom: 99px;
}
.cont-3:hover{
    transform: translate(0,-10px);
}
/*用户出借标的分析*/
.cont-4{
    width: 903px;
    margin: 0 auto;
    height: 360px;
    background: url("../images/cont-4-bg.jpg") no-repeat center bottom;
}
.cont-4-b{
    width: 903px;
    margin: 0 auto;
    height: 100px;
    padding-top: 30px;
    padding-bottom: 98px;
}
/*出借方式分布*/
.cont-5{
    width: 694px;
    height: 505px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.cont-5:hover{
    transform: translate(0,-10px);
}
/*出借地域分布top5*/
.cont-6-r{
    width: 450px;
    position: absolute;
    top: 60px;
    right: 0;
    background: #fffadb;
}
.cont-6-r ul li{
    float: left;
    margin-bottom: 44px;
    height: 68px;
    width: 50%;
    position: relative;
    transition: all 0.2s ease-out 0s;
}
.cont-6-r ul li img{
    float: left;
    margin-right: 14px;
}
.cont-6-r ul li p{
    float: left;
    width: 160px;
    font-size: 18px;
    color: #88735b;
    line-height: 34px;
}
.cont-6-r ul li:hover{
    transform: translate(0px,-3px);
}

/*出借用户分析*/
.cont-7{
    width: 884px;
    height: 605px;
    margin: 0 auto;
    padding-bottom: 102px;
}
.cont-7:hover{
    transform: translate(0,-10px);
}
/*平台大事记*/
.cont-8{
   width: 581px;
    height: 616px;
    margin: 0 auto;
    padding-bottom: 30px;
    background: url("../images/dsj-bj.png") no-repeat top center;
}
.cont-8 p{
    padding: 50px 40px 0 40px;
    font-size: 18px;
    line-height: 36px;
    color: #766f6b;
    text-indent: 2em;
}
.cont-8:hover{
    transform: translate(0,-10px);
}
/*联系我们*/
.cont-9{
    width: 734px;
    height: 599px;
    margin: 0 auto;
    background: url("../images/bottom.png") no-repeat top center;
    padding-bottom: 252px;
    position: relative;
}
.cont-9 a{
    width: 366px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 35px;
    color: #ffffff;
    font-size: 18px;
    position: absolute;
    left: 185px;
    top: 564px;
}
.colorRed{
    color: red;
}
/*分享*/
.shareBox{
    position: fixed;
    right: 10px;
    top: 400px;
    cursor: pointer;
}
.shareBox .shareD{
    background: url(../images/sharebtn.png) no-repeat;
    width: 69px;
    height: 46px;
    position: relative;
}
.shareBox .shareD .one .sharebtn{
    position: absolute;
    right: 27px;
    bottom: 48px;
    color: #fda350;
    font-size: 14px;
}
.shareBox .shareD .one img{
    position: absolute;
    right: 7px;
    bottom: 26px;
}
.shareBox .shareD .two{
    display: none;
    width: 180px;
    height: 200px;
    position: absolute;
    right: 0px;
    bottom: 20px;
}
.shareBox .shareD .two .shareBefore{
    position: absolute;
    right: 2px;
    bottom: -5px;
}
.shareBox .shareD .two .sharesmall{
    position: absolute;
    right: 23px;
    bottom: 20px;
    
}
.shareBox .shareD .two .sharesmall a{
    display: block;
    height: 23px;
    width: 25px;
    margin-bottom: 23px;
    margin-left: 175px;
}
.shareBox .shareD .two .sharesmall a:nth-child(1){
    background: url(../images/beforev.png) no-repeat;
}
.shareBox .shareD .two .sharesmall a:nth-child(2){
    background: url(../images/beforex.png) no-repeat;
}
.shareBox .shareD .two .sharesmall a:nth-child(3){
    background: url(../images/beforeq.png) no-repeat;
}
.shareBox .shareD .two .sharesmall a:nth-child(4){
    background: url(../images/beforek.png) no-repeat;
}
.shareBox .shareD .two .sharesmall a:nth-child(2):hover{
    background: url(../images/afterx.png) no-repeat;
}
.shareBox .shareD .two .sharesmall a:nth-child(3):hover{
    background: url(../images/afterq.png) no-repeat;
}
.shareBox .shareD .two .sharesmall a:nth-child(4):hover{
    background: url(../images/afterk.png) no-repeat;
}
.shareBox .shareD .two .sharesmall .sharem{
    position: absolute;
    right: 35px;
    top: -38px;
    width: 100px;
    height: 95px;
    display: none;
}