body {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: .49rem;
    background-repeat: no-repeat;
}

.big-title {
    margin-top: 2.1rem;
    font-weight: bold;
    font-size: .39rem;
    color: #F86541;
    text-align: center;
    margin-bottom: .66rem;
}



.video-wrapper{
    margin-bottom: .49rem;
}

.video-box {
    display: inline-block;
    width: 8.37rem;
    height: 4.71rem;
    background: #010001;
    border-radius: .11rem;
    overflow: hidden;
    vertical-align: top;

}

.info-box {
    display: inline-block;
    width: 3.4rem;
    height: 4.71rem;
    margin-left: .17rem;
    vertical-align: top;
}

.info-box ul {
    list-style: none;
    border-radius: .11rem;
    border: 1px solid #FE6F41;
    padding: 0 .16rem;
    margin-bottom: .15rem;
}

.info-box ul li {
    padding: .15rem;
    border-bottom: 1px solid rgba(228, 223, 217, 0.507);
}
.info-box ul li:last-child{
    border: none;
}
.info-box ul li p {
    font-weight: bold;
    font-size: .14rem;
    color: #A19E9E;
    margin-bottom: .05rem;
}

.info-box ul li span {
    font-size: .16rem;
    color: #1E1D1D;
}

.btn-info{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.39rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .09rem;
    margin-bottom: .2rem;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.btn-info span{
    width: .72rem;
    font-size: .18rem;
    margin-left: .12rem;
}
.hp{
    background-image: url(../image/hp-bg.png);
}
.hp span{
    color: #F95F3A;
}
.vr{
    background-image: url(../image/vr-bg.png);
}
.vr span{
    color: #258EE9;
}

.card-list > .title{
    font-weight: bold;
    font-size: .22rem;
    color: #000000;
    margin-bottom: .2rem;
}
.card-list > .title::before{
    content: ' ';
    display: inline-block;
    width: .05rem;
    height: .23rem;
    background: #F14C21;
    margin-right: .14rem;
    vertical-align: text-top;
}

.list{
    margin-bottom: .56rem;
}

.list .item {
	display: inline-block;
	width: 2.81rem;
	overflow: hidden;
    margin-right: .25rem;
}
.list .item:last-child{
    margin-right: 0;
}

.list .item > span{
    font-size: .14rem;
    color: #F55C35;
    margin-top: .1rem;
    display: block;
}
.list .item > span > img{
    width: .15rem;
    height: .15rem;
    margin: 0px .05rem -0.01rem 0;
}
.list .item img {
	width: 100%;
    height: 1.58rem;
	object-fit: cover;
}

.list .item>div {
	font-weight: bold;
	font-size: .17rem;
	color: #282626;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: .1rem 0;

}
.list .item:nth-child(4n){
    margin-right: 0;
}

.list .item>div:nth-child(1) {
	border-radius: .13rem;
}

.list .item>div span {
	display: inline-block;
	font-size: .14rem;
	color: #FFFFFF;
	background: linear-gradient(-90deg, #FA9E31, #F56127);
	border-radius: .04rem;
	padding: .04rem .06rem;
	margin-right: .1rem;
}

.list .item>p {
	font-size: .14rem;
	color: #8C8989;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


@media (max-width:768px) {
    body{
        background-position-y: 0;
    }
    .fff{
         display: none;
    }
    .w80{
        width: 95%!important;
    }
    .box{
        padding-top: 1rem;
    }
    .big-title{
        margin-top: 2rem;
        font-size: .25rem;
        margin-bottom: .25rem;
    }
    .video-box{
        width: 100%;
        height: 2.5rem;
    }
    .info-box{
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: .15rem;
    }
    .info-box ul{
        padding: 0 .05rem;
    }
    .info-box ul li{
        padding: .05rem;
    }
    .video-wrapper{
        margin-bottom: .1rem;
    }
    .btn-info{
        width: 48%;
        display: inline-block;
    }
    .vr{
        margin-left: 1.5%;
    }
    .list {
        font-size: 0;
        margin-bottom: .2rem;
    }
    .list .item{
        width: 49%;
        margin-right: 2%;
    }
    .list .item img{
        height: 1.03rem;

    }
    .list .item:nth-child(2n){
        margin-right: 0;
    }
    .list .item>div{
        font-size: .15rem;
    }
    .list .item>div span{
        font-size: .12rem;
        padding: .03rem .03rem;
    }
}