@font-face{font-family:Altone-Bold;font-style:normal;font-weight:700;src:url(/fonts/Altone-Bold.ttf)}*{font-family:Altone-Bold}#app #logo_box{background:#fff url(/images/banner_bg.jpg) no-repeat 50%;background-size:cover;display:block;height:220px;position:relative;text-align:center;width:100%}#app #logo_box .img1{bottom:0;left:0;position:absolute}#app #logo_box .img2{bottom:0;position:absolute;right:0}#app #logo_box a{display:block;height:165px;margin:0 auto;padding:20px 0;width:190px}#app #logo2_box{background:#fff url(/images/bg_mobile.jpg) no-repeat 50%;background-size:cover;display:none;height:160px;position:relative;text-align:center;width:100%}#app #logo2_box .img1{bottom:0;left:0;position:absolute}#app #logo2_box .img2{bottom:0;position:absolute;right:0}#app #logo2_box a{display:block;height:auto;margin:0 auto;padding:5px 0;width:105px}#app #videos_section{background-color:#fff}#app #videos_section #videos_box{padding-top:50px}#app #videos_section #videos_box img{height:auto;width:100%}#app #videos_section #videos_box #search_box input{background-color:#eee;border:none;border-radius:0 7px 7px 0;float:left;font-size:16px;height:68px;outline:none;padding:22px 16px;width:calc(100% - 110px)}#app #videos_section #videos_box #search_box button{background-color:#eee;border:none;border-radius:7px 0 0 7px;float:left;font-size:18px;height:68px;outline:none;width:68px}#app #videos_section #videos_box #search_box button:hover{background-color:#e9e9e9}#app #videos_section #videos_box #search_box .input-group-addon{font-size:20px;padding:0 20px}#app #videos_section #videos_box #search_box .img1{width:50%}#app #videos_section #videos_box #search_box .white_btn{display:none}#app #videos_section #videos_box #thumbs_box{margin-top:30px}#app #videos_section #videos_box #thumbs_box .box1{margin-bottom:20px}#app #videos_section #videos_box #thumbs_box .box1 img{height:auto;width:100%}#app #videos_section #videos_box #thumbs_box .box2{text-align:center}#app #show_video_section{background-color:#fff;width:100%}#app #show_video_section #show_video_box{margin:0 auto;max-width:768px;padding:0 30px}#app #show_video_section #show_video_box .box4 p{color:#999;font-size:12px;margin:0}#app #show_video_section #show_video_box .box4 h2{margin:0}#app #show_video_section #show_video_box .box4 h1{font-weight:700}#app #show_video_section #show_video_box .box3 a{background-color:#fff;border-radius:0;color:#008489;display:inline-block;font-size:16px;text-decoration:none;transition:color .4s}#app #show_video_section #show_video_box .box3 a:hover{background-color:#fff;color:#000}#app #show_video_section #show_video_box .box2{margin:10px 0}#app #show_video_section #show_video_box .box2 video{width:100%}#app #show_video_section #show_video_box .box1{display:block;width:100%}#app #show_video_section #show_video_box .box1 a{display:inline-block;height:41px;width:41px}#app #show_video_section #show_video_box .box1 a:first-child{margin-right:3px}#app .modal .modal-content{border-radius:0}#app .modal .modal-body{margin:20px 0}#app .modal input{border-radius:0;height:40px;padding:5px 10px;width:100%}#app .modal .btn{border:none;border-radius:0;color:#fff}#app .modal .btn1{background-color:#6a1b9a}#app .modal .btn1:hover{background-color:#4a148c}#app .modal .btn2{background-color:#eee;color:#000}#app .modal .btn2:hover{background-color:#bdbdbd}#app .modal textarea{height:100px;max-height:300px;min-height:100px;resize:vertical}#app #show_video_code{background-color:#fff;width:100%}#app #show_video_code .box1{margin:0 auto;max-width:768px;padding:0 30px;text-align:center}#app #footer{color:#999;text-align:center}@media screen and (max-width:768px){#app #logo_box{display:none}#app #logo2_box{display:block}#app #videos_section #videos_box #search_box button{width:55px}#app #videos_section #videos_box #search_box button.white_btn{background-color:#fff;display:block}#app #videos_section #videos_box #search_box .img1{width:100%}#app #show_video_section #show_video_box{padding:0 15px}#app #show_video_section #show_video_box .img3{width:155px}}@media screen and (max-width:320px){#app #logo2_box .img1,#app #logo2_box .img2{display:none}}[v-cloak]{display:none}