.wrap1 {
    background: #4c0002 url('/imgs/brandEvent/bg1.jpg') no-repeat;
    background-position: 50% 60px;
}
.wrap2 {
    background: #FDFDE5 url('/imgs/brandEvent/bg2.png') no-repeat;
    background-position: 50% 60px;
}
.wrap3 {
    background:#EFE4FF url('/imgs/brandEvent/bg3.png') no-repeat;
    background-position: 50% 60px;    
}
.wrap4 {
    background:#fca158 url('/imgs/brandEvent/bg4.jpg') no-repeat;
    background-position: 50% 60px;    
}
.wrap5 {
    background:#2664d3 url('/imgs/brandEvent/bg5.jpg') no-repeat;
    background-position: 50% 59px;    
}
.wrap {
    min-width: 1140px;
    overflow: hidden;
    padding-top: 60px;
}
/* 图片放大 */
.mask {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,0.9);
    z-index: 9;
    display: none;
}
.main {
    width: 1140px;
    /* height: 100%; */
    margin: 390px auto 0;
}
/* 视频 */
.main .video-box {
    width: 100%;
    height: 535px;
    background: #222222;
}
.main .video-box .left {
    width: 844px;
    height: 495px;
    float: left;
    border: 5px solid #000000;
    border-radius: 14px;
    margin: 17px 0  20px 20px;
    box-sizing: border-box;
    position: relative;
}
.main .video-box .left video {
    width: 100%;
    height: 100%;
    outline: none !important;
}
iframe {
    width: 844px;
    height: 495px;
}
.main .video-box .left img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    z-index: 1;
    /* display: none; */
}
.main .video-box .right {
    width: 220px;
    height: 495px;
    float: right;
    margin: 17px 19px 26px 0;
    overflow: auto;
    cursor: pointer;
}
.main .video-box dl dt{
    width: 212px;
    height: 127px;
    margin: 6px 0 10px 0;
    box-sizing: border-box;
}
.main .video-box dl dt img {
    width: 100%;
    height: 100%;
}
.main .video-box dl dd{
    line-height:18px;
    font-size: 12px;
    color: white;
}
.videoActive dt {
    border: 1px solid red;
}
.main .video-box .videoActive dd {
    color: red;
}
/* 滚动条 */
.main .video-box .right::-webkit-scrollbar {
    width: 6px;  
    height: 1px;
}
.main .video-box .right::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
.main .video-box .right::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
/* 赛事列表 */
.list {
    width: 1140px;
    margin: auto;
    background: white;
}
.list .box:nth-child(1) {
    padding-top: 50px;
}
.list .box:last-child {
    padding-bottom: 50px;
}
.list .box {
    padding-top: 28px;
}
.list .box h3 {
    margin-bottom: 12px;
    width: 325px;
    height: 75px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}
