.modal_box_bg{top:0;left:0;opacity:0.7;width:100%;height:100%;position:fixed;background:#000}
.medal{width:96%;height:100%;padding:10px;box-sizing:border-box;margin:10px auto;background-color:rgba(255,255,255,.1);border-radius:5px}
.medal h3{width:100%;font-size:16px;text-align:center;margin-bottom:15px}
.medal img{max-width:50px;float:left;margin-left:20px;margin-bottom:10px}
#poster_box_rank{width:100%;height:auto;box-sizing:border-box;display:none;padding-bottom:0 !important}
#poster_box_rank P{text-align:center;border-radius:5px 5px 0 0;color:#5d0808;padding:10px;background:#f1eabb}
#poster_box_rank P img{width:20px;vertical-align:bottom}
#poster_box_rank .imgshow{text-align:center;width:100%;height:100%;margin:0 auto;display:flex;align-items:center;vertical-align:middle}
#poster_box_rank .big{max-width:100%;max-height:100%;margin:0 auto}
#modal_boxposter_rank .close{position:fixed;width:28%;top:92%;left:36%;margin-top:0px;text-align:center;border-radius:25px;line-height:32px;background:#fff;color:#333 !important}
#modal_boxposter_rank{z-index:999;top:0;position:fixed;display:none}
#modal_boxposter{z-index:999;display:block;top:0;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);left:0}
#modal_boxposter .modal_box_bg{top:0;opacity:0.7;width:100%;height:100%;position:fixed;background:#000}
#poster_box{width:100%;max-width:280px;height:auto;padding:10px;box-sizing:border-box;left:50%;margin-left:-150px;border-radius:5px;position:fixed;top:35%;margin-top:-190px;overflow:hidden;display:block;background:#fff}
#poster_box P{border-radius:5px;color:#5d0808;padding:8px;background:#f1eabb;margin-bottom:8px;font-size:14px}
#poster_box img{width:100%;border-radius:5px;box-shadow:0px 1px 10px #ccc;border-radius:5px;box-shadow:0px 1px 10px #ccc;margin:0 auto;vertical-align:middle;display:inherit}
#modal_boxposter .close{position:fixed;width:200px;top:85%;left:50%;margin-left:-100px;margin-top:30px;text-align:center;border-radius:25px;line-height:32px;background:#fff;color:#505f6f !important}
.margin_10{margin:0 10px}
.pframe{border-bottom:1px solid #e5e5e5;margin-top:10px;display:flow-root;height:unset !important}
#pjaxBox>#getContent .weui-cells>.pframe{border-top:1px solid #e5e5e5;border-bottom:unset;margin-top:10px;display:flow-root;height:unset !important}
.pframe div{width:100%}
.pframe .fl{float:left;margin-left:10px}
.pframe .fr{float:right;margin-right:10px}
.pframe .padding_t_10{padding-top:10px}
.pframe span{display:block;width:100%;height:40px;line-height:40px;color:#41bdd2}
.pframe label{border-top:unset;width:45%;display:block;text-align:center;line-height:30px}
.pframe label input{width:auto}
.pframe label img{background:#ccc;width:150px}
.div_video{position:relative;height:auto}
.div_video .video{z-index:1;position:static;width:100%}
.div_video .iframe_video{}
#recommend-hook{animation:hdkhook 2s ease infinite}
@keyframes hdkhook{30%{transform:scale(1.1)}
40%,60%{transform:rotate(-10deg) scale(1.1)}
50%{transform:rotate(10deg) scale(1.1)}
70%{transform:rotate(0deg) scale(1.1)}
100%{transform:scale(1)}
}.msg-tip-opacity{display:none;z-index:999;position:fixed;height:100%;width:100%;background:#000;top:0;left:0;opacity:.5}
.msg-tip{display:none;z-index:1000;color:#000;width:300px;margin:0 auto;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%)}
.msg-tip .msg{background:#fff;padding-bottom:15px;border-radius:10px}
.msg-tip .msg hr{border:.5px solid #e9e9e9;margin-bottom:5px}
.msg-tip .weui-msg__icon-area i{font-size:50px}
.msg-tip .weui-msg__text-area{margin-bottom:10px}
.msg-tip-close{text-align:center;margin-top:30px}
.msg-tip-close i{font-size:35px;color:#fff}
.msg-tip-close-btn{width:200px;background:#0D70FF;margin:20px auto;height:40px;line-height:40px;color:#fff;border-radius:5px}
.msg-tip .weui-msg__title{width:100%;word-wrap:break-word}
.video_popup_bg{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);top:0;left:0;color:#8a8a8a;z-index:8888}
.video_popup_bg .video_popup{width:80%;max-width:500px;min-height:7.2rem;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:.1rem}
.video_popup_bg .popup_nav{display:flex;justify-content:space-around;line-height:.84rem;border-bottom:1px solid #eee;margin:0 auto;padding:0 .5rem}
.video_popup_bg .popup_nav>li{font-size:0.32rem}
.video_popup_bg .current{border-bottom:2px solid #1593ff;color:#1593ff;}
.video_popup_bg .nav_wrap>li{display:none;float:inherit}
.video_popup_bg .content_a{text-align:center;margin-top:.5rem}
.video_popup_bg .content_b{text-align:center;margin-top:.8rem}
.video_popup_bg .content_b h2,.content_a h2{font-size:.28rem;margin-top:.2rem;color:#888}
.video_popup_bg .content_b p,.content_a p{font-size:.24rem;line-height:0.6rem;display:-webkit-inline-box;height:0.6rem;color:#8a8a8a}
.video_popup_bg .content_text{margin:.5rem .32rem}
.video_popup_bg .content_text>p{text-align:left}
.video_popup_bg .content_a>span{border-radius:0.05rem;font-size:.28rem;background:#1593ff;padding:.2rem 0;color:#fff;width:3.4rem;margin:0 auto;display:block}
.video_popup_bg .video_link{border:1px solid #eee;height:.8rem;width:82%;margin:0 auto;border-radius:.1rem;overflow:hidden}
.video_popup_bg .video_link>input{display:inline-block;line-height:.8rem;padding-left:.2rem;width:70%;outline:none;border:none;float:left;border-radius:.1rem 0 0 .1rem;height:0.8rem;font-size:.24rem}
.video_popup_bg .video_link>input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#8a8a8a}
.video_popup_bg .video_link>input:-moz-placeholder,textarea:-moz-placeholder{color:#8a8a8a}
.video_popup_bg .video_link>input::-moz-placeholder,textarea::-moz-placeholder{color:#8a8a8a}
.video_popup_bg .video_link>input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#8a8a8a}
.video_popup_bg .video_link>button{display:inline-block;font-size:.28rem;line-height:.8rem;outline:none;border:none;float:right;width:30%;border-radius:0 .1rem .1rem 0;color:#fff;background:#1593ff}
.video_popup_bg .close{position:absolute;right:0.2rem;top:0.09rem;width:.3rem;font-style:inherit;font-size:.4rem}
.video_popup_bg a{color:#1593ff}
.get_input_val{/*height:46px !important;*/cursor:pointer}
.enrollment>textarea{height:100px !important}
.hdk>.enrollment>.grouping:nth-last-child(2){display:inline-block;border-bottom:none !important}
input::-webkit-input-placeholder{color:rgb(169,169,169) !important}
input:-moz-placeholder{color:rgb(169,169,169) !important}
input::-moz-placeholder{color:rgb(169,169,169) !important}
input:-ms-input-placeholder{color:rgb(169,169,169) !important}
.simpleAlert{position:fixed;z-index:1000}
.simpleAlertShelter{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.3;filter:alpha(opacity=30)}
.simpleAlertBody{position:fixed;display:none;width:300px;height:200px;top:50%;left:50%;margin:-188px 0 0 -150px;opacity:0;border-radius:5px;background-color:#fff}
.simpleAlertBodyClose{position:absolute;width:14px;height:14px;top:5px;right:15px;padding:5px;cursor:pointer;z-index:9;color:#fff;font-size:18px}
.simpleAlertBodyTitle{position:absolute;top:0;width:100%;height:48px;line-height:48px;overflow-y:auto;left:0;background:-webkit-linear-gradient(left,#fd5471,#f7ad3f);text-align:center;font-size:18px;color:#fff;border-radius:5px 5px 0 0}
.simpleAlertBodyContent{position:absolute;top:40%;width:96%;height:48px;overflow-y:auto;left:2%;text-align:center;font-size:18px;color:#333}
.simpleAlertBtn{position:absolute;width:128px;height:36px;bottom:12%;border:0;cursor:pointer;border-radius:5px;color:#fff;font-size:14px}
.simpleAlertBtn1{background:#eee;color:#666;left:5%}
.simpleAlertBtn2{background:-webkit-linear-gradient(left,#fd5471,#f7ad3f);color:#fff;right:5%}
.onlyOne{width:200px;height:36px;left:138px}
.meter{background:#f5f7fa;height:10px;margin-top:-8%;width:35%;margin-left:30%;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;-webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3)}
.meter>span{width:0px;display:block;height:100%;background:#649efd;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px}
#apply-user-info{position:relative;right:5px;margin-bottom:20px !important;display:block;width:50px !important;height:50px !important;z-index:100;opacity:1 !important}
#apply-user-info img{height:50px;width:50px;border-radius:50px}
#apply-user-info p{position:absolute;bottom:-5px;max-width:50px;text-align:center;color:#fff;border-radius:3px;background:#333;padding:0 5px;height:16px;line-height:16px;font-size:12px}
#apply-user-info-modal{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);display:none;justify-content:center;align-items:center;z-index:999}
#apply-user-info-modal #apply-user-info-content{width:280px;padding:25px 15px 20px;background:#fff;border-radius:5px;color:#333;display:flex;flex-direction:column;align-items:center}
#apply-user-info-modal #apply-user-info-content img{width:100px;border-radius:100px;margin-bottom:15px}
#apply-user-info-modal #apply-user-info-content #apply-user-info-nickname{font-size:16px;font-weight:bold;margin-bottom:15px}
#apply-user-info-modal #apply-user-info-content #apply-user-info-tips{font-size:14px;margin-bottom:20px;color:#aaa}
#apply-user-info-modal #apply-user-info-content #apply-user-info-tp{width:96%;height:40px;line-height:40px;background:#649efd;color:#fff;text-align:center;border-radius:3px;margin-bottom:20px}
#apply-user-info-modal #apply-user-info-content a{color:#ccc;width:96%;text-align:right}
#apply-user-info-modal #apply-user-info-content #apply-user-info-close{width:34px;height:34px;line-height:30px;border:1px solid #fff;border-radius:30px;color:#fff;font-size:30px;text-align:center;margin-left:-17px;font-weight:normal;position:fixed;bottom:20%;left:50%;cursor:pointer}
.click_show_comment{right:5px !important;position:relative}
#authorize-continue{position:fixed;bottom:-50px;left:50%;width:100%;background:#fff;max-width:560px;transform:translateX(-50%);padding:20px;box-sizing:border-box;border-top-left-radius:10px;border-top-right-radius:10px;transition-duration:0.5s}
.authorize-animate{-webkit-animation:authorizeAnimation 0.5s ease-in-out 1;animation:authorizeAnimation 0.5s ease-in-out 1;animation-fill-mode:forwards}
@-webkit-keyframes authorizeAnimation{0%{-webkit-transform:translate(-50%,0px);transform:translate(-50%,0px)}
to{-webkit-transform:translate(-50%,-50px);transform:translate(-50%,-50px)}
}@keyframes authorizeAnimation{0%{-webkit-transform:translate(-50%,0px);transform:translate(-50%,0px)}
to{-webkit-transform:translate(-50%,-50px);transform:translate(-50%,-50px)}
}.authorize-title{font-size:18px;font-weight:bold;line-height:40px;color:#333}
.authorize-tips{font-size:14px;color:#999;margin:10px 0}
.authorize-btn{display:flex;justify-content:center;margin-top:60px;margin-bottom:40px}
.authorize-btn a{max-width:136px;flex:1;line-height:46px;font-size:16px;text-align:center;border-radius:5px;background:#49c265 !important;color:#fff !important;font-weight:bold;display:block;text-decoration:none}
.authorize-btn a:first-child{margin-right:30px;color:#49c265 !important;background:#f2f2f2 !important}
#authorize-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:999;display:none}
#multi-group-wrapper{height:60px;line-height:60px;}
#multi-group-wrapper:after{top:24px !important;}
#backManageWrapper{position:fixed;bottom:120px;display:block;right:10px;width:50px;height:50px;z-index:100;}
#backManageWrapper div{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:25px;width:100%;height:100%;background:linear-gradient(270deg,#1593ff,#3062FF);color:#fff;border:1px solid #fff;box-shadow:1px 2px 10px 2px rgba(0, 0, 0, 0.1);font-size:13px;}
.manage-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:25px;width:100%;height:100%;background:linear-gradient(270deg,#1593ff,#3062FF);color:#fff;border:1px solid #fff;box-shadow:1px 2px 10px 2px rgba(0, 0, 0, 0.1);font-size:13px;}