@charset "utf-8";
@import url("common.css");

/* index css */
.banner-bg{height:530px;width:100%;background:url(../images/banner-bg.png) left top repeat-x;}
.banner{height:530px;width:100%;}
.banner:hover .pre-btn{display:block;}
.banner:hover .next-btn{display:block;}
.banner .big-pic .w-1400{height:530px;margin:0 auto;width:100%;overflow:hidden;}
.banner .big-pic ul{height:530px;margin:0 auto;width:100%;overflow:hidden;}
.banner .big-pic ul li{width:100%;height:100%;}
.banner .pre-btn,.banner .next-btn{display:none;width:40px;height:68px;position:absolute;top:220px;cursor:pointer;z-index:999}
.banner .pre-btn{background:url(../images/prev-btn.png);left:5%;}
.banner .next-btn{background:url(../images/next-btn.png); right:5%;}
.banner1-href{position: absolute;width:550px;height:380px;left:210px;top:40px;}
.banner2-href{position: absolute;width:510px;height:280px;left:220px;top:90px;}
.banner3-href{position: absolute;width:600px;height:360px;left:160px;top:80px;}
.banner4-href{position: absolute;width:600px;height:360px;left:160px;top:80px;}
.banner-href{position: absolute;width: 830px;height: 460px;left: 210px;top: 20px;}

