body,html{ width: 100%; min-width: 1200px;background:#fff;}
body{width: 100%; }
body,div,p,ul,ol,dl,dd, dt,li,h1,h2,h3,h4,h5,em,form,input,button,input,select,option{ margin:0; padding:0;font-family: "微软雅黑", "宋体",Arial, Helvetica, sans-serif; font-weight:normal;}
img{border:0}
li{ list-style-type: none;}
em{font-style: normal;}
a{text-decoration: none;}
input{border:0px;outline:none;}

.mid{width:1200px;height:100%;position:relative;margin:0 auto;}

.top{width:1050px;height:100px;margin:0 auto;}
.top .logo{display:block;width:200px;height:66px;margin-top: 21px;float:left;background:url("../img/logo.jpg") no-repeat left;}
.top .logo2{width:152px;height:66px;margin-top: 21px;float:left;background:url("../img/logo.jpg") -200px 0px no-repeat;}
.top .logo-word{width:120px;height:40px;float:left;margin-top: 35px;}
.top .logo-word strong{display:block;font-size: 16px;font-weight: bold;color:#fa6c5a;}
.top .logo-word span{display:block;font-size: 12px;color:#fa6c5a;padding: 2px 0px;}
.back{width:91px;height:28px;border:1px solid #ebdbc7;color:#b67d3b;font-size: 16px;
    line-height: 28px;text-align: center;float:right;margin-top:35px;border-radius: 5px;cursor:pointer;display:block;text-decoration: none;}
.back:hover{border:1px solid #ff9000;color: #ff9000;}

.ban{background:url("../img/ban_00.jpg") no-repeat center;height:599px;}
.p1{background:url("../img/p1_00.jpg") no-repeat center;height:502px;}
.p2{background:url("../img/p2_00.jpg") no-repeat center;height:676px;}
.p3{background:url("../img/p3_00.jpg") no-repeat center;height:649px;}
.p4{background:url("../img/p4_00.jpg") no-repeat center;height:776px;}
.p5{background:url("../img/p5_00.jpg") no-repeat center;height:502px;}
.p6{background:url("../img/p6_00.jpg") no-repeat center;height:693px;}

.ban .man{position:absolute;left:0px;top:285px;z-index: 2;}
.ban .tit1{position:absolute;left:195px;top:350px;}
.ban .tit2{position:absolute;left:237px;top:497px;}
.ban .tit3{position:absolute;left:298px;top:135px;}
.ban .piao{margin-left:-94px;padding-top: 89px;}

/*注册框*/
.ban .box{width:331px;height:347px;position:absolute;right:0px;top:135px;background:url("../img/box.png") no-repeat center;border-radius: 10px;z-index: 2;}
.ban .box .msg-box{width:283px;height:100%;padding:8px 0 0 22px;position:relative;*padding:8px 0 0 44px;}
#imgVcode{width:90px;height:38px;position:absolute;right:4px;top:135px;*right:20px;}
#phone,#passWord{width:278px;height:38px;border-radius: 5px;}
#txtValidNumber,#messCode{width:180px;height:38px;border-radius: 5px;}
#btnReg{width:283px;height:51px;overflow:hidden;background:url("../img/btn2.png?v=20161212001") no-repeat -205px -214px;display:block;cursor:pointer;font-size: 21px;line-height: 45px;text-align: center;color:#fff;letter-spacing: 5px;
    *position:absolute;*right:18px;*bottom:3px;position:absolute;left:23px;top:269px;font-weight: bold;}
#btnReg:hover{background-position: -205px -294px;}
#dvValidNumber{clear:both;}
#dvPhoneError,#dvPwdError,#dvCodeError,#dvValidNumber{height:15px;font-size: 12px;color:#fff;line-height: 15px;}
.msg-box span.ti-word{height:14px;margin-left: 12px;font-size: 14px;color:#fff;line-height: 14px;text-align: center;}
.msg-box .get-num{right:4px;top:190px;height:38px;display:block;width:90px;*right:20px;cursor:pointer;background:#ff5a5a;position:absolute;font-size: 12px;color:#fff;text-align: center;line-height: 38px;border-radius: 4px;}
.msg-box span.tuan-word{color:#f00;}
.msg-box span.me{position:absolute;left:35px;top:249px;}
.msg-box span.me a{color: #fff;}
.msg-box span.me a:hover{color: #fe2a00;text-decoration: underline;}
.msg-box p.msg{height:14px;margin-left: 12px;font-size: 14px;color:#fff;line-height: 14px;text-align: center;position:absolute;left: 10px;bottom: 16px;}
.msg-box p.msg a{color:#fff;text-decoration:underline}
.msg-box p.msg a:hover{color: #fe2a00;text-decoration: underline;}

.box input{position:absolute;line-height: 38px;border:none;}
.box input.qu{-webkit-appearance: caret;box-shadow:none;appearance: caret;}
#phone{left:23px;top:21px;}
#passWord{left:23px;top:78px;}
#txtValidNumber{left:23px;top:134px;}
#messCode{left:23px;top:190px;}
#agreexieyi{left:23px;top:251px;*top:246px;}

.box .tell{position:absolute;}
#dvPhoneError{left:24px;top:61px;}
#dvPwdError{left:24px;top:118px;}
#dvValidNumber{left:24px;top:174px;}
#dvCodeError{left:24px;top:233px;}

.box p.introduce{position:absolute;font-size: 14px;color:#c4c4c4;}
.box p.font1{left:25px;top:33px;}
.box p.font2{left:25px;top:87px;}
.box p.font3{left:25px;top:146px;}
.box p.font4{left:25px;top:202px;}

*.box *input{left:45px;}.denglu{font-size: 14px;color: #fff;position: absolute;top:303px;*top:303px;left: 23px;}
.denglu a{color: #ffc840;}

.p1 .count-down{background:url("../img/p1_01.png") no-repeat center;width:1208px;height:266px;margin:0 auto;position:absolute;left:0px;top:146px;}
.p1 .count-down p{font-size: 30px;font-weight: bold;color:#c24321;text-align: center;line-height: 57px;}
.p1 .count-down .time{width:116px;height:156px;position:absolute;top:70px;font-size: 86px;font-weight: bold;color:#fa4d18;line-height: 156px;text-align: center;}
.p1 .count-down .day{left:244px;}
.p1 .count-down .hour{left:421px;}
.p1 .count-down .minute{left:620px;}
.p1 .count-down .second{left:798px;}

.p2 .head{background:url("../img/p2_01.png") no-repeat center;position:absolute;width:611px;height:191px;left:216px;top:-125px;}
.p2 .head p{font-size: 46px;font-weight: bold;color:#fff7dd;padding-left: 174px;padding-top: 112px;}
.p2 .rule{font-size: 14px;color:#ffefbb;text-align: center;padding-top: 80px;line-height: 14px;padding-bottom: 45px;}
.p2 .rule a{cursor:pointer;color:#fff601;}
.p2 .p2-bg{background:url("../img/p2_02.png") no-repeat center;width:1200px;height:470px;}
.p2 .my-btn,.p3 .my-btn{background:url("../img/btn2.png?v=20161212001") -5px -3px no-repeat;width:490px;height:77px;font-size: 32px;font-weight: bold;color:#ff3837;text-align: center;line-height: 77px;margin:0 auto;margin-top: 34px;cursor:pointer;}

/* 本例子css */
.picScroll-left{ width:939px;position:relative;padding-top: 68px;margin:0 auto;}
.picScroll-left .hd{ overflow:hidden;  height:37px;width:1122px;position:absolute;left:-92px;top:146px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;overflow:hidden;cursor:pointer; background:url("../img/p2_04.png") no-repeat;width:37px;height:37px;position:absolute;}
.picScroll-left .hd .prev{left:0px;top:0px;}
.picScroll-left .hd .next{ background-position:-37px 0px;right:0px;top:0px;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .bd{    }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:213px; height:195px; display:block;  padding:2px; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.picScroll-left .bd ul li .title a{font-size: 14px;color:#fff;text-align: center;display:block;padding-top: 20px;}

.p3 .p3-bg{background:url("../img/p3_01.jpg.png") no-repeat center;width:1200px;height:600px;}
.p3 .p3-bg p{font-size: 46px;font-weight: bold;color:#fff7dd;position:absolute;padding-top: 24px;padding-left: 406px;}
.p3 .my-btn{position:absolute;top:419px;left:353px;z-index: 10;}

.p4 .head{background:url("../img/p4_01.png") no-repeat center;position:absolute;width:660px;height:283px;left:166px;top:-209px;}
.p4 .head p{font-size: 46px;font-weight: bold;color:#fff7dd;padding-left: 234px;padding-top: 209px;}
.p4 .p4-bg{background:url("../img/p4_02.png") no-repeat bottom;width:1200px;height:618px;padding-top: 97px;}
.p4 .p4-bg ul{height:100%;padding-left: 53px;}
.p4 .p4-bg ul li{width:536px;height:226px;background:#fff;float:left;position:relative;}
.p4 .p4-bg ul li .my-top{height:44px;border-bottom: 1px solid #e2e2e2;line-height: 44px;padding-left: 28px;font-size: 20px;}
.p4 .p4-bg ul li .rate{height:120px;float:left;margin-left: 20px;margin-right: 80px;width:150px;}
.p4 .p4-bg ul li .long{height:120px;float:left;}
.p4 .p4-bg ul li .per{height:120px;width:120px;float:left;margin-left: 100px;}
.p4 .p4-bg ul li .my-bottom{height:62px;background:url("../img/p4_03.png") no-repeat center;clear:both;}
.p4 .p4-bg ul li p{font-size: 14px;color:#202020;}
.p4 .p4-bg ul li strong{display:block;font-size: 42px;font-weight: bold;color:#f97537;line-height: 54px;padding-top: 25px;}
.p4 .p4-bg ul li b{display:block;font-size: 18px;font-weight: bold;color:#454444;padding-top: 40px;padding-bottom: 15px;text-align: center;}
.p4 .p4-bg ul li .per .fu-invest1{margin-left: 20px;margin-top: 20px;}
.p4 .p4-bg ul li .per .ie{width:100%;padding-top: 60px;display:none;}
.p4 .p4-bg ul li .per .ie .wai{height:4px;background:#ddd;border-radius: 2px;}
.p4 .p4-bg ul li .per .ie .nei{height:4px;background:#fbe569;width:50%;border-radius: 2px;}
.p4 .p4-bg ul li .per .ie p{font-size: 16px;color:#666;text-align: center;margin-top: 5px;}



.p4 .p4-bg ul li .my-bottom p{font-size: 14px;color:#fff;padding-left: 20px;line-height: 62px;float:left;}
.p4 .p4-bg ul li .my-bottom .p4-btn{background:url("../img/btn2.png?v=20161212001") -5px -214px no-repeat;width:168px;height:43px;float:right;font-size: 18px;font-weight: bold;line-height: 43px;text-align: center;color:#ff7152;margin-top: 10px;margin-right: 24px;cursor:pointer;}
.p4 .p4-bg ul li .my-bottom .p4-btn:hover{background-position:-5px -294px;}
.p4 .p4-bg ul li.li1,.p4 .p4-bg ul li.li2{margin-top: 56px;}
.p4 .p4-bg ul li.li1,.p4 .p4-bg ul li.li3{margin-right: 25px;}
.p4 .p4-bg ul li.li3,.p4 .p4-bg ul li.li4{margin-top: 36px;}
.p4 .p4-bg ul li.li4 .rate{margin-right: 85px;}
.p4 ul li.li1 .state,.p4 ul li.li2 .state{position:absolute;left:406px;top:-7px;}
.p4 ul li.li3 .state,.p4 ul li.li4 .state{position:absolute;right:17px;top:4px;}

.p5 .head{background:url("../img/p5_01.png") no-repeat center;width:649px;height:152px;position:absolute;left:371px;top:-50px;}
.p5 .head p{font-size: 46px;font-weight: bold;color:#fff7dd;position:absolute;padding-top: 50px;padding-left: 48px;}
.p5 .mid{padding-top: 102px;}
.p5 .p5-bg{background:url("../img/p5_02.png") no-repeat center;height:338px;}
.p5 .p5-bg .sum{margin-left: 120px;padding-top: 53px;}

.p6 .head{background:url("../img/p6_01.png") no-repeat center;width:637px;height:263px;position:absolute;left:190px;top:-114px;}
.p6 .head p{font-size: 46px;font-weight: bold;color:#fff7dd;position:absolute;padding-top: 170px;padding-left: 211px;}
.p6 ul{padding-top: 213px;height:316px;}
.p6 ul li{float:left;width:180px;height:255px;text-align: center;}
.p6 ul li i{display:block;background:url("../img/p6_02.png") no-repeat;width:133px;height:146px;margin:0px auto;padding-bottom: 20px;}
.p6 ul li p{font-size: 18px;color:#fff;text-align: center;line-height: 29px;}
.p6 ul li.li1{padding-left: 48px;margin-right: 127px;}
.p6 ul li.li2{margin-right: 150px;}
.p6 ul li.li3{margin-right: 118px;}
.p6 ul li.li2 i{background-position:-318px 0px;}
.p6 ul li.li3 i{background-position:-637px 0px;}
.p6 ul li.li4 i{background-position:-957px 0px;}
.p6 .my-btn{width:490px;height:79px;background:url("../img/btn2.png?v=20161212001") -5px -3px no-repeat;margin:0px auto;font-size: 32px;font-weight: bold;color:#ff3837;text-align: center;line-height: 69px;cursor:pointer;}
.p6 .warn{font-size: 20px;color:#fff;margin:0 auto;padding-top: 28px;text-align: center;}
.my-btn:hover{background-position: -5px -99px;}
.foot{width:100%;height:173px;background:#dfdfdf;}
.foot .foot-msg{width:1050px;height:130px;background:url("../img/foot.png") no-repeat center;position:absolute;left:98px;top:28px;}
.foot .foot-msg .wor1{width:210px;position:absolute;left:80px;top:17px;}
.foot .foot-msg .wor1 strong{color:#7a7a7a;font-size: 28px;}
.foot .foot-msg .wor1 em{color:#7a7a7a;font-size: 14px;}
.foot .foot-msg .wor2{width:458px;position:absolute;left:350px;top:0px;color:#7a7a7a;font-size: 14px;line-height: 24px;}
.foot .foot-msg .wor2 .connection{width:100%;height: 24px;margin-bottom: 20px;}
.foot .foot-msg .wor2 .connection li{float: left;margin-right: 15px;width:75px;}
.foot .foot-msg .wor2 .connection li a{font-size: 18px;color:#7a7a7a;width:100%;}
.foot .foot-msg .wor2 .connection li a:hover{color: #616161;}
.poster-list li{position:relative;list-style-type:none;}
.poster-list li span{background:#dfdfdf;position:absolute;display:block;width:100%;height:60px;bottom:45px;text-align: center;color:#fff;font-size: 16px;line-height: 60px;}

.a_ban_man{animation:ban_man 1s ease-in-out both;-webkit-animation:ban_man 1s ease-in-out both;transform-origin: 50% 100%;-webkit-transform-origin:50% 100%; }
@keyframes ban_man {
    0%{opacity:0;transform:scale(0)}
    100%{opacity:1;transform:scale(1)}
}
@-webkit-keyframes ban_man {
    0%{opacity:0;-webkit-transform:scale(0)}
    100%{opacity:1;-webkit-transform:scale(1)}
}
.a_tit2{animation:tit2 1s ease-in-out 0.8s both;-webkit-animation:tit2 1s ease-in-out 0.8s both; }
@keyframes tit2 {
    0%{opacity:0;transform:translate(-50px,0px)}
    100%{opacity:1;transform:translate(0px,0px)}
}
@-webkit-keyframes tit2 {
    0%{opacity:0;-webkit-transform:translate(-50px,0px)}
    100%{opacity:1;-webkit-transform:translate(0px,0px)}
}
.a_tit1{animation:tit1 1s ease-in-out 0.8s both;-webkit-animation:tit1 1s ease-in-out 0.8s both; }
@keyframes tit1 {
    0%{opacity:0;transform:translate(50px,0px)}
    100%{opacity:1;transform:translate(0px,0px)}
}
@-webkit-keyframes tit1 {
    0%{opacity:0;-webkit-transform:translate(50px,0px)}
    100%{opacity:1;-webkit-transform:translate(0px,0px)}
}
.a_tit3{animation:tit3 0.6s ease-in 1.2s both;-webkit-animation:tit3 0.6s ease-in 1.2s both; }
@keyframes tit3 {
    0%{opacity:0;transform:translate(0px,-150px)}
    100%{opacity:1;transform:translate(0px,0px)}
}
@-webkit-keyframes tit3 {
    0%{opacity:0;-webkit-transform:translate(0px,-150px)}
    100%{opacity:1;-webkit-transform:translate(0px,0px)}
}
.a_flu{animation:flu 0.8s ease-in 1.5s both;-webkit-animation:flu 0.8s ease-in 1.5s both;;transform-origin: 50% 50%;-webkit-transform-origin:50% 50%;  }
@keyframes flu {
    0%{opacity:0;transform:scale(0)}
    100%{opacity:1;transform:scale(1)}
}
@-webkit-keyframes flu {
    0%{opacity:0;-webkit-transform:scale(0)}
    100%{opacity:1;-webkit-transform:scale(1)}
}
.a_login{animation:login 1s ease-in-out 2s both;-webkit-animation:login 1s ease-in-out 2s both; }
@keyframes login {
    0%{opacity:0;transform:translate(200px,0px)}
    100%{opacity:1;transform:translate(0px,0px)}
}
@-webkit-keyframes login {
    0%{opacity:0;-webkit-transform:translate(200px,0px)}
    100%{opacity:1;-webkit-transform:translate(0px,0px)}
}