.bg{background-image: url("../images/train_06_02.png");padding-bottom: 25px;background-size: contain}

.train_up{padding: 25px 20px 35px 20px;background: white;margin-top: 35px}
.train_up .left{width: 45.9%;float: left}
.train_up .right{width: 46.8%;float: right}
.train_up .left .left_li{display: none;box-sizing: border-box}
.train_up .left .left_li.select{display: block;}
.train_up .left .left_bottom{margin-top:10px;cursor: pointer;max-width:128px;}
.actives{border: 2px solid rgb(37,133,250)}

.train_up .right{padding-top: 80px}
.train_up .right .p1{font-size: 24px;line-height: 24px;padding-bottom: 22px}
.train_up .right .p2{line-height: 24px;opacity: 0.7;padding-bottom: 35px}
.train_up .right .right_ul{justify-content: flex-end;margin: 20px auto 45px}
.train_up .right .right_ul .right_li{width: 25%;background-image: url("../images/train_02_03.png");background-repeat: no-repeat;font-size: 14px;line-height: 18px;margin-bottom: 10px;padding-left: 25px}
.train_up .right .right_ul .right_li:first-child{font-size: 16px;background-image: none;padding-left: 0}
.train_up .right .login_btn{font-size: 20px;line-height: 40px;background-image: url("../images/train_03_03.png");width: 240px;height: 40px;border-radius: 5px;color: white;display:inline-block;text-align:center;}
.train_up .right .right_link{font-size: 20px;line-height: 40px;margin-left: 23px;border: 1px solid rgb(153,153,153);padding: 10px 30px;border-radius: 5px;color:rgb(102,102,102) }
.train_up .right .right_link:hover{color: white;transition: 0.5s;background: rgb(255,70,94)}

.train_center{background: rgb(102,102,102);}
.train_center .train_nav{justify-content: normal}
.train_center .train_nav .list_nav{width: 110px;line-height: 55px;text-align: center;position: relative;font-size: 18px;color: white;margin-right: 30px;cursor: pointer}
.train_center .train_nav .list_nav::after{
    content: '';
    width: 0;
    height: 4px;
    display: block;
    position: absolute;
    bottom: 1px;
}
.train_center .train_nav .list_nav.on::after ,.train_center .train_nav .list_nav:hover::after{
    width: calc(100%);
    transition: 0.5s;
    border-bottom: 4px solid white;
}
.train_bottom{background: rgb(240,240,240);padding-bottom: 80px}
.train_bottom .bottom_content{padding: 54px 60px 50px 35px;background: white}
.train_bottom .bottom_content .contains .p1{font-size: 18px;line-height: 18px;padding-bottom: 10px;font-weight: bold}
.train_bottom .bottom_content .contains .p2{font-size: 18px;opacity: 0.7;line-height: 30px;}
.train_bottom .bottom_content .contains .banner{margin-bottom: 35px}
.train_bottom .bottom_content .contains{display: none}
.train_bottom .bottom_content .contains.select{display: block}
/*  */
.mask{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99;display:none;}
.video_box{max-width:80%;border-radius:10px;padding:20px;position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:100;display:none;}
/*  */
.train_up .gallery-thumbs{margin-top:15px;}
.train_up .gallery-top .swiper-slide img{width:100%;}
/*  */
.download_list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.download_list li{display:flex;justify-content: space-between;align-items:center;line-height:45px;border-bottom:1px dashed #ddd;width:48%}
.download_list li p{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;color:#666}
.download_list li a{max-width:20%;text-align:right;}
.download_list li a img{width:32px;}
/*  */
.login_tx{text-align:center;margin-bottom:15px;}
.login_tip {text-align:center;font-size:16px;color:#666;}
.login_tip a{color:#FF3C67}
.video_box video::-internal-media-controls-download-button {
    display:none;
}
.video_box video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
@media (max-width: 767px){
    .train_up{padding: 0}
    .train_up .left{width: 100%;}
    .train_up .right{width: 100%;padding-top: 20px}
    .train_up .left .left_bottom{width: 48%}
    .train_up .right .right_ul{margin: 20px auto }
    .train_up .right .p1{font-size: 18px;padding-bottom: 5px}
    .train_up .right .p2{font-size: 12px;line-height: 20px;padding-bottom: 15px}
    .train_up .right .right_ul .right_li{font-size: 12px;padding-left: 22px;width: 26.666%}
    .train_up .right .right_ul .right_li:first-child{font-size: 14px;width: 20%}
    .train_up .right .login_btn{width: 130px;margin-left: 30px;font-size: 14px;line-height: 30px;background-size: contain;height: 32px;margin-bottom: 20px;background-size:100% 100%;}
    .train_up .right .right_link{width: auto;font-size: 14px;line-height: 30px;padding-top:0;padding-bottom:0;display:inline-block}
    .train_center .train_nav .list_nav{font-size: 12px;width:20%;margin-right:0;}
    .train_bottom .bottom_content{padding: 20px 0}
    .train_bottom .bottom_content .contains .p1{font-size: 14px}
    .train_bottom .bottom_content .contains .p2{font-size: 12px;line-height: 16px}
    .train_bottom .bottom_content .contains .banner{margin-bottom: 20px}
    .train_bottom{padding-bottom: 0}
    .download_list li{width:100%;}
    .train_center .train_nav .list_nav{line-height:35px;}
    .train_center .train_nav .list_nav.on{color:#FF6148}
    .train_center .train_nav .list_nav::after{bottom:0;}
    .train_center .train_nav .list_nav.on::after, .train_center .train_nav .list_nav:hover::after{background:#fff;box-sizing:border-box;height:100%;display:none;}
    .login_tx img{width:50%}
}
@media (min-width: 768px) and (max-width: 991px){
    .train_up .right .login_btn{width: 150px}
    .train_up .right{padding-top: 40px}
    .train_up .right .right_ul .right_li{font-size: 12px;padding-left: 22px;width: 26.666%}
    .train_up .right .right_ul .right_li:first-child{font-size: 14px;width: 20%}
    .train_bottom{padding-bottom: 0}

}