.banner .sy-box{z-index:90;width:331px;height:362px;background:url(../images/sy-box.png) center no-repeat;
left:50%;margin-left:130px;top:60px;padding:30px;font-family:"microsoft yahei";font-size:20px;color:#fff;}
.banner .sy-box .syl .title{line-height:40px;}
.banner .sy-box .tiyan{line-height:50px;margin-top:40px;}
.banner .sy-box .tiyan .text{padding:8px;width:200px;height:16px;line-height:16px;margin-right: 10px;
background:url(../images/yuan.png) 180px center #fff no-repeat;border:1px solid #D98C1F;color:#A6A3A3;}
.banner .sy-box .tiyan .sy-number{color:#FF4401;font-size:22px;}
.banner .sy-box .tiyan .yuan{margin-left:20px;margin-right: 12px;}
.banner .sy-box .tiyan .submit{background:url(../images/p2p_btn.png);color:#fff;width:340px;height:55px;
line-height:55px;text-align:center;border:none;font-size:20px;margin-top: 30px;}

.white-bg{width:360px;height:86px;margin:0 auto;}
.white-box{height:100%;width:70px;margin:0 5px;position:relative;}
.white-box .top{height:50%;background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;}
.white-box .bottom{height:50%;background:#EBEAE0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.white-box.dot{width:5px;height:5px;background:#fff;position:relative;top:80px;}
.white-box .border{border-top:1px solid #EBEAE0;height:1px;width:100%;background:#fff;position:absolute;top:42px;left:0;z-index:99}

.white-bg .number{color: #FF6553;font-size: 75px;line-height: 86px;letter-spacing: 42px;margin-left: 17px;z-index:98}
.white-bg .percent{padding-top: 60px;}

.hengtiao{height:150px;background:#E39B2D;width:100%;color:#fff;line-height:26px;text-shadow: 2px 2px 3px #f9cf59;}
.hengtiao .ljtz{width:180px;height:71px;background:url(../images/icon1.png) left center no-repeat;left:0px;top:35px;padding-left:80px;}
.hengtiao .sycs{width:180px;height:71px;background:url(../images/icon2.png) left center no-repeat;left:370px;top:35px;padding-left:80px;}
.hengtiao .aqbz{width:180px;height:72px;background:url(../images/icon3.png)  left center no-repeat;right:0px;top:35px;padding-left:80px;}
.hengtiao .top{font-size:20px;font-weight:bold;margin-top:15px}

.ban02{min-width:350px;position:absolute;}

.h-430{height:430px;position:relative;}
.ban02 .top{font-size:45px;font-weight:bold;color:#444;height:50px; width:100%;line-height: 50px;margin-top: -15px;margin-bottom: 15px;}
.ban02 .bottom{font-size:20px;color:#737373;width:100%;line-height:30px;}

.jgzj{background:#fff;height: 430px;}
.jgzj-cont{background:url(../images/icon4.png) 640px center no-repeat;}
.jgzj .ban02{top:170px;left:70px;}

.sstx{background:#EDEDED;height: 430px;}
.sstx-cont{background:url(../images/icon5.png) 40px center no-repeat;}
.sstx .ban02{top:170px;left:540px;}

.yyqt{background:#fff;height: 430px;}
.yyqt-cont{background:url(../images/icon6.png) 640px center no-repeat;}
.yyqt .ban02{top:170px;left:70px;}

.jrwm{background:#EDEDED;padding-top:20px;}
.jrwm-cont{background:url(../images/icon7.png) center top no-repeat;}
.jrwm .box1{top:160px;left:70px;}
.jrwm .box2{top:160px;left:500px;}
.jrwm .ban02 .top{color:#F18D22;}
.jrwm .ban02 a.links{display:inline-block;width:170px;height:48px;text-align:center;line-height:48px;
background:#FF4401;color:#fff;font-size:26px;margin-top:30px;}
.jrwm .box1 a.links{margin-top:60px;}
.jrwm .ban02 .color{color:#F18D22}
.jrwm .ban02 .join{font-size:20px;position:absolute;width:500px;}

/*fxw 利率动画*/
.rale_board{
    width:360px;
    height:86px;
    margin:0 auto;
}
.pos1 {
    position: absolute;
    top: 90px;
    left: 14px;
}
.pos2 {
    position: absolute;
    top:90px;
    left: 95px;
}
.pos3 {
    position: absolute;
    top:90px;
    left: 185px;
}
.pos4 {
    position: absolute;
    top: 90px;
    left: 265px;
}
.dot{
    background: #fff;
    height: 7px;
    width: 7px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    position: absolute;
    top: 170px;
    left: 172px;
    box-shadow: -1px -2px 3px #e0e0e0 inset;
}
.percent{
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 160px;
    right: 16px;
    text-shadow: 2px 1px 5px #e0e0e0;
}
.flip-down {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 37px 49px;
    transform-origin: 37px 49px;
    opacity: 0;
    filter:Alpha(opacity=0);
    transition-duration: 0.1s;
}
.flip-up {
    -webkit-transform: skew(0deg), rotateX(0deg);
    transform: skew(0deg), rotateX(0deg);
    -webkit-transform-origin: 37px 49px;
    transform-origin: 37px 49px;
    transition-duration: 0.1s;
    opacity: 1;
    filter:Alpha(opacity=100);
}

.flip-up-2 {
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    -webkit-transform-origin: 37px 49px;
    transform-origin: 37px 49px;
    opacity: 1;
    filter:Alpha(opacity=100);
    transition-duration: 0.1s;
}

.text-shadow{
    text-shadow: 2px 2px 3px #ccc;
}

.text-shadow-red{
    text-shadow: 1px 1px 1px #fff;
}

.buy_center {
    width: 1000px;
    margin: auto;
    text-align: center;
    position: relative;
}
.buy_center_date {
    width: 860px;
    text-align: center;
    margin: auto;
}
.buy_date {
    width: 155px;
    height: 250px;
    float: left;
    margin: 0 40px;
    position: relative;
}
.buy_date > p {
    color: #2c3e50;
    font-size: 18px;
}
.buy_date > p span {
    font-size: 30px;
}
.buy_date_top {
    width: 151px;
    height: 151px;
    border-radius: 50%;
    color: #2b3d50;
    background-color: #ffffff;
    position: absolute;
    top: 94px;
    left: 0;
    z-index: 999;
    border: 1px solid #c69c6d;
}
.buy_date_top {
    z-index: 999;
}
.buy_date_p1 {
    padding-top: 30px;
    font-family: "Arial";
    font-size: 80px;
    letter-spacing: -5px;
    line-height: 64px;
}
.buy_date_p1 span {
    font-size: 18px;
    line-height: 18px;
}
.buy_date > div > span {
    display: inline-block;
    width: 96px;
    margin: auto;
    height: 2px;
    border-bottom: 1px #c69c6d solid;
}
.buy_date_p2 {
    padding-top: 10px;
}
.buy_date > span {
    position: absolute;
    background: url(../images/buy_op_bj.png) center center no-repeat;
}
.buy_date_span1 {
    left: -25px;
    top: 69px;
    width: 203px;
    height: 203px;
    border-radius: 50%;
    opacity: 0;
    z-index: 111;
    filter: alpha(opacity=0);
}
.buy_date_span2 {
    left: -16px;
    top: 78px;
    width: 185px;
    height: 185px;
    border-radius: 50%;
    opacity: 0;
    z-index: 222;
    filter: alpha(opacity=0);
}
.buy_date_span3 {
    left: -8px;
    top: 86px;
    width: 169px;
    height: 169px;
    border-radius: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 333;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.buy_num {
    border-top: 1px solid #dce3ed;
    border-bottom: 1px solid #dce3ed;
    padding: 6px 0;
    width: 852px;
    margin: 50px auto 0;
}
.buy_num_lv {
    width: 156px;
    margin: 0 38px;
    float: left;
}
.buy_num_p1 {
    float: left;
    width: 156px;
    height: 35px;
}
.buy_num_p1 p {
    text-align: center;
    float: left;
    width: 156px;
    color: #6a747e;
    line-height: 24px;
}
.buy_ok {
    width: 143px;
    height: 60px;
    margin: auto;
    position: relative;
}
.buy_ok p {
    position: absolute;
    top: 12px;
    left: 11px;
    background-color: #e1333d;
    border-radius: 14px;
    height: 38px;
    width: 121px;
    line-height: 38px;
    color: #fff;
    font-size: 22px;
    z-index: 4;
    cursor: pointer;
}
.buy_ok span {
    position: absolute;
    background: url(../images/buy_ok_bj.png) center no-repeat;
}
.buy_span1 {
    left: 8px;
    top: 9px;
    height: 45px;
    width: 128px;
    border-radius: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.buy_span2 {
    left: 4px;
    top: 5px;
    height: 53px;
    width: 138px;
    border-radius: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.buy_span3 {
    left: 0px;
    top: 0px;
    height: 63px;
    width: 146px;
    border-radius: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
}