/* CSS Document */
@charset "utf-8";
/*
*description:
*@author:LeeKangJie
*update:2016.09.08
*ver:1.0.0
*/
html{overflow-x:hidden}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,section{padding:0;margin:0}a{text-decoration:none;outline:0}:focus{outline:0}table{border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,i{font-weight:normal;font-style:normal}strong{font-weight:bold}ul{list-style:none;margin:0;padding:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;margin:0;padding:0}input,button,textarea,select{outline:0;*font-size:100%;margin:0;border:0}body{font-family:"Microsoft YaHei";background:#282828}.nav li,h3.title i,h3.title p,#section1 .gifts li img,#section1 .btn a,#section1 dd i,#section2 .rel li p:first-child img,#section4 .swiper-nav li,#section3 .items,#section3 .share a,.header .btn a{display:inline-block;*display:-moz-inline-stack;*zoom:1;*display:inline}#section2 .scorelist div li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#section4 .swiper-nav li,#section3 .items li p img,.role,.role img,#section2 .rel li img,#section4 .swiper-text li{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.clearfix:after{display:table;content:" ";clear:both}.clearfix{*zoom:1}.fl{float:left}.fr{float:right}#footer{min-width:1000px;margin:0 auto 0 auto;clear:both;height:100px;padding-top:10px;color:#fff;position:relative;z-index:2;width:100%;line-height:24px;background:#333}#footer div{text-align:center;color:#fff;font-size:12px;margin-top:5px}#footer div a{color:#fff;margin:0 10px}#footer a{text-decoration:none;color:#fff}#footer a:hover{text-decoration:underline}.article{width:975px;height:auto;margin:0 auto;padding:60px 0 0 0;position:relative}h3.title i,h3.title p{vertical-align:middle}h3.title i{width:10px;height:65px;border-radius:5px}h3.red{color:#e75b5b}h3.white{color:#fff}h3.red i{background:#e75b5b}h3.white i{background:#fff}h3.title p{padding:0 0 0 20px}h3.title p span{display:block}h3.title p span:first-child{font-size:42px}h3.red p span:first-child+span{color:#535353}h3.white p span:first-child+span{color:#fff}#container{min-width:1000px;height:auto;position:relative;overflow:hidden;background:url(../img/bg_top.jpg) no-repeat center top}.header{width:1000px;height:726px;margin:0 auto;position:relative;background:url(../img/bg_header.jpg) no-repeat center top}.header .nav{text-align:right;height:35px;background:url(../img/bg_nav.png) no-repeat 790px top;color:#fff;padding:5px 50px 0 0}.header .nav a{color:#fff}.header .nav a:hover{text-decoration:underline}.header .btn{position:absolute;width:100%;left:0;bottom:145px}.header .btn a{vertical-align:middle}.header .btn a:first-child{width:300px;height:60px;margin-left:115px}.header .btn a:first-child+a{width:75px;height:75px;background:url(../img/bg_down.png) no-repeat left top;margin:0 0 0 20px;position:relative;top:3px}#section1{height:586px;background:#f4f4f4 url(../img/bg_s1.jpg) no-repeat center top}#section1 .gifts{padding:70px 0 0 93px}#section1 .gifts li{width:80px;height:110px;margin:0 0 0 30px;text-align:center;color:#5d5d5d;font-size:14px;float:left}#section1 .gifts li:first-child{margin:0}#section1 .gifts li img{max-width:100%}#section1 .gifts li p:first-child+p{padding:5px 0 0 0}#section1 .btn{padding:20px 0 0 260px}#section1 .btn a{width:173px;height:47px;background:url(../img/bg_btn.jpg) no-repeat center top}#section1 dl{padding:40px 0 0 45px;color:#e75b5b}#section1 dt{font-size:18px}#section1 dd{margin:10px 0 0 0;font-size:14px}#section1 dd i,#section1 dd span{vertical-align:middle}#section1 dd i{width:17px;height:17px;border-radius:100%;background:#e75e5e;color:#fff;text-align:center;font-size:12px;line-height:17px}#section1 .role{position:absolute;right:0;top:95px}#section2{height:608px;background:#e76161 url(../img/bg_s2.jpg) no-repeat center top}#section2 .content{padding:30px 0 0 75px}#section2 .rel{width:555px;height:325px;position:relative}#section2 .rel li{width:180px;height:105px;position:absolute;background:#841812 url(../img/bg_rel.jpg) no-repeat left -108px}#section2 .rel li:after{content:"";position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;opacity:0;border:1px solid #f9ffb8}#section2 .rel li:hover:after,#section2 .rel li.hover:after{-webkit-animation:boom .5s ease;animation:boom .5s ease}@-webkit-keyframes boom{0%{opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}@keyframes boom{0%{opacity:0}5%{opacity:1}100%{transform:scale(1.3);transform:scale(1.3);opacity:0}}#section2 .rel li p{text-align:center}#section2 .rel li.hover{background:#581e16 url(../img/bg_rel.jpg) no-repeat left top}#section2 .rel li.item1{top:0;left:0}#section2 .rel li.item2{top:0;left:185px}#section2 .rel li.item3{top:0;left:370px}#section2 .rel li.item4{top:110px;left:370px}#section2 .rel li.item5{top:220px;left:370px}
#section2 .rel li.item6{top:220px;left:185px}#section2 .rel li.item7{top:220px;left:0}#section2 .rel li.item8{top:110px;left:0}#section2 .rel li .bg{position:absolute;width:100%;height:100%}#section2 .rel li p:first-child{height:70px;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center}#section2 .rel li p:first-child img{max-width:100%}#section2 .rel li p:first-child img.loading{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px}#section2 .rel li img{max-width:100%}#section2 .rel li p:first-child+p{width:100%;text-align:center;font-size:14px;color:#fff;position:absolute;bottom:5px}#section2 a.star{width:180px;height:105px;color:#fff;display:block;position:absolute;top:110px;left:185px;background:url(../img/bg_star.jpg)}#section2 a.star span{display:block;position:absolute;width:100%;left:0;bottom:10px;text-align:center;font-size:14px}#section2 .scroll{width:228px;height:323px;border:1px solid #9d1c1c;margin:0 0 0 25px}#section2 .scroll h3{height:44px;line-height:44px;text-align:center;font-size:18px;color:#fff;border-bottom:1px solid #9d1c1c;background:#ce2d2d}#section2 .scorelist{padding:20px 35px;height:238px;background:url(../img/blue.png)}#section2 .scorelist div{width:172px;height:222px;position:relative;overflow:hidden}#section2 .scorelist div li{font-size:12px;color:#fff;margin-top:15px}#section3{height:750px;background:#f4f4f4 url(../img/bg_s3.jpg) no-repeat center top;text-align:center}#section3 .title{text-align:left}#section3 .items{margin:60px auto 0 auto}#section3 .items li{width:116px;height:352px;float:left;position:relative;cursor:pointer;background:url(../img/bg_b.png) no-repeat left top}#section3 .items li:first-child{background:0}#section3 .items li p,#section3 .items li i{position:absolute;left:0}#section3 .items li p{width:100%;height:100%}#section3 .items li p img{position:absolute;bottom:0;left:0;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5;filter:alpha(opacity=50);}#section3 .items li i{width:30px;height:77px;background:url(../img/label.png) no-repeat left top;text-align:right;color:#545454;top:15px;left:10px}#section3 .items li:first-child p img{left:-25px}#section3 .items li:first-child+li p,#section3 .items li:first-child+li+li,#section3 .items li:first-child+li+li+li,#section3 .items li:first-child+li+li+li+li,#section3 .items li:first-child+li+li+li+li+li,#section3 .items li:first-child+li+li+li+li+li+li{overflow:hidden}#section3 .items li:first-child+li+li p img{left:-50px}#section3 .items li:first-child+li+li+li p img{left:-30px}#section3 .items li:first-child+li+li+li+li p img{left:-80px}#section3 .items li:first-child+li+li+li+li+li p img{left:-10px}#section3 .items li:first-child+li+li+li+li+li+li p img{left:-30px}#section3 .items li:first-child+li+li+li+li+li+li+li p img{top:100px;left:5px}#section3 .items li:hover p img,#section3 .items li.hover p img{opacity:1;filter:alpha(opacity=100);-webkit-filter:grayscale(0);filter:grayscale(0)}#section3 .share{font-size:0;text-align:center;padding:20px 0 0 0}#section3 .share a{width:217px;height:50px;margin:0 0 0 80px}#section3 .share a:first-child{margin:0;background:url(../img/btn_share.jpg) no-repeat left top}#section3 .share a:first-child+a{background:url(../img/btn_share.jpg) no-repeat -217px top}#section3 .txt{font-size:18px;color:#e03425;padding:25px 0 0 0}#section3 .items li p img.loading{width:32px!important;height:32px!important;position:absolute;top:50%!important;left:50%!important;margin:-16px 0 0 -16px!important}#section4{height:645px;background:#e76161 url(../img/bg_s4.jpg) no-repeat center top}#section4 .role{position:absolute;right:0;top:60px;z-index:9}#section4 .swiper-container{width:555px;height:auto;position:relative;top:45px}#section4 .swiper-wrapper{height:265px;position:relative;overflow:hidden;background:#fff}#section4 .swiper-wrapper li{width:555px;height:265px;float:left}#section4 .swiper-wrapper li img{width:100%;height:100%}#section4 .swiper-wrapper li img.loading{width:32px;height:32px;position:relative;top:50%;left:50%;margin:-16px 0 0 -16px}#section4 .swiper-nav{width:100%;height:10px;padding:0 0 0 20px;position:absolute;left:0;bottom:10px;*bottom:70px;font-size:0;z-index:3}#section4 .swiper-nav li{width:10px;height:10px;border-radius:10px;cursor:pointer;margin:0 0 0 5px;background:#e76161}#section4 .swiper-nav li:first-child{margin:0}#section4 .swiper-nav li.hover,#section4 .swiper-nav li:hover{width:35px}#section4 .swiper-text li{width:100%;padding-top:10px;display:none;word-break:break-all;color:#e5e5e5;line-height:25px}#section4 .swiper-text li.hover{display:block}.modal{width:355px;height:455px;padding:25px;background:#ef5858}.modal .close{position:absolute;width:60px;height:55px;line-height:55px;text-align:center;right:-60px;top:0;cursor:pointer;font-size:40px;color:#ef5858;background:#000}.modal h3{padding:30px 0 0 0;font-size:51px;color:#fff;text-align:center;font-weight:bolder}.modal p{color:#fbb290;font-size:22px;text-align:center}.modal dl{padding:20px 0 0 0}.modal dd{margin:20px 0 0 0;font-size:22px;color:#fff;,}#like{font-size:18px;color:red;padding:40px 0 0 0;}#wrapAll{display:none !important;}
.modal dd input,.modal dd span{vertical-align:middle}.modal dd:first-child input{width:230px;height:50px;line-height:50px;margin:0 0 0 10px;padding:0 10px;font-size:18px}.modal dd:first-child+dd input{width:90px;height:50px;padding:0 10px;margin:0 0 0 10px;font-size:18px}.modal dd:first-child+dd{text-align:center}.modal dd:first-child+dd input{width:250px;height:60px;font-size:30px;font-weight:bolder;color:#5871ce;cursor:pointer;margin-left:46px;background:#ffe000}
@-moz-keyframes scale{0%{transform:scale(.9)}50%{transform:scale(1)}100%{transform:scale(.9)}}@-webkit-keyframes scale{0%{transform:scale(.9)}50%{transform:scale(1)}100%{transform:scale(.9)}}.scale{-webkit-animation:scale 2s ease-in-out infinite;-moz-animation:scale 2s ease-in-out infinite;-ms-animation:scale 2s ease-in-out infinite;-o-animation:scale 2s ease-in-out infinite;animation:scale 2s ease-in-out infinite}
@-moz-keyframes moveTop{0%{top:75px}50%{top:95px}100%{top:75px}}@-webkit-keyframes moveTop{0%{top:75px}50%{top:95px}100%{top:75px}}.moveTop{-webkit-animation:moveTop 2s ease-in-out infinite;-moz-animation:moveTop 2s ease-in-out infinite;-ms-animation:moveTop 2s ease-in-out infinite;-o-animation:moveTop 2s ease-in-out infinite;animation:moveTop 2s ease-in-out infinite}@-moz-keyframes moveTop2{0%{top:40px}50%{top:60px}100%{top:40px}}@-webkit-keyframes moveTop2{0%{top:40px}50%{top:60px}100%{top:40px}}.moveTop2{-webkit-animation:moveTop2 2s ease-in-out infinite;-moz-animation:moveTop2 2s ease-in-out infinite;-ms-animation:moveTop2 2s ease-in-out infinite;-o-animation:moveTop2 2s ease-in-out infinite;animation:moveTop2 2s ease-in-out infinite}