.wrap {
    padding-bottom: 10%;
    position: relative;
}

.kaitongvip {
    height: 62px;
    transform: translateY(4vh);
    position: fixed;
    bottom: 7%;
    z-index: 99;
    text-align: center;
    line-height: 42px;
    color: #563e0b;
    background-image: linear-gradient(90deg,
            #fedd86 0%,
            #f3cc5d 100%);
    width: 100%;
}

.share-tip {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .8);
    text-align: right;
    z-index: 1000;
}

.share-tip img {
    right: 5%;
    width: 82%;
    height: auto;
    position: inherit;
}

.share-tip .a-know {
    position: absolute;
    bottom: 30px;
    left: 50%;
    height: 40px;
    line-height: 40px;
    margin-left: -55px;
    padding: 0 30px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
}

.top {
    width: 100%;
    position: fixed;
    top: 0;
}

/*.top video {
    width: 100%;
    height: 200px;
    background-color: cyan;
}*/


.top1 span {
    font-size: 20px;
    color: white;
}

.top1 span:nth-child(1) {
    float: left;
}

.top1 span:nth-child(2) {
    float: right;
}

.video_message_box {
    background-color: white;
    padding: 3% 2%;
    box-sizing: border-box;
}

.video_title_left {
    margin-bottom: 2%;
}