.list1 .box:nth-child(1) h3 {
    background: url('/imgs/brandEvent/brand1_1.png') no-repeat;
    background-size: 100% 100%;
}
.list1 .box:nth-child(2) h3 {
    width: 449px;
    background: url('/imgs/brandEvent/brand1_2.png') no-repeat;
    background-size: 100% 100%;
}
.list1 .box:nth-child(3) h3 {
    height: 74px;
    background: url('/imgs/brandEvent/brand1_3.png') no-repeat;
    background-size: 100% 100%;
}
.list1 .box:nth-child(4) h3 {
    height: 74px;
    background: url('/imgs/brandEvent/brand1_4.png') no-repeat;
    background-size: 100% 100%;
}
.list-box .swiper-button-white {
    width: 43px;
    height: 81px;
}
.list-box1 .swiper-button-white {
    background: RGBA(249, 109, 110, .7)
}
.list-box2 .swiper-button-white {
    background: RGBA(108, 133, 186, .7)
}
.list-box3 .swiper-button-white {
    background: RGBA(219, 107, 238, .7)
}
.swiper-slide {
    cursor: pointer;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    font-size: 30px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top: 42%;
}
/* 品牌赛事2 */
.list2 .box:nth-child(1) h3 {
    background-position: 0 -754px;
}
.list2 .box:nth-child(2) h3 {
    width: 325px;
    background-position: 0 -74px;
}
.list2 .box:nth-child(3) h3 {
    width: 325px;
    height: 74px;
    background-position: 0 -223px;
}
/* 品牌赛事3 */
.list3 .box:nth-child(1) h3 {
    height: 75px;
    background: url('/imgs/brandEvent/brand5_1.png') no-repeat;
    background-size: 100% 100%;
}
.list3 .box:nth-child(2) h3 {
    width: 327px;
    height: 77px;
    background: url('/imgs/brandEvent/brand3_2.png') no-repeat;
    background-size: 100% 100%;
}
.list3 .box:nth-child(3) h3 {
    width: 327px;
    height: 77px;
    background: url('/imgs/brandEvent/brand3_3.png') no-repeat;
    background-size: 100% 100%;
}
.list3 .box:nth-child(4) h3 {
    width: 327px;
    height: 77px;
    background: url('/imgs/brandEvent/brand3_4.png') no-repeat;
    background-size: 100% 100%;
}
.list .swiper-container {
    width:1050px;
    height:160px;
    background: #EFEDED;
    padding: 30px;
}
.list .swiper-container img {
    width: 100%;
    height: 100%;
}
/* 四 */
.list4 .box:nth-child(1) h3 {
    background: url('/imgs/brandEvent/brand4_1.png') no-repeat;
    background-size: 100% 100%;
}
.list4 .box:nth-child(2) h3 {
    background: url('/imgs/brandEvent/brand4_2.png') no-repeat;
    background-size: 100% 100%;
}
.list4 .box:nth-child(3) h3 {
    height: 75px;
    background: url('/imgs/brandEvent/brand4_3.png') no-repeat;
    background-size: 100% 100%;
}
.list4 .box:nth-child(4) h3 {
    width: 327px;
    height: 77px;
    background: url('/imgs/brandEvent/brand4_4.png') no-repeat;
    background-size: 100% 100%;
}
.list4 .box:nth-child(5) h3 {
    width: 373px;
    height: 77px;
    background: url('/imgs/brandEvent/brand4_5.png') no-repeat;
    background-size: 100% 100%;
}
.list4 .box:nth-child(6) h3 {
    width: 327px;
    height: 77px;
    background: url('/imgs/brandEvent/brand4_6.png') no-repeat;
    background-size: 100% 100%;
}
.list4 .box:nth-child(7) h3 {
    width: 365px;
    height: 77px;
    background: url('/imgs/brandEvent/brand4_7.png') no-repeat;
    background-size: 100% 100%;
}
.list4 .box:nth-child(8) h3 {
    width: 327px;
    height: 77px;
    background: url('/imgs/brandEvent/brand4_8.png') no-repeat;
    background-size: 100% 100%;
}
/* 五 */
.list5 .box:nth-child(1) h3 {
    height: 75px;
    background: url('/imgs/brandEvent/brand5_1.png') no-repeat;
    background-size: 100% 100%;
}
.list5 .box:nth-child(2) h3 {
    width: 327px;
    height: 77px;
    background: url('/imgs/brandEvent/brand5_2.png') no-repeat;
    background-size: 100% 100%;
}
.list5 .box:nth-child(3) h3 {
    width: 327px;
    height: 78px;
    background: url('/imgs/brandEvent/brand5_3.png') no-repeat;
    background-size: 100% 100%;
}
.list5 .box:nth-child(4) h3 {
    width: 396px;
    height: 77px;
    background: url('/imgs/brandEvent/brand5_4.png') no-repeat;
    background-size: 100% 100%;
}
.close{
	position: absolute;
	left: 50%;
	margin-left: 470px;
	top: 60px;
	width: 48px;
	height: 48px;
	background: url(/imgs/close.png) no-repeat;
	background-size: 100%;
}
.wrapCon {
    width: 900px;
    height: 506px;
    padding: 20px 50px 40px;
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);
}
.mask-swiper-container  {
    width: 100%;
    height: 100%;
}
.swiper-pagination-fraction {
    top: 0;
    color: white;
}