.preview{margin-top:20px}.preview .video_box{margin:5px auto 0;max-width:334px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview .video_box__h3{font-size:18px;line-height:20px;color:#001c15;margin-bottom:18px}.preview .btn_container{margin-top:10px}.preview .btn_box,.preview .btn_container{display:-webkit-box;display:-ms-flexbox;display:flex}.preview .btn_box{position:relative;margin-right:10px;outline:none;border:none;cursor:pointer;border-radius:10px;width:48px;height:48px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.preview .btn_box__shadow{position:absolute;bottom:0;left:0;background:#00684e;width:100%;height:50%}.preview .btn_box__green{background:#889d98}.preview .btn_box__green img{z-index:2}.preview .btn_box__red{background:#e04e4e}.preview .btn_join{cursor:pointer;margin-top:16px;width:100%;max-width:335px;height:70px;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;text-align:center;background:#0e8e68;border-radius:10px}.preview .btn_join span{font-weight:700;font-size:20px;line-height:27px;color:#fff}.preview #previewTrack{margin-top:10px;position:relative;width:334px;height:259px;overflow:hidden;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:10px}.preview #previewTrack video{max-height:259px!important}.preview .bg_box{position:absolute;left:0;top:0;width:100%;height:100%;background:#e4e4e4;z-index:2;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}@media screen and (max-width:400px){.preview #previewTrack{width:186px}}h1{color:tomato}.flex{-webkit-box-flex:1;-ms-flex:1;flex:1}