div{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select:none;
}
img{-webkit-touch-callout:default;border: 0;}
input{border: 0;outline: none;background: none;}


.container_kv,.container_kv1{ width: 1582px; display: flex; flex-wrap: wrap;background: #f6f6f6;}
.container_kv .kv_bg{ width: 1173px; display: block;margin: 60px auto;position: relative;}
.container_kv img,.container_kv1 img{ width: 100%; display: block;}
.container_kv1{ display: none; }
.container_kv1 .kv_bg{ width: 96.27%; display: block;margin: 30px auto 40px;position: relative;}

.kv_list{ width: 25%;height: 100%; position: absolute;top: 0;left: 0; cursor: pointer; overflow: hidden;}
.kv_list:nth-child(2){ left: 25%;}
.kv_list:nth-child(3){ left: 50%;}
.kv_list:nth-child(4){ left: 75%;}
/*.kv_list:nth-child(5){ left: 80%;}*/
.kv_list>img{ position: relative; top: 50%; transform: translate(0,-50%);}
.kv_list:after{ content:""; display: block; background: rgba(255,255,255,0.08); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.6s ease;}
.kv_list.current:after{ opacity: 1;}

.kv_t{ position: absolute; z-index: 3; position: absolute; top: 50%; transform: translate(0,-50%); left: 25%; width: 49.5%;}
.tip_more{ width: 40%; position: absolute; bottom: 0; right: 0;}
.__wrap{ transform: translate(-50%,-50%) scale(1);    position: absolute;
    width: 1582px;
    transform-origin: center;
    top: 50%;
    left: 50%; }
.current .tip_more{ animation: shake 2s infinite linear;}
@keyframes shake {
    0%{ transform: translate(0,0);}
    10%{ transform: translate(0,0);}
    15%{ transform: translate(5px,0);}
    25%{ transform: translate(-5px,0);}
    30%{ transform: translate(0,0);}
    35%{ transform: translate(5px,0);}
    45%{ transform: translate(-5px,0);}
    50%{ transform: translate(0,0);}
    100%{ transform: translate(0,0);}

} 

.grayFilter{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);  
  filter: gray;
}

.none{ display: none; }

