@charset "utf-8";
/******= Reset =******/
section,article,aside,header,footer,nav,dialog,figure,legend{display:block;}
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,figure{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show; table-layout:fixed;}
table td{word-break:break-all;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
img{border:0;vertical-align:middle;max-width:100%;height:auto;width:auto\9;/* ie8 */}
*:focus{outline:0;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-box-sizing:border-box;box-sizing:border-box}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}[hidden]{display:none;}
::-webkit-input-placeholder{color:#a5a5a5;}
:-moz-placeholder{color:#a5a5a5;}
::-moz-placeholder{color:#a5a5a5;}
/******= Typography =******/
html,body{height:100%;font-family: Arial, Helvetica, sans-serif;}
html{font-size:20px;outline:0;}
body{color:#fff;background:#fff;-webkit-user-select:none;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

/******= Common style =******/
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{clear:both;height:1px;margin-top:-1px;overflow:hidden;}
input.button,button{cursor:pointer;overflow:visible;/*Fix IE lt 8 bug*/}
textarea{overflow:auto;/*Hide the scrollbar for IE*/}
label[for]{cursor:pointer;}
a{color:#fff;text-decoration:none;}
a:hover,a:active{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display:block;}
.main{position:relative;overflow:hidden;}
.logo{position:absolute;left:1rem;top:1rem;z-index:10;width:3rem;display:block;}
.btn_menu1{position:absolute;right:0.8rem;top:0.9rem;z-index:10;width:1.5rem;}
.writing_first{position:absolute;left:0;top:3.6rem;width:100%;text-align:center;color:#fff;}
.writing_first h3{font-size:1.2rem;line-height:1.8rem;}
.writing_first p{font-size:0.9rem;line-height:1.5rem;}
.video{position:relative;}
.video a{display:block;position:absolute;}
.video a.btn_service{right:0.5rem;top:0.6rem;width:3rem;}
.video a.btn_play{left:50%;top:19.7rem;width:3rem;margin-left:-1.5rem;background-color:rgba(255,255,255,0.35);border-radius:0.8rem;}
.video a.btn_upload{right:0.8rem;bottom:0.65rem;width:1rem;}
.video_show{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background:#000;}
.video_show .btn_close_video{padding:1rem 0 0.5rem;}
.video_show .btn_close_video a{position:absolute;right:0.8rem;top:0.8rem;display:block;width:1.4rem;z-index:10;}
.top_menu{position:relative;width:100%;height:2.4rem;background:#54bbac;}
.top_menu h1{text-align:center;line-height:2.4rem;font-size:0.75rem;color:#fff;}
.top_menu .btn_menu{position:absolute;right:50%;top:0;width:2.2rem;margin-right:-3.5rem;height:100%;display:block;}
.menu{display:none;position:fixed;left:0;top:0;width:100%;z-index:1000;height:100%;background:#54bbac;}
.menu .btn_close{padding:1rem 0 0.5rem;}
.menu .btn_close a{float:right;margin-right:0.8rem;display:block;width:1.4rem;}
.menu ul{text-align:center;}
.menu li{padding:0.2rem 0;}
.menu li a{display:block;width:100%;height:2rem;line-height:2rem;font-size:1rem;color:#fff;}
.menu li:nth-child(5) a,
.menu li:nth-child(6) a,
.menu li:nth-child(7) a{color:#62676b;}
.block{position:relative;}
.block .writing{position:absolute;left:0;top:2rem;z-index:10;width:100%;color:#2c2d2d;text-align:center;}
.block h2{font-size:0.7rem;line-height:1.2rem;color:#54bbac;}
.block h3{font-size:1rem;line-height:2rem;}
.block p{font-size:0.65rem;line-height:0.9rem;}
.buy_info{padding:1rem 0;background:#54bbac;text-align:center;}
.buy_info p{font-size:0.65rem;line-height:1.2rem;padding-bottom:0.9rem;}
.buy_info .link_buy{padding:0 0.65rem;}
.buy_info a,
.buy_info span{float:left;display:block;width:4.9rem;padding:0 0.45rem;}
.buy_info a img{width:100%;border:2px solid #fff;border-radius:50%;}
.footer_menu{padding:1rem 0 0.4rem;text-align:center;background:#515558;}
.footer_menu li{line-height:1.6rem;}
.footer_menu li a{position:relative;display:block;width:100%;line-height:1.6rem;font-size:0.55rem;color:#fff;}
.footer_menu li em{position:absolute;left:50%;top:50%;margin:-0.35rem 0 0 1.5rem;display:block;width:0.7rem;height:0.7rem;background:url(../images/icon_arrow1.png) no-repeat 0 0;background-size:100%;}
.footer_menu li.open em{background-position:0 -0.7rem;}
.footer_menu li .sub_menu{display:none;background:#fff;}
.footer_menu li .sub_menu a{color:#515558;}
.footer_menu li.open .sub_menu{display:block;}
.footer_menu .btn_share{clear:both;overflow:hidden;padding:0.8em 0 1.1rem;}
.footer_menu .btn_share a{display:block;width:1.6rem;margin:0 auto;}
.footer_menu .copy p{font-size:0.5rem;line-height:1rem;color:#fff;}
.share{padding-bottom:1.8rem;text-align:center;}
.share p{font-size:0.5rem;color:#63676b;}
.link_share{padding:2rem 2.5rem;}
.link_share a{position:relative;display:inline-block;width:2.2rem;}
.link_share .code_img{display:none;position:absolute;left:50%;bottom:2rem;width:6rem;margin-left:-3rem;max-width:inherit;}

/*竖屏引导层*/
/* portrait */
@media screen and (orientation:portrait) {/*竖屏*/
	.lock_wrp{display:none!important;}
}
/* landscape */
@media screen and (orientation:landscape) {/*横屏*/
	.main{display:none!important;}
}
.lock_wrp{position:fixed;display:none;width:100%; height:100%; overflow:hidden; left:0; top:0; background:#98d6cd; color:rgba(255,255,255,.8); z-index:99999;}
.lock{position:absolute; left:50%; top:50%; width:3.8rem; height:2rem; margin:-1rem 0 0 -1.9rem; text-align:center;font-size:0.6rem;color:#4d4d4d;}
.lock i{position:relative; display:block; width:3.8rem; height:1.55rem; background:url(../images/rotate_img.png) 0 0 no-repeat; background-size:100%; margin:0 auto;}
.lock p{margin-top:-0.5rem;}
/*加载层*/
.loading_bg{position:fixed; width:100%; height:100%; overflow:hidden; background-color:#262425; left:0; top:0; -webkit-transform-style:preserve-3d;z-index:1000}
.loading_wrp {margin:0 auto;width: 60px; height: 60px; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; }
.container1 > div, .container2 > div, .container3 > div { width: 16px; height: 16px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both; animation-fill-mode: both; }
.loading_wrp .spinner-container { position: absolute; width: 100%; height: 100%; }
.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0.0)}40% {-webkit-transform: scale(1.0)}}
@keyframes bouncedelay {0%, 80%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);}
40% {transform: scale(1.0);-webkit-transform: scale(1.0);}}

/* Swiper */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */z-index: 1;}
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-fles-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-slide a{display:block;}
.swiper-pagination { position: absolute; text-align: center; z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; background: #fff;border:1px solid #4c4c4c;border-radius:50%;}
.swiper-pagination-bullet-active { width:8px; height: 8px;background: #4c4c4c;border:none;}
.swiper-container-horizontal > .swiper-pagination { bottom: 0.8rem; left: 0; width: 100%; }
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 0.2rem; }

/* Animate */
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform: translateY(30px);}70%{opacity:0.3;}100%{opacity:1;-webkit-transform:translateY(0);}}
@keyframes fadeInUp{0%{opacity:0;transform: translateY(30px);}70%{opacity:0.3;}100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes fadeInScale{0%{opacity:0.5;-webkit-transform:scale(1);}30%{opacity:1;}100%{opacity:1;-webkit-transform:scale(1.2);}}
@keyframes fadeInScale{0%{opacity:0.5;transform:scale(1);}30%{opacity:1;}100%{opacity:1;transform:scale(1.2);}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.fadeInUp{animation:fadeInUp 1s linear forwards;-webkit-animation:fadeInUp 1s linear forwards;-moz-animation:fadeInUp 1s linear forwards;}
.fadeInScale{animation:fadeInScale 5s linear forwards;-webkit-animation:fadeInScale 5s linear forwards;-moz-animation:fadeInScale 5s linear forwards;}
.rotate{animation:rotate 2s infinite linear;-webkit-animation:rotate 2s infinite linear;-moz-animation:opacityBg 2s infinite linear;}

/******= Index =******/
.page1_block2 ul{position:absolute;left:0;top:6.1rem;width:100%;}
.page1_block2 li{float:left;width:50%;height:13.3rem;}
.page1_block2 li a{display:block;width:100%;height:100%;}
.pic_detail{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background:#e6e6e6;}
.pic_detail .btn_close{padding:1rem 0 0.5rem;}
.pic_detail .btn_close a{float:right;margin-right:0.8rem;display:block;width:1.4rem;}
.pic_detail .detail{padding-top:2.5rem;}
.page1_block3{background:#f2f2f2;}
.page1_block3 .writing{position:static;padding:0.8rem 0 1.8rem;}
.page1_block5 .writing{top:1rem;text-align:left;padding-left:2.5rem;}

/******= Mini2 =******/
.page2_block1 .writing{top:1.6rem;color:#fff;}
.list_face{position:relative;}
.list_face li{display:none;}
.list_face li:nth-child(1){display:block;}
.list_face .tips{display:block;position:absolute;left:0;bottom:1rem;width:100%;font-size:0.6rem;line-height:0.8rem;color:#54bbac;text-align:center;}
.page2_block2 .music_tips{position:absolute;left:0;top:1rem;z-index:10;width:100%;text-align:center;}
.page2_block2 .music_tips p{display:inline-block;font-size:0.9rem;color:#2c2d2d;/*padding-right:1.7rem;background:url(../images/icon_music.png) no-repeat 100% 50%;background-size:1.5rem;*/}

/******= Mini3 =******/
.page3_block1 .writing{top:1.9rem;}
.page3_block2 .writing{top:1.5rem;color:#fff;}
.page3_block2 .model_list{position:absolute;left:0;bottom:1.7rem;width:100%;padding:0 0.8rem;}
.page3_block2 .model_list li{float:left;width:33.33%;font-size:0.65rem;line-height:1rem;color:#fff;text-align:center;}
.page3_block3 .writing,
.page3_block6 .writing{top:2rem;}
.page3_block4 .writing{top:2.2rem;}
.page3_block5 .writing{top:1.9rem;padding-left:7.2rem;text-align:left;}
.page3_block6 .time_animate{position:absolute;left:6.6rem;top:7.8rem;width:3.4rem;}
.page3_block6 .time_animate img{display:none;}
.page3_block6 .time_animate img:nth-child(1){display:block;}

/******= Mini4 =******/
.page4_block1 .writing,
.page4_block2 .writing,
.page4_block3 .writing{top:2rem;}
.page4_block3 .writing{padding-left:7rem;text-align:left;}
.page4_block4 .writing{top:0.7rem;}

/******= About =******/
.about_top{position:relative;}
.about_top p{position:absolute;left:1.5rem;top:6.4rem;width:13.3rem;font-size:0.7rem;line-height:1.5rem;color:#333;}
.block_leader .thumb{position:relative;}
.block_leader .thumb .info{position:absolute;left:0;bottom:0;width:100%;height:3.3rem;padding:0.5rem 0;text-align:center;color:#333;background-color:rgba(255,255,255,0.7);}
.block_leader .thumb .info h4{font-size:0.75rem;line-height:1.4rem;}
.block_leader .thumb .info p{font-size:0.5rem;line-height:0.9rem;}
.block_leader ul{padding:0.7rem 0;}
.block_leader li{font-size:0.6rem;line-height:0.9rem;color:#333;text-align:center;}

/******= Join =******/
.join_top{padding-top:3.4rem;text-align:center;color:#2d2d2d;background:#f5f4f2;}
.join_top h3{font-size:0.95rem;line-height:1.3rem;padding-bottom:1.1rem;}
.join_top h4{font-size:0.75rem;line-height:1.3rem;color:#54bbac;}
.join_top p{font-size:0.75rem;line-height:1.3rem;}
.join_top .mail{position:relative;width:100%;}
.join_top .mail a{position:absolute;left:4.6rem;top:0;display:block;width:6.9rem;height:7rem;}

/******= Contact =******/
.contact_top{color:#2c2d2d;padding:3.8rem 0 1rem;text-align:center;background:#fff;}
.contact_top .support_img{display:block;width:100%;padding-bottom:0.2rem;}
.contact_top .list_support{padding:0 1.1rem;}
.contact_top .block{padding:0.8rem 0 1rem;border-bottom:1px solid #959595;}
.contact_top .block:last-child{padding-bottom:0;border:none;text-align:left;}
.contact_top .block h4{font-size:0.9rem;line-height: 1.8rem;text-align:center;background:url(../images/icon_arrow.png) no-repeat 9.3rem 0.7rem;background-size:0.6rem;}
.contact_top .block.open h4{background-position:9.3rem -0.5rem;}
.contact_top .block img{display:block;width:3.5rem;margin:0.8rem auto 0;}
.contact_top .detail{display:none;}
.contact_top .block.open .detail{display:block;}
.contact_top p{font-size:0.6rem;line-height:1rem;}
.contact_top span{color:#56c3b4;}
.contact_top ul{padding-top:0.3rem;}
.contact_top li{font-size:0.6rem;line-height:1rem;}

/******= 404 =******/
.content_404{position:relative;}
.main_404{background:#ccc;}
.content_404 p.tips{position:absolute;left:0;top:8.5rem;width:100%;font-size:0.6rem;line-height:1rem;color:#ccc;text-align:center;}
.content_404 a{display:block;position:absolute;left:50%;bottom:2.4rem;width:9.6rem;height:1.8rem;margin-left:-4.8rem;line-height:1.8rem;font-size:0.55rem;color:#fff;text-align:center;background:#54baac;border-radius:0.2rem;}

/******= Coming =******/
.main_coming{background:#ccc;}
.content_coming{position:relative;}
.content_coming .coming{position:absolute;left:0;top:5.3rem;width:100%;text-align:center;}
.content_coming .coming_img{width:11.7rem;margin:0 auto;}
.content_coming .writing_coming{font-size:0.5rem;line-height:1.3rem;color:#a5a5a5;}
.content_coming .text{display:block;width:12.9rem;height:1.8rem;margin:0.8rem auto 0;line-height:1.4rem;padding:0.2rem;background:#fff;border:0.1rem solid #e5e5e0;border-radius:0.2rem;}
.content_coming button{display:block;width:4.5rem;height:1.65rem;margin:0.3rem auto 0;line-height:1.65rem;font-size:0.5rem;font-weight:bold;color:#fff;background:#e1e2dd;border-radius:0.2rem;border:none;}
.content_coming ul{padding:2.9rem 2.2rem;}
.content_coming li{width:4.8rem;height:4.8rem;margin:0.6rem 0;background:#54baac;border-radius:50%;}
.content_coming li:nth-child(1),
.content_coming li:nth-child(3){float:left}
.content_coming li:nth-child(2),
.content_coming li:nth-child(4){float:right}
.content_coming li a{display:block;width:100%;height:100%;padding-top:1.4rem;font-size:0.7rem;line-height:1rem;color:#fff;}

/******= Company =******/
.main_company{background:#f5f4f2;}
.block_company{color:#2c2d2d;padding:2rem 1rem 2rem 2.9rem;}
.block_company h3{font-size:0.9rem;line-height:1.2rem;padding-top:2rem;}
.block_company dl{padding-top:0.9rem;}
.block_company dt,
.block_company dd{font-size:0.65rem;line-height:1rem;}

/******= Faq =******/
.wrap_faq{padding-top:2.4rem;}
.wrap_faq .top_menu{position:fixed;left:0;top:0;z-index:10;width:100%;background:#f2f2f2;}
.wrap_faq .top_menu h1{font-weight:bold;color:#707275;}
.wrap_faq .top_menu em{position:absolute;left:50%;top:50%;margin:-0.45rem 0 0 2rem;display:block;width:0.9rem;height:0.9rem;background:url(../images/icon_arrow2.png) no-repeat 0 0;background-size:100%;}
.wrap_faq .top_menu em.open{background-position:0 -0.9rem;}
.wrap_faq .list_faq{display:none;position:fixed;left:0;top:2.4rem;z-index:10;width:100%;padding:0.5rem 0 1.2rem;background:#f2f2f2;}
.wrap_faq .list_faq li{float:left;width:33.333%;}
.wrap_faq .list_faq li a{display:block;text-align:center;}
.wrap_faq .list_faq li i{display:block;width:3.8rem;height:3.8rem;margin:0 auto;background:url(../images/icon_faq.png) no-repeat 50% -9999px;background-size:3.8rem;}
.wrap_faq .list_faq li.faq1 i{background-position:0 0;}
.wrap_faq .list_faq li.faq2 i{background-position:0 -3.8rem;}
.wrap_faq .list_faq li.faq3 i{background-position:0 -7.6rem;}
.wrap_faq .list_faq li.faq4 i{background-position:0 -11.4rem;}
.wrap_faq .list_faq li.faq5 i{background-position:0 -15.2rem;}
.wrap_faq .list_faq li.faq6 i{background-position:0 -19rem;}
.wrap_faq .list_faq li a span{display:block;font-size:0.5rem;color:#707275;text-align:center;line-height:0.9rem;padding-top:0.2rem;}
.wrap_faq .faq_detail{padding:1rem;}
.wrap_faq .faq_detail .cont{display:none;}
.wrap_faq .faq_detail .cont1{display:block;}
.wrap_faq .faq_detail h3{font-size:1.5rem;line-height:2.8rem;color:#54bbac;}
.wrap_faq .faq_detail dl{padding-top:1.3rem;color:#272828;}
.wrap_faq .faq_detail dt{font-weight:bold;font-size:0.7rem;line-height:1.1rem;}
.wrap_faq .faq_detail dd{font-size:0.6rem;line-height:1rem;}
.wrap_faq .faq_detail dd.img{position:relative;padding-top:0.3rem;}
.wrap_faq .faq_detail dd.img_view:after{content:".";display:block;position:absolute;right:0;bottom:0;z-index:5;width:2rem;height:2rem;background:url(../images/icon_operate.png) no-repeat 0 0;background-size:2rem;}
.wrap_faq .faq_detail dd.high{color:#54bbac;}
.wrap_faq .faq_detail .video{width:14rem;height:9.6rem;}
.wrap_faq .faq_detail .vjs-default-skin .vjs-big-play-button{left:50%;top:50%;margin:-1.3em 0 0 -2em;}
.wrap_faq .faq_img_view{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:7;}
.wrap_faq .faq_img_view a{display:block;position:absolute;right:0;bottom:0;z-index:5;width:2rem;height:2rem;background:url(../images/icon_operate.png) no-repeat 0 -2rem;background-size:2rem;}

/******= New =******/
.main_new{padding-top:2.2rem;}
.menu_top{position:fixed;left:0;top:0;z-index:15;width:100%;height:2.2rem;padding:0.45rem 0.8rem 0;background:#fff;}
.menu_top h2{float:left;display:block;width:3.1rem;height:1.4rem;overflow:hidden;text-indent:-9999px;background:url(../images/logo_new.png) no-repeat;background-size:100% 100%;}
.menu_top .extra{float:right;}
.menu_top .extra a{float:left;display:block;width:1.5rem;margin-left:0.5rem;}
.menu_detail{display:none;position:fixed;left:0;top:0;z-index:13;width:100%;height:100%;padding:3.4rem 0 0.7rem;overflow:auto;background:#515558;text-align:center;}
.menu_detail .men{padding-top:0.6rem;}
.menu_detail li{line-height:2.2rem;}
.menu_detail li a{position:relative;display:block;width:100%;line-height:2.2rem;font-size:0.75rem;color:#fff;}
.menu_detail li em{position:absolute;left:50%;top:50%;margin:-0.35rem 0 0 2.2rem;display:block;width:0.7rem;height:0.7rem;background:url(../images/icon_arrow1.png) no-repeat 0 0;background-size:100%;}
.menu_detail li.open em{background-position:0 -0.7rem;}
.menu_detail li .sub_menu{display:none;background:#fff;}
.menu_detail li .sub_menu a{color:#515558;}
.menu_detail li.open .sub_menu{display:block;}
.menu_detail .btn_share{clear:both;overflow:hidden;padding:0.8em 0 1.1rem;}
.menu_detail .btn_share a{display:block;width:1.6rem;margin:0 auto;}
.menu_detail .copy p{font-size:0.5rem;line-height:1rem;color:#fff;}
.block_choose{position:relative;}
.block_choose .btn{position:absolute;display:block;overflow:hidden;text-indent:-9999px;}
.block_choose .btn_play{left:50%;top:4.5rem;margin-left:-1.9rem;width:3.8rem;height:1.7rem;background:url(../images/btn_play.png) no-repeat;background-size:100% 100%;}
.block_choose .btn_view1{right:1.6rem;top:16.5rem;width:4.25rem;height:1.95rem;}
.block_choose .btn_view2{left:1.6rem;top:32.35rem;width:4.25rem;height:1.95rem;}
.block_choose .btn_compare{left:5.9rem;bottom:2.4rem;width:4.25rem;height:1.95rem;}
.footer_new{height:7.1rem;background:url(../images/bg_footer.jpg) no-repeat;background-size:100% 100%;}
.footer_new .buy_info{padding:0;background:none;}
.footer_new .buy_info p{font-size:0.85rem;color:#3a3a3a;padding:0.9rem 0 0.5rem;}
.footer_new .buy_info .link_buy a{display:inline-block;float:none;width:5.5rem;padding:0 1rem;}
.footer_new .buy_info .link_buy a img{display:block;border:none;}
.block_choose{position:relative;}
.block_choose .btn_story{position:absolute;display:block;width:4.85rem;height:1.15rem;overflow:hidden;}
.block_choose0 .btn_story{right:0.8rem;top:9.1rem;}
.block_choose1 .btn_story{right:1.3rem;top:3.4rem;}
.block_choose2 .btn_story{right:0.7rem;top:4.5rem;}
.block_choose3 .btn_story{left:1.25em;top:7.7rem;}
.block_choose_btm .link_colorful{position:absolute;left:4rem;top:2.3rem;display:block;width:8.1rem;height:1.3rem;}
.block_choose_btm .btn_compare{position:absolute;left:5.9rem;bottom:2.4rem;display:block;width:4.2rem;height:1.7rem;}

.hopup{position:relative;display:none;}
.hopup_choose{width:100%;}
.hopup_choose .close_btn{position:absolute;right:0.4rem;top:0.8rem;display:block;z-index:10;width:1rem;height:1rem;overflow:hidden;}