.border-red{
        border: 1px solid red;
    }
    .border-blue{
        border: 1px solid blue;
    }
    .border-yellow{
        border: 1px solid yellow;
    }
    .border-green{
        border: 1px solid green;
    }
    .border-pink{
        border: 1px solid pink;
    }
    .width-1210{
        width: 1210px;
        margin:0 auto;
    }
    .mtop-10{
        margin-top:10px;
    }
    .mtop-15{
        margin-top:15px;
    }
    .mtop-20{
        margin-top:20px;
    }
    .background-color-red{
        background-color: red;
    }
    .background-color-blue{
        background-color: blue;
    }
    .background-color-yellow{
        background-color: yellow;
    }
    .background-color-green{
        background-color: green;
    }
    .background-color-pink{
        background-color: pink;
    }
    .video-box{
        min-height: 1000px;
        margin-top: 30px;
    }
    .banner{
        min-height: 538px;
    }
    .banner-top{
        min-height: 420px;;
    }
    .banner-top-left{
        width: 910px;
        min-height: 420px;
        margin-right: 10px;
    }
    .banner-top-right{
        width: 290px;
        min-height: 420px;
    }
    .banner-top-right-top{
        width: 290px;
        height: 45px;
        line-height: 45px;
        background-color: white;
    }
    .banner-top-right-top a:hover{
        cursor:pointer;
    }
    .banner-top-right-top>span{
        font-size: 25px;
        font-family: "Microsoft YaHei";
        font-weight: bolder;
        color: black;
        margin-left: 5px;
    }
    .more{
        font-size: 14px;
        font-family: "Microsoft YaHei";
        line-height: 45px;
        font-weight: bolder;
        color: black;
        margin-right: 3px;
    }
    .banner-top-right-bottom{
        width: 290px;
        height: 375px;
    }
    .bottom-list{
        width: 290px;
        height: 100%;
        background-color: white;
    }
    .bottom-list-left{
        width: 84px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .bottom-list img{
        width: 65px;
        height: 65px;
        border-radius:50%;
    }
    .bottom-list-right{
        width: 206px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .bottom-list-right section:nth-child(1){
        font-size: 14px;
        font-weight: bold;
        font-family: "Microsoft YaHei";
        color: black;
    }
    .bottom-list-right section:nth-child(2){
        margin-top: 3px;
    }
    .bottom-list-right span{
        margin-top: 3px;
        display: inline-block;
        width: 100px;
        height: 25px;
        background-color:orangered;
        border-radius:30px;
        line-height: 25px;
        text-align: center;
    }
    .time-row{
        width: 110px;
        margin: 0;
    }
    .time-left{
        width: 60px;
        height: 25px;
        background-color:#ff6600;
        text-align: right;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        line-height: 25px;
        color: white;
        padding-right: 5px;
    }
    .time-left>a{
        color: white;
    }
    .time-left>i{
        margin-left: 2px;
        margin-right: 2px;
        margin-top: 2px;
        /* background-color: white; */
        border-radius: 50%;
    }
    .time-right{
        width: 50px;
        height: 23px;
        background-color:black;
        text-align: left;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        color: white;
        line-height: 25px;
        padding-top: 2px;
        padding-left: 2px;
    }
    .time-right>a{
        color: white;
    }
    .banner-bottom{
        width: 100%;
        height: 100px;
    }
    .banner-bottom>img{
        width: 100%;
        height: 100px;
    }
    .upcoming{
        width: 100%;
        height: 435px;
        background-color: white;
        margin-top: 20px;
    }
    .upcoming-top{
        width: 21%;
        height: 50px;
        margin-left: 20px;
    }
    .upcoming-top>div{
        font-size: 21px;
        font-family: "Microsoft YaHei";
        color: black;
        font-weight: bold;
        width:200px;
    }
    .upcoming-vd{
        width: 375px;
        height: 260px;
        background-repeat: no-repeat;
        background-size:100%;
        margin-top: 10px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 7px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 7px;
    }
    .upcoming-vd>.yg{
        background-color:#ff6600;
        width: 84px;
        margin-right: 10px;
        margin-top: 10px;
        text-align: center;
        height: 34px;
        line-height: 34px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        color: white;
        font-size: 18px;
        font-weight: 500;
        font-family: "Microsoft YaHei";
    }
    .upcoming-vd>.now{
        background-color:#ff6600;
        width: 84px;
        margin-right: 10px;
        margin-top: 10px;
        text-align: center;
        height: 34px;
        line-height: 34px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        color: white;
        font-size: 18px;
        font-weight: 500;
        font-family: "Microsoft YaHei";
    }
    .upcoming-vd a{
        cursor:pointer;
    }
    .upcoming-vd>a>div{
        background-color:#ff6600;
        width: 375px;
        text-align: center;
        line-height: 60px;;
        height: 60px;
        font-size: 20px;
        color: white;
        font-family: "Microsoft YaHei";
        letter-spacing:8px;
        font-size: 25px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .upcoming-vd>.yg{
        width: 66px;
    }
    .upcoming-vd>.ygtj{
        width: 375px;
        text-align: center;
        line-height: 60px;;
        height: 60px;
        font-size: 20px;
        color: white;
        font-family: "Microsoft YaHei";
        letter-spacing:2px;
        background-color: gold;
    }
    .upcoming-vd>.ygtj>img{
        margin-left: 20px;
    }
    .upcoming-bt{
        width: 375px;
        height: 110px;
        /* background-color: aliceblue; */
    }
    .upcoming-bt-top{
        font-size: 16px;
        font-family: "Microsoft YaHei";
        color: black;
        margin-left: 10px;
    }
    .upcoming-bt-bottom{
        width: 100%;
    }
    .upcoming-bt-bottom div{
        font-size: 16px;
        font-family: "Microsoft YaHei";
        color: rgb(145, 138, 138);
        font-weight: bold;
    }
    .upcoming-bt-bottom div:nth-child(1){
        margin-left: 10px;
    }
    .upcoming-bt-bottom div:nth-child(2){
        margin-left: -70px;
    }
    .upcoming-bt-bottom div:nth-child(3){
        margin-right: 35px;
    }
    .upcoming-bt-bottom div:nth-child(3) span{
        margin-top: 5px;
        margin-left: 7px;
    }
    .upcoming-bt-bottom div:nth-child(1)>img{
        border-radius:50%;
    }
    .playback{
        width: 100%;
        min-height: 315px;
        background-color: white;
        margin-top: 20px;
    }
    .playback-top{
        width: 21%;
        height: 50px;
        margin-left: 20px;
    }
    .playback-top>div{
        font-size: 21px;
        font-family: "Microsoft YaHei";
        color: black;
        font-weight: bold;
        width: 200px;
    }
    .playback-vd{
        width: 275px;
        height: 155px;
        margin-top: 10px;
        background-repeat: no-repeat;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .playback-vd-top{
        color:white;
        width: 150px;
    }
    .playback-vd-bottom{
        color:white;
        width: 100%;
        text-align: center;
        height: 30px;
        line-height: 30px;
        background: rgba(170, 168, 168, 0.4);
        margin-bottom: 0px;
        font-weight:600;
    }
    .playback-vd-top div:nth-child(1){
        background-color: #3acdcd;
        margin-left: -51px;
        width: 53px;
        margin-top: 11px;
    }
    .playback-vd-top div:nth-child(2){
        background: rgba(255,255,255,0.3);
        margin-left: -54px;
        width: 100px;
        margin-top: 11px;
    }
    .playback-bottom{
        background-color: white;
    }
    .playback-bt{
        width: 275px;
        height: 65px;
        background-color: white
    }
    .playback-bt div{
        font-size: 14px;
        font-family: "Microsoft YaHei";
        color: rgb(145, 138, 138);
        font-weight: bold;
    }
    .playback-bt div:nth-child(1)>img{
        border-radius:50%;
    }
    .playback-bt div:nth-child(1){
        margin-left: 10px;
    }
    .playback-bt div:nth-child(2){
        margin-left: -96px;
    }
    .playback-bt2 div:nth-child(2){
        margin-left: -40px;
    }
    .playback-bt div:nth-child(3){
        margin-right: 15px;
    }
    .playback-bt .fufei{
        background-color:orangered;
        min-width: 70px;
        color: white;
        text-align: center;
        height: 30px;
        line-height: 30px;
        cursor:pointer;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .playback-bt .fufei>span{
        font-size: 16px;
    }
    .playback-bt .mianfei{
        background-color:#3acdcd;
        width: 64px;
        color: white;
        text-align: center;
        height: 30px;
        line-height: 30px;
        cursor:pointer;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        letter-spacing:4px;
        font-size: 16px;
    }
    .video-middle{
        width: 100%;
        height: 80px;
        text-align: center;
        line-height: 80px;
        font-weight: bold;
        font-size: 27px;
        font-family: "Microsoft YaHei";
        color: black;
    }
    .video-default{
        width: 100%;
        height: 315px;
        background-color: white;
        margin-top: 20px;
    }
    .specialist{
        width: 100%;
        height: 345px;
        background-color: white;
    }
    .specialist-top{
        width: 10%;
        height: 70px;
        margin-left: 20px;
    }
    .specialist-top>div{
        font-size: 21px;
        font-family: "Microsoft YaHei";
        color: black;
        font-weight: bold;
    }
    .specialist-bottom{
        width: 100%;
        height: 255px;
    }
    .specialist-vd{
        width: 170px;
        height: 135px;
        margin-top: 10px;
    }
    .specialist-vd img:nth-child(2){
        width: 31px;
        margin-left: -28px;margin-top: -110px;
    }
    .specialist-bt{
        width: 170px;
        height: 105px;
        font-size: 13px;
        font-family: "Microsoft YaHei";
        font-weight: 600;
        color: #474747;
        letter-spacing:1;
    }
    .specialist-bt span:nth-child(1){
        font-size: 18px;
    }
    .specialist-one{
        background-repeat: no-repeat;
        background-size: 50%;
        z-index: 2;
    }
    .info-middle-left{
        margin-right: 15px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .showerwm{
        position: absolute;
        z-index: 2;
        margin-left: 482px;
        margin-top: -131px;
    }
    .showerwm img{
        -webkit-filter: drop-shadow(8px 8px 10px white); /* Chrome, Safari, Opera */
        filter: drop-shadow(1px 13px 15px white);
    }



    /* 最外层盒子 */
    .swiper-container {
        width: 912px;
        height: 422px;
        /* margin-top: 130px; */
    }

    /* 图片 */
    .swiper-container img {
        display: block;
        /* width: 100%; */
        overflow: hidden;
    }

    /* 左右按钮 */
    .swiper-container .swiper-button-prev,
    .swiper-container .swiper-button-next {
        height: 24px;
        margin: auto;
    }
    
    /* 改变左右箭头、分页器的样式 */
    .swiper-container{
        /* 左右箭头按钮 */
        --swiper-theme-color: #ff6600;
        /* 分页器 */
        /* --swiper-pagination-color: #00ff33; */
    }

    /* 单独修改分页器的css样式，swiper默认是10*10的span */
    .swiper-container .swiper-pagination span{
        width: 16px;
        height: 16px;
        --swiper-pagination-color: red;
    }
    
    /* 移动鼠标，隐藏显示左右按钮，配合js使用 */
    .swiper-container .hide{
    opacity:0;
    }
    .swiper-button-next,.swiper-button-prev{
    transition:opacity 0.5s;
    }

    .specialist-li{
        box-shadow: 0 0 10px 10px #f9f9f9;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }