* { margin: 0; padding: 0; font-family: "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti; }

body { font: 14px/28px "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti; position: relative; }

li { list-style: none; }

a { color: #666666; text-decoration: none; }

img { display: block; }

.clear { clear: both; }

.container { width: 1170px; margin: 0 auto; }

.banner { width: 100%; height: 789px; background: url("img/banner.jpg") no-repeat center; margin-bottom: 100px; }

.header { width: 100%; height: 100px; line-height: 100px; }
.header ul { float: right; }
.header ul a { font-size: 18px; color: white; float: left; display: block; opacity: .8; margin-left: 30px; }

.logo { display: block; width: 180px; height: 40px; float: left; background: url("img/logo.png") no-repeat; margin-top: 30px; }

.titles { width: 100%; text-align: center; font-size: 32px; color: #fc8a26; }
.titles span { font-weight: bold; font-size: 40px; color: #f1f4f9; text-transform: uppercase; display: block; margin: 0 auto -10px; }

.bg_wg { width: 100%; height: 2800px; position: absolute; bottom: 0; background: url("img/bg_wg.png") #f1f4f9 top center no-repeat; z-index: -1; }

.qr { width: 220px; height: 220px; background: url("img/qr.jpg") top center no-repeat; position: fixed; right: 20px; top: 30%; display: none; }

.partners { width: 100%; margin: 45px 0 90px; height: 160px; }
.partners dl { width: 570px; float: left; }
.partners dl:last-child { float: right; }
.partners dt { width: 32px; height: 32px; border-radius: 50%; float: left; color: #fc8a26; text-align: center; font-size: 24px; font-weight: bold; background: url("img/icon_right.png") center no-repeat; }
.partners dd { width: 520px; float: right; }
.partners dt, .partners span, .partners p { background-color: #f1f4f9; }
.partners span { line-height: 32px; padding: 0 20px; border-radius: 20px; display: inline-block; font-size: 16px; color: #fc8a26; margin-bottom: 20px; }
.partners p { padding: 10px 20px; border-radius: 25px 25px 50px 25px; color: #666666; }

.method { width: 110%; margin: 70px 0 100px; height: 360px; }
.method dl { width: 270px; height: 160px; padding-top: 200px; float: left; margin-right: 30px; position: relative; background: url("img/bg_method.png") center no-repeat; }
.method dt { width: 100%; height: 200px; background: url("img/method_1.png") center no-repeat; position: absolute; top: -20px; }
.method .method2 { background-image: url("img/method_2.png"); }
.method .method3 { background-image: url("img/method_3.png"); }
.method .method4 { background-image: url("img/method_4.png"); }
.method dd { color: white; padding: 0 30px; }
.method span { display: block; font-size: 16px; margin-bottom: 5px; font-weight: bold; }

.reg { width: 100%; margin: 60px 0 90px; }
.reg dl { width: 570px; height: 145px; float: left; transition: all .2s; margin-bottom: 50px; padding-top: 25px; }
.reg dl:nth-child(2n) { float: right; }
.reg dl:hover, .reg dl.on { background: white; box-shadow: 0 0 8px 1px #ececec; border-radius: 25px 70px 25px 70px; }
.reg dt { float: left; width: 100px; text-align: center; color: #ddd; font-size: 40px; font-weight: lighter; padding-top: 10px; }
.reg dd { float: left; width: 445px; }
.reg span { display: block; font-weight: bold; color: #fc8a26; font-size: 16px; }
.reg p { color: #666666; }
.reg p.zhu { color: #999999; text-align: center; width: 100%; }

.calcu { width: 100%; height: 100px; overflow: hidden; background: url("img/bg_calc.png") white left no-repeat; box-shadow: 0 0 2px 2px #ececec; margin: 65px 0 100px; border-radius: 20px 40px 20px 40px; }
.calcu ul { width: 100%; height: 50px; border-bottom: 1px solid #f1f4f9; }
.calcu ul li { width: 195px; height: 50px; float: left; text-align: center; color: #fc8a26; line-height: 50px; font-size: 16px; }
.calcu ul li:first-child { color: white; }
.calcu ul:last-child li { font-weight: bold; }
.calcu ul:last-child li:first-child { font-weight: normal; }

.bonus { width: 1207px; height: 277px; background: url("img/bg_bonus.png") center no-repeat; overflow: hidden; margin: 20px 0 80px -18px; }
.bonus p { color: #666666; width: 800px; margin: 100px 0 0 70px; }

form { width: 100%; margin: 40px 0 100px; }
form p { font-size: 16px; color: #fc8a26; margin: 45px 0 20px; }
form p.read { width: 100%; text-align: center; color: #666666; font-size: 14px; margin: 5px 0 30px; cursor: pointer; }
form p.read a { color: #5079d9; }
form p.read a:hover { text-decoration: underline; }
form p.read:before { display: inline-block; width: 16px; height: 16px; color: white; content: " "; vertical-align: middle; border-radius: 50%; line-height: 17px; border: 1px solid #CCCCCC; transition: all .2s; }
form p.read.on:before { width: 6px; height: 6px; border: 6px solid #fc8a26; }
form input, form textarea { border: 1px solid #CCCCCC; height: 38px; line-height: 38px; text-indent: 10px; outline: none; border-radius: 4px; }
form .error dt { color: red; }
form .error input { border-color: red; }
form textarea { width: 1168px; height: 118px; }
form .submit { width: 170px; height: 40px; line-height: 40px; text-align: center; color: white; font-size: 18px; font-weight: bold; background: #fc8a26; margin: 0 auto; display: block; border: none; cursor: pointer; text-indent: 0; }
form .disab { background: #ddd; }
form .three { width: 110%; }
form .three dl { width: 370px; float: left; margin-right: 30px; }
form .three input { width: 378px; }
form .three:after { display: block; content: " "; clear: both; }
form dt, form span { color: #666666; margin-bottom: 6px; display: block; }
form span { margin-top: 25px; }

.footer { width: 100%; height: 30px; line-height: 30px; background: #333333; color: #adadad; }
.footer ul { float: right; }
.footer ul a { color: #adadad; margin-left: 30px; }
.footer a:hover { color: white; }

/*# sourceMappingURL=index.css.map */