body,html,main,section{width:100%;height:100%;overflow:hidden}body{position:relative;font-family:"Microsoft YaHei",Helvetica,"Heiti SC"}section{position:absolute;top:0;left:0;opacity:0;z-index:1;-webkit-transition:all .5s;transition:all .5s}section.active{opacity:1;z-index:2;overflow:auto}#top{position:fixed;left:0;top:0;width:100%;height:1.36rem;background-color:#000;padding:.58rem .28rem 0;z-index:99}#top .logo{width:1.26rem;height:.56rem;display:block}#top .top_text{color:#fff;font-size:.2rem;line-height:.56rem}#popup{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:-1;opacity:0}#popup .popup_content{background-color:#fff;width:5.18rem;height:3.46rem;border-radius:.04rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#popup .popup_content .popup_content_box .popup_text{font-weight:700;text-align:center;font-size:.3rem}#popup .popup_content .popup_content_box .popup_btn_box{width:3.48rem;margin:.7rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#popup .popup_content .popup_content_box .popup_btn_box button{display:block;background-color:#ffe100;color:#000;font-size:.26rem;width:1.56rem;height:.62rem;border-radius:.62rem}section ul.video_list{overflow:hidden;margin-bottom:1rem}section ul.video_list li{position:relative;border-top:.02rem solid #e3e3e3;height:1.88rem;width:9.84rem;display:-webkit-box;display:-ms-flexbox;display:flex}section ul.video_list li .video_list_icon{position:absolute;bottom:.24rem;right:2.64rem;width:.08rem;height:.26rem;background:url(../images/three_spot_icon.png) center center no-repeat;background-size:100% 100%}section ul.video_list li .slide-content{width:7.5rem;padding:0 .28rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section ul.video_list li .slide-content .picture{width:2.36rem;height:1.48rem}section ul.video_list li .slide-content .picture img{width:100%;height:100%}section ul.video_list li .slide-content .introduce .introduce_list{margin-left:.26rem;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.2rem;height:.2rem;margin-top:.1rem}section ul.video_list li .slide-content .introduce .introduce_list .introduce_label{width:1rem;color:#999;text-align:justify}section ul.video_list li .slide-content .introduce .introduce_list .introduce_label::after{content:'';display:inline-block;vertical-align:middle;width:100%}section ul.video_list li .slide-content .introduce .introduce_list .introduce_content{color:#535353;width:3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section ul.video_list li .slide-content-button{width:2.34rem;display:-webkit-box;display:-ms-flexbox;display:flex}section ul.video_list li .slide-content-button button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;font-size:.24rem;line-height:1}section ul.video_list li .slide-content-button .collection_btn{width:1.38rem;background-color:#ffe100;color:#535353}section ul.video_list li .slide-content-button .collection_btn .btn_text_box i{display:block;width:.36rem;height:.32rem;background:url(../images/collection_icon.png) center center no-repeat;background-size:100% 100%;margin:0 auto .16rem}section ul.video_list li .slide-content-button .delete_btn{width:.96rem;background-color:#000;color:#fff}section ul.video_list li .slide-content-button .delete_btn .btn_text_box i{display:block;width:.3rem;height:.36rem;background:url(../images/remove_icon.png) center center no-repeat;background-size:100% 100%;margin:0 auto .14rem}section ul.video_list li.animate-slide-start{-webkit-transition:transform .2s ease-in-out;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}section ul.video_list li.animate-slide{-webkit-transform:translate3d(-2.34rem,0,0);transform:translate3d(-2.34rem,0,0)}section ul.video_list li.empty{display:block;width:100%;line-height:1rem;color:#999;text-align:center;font-size:.3rem}section .return_icon{position:fixed;right:.2rem;top:1.56rem;width:.6rem;height:.6rem;background:url(../images/whole_remove_icon.png) center center no-repeat;background-size:100% 100%;z-index:99}section#p1 .p1_top{width:100%;height:1.48rem;position:fixed;left:0;top:1.36rem;background-color:#ffe100;color:#151515;z-index:99}section#p1 .p1_top .p1_top_left{width:5.1rem;height:100%;text-align:center;position:relative}section#p1 .p1_top .p1_top_left .p1_top_text1{font-size:.26rem;margin-top:.42rem}section#p1 .p1_top .p1_top_left .p1_top_text2{font-size:.26rem;font-weight:700;margin-top:.14rem}section#p1 .p1_top .p1_top_left::after{content:"";display:block;position:absolute;right:0;top:0;bottom:0;margin:auto;width:.02rem;background-color:#000;height:.44rem}section#p1 .p1_top .p1_top_right{margin-left:.3rem}section#p1 .p1_top .p1_top_right button{display:block;margin-top:.42rem;width:1.78rem;height:.64rem;border:.06rem solid #000;border-radius:.64rem;font-size:.26rem;font-weight:700}section#p1 .screen{margin-top:2.84rem;width:100%;height:1.44rem;padding:.38rem .28rem}section#p1 .screen .label{font-size:.26rem;line-height:.66rem;margin-right:.4rem}section#p1 .screen .screen_btn{width:2.46rem;height:.66rem;font-size:.26rem;color:#e6e7e8;border:.06rem solid #e6e7e8;border-radius:.66rem;display:block;font-weight:700}section#p1 .screen .screen_btn.active{color:#000;border-color:#ffe100}section#p1 .search>ul{width:100%;padding:0 .28rem}section#p1 .search>ul>li{margin-bottom:.18rem;position:relative}section#p1 .search>ul>li .search_content{background-color:#f1f2f2;width:100%;height:1.58rem;border-left:.12rem solid #ffe100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}section#p1 .search>ul>li .search_content .search_list_icon{width:.82rem;height:.82rem;border-radius:50%;margin-left:.34rem}section#p1 .search>ul>li .search_content .search_list_icon.search_list_icon_01{background:url(../images/search_list_icon_01.png) center center no-repeat;background-size:.54rem .4rem;background-color:#ffe100}section#p1 .search>ul>li .search_content .search_list_icon.search_list_icon_02{background:url(../images/search_list_icon_02.png) center center no-repeat;background-size:.54rem .4rem;background-color:#ffe100}section#p1 .search>ul>li .search_content .search_list_icon.search_list_icon_03{background:url(../images/search_list_icon_03.png) center center no-repeat;background-size:.54rem .58rem;background-color:#ffe100}section#p1 .search>ul>li .search_content .search_list_icon.search_list_icon_04{background:url(../images/search_list_icon_04.png) center center no-repeat;background-size:.54rem .4rem;background-color:#ffe100}section#p1 .search>ul>li .search_content .search_list_text{margin-left:.52rem;font-size:.3rem;color:#535353;width:2.8rem}section#p1 .search>ul>li .search_content .select_icon{margin-left:1.3rem;width:.3rem;height:.18rem;background:url(../images/select_icon.png) center center no-repeat;background-size:100% 100%}section#p1 .search>ul>li:last-child{margin:0}section#p1 .search>ul>li>ul{display:none;position:absolute;width:100%;left:0;top:100%;z-index:9}section#p1 .search>ul>li>ul>li{height:1.6rem;border-top:.02rem solid #ececec;border-left:.12rem solid #ffe100;background-color:#6d6d6d;position:relative}section#p1 .search>ul>li>ul>li .model{position:absolute;left:1.7rem;top:0;bottom:0;margin:auto;width:2.6rem;height:.94rem;background:url(../images/model_icon_01.png) center center no-repeat;background-size:100% 100%}section#p1 .search>ul>li>ul>li .select_text{position:absolute;left:.6rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:.4rem;color:#fff;font-size:.28rem;width:4rem}section#p1 .search>ul>li>ul>li .arrow{position:absolute;right:.52rem;top:0;bottom:0;margin:auto;width:.46rem;height:.46rem;background:url(../images/arrow_icon.png) center center no-repeat;background-size:100% 100%}section#p1 .search>ul>li.active>ul{display:block}section#p1 .search>ul>li.active .search_content{background-color:#535353;border-left:.12rem solid #ffe100}section#p1 .search>ul>li.active .search_content .search_list_text{color:#fff}section#p1 .search>ul>li.active .search_content .select_icon{background:url(../images/select_active_icon.png) center center no-repeat;background-size:100% 100%}section#p1 .search_btn{width:1.82rem;height:.56rem;background-color:#ffe100;font-size:.26rem;color:#535353;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.56rem;display:block;margin:.4rem auto .54rem}section#p1 .search_btn .search_btn_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section#p1 .search_btn .search_btn_content .search_btn_icon{width:.28rem;height:.28rem;background:url(../images/search_btn_icon.png) center center no-repeat;background-size:100% 100%}section#p1 .search_btn .search_btn_content .search_btn_text{margin-left:.18rem}#p2{padding-top:1.36rem}#p2 iframe{width:100%;height:4.24rem;display:block}#p2 .p2_introduce{padding:.26rem .36rem;background-color:#f1f2f2;position:relative}#p2 .p2_introduce .collection_btn{position:absolute;right:.36rem;top:.26rem;width:1.6rem;height:.42rem;background-color:#ffe100;font-size:.2rem;color:#535353;border-radius:.56rem;display:block;color:#535353}#p2 .p2_introduce .collection_btn .collection_btn_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#p2 .p2_introduce .collection_btn .collection_btn_content .collection_btn_icon{width:.22rem;height:.2rem;background:url(../images/collection_btn_icon.png) center center no-repeat;background-size:100% 100%}#p2 .p2_introduce .collection_btn .collection_btn_content .collection_btn_text{margin-left:.1rem}#p2 .p2_introduce .collection_btn.active .collection_btn_content .collection_btn_icon{background:url(../images/collection_btn_active_icon.png) center center no-repeat;background-size:100% 100%}#p2 .p2_introduce .introduce_list{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.26rem;height:.26rem;margin-bottom:.22rem}#p2 .p2_introduce .introduce_list:last-child{margin:0}#p2 .p2_introduce .introduce_list .introduce_label{width:1.52rem;color:#999;text-align:justify}#p2 .p2_introduce .introduce_list .introduce_label::after{content:'';display:inline-block;vertical-align:middle;width:100%}#p2 .p2_introduce .introduce_list .introduce_content{color:#535353;width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#p2 .p2_recommend{font-weight:700;font-size:.36rem;color:#000;padding:.6rem 0 .44rem .28rem}#p2 ul.video_list{padding:0 .28rem}#p2 ul.video_list li{width:100%}#p2 ul.video_list li .video_list_icon{right:0}#p2 ul.video_list li .slide-content{padding:0}#p2 ul.video_list li .slide-content .picture{border-left:.1rem solid #ffe100}#p2 ul.video_list li.empty{display:block;width:100%;line-height:1rem;color:#999;text-align:center;font-size:.3rem}#p3{padding-top:1.36rem}#p3 .p3_title{font-weight:700;font-size:.36rem;color:#000;padding:.56rem 0 .66rem .28rem;position:relative}#p3 ul.video_list{padding:0 .28rem}#p3 ul.video_list li{width:100%}#p3 ul.video_list li .reomve_list_icon{position:absolute;top:0;right:-.28rem;width:.85rem;height:.64rem;background:url(../images/remove_list_icon.png) center center no-repeat;background-size:.18rem .18rem}#p3 ul.video_list li .slide-content{padding:0}#p3 ul.video_list li .slide-content .picture{border-left:.1rem solid #ffe100}#p3 ul.video_list li.empty{display:block;width:100%;line-height:1rem;color:#999;text-align:center;font-size:.3rem}#bottom{position:fixed;left:0;bottom:0;z-index:99;width:100%;height:.52rem;background-color:#000;border-bottom:.1rem solid #ffe100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.16rem;color:#fff}#bottom .button_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#bottom .button_content i.button_icon1{display:block;width:.1rem;height:.1rem;background:url(../images/button_icon1.png) center center no-repeat;background-size:100% 100%;margin-right:.1rem}#bottom .button_content i.button_icon2{display:block;width:.18rem;height:.18rem;background:url(../images/button_icon2.png) center center no-repeat;background-size:100% 100%;margin-right:.1rem}#bottom .button_content:last-child{margin-left:.4rem}