body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,cmsArea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,cmsArea,select{font-family:inherit;font-size:inherit;font-weight:inherit}a{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;blr:expression(this.onFocus=this.blur());cursor:pointer}a:active{outline:0;opacity:.9;filter:alpha(opacity=90)}a:hover{outline:0;opacity:.9;filter:alpha(opacity=90)}input,cmsArea,select{*font-size:100%}body{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}.clearfix{zoom:1}nav a,.nav a{color:#97745e}nav a i,.nav a i{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/tab.png) no-repeat center}nav a.cur,.nav a.cur{color:#fff}nav a.cur i,.nav a.cur i{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/tab_active.png) no-repeat center}.s-1 .change-skin i{border:1px solid #ce9f76}.s-1 .audio-container b{color:#906447}.s-1 .change-skin li p{color:#cfbaa3}.s-2 .hero-story .t{color:#9c6349!important;font-size:36px!important;text-align:center!important;margin:64px 0 20px}.s-2 .hero-story .b{font-size:48px;border-bottom:1px solid #9c6349}.s-3 .skill-swier-block .skill-tit{color:#9c6349}.skill-left{width:527px}.skill-right,.skill-left{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.swiper-slide{font-size:0}.skill-right{width:522px;height:291px;margin-left:14px}.skill-right img{width:100%;height:100%;border:1px solid #302b30}.len-qu,.she-cheng,.hao-lan,.chi-xu,.mo-kang,.fa-shang{display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin-top:5px;width:23px;height:22px;background:url(https://img9.99.com/yhkd/image/act/2018/susan/icon.png?v2) no-repeat center;margin-right:9px}.len-qu{background-position:-9px -1046px}.she-cheng{background-position:-187px -1047px}.hao-lan{background-position:-387px -1048px}.chi-xu{background-position:0 -1268px}.mo-kang{background-position:-374px -1203px}.fa-shang{background-position:-181px -1205px}.s-3 .skill-swier-block .skill-acc li{display:inline-block;*display:inline;*zoom:1;color:#cfbaa3}.s-3 .skill-swier-block .skill-acc li i{color:#fff;font-style:normal}.s-3 .skill-swier-block .skill-acc li+li{margin-left:30px}.skill-txt em{display:block}.skill-txt .top{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/box-s_01.png) no-repeat center bottom;height:28px;color:#473938;font-size:22px;padding-left:35px}.skill-txt .txt-con{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/box-s_02.png) repeat-y center;padding:12px 19px}.skill-txt .bottom{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/box-s_05.png) no-repeat center top;height:5px}.s-3 .skill-swier-block .skill-txt p{color:#cfbaa3}.s-4 .page4-introduce h3 b{display:inline-block;*display:inline;*zoom:1;width:33px;height:33px;background:url(https://img9.99.com/yhkd/image/act/2018/susan/icon.png?v2);margin-top:8px;vertical-align:top;margin-right:14px}.tui-jian-chu-zhuang{background-position:0 -1140px!important}.tui-jian-si-lu{background-position:-365px -1136px!important}.tui-jian-shi-yong{background-position:0 -1206px!important}.zhen-ron-da-pei{background-position:-175px -1134px!important}.s-4 .page4-introduce h3{color:#9c6349}.s-4 .page4-introduce .equip-nav li p{color:#4c61af}.s-4 .page4-introduce p.acc,.s-4 .use-skill-acc{color:#cfbaa3}.s-4 .page4-introduce .t{color:#f4ce5a}.s-4 .page4-introduce .dp ul.acc{color:#cfbaa3}.s-4 .page4-introduce .dp ul.acc .tit{color:#9c6349}.s-4 .page4-introduce .dp h6{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/box-l_01.png) no-repeat center 21px;color:#f4ce5a;padding-left:20px}.s-4 .page4-introduce .dp .acc{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/box-l_02.png) repeat-y center;padding:0 35px;padding-bottom:18px}.s-4 .page4-introduce .dp .bottom{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/box-l_05.png) no-repeat center bottom;height:5px;display:block}.s-2 .hero-story p{color:#cfbaa3}.fa-shu{color:#0569fb!important}.da-zhao{color:gold!important}.zen-yi{color:red!important}body,html{overflow:hidden}.con{max-height:705px}body,html,main{height:100%;position:relative}html *{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}nav{position:absolute;height:100%;right:2%;z-index:999;font-size:24px;max-height:750px;width:200px;pointer-events:none}nav a{display:block;text-align:right;height:86px;line-height:86px}nav a i{display:inline-block;width:23px;height:23px;border-radius:100%;margin-left:19px}nav div{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:auto}body{overflow:hidden;background:#130d09}body,main{width:1334px}main{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/bg-hor.jpg) no-repeat center top;background-size:1334px auto}.s-1 .con{border:1px solid rgba(132,118,124,.5)}.s-1 .audio-container{display:block;position:absolute;right:229px;bottom:22px;z-index:10}.s-1 .audio-container i,.s-1 .audio-container b,.s-1 .audio-container strong,.s-1 .audio-container span{display:inline-block;vertical-align:middle}.s-1 .audio-container span{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/audio.png) no-repeat center;width:48px;height:48px;background-size:45px auto;position:relative}.s-1 .audio-container span i{position:absolute;z-index:1}.s-1 .audio-container span i:nth-child(1){top:11px;left:29px;width:12px;height:25px;background:url(https://img6.99.com/yhkd/image/act/2018/carmen/audio-ani-s.png) no-repeat center top;background-size:12px auto}.s-1 .audio-container span i:nth-child(2){top:12px;left:30px;width:8px;height:26px;background:url(https://img6.99.com/yhkd/image/act/2018/carmen/audio-ani-l.png) no-repeat center top;background-size:8px auto}.s-1 .audio-container b{border-radius:4px;font-size:24px;font-weight:400;width:191px;height:41px;line-height:41px;position:relative;margin-left:8px;text-align:center}.s-1 .change-skin i{display:block;width:181px;height:100px;position:relative}.s-1 .audio-container strong{vertical-align:top;width:10px;height:10px;border-radius:100%;background:red;margin:7px}.s-1 .change-skin{position:absolute;left:63px;bottom:60px;z-index:2;height:auto;overflow:hidden;width:500px}.s-1 .change-skin li{width:181px;float:left}.s-1 .change-skin li p{text-align:center;font-size:24px;margin-top:7px}.s-1 .change-skin li:nth-child(1) i{background:url(https://img9.99.com/yhkd/image/act/2018/susan/hero.png) no-repeat center}.s-1 .change-skin li:nth-child(2){margin-left:28px}.s-1 .change-skin li:nth-child(2) i{background:url(https://img9.99.com/yhkd/image/act/2018/susan/skin.png) no-repeat center}.s-1 .change-skin i.skin-now{border:1px solid transparent}.s-1 .change-skin .skin-now:after{content:'';position:absolute;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%}.s-1 .slogan .video-btn{position:absolute;left:18px;bottom:11px;display:inline-block;width:138px;height:134px}.hero-bg{background:url(https://img9.99.com/yhkd/image/act/2018/susan/hero-bg-hor.jpg) no-repeat top center}.skin-bg{background:url(https://img9.99.com/yhkd/image/act/2018/susan/skin-bg-hor.jpg) no-repeat top center}.s-2 .con{border:1px solid rgba(119,108,109,.9)}.s-2 .hero-story{width:1069px;height:520px;overflow:hidden;margin-left:70px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(https://img6.99.com/yhkd/image/act/2018/carmen/book-hor.png) no-repeat center;background-size:1069px 520px}.s-2 .hero-story aside{display:inline-block;vertical-align:middle}.s-2 .hero-story aside:nth-child(1){width:522px;height:98%}.s-2 .hero-story aside:nth-child(1) p{font-size:22px;letter-spacing:2px;text-indent:40px;text-align:justify;line-height:40px;padding:0 40px}.story-vertical{height:73%}.s-2 .hero-story aside:nth-child(2){width:454px;height:479px;padding:2px;margin-left:46px;border:1px solid #4a3c41}.s-2 .hero-story aside:nth-child(2) img{width:454px;height:479px}.s-3 .con{border:1px solid rgba(119,108,109,.9)}.s-3 .skill-con{margin-top:0;height:90%}.s-3 .skill-nav{overflow:hidden;width:1064px;background:url(https://img6.99.com/yhkd/image/act/2018/carmen/skill-nav-bg.png) no-repeat center;font-size:0;text-align:center;margin-left:60px}.s-3 .skill-nav li{width:153px;height:153px;border-radius:100%;display:inline-block;border:1px solid transparent}.s-3 .skill-nav li.cur{border:1px solid #c9b98a}.s-3 .skill-nav li+li{margin-left:146px}.s-3 .skill-swier-block{color:#fff;width:1090px;margin-left:60px;margin-top:20px;height:calc(100% - 175px)}.s-3 .skill-swier-block .skill-tit{font-size:30px}.s-3 .skill-swier-block .skill-tit span{background:url(https://img6.99.com/yhkd/image/act/2018/carmen/tag.png) no-repeat center;display:inline-block;width:106px;height:36px;color:#dcc581;font-size:18px;text-align:center;line-height:36px;margin-left:10px}.s-3 .swiper-container{height:100%}.s-3 .skill-swier-block .line{display:block;width:0;height:1px;background:rgba(119,108,109,.6);position:relative;margin:9px 0}.s-3 .skill-swier-block .line em{width:5px;height:5px;background:#473938;position:absolute;top:-2px;border-radius:100%}.s-3 .skill-swier-block .skill-acc li{font-size:24px;line-height:32px}.s-3 .skill-swier-block .skill-txt{min-height:103px;margin-top:20px;position:relative;margin-left:-7px}.s-3 .skill-swier-block .skill-txt b{font-size:28px;font-weight:400}.s-3 .skill-swier-block .skill-txt p{font-size:22px;line-height:32px;text-align:justify}.skill-swier-block .swiper-slide{overflow-x:hidden}.skill-swier-block .swiper-slide-active .line{width:519px;-webkit-transition:width linear 1s;transition:width linear 1s;-webkit-transition-delay:1s;transition-delay:1s}.s-4 .con{border:1px solid rgba(119,108,109,.9)}.s-4 .page4-introduce-block{height:100%}.s-4 .page4-introduce{width:1077px;height:83%;margin-left:66px;margin-top:7px;overflow:hidden}.s-4 .page4-introduce h3{font-size:30px;margin-top:57px;background:url(https://img6.99.com/yhkd/image/act/2018/carmen/txt-bottom.png) no-repeat left bottom;padding-bottom:10px}.s-4 .page4-introduce h3 i{display:inline-block;vertical-align:middle;width:103px;height:35px;-webkit-animation:tips-ani linear 2s infinite;animation:tips-ani linear 2s infinite}.s-4 .page4-introduce .equip-nav{overflow:hidden;margin-top:40px;margin-bottom:20px}.s-4 .page4-introduce .equip-nav li{float:left;width:155px}.s-4 .page4-introduce .equip-nav li img{width:91px;height:91px;display:block;margin:0 auto}.s-4 .page4-introduce .equip-nav li p{text-align:center;font-size:24px;margin-top:6px}.s-4 .page4-introduce p.acc{width:1036px;text-align:justify;font-size:24px;margin-top:20px;line-height:36px;padding-left:8px}.s-4 .page4-introduce .t{font-size:24px;margin-bottom:10px;margin-top:30px;padding-left:8px}.s-4 .page4-introduce .dp{width:1044px;min-height:174px;margin-top:22px;margin-bottom:4px}.s-4 .page4-introduce .dp h6{font-size:24px}.s-4 .page4-introduce .dp ul.acc li{padding-top:18px}.s-4 .page4-introduce .dp ul.acc img,.s-4 .page4-introduce .dp ul.acc aside{display:inline-block;vertical-align:middle}.s-4 .page4-introduce .dp ul.acc img{width:87px;height:87px}.s-4 .page4-introduce .dp ul.acc aside{width:876px;margin-left:10px;font-size:24px;text-align:justify}.s-4 .page4-introduce .dp ul.acc .tit{font-size:28px;margin-bottom:10px}.s-4 .use-skill-acc{font-size:24px;width:1006px;text-align:justify;line-height:36px;list-style:outside decimal;padding-left:38px}.s-4 .use-skill-acc li+li{margin-top:38px}.s-1,.s-2,.s-3,.s-4{background-size:1334px auto}.s-1 .con,.s-2 .con,.s-3 .con,.s-4 .con{width:96%;height:96%;margin:0 1%;position:relative;margin-top:1%}.s-1 .g-tit,.s-2 .g-tit,.s-3 .g-tit,.s-4 .g-tit{color:#fff;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;font-size:0}.s-1 .g-tit i,.s-1 .g-tit aside,.s-1 .g-tit em,.s-2 .g-tit i,.s-2 .g-tit aside,.s-2 .g-tit em,.s-3 .g-tit i,.s-3 .g-tit aside,.s-3 .g-tit em,.s-4 .g-tit i,.s-4 .g-tit aside,.s-4 .g-tit em{display:inline-block;vertical-align:middle}.s-1 .g-tit i,.s-2 .g-tit i,.s-3 .g-tit i,.s-4 .g-tit i{width:39%;height:1px;background:rgba(119,108,109,.6);position:relative}.s-1 .g-tit i em,.s-2 .g-tit i em,.s-3 .g-tit i em,.s-4 .g-tit i em{width:9px;height:9px;background:#77706e;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);position:absolute}.s-1 .g-tit .l,.s-2 .g-tit .l,.s-3 .g-tit .l,.s-4 .g-tit .l{right:0}.s-1 .g-tit .r,.s-2 .g-tit .r,.s-3 .g-tit .r,.s-4 .g-tit .r{left:0}.s-1 .g-tit aside,.s-2 .g-tit aside,.s-3 .g-tit aside,.s-4 .g-tit aside{width:22%;margin-top:27px}.s-1 .g-tit aside h4,.s-2 .g-tit aside h4,.s-3 .g-tit aside h4,.s-4 .g-tit aside h4{color:#ffea9b;font-size:40px;font-weight:700}.s-1 .g-tit aside p,.s-2 .g-tit aside p,.s-3 .g-tit aside p,.s-4 .g-tit aside p{font-size:18px}.s-1 .page4-next-line,.s-2 .page4-next-line,.s-3 .page4-next-line,.s-4 .page4-next-line{bottom:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.s-1 .page4-next-line i,.s-2 .page4-next-line i,.s-3 .page4-next-line i,.s-4 .page4-next-line i{width:47%}.s-1 .page4-next-line aside,.s-2 .page4-next-line aside,.s-3 .page4-next-line aside,.s-4 .page4-next-line aside{width:6%;height:52px;margin-top:0}.s-1 .page4-next-line aside b,.s-2 .page4-next-line aside b,.s-3 .page4-next-line aside b,.s-4 .page4-next-line aside b{display:block;width:100%;height:100%;background:url(https://img9.99.com/yhkd/image/act/2018/wd/hor/icon/next.png) no-repeat center;background-size:52px}.dn{display:none!important}@-webkit-keyframes is-listen{0%,2%{opacity:0}98%,100%{opacity:1}}@keyframes is-listen{0%,2%{opacity:0}98%,100%{opacity:1}}@-webkit-keyframes is-listen2{0%,52%{opacity:0}98%,100%{opacity:1}}@keyframes is-listen2{0%,52%{opacity:0}98%,100%{opacity:1}}@-webkit-keyframes video-ani{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes video-ani{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes next{from{margin-top:-10px}to{margin-top:-5px}}@keyframes next{from{margin-top:-10px}to{margin-top:-5px}}.portrait{position:fixed;z-index:99999;background:#000;width:100%;height:100%;top:0;left:0;display:none}.portrait p{color:#fff;font-size:34px;text-align:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center}.pop-box{position:absolute;width:100%;height:100%;top:0;left:0;visibility:hidden;z-index:-999}.pop-box .close{width:60px;height:60px;position:absolute;top:0;right:-65px;z-index:999}.pop-box .pop{width:700px;padding:78px 26px 52px;background:rgba(0,0,0,.6);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop-box .pop p{color:#fff;font-size:22px;line-height:38px}.show{visibility:visible;z-index:9999}.video-pop{background:rgba(0,0,0,.5)}.video-pop .pop{background:#000;min-height:100px}.video-pop .pop p{text-align:center;font-size:36px;letter-spacing:6px}@media screen and (orientation:portrait){.portrait{display:block}}@media screen and (orientation:landscape){.portrait{display:none}}.main .swiper-slide-active .audio-play i:nth-child(1){-webkit-animation:is-listen linear infinite 2s;animation:is-listen linear infinite 2s}.main .swiper-slide-active .audio-play i:nth-child(2){-webkit-animation:is-listen2 linear infinite 2s;animation:is-listen2 linear infinite 2s}.main .swiper-slide-active .video-btn i{-webkit-animation:circle linear infinite 1.5s;animation:circle linear infinite 1.5s}.main .swiper-slide-active .page4-next-line aside b{-webkit-animation:next ease-in-out infinite 1s;animation:next ease-in-out infinite 1s}.scroller-vertical{width:4px;right:0;background:#473938;border-radius:20px;-webkit-transition:opacity .5s;transition:opacity .5s;position:absolute;opacity:1}.vertical{height:200px;overflow:hidden}.slide-bar{position:absolute;right:0;background:#000;height:99%;top:0;width:4px;border-radius:10px}@-webkit-keyframes tips-ani{0%,2%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%,50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}98%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes tips-ani{0%,2%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%,50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}98%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@media screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.skill-swier-block .swiper-slide{max-height:330px}.main .share-btn{bottom:67px}.main{min-height:315px}.s-3 .skill-swier-block .skill-txt p{max-height:122px;overflow:auto}}.s-1 .audio-container b{background-position:0 0}.s-1 .slogan .video-btn{background-position:-53px -61px}.s-3 .skill-nav li:nth-child(1){background-position:-249px -216px}.s-3 .skill-nav li:nth-child(2){background-position:-249px -389px}.s-3 .skill-nav li:nth-child(3){background-position:-249px -560px}.s-3 .skill-nav li:nth-child(3).cur{border:1px solid transparent}.s-3 .skill-nav li:nth-child(4){background-position:-249px -734px}.s-3 .skill-nav li.cur:nth-child(1){background-position:-38px -216px}.s-3 .skill-nav li.cur:nth-child(2){background-position:-38px -389px}.s-3 .skill-nav li.cur:nth-child(3){background-position:-38px -560px;border:1px solid transparent}.s-3 .skill-nav li.cur:nth-child(4){background-position:-38px -734px}.s-4 .page4-introduce h3 i{background-position:-88px -907px}.pop-box .close{background:url(https://img8.99.com/yhkd/image/act/2018/deer/common/btn-close.png) no-repeat center center!important}.s-1 .audio-container b,.s-1 .slogan .video-btn,.s-3 .skill-nav li:nth-child(1),.s-3 .skill-nav li:nth-child(2),.s-3 .skill-nav li:nth-child(3),.s-3 .skill-nav li:nth-child(4),.s-4 .page4-introduce h3 i,.pop-box .close{background-image:url(https://img9.99.com/yhkd/image/act/2018/susan/icon.png?v2)}.video-k{background:url("https://img8.99.com/yhkd/image/act  /2018/deer/common/video_k3.png") no-repeat center;width:346px;height:188px;position:absolute;bottom:210px;left:150px}.video-k .xyx,.video-k .xpf{display:block;position:absolute;width:35px;height:90px;left:3px;top:0}.video-k .xpf{top:90px}.video-btn{width:137px;height:137px;position:absolute;display:block;z-index:10}.video-btn i{display:block;width:100%;height:100%;background:url(https://img6.99.com/yhkd/image/act/2018/carmen/circle.png) no-repeat center;position:absolute}.main .share-btn{display:block;height:90px;width:290px;position:absolute;bottom:100px;right:230px}.tip{position:absolute;bottom:7px;left:50px}.main .share-btn.animation{width:267px;height:98px;-webkit-animation:share 1.5s steps(32) infinite none;animation:share 1.5s steps(32) infinite none;background-size:267px auto!important}.hero-bg .share-btn.animation{background:url(https://img9.99.com/yhkd/image/act/2018/susan/share-blue.png) no-repeat center}.hero-bg .share-btn.receive{background:url(https://img9.99.com/yhkd/image/act/2018/susan/lin-qu-blue.png) no-repeat center}.hero-bg .share-btn.disabled{background:url(https://img9.99.com/yhkd/image/act/2018/susan/recivied-blue.png) no-repeat center}.skin-bg .share-btn.animation{background:url(https://img9.99.com/yhkd/image/act/2018/susan/share-green.png) no-repeat center}.skin-bg .share-btn.receive{background:url(https://img9.99.com/yhkd/image/act/2018/susan/lin-qu-green.png) no-repeat center}.skin-bg .share-btn.disabled{background:url(https://img9.99.com/yhkd/image/act/2018/susan/recivied-green.png) no-repeat center}.main .share-btn.receive,.main .share-btn.disabled{width:288px;height:121px;margin:0 auto}.pop-box{position:fixed;left:0;top:100%;width:100%;height:100%;z-index:1000;visibility:hidden}.pop-box.show{visibility:visible;top:0}#video{height:399px}.pop-box.show .pop{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.pop-box.show .pop-bg{background:rgba(0,0,0,.6)}.pop-box .pop{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translate(-50%,20%);transform:translate(-50%,20%);opacity:0;z-index:1000}.pop-box .pop-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:2;-webkit-transition:all .3s;transition:all .3s}.pop-box .pop-con{text-align:center}.pop-box .close-btn{position:absolute;right:-60px;top:0;display:block;width:60px;height:60px;background:url(https://img8.99.com/yhkd/image/act/2018/deer/common/btn-close.png) no-repeat center center;z-index:2}.usual-pop .pop{width:365px;background:#131c31;padding:12px}.usual-pop .pop-con{max-height:400px;font-size:28px;color:#e8c676;border:1px solid #ba8734;padding:60px 0;overflow-y:auto}@keyframes share{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes share{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes circle{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes circle{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.standard{color:#7c7d83;font-size:16px;text-align:center;margin-top:15px;height:20px}#tobBtn{display:block;position:absolute;z-index:11;bottom:0;right:39px;width:73px;height:69px;background:url(https://img5.99.com/yhkd/image/m/act/2018/satter/ver/btn-top.png) no-repeat center}.no-prize{position:absolute;bottom:21px;left:584px;color:#fff;font-size:15px}.s-2 .slide-bar{border:0;background:transparent}.s-2 .scroller-vertical{width:6px;height:83px;border-radius:0;background:#473938}.hero-bg .video-btn{left:103px;top:135px;background:url(https://img9.99.com/yhkd/image/act/2018/susan/video.png) no-repeat center}.skin-bg .video-btn{left:150px;top:54px;background:url(https://img9.99.com/yhkd/image/act/2018/susan/video-skin.png) no-repeat center}