@charset "utf-8";
.shyx_view2_vtt11 {
    text-align: center;
}

.shyx_view2_vtt11 h2 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.shyx_view2_vtt11 p {
    font-size: 16px;
    margin-bottom: 20px;
}

.kecheng_class1_flex{display:flex;flex-wrap:wrap;/* gap: 10px 5%; */}
.kecheng_class1_item{width: 46%;padding: 0px 1.5%;}
.kecheng_class1_img img{width:100%;}
.kecheng_class1_txt{display:flex;justify-content:space-between;font-size:16px;padding:10px;}
.kecheng_class1_tts{padding:10px;padding-bottom:0;font-size: 14px;word-break:break-all;}
.kecheng_class1_txt.qhts  .kecheng_class1_tt1{color:#999;}
.kecheng_class1_txt.qhts .kecheng_class1_tt1 span{font-size:20px;margin-right:5px;}
.kecheng_class1_price{color:red;font-weight:bold;}
.course_video_img{
	width: 100%
}

.kech_zx{padding:15px 30px;font-size:18px;cursor:pointer;}
.kech_zx:first-child{background:#d1e0fa;border-radius:50px;color:#000;}
.crouse_pay_btn{line-height:50px;background:#296ada;text-align:center;color:#fff;font-size:16px;margin:0 auto;cursor:pointer;border-radius:50px;}
.banci_txt{flex:1;padding: 0 10px;margin-bottom: 20px;}
.banci_txt1{font-size: 16px;font-weight: bold;margin-top: 10px;}
.kech_btn1{display:flex;margin-top:15px;}
.kech_btn1 .kech_zx{width:150px;text-align:center;background:#ffaa05;padding:10px;}
.banci_txtf1{font-size: 14px;color:#242424;margin-top: 10px;margin-bottom: 10px;}
.banci_txtf1 span{font-size:20px;color:#999999;margin-right:5px;}
.banci_txtf2{display:flex;gap: 15px;margin-bottom: 25px;margin-top: 20px;}
.banci_txtfk1{font-size: 14px;display:flex;align-items:center;}
.banci_txtfk1 span{font-size:22px;color:#999999;margin-right:5px;}
.banci_txtf3{display:flex;align-items:end;}
.banci_txtf31{font-size: 32px;color:red;font-weight:bold;margin-left: auto;}
.banci_txtf32{font-size: 14px;color:#999;margin-left:20px;margin-right: 0;}
.banci_txt0{font-size:14px;color:#4c4c4c;margin-bottom:20px;margin-top:10px;}

.kecheng_class1_flex{display:flex;flex-wrap:wrap;gap: 20px;}
.banci_class1_item{width: 97%;border:2px solid #175bcb;position:relative;text-align:center;border-radius: 10px;overflow:hidden;margin: 0px 1.5%;}
.banci_class1_t1{font-size: 14px;font-weight: bold;}
.banci_class1_t2{font-size: 12px;margin-bottom: 0;}
.banci_class1_t3{font-size: 12px;text-align:left;color:red;word-break: break-word;}
.banci_class1_jb{position:absolute;right:0;top:0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.banci_class1_jb .iconfont{right: 0;top: 0;font-size: 16px;}
.banci_class1_item a{padding: 15px;display:block;padding-bottom:20px;}
.banci_class1_jiaob1{position:absolute;left:3%;top:7%;}

.kech_zx{padding:15px 30px;font-size:18px;cursor:pointer;}
.kech_zx:first-child{background:#d1e0fa;border-radius:50px;color:#000;}
.wechat_scancode{background:#fff;width: 80%;padding:1%;position:relative;z-index:10;}
.scancode_head{text-align:center;padding:5% 5%;background:#eee;}
.scancode_t1{font-size:20px;font-weight:bold;margin-bottom:10px;}
.kech_btn1{display:flex;margin-top:15px;}
.kech_btn1 .kech_zx{width:150px;text-align:center;background:#ffaa05;padding:10px;}


.lists_mulu{position:relative;font-size:14px;padding-top:10px;border:1px solid #eee;border-top:none;display:none;}
.lists_mulu:before{content:'';position:absolute;left:32px;top:15px;bottom:19px;width:1px;border-radius:50%;background:#ededed;}
.lists_mulu .list-item{position:relative;margin-bottom:12px;padding: 9px 5px 9px 55px;cursor:pointer;color:#999;word-break: break-word;}
.lists_mulu .list-item:before{content:'';position:absolute;left:29px;top:0;bottom:0;margin:auto;width:8px;height:8px;border-radius:50%;background:#cccccc;}
.lists_mulu .list-item:hover:before{background:#2e6edf;background-size:17px 17px;}
.resource-type-tag[data-v-0d9ffd7c]{line-height:1;font-weight:normal;padding:2px 6px;font-size:12px;border-radius:2px;color:#ffffff;background:linear-gradient( 312deg, #175bcb 6%, #4385f4 95%);text-align:center;margin-right:6px;}
.qk_scontent{border:1px solid #f3f3f5;border-top:none;padding:2% 0 0 0;display:none;}
.qk_scontent.active{display:block;}
.lists_mulu_tt{font-size:14px;padding:10px 15px;background:#f6f6f6;border:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.lists_cont1.active .lists_mulu_tt_f2{transform:rotateZ(90deg);}
.lists_cont1{margin-bottom:10px;}
.lists_cont1:first-child .lists_mulu{display:block;}
.course_head{background:#d4e2f2;}
.course_dm_flex{display:flex;justify-content:space-between;padding:17px 15px;align-items:center;color:#222;font-weight:bold;}
.course_dm2_wxtx{max-width:30px;border-radius:50%;overflow:hidden;}
.course_dm2{display:flex;align-items:center;}
.course_dm1{font-size:16px;}
.course_close{position:absolute;right:10px;top:12px;cursor:pointer;}
.lists_mulu .list-item:hover{color:#2e6edf;}
.course_close i{font-size:32px;}
.package_content{width: 100%;background:#fff;position:relative;max-height:95%;overflow-y:scroll;z-index:10;}
.package_content .course_dm2 .course_dm2_wxtx{max-width:50px;}
.package_flex{display:flex;}
.package_flex_rt{width:100%;padding:10px;}
.package_flex_rth{padding:5px;height:100%;}
.package_tt1{margin-bottom:10px;margin-top:10px;font-size:16px;}
.package_tab2_cont1{display:none;}
.package_tab2_cont1.active{display:block;}
.crouse_pay{padding:10px;text-align:center;padding-bottom: 50px;}
.crouse_pay_btn{line-height:50px;background:#296ada;text-align:center;color:#fff;font-size:16px;margin:0 auto;cursor:pointer;border-radius:50px;}
.package_content::-webkit-scrollbar{width:4px;}
.package_content::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,0.7);}
.package_content::-webkit-scrollbar-track{border-radius:0;background:rgba(0,0,0,0.2);}
.resource-type-tag2[data-v-0d9ffd7c]{float:right;display:inline-block;padding:5px 6px;margin-right: 5px;}
span.resource-type-tag2.shixue_no span{font-size: 15px;}
span.resource-type-tag2.shixue_no{padding:0;margin-right:38px;}
.crouse_pay.crouse_paybsaji{display:flex;flex-wrap: wrap;}
.crouse_pay_price{text-align:center;width: 100%;line-height:50px;font-size:22px;background:#eee;color:red;font-weight:bold;}
.crouse_pay.crouse_paybsaji .crouse_pay_btn{width: 100%;border-radius:0;}
.package_tt1sp1{font-size:26px;font-weight:bold;margin-right:10px;}
.red{color:red;}
span.crouse_pay_prices3{font-size: 12px;font-weight:normal;color:#000;margin-left:10px;}
span.crouse_pay_prices1{font-weight:normal;color:#000;margin-right:20px;}

.shixue_yes{display:block!important;}
.shixue_no{display:block!important;}



.iconfont {
    font-family: "iconfont"!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.popup_lay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000080;
    left: 0;
    top: 0;
    z-index: 9;
    display: none;
}

.popup_content1_flex {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.course_content {
    max-width: 95%;
    background: #e5edf7;
    position: relative;
    z-index: 10;
    width: 1000px;
}

.course_top {
    font-size: 14px;
    padding: 15px;
    color: #161616;
    position: relative;
    background: #e5edf7;
    text-align: left;
}

.course_head {
    background: #d4e2f2;
}

.course_dm_flex {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
    color: #222;
    font-weight: bold;
}

.course_con_flex {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    aspect-ratio: 16/ 9;
}

.course_video {
    width: 100%;
    aspect-ratio: 16/9;
}

.course_dm1,.course_dms2 {
    font-size: 14px;
}

.course_video .vid2-dimensions.vjs-fluid {
    height: 100%;
    padding: 0;
    aspect-ratio: 16/ 9;
}

.course_close {
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer;
}

.course_close i {
    font-size: 26px;
}

.video-js .vjs-big-play-button {
    background: url(https://3hvip.com/static/index/images/play.png);
    background-position: center center;
    background-size: cover;
    width: 1.63332em;
    border: none;
}
.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    background-color: transparent;
}
.bottom_xxjl {
    width: 33.3%;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    background: #d3762f;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bottom_kcbuy{
	width: 33.3%;
}
.bottom_xxjl svg{
	    max-width: 25px;
	    max-height: 25px;
	    margin-right: 5px;
}

.lists_tabnav_bcom{padding:15px;padding-top:10px;}
.lists_tabnav_bt1{font-size:20px;line-height:2;}
.lists_tabnav_btcet{text-align:center;font-size:16px;}
.bleftline{border-left:7px solid #175bcb;line-height:1.2;padding-left:10px;font-size:24px;margin-bottom:10px;}
.lists_tabnav_btcet img{max-width:100%;width:260px;padding:0;border:1px solid #d8d8d8;border-radius:10px;margin-bottom:15px;margin-top:20px;}
.lists_tabnavs2 {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    background: #eee;
    z-index: 99999;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
}
.lists_tabnavs2close {
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
}
.lists_tabnavs2re {
    position: relative;
}
.lists_tabnavs2close i {
    font-size: 40px;
}
	.aui_sddh {
	    max-width: 95%;
	    margin: 0 auto;
	    margin-bottom: 20px;
	    font-size: 20px;
	    color: #000;
	    padding-left: 2%;
	}
	.booklist_tushu {
	    max-width: 95%;
	    margin: 0 auto;
	    margin-top: 20px;
	}
	.shyx_view2 .course_video {
	    aspect-ratio: auto;
	}
	.tushu_duibi {
	    padding-bottom: 60px;
	}
	.news_content_cri {
	    text-align: center;
	    margin-bottom: 30px;
	}
	input {
	    border: none;
	}
	.banci_class1_flexs1 {
    display: flex;
    margin-bottom: 10px;
    gap: 10px;
    align-items: center;
}
.kecheng_class1_flex.tijuan .banci_class1_item {
    border: 2px solid #00bc12;
}
.package_content .qk_snav {
    border-top: none;
    border-right: none;
}

.shyx_orderm_flex {
    display: flex;
    padding: 20px;
    background: #d1e0fa;
    gap: 20px;
}

.shyx_orderm_img {
    width: 100px;
}

.shyx_orderm_txt {
    flex: 1;
}

.shyx_orderm_t1 {
    font-size: 16px;
    line-height: 2;
}

.yonghu2 {
    color: #000;
}

.yonghu_xg {
    color: #4385f4;
    margin-left: 5px;
}
.shyx_orderm_item {
    border: 1px solid #eee;
    margin: 10px;
    overflow: hidden;
    border-radius: 10px;
    padding-bottom: 10px;
}

.shyx_orderm_fs1 {
    display: flex;
    padding: 10px;
    background: #d1e0fa;
    align-items: center;
}

.shyx_orderm_fszt {
    font-size: 16px;
}

.shyx_orderm_fsprice {
    font-size: 18px;
    color: red;
    margin-left: 20px;
    margin-right: auto;
}

.shyx_orderm_fsprice del {
    font-size: 12px;
    color: #929292;
}

.shyx_orderm_fstime {
    font-size: 12px;
}

.shyx_orderm_fs2 {
    padding: 0 10px;
    display: none;
    gap: 5px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.shyx_orderm_fs2sp1 {
    min-width: 70px;
    color: #787878;
}

.shyx_orderm_fs2sp2 {
    flex: 1;
    color: #000;
    word-break: break-all;
}
.shyx_orderm_btn {
    text-align: center;
    margin-top: 10px;
    display: none;
}

.shyx_orderm_btn a {
    font-size: 14px;
    line-height: 35px;
    display: inline-block;
    width: 100px;
    text-align: center;
}

.shyx_orderm_zk {
    text-align: right;
    margin-top: -10px;
    padding-right: 10px;
}

.shyx_orderm_btn1 {
    background: red;
    color: #fff;
}

.shyx_orderm_btn2 {
    color: #fff;
    background: #999;
}
.shyx_orderm_zk svg {
    width: 15px;
    height: auto;
}
.nacon_block {
    display: flex;
}

.shyx_orderm_item.active .shyx_orderm_fs2 {
    display: flex;
}

.shyx_orderm_item.active  .shyx_orderm_zk {
    display: none;
}

.shyx_orderm_item.active .shyx_orderm_btn {
    display: block;
}
.shyx_orderm_nacon {
    padding-bottom: 100px;
}
.shyx_orderm_nacontent {
    margin: 10px;
    padding: 10px;
    border: 1px solid #eee;
    min-height: 300px;
}
.shyx_orderm_nav .shyx_orderm_nav1:first-child {
    border-right: 1px solid #000;
}