html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 62.5%;font-family: sans-serif;color:#333;
    -webkit-font-smoothing: antialiased;  /*chrome、safari ios字体抗锯齿,使用后字体看起来会更清晰*/
    -moz-osx-font-smoothing: grayscale;/*firefox ios字体抗锯齿,使用后字体看起来会更清晰*/}
body{-webkit-overflow-scrolling: touch;background:#F5F5F5;margin:0;}
input[type="submit"],input[type="reset"],input[type="button"],input,textarea{-webkit-appearance:none; resize: none;border: none;}
img{max-width:100%;border:none;}
ul,li{list-style: none;margin:0;padding: 0;}
a{text-decoration: none;color:#333;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.dn{display: none;}
.db{display: block;}
.dib{display: inline-block;vertical-align: middle;}
.clearfix:after{content:".";display:block;overflow:hidden;height:0;clear:both;visibility:hidden;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 255, 255, 0);border-radius: 2px;background-color: #fff;}
::-webkit-scrollbar{width: 2px;height:5px;background-color: #fff;}
::-webkit-scrollbar-thumb{border-radius: 2px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #fff;}
@media screen and (max-width: 321px) {
    body{font-size:14px;}
}
@media screen and (min-width: 321px) and (max-width:400px) {
    body{font-size:16px;}
}
@media screen and (min-width: 400px) {
    body{font-size:18px;}
}

.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.nowrap2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nowrap3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ms_body{min-width:320px;max-width: 640px;margin:auto;}

/*圈子等资讯列表页头部*/
#topNav{width:100%;min-width:320px;max-width:640px;border-bottom:1px solid #f8f8f8;background:#fff;position:fixed;top:0;overflow:hidden;}
#topNav .swiper-slide{display: inline-block;width: auto;margin: 0 5px;padding:10px 5px;text-align:center;position: relative;}
#topNav .swiper-slide span{transition:all .3s ease;display:block;}
#topNav .swiper-slide:after{content: '';width: 50%;height: 2px;background: #fff;position: absolute;left: 50%;margin-left: -25%;bottom: 0%;
/*#topNav .swiper-slide:after{content: '';width: 30px;height: 20px;position: absolute;left: 50%;margin-left: -15px;bottom: 0%;*/
    /*background: radial-gradient(rgba(45,131,239, .9) 10%, rgba(137, 255, 220, .4) 30%, rgba(0, 0, 0, 0) 60%);*/
}
#topNav .active:after{background: rgba(45,131,239,.7);border-radius: 10px;}
#topNav .active span{transform:scale(1.1);color:#2d83ef;}
.ms_cont{padding: 42px 3.2% 0;background: #fff;}
.zone_cont{padding: 0 3.2% 54px;background: #fff;}

/*首页以及其他页相同样式banner*/
.swiper-banner{width: 100%;height:0;margin:auto;padding-bottom: 56.25%;position: relative;background: rgba(0,0,0,.5);overflow: hidden;}
.swiper-banner .swiper-container{position: absolute;width: 100%;height: 100%;left: 0;right: 0;}
.swiper-banner .swiper-slide{
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: center;-ms-flex-pack: center;
    -webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;

    -webkit-align-items: center;align-items: center;
}
.swiper-banner .swiper-slide img{width:100%;height:100%;object-fit: cover;position: absolute;left:0;top: 0;}
.swiper-banner .swiper-slide div{width:95%;height: 36px;line-height: 36px;padding:0px 2.5%;background: rgba(0,0,0,.5);position:absolute;bottom:0px;font-size: 14px;color: #fff;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
/*.swiper-banner .swiper-slide div{width:70%;line-height: 36px;font-size: 14px;color: #fff;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;position: absolute;left: 3%;bottom:0;z-index: 3;}*/
.swiper-banner .swiper-pagination{/*width:100%;*/position: absolute;bottom: 10px;right: 5px;}
.swiper-banner .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 2px;border-radius: 100%;background: rgba(255,255,255,.3);opacity:1;}
.swiper-banner .swiper-pagination-bullet-active{background: #4D9AFB;}
/*.swiper-banner .swiper-bgcolor{width:100%;height:36px;background: rgba(0,0,0,.5);position:absolute;bottom:0px;z-index: 2;}*/

/*首页banner下面的栏目列表*/
.ms_index_nav{width: 93.6%;margin:10px auto;background: #fff;border-radius: 12px;text-align: center;overflow: hidden;}
.ms_index_nav a{width:23%;margin:10px 0;display: inline-block;vertical-align: middle;color: #333;font-size:14px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.ms_index_nav a div{width: 70%;height: 0;margin:0 auto 8px;padding-bottom:70%;border-radius:100%;position: relative;overflow: hidden;}
.ms_index_nav a div img{width: 50%;margin-top: 25%;}
.ms_index_nav a.a_color1 div{
    background: -webkit-linear-gradient(#4D9AFB, #67BEFE);
    background: -o-linear-gradient(#4D9AFB,#67BEFE);
    background: -moz-linear-gradient(#4D9AFB,#67BEFE);
    background: linear-gradient(#4D9AFB,#67BEFE);
}
.ms_index_nav a.a_color2 div{
    background: -webkit-linear-gradient(#54D7AB, #5EE7B4);
    background: -o-linear-gradient(#54D7AB,#5EE7B4);
    background: -moz-linear-gradient(#54D7AB,#5EE7B4);
    background: linear-gradient(#54D7AB,#5EE7B4);
}
.ms_index_nav a.a_color3 div{
    background: -webkit-linear-gradient(#F4C33C,#FAD33F);
    background: -o-linear-gradient(#F4C33C,#FAD33F);
    background: -moz-linear-gradient(#F4C33C,#FAD33F);
    background: linear-gradient(#F4C33C,#FAD33F);
}
.ms_index_nav a.a_color4 div{
    background: -webkit-linear-gradient(#FF5644,#FC7E63);
    background: -o-linear-gradient(#FF5644,#FC7E63);
    background: -moz-linear-gradient(#FF5644,#FC7E63);
    background: linear-gradient(#FF5644,#FC7E63);
}
/*活动页栏目列表*/
.ms_active_nav{width: 100%;margin: 0 auto 10px;padding:10px 0;background: #fff;text-align: center;overflow: hidden;}
.ms_active_nav a{width:24%;display: inline-block;vertical-align: middle;color: #333;font-size:14px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.ms_active_nav a div{width: 70%;height: 0;margin:auto;padding-bottom:70%;position: relative;overflow: hidden;}
.ms_active_nav a div img{width: 70%;margin-top: 15%;}

/*社区交流栏目列表*/
.ms_community_nav{width: 100%;margin: 0 auto 10px;padding:10px 0;background: #fff;text-align: left;overflow: hidden;}
.ms_community_nav a{width:24%;margin:10px 0;display: inline-block;vertical-align: middle;text-align:center;color: #333;font-size:14px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.ms_community_nav a div{width: 70%;height: 0;margin:0 auto 5px;padding-bottom:70%;position: relative;border-radius:18px;overflow: hidden;}
.ms_community_nav a div img{width: 50%;margin-top: 25%;}
.ms_community_nav a.a_color1 div{
    background: -webkit-linear-gradient(left top,#AB93FF, #8762FF);
    background: -o-linear-gradient(left top,#AB93FF, #8762FF);
    background: -moz-linear-gradient(left top,#AB93FF, #8762FF);
    background: linear-gradient(left top,#AB93FF, #8762FF);
}
.ms_community_nav a.a_color2 div{
    background: -webkit-linear-gradient(left top,#82F6C4,#41D191);
    background: -o-linear-gradient(left top,#82F6C4,#41D191);
    background: -moz-linear-gradient(left top,#82F6C4,#41D191);
    background: linear-gradient(left top,#82F6C4,#41D191);
}
.ms_community_nav a.a_color3 div{
    background: -webkit-linear-gradient(left top,#FBD388,#FEAF1E);
    background: -o-linear-gradient(left top,#FBD388,#FEAF1E);
    background: -moz-linear-gradient(left top,#FBD388,#FEAF1E);
    background: linear-gradient(left top,#FBD388,#FEAF1E);
}
.ms_community_nav a.a_color4 div{
    background: -webkit-linear-gradient(left top,#80CEFF,#2AACFF);
    background: -o-linear-gradient(left top,#80CEFF,#2AACFF);
    background: -moz-linear-gradient(left top,#80CEFF,#2AACFF);
    background: linear-gradient(left top,#80CEFF,#2AACFF);
}
.ms_community_nav a.a_color5 div{
    background: -webkit-linear-gradient(left top,#FFC78A,#FE9422);
    background: -o-linear-gradient(left top,#FFC78A,#FE9422);
    background: -moz-linear-gradient(left top,#FFC78A,#FE9422);
    background: linear-gradient(left top,#FFC78A,#FE9422);
}

.ms_active_title{width: 42.4%;padding:10px 28.8% 0;margin: auto;background: #fff;}
.ms_live_title{margin:10px auto 0;background:#fff;}
.ms_live_title div{margin:0 3.2%;padding: 10px 0 10px 12px;border-bottom:2px solid #F5F5F5;font-weight:600;color: #4D9AFB;position: relative;}
.ms_live_title div:before{content:'';width: 4px;height: 20px;background: #4D9AFB;position: absolute;left: 0;bottom: 10px;border-radius: 5px;}

.ms_live{width: 100%;height:0;margin:auto;padding-bottom: 56.25%;position: relative;overflow: hidden;background: rgba(0,0,0,1);}
.ms_live span{width: 100%;height: 100%;position: absolute;left: 0%;top: 0%;z-index:1;background: url("../img/play.png") no-repeat center;background-size: 15%;}
.ms_live div{width:96%;height:30px;line-height:30px;padding:0 2%;text-align:right;position: absolute;bottom: 0;background:rgba(0,0,0,.3);color:#fff;}
.ms_live img{position: absolute;width: 100%;height: 100%;left: 0;right: 0;}
.ms_live video{position: absolute;left: 0;right:0;width: 100%;height: 100%;margin:auto;}

/*首页、活动页列表*/
.ms_list{padding:5px 0 10px;background: #fff;}
.ms_list li{width:93.6%;padding:10px 0;margin: auto;border-bottom: 1px solid #eee;overflow: hidden;}
.ms_list li .left,.ms_list li .right{float: none;display: inline-block;vertical-align: middle;}
.ms_list li .left{width: 30%;height:0;padding-bottom:18%;/*padding-bottom:17%;*/position: relative;overflow: hidden;}
.ms_list li .left img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.ms_list li .right{width: 67%;margin-left: 3%;}
.ms_list li .right span{line-height: 1.3;/*color: #777;*/font-size: medium;}
.ms_list li .right p{margin:7px 0 4px;color: #888;}
.ms_list li .right div{margin-top: 5px;color: #A9A9A9;}

.ms_list2{padding:5px 0 10px;background: #fff;font-size: 14px;}
.ms_list2 li{width:93.6%;padding:10px 0;margin:8px auto;border-bottom: 2px solid #eee;overflow: hidden;}
.ms_list2 li .left{width:29.6%;height:0;padding-bottom:22.5%;background: #ccc;position: relative;overflow: hidden;}
.ms_list2 li .left img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.ms_list2 li .left span{padding:2px 5px;color:rgba(255,255,255,.9);background: rgba(0,0,0,.63);position: absolute;right: 0;bottom: 0;z-index: 1;}
.ms_list2 li .right{width: 66%;}
.ms_list2 li .right h3{margin:0;color: #666;font-weight: 600;}
.ms_list2 li .right div{margin-top:7px;color: #999;font-size: 13px;overflow: hidden;}

.ms_list3{padding: 10px 3.2%;background: #fff;}
.ms_list3 li{padding: 5px 0 5px 30px;font-size: large;background: url("../img/17_live.svg") no-repeat left center;}
.ms_list3 li a{color: #4D9AFB;}

/*直播页面选项卡样式*/
.live_box{}
.live_nav{margin-bottom:2px;background: #fff;}
.live_nav li{display:inline-block;margin:0 5px;padding:10px 8%;border-bottom: 2px solid #fff;}
.live_nav li.active{color: #4D9AFB;border-color:#4D9AFB;}
.live_con{width:100%;max-width:640px;height: 60%;position: absolute;overflow-y: scroll;}
.live_con .tab{height: 100%;overflow: hidden;}
.live_con .tab_inner{width:100%;height: 100%;overflow-y: scroll;background: #fff;}

.floor-box{width:100%;height: 100%;overflow-x: hidden;overflow-y: scroll;background: #fff;}
.floor-nav{width:55px;/*height: calc(62% - 45px);*/text-align:center;position:fixed;top: 40%;left:0;z-index:3;background: #fff;overflow-y: hidden;background: rgba(77,154,251,.08);}
/*.floor-nav:after{content: '';width: 1px;height: 100%;background: #efefef;position: absolute;right: 0;top: 0;}*/
.floor-nav .scroll-nav{display:block;width:100%;height:35px;line-height:35px;/*border-bottom: 1px solid #efefef;*/position: relative;}
.floor-nav .scroll-nav:after{content: '';width: 100%;height: 1px;background: #efefef;position: absolute;right: 0;bottom: 0;}
.floor-nav .scroll-nav:last-child:after{content: none;}
.floor-nav .scroll-nav.active{color:#fff;background:#4D9AFB;font-weight:700;}
.floor-nav .scroll-nav.active:after{background: #4D9AFB;}
.floor-con{width:calc(100% - 55px);margin-left: 55px;top: 0;}
.floor-con:after{content: '';width: 1px;height: 100%;background: #efefef;position: absolute;left: 55px;bottom: 0;}

.video-ul{color: #666;}
.video-ul dd{margin:0;line-height: 25px;padding: 5px 7px;position:relative;overflow: hidden;}
.video-ul dd span{float: right;/*width: 50px;*/padding: 0px 8px;text-align: center;border: 1px solid #efefef;border-radius: 3px;}
.video-ul dd.current{color: #d80001;}


/*互动*/
.interact{color: #888;}
.interact .time{padding: 8px 0;font-size: 12px;}
.interact .yellow{min-width: 36.5%;padding:10px 3%;margin:6px auto;display:table;background: #F6CF8B;color: #977437;border-radius: 3px}
.interact .yellow span{color: #FC605B;}
/*互动--聊天界面样式*/
.chat_page{height: calc(100% - 54px);padding:0 2% 50px;text-align: center;overflow-y: scroll;color: rgba(51,51,51,1);}
.chat{padding: 0px 2% 10px;margin:0 auto;overflow: hidden;}
.chat .headImg{width: 10%;float: left;height: 0;padding-bottom: 10%;border-radius:50%;position: relative;overflow: hidden;background:#fff;}
.chat .headImg img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.chat .info{width: 85%;float: left;}
.chat .info .name{line-height: 2;font-size: 13px;}
.chat .info .txt{padding: 10px;display:table;background: #fff;border-radius: 4px;}
.chat.other .headImg{}
.chat.other .info{margin-left:3%;text-align: left;}
.chat.my .headImg{margin-left:3%;float: right;}
.chat.my .info{float: left;}
.chat.my .info .name{text-align: right;}
.chat.my .info .txt{text-align: left;float: right;}
/*互动、介绍--打赏、点赞*/
.r_btn{width: 11%;position: fixed;right: 4%;bottom:10%;z-index:9;overflow: hidden;}
.r_btn div{width: 100%;height:0;margin:8px 0 0;padding-bottom: 100%;position: relative;border-radius:100%;text-align:center;background-size: 60%;overflow: hidden;}
.reward{background:url("../img/15_reward.svg") no-repeat center #F9BD38;}
.like{background: #FC605B;}
.like img{max-width: 50%;margin-top: 25%;}
.like{background:url("../img/16_like.svg") no-repeat center #FC605B;}
.like.active{background: url("../img/16_like_active2.svg") no-repeat center #FC605B;background-size: 80%;}
.comment{background:url("../img/22_comment.svg") no-repeat center #4C9BFB;}
/*互动--底部输入框*/
/*.ms_input{width: 100%;max-width:640px;margin:auto;padding:8px 0;text-align:center;background: #fff;position: fixed;bottom: 0;z-index: 9;}
.emoticon{width: 7.6%;height:0;padding-bottom: 7.6%;position: relative;overflow: hidden;}
.comment_text{width: 78%;padding:8px;margin-left:2px;border-radius:4px;background: #F1F1F1;text-align:left;color: #999;}*/
/*互动--点击底部输入框弹出层样式*/
.pop{width: 100%;height: 100%;background: rgba(0,0,0,.6);position: fixed;left: 0;top: 0;display: none;}
.inner_pop{width: 80%;height:191px;position: absolute;top: 50%;left:10%;margin-top:-95px;background: #fff;border-radius: 5px;text-align: center;}
.inner_pop p{padding: 0px 5px;margin: 10px 5% 8px;height:30px;line-height:30px;border-bottom: 1px solid #eee;}
.inner_pop textarea{display:block;width: 90%;height:100px;margin:auto;resize: none;color: #888;}
.inner_pop div{width:100%;border-top: 1px solid #eee;text-align: center;overflow: hidden;}
.inner_pop div span{display:block;width: 50%;height:40px;line-height:40px;float: left;position: relative;}
.inner_pop div span:first-child:after{content: '';position: absolute;width: 1px;height: 100%;background: #eee;right: 0;top: 0;}
.inner_pop div .send{color:#4D9AFB;}
/*介绍*/
.ms_num{margin:0 auto;padding:10px 0 15px;background: #fff;}
.ms_num li{width:32%;display: inline-block;text-align: center;font-size: 13px;}
.ms_num li div{width: 35%;height:0;padding-bottom: 35%;margin:8px auto;position: relative;border-radius:100%;text-align:center;background-size: 60%;overflow: hidden;}
.ms_text{padding: 10px 3.2%;background: #fff;overflow: hidden;}
.ms_text div,.ms_text p{padding: 5px 0;}
/*.ms_text b{font-weight: 600;color: #777;}*/
.ms_text p{font-size: larger;font-weight: 700;color:#555;}
.ms_text .time{background: url("../img/23_time.svg") no-repeat 5px center;background-size: 20px;padding-left:30px;}
.ms_text .detail{background: url("../img/24_giftbox.svg") no-repeat 5px center;background-size: 20px;padding-left:30px;}

/*朋友圈--头部列表*/
.swiper-friends{width:100%;height:42px;line-height:40px;position:fixed;left:0;top:0;z-index:999;background:#fff;border-bottom:2px solid #F5F5F5;overflow:hidden;}
.swiper-friends .swiper-slide{width:auto;height:calc(100% - 2px);padding:0 20px;border-bottom: 2px solid #fff;}
.swiper-friends .swiper-slide.swiper-slide-active{border-color: #4D9AFB;color: #4D9AFB;}
.swiper-friends-body{margin-top:47px;padding:0px 3.2% 10px;background: #fff;}

.swiper1{width:100%;height:42px;line-height:40px;position:absolute;left:0;top:0;z-index:999;background:#fff;border-bottom: 2px solid #F5F5F5;overflow:hidden;}
.swiper1 .selected{color:#ec5566;border-bottom:2px solid #ec5566}
.swiper1 .swiper-slide{
    width:auto;height:calc(100% - 2px);padding:0 10px;border-bottom: 2px solid #fff;
    /*text-align:center;font-size:16px;height:50px;*/
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;
    -webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;}
.swiper2{width:100%;line-height: 1.8;background: #fff;}
.swiper2 .swiper-slide{height:calc(100vh - 50px);box-sizing:border-box!important;overflow-x:hidden!important;}
.page_inner{padding: 50px 3.2%;}

/*朋友圈--列表*/
.ms_list4{margin:0 auto 15px;background: #fff;overflow: hidden;}
.ms_list4 li{margin: 10px auto;padding:5px 0;border-bottom: 1px solid #F0F0F0;}
.ms_list4 li .head{overflow: hidden;;}
.ms_list4 li .img{width: 14%;height: 0;padding-bottom:14%;float:left;margin-right:2%;position: relative;border-radius:50%;background:#ccc;overflow: hidden;}
.ms_list4 li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius:50%;}
.ms_list4 li .info{width: 84%;line-height:1.5;font-size:12px;color: #666;overflow: hidden;}
.ms_list4 li .info span{display: block;font-size: 16px;}
.ms_list4 li .des{padding: 5px 0;/*font-size: 15px;*/}
.ms_list4 li .pic{margin: 5px auto 10px;overflow: hidden;}
.ms_list4 li .pic span{display:block;overflow: hidden;}
.ms_list4 li .pic span img,
.ms_list4 li .pic span video{max-width: 100%;}
/*.ms_list4 li .pic span video{max-width: 100%;}*/
.ms_list4 li .pic span.w100{width: 100%;/*padding-bottom: 50% !important;float: none;margin: .5% 0;*/}

.ms_list4 li .pic span.w33{width: 32.33%;height:0;padding-bottom: 32.33%;float:left;margin: .5% .5% 0;position: relative;}
.ms_list4 li .pic span.w33 img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;}
.ms_list4 li .pic span.w50{width: 50%;}
.ms_list4 li .pic span.w25{width: 23.5%;}
.ms_list4 li .icon_num{text-align: center;color: #999;font-size: small;}
.ms_list4 li .icon_num span{width: 32%;/*padding:5px 0;*/}
.ms_list4 li .icon_num span img{max-width: 18%;margin-right:3px;vertical-align: middle;}
/*.ms_list4 li .icon_num .views{width: calc(32% - 25px);padding-left:25px;background: url("../img/18_views.svg") no-repeat left center powderblue;background-size: 19.9px;}*/
/*.ms_list4 li .icon_num .comments{width: calc(32% - 25px);padding-left:25px;background: url("../img/19_comments.svg") no-repeat center powderblue;background-clip: content-box; background-size: 19.9px;}*/
/*.ms_list4 li .icon_num .praise{width: 32%;background: url("../img/20_praise.svg") no-repeat center powderblue;background-clip: content-box; background-size: 19.9px;}*/
.ms_list4 li .icon_num .views{}
.ms_list4 li .icon_num .comments{}
.ms_list4 li .icon_num .praise{}
.ms_list4 li .icon_num_txt{font-size: small;padding: 0px 0 5px;overflow: hidden;}

/*发布*/
/*.ms_publish{width: 13%;height: 0;padding-bottom: 13%;background: url("../img/21_publish.svg") no-repeat center;background-size:100%;color: #fff;overflow: hidden;position: fixed;right: 4%;bottom: 8%;z-index: 9;}*/
.ms_publish{width: 13%;height: 0;padding-bottom: 13%;background:#4D9AFB;border-radius:100%;position: fixed;right: 4%;bottom: 8%;z-index: 9;}
.ms_publish .btn{width: 100%;height: 100%;position: absolute;background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M914.618 477.09H546.91V109.383c0-18.618-16.29-34.91-34.909-34.91s-34.91 16.292-34.91 34.91V477.09H109.383c-18.618 0-34.91 16.29-34.91 34.909s16.292 34.91 34.91 34.91H477.09v367.708c0 18.618 16.29 34.91 34.909 34.91s34.91-16.292 34.91-34.91V546.91h367.708c18.618 0 34.91-16.29 34.91-34.909s-16.292-34.91-34.91-34.91z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;background-size:70%;}
.ms_publish .camera,.ms_publish .video{
    opacity: 0;width:80%;height:80%;position: absolute;border-radius: 100%;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    transform:rotate(360deg) scale(0);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #4D9AFB;
    background-size: 60%;
}
.ms_publish.active .btn{background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M202.621 251.99L462.631 512l-260.01 260.01c-13.165 13.165-13.165 36.203 0 49.369s36.204 13.165 49.37 0L512 561.369l260.01 260.01c13.165 13.165 36.203 13.165 49.369 0s13.165-36.204 0-49.37L561.369 512l260.01-260.01c13.165-13.165 13.165-36.203 0-49.369s-36.204-13.165-49.37 0L512 462.631l-260.01-260.01c-13.165-13.165-36.203-13.165-49.369 0s-13.165 36.204 0 49.37z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;background-size:70%;}
.ms_publish.active div{opacity: 1;transform: rotate(0deg) scale(1);}
.ms_publish.active .camera{top: -25%;left: -100%;}
.ms_publish.active .video{top: -100%;}
.ms_publish .camera{top: 0;left: 0;background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1280 1024' xmlns='http://www.w3.org/2000/svg' width='125' height='100'%3E%3Cpath d='M384.256 134.944A32 32 0 0 1 353.024 160H159.84A95.744 95.744 0 0 0 64 255.936v608.128A95.936 95.936 0 0 0 159.84 960h960.32a95.744 95.744 0 0 0 95.84-95.936V255.936A95.936 95.936 0 0 0 1120.16 160H926.976a32 32 0 0 1-31.232-25.056l-14.368-64.512c-.64-2.88-5.024-6.432-7.776-6.432H406.4c-2.72 0-7.168 3.584-7.808 6.432l-14.336 64.512zM327.36 96l8.768-39.456C343.264 24.544 373.568 0 406.4 0h467.2c32.768 0 63.104 24.384 70.272 56.544L952.64 96h167.52A159.936 159.936 0 0 1 1280 255.936v608.128A159.744 159.744 0 0 1 1120.16 1024H159.84A159.936 159.936 0 0 1 0 864.064V255.936A159.744 159.744 0 0 1 159.84 96h167.52z' fill='%23fff'/%3E%3Cpath d='M640 832a288 288 0 1 1 0-576 288 288 0 0 1 0 576zm0-64a224 224 0 1 0 0-448 224 224 0 0 0 0 448zM976.928 269.184h135.52v67.776h-135.52v-67.776z' fill='%23fff'/%3E%3C/svg%3E");}
.ms_publish .video{top: 0;background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1319 1024' xmlns='http://www.w3.org/2000/svg' width='128.809' height='100'%3E%3Cpath d='M861.924 56.901a150.859 150.859 0 0 1 34.132 3.371 115.462 115.462 0 0 1 45.51 24.02 129.79 129.79 0 0 1 42.14 72.48 221.653 221.653 0 0 1 3.371 58.152v67.423l134.846-97.763 33.712-24.441 2.95-2.107a72.058 72.058 0 0 1 27.812-15.17 51.831 51.831 0 0 1 13.484 0 61.523 61.523 0 0 1 36.662 13.063 81.329 81.329 0 0 1 24.862 70.794V797.29a80.908 80.908 0 0 1-26.127 72.058 62.366 62.366 0 0 1-36.24 11.8 53.096 53.096 0 0 1-20.226-3.793 80.065 80.065 0 0 1-21.491-13.485l-2.95-2.528-33.29-24.02-134.004-97.763v68.687a225.024 225.024 0 0 1-3.792 60.681 128.947 128.947 0 0 1-42.14 69.951 116.305 116.305 0 0 1-45.089 23.599 136.532 136.532 0 0 1-32.447 3.37H190.643a161.394 161.394 0 0 1-63.209-10.113 126.418 126.418 0 0 1-70.373-101.977v-619.87A265.478 265.478 0 0 1 68.018 126.43a119.676 119.676 0 0 1 64.894-61.945 74.587 74.587 0 0 1 19.806-4.214h4.214l5.478-2.107h699.514M388.277 713.011l339.222-176.985V488.83L388.277 311.844v401.167M861.924.013H152.296l-8.428 4.214a123.89 123.89 0 0 0-30.34 7.164 175.721 175.721 0 0 0-95.235 93.128A313.096 313.096 0 0 0 1.016 235.15v628.298a214.068 214.068 0 0 0 33.711 86.807 161.394 161.394 0 0 0 69.11 57.731 207.747 207.747 0 0 0 84.278 13.485h674.23a183.306 183.306 0 0 0 45.089-4.636 168.558 168.558 0 0 0 65.316-33.711 185.413 185.413 0 0 0 63.21-98.185 202.69 202.69 0 0 0 5.477-34.976l48.882 35.397 32.447 23.598a137.374 137.374 0 0 0 34.976 21.913 106.191 106.191 0 0 0 40.032 8.006 114.62 114.62 0 0 0 111.248-88.914 205.219 205.219 0 0 0 5.057-51.831V225.037a206.483 206.483 0 0 0-4.635-50.567 117.147 117.147 0 0 0-42.14-66.159 114.198 114.198 0 0 0-67.844-24.02 103.663 103.663 0 0 0-26.548 3.372 123.89 123.89 0 0 0-47.617 25.705l-33.29 24.02-49.304 35.818a182.885 182.885 0 0 0-5.056-32.447 186.256 186.256 0 0 0-63.63-102.82 168.558 168.558 0 0 0-66.16-33.29A206.904 206.904 0 0 0 861.924.012zM442.637 621.148v-217.44l208.59 108.72zm0 0' fill='%23fff' data-spm-anchor-id='a313x.7781069.0.i6' class='selected'/%3E%3Cpath d='M810.513 238.943h-93.128a21.07 21.07 0 0 1 0-42.139H812.2a21.07 21.07 0 0 1 0 42.14z' fill='%23fff' data-spm-anchor-id='a313x.7781069.0.i9' class='selected'/%3E%3C/svg%3E");}


/*上传*/
.upload_wrap{padding: 10px 3.2%;background: #fff;}
.upload_wrap textarea{width: calc(100% - 10px);margin: 5px auto;padding: 5px;box-shadow: 0 0 3px #d4d4d4;}
.upload_wrap input[type="button"]{padding:10px 15px;border-radius:5px;background: #4D9AFB;color: #fff;}
.add_btn{color: #aeaeae;font-size: 12px;overflow: hidden;}
/*.add_btn .layui-upload-list{width:74%;float: left;height: 0;padding-bottom:23%;margin:3px 0.5%;position:relative;background-color:pink;overflow: hidden;}*/
/*.add_btn .layui-upload-list img{width: }*/
/*.add_btn .layui-upload-list img{width: calc(24% - 2px);height: 0;padding-bottom:23%;margin:3px 0.5%;position:relative;border: 1px dashed #d4d4d4;display: block;float:left;text-align: center;overflow: hidden;}*/
.add_btn div{width: calc(24% - 2px);height: 0;padding-bottom:23%;margin:3px 0.5%;position:relative;border: 1px dashed #d4d4d4;float:left;text-align: center;overflow: hidden;}
.add_btn div img{width: 100%;height: 100%;position: absolute;left: 0;object-fit: cover;}
.add_btn div video{position: absolute;width: 100%;height: 100%;left: 0;}
/*.add_btn .pic{width: calc(24% - 2px);height: 0;padding-bottom:23%;margin:3px 0.5%;position:relative;border: 1px dashed #d4d4d4;display: block;float:left;text-align: center;overflow: hidden;}*/
.add_btn div span{display: block;width: 70%;height: 70%;position: absolute;left: 15%;}
.add_btn div p{margin-top: 70%;}
.add_btn .upload_div{border-style: solid;}
.add_btn .pic span{background: url("../img/25_camera.svg") no-repeat center;background-size: 70%;}
.add_btn .video span{background: url("../img/26_video.svg") no-repeat center;background-size: 70%;}



.ms_detail_wrap{padding-bottom: 55px;background: #fff;}
.ms_detail_wrap .title{padding:8px 3.2%;color: rgba(51,51,51,1);}
.ms_detail_wrap .title div{margin:5px 0;line-height: 1.2;font-size: x-large;font-weight: 700;}
.ms_detail_wrap .title span{font-size:13px;color: #A9A9A9;}
.ms_detail_wrap .detail-video{width: 98%;height:0;margin:0 1% 10px;padding-bottom: 56.25%;position: relative;background: #000;overflow: hidden;}
.ms_detail_wrap .detail-video video{position: absolute;width: 100%;height: 100%;left: 0;}
.ms_detail_wrap .detail-audio{text-align: center;}
.ms_detail_wrap .detail-audio audio{}
.ms_detail_wrap .detailbox{padding:0px 3.2% 20px;font-size:15px;color:rgb(51, 51, 51);line-height:1.5;overflow: hidden;}
.ms_detail_wrap .detailbox img{display: block;margin: 5px auto;max-width: 100%!important;max-height: 100%!important;}
.ms_detail_wrap .detailbox *{max-width: 100%!important;max-height: 100%!important;line-height: 1.6!important;}


.tagsnews{padding:10px 3.2%;margin:20px 0;border-top: 5px solid #efefef;border-bottom: 5px solid #efefef;overflow: hidden;}
.tagsnews .caption,.comment_inner .caption{color: #666;margin: 0;font-size: 16px;font-weight: 600;}
.tagsnews ul{margin:0 auto;overflow: hidden;}
.tagsnews ul li{padding:12px 0;border-bottom: 1px solid #efefef;overflow: hidden;}
.tagsnews ul li a{position: relative;display: block;text-decoration: none;}
.tagsnews ul li div{display: inline-block;vertical-align: middle;}
.tagsnews ul li .intro{width: calc(100% - 113px);padding-right: 8px;font-size: 17px;overflow: hidden;}
.tagsnews ul li .intro.width100{width: 100%}
.tagsnews ul li .intro p{color: #777;}
.tagsnews ul li .img{width: 100px;max-width: 100px;height: 56px;line-height: 56px;text-align:center;border-radius:5px;background: #ccc;overflow: hidden;}
.tagsnews ul li .img img{width: 100%;height: 100%;object-fit: cover;}

.comment_inner{padding:0 3.2%;overflow: hidden;}
.comment_title{display: inline-block;;border-bottom: 2px solid rgba(77,154,251,.9);color: #4D9AFB;letter-spacing: 2px;}
.vod_comment{margin: 8px 0 0;overflow: hidden;}
.vod_comment li{padding:12px 0;/*border-bottom: 1px solid #efefef;*/overflow: hidden;}
.vod_comment li .img{width: 40px;height: 40px;line-height:50px;margin-right:10px;border-radius: 50%;float:left;background:#ccc;overflow: hidden;}
.vod_comment li .info{/*font-size: 13px;*/color: #777;overflow: hidden;}
.vod_comment li .name{font-size: small;color:#555;}
.vod_comment li .des{margin:5px 0;word-break: break-all;}
.vod_comment li .data{font-size: smaller;}
.comment_box .appdown{margin:15px 0;padding:8px 0;text-align:center;color:#4D9AFB;border:1px solid #ddd;border-radius:5px;box-shadow:inset 0 0 5px #ddd}
.comment_box .no-comment{text-align: center;color: #4D9AFB;padding: 15px 0;}

/*底部评论框*/
.comment-box{max-width: 640px;min-width: 320px;margin: auto;padding:8px 0;display: flex;background: #fff;border-top: 1px solid #ddd;position: fixed;left: 0;right: 0;bottom: 0;z-index: 9;}
.comment-box .inp{width: calc(100% - 110px);height:35px;line-height:35px;float:left;margin:0px 0 0 15px;padding:0 15px 0 30px;background:url("../img/28_edit.svg") no-repeat 8px center;border: 1px solid #dddddd;border-radius:20px;color:#bfbfbf;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/*.comment-box .num{float:right;width:20%;line-height:35px;text-align:center;font-size:12px;color:#666;}
.comment-box .num span{width:18px;height:18px;margin-right:3px;background: url("../img/27_comment.svg") no-repeat center;background-size: cover;}*/
.comment-box .ondiggs{float:right;width:35px;height:35px;line-height: 35px;text-align:center;}
.comment-box .ondiggs img{width: 80%;}
/*输入层*/
.inp_wrap{width:100%;height:100%;background: #fff;position: fixed;top: 0;bottom:0;left: 0;right:0;z-index:999;display: none;}
.inp_wrap textarea{border:0;border-bottom: 1px solid #ddd;width: 94%;padding:10px 3%;resize: none;font-size: 16px;color: #aeaeae;outline: none;}
.inp_wrap .btn{padding:5px 10px;text-align: right;color: #999999}
.inp_wrap .btn span,.inp_wrap .btn .reset,.inp_wrap .btn .submit{margin-right: 10px;}
.inp_wrap .btn .reset,.inp_wrap .btn .submit{padding:8px 18px;font-size: 16px;border-radius: 5px;border: 1px solid #ddd;background: #fff;}
.inp_wrap .btn .reset{color: #999999}
.inp_wrap .btn .submit{background:#6f9eed;color: #fff;border-color: #fff;}



/*动态点赞开始*/
.zan_btn{width:40px;height:40px;margin:0px auto 15px;cursor:pointer;font-size:12px;text-align:center;position:relative}
/*.zan_btn #praise{display:block;width:40px;height:40px;margin:0 auto}
.zan_btn #praise-txt{height:25px;line-height:25px;display:block}*/
.zan_btn img{width:40px;height:40px;display:block;margin:0 auto}
.zan_btn img.animation{animation:myfirst .5s;-moz-animation:myfirst .5s;-webkit-animation:myfirst .5s;-o-animation:myfirst .5s}
/*#add-num{display:none}
#add-num .add-animation{color:#000;position:absolute;top:-15px;left:10px;font-size:15px;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0;animation:mypraise .5s;-moz-animation:mypraise .5s;-webkit-animation:mypraise .5s;-o-animation:mypraise .5s;font-style:normal}
#add-num .add-animation.hover,#praise-txt.hover,.zan_btn .hover{color:#eb4f38}*/
/*点赞图标放大动画开始*/
@keyframes myfirst{0%{width:40px;height:40px}
    50%{width:50px;height:50px}
    100%{width:40px;height:40px}
}
@-moz-keyframes myfirst{0%{width:40px;height:40px}
    50%{width:50px;height:50px}
    100%{width:40px;height:40px}
}
@-webkit-keyframes myfirst{0%{width:40px;height:40px}
    50%{width:50px;height:50px}
    100%{width:40px;height:40px}
}
@-o-keyframes myfirst{0%{width:40px;height:40px}
    50%{width:50px;height:50px}
    100%{width:40px;height:40px}
}
@keyframes mypraise{0%{top:-15px;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0}
    25%{top:-20px;opacity:.5;filter:Alpha(opacity=50);-moz-opacity:.5}
    50%{top:-25px;opacity:1;filter:Alpha(opacity=100);-moz-opacity:1}
    75%{top:-30px;opacity:.5;filter:Alpha(opacity=50);-moz-opacity:.5}
    100%{top:-35px;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0}
}
@-moz-keyframes mypraise{0%{top:-15px;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0}
    25%{top:-20px;opacity:.5;filter:Alpha(opacity=50);-moz-opacity:.5}
    50%{top:-25px;opacity:1;filter:Alpha(opacity=100);-moz-opacity:1}
    75%{top:-30px;opacity:.5;filter:Alpha(opacity=50);-moz-opacity:.5}
    100%{top:-35px;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0}
}
@-webkit-keyframes mypraise{0%{top:-15px;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0}
    25%{top:-20px;opacity:.5;filter:Alpha(opacity=50);-moz-opacity:.5}
    50%{top:-25px;opacity:1;filter:Alpha(opacity=100);-moz-opacity:1}
    75%{top:-30px;opacity:.5;filter:Alpha(opacity=50);-moz-opacity:.5}
    100%{top:-35px;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0}
}
@-o-keyframes mypraise{0%{top:-15px;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0}
    25%{top:-20px;opacity:.5;filter:Alpha(opacity=50);-moz-opacity:.5}
    50%{top:-25px;opacity:1;filter:Alpha(opacity=100);-moz-opacity:1}
    75%{top:-30px;opacity:.5;filter:Alpha(opacity=50);-moz-opacity:.5}
    100%{top:-35px;opacity:0;filter:Alpha(opacity=0);-moz-opacity:0}
}
/*点赞数量加减动画结束*/
/*动态点赞结束*/

/*朋友圈大图*/
.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 100%;max-height: 80%;margin:0 auto;}
.big_img .swiper-pagination2{width: 100%;position: absolute;bottom:1rem;text-align: center;}
.big_img .swiper-pagination2 span{margin: 0 2px;background: rgba(255,255,255,.7);opacity: .7;}
.big_img .swiper-pagination2 .swiper-pagination-bullet-active{background: #fff;opacity: 1;}