.gray{ background: #999999 !important; }


.recommend_title{ font-size: 20px;height: 80px;line-height: 80px;text-align: center;color: #fff; }

.video_List{ display: none;overflow: hidden;}
.videoIndex{ min-height: 100vh;    height: auto; padding:0 !important;border-radius: 4px;background: #f6f6f6;}
.video_List .video_sectitle_wrap{ display: flex;justify-content: center; }
.video_List .video_sectitle .video_inner_wrap{ width: 120px;padding: 0 1%;position: relative;float: left; }
.video_List .video_sectitle .video_inner_wrap .line{ width: 1px;height: 50%;position: absolute;right: 0;top: 25%;background: #000; }
.video_List .video_sectitle a{ margin: 0 1%; display: inline-block;color: #000;font-size: 20px;background: none;border-radius: 5px;padding: 4px 8px;font-weight: bold;letter-spacing: 4px; }
.video_List .video_sectitle a.act{ background: #dddddd; }

/*.video_List .video_sectitle a:after{ content:""; display: block; background: none;width: calc(100% + 144px); height: 18px; position: absolute; bottom: -24px; left: 50%; transform: translate(-50%,0);}*/
/*.video_List .video_sectitle a.act:after{  background: url(../images/video_pre/icon1.png) no-repeat center top;  }*/

.video_List img{ width: 100%; display: block;}
.video_List .video_sectitle a .video_inner{ width: 70%;background: #fff;color: #333333;position: absolute;top: -10px;left: 0;z-index: 2;padding: 0 20px; }
.video_List .video_sectitle a .video_inner .inner_title{ padding-top: 10px;font-size: 18px;padding-bottom: 8px;font-weight: bold;color: #52b4e7;position: relative; }
.video_List .video_sectitle a .video_inner .inner_title img{ width: 10px;position: absolute;top: 17px;right: 0; }
.video_List .video_sectitle a .video_inner li{ padding: 10px 0;border-bottom: 1px solid #ebebeb;font-size: 14px; }
.video_List .video_sectitle a .video_inner li.act{ color: #52b4e7; }
.video_List .video_sectitle a .video_inner li:nth-last-child(1){ border-bottom: none; }


.video_List .user_sectitle>a{ margin: 0 44px; padding-bottom: 16px; display: inline-block;font-size: 24px;text-align: center;line-height: 32px;}
.video_List .user_sectitle a:after{ content:""; display: block; background: none;width: 44px; height: 4px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0);}
.video_List .user_sectitle a.act:after{  background: #b11600; }
.video_List .user_sectitle a.act{  font-size: 32px;font-weight: bold;  }

.videoPupup .video_label_t div:nth-child(1){ margin-left: 0; }
.list_box1 .left_box{ width:78.75%;max-height:100%;float: left; }
.list_box1 .right_box{ width:21.25%;height:100%;float: left;background: #fff;position: relative;}
#payCover { width:78.75%; }

.list_box1 .list_box1_top{ width: 100%;overflow: hidden;height: 382px;position: relative;color: #fff;cursor: pointer; }
.list_box1 .list_box1_top1{ width: 100%;overflow: hidden;height: 337px;position: relative;color: #fff;cursor: pointer; }
.list_box1 .list_box1_top2{ width: 100%;overflow: hidden;height: 283px;position: relative;color: #fff;cursor: pointer; }
.list_box1 .list_box1_img{ height: 100%;width: 100%; }
.list_box1 .list_box1_img img{ height: 100%;width: 100%;object-fit: cover; }
.list_box1 .list_box1_top1 .list_box1_cover{ width: 130px;height: 337px;background: rgba(0,0,0,0.6);position: absolute;top: 0;right: 0; }
.list_box1 .list_box1_top2 .list_box1_cover{ width: 130px;height: 283px;background: rgba(0,0,0,0.6);position: absolute;top: 0;right: 0; }
.list_box1 .list_box1_top .list_box1_cover{ width: 130px;height: 382px;background: rgba(0,0,0,0.6);position: absolute;top: 0;right: 0; }
.list_box1 .list_box1_cover .list_box1_coverNum{ width: 100%;height: 26px;font-size: 26px;line-height: 26px;position: absolute;top: 102px;left: 0;text-align: center; }
.list_box1 .list_box1_cover .list_box1_coverImg{ width: 29px;position: absolute;top: 170px;left: 50%;margin-left: -15px; }
.list_box1 .list_box1_bottom{ width: calc(100% - 30px);height: 76px;padding: 0 15px;position: relative; }
.list_box1 .list_box1_title{ font-size: 14px;margin-top: 20px;color: #fff;max-width: 78%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.list_box1 .list_box1_title3{ font-size: 14px;margin-top: 33px;color: #fff;max-width: 78%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.list_box1 .list_box1_time{ font-size: 12px;margin-top: 20px;color: #999; }
.list_box1 .list_box1_title1{ font-size: 14px;margin-top: 8px;color: #fff;max-width: 78%;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;margin-top: -12px; }
.list_box1 .list_box1_title2{ font-size: 14px;margin-top: 8px;color: #fff;max-width: 78%;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;margin-top: 10px; }
.list_box1 .list_box1_time1{ font-size: 12px;margin-top: 8px;color: #999; }
.list_box1 .list_box1_play{ width: 49px;position: absolute;top: 50%;right: 30px;margin-top: -25px;cursor: pointer; }
.hot_box_crumbs{ color: #000;padding-top: 12px; }
.hot_box_crumbs1{ color: #000;padding-top: 0;height: 24px;margin-top: 82px; }
.video_crumbs{ margin: 0 auto;width: 1556px; }

.pageCover{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999999;background: rgba(0,0,0,0.6); }
.pageCover .coverMain{ width:460px; height:627px;position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); }
.pageCover .coverMain .J_pageCoverClose{ width:60px; height:60px;position:absolute; right:0px; top:0px;cursor: pointer; }
.c_t_w_w{ font-size: 18px;overflow: hidden;color: #666666;line-height: 30px;position:absolute; left:75px; top:44px;width: 323px;height: 250px;letter-spacing: 0.5px;text-align: center; }
.c_t_w{ font-size: 18px;overflow-y: scroll;color: #666666;line-height: 30px;position:absolute; left:0; top:0;width: 323px;height: 250px;letter-spacing: 0.5px;text-align: center; }
.c_t_w span{ color: #50aedf; }
.c_t_w div{ width: 310px; }

.c_t_w::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.c_t_w::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom right, #666666 0%, #666666 100%);
  border-radius: 3px;
}

.c_t_w::-webkit-scrollbar-track {
  background-color: #fff;
  border: none;
}

.c_t_w::-webkit-scrollbar-button {
  background-color: none;
  border-radius: 5px;
}

.c_t_w::-webkit-scrollbar-button:hover {
  background-color: none;
}


.hot_ul2{ width: 75%;float: left; }
.hot_ul2 li{ margin: 0.5959%;width:32.1415%;height:auto;border-radius:14px;background:#fff;overflow:hidden;float:left; }
/*.hot_ul2 li{ margin: 0.5959%;width:24.1%;height:auto;border-radius:14px;background:#fff;overflow:hidden;float:left; }*/
.hot_ul2 li .creator_v,.hot_ul1 li .creator_v{ width:100%;position:relative;border-bottom-right-radius:14px;border-bottom-left-radius:14px;overflow: hidden; }
.hot_ul2 li .creator_v .creator_v_p,.hot_ul1 li .creator_v .creator_v_p{ width:100%;border-bottom-right-radius:14px;border-bottom-left-radius:14px;overflow:hidden; }
.hot_ul2 li .creator_v .creator_v_p img,.hot_ul1 li .creator_v .creator_v_p img{ width:100%;object-fit:cover;height: 220px;transition: all 0.4s ease; transform: scale(1.0); }
.hot_ul2 li:hover .creator_v .creator_v_p img,.hot_ul1 li:hover .creator_v .creator_v_p img{ transform: scale(1.04); }
.hot_ul2 li .creator_v .creater_v_e,.hot_ul1 li .creator_v .creater_v_e{ width:100%;position:absolute;top:0;left:0;font-weight: normal;font-size: 16px;color: #fff;text-indent: 4%;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));line-height: 40px; }

.hot_ul1 li .creator_v_c,.hot_ul2 li .creator_v_c{ width: 95px;height: 95px;position: absolute;top: 38px;right: -5px;background: rgba(0,0,0,0.5);border-radius: 8px; }
.hot_ul1 li .creator_v_c .icon,.hot_ul2 li .creator_v_c .icon{ position: absolute;top: 32px;left: 24px;width: 37px; }
.hot_ul1 li .creator_v_c .collectionNum,.hot_ul2 li .creator_v_c .collectionNum{ width: 28px;height: 32px;position: absolute;top: 32px;left: 61px;text-align: center;line-height: 32px;color: #fff; }

.hot_ul2 li .creator_v .creator_v_b,.hot_ul1 li .creator_v .creator_v_b{ position:absolute;bottom:0;left:0;width: 96%;display: flex;align-items: center;padding: 10px 0;padding-left: 4%;color:#fff;font-weight:normal;    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); }
.hot_ul2 li .creator_v_b .creator_share,.hot_ul2 li .creator_v_b .creator_like,
.hot_ul2 li .creator_v_b .creator_comments,.hot_ul2 li .creator_v_b .creator_collection,
.hot_ul1 li .creator_v_b .creator_share,.hot_ul1 li .creator_v_b .creator_like,
.hot_ul1 li .creator_v_b .creator_comments,.hot_ul1 li .creator_v_b .creator_collection{ display: flex;align-items: center; }
.hot_ul2 li .creator_v_b .creator_share .share_icon,.hot_ul2 li .creator_v_b .creator_like .like_icon,
.hot_ul2 li .creator_v_b .creator_comments .comments_icon,.hot_ul2 li .creator_v_b .creator_collection .collection_icon,
.hot_ul1 li .creator_v_b .creator_share .share_icon,.hot_ul1 li .creator_v_b .creator_like .like_icon,
.hot_ul1 li .creator_v_b .creator_comments .comments_icon,.hot_ul1 li .creator_v_b .creator_collection .collection_icon{ cursor: pointer;display: flex;align-items: center; }
.hot_ul2 li .creator_v_b img,.hot_ul1 li .creator_v_b img{ width:100%; }
.hot_ul2 li .creator_v_b .creator_share .share_num,.hot_ul2 li .creator_v_b .creator_like .like_num,
.hot_ul2 li .creator_v_b .creator_comments .comments_num,.hot_ul2 li .creator_v_b .creator_collection .collection_num,
.hot_ul1 li .creator_v_b .creator_share .share_num,.hot_ul1 li .creator_v_b .creator_like .like_num,
.hot_ul1 li .creator_v_b .creator_comments .comments_num,.hot_ul1 li .creator_v_b .creator_collection .collection_num{ width: 30px;margin-left: 4px;font-size: 12px;display: flex;align-items: center; }
.hot_ul2 li .creator_v .creater_video_c,.hot_ul1 li .creator_v .creater_video_c{ width:16.5432098%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor: pointer;display: none; }
.hot_ul2 li .creator_v .creater_video_c img,.hot_ul1 li .creator_v .creater_video_c img{ width:100%;object-fit:cover; }
.hot_ul2 li:hover .creator_v .creater_video_c,.hot_ul1 li:hover .creator_v .creater_video_c{ display: block; }
.hot_ul2 li .creator_d,.hot_ul1 li .creator_d{ width:calc(100% - 40px);display: flex;align-items: center;justify-content: space-between;font-size: 16px;line-height: 22px;height: 44px;margin: 8px 20px;line-break: anywhere;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.hot_ul2 li .creator_d_c,.hot_ul1 li .creator_d_c{ width:calc(100% - 40px);display: flex;align-items: center;justify-content: space-between;font-size: 15px;line-height: 40px;height: 40px;padding: 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.creator_d .creator_d_t,.creator_d_c .creator_d_t{ width:calc(100% - 56px);font-size: 15px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; }
.creator_d_l,.creator_d_r{ display: flex;align-items: center; }
.creator_d_l span,.creator_d_r span,.creator_d_r div{ font-size: 12px; }
.creator_d_r div{ color: #999999;border-radius: 4px;border: 1px solid #999999;padding: 2px 8px;line-height: 13px;height: 14px;margin-left: 6px; }
.creator_d_r span{ color: #999999; }
.creator_d .part_buy,.creator_d_c .part_buy{ font-size: 12px;color: red; }

.hot_box1{ background: #f6f6f6; }
.home_box{ background: #f6f6f6;position:relative; width:1582px; margin:0 auto; padding:20px 0 10px 0;background: #f6f6f6; }
.user_hot_ul2 li{ width: 23.954%; }
.user_hot_ul2 li .creator_v .creator_v_p img{ height: 167px; }
.hot_ul1 .onlineClassLi{ background: none;border: none; }
.hot_ul1 .onlineClassLi:hover{ box-shadow: none; }
.pay_free{height: 32px;line-height: 32px;padding: 0 20px;background: #000;color: #fff;border-radius: 20px;cursor: pointer;float: right;position: absolute;right: 0;}
.pay_free1{ height: 26px;line-height: 26px;padding: 0 12px;font-size: 14px;position: static; }

.popular_posts{display: block;width: 25%;display: none;overflow: hidden;float: left;position: relative;max-height:662px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;overflow: hidden;}
.popular_posts .popular_posts_cover{ width: 100%;position: absolute;top: 0;left: 0;pointer-events: none; }
.popular_posts .popular_posts_cover img{ width: 100%; }
.popular_posts .popular_posts_scroll{ height: calc(100% - 99px);max-height:562px;width: 100%;margin-top: 99px;overflow: hidden; }
.popular_posts .popular_posts_wrap{ width: 100%; }
.popular_posts li{ width: 100%;height: auto; }
.popular_posts li:nth-child(odd){ width: 100%;height: auto;background: #f6f6f6; }
.popular_posts li:nth-child(even){ width: 100%;height: auto;background: #fff; }
.popular_posts li:nth-child(odd) .posts_wrap{ width: 100%;height: auto;background: #fff;overflow: hidden;cursor: pointer;border-top-left-radius: 30px;border-top-right-radius: 30px; }
.popular_posts li:nth-child(even) .posts_wrap{ width: 100%;height: auto;cursor: pointer;background: #f6f6f6;overflow: hidden;border-top-left-radius: 30px;border-top-right-radius: 30px; }
.popular_posts li .posts_content{ position: relative;width: calc(100% - 52px);min-height: 36px;height: 44px;margin: 28px 30px 18px 22px;}
.popular_posts li .posts_content .posts_label{ padding: 0 4px;height: 21px;width: 110px;border: 2px solid #52b4e7;color: #52b4e7;font-size: 12px;line-height: 21px;border-radius: 4px;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%); }
.popular_posts li .posts_content .posts_title{ color: #000;font-size: 14px;width: calc(100% - 134px);line-height: 22px;cursor: pointer;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;position: absolute;top: 50%;right: 0;transform: translateY(-50%); }


.g_master{ width: 1582px;overflow:hidden;font-size:33px;font-weight:bold;color:#000;margin: 0 auto 20px;line-height: 33px;height: 33px;position: relative;background: #f6f6f6; }
.g_master .g_master_title{ width:210px;display:inline-block;text-align:left;letter-spacing: 8px;opacity: 0.6;text-indent: 23px; }
.g_master span{ height:2px;background:#c4c4c4;width:calc(100% - 210px);display:inline-block;position: absolute;top: 50%;transform: translateY(-50%); }
.g_master span:nth-child(1){left: 0}

.pupupTitle{ width: 80%;height: 26px;line-height: 26px;font-size: 24px;font-weight: bold;margin: 28px auto 0;color: #fff;padding-bottom: 24px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;float: left; }
.pupupTime{     font-size: 12px;
    line-height: 14px;
    height: 14px;
    color: #999999;
    margin-top: 10px; }

.pupupFollow{ float: right;
    width: 70px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    background: #50aedf;
    font-size: 14px;
    border-radius: 9px;
    margin: 5px 6px 0 0;
    cursor: pointer;}
.pupupFollow1{ background: #999999; }
.commentTitle{display: flex; place-content: space-evenly;}
.commentTitle,.commentListTitle{ font-size: 16px;line-height: 18px;width: calc(100% - 34px);margin: 0 auto 0px; padding-bottom: 20px;background: #fff; color: #fff;font-weight: bold; }
.commentTitleItem{ cursor: pointer;height: 20px; }
.commentTitleItem.act{ color: #52b4e7;border-bottom: 3px solid #52b4e7; }
.connectVideoTip{ display: flex;justify-content: space-between;font-size: 16px; }
.connectVideoTip .connectVideoTipR{ color: #999999; }
.connectVideoTip .connectVideoTipR span{ float: left; }
.commentPublish{ width: 100%;height: 64px;margin: 0 auto;overflow: hidden;position: absolute;bottom: 0;right: 0;border-top: 1px solid #999;background: #fff; }
.commentPublish .commentAvatar{ width: 58px;height: 58px;border-radius: 58px;overflow: hidden;margin-top: 22px;float: left; }
.commentPublish .commentAvatar img,.commentItem .commentAvatar img{ width: 100%;height: 100%;object-fit: cover; }
.commentPublish .commentText{ width: calc(100% - 120px);height: 40px;margin-left: 16px;border-radius: 8px;overflow: hidden;float: left;margin-top: 14px; }
.commentPublish .commentText textarea{ width: calc(100% - 28px);height: calc(100% - 24px);font-size: 16px;padding: 12px 14px;overflow: hidden;border: none;background: #e7e7e7;line-height: 16px; }
.commentPublish .commentText textarea:focus { border: none;outline: 0;border-width: none; }
.commentPublish .publish{ width: 70px;height: 40px;border-radius: 8px;line-height: 40px;text-align: center;color: #fff;background: #50aedf;float: right;margin-top: 13px;margin-right: 16px;cursor: pointer; }
.commentList{ width: calc(100% - 34px);margin: 0 auto;overflow: hidden; }
.commentList .commentItemWrap{ width: 100%;overflow: hidden;color: #999999; }
.commentList .commentItem{ width: 100%;overflow: hidden;color: #999999;margin-top: 20px; }
.commentList .commentItem:first-child{ margin-top:0; }
.commentItem .commentAvatar{ width: 40px;height: 40px;border-radius: 20px;overflow: hidden;float: left; }
.commentItem .commentInfo{ width: calc(100% - 68px);overflow: hidden;margin-left: 10px;position: relative;float: left; }
.commentItem .commentWords span{ display: inline;font-size: 12px;line-height: 16px;white-space:pre-wrap;overflow: hidden;text-overflow:ellipsis;text-align: left;line-height: 16px;margin-top: 4px; }
.commentItem .commentWords .name{ max-width: 34%; }
.commentItem .commentWords{ font-size: 12px;color: #fff;line-height: 22px;height: auto;width: calc(100% - 40px); }
.commentItem .time{     font-size: 12px;
    line-height: 14px;
    height: 14px;
    margin-top: 2px; }
.commentItem .video_like{ position: absolute;bottom: -10px;right: 0; }
.commentItem .video_like .like_num{    width: auto;
    height: 35px;
    float: left;
    margin-top: 8px;
    color: #999999;
    font-size: 12px; }


.commentMore{ width: auto;line-height: 14px;font-size: 14px;color: #333;cursor: pointer;margin: 20px auto;text-align: center; }

.uiswitch {
  transform: scale(0.7);
  transform-origin: top right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 31px;
  width: 51px;
  position: relative;
  border-radius: 16px;
  cursor: pointer;
  outline: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: none;
  background-color: #e5e5e5;
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
}
 
.uiswitch::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 27px;
  width: 47px;
  content: ' ';
  position: absolute;
  left: 2px;
  top: 2px;
  background-color: #ffffff;
  border-radius: 16px;
  z-index: 1;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.uiswitch::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 27px;
  width: 27px;
  content: ' ';
  position: absolute;
  border-radius: 27px;
  background: #ffffff;
  z-index: 2;
  top: 2px;
  left: 2px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 4px 11px 0px rgba(0, 0, 0, 0.08), -1px 3px 3px 0px rgba(0, 0, 0, 0.14);
  -webkit-transition: -webkit-transform 300ms, width 280ms;
  -moz-transition: -moz-transform 300ms, width 280ms;
  transition: transform 300ms, width 280ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2);
  -moz-transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2);
  transition-timing-function: cubic-bezier(0.42, 0.8, 0.58, 1.2);
}
 
.uiswitch:checked {
  background-color: #52b4e7;
  background-image: -webkit-linear-gradient(-90deg, #52b4e7 0%, #52b4e7 100%);
  background-image: linear-gradient(-180deg,#52b4e7 0%, #52b4e7 100%);
}
 
.uiswitch:checked::after {
  -webkit-transform: translate3d(16px, 0, 0);
  -moz-transform: translate3d(16px, 0, 0);
  -ms-transform: translate3d(16px, 0, 0);
  -o-transform: translate3d(16px, 0, 0);
  transform: translate3d(16px, 0, 0);
  right: 18px;
  left: inherit;
}
 
.uiswitch:active::after {
  width: 35px;
}
 
.uiswitch:checked::before, .uiswitch:active::before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
 
.uiswitch:disabled {
  opacity: 0.5;
  cursor: default;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.uiswitch:disabled:active::before, .uiswitch:disabled:active::after, .uiswitch:disabled:checked:active::before, .uiswitch:disabled:checked::before {
  width: 27px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.uiswitch:disabled:active::before {
  height: 27px;
  width: 41px;
  -webkit-transform: translate3d(6px, 0, 0);
  -moz-transform: translate3d(6px, 0, 0);
  -ms-transform: translate3d(6px, 0, 0);
  -o-transform: translate3d(6px, 0, 0);
  transform: translate3d(6px, 0, 0);
}

.uiswitch:disabled:checked:active::before {
  height: 27px;
  width: 27px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.uiswitch {
  background-color: #e5e5e5;
}

.uiswitch::before {
  background-color: #ffffff;
}

.uiswitch::after {
  background: #ffffff;
}

.uiswitch:checked {
  background-color: #52b4e7;
  background-image: -webkit-linear-gradient(-90deg, #52b4e7 0%, #52b4e7 100%);
  background-image: linear-gradient(-180deg,#52b4e7 0%, #52b4e7 100%);
}

.main_user{ width: 100%;margin: 0 auto;overflow: hidden;background: #f6f6f6; }
.mainWrap{ width: 1556px;margin: 40px auto 100px;overflow: hidden; }
.user_info{ background: url(../images/user_info/user_bg.png) no-repeat;color: #000;position: relative;width: 300px;height: calc(100vh + 47px);min-height: 1152px; float: left; }
.user_setting_wrap{ width: 1600px;margin: 0 auto;position: relative; }
.user_info .user_avatar{ width: 100px;height: 100px;border-radius: 100px;margin: 40px auto 0;overflow: hidden; }
.user_info .user_avatar img{ width: 100%;height: 100%;object-fit: cover; }
.user_info .user_name{ text-align: center;width: 70%;margin-left: 15%;line-height: 55px;font-size: 24px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; }
.user_info .user_list{ margin: 6px auto;overflow: hidden;width: 100%;height: 60px;position: relative; }
.user_info .user_list ul{ height: 60px;width: 218px;overflow: hidden;position: absolute;top: 0;left: 50%;transform: translateX(-50%); }
.user_list li{ width: 108px;float: left;text-align: center;position: relative; }
.user_list li .line{ width: 1px;height: 40px;background: #626161;position: absolute;right: 0;top: 12px; }
.user_list li .follow,.user_list li .fans,.user_list li .news{ font-size: 14px;line-height: 30px; }
.user_list li .follow_num,.user_list li .fans_num,.user_list li .news_num{ font-size: 14px;line-height: 30px; }
.user_info .user_describe{ width: 70%;margin: 18px auto 20px;text-align: center;font-size: 14px;line-height: 36px;height: 72px;position: relative;overflow: hidden; }
.user_describe .describe_tip{ position: absolute;top: 0;left: 0; }
.user_describe .describe_words{ outline: none; width: 92%;text-align: left; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.user_describe a{ position: absolute;top: 46px;right: 0; }
.user_info .user_info_line{ background: #3f3f3f;width: 100%;height: 1px;margin: 22px 0 8px;float: left; }
.user_info .user_sectitle{ padding-top: 32px;width: 100%;overflow: hidden; }
.user_sectitle .worksWrap,.user_sectitle .myfollowWrap,.user_sectitle .myorderWrap,
.user_sectitle .myfansWrap,.user_sectitle .messageWrap,
.user_sectitle .settingWrap,.user_sectitle .works-upload{ width: 100%;height: 70px;position: relative;float: left;cursor: pointer;font-size: 14px; }
.user_sectitle .user_info_line{ margin: 46px 0 37px;float: left; }
.user_sectitle .worksWrap .works_icon,.user_sectitle .myfollowWrap .myfollow_icon,.user_sectitle .myorderWrap .myorder_icon,
.user_sectitle .myfansWrap .myfans_icon,.user_sectitle .messageWrap .message_icon,
.user_sectitle .settingWrap .setting_icon,.user_sectitle .works-upload .works_icon{ position: absolute;top: 50%;left: 67px;transform: translateY(-50%); }
.user_sectitle .worksWrap .works,.user_sectitle .myfollowWrap .myfollow,.user_sectitle .myorderWrap .myorder,
.user_sectitle .myfansWrap .myfans,.user_sectitle .messageWrap .message,
.user_sectitle .settingWrap .setting,.user_sectitle .works-upload .works{ position: absolute;top: 50%;left: 104px;transform: translateY(-50%); }
.user_sectitle .act{ background: #000;color: #fff; }

.new_hot_title{ width: 1200px;height: 47px;font-size: 18px;overflow: hidden;color: #000;margin-left: 30px;float: left; }
.new_hot_title .new_hot_title_item{ width: auto;font-size: 18px;line-height: 40px;cursor: pointer;color: #000;float: left;position: relative;padding: 0 6px;border-radius: 5px; }
.new_hot_title .new_hot_title_line{ width: 1px;height: 20px;background: #000;float: left;margin: 10px 0px 10px 18px; }
/*.new_hot_title .act:after{ content:""; display: block; background: #b11600;width: 100%; height: 4px; position: absolute; bottom: -7px; left: 0;}*/
.new_hot_title .act{  color: #000;background: #ddd; }

.fansItem{ padding: 40px 39px 40px 39px;float: left;overflow: hidden;position: relative;width: 284px;height: 100px;color: #000;border-bottom: 1px solid #3f3f3f; }
.fansItem .fansAvatar{ width: 100px;height: 100px;border-radius: 100px;position: absolute;top: 40px;left: 39px;overflow: hidden; }
.fansItem .fansAvatar img{ width: 100%; }
.fansItem .fansName{ font-size: 18px;line-height: 24px;position: absolute;top: 47px;left: 170px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;max-width: 120px; }
.fansItem .fansInfo{ font-size: 16px;line-height: 20px;position: absolute;top: 78px;left: 169px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;max-width: 190px; }
.fansItem .fansFollow{ width: 91px;height: 32px;line-height: 32px;font-size: 14px;background: #000;color: #fff;border-radius: 8px;text-align: center;position: absolute;top: 110px;left: 166px;cursor: pointer; }
.fansItem .act{ background: #ddd;color: #000; }
.fansItem:nth-child(3n-2){ margin-left: 28px; }
.fansItem:nth-child(3n){ margin-right: 28px;padding-left: 119px; }

.cancellationWrap{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0, 0, 0, 0.6); }
.cancellation{     max-width: 600px;
    position: fixed;
    margin: auto;
    overflow: hidden;
    z-index: 9002;
    display: flex;
    flex-direction: column;    padding: 20px;
    border-width: 1px;
    border-color: rgb(229, 229, 229);
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    border-style: solid;
    color: rgb(87, 87, 87);
    font-size: 14px;
    inset: 0px;
    width: 550px;
    height: 330px; }
.cancellation .close{  }

.concernItem{ margin: 10px 28px 0;padding-bottom: 40px; float: left;overflow: hidden;position: relative;width: 1166px;height: 170px;color: #000;border-bottom: 1px solid #3f3f3f; }
.concernItem .concernAvatar{ width: 100px;height: 100px;border-radius: 100px;position: absolute;top: 50px;left: 0;overflow: hidden; }
.concernItem .concernAvatar img{ width: 100%; }
.concernItem .concernName{ font-size: 18px;line-height: 24px;position: absolute;top: 50px;left: 124px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;max-width: 120px; }
.concernItem .concernInfo{ font-size: 16px;line-height: 20px;position: absolute;top: 82px;left: 124px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;max-width: 190px; }
.concernItem .concernFollow{ width: 106px;height: 32px;line-height: 32px;font-size: 14px;background: #000;color: #fff;border-radius: 8px;text-align: center;position: absolute;top: 120px;left: 124px;cursor: pointer; }
.concernItem .act{ background: #ddd;color: #000; }
.concernItem .worksList{ width: 894px;height: 158px;position: absolute;top: 25px;left: 284px;overflow: hidden; }
.concernItem .worksList .worksListInner{ width: auto;height: 230px;overflow: hidden; }
.concernItem:nth-child(1){margin-top: -20px;}
.worksListInner::-webkit-scrollbar
{
    /*滚动条整体样式*/
    width: 8px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.worksListInner::-webkit-scrollbar-thumb
{
    /*滚动条里面小方块*/
    border-radius: 10px;
    background: #9e9e9e;
    box-shadow: inset 0 0 5px rgba(0, 122, 204);
}
.worksListInner::-webkit-scrollbar-track
{
    border-radius: 10px;
    background: #ededed;
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);
}

.concernItem .worksList .worksListInnerWrap{ width: auto;height: 230px; }
.concernItem .worksList .worksItem{ width: 260px;height: 158px;float: left;margin: 0 5px;cursor: pointer; }
.concernItem .worksList .worksItem img{ width: 100%;height: 100%;object-fit: cover; }
.concernItem .concernArr{ width: 22px;height: 41px;position: absolute;top: 120px;right: 0; }
.concernItem .concernArr img{ width: 100%; }

.newsItem{ padding: 38px 0;margin: 0 32px;font-size: 18px;float: left;overflow: hidden;position: relative;width: 1166px;height: auto;color: #000;border-bottom: 1px solid #3f3f3f; }
.newsItem .newsAvatar{ width: 45px;height: 45px;border-radius: 45px;float: left;overflow: hidden; }
.newsItem .newsAvatar img{ width: 100%; }
.newsItem .newsName{ line-height: 18px;float: left;margin-left: 22px;margin-top: 4px; }
.newsItem .newsTime{ line-height: 18px;float: left;margin-left: 28px;margin-top: 4px;color: #999999; }
.newsItem .newsWords{ line-height: 38px;width: 85%;margin-top: 20px;margin-left: 22px;float: left;word-break: break-all;white-space: pre-wrap; }

.payCover_title div{ background: #fff;color: #252525; }
.payCover_title .act{ background: #52b4e7;color: #fff; }
.payCover_code input{ background: none;border: none;outline:none;-webkit-tap-highlight-color:transparent;appearance:none;-moz-appearance:none;-webkit-appearance: none;box-shadow:none }
.coupon_list{ margin-left: 60px;padding-bottom: 160px; }
.coupon_list li{ margin: 12px;width: 296px;height: 100px;border: 2px solid #c0c0c0;border-radius:14px;background: #fff;float: left;position: relative;cursor: pointer; }
.coupon_list li.act{ border: 2px solid #52b4e7;background: #f0f8fc; }

.swiper_btn{ height: 87px;display: block; }
.swiper_btn1{ display: none;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 9;height: 21px;pointer-events: none; }
.swiper_btn1 .s_dot_wrap{position: absolute;bottom: 0;left:50%;transform: translate(-50%,0);}
.swiper_btn1 .s_dot_wrap .s_dot{ width: 8px;height: 8px;border-radius: 8px;background: #d1d1d2;float: left;margin: 8px 4px; }
.swiper_btn1 .s_dot_wrap .act{ background: #251b18; }

.label_wrap_w{ overflow: hidden; }
.label_wrap{ box-shadow: none;background: #fff;border: 1px solid #eeecec;border-radius: 8px;position: relative;z-index: 2; }
.label_wrap_bg{ width: 120px;height: 100%;background: #f9f9f9;position: absolute;top: 0;left: 0;border-right: 1px solid #eeecec; }
.label_wrap .label_i .act{ background: #e5e5e5; }
.label_wrap .label{ border-bottom: 1px solid #eeecec; }
.label_wrap .label_i li, .label_wrap .equipment_i li, .label_wrap .equipment_ul li{ padding: 4px 8px; }
.label_wrap .label_i, .label_wrap .equipment_i, .label_wrap .equipment_ul{ margin-top: 0; }
.label_wrap .equipment_ul li{ height: 26px; }
.equipment_more,.label_more{
    font-size: 12px;
    height: 20px;
    border-radius: 4px;
    text-align: center;
    line-height: 20px;
    color: #000;
    padding: 0 12px;
    cursor: pointer;
    border: 1px solid #999;
    position: absolute;
    top: 7px;right: 0;
}
.label_more{ top: 8px; }
.equipment_more span,.label_more span{
    transform: rotateZ(90deg);
    display: block;
    float: right;
    margin-right: -5px;
    margin-left: 4px;
}

.equipment_more .act,.label_more .act{ transform: rotateZ(-90deg); }
.label_wrap .equipment_i_act{ height:28px;margin-left:4px;width:calc(100% - 280px);padding:0;background:none;border-radius:0; }
/*.label_wrap .equipment_i_act1{ height:auto;margin-left:130px;margin-top:-2px;margin-bottom: 2px;padding: 5px 5px 8px 5px;background:#fff;box-shadow: 1px 1px 4px rgba(0,0,0,0.2);border-radius:5px;width: calc(100% - 354px); }*/
.label_wrap .equipment_i_act1{ height:auto;margin-left:121px;margin-top:1px;margin-bottom: 2px;padding: 5px 5px 8px 5px;background:#fff;box-shadow: 1px 1px 4px rgba(0,0,0,0.2);border-radius:5px;width: calc(100% - 354px); }
.sift_wrap{ width: 108px;height: 20px;line-height: 20px;border-radius: 4px;font-size: 12px;border: 1px solid #999;color: #000;display: flex;justify-content: space-between;position: absolute;top: 7px;right: 80px; }
.sift_wrap .sift_icon{ width: 12px;height: 100%;display: flex;align-items: center; }
.sift_wrap .sift{ width: 78px; }

.tips-container {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 999;
}
.tips-container .tips-content {
  padding: 12px 8px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 4px 8px #000000;
  box-shadow: 0 4px 8px #000000;
  z-index: 1060;
}
.tips-container .tips-content .por-row {
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
}
.tips-container .tips-content .por-row .por-col-24 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.tips-container .tips-content .por-row .por-col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333333%;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.tips-container .tips-content .por-row .por-col,
.tips-container .tips-content .por-row [class^=por-col-] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.tips-container .tips-content .por-row .qrCode {
  width: 120px;
  height: 120px;
  padding: 0 8px;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tips-container .tips-content .por-row .qrCode + div {
  margin-top: 8px;
  max-width: 136px;
  font-size: 12px;
  color: #252b3a;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.tips-container .arrow {
  position: absolute;
  left: 50px;
  border: 6px solid transparent;
  border-top-color: #fff;
}

#vlist{ padding-bottom: 45px;}

.headercont{ width: 1400px; }

/*.__wrap_foot{ margin-top: -180px; }*/
.___wrap{ height: 1020px;position: relative; }

@media screen and (max-width:1600px){
/*.video_List .video_sectitle a:after{ display: none; }*/
.user_setting_wrap{ width: 1400px; }
/*.g_master{ width: 1304px; }*/
.g_master .g_master_title{ text-indent: 17px; }
.hot_box1{ position:relative; width:1314px; margin:0 auto; padding:20px 0 10px 0;}
.hot_ul1 li{ width: 321px; }
.hot_ul1 li .creator_v .creator_v_p img{ height: 190px; }
.home_box{ position:relative; width:1582px; margin:0 auto;  padding:20px 0 10px 0;}
.__wrap{ transform: translate(-50%,-50%) scale(0.9) }
/*.__wrap_foot{ margin-top: -260px; }*/
.___wrap{ height: 922px;overflow: hidden; }
/*.container_kv{ margin: 0 auto;width: 1304px; }*/
/*.popular_posts li .posts_content{ margin: 29px 30px 20px 22px;}
.popular_posts .popular_posts_scroll{ margin-top:82px;height: calc(100% - 82px);max-height:457px; }
.popular_posts li:nth-child(odd) .posts_wrap{ border-top-left-radius: 26px;border-top-right-radius: 26px; }
.popular_posts li:nth-child(even) .posts_wrap{ border-top-left-radius: 26px;border-top-right-radius: 26px; }
.popular_posts{ max-height:539px;border-bottom-left-radius: 26px;border-bottom-right-radius: 26px; }*/
.Videopupup1_wrap .left_box{ width:calc(100% - 340px); }
.Videopupup1_wrap .right_box{ width:340px; }
#payCover { width:calc(100% - 340px); }
.list_box1 .list_box1_bottom{ height: 77px; }
.list_box1 .activityTitle{ font-size: 18px;line-height: 18px; }
.list_box1 .activityBottom .activityTime{ line-height: 40px;font-size: 14px;width: calc(100% - 110px); }
.list_box1 .activityBottom .activityBtn{ width: 100px;height: 40px;line-height: 40px;font-size: 16px; }
.list_box1 .list_box1_top{ height: 323px; }
.list_box1 .list_box1_top2{ height: 236px; }
.list_box1 .list_box1_top1{ height: 280px; }
.list_box1 .list_box1_top .list_box1_cover{ height: 323px; }
.list_box1 .list_box1_top1 .list_box1_cover{ height: 280px; }
.list_box1 .list_box1_top2 .list_box1_cover{ height: 236px; }
.video_crumbs{ width: 1280px; }
}
@media screen and (max-width:1400px){
/*.video_List .video_sectitle a:after{ display: none; }*/
/*.video_List .video_sectitle a .video_inner{ left: -54%; }*/
.user_setting_wrap{ width: 90%; }

.hot_box1{ position:relative; width:1218px; margin:0 auto; padding:20px 0 10px 0;}
.home_box{ width:1582px;}
.hot_ul1 li{ width: 297px; }
.hot_ul1 li .creator_v .creator_v_p img{ height: 174px; }
/*.g_master{ width: 1208px; }*/
.g_master .g_master_title{ text-indent: 24px; }
.__wrap{ transform: translate(-50%,-50%) scale(0.76) }
/*.__wrap_foot{ margin-top: -260px; }*/
.___wrap{ height: 790px;overflow: hidden; }
/*.popular_posts li:nth-child(odd) .posts_wrap{ border-top-left-radius: 24px;border-top-right-radius: 24px; }
.popular_posts li:nth-child(even) .posts_wrap{ border-top-left-radius: 24px;border-top-right-radius: 24px; }
.popular_posts li .posts_content{ margin: 28px 30px 20px 22px;}
.popular_posts .popular_posts_scroll{ margin-top:76px;height: calc(100% - 76px);max-height:459px; }
.popular_posts{ max-height:535px;border-bottom-left-radius: 24px;border-bottom-right-radius: 24px; }*/
/*.container_kv{ margin: 0 auto;width: 1208px; }*/
/*.popular_posts .popular_posts_scroll{ margin-top:75px;height: calc(100% - 75px);max-height:459px; }*/
.list_box1 .list_box1_bottom{ height: 78px; }
.list_box1 .activityTitle{ font-size: 16px;line-height: 16px; }
.list_box1 .activityBottom .activityTime{ line-height: 30px;font-size: 14px;width: calc(100% - 80px); }
.list_box1 .activityBottom .activityBtn{ width: 70px;height: 30px;line-height: 30px;font-size: 14px; }
.label_wrap .equipment_ul li{padding: 0 8px;}
.list_box1 .list_box1_top{ height: 304px; }
.list_box1 .list_box1_top1{ height: 261px; }
.list_box1 .list_box1_top2{ height: 217px; }
.list_box1 .list_box1_top .list_box1_cover{ height: 304px; }
.list_box1 .list_box1_top1 .list_box1_cover{ height: 261px; }
.list_box1 .list_box1_top2 .list_box1_cover{ height: 217px; }
.video_crumbs{ width: 1180px; }
}
@media screen and (max-width:1100px){
.video_sectitle{ width: 1100px;}
.__wrap{ transform: translate(-50%,-50%) scale(0.6) }
.hot_ul1 li{ width: 293px; }
.hot_ul1 li .creator_v .creator_v_p img{ height: 174px; }
/*.__wrap_foot{ margin-top: -260px; }*/
.___wrap{ height: 598px;overflow: hidden; }
.nav_cafe{ display: block; }
}



@media screen and (max-width:800px){
.container_kv{background: #f6f6f6;}
.video_List .video_sectitle .video_inner_wrap{ width: 84px; }
.video_sectitle_search{ width: 14px; }
.video_sectitle_search img{ top: 6px;left: 2px; }
.video_sectitle{ width: auto;}
.Videopupup1_wrap .left_box{ width:100%; }
.Videopupup1_wrap .right_box{ display: none; }
#payCover { width:100%; }
.kv_list{ width: 25%;}
.user_info .user_list ul{ width: 100%; }
.user_info .user_describe{ font-size: 16px; }
/*.video_List .video_sectitle a:after{ display: none; }*/
.video_List .video_sectitle>a{ margin: 0 8px; padding-bottom: 6px; display: inline-block;}
.video_List .user_sectitle a:after{ width: 100%; bottom: -8px;}
.video_List .user_sectitle>a{ margin: 0 10px; padding-bottom: 6px; display: inline-block;}
.video_List .video_sectitle a{ font-size: 16px; }
.video_List .video_sectitle a .video_inner{ font-size: 12px; }
.video_List .video_sectitle a .video_inner .inner_title{ padding-top: 10px;padding-bottom: 8px;font-weight: bold;color: #52b4e7;position: relative; }
.video_List .video_sectitle a .video_inner .inner_title img{ position: absolute;top: 16px;right: 2px; }
.video_List .video_sectitle a .video_inner li{ padding: 6px 0;font-size: 12px; }
#vlist-s1 li:nth-child(1){ margin-top: 0; }
.video_crumbs{ width: 100%; }
.__wrap{ transform: translate(-50%,-50%) scale(0.4) }
/*.__wrap_foot{ margin-top: -260px; }*/
.___wrap{ height: 350px;overflow: hidden; }
.hot_box1,.hot_ul1 { width: 100%; }
.hot_ul1 li{ width: 100%;margin: 3% 1% 0;width: 98%; }

  .label_wrap_bg{ width:94px; }
  .label_wrap .equipment_i_act{ width:calc(100% - 288px) !important; }
  .label_wrap .label .label_title,.label_wrap .equipment .equipment_title{ width:80px; }
  .label_wrap .equipment .equipment_icon,.label_wrap .label .label_icon{ width:26px; }
  .label_wrap .equipment .equipment_t,.label_wrap .label .label_t{ line-height: 26px;width:50px; }
  .label_wrap .equipment_i_act1{ width:calc(100% - 154px) !important; }
  .label_wrap .equipment_ul{ width:calc(100% - 230px) !important; }

}
@media screen and (max-width: 600px){
.loginpupup .login_wrap{ transform: scale(0.5); }
    .equipment_i,.label_i{ width: calc(100% - 280px); }
    .equipment_more,.label_more{ right: 0; }
    .hot_box1{ width: 100%; }
    /*.video_List .video_sectitle a:after{ display: none; }*/
    .video_List .video_sectitle .video_inner_wrap{width: 76px;}
    .video_List .video_sectitle a{ padding: 4px 4px;font-size: 12px; }
    .swiper_btn{ height: 21px; }
    .swiper_btn .s_prev1{width: 11px;height: 21px;background: url(../images/index/prevbtn.png) no-repeat;position: absolute;left: -3%; top: 0;cursor: pointer;}
    .swiper_btn .s_next1{width: 11px;height: 21px;background: url(../images/index/nextbtn.png) no-repeat;position: absolute;right: -3%;top: 0;cursor: pointer;}
    .recommend_title{ font-size: 20px;height: 50px;line-height: 50px;text-align: center;color: #fff; }
    .swiper-container .swiper-slide{     width: 100%; }
    .swiper_btn,.container_kv{ display: none; }
    .swiper_btn1,.container_kv1{ display: block; }
    .container_kv1{ width: 76%;margin: 0 auto; }
    .hot_ul2 li { margin: 10px 0.5959%; width: 100% !important; }
    .popular_posts{ width: 100%;margin-top: 10px; }
    .popular_posts .popular_posts_scroll{ height: calc(100% - 85px);margin-top: 85px; }
    .g_master{ font-size: 24px;width: calc(100% - 30px); }
    .g_master .g_master_title{ width: 160px;text-indent: 12px; }
    .g_master span{ width: calc(100% - 160px); }
.__wrap{ position: static;width: 100%;
    transform: none;}
.home_box{position:relative; margin:0 auto; overflow:hidden; padding:10px 0 10px 0;padding-top: 0;
    overflow: hidden;
    width: 100%;}
    .home_box .hot_ul2{ width: 98.4% !important; }
/*.__wrap_foot{ margin-top: -260px; }*/
.___wrap{ height: auto;overflow: hidden;    width: 100%; }
.nav_cafe{ display: none; }
  .label_wrap_bg{ width:94px; }
  .label_wrap .equipment_i_act{ width:calc(100% - 288px) !important; }
  .label_wrap .label .label_title,.label_wrap .equipment .equipment_title{ width:80px; }
  .label_wrap .equipment .equipment_icon,.label_wrap .label .label_icon{ width:26px; }
  .label_wrap .equipment .equipment_t,.label_wrap .label .label_t{ line-height: 26px;width:50px; }
  .label_wrap .equipment_i_act1{ width:calc(100% - 154px) !important; }
  .label_wrap .equipment_ul{width: calc(100% - 230px) !important;}
}

@media screen and (max-width:400px){
.home_box{position:relative; width:96%; margin:0 auto; overflow:hidden; padding:10px 0 10px 0;}
/*.video_List .video_sectitle a:after{ display: none; }*/
.video_List .video_sectitle>a{ margin: 0 4px; padding-bottom: 6px; display: inline-block;}
/*.video_List .video_sectitle a .video_inner{ left: -20%; }*/
}


@-webkit-keyframes loading-ani /*Safari and Chrome*/
{
    from { transform: rotateZ(0); }
    to { transform: rotateZ(360deg); }
}

.loading-ani{
    animation:loading-ani 1s infinite linear;
}