@charset "utf-8";
/* CSS Document */
/*灰色提示弹窗*/
.toolTipBox{position:fixed;padding:0 24px;height:48px;background:rgba(79,87,98,0.98);border-radius: 8px;line-height:48px;color:#fff;font-size:14px;top:50%;margin-top:-24px;left:45%;z-index:10}
.popicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;}
.popicon img{width:100%;height:100%;float: left}
.loadicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;}
.loadicon img{width:100%;height:100%}

.maskDiv{width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(16,26,41,0.76);z-index:10}
.wid440{width:440px;max-height:360px}
.wid640{width:640px;max-height:480px}
.wid840{width:840px;max-height:600px}

.popDiv{min-height:100px;background: #FFFFFF;border-radius: 10px;position:fixed;left:50%;overflow:hidden}
.popHead{line-height:60px;height:60px;background: #FFFFFF;box-shadow: inset 0 -1px 0 0 rgba(242,242,242,0.80);position:absolute;left:0;top:0;width:100%;padding:0 30px;box-sizing: border-box;background:#fff}
.popClose{display:inline-block;width:18px;height:18px;margin-top:19px}
.popClose2{display:inline-block;width:18px;height:18px;margin-top:19px}
.het62{width:100%;height:62px;}
.het60{width:100%;height:60px;}
.popBottom{width:100%;height:53px;background:#fff;position:absolute;left:0;bottom:0;padding-top:17px;}
.popBottom a{margin-right:30px;}
.shadowBox{box-shadow: 0 -1px 4px 0 rgba(209,209,209,0.18);}
.het72{width:100%;height:72px;}
.popWord{padding:26px 30px;}


.l_table_list span {
  	width: 36px;
    height: 21px;
    background: #8FB4DE;
    border-radius: 4px;
    position: absolute;
    right: 28px;
    top: 50%;
    line-height: 21px;
    color: #fff;
    display: block;
    margin-top: -10px;
    text-align: center;
}


.l_table_list.l_active {
    border: 1px solid #D6E8FF;
    background: #F0F6FF !important;
}
.toolTipBox img{display: inline-block;
    vertical-align: top;}

 /*气泡icon*/
 .c_tip_icon {
     position: relative;
     margin-left: 10px;
     transform: translateY(3px);
     cursor: pointer;
 }

 .c_tip_icon:hover .bubble {
     display: block;
 }

 .c_tip_icon:hover .c_tip_icon_circle {
     fill: #3A8BFF
 }

 .c_tip_icon .bubble {
     position: absolute;
     display: none;
     padding: 12px 16px;
     background: rgba(24, 30, 51, 0.8);
     border-radius: 4px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 12px;
     color: #FFF;
     letter-spacing: 0;
     z-index: 11;
     line-height: normal;
     width: 255px;
     left: -35px;
     top: 0;
     transform: translateY(-100%);
 }

 .c_tip_icon .bubble:after {
     position: absolute;
     content: "";
     border-color: rgba(24, 30, 51, 0.8) transparent transparent transparent;
     border-style: solid;
     border-width: 7px 8px 0 8px;
     height: 0;
     left: 40px;
     bottom: -6px;
     margin-left: -4px;
     margin-top: 0px;
     width: 0;
 }


 /* CSS Document */
 .mask{
     position: fixed;
     width: 100%;
     height: 100%;
     background: #101A29C2;
     top: 0;
     left: 0;
     z-index: 999;
 }
 .pop{
     position: absolute;
     width: 1000px;
     height: 716px;
     background: url(../images/pop/pop.png) no-repeat;
     background-size:cover;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     border-radius: 16px;
     box-shadow: 0px 2px 12px 0px #00255933;
 }
 .pop_head{
     height: 60px;
     padding:0 30px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 .pop_head_title{
     font-size:16px;
     font-weight:bold;
     color:#131B26
 }
 .pop_close{
     width: 18px;
     height: 18px;
     background:url(../images/pop/pop_close.png) no-repeat;
     background-size:100%;
     display: inline-block;
     cursor: pointer;
 }
 .pop_center{
     height: calc(100% - 60px);
     box-sizing: border-box;
     padding: 20px 20px 30px 30px;
 }
 .pop_left{
     background: #FFFFFF80;
     border: 4px solid #FFFFFFB2;
     backdrop-filter: blur(4px);
     width:240px;
     height:100%;
     border-radius:16px;
     box-sizing: border-box;
     padding:30px 20px;
     display: flex;
     flex-direction: column;
     float: left;
 }
 .enterCourse{
     display: block;
     height: 32px;
     border: 1px solid #8CBBFF;
     border-radius:100px;
     text-align: center;
     line-height: 30px;
     color:#3A8BFF;
     font-size:14px;
     cursor: pointer;
 }
 .pop_left_content{
     flex: 1;
     margin-bottom: 20px;
     overflow: auto;
 }
 .pop_left_content_name{
     font-family: 'PingFang SC',AlibabaPuHuiTi-3-105-Heavy;
     font-weight: 900;
     font-size:18px;
     color:#131B26;
     line-height: 25px;
 }
 .pop_left_content_detail li{
     margin-top:10px;
     font-size:12px;
     color:#8A8B99;
     line-height: 17px;
     position: relative;
     padding-left:22px;
 }
 .pop_left_content_detail li i{
     position: absolute;
     width:16px;
     height: 16px;
     top:0;
     left:0
 }
 .pop_left_content_detail li i.cities{
     background:url(../images/pop/cities.png) no-repeat;
     background-size:100%;
 }
 .pop_left_content_detail li i.userIcon{
     background:url(../images/pop/user.png) no-repeat;
     background-size:100%;
 }
 .pop_left_content_detail li i.resource{
     background:url(../images/pop/resource.png) no-repeat;
     background-size:100%;
 }
 .pop_right{
     height: 100%;
     width:670px;
     float: right;
 }
 .pop_right_top{
     height: 36px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-right:10px
 }
 .startBtn{
     display:flex;
     align-items: center;
     justify-content: center;
     width: 104px;
     height: 32px;
     text-align: center;
     background: linear-gradient(122.14deg, #1E94F8 -3.07%, #2968F1 41.82%, #AA23BA 91.76%);
     border-radius:100px;
     color:#fff;
     box-shadow: 0px 2px 9px 0px #67A1FF80;
     font-size:14px;
     cursor: pointer;
 }
 .startBtn i{
     display: inline-block;
     width:14px;
     height: 14px;
     background:url(../images/pop/arrow.png) no-repeat;
     background-size: 100%;
     margin-left:3px
 }
 .pop_right_top_title{
     display: flex;
     align-items: center;
 }
 .titlBg{
     display: inline-block;
     font-size:18px;
     color: #131B26;
     font-family: 'PingFang SC',AlibabaPuHuiTi-3-105-Heavy;
     font-weight:900;
     background:url(../images/pop/practice.png) no-repeat left center;
     background-size:24px 24px;
     padding-left:34px
 }
 .tags{
     display: inline-block;
     padding:0 8px;
     height: 20px;
     border: 1px solid #02BF31;
     border-radius:20px;
     color:#02BF31;
     line-height: 18px;
     margin-left:10px
 }
 .pop_right_Scroll{
     height: calc(100% - 36px);
     overflow: auto;
 }
 .contentItem{
     background:#fff;
     border-radius:16px;
     padding:20px 24px;
     margin-top:20px;
     margin-right:10px;
 }
 .content_title{
     line-height: 22px;
     font-size:16px;
     font-family: 'PingFang SC',AlibabaPuHuiTi-3-105-Heavy;
     font-weight:900;
     color:#131B26;
 }
 .content_title i{
     display: inline-block;
     margin-right:10px;
     position: relative;
     width:14px;
     height: 14px;
     background: linear-gradient(322.22deg, #5A33FF -34.58%, #6CC7FF 132%);
     border-radius: 100%;
 }
 .content_title i::after{
     content: '';
     position: absolute;
     width: 7px;
     height: 7px;
     background:#fff;
     border-radius:100%;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
 }
 .content_details{
     margin-top:10px
 }
 .dialogue_requirements li{
     margin-bottom:20px;
     font-size:14px;
     color:#474C59;
     line-height: 160%;
 }
 .dialogue_requirements li span{
     font-weight: 600;
     color:#131B26
 }
 .dialogue_requirements li:last-child{margin-bottom:0}
 .standards{
     font-size:14px;
     color:#131B26;
     line-height: 160%;
     font-weight: 400;
 }
 .standards h3{
     font-size:14px;
     color:#131B26;
     line-height: 160%;
     font-weight: 400;
 }
 .think_ladder .titlBg{
     background:url(../images/pop/ladder.png) no-repeat left center;
     background-size:24px 24px;
 }
 .think_ladder .tags{
     border-color:#ADA3FF;
     color:#7A69FF
 }
 .dimensions li{
     padding-left:20px;
     margin-bottom:20px;
     position: relative;
     color:#131B26;
     font-size:14px;
     line-height: 160%;
 }
 .dimensions li:last-child{
     margin-bottom:0
 }
 .dimensions li::before{
     content: '';
     position: absolute;
     width:5px;
     height: 5px;
     background: #131B26;
     border-radius: 100%;
     top:8px;left:6px
 }
 .knowpointBx span{
     float:left;
     display: flex;
     align-items: center;
     padding:6px 10px;
     border: 1px solid #E1E3E5;
     border-radius: 8px;
     margin-right:10px;
     margin-top:10px;
     color:#8A8B99;
     font-size:14px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
 .knowpointBx span i{
     display: inline-block;
     width: 14px;
     height: 14px;
     background: url(../images/pop/light.png) no-repeat;
     background-size: 100%;
     margin-right:6px;
     cursor: pointer;
 }
 .preview_pop{
     width:640px;
     height: 480px;
     background: url(../images/pop/preview.png) no-repeat;
     background-size: 100%;
 }
 .preview_code{
     text-align: center;
     margin-top:50px;
 }
 .preview_code h3{
     font-size:24px;
     color:#131B26;
     font-weight: 600;
     line-height: 100%;
 }
 .code_bx{
     width:220px;
     height: 220px;
     background: url(../images/pop/ewmBg.png) no-repeat;
     background-size: 100%;
     margin:0 auto;
     margin-top:25px;
     display: flex;
     align-items: center;
     justify-content: center;
 }