* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; word-break: break-all; word-wrap: break-word;}a {text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-text-size-adjust:none;-webkit-user-select: none; -o-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none; }a:link,a:active,a:visited,a:focus{text-decoration:none;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, 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;}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}html,body,input, select, textarea,button { font-size:10px; font-family:arial,"Helvetica","Hiragino Sans GB",\5b8b\4f53;}table { border-collapse: collapse;border-spacing: 0;}th { text-align: inherit;}fieldset, img { border: 0;}iframe { display: block;}abbr, acronym { border: 0; font-variant: normal;}del { text-decoration: line-through; }address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500;}ol, ul { list-style: none; }caption, th { text-align: left;}h1, h2, h3, h4, h5, h6 {font-weight:normal;}p,span,em,b,font,a,i{ font-weight:normal;font-style:normal;}body,html{ width:100%; overflow-x:hidden; height:auto; font-family:arial,"Helvetica","Hiragino Sans GB",\5b8b\4f53;}header,section,footer{width:100%;}h1, h2, h3, h4, h5, h6{border:none;}.fn-text-ovf{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}@media screen and (min-width:320px){html{font-size:43px}}@media screen and (min-width:360px){html{font-size:48px}}@media screen and (min-width:375px){html{font-size:50px}}@media screen and (min-width:384px){html{font-size:51px}}@media screen and (min-width:400px){html{font-size:53px}}@media screen and (min-width:414px){html{font-size:55px}}@media screen and (min-width:424px){html{font-size:57px}}@media screen and (min-width:480px){html{font-size:64px}}html,body{ height: 100%; }.wrapper{ width: 100%; max-width: 750px; margin: 0 auto; min-height: 100%; background: url("../../../images/v_influence_2017/mobile/m_body_bg.jpg?20171113")  no-repeat 0 0; background-size: cover; }.view{ width: 100%; min-height: 100%; position: relative; }.v-title{ position: absolute; top: 0; left: 0; width: 100%; height: 1.8rem; padding-top: .88rem; text-align: center; z-index: 99; }.v-title em{ display: inline-block; width: 5.43rem; height: 100%; background: url("../../../images/v_influence_2017/mobile/m_title_bg.png")  no-repeat; background-size: 100% 100%; text-indent: -999em; }.vt-1 em{ width: 3.45rem; height: .96rem; background: url("../../../images/v_influence_2017/mobile/m_vTitle_bg.png")  no-repeat 0 0; background-size: 100% 100%;}.m-imgbox{ width: 1.8rem; height: 1.8rem; position: absolute; left: 50%; top: 33%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);  }.m-imgbox em{ display: inline-block; width: 100%; height: 100%; position: relative; z-index: 9; border: .08rem solid rgba(91,133,141,.91); border-radius: 100%; box-sizing: border-box; }.m-imgbox::after{ content: ''; width: 100%; height: 100%; position: absolute; border-radius: 100%; left: 0; top: 0; box-shadow: 0 .12rem .1rem #28354b; }.m-imgbox span{ display: block; width: 110%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .3rem; color: #adcdff; padding-top: .3rem; line-height: 1; text-align: center; }.m-imgbox img{ width: 100%; height: 100%; border-radius: 100%; -webkit-object-fit: cover; object-fit: cover; }.m-imgbox i{ width: .38rem; height: .38rem; position: absolute; right: -.05rem; bottom: -.05rem; z-index: 10; transform: scale3d(1.2,1.2,1.2);}.m-tag-list{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }.m-tag-list>div{ position: absolute; width: 2.7rem; height: 1.9rem;}.m-imgbox .m-tag-list>div img{ border-radius: 0; -webkit-object-fit: inherit; object-fit: inherit;}.mtb-1>div{ display: none; }.mtb-1>div:nth-child(1){ display: block; top:2.68rem; left: -.52rem; }.mtb-2>div{ display: none; }.mtb-2>div:nth-child(1){ display: block; top:-.5rem; left: -2.78rem; }.mtb-2>div:nth-child(2){ display: block; top:1.4rem; left: 1.8rem; }.mtb-3>div{ display: none; }.mtb-3>div:nth-child(1){ display: block; top:.22rem; left: -2.82rem; }.mtb-3>div:nth-child(2){ display: block; top:1.4rem; left: 1.8rem; }.mtb-3>div:nth-child(3){ display: block; top:-1.16rem; left: 1.7rem; }.mtb-4>div{ display: none; }.mtb-4>div:nth-child(1){ display: block; top:-1.04rem; left: -2.72rem; }.mtb-4>div:nth-child(2){ display: block; top:-1.04rem; left: 1.82rem; }.mtb-4>div:nth-child(3){ display: block; top: 1.9rem; left: -2.72rem; }.mtb-4>div:nth-child(4){ display: block; top: 1.9rem; left: 1.82rem; }.mtb-5>div{ display: none; }.mtb-5>div:nth-child(1){ display: block; top:-1.04rem; left: -2.72rem; }.mtb-5>div:nth-child(2){ display: block; top:-1.04rem; left: 1.82rem; }.mtb-5>div:nth-child(3){ display: block; top: 1.26rem; left: -2.72rem; }.mtb-5>div:nth-child(4){ display: block; top: 1.26rem; left: 1.82rem; }.mtb-5>div:nth-child(5){ display: block; top: 3.12rem; left: -.32rem; }.mtb-6>div:nth-child(1){ top:-1.42rem; left: -2.84rem; }.mtb-6>div:nth-child(2){ top:-1.42rem; left: 1.92rem; }.mtb-6>div:nth-child(3){ top: .66rem; left: -2.75rem; }.mtb-6>div:nth-child(4){ top: .66rem; left: 1.80rem; }.mtb-6>div:nth-child(5){ top: 2.76rem; left: -2.45rem; }.mtb-6>div:nth-child(6){ top: 2.76rem; left: 1.52rem; }.ft{ width: 100%; padding-top: 9.12rem;  }.ft > p{ width: 100%; text-align: center; }.ft > p:nth-child(1){ padding-bottom: .28rem; }.ft > p:nth-child(2){ padding-bottom: .2rem; }.ft > p:nth-child(3){ padding-bottom: .62rem; }.ft > p:nth-child(3) a{ display: block; line-height: .3rem; font-size: .24rem; line-height: 1; color: #ffde00; font-size: .30rem; padding: .1rem 0; }.m-btn{ display: inline-block; width: 6.76rem; height: .8rem; line-height: .8rem; font-size: .30rem; text-align: center; box-sizing: border-box; border-radius: 40px;}.m-btn-blue{ background: #4980d4; border:1px solid #4980d4; }.m-btn-blue-end{ background: rgba(73,128,212,.6); border-color: rgba(73,128,212,0);}.m-btn-text-white{ color: #fff; }.m-btn-blue-default{ background: none; }.m-btn-blue i{ margin-right: .12rem; }.an_active .m-imgbox{ width: 1.4rem; height: 1.4rem; top: .45rem; }.an_active .edit-tag-title{ padding-top: 2.12rem; }.an_active .m-tag-list,.an_active .v-title,.an_active .ft,.an_active .m-imgbox span,.an_active .m-imgbox::after,.edit-tag,.fx-box{ display: none; }.an_active .edit-tag,.an_active .fx-box{ display: block; }.edit-tag{ width: 100%;  }.edit-tag-title{ padding-top: .26rem; line-height: 1; font-size: .3rem; color: #fff; text-align: center;}.edit-tag-list{ padding: .54rem .35rem 1.22rem; overflow: hidden; }.edit-tag-list .etl-box:nth-child(5n){ margin-right: 0; }.etl-box{ width: 20%; height: 1.2rem; text-align: center; margin:0 0 .2rem 0; position: relative; float: left; }.etl-box::after{ content: ''; position: absolute; left: 50%; top: 0; width: 1.2rem; height: 1.2rem;  background: #3e4f69; border-radius: .1rem; margin-left: -0.6rem; z-index: 1; }.etl-box img{ width: .7rem; height: .7rem; margin: .05rem 0 0; position: relative; z-index: 2;}.etl-box span{ display: block; padding-top: .06rem; font-size: .2rem; line-height: 1; color: #c5d0df; position: relative; z-index: 2; width: 1.2rem; margin: 0 auto; }.etl-box span.tag-text{ width: 1.1rem; font-size: .18rem; padding-top: 0; line-height: 1; margin-top: -0.02rem;}.etl-btn-close{ display: none; position: absolute; right: -.15rem; top: -.15rem; width: .3rem; height: .3rem; background: #4980d4 url("../../../images/v_influence_2017/mobile/m_btn_close.png")  no-repeat 0 0; background-size: 100% 100%; border-radius: 100%; z-index: 19;}.etl-btn-close::before{ content: ''; position: absolute; left: -50%; top: -50%; width: 200%; height: 200%; }.etl-box>div{ position: relative; width: 1.2rem; height: 1.2rem; margin: 0 auto; }.etl-box.active::after{ background: #4f4832; }.etl-box.active .etl-btn-close{ display: block; }.etl-box.active::before{ content: ''; position: absolute; left:50%; top: -.06rem; width: 1.2rem; height: 1.2rem; border:3px solid #88816c; border-radius: .15rem; margin-left: -0.66rem; z-index: 9; }.fx-box{ position: fixed; left: 0; bottom: 0; width: 100%; height: .62rem; padding: .3rem 0; background: #29354a; text-align: center; z-index: 99; }.fx-box .m-btn{ width: 3.15rem; height: .62rem; line-height: .62rem; }.rec-list { padding: 2.94rem .7rem 0; overflow: hidden; }.rec-list .m-imgbox{ float: left; width: 25%; height: 1.36rem; position: static; -wekit-transform: none; transform: none; margin:0 0 .86rem 0; text-align: center; }.rec-list .m-imgbox em{ width: 1.36rem; }.rec-list .m-imgbox:nth-child(4n){ margin-right: 0; }.rec-list .m-imgbox span{ width: 100%; font-size: .24rem; padding-top: .2rem;}.rec-list .m-imgbox::after{ display: none; }.rec-bottom{ width: 100%; padding-top: .9rem; text-align: center; }.rec-bottom p{ padding-bottom: .2rem;}.rec-bottom p:last-child a{ color: #a2c7ff }.rec-bottom p .m-share{  margin-right: .05rem; }.rec-bottom p a{ vertical-align: middle; }.m-share,.m-icon-gift{ display: inline-block; width: .28rem; height: .28rem; background: url("../../../images/v_influence_2017/mobile/m_share.png")  no-repeat; background-size: 100% 100%;  vertical-align: -1px; }.m-icon-gift{ background: url("../../../images/v_influence_2017/mobile/m_gift.png?20171116")  no-repeat; background-size: 100% 100%;}.m-popup { position: fixed; z-index: 999; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2.4rem; height: 2.4rem; color: #fff; background: rgba(0, 0, 0, 0.6); text-align: center; border-radius: 0.3125rem; }.m-popup.m-popup-rows { width: 3.24rem; height: 2.7rem; }.m-popup.m-popup-rows h3 { line-height: 1.4; }.m-popup .m-box { height: 100%; }.m-popup header { margin: 0 0 0.24rem 0; }.m-popup .m-font { color: #fff; font-size: 0.74rem; vertical-align: top; }.m-popup h3 { font-size: 0.28rem; }.invitation .wrapper{ width: 100%; background: #000; max-width: 750px; margin: 0 auto; }.invitation .wrapper .view{ height: 100%; position: static; }.invitation .page{ width: 100%; height: 100%; }.p-1,.p-2{ position: absolute; top: 0; bottom: 0; max-width: 750px; overflow: hidden; }.p-1{ background: url("../../../images/v_influence_2017/mobile/p1_bg_1.jpg?201711281634")  no-repeat; background-size: 100% 100%; z-index: 9; }.p-1 .v_box{ width: 235px ; height: 222.5px; position: absolute; left: 50%; bottom: 20%; margin-left: -117.5px ; background: url("../../../images/v_influence_2017/mobile/p1_v.png")  no-repeat; background-size: 100% 100%; }.p-1 .v_box::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%;  height: 100%; background: url("../../../images/v_influence_2017/mobile/p1_light.gif")  no-repeat; background-size: 100% 100%; }.p-1.an_hide{ -webkit-animation: an_hide 1s 1.5s ease-in-out; animation: an_hide 1s 1.5s ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}.p-1.an_hide .v_box{ -webkit-animation: an_zoom .5s 1s ease; animation: an_zoom .5s 1s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }.p-1.an_hide .v_box::before { content: ''; opacity: 0; position: absolute; width: 236px; height: 222px; background: url("../../../images/v_influence_2017/mobile/p1_v_active.png?20171122")  no-repeat; background-size: 100% 100%; -webkit-animation: an_show 1s ease-in-out; animation: an_show 1s ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }#canBox{ position: relative; z-index: 19; }.v_box_info{ position: absolute; width: 100%; bottom: 2%; text-align: center; font-size: .24rem; color: #ffc37c; }.p-2{ background: url("../../../images/v_influence_2017/mobile/p2_bg.jpg?20171122")  no-repeat; background-size: 100% 100%; opacity: 0; z-index: 2; }.p-2.an_show{ -webkit-animation: an_show 1s 1.5s ease-in-out; animation: an_show 1s 1.5s ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }.p-2 .page-title{ padding-top: 16%; }.p-2 .page-bot-box{ padding-top: .3rem; }.page-title{ text-align: center; font-size: .24rem; color: #ffc770; }.p-icon-left{ background: url("../../../images/v_influence_2017/mobile/p_icon_l.png")  no-repeat; }.p-icon-right{ background: url("../../../images/v_influence_2017/mobile/p_icon_r.png")  no-repeat; }.p-icon{ display: inline-block; width: .14rem; height: .23rem; margin: 0 .08rem; background-size: 100% 100%; }.page-bot-box{ width: 100%; text-align: center; }.p-btn{ display: inline-block; width: 4.2rem; height: .8rem; line-height: .8rem; text-align: center; font-size: .34rem; color: #ffc770; background-image: url("../../../images/v_influence_2017/mobile/p_btn.png") ; background-position: no-repeat; background-size: 100% 100%; }.p-btn:active{ background-image: url("../../../images/v_influence_2017/mobile/p_btn_active.png?20171122") ; }.p-2 .page-main{ width: 100%; margin-top: 2.10rem; }.p-2 .p-tips{ position: absolute; left: 50%; margin-left: -.8rem; width: 1.6rem; height: .6rem; text-align: center; line-height: .64rem; font-size: .24rem; color: #fff; background: rgba(0,0,0,.6); border-radius: 30px; opacity: 0; z-index: 1; }.p-2 .p-tips.an_tips_show{ opacity: 1; z-index: 20; -webkit-animation: an_tips_hide .5s 2s ease-in-out; animation: an_tips_hide .5s 2s ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }.p-2 .p-tips-like{ top: 50%; }.p-2 .p-tips-dislike{ top: 50%; }.p-2 .page-view{ width: 5.71rem; height: 6.58rem; position: relative; margin: 0 auto; }.p-2 .page-box{ width: 5.71rem; height: 6.58rem; position: absolute; left: 0; background: url("../../../images/v_influence_2017/mobile/p2_imgbox_transparent.png?20171122")  no-repeat; background-size: 100% 100%; z-index: 6; -webkit-transition: all .5s; transition: all .5s; }.p-2 .page-box.page-box-cur{ top: 0; background: url("../../../images/v_influence_2017/mobile/p2_imgbox.png")  no-repeat; background-size: 100% 100%; z-index: 9; -webkit-transition: all .5s; transition: all .5s; margin-top: 0px; }.p-2 .page-box.page-box-cur+div{ top: .115rem; z-index: 8; -webkit-transition: all .5s; }.p-2 .page-box.page-box-cur+div+div{ top: .2rem; z-index: 7; -webkit-transition: all .5s; }.p-2 .page-box-img{ width: 5rem; height: 5rem; border:.02rem solid #ffc770; margin:.3rem auto 0; }.p-2 .page-box-img img{ width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; }.p-2 .page-box-des{ width: 100%; text-align: center; }.p-2 .page-box-des h3{ padding: .24rem 0 .14rem; line-height: 1; font-size: .32rem; color: #fff; }.p-2 .page-box-des p{ width: 90%; text-align: center;  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; padding: 0; margin: 0 auto; font-size: .24rem; line-height: 1; color: #ffc770; }.p-2 .page-bot-txet{ width: 100%; text-align: center; padding-top: .35rem; }.p-2 .page-bot-txet span{ color: #c16d2e; font-size: .24rem; vertical-align: middle; padding: 0 .15rem; }.p-2 .page-icon-arrows{ display: inline-block; width: .26rem; height: .26rem; vertical-align: middle; background-size: 100% 100%; margin: 0 .08rem; }.p-2 .page-icon-arrows-l{ background-image: url("../../../images/v_influence_2017/mobile/p2_icon_arrows_l.png") ;}.p-2 .page-icon-arrows-r{ background-image: url("../../../images/v_influence_2017/mobile/p2_icon_arrows_r.png") ;}.p-2 .p-btn{ width: 4.57rem; height: 1.52rem; line-height: 1.24rem; font-size: .32rem; color: #693517; font-weight: bold; background: url("../../../images/v_influence_2017/mobile/p2_btn_bg.png?20171122")  no-repeat; background-size: 100% 100%; }.p-2 .page-guide{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 999; }.p-2 .page-guide-main{ width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}.p-2 .page-guide-box { text-align: center; }.p-2 .page-guide-box span,.p-2 .page-guide-box i{ vertical-align: middle; }.p-2 .page-guide-box span{ font-size: .32rem; color: #fff; }.p-2 .page-guide-box{ padding: .93rem 0; }.p-2 .page-guide-down .pg-icon-arrows{ -webkit-transform: rotate(180deg); transform: rotate(180deg);}.pg-icon-arrows{ display: inline-block; width: .44rem; height: 1.51rem; background: url("../../../images/v_influence_2017/mobile/page_guide.png?20171122")  no-repeat; background-size: 100% 100%; }.page-guide-btn{ display:block; width: 2.5rem; height: .8rem; line-height: .8rem; text-align: center; border:2px solid #fff; -webkit-border-radius: 40px; box-sizing: border-box; border-radius: 40px; margin: 0 auto; font-size: .32rem; color: #fff; }.invitation_2{ height: auto; }.invitation_2 .wrapper{ width: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);background: url("../../../images/v_influence_2017/mobile/p3_body_bg.jpg?20171122")  repeat-y center 0; background-size: 100% .66rem; overflow: hidden; }.invitation_2 .view{ background: url("../../../images/v_influence_2017/mobile/p3_wp_bg.jpg?20171122")  no-repeat; background-size: 100% 7.26rem;}.p-3{ padding-bottom: .9rem; }.p-3 .page-title{ padding-top: 2.45rem; text-align: center; font-size: .34rem; color: #ffc770; }.p-3 .p-icon{ margin: 0 .24rem; }.p-3 .page-guests{ width: 100%; padding-top: .3rem; text-align: center; font-size: 0; }.p-3 .page-img-box{ display: inline-block; width: 1rem; height: 1rem; margin:0 .1rem .1rem; padding: .05rem; background: url("../../../images/v_influence_2017/mobile/p3_img_bg.png?20171122")  no-repeat; background-size: 100% 100%; }.p-3 .page-img-box img{ width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; border-radius: 100%; }.p-3 .page-form .page-title{ padding-top: .96rem; }.p-3 .page-form-box{ width: 6.78rem; height: 4.01rem; margin: 0 auto; background: url("../../../images/v_influence_2017/mobile/p3_form_bg.png")  no-repeat; background-size: 100% 100%; }.p-3 .page-form-box ul{ width: 5.36rem; padding-top: .66rem; text-align: center; overflow: hidden; margin: 0 auto; }.p-3 .page-form-box ul li{ width: 4.9rem; height: .36rem; padding: .15rem 0 .19rem; margin-bottom: .2rem; border-radius: 30px; background: rgba(0,0,0,.3); padding-left: .46rem; }.p-3 .page-form-box .inp-text{ width: 4.40rem; height: .36rem; line-height: .40rem; font-size: .28rem; padding: 0; border: none; background: none; text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); vertical-align: top; color: #ffc770; }.p-3 .page-form-box .inp-text::-webkit-input-placeholder{ color: rgba(255,199,112,.7); line-height: 1.5em;}.p-3 .page-bot-box{ padding-top: .2rem; }.p-3 .page-bot-box .p-btn{ width: 4.57rem; height: 1.52rem; line-height: 1.24rem; font-size: .32rem; color: #693517; font-weight: bold; background: url("../../../images/v_influence_2017/mobile/p2_btn_bg.png")  no-repeat; background-size: 100% 100%; }.p-3 .pbb-text{ padding-top: 0; line-height: .38rem; font-size: .24rem; color: #c16d2e; }.p-3 .page-info{ width: 5.32rem; padding:.72rem 0 .72rem; margin: .98rem auto 0; position: relative; }.p-3 .page-info>div{ width: 5.32rem; overflow: hidden; background: url("../../../images/v_influence_2017/mobile/p3_info_bg_y.png")  repeat-y; background-size: 5.3rem .32rem;}.p-3 .page-info::before,.p-3 .page-info::after{ content: ''; position: absolute; left: 0; width: 5.3rem; height: .72rem; background: url("../../../images/v_influence_2017/mobile/p3_info_bg.png?20171122") ; background-size: 100% .72rem; }.p-3 .page-info::before { top: 0; }.p-3 .page-info::after{ bottom: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}.p-3 .page-info .page-title{ padding-top: .24rem; }.p-3 .page-info .page-title span{ display: inline-block; text-align: center; vertical-align: middle; }.p-3 .page-info .page-title b{ font-size: .22rem; }.p-3-img .page-form{ padding-top: 1.5rem; }.page-info-list{ width: 100%; padding-top: .62rem; position: relative; overflow: hidden; }.page-info-list:before{ content: ''; width: 1px; height: 100%; position: absolute; left: 2.92rem; top: .72rem; bottom: .3rem; border-left: 1px dotted #a14b0f; }.page-info-list dl{ width: 100%; padding-bottom: .66rem; overflow: hidden; }.page-info-list dl dt,.page-info-list dd{ float: left; line-height: 1; }.page-info-list dl dt i{ content: ''; position: absolute; top: 0; right: -.13rem; width: .13rem; height: .13rem; border: .06rem solid rgba(255,156,0,.2); border-radius: 100%; }.page-info-list dl dt i::before{ content: ''; position: absolute; top: 0; right:0; width: 100%; height: 100%; background: #ffc286; border-radius: 100%; }.page-info-list dl dt{ width: 2.6rem; padding-right: .32rem; text-align: right; font-size: .24rem; color: #ffd493; position: relative; }.page-info-list dl dd{ width: 1.94rem; padding-left: .36rem; }.page-info-list dl dd p{ padding-bottom: .2rem; font-size: .24rem; color: #ffd493; }.invitation_3 .wrapper{ background: url("../../../images/v_influence_2017/mobile/p4_wp_bg.jpg")  no-repeat; background-size: 100% 100%; }.invitation_3 .wrapper{ }.p-4 { overflow: hidden; }.p-4 .page-title{ padding: 1.60rem 0 .18rem; font-size: .24rem; color: #9d5f4c; }.p-4 .page-main{ width: 6rem; height: 7.5rem; margin: 0 auto; background: url("../../../images/v_influence_2017/mobile/p4_envelope.png?20171122")  no-repeat; background-size: 100% 100%; }.p-4 .page-info{ padding: 2.40rem 0 0; text-align: center; }.p-4 .page-info h3{ line-height: 1; font-size: .36rem; color: #fff;}.p-4 .page-info h3 span{ padding-left: .22rem; color: #ffc770; }.p-4 .page-info-text{ padding-top: .86rem; font-size: .24rem; color: #ffc770; }.p-4 .page-info-text p{ padding: .18rem 0 0; margin: 0; line-height: 1; }.p-4 .page-bot-text{ padding-top: 1.62rem; }.p-4 .page-bot-text p{ line-height: 1.4; padding: 0; margin: 0; text-align: center; font-size: .24rem; color: #4d2c07; opacity: .7; }.p-4 .page-bot-box{ padding: .5rem 0 .58rem; }.p-4 .page-bot-box .page-btn{ display: inline-block; width: 4.2rem; height: .8rem; line-height: .8rem; font-size: .26rem; color: #ffc770; text-align: center; background: url("../../../images/v_influence_2017/mobile/p4_btn_bg.png?20171122")  no-repeat; background-size: 100% 100%; }.p-4 .page-bot-box .page-btn::after{ content: ""; display: inline-block; width: .12rem; height: .2rem; background: url("../../../images/v_influence_2017/mobile/p4_arrows.png")  no-repeat; background-size: 100% 100%; vertical-align: 0px; margin-left: .05rem}.loading{ background: url("../../../images/v_influence_2017/mobile/loading_bg.png")  repeat-y; background-size: 100% .66rem; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999;}.loading span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 1.86rem; height: 1.69rem; background: url("../../../images/v_influence_2017/mobile/loading.gif")  no-repeat; background-size: 100% 100%; }.music{ position: absolute; top: .2rem; right: .2rem; width: .55rem; height: .55rem; z-index: 998; }.m-play { background-image: url("../../../images/v_influence_2017/mobile/page_music_bg.png") ; background-repeat: no-repeat; animation:an_play 3s linear infinite;-webkit-animation:an_play 3s linear infinite; }.m-stop { -webkit-animation:none; animation:none; background-image: url("../../../images/v_influence_2017/mobile/page_music_bg_off.png") ;}.music-btn{ display: block; width: 100%; height: 100%; background-size: 100% 100%;}.path{ display: none; width: 5px; height: 5px; position: absolute; background: #f00; border-radius: 100%; }.pa-dot,.pa-start,.pa-end{ width: 4px; height: 4px; left: 115px; top: 168px; background: #fff; }.path-anime { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }.path-anime b{ position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #fff; z-index: 9}.path-anime b::before{ content: ''; position: absolute; left: -3px; top: -3px; border-radius: 100%; background: rgba(255,255,255,.5); width: 10px; height: 10px; }.path-anime b.b1{ left:33px; top: 26px; }.path-anime b.b2{ left:115px; top: 176px; }.path-anime b.b3{ left:195px; top: 27px; }.path-anime span{ border-radius: .15625rem; }.path-anime span:first-child,.path-anime span:nth-child(4){ position: absolute; width: .69rem; height: 1.17rem; border-radius: 100%;  z-index: 2;  display: none; }.path-anime span:first-child{ left:38px; top: 32px; -webkit-animation: an_path 4s linear infinite; animation: an_path 4s linear infinite; }.path-anime span:nth-child(4){ top:152px; left:152px;  -webkit-animation: an_path2 4s 2s linear infinite; animation: an_path2 4s 2s linear infinite; opacity: 0; }.path-anime span:first-child::before{ left: 0; top: 0; }.path-anime span:first-child::before,.path-anime span:nth-child(4)::before{ content: ''; position: absolute; width: .69rem; height: 1.17rem; background:url("../../../images/v_influence_2017/mobile/p1_light_1.png")  no-repeat; background-size: 100% 100%; }.path-anime span:nth-child(4)::before{ left: 0; top: 0; }.path-anime span:nth-child(4)::before{  background:url("../../../images/v_influence_2017/mobile/p1_light_2.png")  no-repeat; background-size: 100% 100%;}.path-anime span:nth-child(2),.path-anime span:nth-child(3){ display: none;  width: 1px;  border-right:1px dashed #604234;   height: 162px; position: absolute; top: 34px; left:37px; -webkit-transform: rotate(-29deg); transform: rotate(-29deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 1; }.path-anime span:nth-child(3){ top: 32px; left:192px; -webkit-transform: rotate(29deg); transform: rotate(29deg); }@media(min-device-width:320px){.path-anime span:nth-child(4)::before{ left: -.86rem; top:-.64rem; }}@media(min-device-width:360px){.path-anime span:nth-child(4)::before{ left: -.86rem; top:-.76rem; }}@media(min-device-width:375px){.path-anime span:nth-child(4)::before{ left: -.86rem; top:-.8rem; }}@media(min-device-width:414px){.path-anime span:nth-child(4){ top:168px; left:152px; }}.pa-1{ left: 115px; top: 130px; }.pa-2{ left: 136px; top: 170px; }.pa-3{ left: 115px; top: 210px; }.pa-4{ left: 176px; top: 0px; }.pa-5{ left: 230px; top: 0px; }.pa-6{ left: 115px; top: 210px; }.pa{ left: 195px; top: 24px; background: #fff; }#text{ position: absolute; font-size: 14px; color: #fff; background: #f00; z-index: 999; }.svg-box{ display: none; width: 100%; height: 94%; position: absolute; top:6.8%; left: 0; z-index: 999; }.svg-path{ fill:#604234; stroke-dashoffset: 0px; stroke-dasharray: 200px;} .m-box {  display: -webkit-box;  display: -ms-flexbox;  display: flex; }.m-box-col {  -webkit-box-flex: 1;      -ms-flex: 1;          flex: 1;  width: 100%;  display: block; }.m-box-center-a {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;      -ms-flex-align: center;          align-items: center; }.m-box-center {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center; }.m-box-dir {  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column; }@font-face {  font-family: "marvelfont";  src: url("../../../images/v_influence_2017/font/marvelfont.woff2")  format("woff2"), url("../../../images/v_influence_2017/font/marvelfont.woff")  format("woff"), url("../../../images/v_influence_2017/font/marvelfont.svg")  format("svg"), url("../../../images/v_influence_2017/font/marvelfont.ttf")  format("truetype");  font-weight: normal;  font-style: normal; }.m-font {  font-family: "marvelfont";  display: inline-block;  -webkit-font-smoothing: antialiased; }.m-font-arrow-right::before {  content: "\E000"; }.m-font-dot-more::before {  content: "\E001"; }.m-font-download::before {  content: "\E002"; }.m-font-comment::before {  content: "\E003"; }.m-font-forward::before {  content: "\E004"; }.m-font-star {  position: relative; }  .m-font-star::before {    content: "\E005"; }  .m-font-star::after {    content: "\E005";    position: absolute;    left: 0;    top: 0;    z-index: 1; }.m-font-follow::before {  content: "\E006"; }.m-font-followed::before {  content: "\E007"; }.m-font-arrow-down::before {  content: "\E008"; }.m-font-check::before {  content: "\E009"; }.m-font-close::before {  content: "\E00A"; }.m-font-exchange::before {  content: "\E00B"; }.m-font-minus::before {  content: "\E00C"; }.m-font-plus::before {  content: "\E00D"; }.m-font-repeat::before {  content: "\E00E"; }.m-font-play::before {  content: "\E00F"; }.m-font-stop::before {  content: "\E010"; }.m-font-down::before {  content: "\E011"; }.m-font-up::before {  content: "\E012"; }.m-font-chart::before {  content: "\E013"; }.m-font-up-s::before {  content: "\E014"; }.m-font-search::before {  content: "\E015"; }.m-font-bars::before {  content: "\E016"; }.m-font-arrow-left::before {  content: "\E017"; }.m-font-wb::before {  content: "\E018"; }.m-font-wbmsg::before {  content: "\E019"; }.m-font-rank-up::before {  content: "\E020"; }.m-font-rank-down::before {  content: "\E021"; }.m-font-rank-minus::before {  content: "\E022"; }.m-font-arrow-right-s::before {  content: "\E023"; }.m-font-select::before {  content: "\E024"; }.m-font-wc::before {  content: "\E01A"; }.m-font-warn::before {  content: "\E01B"; }.m-font-wcmms::before {  content: "\E01C"; }.m-font-line-check::before {  content: "\E01D"; }.m-font-line-close::before {  content: "\E01E"; }.m-icon {  display: inline-block;  vertical-align: top;  background-image: url("../../../images/v_influence_2017/mobile/sprite.svg") ;  background-size: 3em auto;  width: 1em;  height: 1em; }.m-icon-yellowv {  background-position: -1em -1em; }.m-icon-bluev {  background-position: -1em -4em; }.m-icon-club {  background-position: -1em -7em; }.m-icon-vgirl {  background-position: -1em -10em; }.m-icon-male {  background-position: -1em -13em; }.m-icon-female {  background-position: -1em -16em; }.m-icon-vip {  background-position: -1em -19em; }.m-icon-nvip {  background-position: -1em -22em; }.m-icon-like {  background-position: -1em -25em; }.m-icon-liked {  background-position: -1em -28em; }.m-icon-warn {  background-position: -1em -31em; }.m-icon-vipl1 {  background-position: -1em -34em; }.m-icon-vipl2 {  background-position: -1em -37em; }.m-icon-vipl3 {  background-position: -1em -40em; }.m-icon-vipl4 {  background-position: -1em -43em; }.m-icon-vipl5 {  background-position: -1em -46em; }.m-icon-vipl6 {  background-position: -1em -49em; }.m-icon-goldv {  background-position: -1em -52em; }.m-icon-close {  background-position: -1em -55em; }.m-icon-check {  background-position: -1em -58em; }.m-icon-warnRound {  background-position: -1em -61em; }.m-icon-tips {  background-position: -1em -64em; }.m-icon-test {  background-position: -1em -67em; }.m-icon {  font-size: 14px; }.m-icon-large {  font-size: 22px; }.m-icon-warn {  font-size: 18px; }.m-icon-goldv {  position: relative; }.m-icon-goldv::after {  content: ' ';  display: block;  height: 100%;  width: 100%;  background-repeat: no-repeat;  background-image: url("../../../images/v_influence_2017/goldv.png") ;  background-size: 1em auto;  background-position: 0 -10000px;  -webkit-animation: sprite 2s steps(15) 3 backwards;          animation: sprite 2s steps(15) 3 backwards;}.m-loading {  font-size: .32rem;  position: relative;  display: inline-block;  width: 2.3125em;  height: 2.3125em; }  .m-loading span {    position: absolute;    will-change: background-color;    left: 1.10938em;    bottom: 0;    width: 0.09375em;    height: 0.5em;    border-radius: 0.25em;    background-color: transparent;    -webkit-transform-origin: center -0.65625em;            transform-origin: center -0.65625em;    -webkit-backface-visibility: hidden; }    .m-loading span:nth-child(1) {      -webkit-animation-delay: 0s;              animation-delay: 0s;      -webkit-transform: rotate(0deg);              transform: rotate(0deg); }    .m-loading span:nth-child(2) {      -webkit-animation-delay: 0.1s;              animation-delay: 0.1s;      -webkit-transform: rotate(30deg);              transform: rotate(30deg); }    .m-loading span:nth-child(3) {      -webkit-animation-delay: 0.2s;              animation-delay: 0.2s;      -webkit-transform: rotate(60deg);              transform: rotate(60deg); }    .m-loading span:nth-child(4) {      -webkit-animation-delay: 0.3s;              animation-delay: 0.3s;      -webkit-transform: rotate(90deg);              transform: rotate(90deg); }    .m-loading span:nth-child(5) {      -webkit-animation-delay: 0.4s;              animation-delay: 0.4s;      -webkit-transform: rotate(120deg);              transform: rotate(120deg); }    .m-loading span:nth-child(6) {      -webkit-animation-delay: 0.5s;              animation-delay: 0.5s;      -webkit-transform: rotate(150deg);              transform: rotate(150deg); }    .m-loading span:nth-child(7) {      -webkit-animation-delay: 0.6s;              animation-delay: 0.6s;      -webkit-transform: rotate(180deg);              transform: rotate(180deg); }    .m-loading span:nth-child(8) {      -webkit-animation-delay: 0.7s;              animation-delay: 0.7s;      -webkit-transform: rotate(210deg);              transform: rotate(210deg); }    .m-loading span:nth-child(9) {      -webkit-animation-delay: 0.8s;              animation-delay: 0.8s;      -webkit-transform: rotate(240deg);              transform: rotate(240deg); }    .m-loading span:nth-child(10) {      -webkit-animation-delay: 0.9s;              animation-delay: 0.9s;      -webkit-transform: rotate(270deg);              transform: rotate(270deg); }    .m-loading span:nth-child(11) {      -webkit-animation-delay: 1s;              animation-delay: 1s;      -webkit-transform: rotate(300deg);              transform: rotate(300deg); }    .m-loading span:nth-child(12) {      -webkit-animation-delay: 1.1s;              animation-delay: 1.1s;      -webkit-transform: rotate(330deg);              transform: rotate(330deg); }.m-loading-dark span {  -webkit-animation: loading-fade-dark 1.1s infinite linear;          animation: loading-fade-dark 1.1s infinite linear; }@-webkit-keyframes loading-fade-dark {  0% {    background-color: #5c5c5c; }  100% {    background-color: rgba(255, 255, 255, 0); } }@keyframes loading-fade-dark {  0% {    background-color: #5c5c5c; }  100% {    background-color: rgba(255, 255, 255, 0); } }.m-loading-light span {  -webkit-animation: loading-fade-light 1.1s infinite linear;          animation: loading-fade-light 1.1s infinite linear; }@-webkit-keyframes loading-fade-light {  0% {    background-color: #fff; }  100% {    background-color: rgba(255, 255, 255, 0); } }@keyframes loading-fade-light {  0% {    background-color: #fff; }  100% {    background-color: rgba(255, 255, 255, 0); } }@-webkit-keyframes sprite {  from {    background-position: 0 0; }  to {    background-position: 0 -15em; } }@keyframes sprite {  from {    background-position: 0 0; }  to {    background-position: 0 -15em; } }@-webkit-keyframes an_up{	0%{ opacity:0; -webkit-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0); }	100%{ opacity:1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }}@keyframes an_up{	0%{ opacity:0; -webkit-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0); }	100%{ opacity:1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }}@-webkit-keyframes an_fadeOut{  0%{ opacity:0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }	100%{ opacity:1; -webkit-transform: translate3d(0,-500px,0); transform: translate3d(0,-500px,0); }}@keyframes an_fadeOut{	0%{ opacity:0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }	100%{ opacity:1; -webkit-transform: translate3d(0,-500px,0); transform: translate3d(0,-500px,0); }}@-webkit-keyframes an_hide{  0%{ opacity:1; }	100%{ opacity:0; }}@keyframes an_hide{	0%{ opacity:1; }	100%{ opacity:0; }}@-webkit-keyframes an_show{  0%{ opacity:0; }	100%{ opacity:1; z-index: 10; }}@keyframes an_show{	0%{ opacity:0; }	100%{ opacity:1; z-index: 10; }}@-webkit-keyframes an_zoom{  0%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}	100%{ -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2);}}@keyframes an_zoom{  0%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}	100%{ -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2);}}@-webkit-keyframes an_zoom2{  0%{ -webkit-transform: scale3d(.5,.5,.5); transform: scale3d(.5,.5,.5); opacity: 0; }	100%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: .8; }}@keyframes an_zoom2{  0%{ -webkit-transform: scale3d(.5,.5,.5); transform: scale3d(.5,.5,.5); opacity: 0;}	100%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: .8;}}@keyframes an_tips_hide{  0%{ opacity: 1; z-index: 20; }	100%{ opacity: 0; z-index: 1; }}@-webkit-keyframes an_tips_hide{  0%{ opacity: 1; z-index: 20; }	100%{ opacity: 0; z-index: 1; }}@keyframes an_play{  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center;  transform-origin: center; }	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: center;  transform-origin: center;}}@-webkit-keyframes an_play{  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center;  transform-origin: center;}  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: center;  transform-origin: center;}}@keyframes an_path{  0%{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}  50%{ -webkit-transform: translate3d(50px,90px,0); transform: translate3d(50px,90px,0); opacity: 1;}  51%,100% {opacity: 0;}}@keyframes an_path2{  0%{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}  50%{ -webkit-transform: translate3d(50px,-90px,0); transform: translate3d(50px,-90px,0); opacity: 1;}  51%,100% {opacity: 0;}}