.search-zoo{
    margin-top: 4.5px;
}
.dis_none{
    display: none;
}
.pt-10{
    padding-top: 10px;
}
/* .entrance{
    display: flex;
} */
.entrance-wrap{
    text-align: center;
}
.entrance .entrance-wrap:first-child{
    text-align: left;
}
.entrance .entrance-wrap:last-child{
    text-align: right;
}
.index-btn{
    display: inline-block;
    padding: 5px 0;
}
div .index_row:first-child{
    margin-top: 0;
}
.index_row{
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px;
}
.index_row_title{
    position: relative;
    padding: 10px 0 10px 18px;
    font-size: 0;
}
.index_row_title .title_text{
    color: #676767;
}
.index_row_title::before{
    position: absolute;
    left: 0;
    top: 14px;
    content: '';
    width: 5px;
    height: 20px;
    border-width: 0;
    border: none;
    border-style: none;
    border-radius: 5px;
    background: #90C1FE;
}
.tool_item{
    display: block;
    text-align: center;
    float: left;
    padding: 10px 0;
    border-radius: 6px;
    color: #262626;
    font-size: 0.14rem;
    background: #e9f3ff;
    margin-right: 10px;
    margin-top: 10px;
    width: -webkit-calc(99.9999% / 3 - 20px / 3);
    width: calc(99.9999% / 3 - 20px / 3);
}
.tool_item:nth-child(3n){
    margin-right: 0;
}
.tool_item:nth-child(1),
.tool_item:nth-child(2),
.tool_item:nth-child(3){
    margin-top: 0;
}
div .tool_item:last-child{
    background: #fff6f6;
    color: #fc9d9d;
}
div .tool_item:hover{
    color: #262626;
}
div .tool_item:last-child:hover{
    color: #fc9d9d;
}
.index_course_item{
    display: block;
    padding: 15px 10px;
    border-radius: 4px;
}
.index_course_item:nth-child(1){
    background: -webkit-linear-gradient(90deg,#b2d2f7, #72aefa);
    background: -o-linear-gradient(90deg,#b2d2f7, #72aefa);
    background: -moz-linear-gradient(90deg,#b2d2f7, #72aefa);
    background: linear-gradient(90deg,#b2d2f7, #72aefa);
}
.index_course_item:nth-child(2){
    background: -webkit-linear-gradient(90deg,#fcaaaa, #fabec9);
    background: -o-linear-gradient(90deg,#fcaaaa, #fabec9);
    background: -moz-linear-gradient(90deg,#fcaaaa, #fabec9);
    background: linear-gradient(90deg,#fcaaaa, #fabec9);
}
.index_course_item:nth-child(3){
    background: -webkit-linear-gradient(90deg,#ffdd96, #f6ca54);
    background: -o-linear-gradient(90deg,#ffdd96, #f6ca54);
    background: -moz-linear-gradient(90deg,#ffdd96, #f6ca54);
    background: linear-gradient(90deg,#ffdd96, #f6ca54);
}
.index_course_item:nth-child(4){
    background: -webkit-linear-gradient(90deg,#7ac366, #a3db83);
    background: -o-linear-gradient(90deg,#7ac366, #a3db83);
    background: -moz-linear-gradient(90deg,#7ac366, #a3db83);
    background: linear-gradient(90deg,#7ac366, #a3db83);
}
.index_course_name{
    color: #ffffff;
    font-size: 0.16rem;
    text-shadow:0 1px 1px #0000004a;
    text-align: center;
    margin-bottom: 10px;
    line-height: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.index_course_detail{
    margin-bottom: 15px;
    color: rgba(38, 38, 38, 0.8);
    font-size: 0.12rem;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.index_course_btn{
    width: 70%;
    margin: auto;
    height: 35px;
    border-radius: 50px;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
}
.swiper_course_img{
    display: inline-block;
    width: 151px;
    vertical-align: middle;
    text-align: center;
}
.item-img{
    font-size: 0;
    width: 131px;
    height: 80px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
}
.item-img img{
    width: 100%;
}
.swiper_course_detail{
    display: inline-block;
    width: -webkit-calc(100% - 151px);
    width: calc(100% - 151px);
    vertical-align: middle;
}
.swiper-pagination-bullet.yellowActive{
    background: #f6ca54!important;
}
.swiper-pagination-bullet.yellow_circle{
    background:rgba(222,222,222,0.59);
    border: none;
    opacity:1!important;
    width:10px;
    height:2px;
    opacity:1;
    border-radius:6px;
}
.swiper-course{
    font-size: 0;
    background: #fff;
    display: block;
}
.swiper_news_wrap{
    display: block;
    position: relative;
    max-height: 260px;
    overflow: hidden;
}
.swiper_news_title{
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    color: rgba(38, 38, 38,1);
    text-align: center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:5px 10px;
    left: 0;
    bottom: 0;
    font-size: 0.12rem;
    box-sizing: border-box;
}
.nlyd_xxds_name{
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    color: rgba(38, 38, 38,1);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0;
    left: 0;
    bottom: 0;
    font-size: 0.14rem;
    box-sizing: border-box;
    cursor: not-allowed;
    pointer-events:none;
}
.nlyd_ainao_wrapper{
    overflow: hidden;
}
.nlyd_ainao_name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(38,38,38,1);
    font-weight:500;
    line-height:25px;
    font-size:0.14rem;
    text-align: center;
    margin-top: 8px;
}
.swiper-container2 .swiper-button-next,
.swiper-xxds .swiper-button-next
{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAB4CAYAAAC6oA/pAAAABHNCSVQICAgIfAhkiAAAA/VJREFUeJzt209LK1cYgPFnRiFREzeKhiLduhChG6FQA6LMuO2uqxb6rQr9Dl3XBERJ/b9pcXVXahSxQTdiMlEw00UJ3Mt45/pyOXPOGd5nZwY8Lz/PDJNhDPioNE1/Bn4Evge+QfukACBN02+B34HY7jhuN8b6C/jB8izOF6Zp+isK9a5C4CfbQ/hSCHxnewhfCtI0TW0P4Uuh7QF8SrEEKZYgxRKkWIIUS5BiCVIsQYolSLEEKZYgxRKkWIIUS5BiCVIsQYolSLEEKZYgxRKkWIIUS5BiCVIsQYolSLEETZr6xd1ul8PDQyYnJ1leXmZ1ddXUUoVlbGednp4yGo14eXnh/Pyco6MjU0sVlhGsMdLHXVxccHBwYGK5wjKCFYYhi4uLmc+vrq68BjN2Gq6vrzM7O5v53GcwY1iVSoUoikoFZvTW4T1gPr1LV8ibf8/Pz7TbbR4fHzPHlpaWaDabBEFgeoyvrpCb0rwddnNzQ6fT8WKHFXYHXwawQr/ujMFqtVrmmA9ghX83rFQqxHH8WbD9/X1nwax8ka5Wq58Fu729dRbM2lMHH8GsPqLxDcz686z3gI1GIwuTZXPm31GGwyGtVounp6fMsUajwcbGBmFo929rfWeNy9thd3d37O3tWd9hzmCB+2BOYYHbYM5hgbtgzlzg3yrvor+wsMDm5mahF30nd9a4vB3W6/XY3d0tdIc5jQVugTmPBe6AeYEF7wN7fX01OoPTF/i3yrvoz8/Ps7W1xcTEhJG1vdlZ4/J22P39PScnJ8bW9g4L8sEuLy+5vr42sq6XWPA/WLPZfPNYt9s1sqa3WMPhkE6n8+axqakpI2t6iZV3kZ+ZmWFlZcXIut5h5UFNT08TxzGVSsXI2l5hfQlqe3vb2CkIHmHZhgJPsFyAAg+wXIECx7FcggKDbyt/bUmS0G63nYECR7GSJGFnZ4fBYJA5ZgsKHDwNXYUCx7BchgKHsFyHAkeuWXlQtVqNKIqsQ4EDWF+CiuOYarVqYbJsVk9Dn6DAIpZvUGDpNOz3+7Tbba+gwAJWv9+n1WqRJEnmmMtQUPBp6DMUFIjlOxQUhFUGKCgAqyxQYBirTFBgEKtsUGAIq4xQYAjr+Pi4dFBg6Kb04eEh81m9XieKIm+hwNDOmpub++Tner3u9Y4aZ+RltsFgwNnZGb1ej0ajwdramvdQ4OGbfzZz5rGyDymWIMUSpFiCFEuQYglSLEGKJUixBCmWIMUSpFiCFEuQYglSLEGKJUixBCmWIMUSpFiCQuBf20P4Ugj8bXsIXwqB32wP4UsBQJqmfwLblmdxvjHWMvAPYOY/sUtSCBAEwYcgCKrAL8AfwK3VqRztP07JMERkv+kkAAAAAElFTkSuQmCC');
    right: 0;
}
.swiper-container2 .swiper-button-prev,
.swiper-xxds .swiper-button-prev{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAB4CAYAAAC6oA/pAAAABHNCSVQICAgIfAhkiAAAA3FJREFUeJzt3L9LW1EUwPHvlfgjhqi4uQRBhCyOIkQyabL3H+hQ6F/Wvdixhahghw4OddM1EE1FBKXgYPLSQSzYV5N3wPveOeF8xxt45/HhRpJ3JWE0Go3w/u0S+AEchBA+PS8Gx5rYN+BjCKHrWNn6HkJoOlb2PjhW9r46VvZ+OZagmaJvwFKOJcixBDmWIMcS5FiCHEuQYwlyLEGOJcixBDmWIMcS5FiCHEuQYwlyLEGOJcixBDmWIMcS5FiCHEvQ1GBdXV1xcXHBw8NDtBnmD1mTJOHk5IRerwdAqVSi3W6zsrLy5rNM76wkSTg+Pv4LBTAYDDg/P48yzyzWM1S/389tpkmscVCVSoWtra0oc0tRrhqxcVDlcplWq8Xi4mKU2aZ21iSodrsdDQoMYWWBqlQqUe/BBJYGKDCApQUKlP+BT5KEw8NDrq+vU68tLCzkCgWKd9YkqFarlSsUKMXKAlWtVnO/L3VYWqFAGZZmKFCENQ5qfn6+cChQgmUBChRgZYFaWloq4M7SFYplCQoKxLIGBQVhWYSCArDGQc3NzamFgpyxJkHt7++rhYIcv0gPh0OOjo7GQsU4kXnLcsEaDod0Oh1ubm5Sr1mBghzehtMCBZGxxkHNzs6agoKIWJOg9vb2TEFBJKwsUKurqzFGRy0K1unp6dRBQSSsbrebWrMOBZGwyuVyjMsWXhSsZrPJzMzLSz8+PtLpdLi9vY0xMpeiYC0vL9NoNAghvFi3Dhbto0OtVmN3dze1bhks6ofSWq1Go9FIrVsFi/51Z319fWrAcnlEMy1guT3PmgawXB/+WQfL/bGyZbBCDiysghV2FGYRrNBDVmtghR/fWwIrHAvsgKnAgiewnZ2d1LomMDVYABsbG6rBVGGBbjB1WKAXTCUW6ARTiwX6wFRjgS4w9VigB8wEFugAM4MFxYOZwoInsO3t7dT6M9j9/X202eawADY3N18FOzs7izbXJBa8DjYYDKLNNIsFabAQAvV6Pdo88z+vAnB3d0e/32dtbS3qfztPBVZemX4b5p1jCXIsQY4lyLEEOZYgxxLkWIIcS5BjCXIsQY4lyLEEOZYgxxLkWIIcS5BjCXIsQY4lyLEEOZYgx8reL8fK3k8/ZM3eO99Z2foSQjjwnTW530A9hNDznfX/LoHPwPsQQjWE0AP4AyqGRKhOP2ekAAAAAElFTkSuQmCC');
    left: 0;
}
.swiper-xxds .swiper-button-next.swiper-button-disabled, 
.swiper-xxds .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.grid_course{
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.swiper-pagination-bullet:focus,
.swiper-button-next:focus,
.swiper-button-prev:focus{
    outline: none;
}
img.lay_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index_new .a_ad_row{
    background: #fff;
    margin-top:20px;
}
.a_ad_row{
    display: block;
    font-size: 0;
    background: #f8f9fb;
    margin-top: 10px;
}
div .a_ad_row:first-child{
    margin-top: 0;
}
.a_ad_img,.a_ad_content{
    display: inline-block;
    vertical-align: middle;
}
.a_ad_img,.a_ad_img .img-box{
    width: 100px;
    height: 100px;
}
.index_new .a_ad_img,
.index_new .a_ad_img .img-box{
    height: auto;
}
.a_ad_content{
    /* box-sizing: border-box; */
    padding-left: 10px;
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
    /* border: 1px solid #f2f2f2; */
    border-left: none;
}
.a_ad_content div{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.banner_img{
    display: block;
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
}
.banner_img img{
    width: 100%;
}
.WordCup_btn_wrapper{
    position: absolute;
    left: 30.4159445407279%;
    bottom: 10%;
    width: 59.18544194107452%;
}

.WordCup_btn_wrapper .WordCup_btn:first-child{
    margin-right: 6%;
}
.WordCup_btn{
    width: 40%;
}
.WordCup_btn img{
    width: 100%;
}

.student_tabs .layui-tab-title li,
.student_tabs .layui-tab-title span{
    display: inline-block;
    /* color:#262626; */
    height: 44px;
    width: 50%;
    line-height: 44px;
    padding: 0;
    position: relative;
    text-align: center;
    cursor: pointer;
    min-width: auto;
    font-size: 0.14rem;
    vertical-align: middle;
}
.student_tabs .layui-tab-title{
    height: auto;
    background: #fff;
}
.student_tabs .layui-tab-brief>.layui-tab-title .layui-this{
    color: #2484FE;
    border:none;
}
.student_tabs .nl-transform{
    position: absolute;
    transform: translate3d(0px, -5px, 0px);
    transition: all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1) 0s;
    height: 5px;
    width: 50%;
    background: #2484FE;
}
.student_tabs .layui-tab-brief>.layui-tab-more li:after, 
.student_tabs .layui-tab-brief>.layui-tab-title li:after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 5px;
    border-width: 0;
    border: none;
    border-style: none;
    background: #a5ccff;
}
.student_tabs .layui-tab-title .layui-this:after{
    bottom: 0;
    top: -webkit-calc(100% - 5px);
    top: calc(100% - 5px);
}
.student_tabs .layui-tab-brief>.layui-tab-more li.layui-this:after, 
.student_tabs .layui-tab-brief>.layui-tab-title .layui-this:after{
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 5px;
    border-width: 0;
    border: none;
    border-style: none;
    background: #a5ccff;
}
.student_tabs .layui-tab-brief[overflow]>.layui-tab-title .layui-this:after{
    top: auto;
}
.news_wrappers {
    margin-top:20px;
    height:75px;
    overflow:hidden;
}
.content ul.donate_bar {
    margin:0;
    padding:0;
}
.donate_bar li {
    height:25px;
    list-style:none;
    margin:0;
    padding:0;
}
.donate_bar span {
    font-size:0.14rem;
    margin-left:0;
}
.donate_bar a {
    display:block;
    text-decoration:none;
    font-size:0.14rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.home_page_content_info{
    display: none;
    overflow: hidden;
}
.home_page_content_info.active{
    display: block;
}
.home_page_img_box{
    font-size: 0;
}
.home_btn_scroll{
    font-size: 0;
    line-height: 20px;
    padding-bottom: 6px;
}
.home_page_img_item{
    width: 100px;
    display: block;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.home_page_img_box a:last-child{
    margin-right: 0;
}
.home_page_img_item_box{
    width: 100px;
    height: 56px;
}
.home_page_img_item_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_page_img_item_dp{
    text-align: center;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:bold;
    line-height:17px;
    color:rgba(4,13,46,0.75);
    margin-top: 15px;
}
.home_page_bt_box{
    font-size: 0;
    padding-top: 20px;
    padding-bottom: 10px;
}
.header_rows{
    position: relative;
    padding-left: 12px;
}
.header_rows::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    height: 16px;
    width: 4px;
    border-radius: 2px;
    background: rgba(40,178,139,1);
}
.home_page_title{
    font-size:0.18rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:25px;
}
.home_page_bts{
    position: relative;
    box-sizing: border-box;
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:20px;
    color:rgba(4,13,46,0.9);
    margin-right: 15px;
}
a.home_page_bts:hover{
    color:rgba(4,13,46,0.9);
}
.home_btn_scroll .home_page_bts:last-child{
    margin-right: 0;
}
a.home_page_bts.active:hover{
    color:rgba(40,178,139,1);
}
.home_page_bts.active{
    color:rgba(40,178,139,1);
}
.home_page_bts.active::after{
    position: absolute;
    left: 0;
    bottom: -5px;
    content: '';
    width: 100%;
    height: 2px;
    border-width: 0;
    border: none;
    border-style: none;
    border-radius: 0;
    background: rgba(40,178,139,1);
}
.home_page_img_people{
    font-size: 0;
    width:277px;
    box-sizing: border-box;
    padding: 15px;
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 9px rgba(217,217,217,0.16);
    margin-right: 10px;
    background: #fff;
}
.home_page_img_item_people_dp{
    width: -webkit-calc(100% - 86px);
    width: calc(100% - 86px);
    vertical-align: top;
}
.home_page_img_item_people{
    width: 66px;
    height: 88px;
    margin-right: 10px;
}
.home_page_img_item_people img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_page_img_item_people_text1{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:20px;
    color:rgba(7,36,71,1);
}
.home_page_img_item_people_text2{
    margin-top: 4px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:17px;
    color:rgba(40,178,139,1);
}
.home_page_img_item_people_text3{
    margin-top: 4px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:21px;
    color:rgba(4,13,46,0.45);
}
.top_nav_new_wrapper{
    height: 45px;
    width: 100%;
}
.top_nav_new{
    background-color:#F9FBFC;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 30px;
    z-index: 101;
}
.top_nav_new.fixed_top{
    position: fixed;
    left: 0;
    top:0;
    z-index: 1002;
}
.top_nav_new a{
    position: relative;
    height: 25px;
    line-height: 25px;
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    color:rgba(38,38,38,1);
}
.top_nav_new a.active{
    font-size: 0.16rem;
    color:rgba(0,113,254,1);
    font-weight: bold;
}
.top_nav_new a.active::after{
    position: absolute;
    left: 10%;
    bottom: -6px;
    content: '';
    width: 80%;
    height: 3px;
    border-width: 1px;
    border-style: none;
    box-sizing: border-box;
    pointer-events: none;
    border: none;
    border-radius:2px;
    background:rgba(0,113,254,1);
}
.top_nav_new a:hover{
    color:rgba(38,38,38,1);
}
.top_nav_new a.active:hover{
    color:rgba(0,113,254,1);
}

.nav_href_header_title{
    font-size:0.18rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    color:rgba(1,18,38,1);
}
.nav_href_header_dp{
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    color:rgba(7,36,71,0.45);
}
.nav_href_header_pay_btn{
    display: block;
    text-align: center;
    line-height: 28px;
    width:80px;
    height:28px;
    background:rgba(255,216,67,1);
    border-radius:14px;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    color:rgba(67,6,6,1);
}
a.nav_href_header_pay_btn:hover{
    color:rgba(67,6,6,1)!important;
}
.nav_href_header{
    padding-bottom: 0;
    position: relative;
    padding-left: 12px;
    /* background: #fff; */
}
.nav_href_header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    height: 16px;
    width: 3px;
    border-radius: 2px;
    background: rgba(40,178,139,1);
}
.goClasss{
    padding-top: 15px;
}
.free_course_item{
    margin-right: 10px;
    width: -webkit-calc(100% / 3 - 20px / 3);
    width: calc(100% / 3 - 20px / 3);
    background:rgba(228,246,239,1);
    border-radius:4px;
    text-align: center;
    padding: 7px 0;
    font-size:0.16rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:22px;
    color:rgba(40,178,139,1);
}
div>.free_course_item:nth-child(3n){
    margin-right: 0;
}
a.free_course_item:hover{
    color: rgba(40,178,139,1);
}
.trainsCourse_item_title{
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:20px;
    color:rgba(7,36,71,0.45);
    padding-top: 16px;
}
.index_row1{
    margin-top: 12px;
}
.course_train_title_btn{
    display: inline-block;
    text-align: center;
    width:74px;
    height:28px;
    background:rgba(229,242,255,1);
    border-radius:2px;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:500;
    line-height:28px;
    color:rgba(0,113,254,1);
}
.course_train_title_btn_dp{
    display: inline-block;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:28px;
    color:rgba(7,36,71,0.45);
    margin-left: 10px;
}
.course_train_title{
    line-height: 28px;
    margin-top: 24px;
}
.index_course_one{
    display: block;
    box-sizing: border-box;
    margin-right: 10px;
    width:160px;
    background:rgba(255,255,255,1);
    /* border:1px solid rgba(243,243,243,1); */
}
.index_course_one.no_border .index_course_dp{
    border: none;
}
.index_course_img{
    width: 160px;
    height: 90px;
}
.index_course_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index_course_dp{
    padding: 10px 5px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size:0.12rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:18px;
    color:rgba(83,83,83,1);
    border:1px solid rgba(243,243,243,1);
    border-top: none;
}
.index_course_dp.ta_l{
    text-align: left;
}
.index_course_wrapper{
    margin-top: 16px;
}
.pb_10{
    padding-bottom: 16px;
}
.course_new_row_sys_item{
    display: block;
    margin-top: 16px;
    box-sizing: border-box;
}
.course_new_row_sys_img {
    width: 140px;
    height: 90px;
}
.course_new_row_sys_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.course_new_row_sys_text {
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    margin-left: 10px;
}
.course_new_row_sys_text_wrap {
    min-height: 90px;
}
.course_new_row_sys_name {
    font-size: 0.14rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    line-height: 20px;
    color: rgba(38,38,38,1);
}
.course_new_row_sys_dp {
    font-size: 0.12rem;
    font-family: Source Han Sans SC;
    font-weight: 500;
    line-height: 18px;
    color: rgba(38,38,38,0.60);
}
.text_through {
    text-decoration: line-through;
}
.sale_btn {
    box-sizing: border-box;
    padding: 2px 3px;
    border: 1px solid rgba(50,161,11,1);
    border-radius: 11px;
    font-size: 0.12rem;
    font-family: Source Han Sans SC;
    font-weight: 500;
    line-height: 14px;
    color: rgba(50,161,11,1);
}
.index_shop_dp{
    padding: 8px 0;
}
.index_shop_left{
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:20px;
    color:rgba(83,83,83,1);
}
.index_shop_right{
    width: 70px;
    text-align: right;
    font-family:Source Han Sans SC;
    line-height:20px;
    color:rgba(40,178,139,1);
}
.goShops_banner{
    display: block;
    width: 100%;
    margin-top: 10px;
}
.goShops_banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c_d_green{
    color: rgba(40,178,139,1);
}
a.c_d_green:hover{
    color: rgba(40,178,139,1);
}
.zones_btn{
    box-sizing: border-box;
    border:1px solid rgba(40,178,139,1);
    border-radius:4px;
    padding: 8px;
    font-size:0.14rem;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:20px;
    margin-right: 8px;
}
div>.zones_btn:last-child{
    margin-right: 0;
}
@media screen and (min-width: 1200px){
    .mui-bar{
        /* background: #fff; */
    }
    .top-nav{
        position: relative;
        border-top: 1px solid #f3f3f3;
    }
    .nl-border{
        padding-top: 0;
    }
}
@media screen and (max-width: 1199px){
    .grid_course{
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (max-width: 320px){
    .grid_course{
        grid-template-columns: repeat(1,1fr);
    }
    .index_course_btn{
        width: 120px;
        height: 40px;
    }
}