/* subPackages/feiyiNew/CGCIndex/index.wxss */
page{
    min-height: 100%;
    background: #F9F0EA;
}
.content{
    padding: 21rpx 30rpx 40rpx;
}
.w-full{
    width: 100%;
}

.top-box .swiper,.top-box .swiper image {
    width: 100%;
    display: block;
    height: 451rpx;
    border-radius: 30rpx;
}

.menu-box{
    width: 100%;
    padding-top: 60rpx;
    display: flex;
}
.menu-box .menu-left{
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    width: 1rpx;
    justify-content: space-between;
}
.menu-box .menu-left .menu-item{
    width: 33%;
	display: flex;
	flex-direction: column;
    align-items: center;
    margin-bottom: 37rpx;
}

.menu-box .menu-right{
    width: 254rpx;
    height: 323rpx;
    flex-shrink: 0;
}

.menu-right .swiper,.menu-right .swiper image {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 20rpx;
}

.title-image-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 60rpx;
}

.handwritten-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20rpx;
}
.handwritten-box image{
    width: 49%;
    height: 181rpx;
    margin-bottom: 13rpx;
    border-radius: 10rpx;
}

.time-box {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 370rpx;
    border-radius: 30rpx;
    position: relative;
    margin-top: 20rpx;
}
.play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90rpx;
    height: 90rpx;
}

.hot-type{
    height: 50rpx;
	font-weight: bold;
	font-size: 32rpx;
    color: #B5B5B6;
    display: flex;
    justify-content: space-around;
    margin-top: 40rpx;
}
.hot-type-item{
    position: relative;
}
.hot-type-item::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10rpx;
    background-color: #B5B5B6;
    margin: 0 auto;
    width: 32rpx;
    height: 4rpx;
}
.hot-type-item.active{
    color: #000000;
}
.hot-type-item.active::after{
    background-color: #000000;
}

.hot-box{
    margin-top: 36rpx;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.hot-list-item{
    display: flex;
    flex-direction: column;
    width: 49%;
    flex-shrink: 0;
}
.hot-data{
    width: 100%;
    background: #FFFFFF;
    border-radius: 20rpx;
    font-weight: bold;
    font-size: 0;
    color: #000000;
    margin-bottom: 29rpx;
}
.hot-data-image{
    width: 100%;
    border-radius: 20rpx 20rpx 0rpx 0rpx;
}
.hot-data-title{
    padding: 20rpx;
    font-size: 26rpx;
}