.video_message_title {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.video_title_right {

    width: 40%;
    display: flex;
    justify-content: space-between;
}

.video_title_right p {
    padding: 1% 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #cccccc;
    width: 42%;
    border-radius: 12px;
}

.video_title_right p img {
    width: 12px;
    margin-right: 10%;
}

.video_title_right p span {
    font-size: 12px;
    color: white;
}

.video_message_b {
    width: 100%;
    height: auto;
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.msgbox {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.video_message_b h1 {
    font-size: 12.5px;
    line-height: 12.5px;
    letter-spacing: 0.7px;
    color: #333333;
    margin-bottom: 6%;
}

.video_message_b h2 {
    font-size: 10.4px;
    letter-spacing: 0.6px;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.video_message_b .imgbox {
    width: 20%;
}

.video_message_b .imgbox img {
    width: 100%;
    border-radius: 50%;
}

.video_message_b .js_jszy {
    font-size: 12.5px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0.7px;
    color: #094116;
}

.jiangebox {
    width: 100%;
    height: 4px;
    background-color: #f6f6f6;
}

.main{
    padding-top: 4vw;
    background-color: #fff;
}

.main1 {

padding: 0 3.87vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.main1 img{
    margin-right: 1.2vw;
    width: 6.13vw;
    height: auto;

}
.main1 span {
font-size: 3.47vw;
	letter-spacing: 0.21vw;
	color: #000000;
}

.gg {
border-bottom: 4px solid #094116;
    color: cyan;
}


.main2 h4 {
    font-size: 14px
}
.main21 {
    padding: 2.5vw 0 0 4vw;

    overflow-x: auto;
    white-space: nowrap;
}
.main21-1{
    margin-bottom: 4.27vw;
    display: inline-block;
}

.main21-1 a{
    display: inline-block;
    width: 40.4vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 0.75vw 0.05vw rgba(196, 192, 192, 0.4);
    border-radius: 0vw 0vw 1.33vw 1.33vw;
}

.main21-1 a img{
	width: 40.4vw;
	height: 40.4vw;
}
.main21-1:nth-of-type(n+2){
    margin-left: 2.67vw;
}

.main21-1 a h3{
  color: #333333;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
font-weight: normal;
    height: 38px;
}

.main21-1 a h2{
    color: #e01212;
    font-size: 0.83rem;
    font-weight: normal;
}

.main21-1 a h1{
color: #999999;
 font-size: 100%;
 font-size: 0.75rem;
 text-decoration: line-through;
 margin-top: 1%;
 margin-left: 4%;
 margin-right: 4%;
 font-weight: normal;
}

.main21-1 a h4{
margin-left: auto;
    color: #999999;
    font-size: 100%;
    font-size: 0.75rem;
    margin-top: 1%;
    font-weight: normal;
}


.main21-1 a .nrbox{
padding: 3% 5% 5% 5%;
    box-sizing: border-box;
}


.main21-1 a .jgbox{
overflow: hidden;
    display: flex;
    margin-top: 7%;
}









.main21-1-head{
    position: relative;
}
.main21-1 .sp_time{
    color: white;
    font-size: 12px;
    position: absolute;
    right: 3px;
    bottom: 5px;
}
.main21-1 .v_title{
    margin-top: 4%;

}
.main21-1 .sp_type{
    text-align: center;
    width: 20%;
    position: absolute;
    height: 24px;
    background-color: #f4cd63;
    color: #692909;
    right: 0;
    top: 0;
}
.main21-1 p{
    white-space: initial;
    font-size: 12px;
    color: #333333;
}

.hui {
    width: 100vw;
    transform: translateX(-3%);
    height: 1px;
    background-color: #e6e6e6;
}

.main22 .other_title {
    margin-top: 3%;
    font-size: 15px;
    color: #333333;
}

.main22-1 a {
    display: block;
    margin-top: 3%;
}

.main22-1-li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main22-1-l {
    width: 30%;
}

.main22-1-r {
    display: flex;
    flex-direction: column;
    width: 68%;
}

.main22-1-r .bs {
    color: #094116 !important;
}

.main22-1-r .sp_name {
    font-size: 11.4px;
    color: #333333;
}

.main22-1-r .sp_time {
    font-size: 11.4px;
    color: #333333;
    margin-top: 2%;
}

.main22-1-r .sp_time span {
    color: #666666;
}

.main22-1-r .sp_type {
    width: 30px;
    border-radius: 5px;
    font-size: 8.3px;
    text-align: center;
    height: 18px;
    line-height: 18px;
    margin-top: 2%;
}

.main22-1-r .mf {
    border: 1px solid #43aaee;
    color: #43aaee;
}

.main22-1-r .vip {
    border: 1px solid #f18608;
    color: #f18608;
}


.main21 span:nth-child(2) {
    color: rgb(200, 200, 200);
    font-size: 12px;
}

.main21 span:nth-child(3) {
    margin: 0 2%;
    font-size: 12px;
    color: rgb(132, 132, 132);
}

.main21 span:nth-child(4) {
    font-size: 12px;
    color: #999;
    padding: 0.5px 5px;
    margin-left: 2%;
    border-radius: 3px;
    background-color: #eee;
}

.main3 {
    padding: 3%;
}

.main31 span:nth-child(1) {
    font-size: 14px;
    font-weight: 600;
}

.main31 span:nth-child(2) {
    font-size: 14px;
    color: rgb(131, 131, 131);
    font-weight: 600;
}

.main321 {
    display: flex;
    padding: 2px 10px;
    margin: 5% 0;
    align-items: center;
}

.main321 img{
    width: 6.13vw;
    height: auto;
margin-right: 1.2vw;
}
.main32 h2 {
    font-size: 14px;
    font-weight: 550;
}

.main32 h3 {
    font-size: 14px;
    color: rgb(131, 131, 131);
    margin: 2% 0;
    font-weight: 550;
}

.main3 p {
    font-size: 14px;
}



.footer {
    background-color: #4CA7FF;
    padding: 1.5% 0;
    position: fixed;
    width: 100%;
    bottom: 50px;
}

.footer a {
    display: inline-block;
    ;
    width: 26%;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    color: #4CA7FF;
    background-color: #FFE09E;
    height: 38px;
    line-height: 38px;
    font-weight: 500;
    border-radius: 6px;
    margin-right: 3%;
}

.kthy {
    position: fixed;
    bottom: 50px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    background-color: #fddb82;
    text-align: center;
    color: #563e0b;
    font-size: 14px;
}


.main1 {
    padding: 0;

    text-align: center;
justify-content: center;
    border-bottom: 1px solid #e6e6e6;
}

.main1 span {
    font-size: 16px;
    padding-bottom: 1%;
    margin: 0 10%;
    color: #3f3f3f;
}

.gg {
border-bottom: 3px solid #094116;
    color: cyan;
}
.main22{
   padding: 3%;
}
.main22 .other_title{
    margin-top: 0;
}
.main22-1-r .sp_name{
	font-size: .8rem;
	line-height: 3.2vw;
	letter-spacing: 0.17vw;
	color: #000000;
overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
  flex: 1; /* 让文字区域可以伸缩以适应容器的大小 */
  min-width: 0; /* 解决IE等浏览器的一个bug，确保子元素可以被压缩 */
  white-space: pre-wrap; /* 保留空白符，自动换行 */
  overflow-wrap: break-word; /* 在长单词或URL地址内部进行换行 */
}

.main22-1-l img{
    width: 28.33vw;
    height: 22.13vw;
}
.main22-1-r .sp_time{
	font-size: .7rem;
	line-height: 3.2vw;
	letter-spacing: 0.17vw;
	color: #000000;
}
.js_zxzx{
    text-align: center;
    width: 14.67vw;
    height: 4.27vw;
    background-color: #094116;
    border-radius: 1.33vw;
    font-family: PingFang-SC-Medium;
    font-size: 2.7vw;
    line-height: 4.2vw;
    letter-spacing: 0.15vw;
    color: #ffffff;
}
.btnbox{
display: flex;
    flex-direction: column;
    align-items: center;
}