html {font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif,Arial,"tahoma";}
body {padding:0;margin:0;}
div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,select,input {padding:0;margin:0;}
li {list-style:none;}
input,textarea:focus {outline:none;}
img {border:none;}
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:"";display:block;clear:both;height:0;}
.clearfix {*zoom:1;}
a {color:#999;text-decoration:none;transition:0.3s linear;}
.tl {text-align:left}
.tr {text-align:right}
.tc {text-align:center}
.m1200 {width:1200px;margin:0 auto;position:relative;}

.m-bg {min-width:1200px;}
.m-bg .top-banner {height:880px;background:url(../images/bg_01.jpg) no-repeat center top;position:relative;overflow:visible;}
.m-bg .top-banner .m1200 {height:100%;}
.m-bg .top-banner .text{font-size:16px; color:#9d8153; line-height:30px; width:560px; margin:0 auto; position:relative; top:725px; left:8px; text-indent:2em;}
/* .m-bg .top-banner .logo {width:195px;height:107px;background:url(../images/logo.png);position:absolute;left:198px;top:55px;}
.m-bg .top-banner .logo:after {content:'';width:100%;height:100%;background:url(../images/logo.png);opacity:0;position:absolute;top:0;left:0;} */
/* .m-bg .top-link .logo:hover:after {animation:anim4 0.6s ease-in-out;} */
.m-bg .top-link{position:absolute; top:0; left:0;}
.m-bg .top-link a{width:134px; height:35px; display:block; color:transparent; font-size:0;}

.m-bg .top-link a:hover:after {animation:anim4 0.6s ease-in-out;}
.part-1 {height:596px;background:url(../images/bg_02.jpg) no-repeat center top;}
.part-2 {height:447px;background:url(../images/bg_03.jpg) no-repeat center top;}
.part-3 {height:882px;background:url(../images/bg_04.jpg) no-repeat center top;}
.part-4 {height:675px;background:url(../images/bg_05.jpg) no-repeat center top;}
.part-5 {height:847px;background:url(../images/bg_06.jpg) no-repeat center top;}

.part .btn-box {text-align:center;padding-top:30px; font-size:0; letter-spacing:-5px;}
.part .btn-box a {width:238px;height:68px;display:inline-block;background:url(../images/public_img.png) no-repeat 0 0;position:relative;}
.part .btn-box a:after {content:'';width:100%;height:100%;background:url(../images/public_img.png) no-repeat 0 0;position:absolute;left:0;top:0; opacity:0;}
.part .btn-box .btn-join,.part .btn-box .btn-join:after {background-position-y:0;}
.part .btn-box .btn-gift,.part .btn-box .btn-gift:after {background-position-y:-69px;}
.part .btn-box .btn-get,.part .btn-box .btn-get:after {background-position-y:-138px;}
.part .btn-box a:hover:after {animation:anim4 0.6s ease-in-out;}

.part-1 .m1200 {padding-top:282px;}
.part-1 .text {padding-left:185px;}
.part-1 .text p{font-size:18px; color:#9d8153;line-height:30px; position:relative;}
.part-1 .text p:before{content:''; width:19px; height:19px; background:url(../images/public_img.png) no-repeat 0 -276px; position:absolute; left:-30px; top:6px;}

.part-3 .m1200{padding-top:737px;}
.part-3 .text,.part-3 .tips-box{display:none;}
.part-3 .btn-box a{margin:0 22px; position:relative; left:44px;}

.part-5 .m1200{padding-top:172px;}
.part-5 .text{text-align:center;}
.part-5 .text p{font-size:18px;line-height:30px;color:#9d8153;}
.part-5 .text p .hight-light{color:#ffd48e;}
.part-5 .text .title {color:#9d8153; font-size:14px; line-height:30px; display:block;}
.part-5 .text .red{color:#b71010; font-size:14px; line-height:30px; display:block;}
.part-5 .btn-box {padding-top:190px;}
.part-5 .tips-box {font-size:18px;line-height:30px;color:#9d8153;padding-top:65px; width:800px; margin:0 auto;}
.part-5 .tips-box .title {font-size:24px;color:#ffd48e; font-weight:bold; display:table; margin:0 auto 10px;}

/* 侧浮动导航 */
.nav-wrap {position:fixed;right:4%; top:50%; margin-top:-261px; width:73px; z-index:111;}
.nav-wrap .nav {font-size:0;letter-spacing:-5px;text-align:center; height:522px; position:relative;}
.nav-wrap .nav:before{content:''; width:1px; height:570px; background:#f2eabf; position:absolute; top:50%; left:0; right:0; margin:-285px auto 0; z-index:-1;}
.nav-wrap .nav li {display:inline-block;letter-spacing:normal; margin:1px 0; position:relative; z-index:11;}
.nav-wrap .nav li.top{position:absolute; bottom:2px; left:0;}
.nav-wrap .nav li a {width:73px;height:85px;display:block;background:url(../images/nav_icon.png) no-repeat 0 0;color:transparent;font-size:0;transition:0s;}
.nav-wrap .nav .li-3 a{background-position-y:-86px;}
.nav-wrap .nav .li-4 a{background-position-y:-172px;}
.nav-wrap .nav .li-5 a{background-position-y:-258px;}
.nav-wrap .nav .li-6 a{background-position-y:-344px;}
.nav-wrap .nav .top a{background-position-y:-430px;}

/* 弹窗 */
.popup-bg {position:fixed;left:0;top:0;background:rgba(0,0,0,0.9);width:100%;height:100%;display:none;z-index:9999;}
.popup-box {width:553px;padding:30px 0;box-sizing:border-box;position:fixed;left:50%;margin-left:-276px;top:50%;display:none;transform:translateY(-50%);-ms-transform:translateY(-50%);text-align:center;z-index:10000;display:none;}
.popup-box .arrow {width:100%;height:30px;position:absolute;left:0;}
.popup-box .arrow-t {top:0;background:url(../images/popup_box_bg_01.jpg) no-repeat;}
.popup-box .arrow-b {bottom:0;background:url(../images/popup_box_bg_03.jpg) no-repeat;}
.popup-box .inner-box {padding:15px 22px;position:relative;overflow-x:hidden;background:url(../images/popup_box_bg_02.jpg) repeat-y;}
.popup-box .inner-box p {font-size:24px;color:#f9cd65;line-height:40px;word-break:break-all;}
.popup-box .inner-box .tips {font-size:14px;position:relative;color:#ff6d1d;text-align:left;line-height:22px;display:table;margin:25px auto 0;}
.popup-box .inner-box .number {color:#ff0000;}
.popup-box .close {width:28px;height:28px;font-size:0;color:transparent;background:url(../images/close.png) no-repeat;position:absolute;right:25px;top:25px;z-index:3;transition:0.2s;}
.popup-box .close:hover {transform:rotate(90deg);}
.popup-box .sure {width:256px;height:68px;background:url(../images/public_img.png) no-repeat 0 -207px;display:block;margin:31px auto 0;cursor:pointer;text-align:center;line-height:60px;font-size:0;color:transparent;letter-spacing:8px;}
.popup-box .inner-box h2 {text-align:center;padding-left:30px;font-size:36px;color:#f9cd65;}
.popup-box .inner-box ul {display:table;margin:0 auto;padding-top:10px;}
.popup-box li {margin-top:20px;}
.popup-box li label {font-size:24px;color:#f9cd65;width:4em;text-align:right;display:inline-block;margin-right:20px;}
.popup-box li input {width:280px;height:40px;box-sizing:border-box;line-height:40px;border:1px solid #3c3533;background:#0b0908;padding:0 15px;font-size:24px;color:#f9cd65;}
.popup-box .inner-box .scroll-box {overflow-y:auto;width:100%;padding-right:40px;}
.popup-box.box-3 .inner-box::-webkit-scrollbar {display:none;}
@keyframes anim4 {from {transform:scale(1,1);opacity:0.5;}
to {transform:scale(1.8,1.8);opacity:0;}
}
@-webkit-keyframes anim4 {from {transform:scale(1,1);opacity:0.5;}
to {transform:scale(1.8,1.8);opacity:0;}
}