@charset "utf-8";html{background-color:#fff}
body,h1,h2,h3,h4,p,ul,ol,dl,dd,form,textarea,input{margin:0}
ul,ol,th,td,input,select{padding:0}
ul{list-style:none}
ol{list-style:inside decimal}
a{text-decoration:none}
a:hover{text-decoration:underline}
:focus{outline:none}
::-moz-focus-inner{border-color:transparent}
em,strong,i{font-style:normal}
img{vertical-align:top;border:0}
input,textarea{outline:none}
table{border-collapse:collapse}
section,article,aside,header,footer,nav{display:block}
body,a,input,textarea{font-family:\5FAE\8F6F\96C5\9ED1,Tahoma,Geneva,sans-serif;color:#333}
body{font-size:14px;line-height:1.2}
input,select,textarea{font-size:inherit}
h1,h2,h3,h4{font-weight:400;font-size:1em}
.pr{position:relative}
.pa{position:absolute}
.fl{float:left;_display:inline}
.fr{float:right;_display:inline}
.bc{margin-left:auto;margin-right:auto}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.vm{vertical-align:middle}
.nt{text-indent:-38888px;outline:none}
.fill{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAF0Uk5TAEDm2GYAAAAMSURBVHjaYmAACDAAAAIAAU9tWeEAAAAASUVORK5CYII=) repeat 0 0}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.clearfix:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.clearfix{*zoom:1}
.formList .field{position:relative;padding-left:150px;font-size:14px}
.formList .field p{font-size:12px}
.formList .field-item{_zoom:1;margin-bottom:8px}
.formList .field-item .item-title,.formList .field-item .infobox{height:32px;line-height:32px}
.formList .field-item .item-title{position:absolute;top:0;left:0;width:150px;text-align:right;white-space:nowrap}
.formList .field-item .item-title em{color:red}
.formList .field-item .infobox{*zoom:1;display:inline-block;*display:inline}
.formList .field-item .textbox{width:240px;height:30px;line-height:30px\9;border:1px solid #e2e3ea;border-top-color:#abadb3;text-indent:4px;vertical-align:top;_margin-top:-1px}
.formList .field-item .imebox{ime-mode:disabled}
.formList .field-item select{width:242px;padding:5px 6px 5px 1px;padding-top:6px\9;border:1px solid #e2e3ea;border-top-color:#abadb3;vertical-align:top;*margin:4px 0 5px;_margin-bottom:6px}
.formList .field-item textarea{padding:6px 4px;border:1px solid #e2e3ea;border-top-color:#abadb3;vertical-align:top;_margin-top:-1px;resize:none;overflow:auto}
.formList .field-item-space{height:auto}
.formList .field-btn input{width:120px;height:32px;line-height:32px;cursor:pointer}
.formList .field-btn .hover{}
.formList .field-btn .disable,.formList .field-btn .disabled{cursor:default}
.formList .help,.formList .error{height:20px;line-height:20px;_margin-top:-1px}
.formList .help{color:#888}
.formList .error{display:none;color:red}
.formList .jz-focus .help{display:block}
.formList .jz-focus .error{display:none}
.formList .jz-help .help{display:block}
.formList .jz-help .error{display:none}
.formList .jz-error .help{display:none}
.formList .jz-error .error{display:block}
.formList .jz-success .help{display:none}
.formList .jz-success .error{display:none}
.formList-cover .help,.formList-cover .error{position:absolute;top:0;left:150px;width:240px;height:30px;line-height:30px;border:1px solid #e2e3ea;border-top-color:#abadb3;background-color:#fff;text-indent:4px;cursor:default;_margin-top:0}
.formList-cover .jz-focus .help{display:none}
.formList-cover .jz-error select{visibility:hidden}
.formList-follow .help,.formList-follow .error{position:absolute;top:6px;left:400px}
.formList .fieldset{display:none;height:160px}
.formList .identity{z-index:1;position:relative;height:32px;font-size:12px}
.formList .identity input,.formList .identity span{vertical-align:middle}
.formList .identity input{*width:13px;*height:13px;margin:0 4px 0 0}
.formList .identity p{z-index:1;display:none;position:absolute;top:24px;left:150px;padding:.3em .7em;border:1px solid #f00;background-color:#fee;color:#f00}
body{overflow-x:hidden}
.header-nav{z-index:99;position:fixed;top:0;left:0;width:100%;background:url(../images/bg-header-nav.png) repeat-x 0 0}
.header-nav .wrap{width:1200px;height:86px;margin:0 auto;background:url(../images/bg-header-nav-wrap.png) no-repeat 0 0}
.header-nav .logo{float:left;margin-right:30px;padding-top:5px}
.header-nav .logo img{width:150px}
.header-nav .nav{float:left}
.header-nav .nav .item{float:left;margin-right:1px}
.header-nav .nav .item .nav-op{display:block;width:164px;height:86px;line-height:86px;text-align:center;font-size:18px;font-weight:bold;}

.header-nav .nav-icon{position:relative;float:right;padding-top:26px}
.header-nav .nav-icon .nav-icon-op{float:right;display:block;margin-right:21px}
.header-nav .nav-icon .nav-icon-op{display:block;width:33px;height:33px;background:url(../images/header-nav-icon.png) no-repeat 0 0}
.header-nav .nav-icon .nav-icon-wx{background-position:0 -66px}
.header-nav .nav-icon .nav-icon-qq{background-position:0 -33px}
.header-nav .nav-icon .nav-icon-wb{background-position:0 0}
.header-nav .nav-icon .nav-icon-op a{display:block;width:100%;height:100%}
.header-nav .nav-icon .nav-icon-wx img{display:none;width:250px;height:250px;position:absolute;top:87px;left:-90px}
.header-nav .nav-icon .nav-icon-wx:hover img{display:block}

.sidebar {position:fixed;top:30%;right:10px;display:none;width:162px;height:310px;padding:10px;background:#0000001a;z-index:999;}
.sidebar img{width:100%}
.sidebar .qrcode-area{width:160px;height:160px;margin-bottom:35px;border:1px solid #e6d8b0}
.sidebar .qrcode-area p{text-align:center;font-size:16px;line-height:30px}
.sidebar .btn-dl{display:block;width:160px;height:53px;margin-bottom:5px;font-size:0}
.sidebar .btn-slide{position:absolute;top:10px;left:-20px;display:block;width:18px;height:52px;background:#c1954d;font-size:14px;color:#fff;text-decoration:none;cursor:pointer;text-align:center}

.main-part2,.main-part2 .wrap{background:url(../images/bg-part2.jpg) no-repeat 0 0}
.main-part3,.main-part3 .wrap{background:url(../images/bg-part3.jpg) no-repeat 0 0}
.main-part5,.main-part5 .wrap{background:url(../images/bg-part5.jpg) no-repeat 0 0}
.main{background-position:center 0}
.main .wrap{position:relative;width:1200px;margin:0 auto;background-position:-360px 0}
.main-part1 .wrap{height:986px}
.main-part1 .header-dl{position:absolute;top:563px;left:24px;width:438px;height:177px;padding:24px 32px 0 30px;background:url(../images/header-download.png) no-repeat 0 0;z-index:2}
.main-part1 .header-dl img{float:left;width:112px;height:112px;margin-right:25px;margin-left:26px}
.main-part1 .header-dl .btn-dl-area{float:left;padding-top:2px}
.main-part1 .header-dl .btn-dl-area .btn-dl{display:block;width:197px;height:58px;cursor:pointer;text-indent:-9999px}
.main-part1 .header-dl .btn-dl-area .btn-ios{margin-bottom:10px}
.main-part1 .header-dl .gift-wx{float:right;width:113px;padding-top:97px;cursor:pointer}
.main-part1 .header-dl .gift-wx p{width:100%;height:34px;font-size:14px;line-height:32px;color:#483713;text-align:center}
.main-part1 .header-dl .monkey{position:absolute;top:0;left:-80px;width:110px;height:134px}
.main-part1 video{position:absolute;top:0;left:-360px}
.main-part2{position:relative}
.main-part2 .shadow{position:absolute;top:-417px;left:0;width:1920px;height:727px;background:url(../images/shadow.png) repeat-x 0 0}
.main-part2 .wrap{position:relative;height:206px;padding-top:39px}
.main-news{position:absolute;top:-147px;left:0;width:1200px;height:353px;background:#fff url(../images/el-box-news.png) no-repeat right 0;overflow:hidden}
.m-eyefocus{position:absolute;top:-50px;left:0;width:700px;float:left;-webkit-transition:all 1s ease 0.2s;-moz-transition:all 1s ease 0.2s;-ms-transition:all 1s ease 0.2s;transition:all 1s ease 0.2s;-webkit-transform:translate(0,50px);-moz-transform:translate(0,50px);-ms-transform:translate(0,50px);transform:translate(0,50px)}
.m-eyefocus .m-eyeBox{width:700px;height:353px;position:relative}
.m-eyefocus .m-eyeBox .slides li{width:700px;float:left;height:353px}
.m-eyefocus .m-eyeBox .slides li img{width:700px;height:353px}
.m-eyefocus .m-eyeBox .u-eyenav{background:rgba(42,53,82,0.5);height:36px;width:628px;position:absolute;bottom:0;left:36px;right:36px;font:bold 14px/36px "Microsoft YaHei";color:#dedede;overflow:hidden;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.m-eyefocus .m-eyeBox .u-eyenav ul{width:900%}
.m-eyefocus .m-eyeBox .u-eyenav li{float:left;width:157px;height:36px;text-align:center;cursor:pointer}
.m-eyefocus .m-eyeBox .u-eyenav .flex-active{background:#0c0f16}
.m-eyefocus .m-eyeBox .u-eyenav .flex-active p{color:#fff}
.m-eyefocus .m-eyeBox .flex-direction-nav li{position:absolute;z-index:25;bottom:0;display:block;text-indent:-99em;overflow:hidden;width:36px;height:36px;background:url(../images/el-banner.png) no-repeat}
.m-eyefocus .m-eyeBox .flex-direction-nav a{display:block;width:100%;height:100%}
.m-eyefocus .m-eyeBox .flex-direction-nav .flex-nav-prev{left:0;background-position:0 -72px}
.m-eyefocus .m-eyeBox .flex-direction-nav .flex-nav-next{right:0;background-position:0 -108px}
.main-news .c-box{float:left}
.c-box-banner{width:700px}
.c-box-banner div,.c-box-banner img{width:700px;height:353px}
.c-box-banner div{display:none;position:absolute;top:0;left:0}
.c-box-banner ul{position:absolute;bottom:.6em;left:1em;line-height:1}
.c-box-banner ul li{*float:left;display:inline-block;width:18px;height:18px;margin-right:12px;border-radius:14px;background-color:#fff;text-indent:-14px;overflow:hidden;transition:width ease-in 200ms}
.c-box-banner ul .current{width:60px}
.c-box-news{position:absolute;top:0;left:700px;width:433px;padding:27px 34px 0 33px}
.c-box-news .tab{position:relative;height:48px;text-align:center;font-size:16px}
.c-box-news .tab li,.c-box-news .tab a{height:48px}
.c-box-news .tab li{width:64px;float:left;color:#333333;line-height:48px;cursor:pointer;margin-right:20px}
.c-box-news .tab li:hover,.c-box-news .tab .current{color:#c1954d;background:url(../images/el-box-news.png) no-repeat 0 -506px}
.c-box-news .tab a{position:absolute;top:13px;right:13px;width:20px;height:20px;line-height:16px;font-weight:700;font-size:1.2em;color:#c1954d;border:1px solid #c1954d}
.c-box-news .tab a:hover{text-decoration:none}
.c-box-news .headline,.c-box-news .headline a{color:#c1954d}
.c-box-news .headline{padding-left:70px;text-align:left;font-weight:700;font-size:18px;line-height:65px;background:url(../images/el-box-news.png) no-repeat 0 -380px}
.c-box-news .list{position:relative}
.c-box-news .list ul{display:none;position:absolute;top:0;left:0;width:100%}
.c-box-news .list li,.c-box-news .list li a{color:#4e4e4f}
.c-box-news .list li{*float:left;padding:8px 0;overflow:hidden}
.c-box-news .list li .ellipsis{width:370px}
.newServer_group{position:absolute;left:0;top:-186px;width:488px;height:39px;line-height:39px;background:url(../images/el-server-roll.png) no-repeat 0 0 #fefcfe;opacity:0.85;filter:alpha(opacity=85)}
.newServer_group ul{position:absolute;left:108px}
.newServer_group li{padding-left:22px}
.newServer_group p.prev,.newServer_group p.next{width:30px;height:16px;position:absolute;right:5px;line-height:90px;overflow:hidden;cursor:pointer;background:url(../images/el-server-roll.png) no-repeat}
.newServer_group p.prev{background-position:0 -42px;top:3px}
.newServer_group p.next{background-position:0 -59px;bottom:5px}
.newServer_group .newServer{width:345px;height:39px;overflow:hidden;font-size:14px;color:#333;position:relative}
.main-part3 .wrap{height:549px;padding-top:210px}
.swiper-roles{position:relative}
.swiper-roles .switchMod-menu{position:absolute;top:68px;left:0;padding-left:30px;z-index:1}
.swiper-roles .switchMod-menu li{float:left}
.swiper-roles .switchMod-menu li a{display:block;width:71px;height:71px;margin-right:8px;text-indent:-9999px}
.swiper-roles .switchMod-menu li a:hover,.swiper-roles .switchMod-menu .current a{background:url(../images/el-part3.png) no-repeat 0 0}
.swiper-roles .switchMod-menu li.ren a:hover,.swiper-roles .switchMod-menu .current.ren a{background-position:-1px 0}
.swiper-roles .switchMod-menu li.fo a:hover,.swiper-roles .switchMod-menu .current.fo a{background-position:-90px 0}
.swiper-roles .switchMod-menu li.yao a:hover,.swiper-roles .switchMod-menu .current.yao a{background-position:-179px 0}
.swiper-roles .switchMod-menu li.dao a:hover,.swiper-roles .switchMod-menu .current.dao a{background-position:-268px 0}
.swiper-roles .switchMod-cont{position:absolute;top:0;left:0;width:1200px;height:470px}
.swiper-roles .switchMod-cont .role-kind{position:absolute;top:179px;left:13px;width:143px;height:35px;background:url(../images/el-part3.png) no-repeat 0 0}
.swiper-roles .switchMod-cont.ren .role-kind{background-position:-1px -115px}
.swiper-roles .switchMod-cont.fo .role-kind{background-position:-175px -115px}
.swiper-roles .switchMod-cont.yao .role-kind{background-position:-175px -76px}
.swiper-roles .switchMod-cont.dao .role-kind{background-position:-1px -76px}
.swiper-roles .switchMod-cont a{position:absolute;top:181px;left:283px;display:block;width:94px;height:32px;text-indent:-9999px}
.swiper-roles .switchMod-cont .role-intro{position:absolute;top:240px;left:13px;width:367px;height:150px;font-size:14px;line-height:30px;color:#333}
.swiper-roles .switchMod-cont .role-pic{position:absolute;top:0;left:390px;width:817px;height:469px}
.swiper-roles .switchMod-cont .role-pic img{width:100%;height:100%}
.g-mn{width:1200px;height:760px;margin:0 auto;padding-top:53px;position:relative;z-index:3;font:13px/1.5 arial,"Microsoft YaHei",sans-serif;*zoom:1}
.g-mn:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.main-part4 .title-part4{width:1200px;height:160px;background:url(../images/title-part4.png) no-repeat 0 0;text-indent:-9999px}
.main-part4 #carousel{position:relative;z-index:2;height:500px;margin-top:20px;-webkit-transform:translate(0,50px);-moz-transform:translate(0,50px);-ms-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:all 1s ease 0.4s;-moz-transition:all 1s ease 0.4s;-ms-transition:all 1s ease 0.4s;transition:all 1s ease 0.4s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px}
.main-part4 #carousel li{position:absolute;left:50%;top:50%;width:832px;height:395px;margin-left:-420px;margin-top:-230px;-webkit-transition:transform 0.5s ease-in-out;-moz-transition:transform 0.5s ease-in-out;-ms-transition:transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out}
.main-part4 #carousel li img{display:block;width:832px;height:420px}
.main-part4 .btn_prve,.main-part4 .btn_next,.main-part4 .hiSlider-btn-prev,.main-part4 .hiSlider-btn-next{background:url(../images/el-part4.png) no-repeat;display:block;position:absolute;top:58%;width:86px;height:86px;margin-top:-15px;z-index:20;overflow:hidden;text-indent:999px}
.main-part4 .btn_prve{left:60px;background-position:0 0}
.main-part4 .btn_next{right:60px;background-position:-86px 0}
.main-part4.show .title-part4,.main-part4.show #carousel{opacity:1;filter:alpha(opacity=100);*opacity:none;*filter:none;opacity:none\0;filter:none\0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.ie-roleBox .main-part4 .hiSlider-wrap{width:1200px !important}
.ie-roleBox .main-part4 .hiSliderCaroul{width:1200px !important;height:500px;position:relative}
.ie-roleBox .main-part4 .hiSliderCaroul li{opacity:1 !important;width:1200px !important}
.ie-roleBox .main-part4 .hiSlider-btn-prev{left:76px;background-position:0 0;top:182px;z-index:90;display:none}
.ie-roleBox .main-part4 .hiSlider-btn-next{right:76px;background-position:-86px 0;top:182px;z-index:90;display:none}
.main-part5 .wrap{height:473px;padding-top:240px}
.main-part5 span{position:absolute;top:44px;left:444px;display:block;width:314px;height:1px;background-color:#e0e0e0}
.menu-part5{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;}
.menu-part5 li a{display:block;width:64px;height:48px;margin:0 15px;font-size:16px;line-height:48px;color:#333}
.menu-part5 li a:hover,.menu-part5 .current a{background:url(../images/el-part5.png) no-repeat 0 0;color:#c1954d;text-decoration:none}
.panel-part5{position:absolute;top:290px;left:0;display:none;width:1200px;height:298px;padding-top:32px;overflow:hidden}
.media_group{width:1200px;height:250px;padding-top:80px;overflow:hidden;position:relative}
.listMedia{height:224px;position:relative;margin-bottom:16px;padding-left:64px}
.mediaBox{width:1120px;height:290px;overflow:hidden;position:relative}
.mediaBox ul{position:absolute;left:0;top:0}
.mediaBox li{float:left;width:226px;text-align:center;position:relative;height:240px;margin-right:56px;padding-top:15px;font-size:16px;color:#333}
.mediaBox li.song-item{width:182px;padding:0 22px}
.mediaBox .loadCover{background-size:cover}
.mediaBox li a{display:block;width:226px;margin-bottom:20px;text-align:center;position:relative}
.mediaBox li.song-item a{width:182px;margin-bottom:4px}
.videoList li a:before{content:'';display:block;width:57px;height:57px;background:url(../images/btn-paly-part5.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-26px 0 0 -26px}
.videoList li a:after{content:'';display:block;width:57px;height:57px;background:url(../images/btn-paly-part5.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-26px 0 0 -26px}
.mediaBox li a .img-div{margin-bottom:20px}
.mediaBox li a img{width:226px;height:154px}
.mediaBox li.song-item a img{width:182px;height:182px}
.listMedia .dyj_count{position:absolute;bottom:-26px;height:24px;width:140px;left:50%;margin-left:-32px}
.listMedia .dyj_count ul{height:24px;text-indent:-20px}
.listMedia .dyj_count li{width:24px;height:24px;overflow:hidden;display:inline-block;*display:inline-block;*float:left;margin:0 6px;cursor:pointer;background:url(../images/el-part5.png) no-repeat 0 -72px}
.listMedia .dyj_count li.current{background-position:0 -48px}
.main-aside .wrap{height:240px}
.main-aside .aside-part{float:left;width:300px;height:184px;padding-top:56px;color:#333;line-height:30px;text-align:center}
.aside-part .part-title{font-size:24px;line-height:60px}
.aside-wx div{position:relative;width:145px;padding-top:4px;padding-left:134px}
.aside-wx img{position:absolute;top:0;left:62px;width:76px;height:76px}
.aside-wx em{color:#c1954d}
.aside-kf .part-title{line-height:50px}
.aside-kf .aside-btn{display:block;width:94px;height:32px;margin:0 auto;font-size:14px;color:#fff;line-height:32px;background-color:#c1954d;text-decoration:none;cursor:pointer}
.aside-cm .cm{width:220px;height:60px;margin:0 auto 10px;font-size:12px;line-height:20px;overflow:hidden}
.aside-cm .cm a{white-space:nowrap}
.aside-cm .aside-btn{display:block;width:59px;height:20px;margin:0 auto;font-size:14px;color:#c1954d;line-height:20px;border:1px solid #c1954d;text-decoration:none;cursor:pointer}
.formList .field{position:relative;padding-left:0;font-size:12px}
.formList .field-item .textbox{width:153px;height:24px;line-height:24px\9;border:1px solid #e2e3ea;text-indent:4px;vertical-align:top;_margin-top:-1px;color:#333}
.formList .help{color:#333}
.formList-cover .help,.formList-cover .error{position:absolute;top:0;left:72px;width:153px;height:24px;line-height:24px;border:1px solid #e2e3ea;background-color:#fff;text-indent:4px;cursor:default;_margin-top:0}
.formList .field-captcha{display:none;position:absolute;top:-80px;left:0;padding-left:72px}
.formList .field-captcha img{top:-14px;left:235px}
.formList .field-btn input{width:65px;height:32px;line-height:30px;color:#fff;background-color:#c1954d;border:none;cursor:pointer}
.jz-mask,.jz-mask iframe,.jz-mask div{z-index:10000;position:absolute;top:0;left:0;width:100%;height:100%}
.jz-mask iframe{opacity:0;filter:alpha(opacity=0)}
.jz-mask .jz-mask-opacity{background-color:#000}
.popup{display:none}
.popup .close{z-index:99;top:0;right:0;width:36px;height:36px;text-align:center;font:36px/1 Arial,Helvetica,sans-serif;color:#fff}
.popup .close:hover{text-decoration:none}
.popup-player{width:800px;height:450px;padding:32px 8px 8px;background-color:#000}
.close-rotate{background:url(../images/close-pic.png) no-repeat 0 0;transition:all .8s 0s ease;-webkit-transition:all .8s 0s ease;-moz-transition:all .8s 0s ease;-ms-transition:all .8s 0s ease}
.close-rotate:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.popupLayer-qq{display:none;width:584px;height:275px;background:url(../images/bg-popuplayer-qq.png) no-repeat 0 0}
.popupLayer-qq .close{display:block;top:0;right:-58px;width:59px;height:59px}
.popupLayer-qq .main-qq{padding:58px 0 0 68px;font-size:14px;color:#333}
.popupLayer-qq .main-qq .title{margin-bottom:30px;font-size:18px}
.popupLayer-qq .main-qq .sub-title{line-height:30px}
.popupLayer-qq .main-qq ul{float:left;width:220px}
.popupLayer-qq .main-qq ul li{line-height:26px}
.popupLayer-qq .main-qq ul li em{font-size:18px;color:#c1954d}
.popupLayer-gift-wx{display:none;width:960px;height:578px;background:url(../images/bg-popuplayer-wx.png) no-repeat 0 0}
.popupLayer-gift-wx .close{display:block;top:95px;right:-58px;width:58px;height:58px}
.popupLayer-gift-wx .qrcode-area{top:435px;left:550px;width:91px;height:91px;border:1px solid #e6d8b0}
.popupLayer-gift-wx .qrcode-area img{width:100%;height:100%}
.popupLayer-kf{width:344px;height:199px;padding:76px 0 0 240px}
.popupLayer-kf .qrcode-area{top:58px;left:67px;width:158px;height:158px;border:1px solid #c1954d}
.popupLayer-kf .qrcode-area img{width:100%;height:100%}
.popupLayer-kf .kf-cont{font-size:14px;line-height:30px;color:#333}
.popupLayer-kf .kf-cont em{color:#c1954d}
.popupLayer-ad{display:none;width:700px;height:353px}
.popupLayer-ad .close{display:block;top:0;right:-59px;width:59px;height:59px}
.popupLayer-ad img{width:700px;height:353px}
.popupLayer-gift-card{display:none;position:relative;width:960px;height:352px;padding-top:226px;background:url(../images/bg-popuplayer-gift-card.png) no-repeat 0 0;text-align:center}
.popupLayer-gift-card .close{display:block;top:95px;right:-58px;width:58px;height:58px}
.popupLayer-gift-card .gift-main form{width:340px;margin:0 auto 39px}
.popupLayer-gift-card .gift-main input{display:inline-block;width:298px;height:44px;padding:0 20px;border:1px solid #c49b56;background-color:#fff;font-size:14px;color:#333;line-height:44px}
.popupLayer-gift-card .gift-main .role-input{margin-bottom:10px}
.popupLayer-gift-card .gift-main .card-input{margin-bottom:22px}
.popupLayer-gift-card .gift-main input[type='submit']{width:340px;height:46px;border:none;border-radius:5px;background-color:#c49b56;font-size:22px;color:#fff;line-height:46px}
.popupLayer-gift-card .gift-main input[type='submit'].disabled{opacity:0.6;filter:alpha(opacity=60)}
.popupLayer-gift-card .gift-main .devide{width:740px;height:1px;margin:0 auto 24px;background:url(../images/devide.jpg) no-repeat 0 0}
.popupLayer-gift-card .gift-main .tip{font-size:18px;color:#333}
.popupLayer-gift-card .success,.popupLayer-gift-card .error{display:none;position:absolute;top:226px;left:0;width:100%;padding-top:230px;font-size:18px}
.popupLayer-gift-card .success{background:url(../images/success-gift-card.png) no-repeat center 15px}
.popupLayer-gift-card .error{background:url(../images/error-gift-card.png) no-repeat center 15px}
.popupLayer-gift-card .back{position:absolute;top:-24px;right:110px;width:42px;height:42px}
.popupLayer-gift-card .success b{font-size:30px;font-weight:400;color:#333}
.popupLayer-gift-card p{margin-top:0;margin-bottom:8px}
@keyframes guide{0%{transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px)}
100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px)}
}.icon-shop{position:fixed;top:33%;left:30px;width:282px;height:322px;background:url('../images/shop_icon_pc.png') no-repeat 0 0;animation:guide 2s ease-in-out infinite alternate;z-index:99}
.icon-shop .icon-hide{position:absolute;top:56px;left:223px;display:block;width:25px;height:25px;text-indent:-99999px}
.icon-shop .shop{position:absolute;top:271px;left:59px;display:block;width:133px;height:44px;text-indent:-99999px}

.footer{width:100%;min-height:80px;padding-top:20px;text-align:center;background:#000}
.footer a,.footer p{color:#fff}
.footer-nav-ul{margin:0 20px;font-size:14px;font-weight:bold}
.footer .footer-copy .sitemap{text-align:center;display:flex;justify-content:center;}