/*公用css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0; }
address,cite,dfn,em,var, i {font-style:normal;}
html{height: 100%;}
body {font-size: 14px !important; line-height: 1.5 !important; font-family:'Microsoft Yahei','simsun','arial','tahoma' !important;  color: #262626;min-width: 1200px;background-color: #F5F7FA;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
/*button,input,select,textarea{font-size:100%;}*/
fieldset,img{border:none;}
a,
img {
    -webkit-touch-callout: none
}
a{color: #262626;}
a,
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none;}
a:hover{color: #3AAB6A;}
input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff;
   border: none;
    outline: none;
}
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
ul, ol { list-style: none; }
/*顶部*/
.a-1{height: 72px;background-color: #303133;}
.a1-1{background-color: transparent;}
.a-2{width: 1200px;margin: 0 auto;}
.a-3{display: inline-block;vertical-align: middle;}
.a1-3{margin-top: 15px;}
.a-4{width: 146px;height: 42px;}
.a-5{display: inline-block;vertical-align: middle;margin-left: 60px;}
.a-6{overflow: hidden;}
.a-6 li{float: left;line-height: 72px;margin-right: 65px;position: relative;height: 72px;}
.a-6 li::after{display: block;position: absolute;content: '';width: 100%;bottom: 0;height: 6px;background-color: #3AAB6A;border-radius: 3px;display: none;}
.a-6 li.active::after{display: block;}
.a-6 li:last-child{margin-right: 0;}
.a-6 li a{color: white;font-size: 18px;display: block;}
.a-6 li a:hover{color: #3AAB6A;}
.a-6 li.active a{color: #3AAB6A;}
.a-7{height: 72px;box-sizing: border-box;padding-top: 10px;display: none;}
.a-8{width: 19px;height: 19px;display: inline-block;vertical-align: middle;}
.a-9{display: inline-block;vertical-align: middle;background-color: transparent;border: none;width: 650px;color: white;height: 50px;margin: 0 10px;}
.a-10{display: inline-block;vertical-align: middle;cursor: pointer;width: 17px;height: 17px;}
.a-11{float: right;margin-top: 18px;}
.a-12{display: inline-block;vertical-align: middle;cursor: pointer;width: 19px;height: 19px;}
.a-13{display: inline-block;vertical-align: middle;height: 20px;width: 1px;background-color: rgba(255,255,255,0.19);margin: 0 10px;}
.a-14{border-radius: 50px;overflow: hidden;display: inline-block;vertical-align: middle;}
.a-15{width: 55px;height: 37px;line-height: 37px;display: block;background-color: #3AAB6A;color: white !important;text-align: center;float: left;}
.a-16{width: 55px;height: 37px;line-height: 37px;display: block;background-color: rgba(255,255,255,0.23);color: white !important;text-align: center;float: left;}
.a-17{padding-top: 20px;padding-bottom: 40px;}
.a1-17{background-color: white;}
.a-18{width: 1200px;margin: 0 auto;}
.a-19 a{color: #A8A8A8;}
.a-19 a:hover{color: #3AAB6A;}
.a-20{margin-top: 20px;}
.a-21{font-size: 36px;color: #3AAB6A;text-align: center;}
.a-22{text-align: center;color: #848484;margin-top: 20px;padding-bottom: 20px;border-bottom: 1px dashed #E6E6E6;}
.a-23{margin-right: 75px;}
.a-22 .a-23:last-child{margin-right: 0;}
.a-23 span{display: inline-block;vertical-align: middle;}
#share-1{display: inline-block;vertical-align: middle;}
.a-24{padding-top: 30px;}
.a-24 img{display: block;margin: 10px auto;max-width: 100%;}
.a-25{background-color: #303133;}
.a1-25{background-color: transparent;}
.a-26{width: 1200px;margin: 0 auto;}
.a-27{overflow: hidden;padding-top: 85px;padding-bottom: 35px;}
.a-28{width: 146px;height: 42px;float: left;}
.a-29{float: left;color: #C8C8C8;margin-left: 210px;}
.a-30{font-size: 16px;margin-bottom: 8px;}
.a-31 li{line-height: 30px;}
.a-31 li a{color: #C8C8C8;}
.a-32{float: right;}
.a-33{font-size: 16px;color: #C8C8C8;margin-bottom: 13px;}
.a-35{width: 130px;height: 130px;border: 7px solid white;}
.a-36{font-size: 12px;color: white;text-align: center;margin-top: 14px;}
.a-37{overflow: hidden;border-top: 1px solid rgba(255,255,255,0.23);padding: 18px 0;}
.a-38{overflow: hidden;float: left;margin-top: 4px;}
.a-38 li{float: left;border-right: 1px solid #C8C8C8;line-height: 13px;height: 13px;}
.a-38 li:last-child{border-right: none;}
.a-38 li a{color: #C8C8C8;padding: 0 15px;}
.a-38 li a:hover{color: #3AAB6A;}
.a-39{color: #C8C8C8;float: right;}
.a1-25 .a-38 li{border-color: white;}
.a1-25 .a-38 li a{color: white;}
.a1-25 .a-39{color: white;}
.a-40{display: inline-block;vertical-align: middle;}
.a-41{width: 35px;height: 35px;border-radius: 100%;display: inline-block;vertical-align: middle;}
.a-42{color: white;font-size: 16px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.a-44{background-color: white;font-size: 0;overflow: hidden;}
.swiper-container1{position: relative;height: auto !important;}
.swiper-container1 .swiper-wrapper{height: auto !important;}
.swiper-container1 .swiper-wrapper .swiper-slide{height: auto !important;position: relative;overflow: hidden;}
.swiper-container1 .swiper-wrapper .swiper-slide a {display: block;height: 520px;}
.swiper-container1 .swiper-wrapper .swiper-slide a img{height: 520px;position: absolute;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);top: 0;}
.swiper-container1 .pagination{position: absolute;bottom: 20px;width: 100%;text-align: center;}
.swiper-container1 .swiper-pagination-switch{display: inline-block;width: 12px;height: 12px;border-radius: 12px;background-color: rgba(25, 25, 25, 0.36);margin: 0 5px;cursor: pointer;}
.swiper-container1 .swiper-active-switch{display: inline-block;background-color: #3AAB6A;}
.a-45{width: 103px;height: 43px;background:url(../img/tz_img.png) no-repeat center;background-size: 100%;text-align: center;padding-top: 10px;box-sizing: border-box;float: left;}
.a-46{display: inline-block;vertical-align: middle;}
.a-47{font-size: 16px;color: white;display: inline-block;vertical-align: middle;}
.a-48{font-size: 14px;float: left;width: calc(100% - 103px);box-sizing: border-box;padding: 0 15px;}
.swiper-container2{height: 43px;}
.swiper-container2 .swiper-wrapper{height: auto !important;}
.swiper-container2 .swiper-wrapper .swiper-slide{height: 43px;}
.swiper-container2 .swiper-wrapper .swiper-slide a{display: block;overflow: hidden;line-height: 43px;}
.a-49{float: left;color: #4D4D4D;width: 700px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.a-50{float: right;color: #ABABAB;}
.swiper-container2 .swiper-wrapper .swiper-slide a:hover .a-49{color: #3AAB6A;}
.swiper-container2 .swiper-wrapper .swiper-slide a:hover .a-50{color: #3AAB6A;}
.a-51{margin-top: 20px;}
.a-52{overflow: hidden;}
.a-52 li{float: left;margin-right: 18px;}
.a-52 li:nth-child(5n){margin-right: 0;}
.a-53{width: 225px;height: 138px;}
.a-54{margin-top: 20px;}
.a-55{overflow: hidden;}
.a-56{float: left;font-size: 26px;font-weight: bold;}
.a-57{float: right;color: #3AAB6A;margin-top: 10px;}
.a-59{font-size: 18px;}
.a-60{margin-top: 20px;overflow: hidden;}
.a1-60{margin-top: 0;}
.a-60 li{width: 285px;height: 138px;background-color: white;float: left;margin-right: 20px;border-radius: 5px;overflow: hidden;position: relative;}
.a1-60 li{margin-bottom: 20px;}
.a-60 li:nth-child(4n){margin-right: 0;}
.a-60 li a{display: block;height: 100%;box-sizing: border-box;padding: 0 10px;font-size: 0;padding-top: 37px;position: relative;}
.a-61{width: 68px;height: 68px;display: inline-block;vertical-align: middle;border-radius: 100%;}
.a-62{display: inline-block;vertical-align: middle;width: calc(100% - 78px);margin-left: 10px;}
.a-63{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.a-64{font-size: 12px;color: #686868;margin-top: 5px;}
.a-65{position: absolute;top: 0;left: 0;font-size: 14px;width: 70px;height: 29px;line-height: 29px;text-align: center;background-color: #3AAB6A;color: white;}
.a1-65{background-color: #979797;}
.a2-65{background-color: #FF8527;}
.a-66{margin-top: 20px;}
.a-67{margin-top: 20px;}
.a-68{font-size: 0;text-align: center;margin-top: 30px;}
.a-68 li{display: inline-block;vertical-align: top;margin-right: 40px;margin-right: 140px;}
.a-68 li:last-child{margin-right: 0;}
.a-69{display: inline-block;vertical-align: middle;}
.a-70{display: inline-block;vertical-align: middle;margin-left: 15px;text-align: left;}
.a-71{font-size: 16px;font-weight: bold;}
.a-72{color: #9FADB5;font-size: 14px;}
/*侧边栏 start*/
.aside {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 100;
    width: 70px;
    transform: translateY(-50%);
    background: #ffffff;
    box-sizing: border-box;
/*    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; */
    box-shadow: 0 0 15px #EBEBEB;
    text-align: center;
}
.aside a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #333333;
}
.aside li{position: relative;}
.aside li a{padding: 10px 0;}
.aside li:last-child{
    display: none;
}
.aside li:last-child a{ padding: 5px 0;font-size: 20px;}
.aside li:last-child img{width: 100%;height: auto;}
.aside li:first-child{border-top-left-radius: 10px;}
.aside li:hover {background: #3AAB6A;}
.aside li:hover a{color: #ffffff;background: #3AAB6A;}
.aside li:hover .aside_img1{display: none;}
.aside li:hover .aside_img2{display: inline-block;}
.aside i{
    display: inline-block;
    width: 100%;
}
.aside li:nth-of-type(2) div{
    display: none;
    right: 85px;
    top: 0;
    width: 180px;
    padding: 5px;
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
    color: #ef4444;
    font-family: "HiraginoSansGB-W3";
    background: #ffffff;
}
.aside li:nth-of-type(2) span{
    display: none;
    position: absolute;
    top: 5px;
    right: 60px;
    border: 15px solid transparent;
    border-left: 15px solid #ffffff;
}
.aside li:nth-of-type(2):hover div{display: block;}
.aside li:nth-of-type(2):hover span{display: block;}
.aside li:nth-of-type(3) span{
    display: none;
    position: absolute;
    top: 5px;
    right: 60px;
    border: 15px solid transparent;
    border-left: 15px solid #ffffff;
}
.aside li+li a{border-top: 1px solid #cccccc;}
.abs {
    position: absolute;
	display: none;
}
.aside_img2{display: none;}
/* 登录 */
.b-1{height: calc(100% - 130px);width: 1200px;margin: 0 auto;position: relative;}
.b-2{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);background-color: white;width: 600px;border-radius: 20px;box-sizing: border-box;padding: 50px 80px;}
.b-4{font-size: 36px;text-align: center;font-weight: bold;}
.b-5{margin-top: 45px;}
.b-6{height: 65px;background-color: #F2F2F2;border-radius: 50px;margin-bottom: 20px;padding: 0 25px;position: relative;}
.b-7{width: 25px;display: inline-block;vertical-align: middle;}
.b-8{display: inline-block;vertical-align: middle;height: 100%;border: none;background-color: transparent;font-size: 1.5rem;margin-left: 12px;width: 330px;}
.b1-8{width: 200px;}
.b-9{font-size: 18px;position: absolute;right: 25px;top: 19px;border: none;color: #3AAB6A;cursor: pointer;}
.b-10{text-align: right;}
.b1-10{overflow: hidden;}
.b1-10 .b-13{float: left;}
.b1-10 .b-11{float: right;}
.b-11{font-size: 24px;color: #3AAB6A;}
.b-12{font-size: 28px;width: 100%;border: none;background-color: #3AAB6A;color: white;height: 65px;border-radius: 50px;cursor: pointer;margin-top: 55px;}
.b-13{font-size: 24px;cursor: pointer;}
.b-13 input[type=checkbox] {
    margin-right: 5px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: relative;
    top: 4px;
    margin-right: 13px;
}
.b-13 input[type=checkbox]:after {
    position: absolute;
    width: 26px;
    height: 26px;
    top: -1px;
    content: " ";
	border: none;
	background: url(../img/yq_icon.png) no-repeat center;
	background-size: 100% 100%;
    color: #fff;
    display: block;
    visibility: visible;
    box-sizing: border-box;
/*    border-radius: 2px; */
    background-color: white;
}
.b-13 input[type=checkbox]:checked:before {
    display: block;
    content: " ";
	top: -1px;
    width: 26px;
    height: 26px;
	border: none;
    background-color: white;
    background: url(../img/yq_icon1.png) no-repeat center;
	background-size: 100% 100%;
    position: absolute;
    z-index:3;
}
/* 课程列表 */
.c-1{margin-top: 20px;background-color: white;padding: 25px 20px;padding-bottom: 15px;}
.c-2{overflow: hidden;margin-bottom: 5px;}
.c-1 .c-2:last-child{margin-bottom: 0;}
.c-3{float: left;line-height: 27px;width: 70px;text-align: right;}
.c-4{float: left;margin-left: 20px;width: 1065px;}
.c-4 li{float: left;margin-right: 40px;line-height: 27px;margin-bottom: 10px;}
.c-4 li.active{width: 60px;height: 27px;line-height: 27px;text-align: center;border-radius: 30px;background-color: #ECF7F1;}
.c-4 li.active a{color: #3AAB6A;display: block;height: 100%;}
.c-5{padding: 20px 0;}
.c-5 span{color: #3AAB6A;margin: 0 10px;}
.c-7{overflow: hidden;}
.c-7 li{width: 285px;background-color: white;float: left;margin-right: 20px;margin-bottom: 20px;}
.c-7 li:nth-child(4n){margin-right: 0;}
.c-7 li a{display: block;}
.c-8{height: 158px;width: 100%;}
.c-9{padding: 10px;}
.c-10{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.c-11{overflow: hidden;}
.c-12{float: left;color: #686868;padding-top: 7px;}
.c-13{float: right;color: #FF982A;}
.c-14{font-size: 22px;}
.c-15{background-color: rgba(58, 171, 106, 0.08);margin-top: 20px;padding: 20px 40px;}
.c-16{text-align: center;}
.c-17{display: inline-block;vertical-align: middle;width: 19px;height: 15px;}
.c-18{color: #3AAB6A;display: inline-block;vertical-align: middle;margin: 0 5px;font-size: 18px;}
.c-19{color: #3AAB6A;margin-top: 15px;}
.c-23{margin-top: 15px;}
.c-23 li{overflow: hidden;border: 1px solid #E6E6E6;padding-left: 5px;padding-right: 10px;margin-bottom: 10px;}
.c-24{float: left;}
.c-25{display: inline-block;vertical-align: middle;}
.c-26{width: 20px;margin-right: 5px;display: inline-block;vertical-align: middle;}
.c-27{display: inline-block;width: 380px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;vertical-align: middle;line-height: 45px}
.c-28{display: inline-block;vertical-align: middle;font-size: 12px;line-height: 45px;margin-left: 20px;color: #666666;}
.c-29-box{float: right;}
.c-29{background-color: #3AAB6A;color: white !important;border-radius: 3px;width: 100px;height: 25px;line-height: 25px;text-align: center;margin-top: 10px;box-shadow: 0 2px 8px 2px #caebc5;display: inline-block;vertical-align: middle;margin-left: 10px;}
.c1-29{background-color: #FF952C;box-shadow: 0 3px 7px 2px rgb(167,100,0,0.35);}
/* 招生院校 */
.d-1{margin-top: 20px;}
.d-2{overflow: hidden;}
.d-2>li{width: 293px;background-color: white;float: left;margin-right: 9px;margin-bottom: 10px;}
.d-2>li:nth-child(4n){margin-right: 0;}
.d-2>li>a{display: block;padding: 15px;height: 245px;box-sizing: border-box;}
.d-4{width: 78px;height: 78px;display: inline-block;vertical-align: middle;}
.d-5{display: inline-block;vertical-align: middle;width: 170px;margin-left: 5px;}
.d-6{font-size: 18px;}
.d-7{overflow: hidden;margin-top: 10px;}
.d-7 li{float: left;color: #3AAB6A;padding: 0 10px;border: 1px solid #3AAB6A;border-radius: 30px;margin-right: 8px;}
.d-8{margin-top: 10px;color: #7A7A7A;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
/* 课程详情 */
.e-1{margin-top: 20px;overflow: hidden;}
.e-2{width: 501px;height: 285px;float: left;}
.e-3{width: 670px;float: right;padding-top: 5px;}
.e-4{overflow: hidden;}
.e-5{font-size: 20px;float: left;}
.e-6{width: 71px;height: 28px;text-align: center;line-height: 28px;border: 1px solid #B4B4B4;color: #A2A2A2;float: right;cursor: pointer;}
.e-6:hover{color: #FF952C;border-color: #FF952C;}
.e-6 i{font-size: 16px;display: inline-block;vertical-align: middle;}
.e-6 .e-7{display: none;}
.e-6.active{color: white;border-color: #FF952C;background-color: #FF952C;color: white;}
.e-6.active .e-7{display: inline-block;}
.e-6.active .e-8{display: none;}
.e-9{display: inline-block;vertical-align: middle;}
.e-10{overflow: hidden;margin-top: 10px;}
.e-10 li{min-width: 61px;height: 22px;color: #3AAB6A;border: 1px solid #3AAB6A;font-size: 12px;text-align: center;line-height: 20px;box-sizing: border-box;float: left;margin-right: 8px;padding: 0 10px;}
.e-11{margin-top: 20px;height: 65px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.e-12{margin-top: 10px;color: #FF952C;font-size: 26px;}
.e-13{overflow: hidden;margin-top: 25px;}
.e-14{overflow: hidden;float: left;}
.e-15{width: 160px;height: 43px;display: block;text-align: center;background-color: #3AAB6A;color: white !important;line-height: 43px;font-size: 16px;float: left;}
.e-16{width: 160px;height: 43px;display: block;text-align: center;border: 1px solid #3AAB6A;font-size: 16px;color: #3AAB6A;line-height: 41px;box-sizing: border-box;float: left;margin-left: 10px;}
.e-17{float: right;color: #A2A2A2;font-size: 12px;margin-top: 12px;}
.e-18{padding-top: 25px;padding-bottom: 40px;}
.e-19{width: 1200px;margin: 0 auto;overflow: hidden;}
.e-20{width: 871px;background-color: white;padding: 0 20px;padding-bottom: 20px;box-sizing: border-box;float: left;}
.e-21{overflow: hidden;line-height: 68px;border-bottom: 1px solid #F3F3F3;}
.e-21 li{float: left;font-size: 16px;cursor: pointer;margin-right: 50px;position: relative;}
.e-21 li.active{color: #3AAB6A;}
.e-21 li::after{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background-color: #3AAB6A;content: '';display: none;}
.e-21 li.active::after{display: block;}
.e-21 li:hover{color: #3AAB6A;}
.e-23{display: none;}
.e-22 .e-23:first-child{display: block;}
.e-24>li{border-bottom: 1px solid #F3F3F3;}
.e-24>li:last-child{border-bottom: none;}
.e-24>li:first-child .e-31-box{display: block;}
.e-25{line-height: 60px;overflow: hidden;cursor: pointer;}
.e-26{float: left;}
.e-27{width: 22px;height: 22px;display: inline-block;vertical-align: middle;}
.e-28{font-size: 16px;display: inline-block;vertical-align: middle;margin-left: 5px;width: 600px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.e-29{float: right;margin-top: 22px;padding-right: 37px;}
.e-30{font-size: 18px;}
.e-31-box{display: none;}
.e-31{padding-bottom: 20px;}
.e-31 li{border-radius: 8px;overflow: hidden;}
.e-31 li a{line-height: 47px;overflow: hidden;padding-right: 30px;display: block;padding-left: 30px;}
.e-32{float: left;}
.e-33{display: inline-block;vertical-align: middle;width: 19px;height: 19px;}
.e-34{display: inline-block;vertical-align: middle;display: none;width: 19px;height: 19px;}
.e-31 li a:hover .e-33{display: none;}
.e-31 li a:hover .e-34{display: inline-block;}
.e-35{display: inline-block;vertical-align: middle;margin-left: 10px;width: 600px;color: #777777;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.e-31 li a:hover .e-35{color: #3AAB6A;}
.e-36{float: right;color: #3AAB6A;}
.e-31 li.active{background-color: #ECF7F1;}
.e-31 li.active .e-33{display: none;}
.e-31 li.active .e-34{display: inline-block;}
.e-31 li.active .e-35{color: #3AAB6A;}
.e1-36{width: 307px;background-color: white;padding: 0 10px;padding-bottom: 25px;box-sizing: border-box;float: right;}
.e-37{line-height: 68px;border-bottom: 1px solid #F3F3F3;font-size: 16px;}
.e-38{margin-top: 13px;}
.e-38 li{border: 1px solid #F6F6F6;margin-bottom: 10px;}
.e-38 li:last-child{margin-bottom: 0;}
.e-38 li a{display: block;overflow: hidden;padding: 10px;}
.e-39{width: 131px;height: 76px;float: left;}
.e-41{width: 125px;float: right;height: 76px;position: relative;}
.e-42{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.3;}
.e-43{font-size: 12px;color: #979797;}
.e-44{color: #FF982A;position: absolute;width: 100%;bottom: 0;left: 0;}
.e-45{padding: 20px 0;}
.e-45 img{display: block;margin: 10px auto;max-width: 100%;}
.e-46{padding-top: 20px;}
.e-47{text-align: center;}
.e-47 a{color: #3AAB6A;}
.e-48{margin-top: 16px;border: 1px solid #ECECF0;}
.e-49{height: 100px;background-color: #FAFAFA;padding: 10px 15px;}
.e-50{width: 100%;box-sizing: border-box;background-color: #FAFAFA;border: none;height: 80px;}
.e-51{text-align: right;color: #A4A4A4;font-size: 12px;margin-top: 5px;}
.e-52{margin-top: 10px;text-align: right;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}
.e-53{width: 103px;height: 32px;background-color: #3AAB6A;color: white;border: none;cursor: pointer;border-radius: 3px;}
.e-54{padding-top: 20px;}
.e-54 .layui-input-block{margin-left: 0;float: left;}
.e-54 .layui-form-onswitch{margin-top: 5px;}
.e-54 .layui-form-switch {margin-top: 5px;}
.e-55{margin-top: 15px;}
.e-57{font-size: 16px;}
.e-58{height: 47px;background-color: #ECF7F1;border-radius: 8px;margin-top: 15px;padding: 0 15px;}
.e-58 li{float: left;line-height: 47px;margin-right: 32px;cursor: pointer;color: #535353;position: relative;}
.e-58 li::after{position: absolute;bottom: 0;left: 50%;width: 19px;height: 3px;background-color: #3AAB6A;border-radius: 2px;content: '';transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);display: none;}
.e-58 li.active{color: #3AAB6A;}
.e-58 li.active::after{display: block;}
.e-58 li:hover{color: #3AAB6A;}
.e-60{display: none;}
.e-59 .e-60:first-child{display: block;}
.e-60 li{padding: 15px 0;border-bottom: 1px solid #F3F3F3;}
.e-61{overflow: hidden;}
.e-62{float: left;}
.e-63{width: 22px;height: 22px;border-radius: 100%;display: inline-block;vertical-align: middle;}
.e-64{display: inline-block;vertical-align: middle;margin-left: 5px;}
.e-65{float: right;font-size: 12px;color: #9A9A9A;margin-top: 3px;}
.e-66{margin-top: 8px;}
.e-67{margin-top: 5px;}
.e-68{color: #3AAB6A;}
/*图标向上旋转*/
.hover-up{transition-duration: .5s;transform: rotate(90deg) !important;-webkit-transform: rotate(90deg) !important;}
.hover-up1{transition-duration: .5s;transform: rotate(180deg) !important;-webkit-transform: rotate(180deg) !important;}
/*图标向下旋转*/
.hover-down{transition-duration: .5s;transform: rotate(0deg) !important;-webkit-transform: rotate(0deg) !important;}
/*图标向下旋转*/
.hover-down1{transition-duration: .5s;transform: rotate(0deg) !important;-webkit-transform: rotate(0deg) !important;}
/*新闻资讯*/
.g-8 li{margin-bottom: 25px;}
.g-8 li a{display: block;}
.g-9{width: 310px;height: 270px;float: left;}
.g-10{width: 839px;float: right;height: 270px;box-sizing: border-box;padding-top: 10px;position: relative;}
.g-11{font-size: 24px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.g-12{margin-top: 8px;}
.g-13{color: black;margin-right: 5px;}
.g-14{color: #888888;}
.g-15{color: #666666;margin-top: 8px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 16px;}
.g-16{position: absolute;bottom: 0;left: 0;font-size: 0;}
.g-17{display: inline-block;vertical-align: middle;border-bottom: 1px solid #DDDDDD;width: 719px;}
.g-18{display: inline-block;vertical-align: middle;width: 100px;height: 30px;border-radius: 3px;background-color: #3AAB6A;color: white;text-align: center;line-height: 30px;box-shadow: 0 1px 5px 1px rgba(46, 165, 78, 0.35);margin-left: 20px;font-size: 14px;}
/* 视频播放 */
.z-1{height: 74px;background-color: #3A4051;line-height: 74px;padding: 0 30px;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);position: relative;z-index: 1;}
.z-2-box{width: 20px;height: 20px;display: inline-block;vertical-align: middle;}
.z-2{width: 20px;height: 9px;position: relative;top: 7px;}
.z-3{color: white;font-size: 20px;display: inline-block;vertical-align: middle;margin-left: 25px;}
.z-4{height: calc(100% - 74px);}
.z-5{background-color: #3A4051;height: 100%;width: 85px;float: left;}
.z-6{padding-top: 22px;}
.z-6 li{width: 56px;height: 56px;border-radius: 6px;text-align: center;margin: 0 auto;margin-bottom: 10px;}
.z-6 li.active{background-color: #3AAB6A;}
.z-6 li.active a{color: white;}
.z-6 li a{display: block;color: #B2B2B2;height: 100%;box-sizing: border-box;padding-top: 10px;}
.z-7{font-size: 18px;}
.z-8{margin-top: 5px;font-size: 12px;}
.z-9{width: 330px;background-color: #252C41;height: 100%;;float: left;padding: 20px;box-sizing: border-box;box-shadow: 0 0 10px 3px rgb(0 0 0 / 15%);position: relative;z-index: 1;}
.z-10{height: 100%;overflow-y: auto;display: none;}
.z-9 .z-10:first-child{display: block;}
/*-------滚动条整体样式----*/
.z-10::-webkit-scrollbar {
width:3px;
height:3px;
}
/*滚动条里面小方块样式*/
.z-10::-webkit-scrollbar-thumb {
border-radius:100px;
-webkit-box-shadow:inset 0 0 5px #d8d7d7;
background:rgba(58,171,106,0.5);
}
/*滚动条里面轨道样式*/
.z-10::-webkit-scrollbar-track {
/* -webkit-box-shadow:inset 0 0 5px #f5f5f5;
border-radius:0;
background:#f5f5f5; */
}
.z-11 li{color: white;}
.z-12{height: 45px;line-height: 45px;overflow: hidden;cursor: pointer;padding: 0 15px;border-radius: 3px;background-color: #2E3443;}
.z-13{float: left;font-size: 16px;width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.z-14{float: right;position: relative;top: 15px;}
.z-15-box{display: none;}
.z-15{padding: 15px;padding-right: 10px;padding-bottom: 0;}
.z-15 li{margin-bottom: 20px;}
.z-15 li a{display: block;overflow: hidden;}
.z-16{color: #B2B2B2;float: left;width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.z-17{width: 19px;height: 19px;float: right;margin-top: 2px;display: none;}
.z-15 li.active .z-16{color: #3AAB6A;}
.z-15 li.active .z-17{display: block;}
.z-15 li a:hover .z-16{color: #3AAB6A;}
.z-18{font-size: 16px;color: white;}
.z-19{margin-top: 17px;position: relative;;}
.z-20{width: 100%;height: 140px;border-radius: 3px;border: none;padding: 10px;box-sizing: border-box;}
.z-21{width: 100%;height: 32px;margin-top: 10px;background-color: #3AAB6A;color: white;border: none;border-radius: 3px;cursor: pointer;}
.z-22{position: absolute;right: 0;top: -49px;}
.z-23{background-color: #2E3443;border-radius: 3px;overflow: hidden;margin-top: 15px;padding: 0 15px;}
.z-23 li{height: 45px;line-height: 45px;float: left;color: #929292;cursor: pointer;margin-right: 25px;}
.z-23 li.active{color: white;}
.z-25{display: none;}
.z-24 .z-25:first-child{display: block;}
.z-25 li{color: white;padding: 15px 0;border-bottom: 1px solid white;}
.z-26{overflow: hidden;}
.z-27{float: left;}
.z-28{width: 22px;height: 22px;border-radius: 100%;display: inline-block;vertical-align: middle;}
.z-29{display: inline-block;vertical-align: middle;margin-left: 5px;}
.z-30{color: #9A9A9A;font-size: 12px;float: right;margin-top: 3px;}
.z-31{margin-top: 10px;font-size: 12px;}
.z-32{font-size: 12px;margin-top: 10px;}
.z-33{color: #3AAB6A;}
.z-34{float: left;width: calc(100% - 415px);height: 100%;padding: 20px;box-sizing: border-box;background-color: #242A3F;}
/* 订单支付 */
.w-1{padding: 40px 0;padding-left: 480px;border-bottom: 1px solid #E6E6E6;;}
.w-2{margin-bottom: 15px;font-size: 16px;}
.w-1 .w-2:last-child{margin-bottom: 0;}
.w-3{display: inline-block;color: black;font-weight: bold;vertical-align: middle;}
.w-4{display: inline-block;vertical-align: top;color: #8E8E8E;line-height: 35px;margin-top: -4px;}
.w-5{padding-left: 480px;padding-top: 20px;padding-bottom: 45px;}
.w1-4{color: #FF952C;font-size: 24px;display: inline-block;vertical-align: middle;}
.w1-4 span{font-size: 30px;margin-left: 5px;}
.w-6{font-weight: bold;color: black;margin-bottom: 20px;font-size: 16px;}
.w-7{margin-bottom: 25px;}
.w-7 li{display: inline-block;border: 1px solid #707070;height: 40px;width: 140px;vertical-align: top;text-align: center;line-height: 38px;position: relative;cursor: pointer;margin-right: 20px;font-size: 16px;color: #8E8E8E;}
.w-8{width: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.w-9{display: inline-block;vertical-align: middle;}
.w-10{width: 15px;position: absolute;bottom: 0;right: 0;display: none;}
.w-12{width: 134px;height: 134px;}
.w-7 .active{border-color: #3AAB6A;}
.w-7 .active .w-10{display: block;}
/* 确认订单 */
.a2-50{padding-bottom: 60px;}
.v-1{background-color: white;border-radius: 3px;margin-top: 20px;}
.v-2{overflow: hidden;border-bottom: 1px solid #E6E6E6;height: 65px;line-height: 65px;padding: 0 20px;}
.v-3{font-size: 18px;font-weight: bold;color: black;float: left;}
.v-4{float: right;display: block;line-height: 26px;width: 73px;border: 1px solid #3AAB6A;line-height: 24px;text-align: center;border-radius: 30px;color: #3AAB6A;margin-top: 20px;box-sizing: border-box;}
.v-5{padding: 0 15px;}
.v-6{padding-top: 20px;}
.v-7{width: 50px;height: 50px;border-radius: 100%;display: inline-block;vertical-align: middle;}
.v-8{display: inline-block;vertical-align: middle;margin-left: 10px;}
.v-9{font-size: 18px;}
.v-10{font-size: 16px;color: #7E7E7E;}
.v-11{margin-top: 30px;}
.v-12{color: black;margin-bottom: 15px;font-size: 18px;font-weight: bold;}
.v-13{overflow: hidden;}
.v-14{float: left;}
.v-15{width: 189px;height: 110px;display: inline-block;vertical-align: middle;border-radius: 6px;}
.v-16{display: inline-block;vertical-align: middle;margin-left: 10px;}
.v-17{font-size: 16px;}
.v-18{color: #929292;font-size: 12px;margin-top: 5px;}
.v-19{float: right;font-size: 18px;font-weight: bold;margin-top: 5px;}
.v-20{margin-top: 20px;text-align: right;padding: 15px 0;border-top: 1px solid #E6E6E6;}
.v-21{display: inline-block;height: 36px;text-align: center;line-height: 36px;width: 122px;background-color: #3AAB6A;color: white !important;border-radius: 5px;}
/* 练习 */
.m1-2-box{background-color: white;border-radius: 3px;padding: 20px 15px;}
.m1-2{padding-bottom: 20px;border-bottom: 1px solid #E6E6E6;overflow: hidden;}
.m1-3{font-size: 20px;color: black;float: left;}
.m1-4{overflow: hidden;padding: 25px 0;padding-bottom: 15px;}
.m1-5{float: left;width: 890px;height: 20px;background-color: #FFEBD1;box-sizing: border-box;border: 1px solid #FF952C;border-radius: 30px;}
.m1-6{height: 18px;background-color: #FF952C;border-radius: 10px;}
.m1-7{float: right;margin-top: -2px;font-size: 16px;}
.m1-8{color: #FF952C;}
.m1-9{color: #CF021D;}
.m1-10{color: #8a8a8a;}
.m1-11{color: #8a8a8a;}
.m1-12{overflow: hidden;}
.m1-13{float: left;}
.m1-14{display: inline-block;vertical-align: middle;margin-right: 10px;width: 20px;}
.m1-15{display: inline-block;vertical-align: middle;font-size: 20px;font-weight: bold;}
.a-19 .m1-16{float: right;color: #262626;font-size: 16px;margin-top: -3px;}
.m1-12 .m1-16{float: right;color: #262626;font-size: 16px;}
.m1-16:hover{color: #3AAB6A;}
.m1-17{font-size: 18px;margin-right: 15px;position: relative;top: 1px;}
.m1-16:hover .m1-17{background-size: 100% 100%;}
.m1-18{margin-top: 25px;}
.m1-19{width: 830px;float: left;}
.m2-19{background-color: white;}
.m1-20{box-shadow: -2px 2px 5px 1px #e7e5e3;padding: 20px 15px;border-radius: 3px;border-bottom-left-radius: 0px;background-color: white;}
.m2-20{box-shadow: none;}
.m1-21{line-height: 25px;margin-bottom: 20px;}
.m1-22{margin-bottom: 75px;}
.m2-20 .m1-22{margin-bottom: 0;}
.m1-22 .layui-input-block{margin-left: 0;}
.m1-22 .layui-form-radio{margin: 0;padding-right: 5px;margin-top: -2px;}
.m1-22 .layui-form-radio>i{font-size: 20px;}
.m1-22 .layui-form-radio>i:hover{color: #c2c2c2;}

.m1-22 .layui-icon-ok-circle{display: none;}
.m1-22 .layui-icon-close-fill{display: none;}
.m1-22 .layui-input-block .right .layui-icon-ok-circle{display: inline-block;}
.m1-22 .layui-input-block .right .layui-form-radio{display: none;}
.m1-22 .layui-input-block .error .layui-icon-close-fill{display: inline-block;}
.m1-22 .layui-input-block .error .layui-form-radio{display: none;}

.a_9{display: block;cursor: pointer;margin-bottom: 15px;}
.a_10{display: inline-block;vertical-align: top;width: 755px;word-break: break-all}
.m1-24{margin-bottom: -15px;margin-left: -15px;}
.m1-25{background-color: #fe4a50;width: 180px;padding: 10px 0;text-align: center;border-bottom-right-radius: 30px;border-top-right-radius: 30px;box-shadow: 2px -2px 4px 1px #ff9b99;}
.m1-26{display: inline-block;vertical-align: middle;}
.m1-27{color: white;display: inline-block;vertical-align: middle;}
.m1-28{overflow: hidden;padding: 20px 25px;display: none;}
.m1-29{float: left;}
.m1-29 span{display: inline-block;vertical-align: middle;}
.m1-30{margin-right: 25px;}
.m1-31{display: inline-block;margin-right: 15px;width: 15px;height: 15px;border-radius: 100%;background-color: #ff4c53;}
.m1-33{color: #ff4c53;}
.m1-34 .m1-31{background-color: #2fdd93;}
.m1-34 .m1-33{color: #2fdd93;}
.m1-35{float: right;cursor: pointer;}
.m1-36{font-size: 20px;position: relative;top: 2px;}
.m1-37{color: #3AAB6A;margin-left: 10px;}
.m1-38{padding: 15px;box-shadow: -2px 2px 5px 1px #e7e5e3;border-radius: 5px;display: none;background-color: white;}
.m1-39{font-size: 16px;margin-bottom: 10px;}
.m1-40{line-height: 25px;color: #8a8a8a;}
.m1-41{padding: 15px 25px;text-align: center;box-shadow: -2px 2px 5px 1px #e7e5e3;margin-top: 15px;border-radius: 3px;background-color: white;} 
.m1-42{float: left;}
.m1-42:hover span{color: #3AAB6A;}
.m1-42:hover i{color: #3AAB6A;}
.m1-41 img{display: inline-block;vertical-align: middle;}
.m1-41 span{display: inline-block;vertical-align: middle;color: #8a8a8a;}
.m1-43{margin-right: 15px;font-size: 18px;display: inline-block;vertical-align: middle;color: #8a8a8a;}
.m1-42:hover .m1-43{}
.m1-45{float: right;}
.m1-45:hover span{color: #3AAB6A;}
.m1-45:hover i{color: #3AAB6A;}
.m1-45:hover .m1-46{}
.m1-46{margin-left: 15px;font-size: 18px;display: inline-block;vertical-align: middle;color: #8a8a8a;}
.m1-47{cursor: pointer;}
.m1-47:hover span{color: #3AAB6A;}
.m1-48{margin-right: 10px;width: 26px;height: 16px;background: url(../img/sz_11_03_29.png) no-repeat center;}
.m1-47:hover .m1-48{background: url(../img/sz_11_03_29_1.png) no-repeat center;}
.m1-50-box{width: 340px;float: right;}
.m1-50{box-shadow: -2px 2px 5px 1px #e7e5e3;padding: 15px 10px;padding-bottom: 32px;box-sizing: border-box;border-radius: 3px;background-color: white;}
.m1-52{float: left;font-size: 20px;}
.m1-51{overflow: hidden;padding-bottom: 5px;border-bottom: 1px solid #d8d8d8;}
.m1-53{float: right;}
.m1-53 .layui-input-block{display: inline-block;vertical-align: middle;margin-left: 0;min-height: auto;}
.m1-53 .layui-form-switch{margin-top: 0;margin-left: 5px;}
.m1-53 .layui-form-onswitch{border-color: #CF021D;background-color: #CF021D;}
.m1-54{padding: 15px 0;border-bottom: 1px solid #d8d8d8;height: 300px;overflow-y: auto;}
.m1-55{width: 312px;box-sizing: border-box;}
.m1-56{color: #8a8a8a;margin-bottom: 15px;}
.m1-57{font-size: 0;}
.m1-57 li{display: inline-block;margin-right: 13px;margin-bottom: 14px;}
.m1-57 li:nth-child(8n){margin-right: 0;}
.m1-57 li a{color: #8a8a8a;display: block;width: 26px;height: 26px;line-height: 26px;text-align: center;border: 1px solid #c8c8c8;border-radius: 100%;box-sizing: border-box;font-size: 14px;}
/*-------滚动条整体样式----*/
.m1-54::-webkit-scrollbar {
width:8px;
height:8px;
}
/*滚动条里面小方块样式*/
.m1-54::-webkit-scrollbar-thumb {
border-radius:100px;
-webkit-box-shadow:inset 0 0 5px #d8d7d7;
background:#d8d7d7;
}
/*滚动条里面轨道样式*/
.m1-54::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px #f5f5f5;
border-radius:0;
background:#f5f5f5;
}
.m1-58{text-align: center;margin: 20px 0;}
.m1-59{display: inline-block;margin-right: 12px;}
.m1-58 .m-59:last-child{margin-right: 0;}
.m1-59 img{display: inline-block;vertical-align: middle;}
.m1-59 span{display: inline-block;vertical-align: middle;}
.m1-60{display: inline-block;margin-right: 5px;width: 13px;height: 13px;border-radius: 100%;background-color: #fe3e48;box-sizing: border-box;}
.m1-61{font-size: 12px;}
.m1-59 .m1-62{background-color: #2fdd93;}
.m1-59 .m2-62{background-color: #00A8FF;}
.m1-59 .m1-63{background-color: transparent;border: 1px solid #c8c8c8;}
.m1-59 .m1-64{background-color: #FFAA49;}
.m1-65{width: 100%;height: 40px;border-radius: 3px;border: none;border: 1px solid #3AAB6A;background-color: transparent;color: #3AAB6A;display: block;margin: 0 auto;margin-bottom: 20px;outline: none;cursor: pointer;}
.m1-66{width: 100%;height: 40px;border-radius: 3px;border: none;background-color: #3AAB6A;color: white;display: block;margin: 0 auto;outline: none;cursor: pointer;}
.m1-67{color: #666666;font-size: 12px;display: inline-block;vertical-align: middle;}
.m1-68{width: 100%;height: 150px;border-radius: 3px;background-color: #F3F3F3;padding: 10px;box-sizing: border-box;margin-top: 10px;}
.m1-70{width: 100px;height: 30px;text-align: center;line-height: 30px;background-color: #3AAB6A;border-radius: 30px;color: white;cursor: pointer;}
.m1-71{background-color: #F3F3F3;padding: 15px;border-radius: 3px;margin-top: 15px;display: none;}
.m1-72{overflow: hidden;}
.m1-73{float: left;}
.m1-76{float: right;}
.m1-77{margin-top: 10px;}
.m1-78{margin-top: 15px;position: relative;height: 442.59px;position: relative;}
.m1-79{width: 100%;position: absolute;top: 0;left: 0;}
.m1-80{position: relative;z-index: 1;text-align: center;padding-top: 180px;}
.m1-81{font-size: 20px;}
.m1-82{font-size: 30px;font-weight: bold;margin-top: 30px;}
.m1-83{font-size: 20px;font-weight: bold;}
.m-100{float: right;margin-top: 3px;}
.m-100 i{display: inline-block;vertical-align: middle;font-size: 16px;}
.m-101{width: 71px;height: 28px;color: #A2A2A2;border: 1px solid #B4B4B4;text-align: center;line-height: 26px;box-sizing: border-box;cursor: pointer;border-radius: 3px;display: inline-block;vertical-align: top;}
.m-101:hover{color: #FF952C;border-color: #FF952C;}
.m-100 .m-102{display: none;}
.m-104{display: inline-block;vertical-align: middle;}
.m-105{width: 71px;height: 28px;color: #A2A2A2;border: 1px solid #B4B4B4;text-align: center;line-height: 26px;box-sizing: border-box;cursor: pointer;border-radius: 3px;display: inline-block;vertical-align: top;margin-left: 5px;}
.m-105:hover{color: #FF952C;border-color: #FF952C;}
.m-105 .m-102{display: none;}
.m-101.active{color: white;border-color: #FF952C;background-color: #FF952C;color: white;}
.m-101.active .m-102{display: inline-block;}
.m-101.active .m-103{display: none;}
.m-105.active{color: white;border-color: #FF952C;background-color: #FF952C;color: white;}
.m-105.active .m-102{display: inline-block;}
.m-105.active .m-103{display: none;}
/* 课程中心 */
.m-1{background: url(../img/user_bg.png) no-repeat center;background-size: auto 100%;height: 247px;}
.m-2{width: 1200px;margin: 0 auto;}
.m-3{color: white;padding-top: 60px;float: left;}
.m-4{width: 114px;height: 114px;border-radius: 100%;display: inline-block;vertical-align: middle;}
.m-5{display: inline-block;vertical-align: middle;margin-left: 35px;}
.m-6{font-size: 26px;}
.m-7{overflow: hidden;margin-top: 12px;width: 700px;}
.m-7 li{float: left;font-size: 16px;margin-right: 90px;margin-bottom: 5px;}
.m-8{display: inline-block;vertical-align: middle;}
.m-9{display: inline-block;vertical-align: middle;margin-left: 5px;}
.m-10{width: 168px;height: 44px;background-color: white;line-height: 44px;text-align: center;border-radius: 50px;font-size: 18px;color: #3AAB6A;display: block;float: right;margin-top: 100px;}
.m-11{padding-top: 17px;padding-bottom: 100px;}
.m-12{width: 1200px;margin: 0 auto;overflow: hidden;}
.m-13{width: 315px;background-color: white;padding: 35px 0;border-radius: 4px;float: left;}
.m-14 li{margin-bottom: 15px;}
.m-15{overflow: hidden;padding-left: 25px;padding-right: 15px;margin-bottom: 15px;cursor: pointer;}
.m-16{float: left;font-size: 18px;color: #959595;}
.m-17{float: right;color: #707070;font-size: 20px;margin-top: 3px;}
.m-18{font-size: 16px;}
.m-18 li{padding-right: 15px;margin-bottom: 5px;}
.m-18 li a{padding-left: 22px;line-height: 47px;display: block;border-left: 3px solid transparent;}
.m-18 li.active a{background-color: #ECF7F1;border-left: 3px solid #3AAB6A;}
.m-19{width: 871px;float: right;background-color: white;border-radius: 4px;padding: 25px 20px;box-sizing: border-box;}
.m-20{font-size: 20px;font-weight: bold;}
.m-21{margin-top: 15px;}
.m-21 select{border: none;margin-right: 40px;}
.m-21 select:last-child{margin-right: 0;}
.m-22{overflow: hidden;margin-top: 20px;}
.m-22 li{width: 60px;height: 28px;border-radius: 2px;background-color: #F3F3F3;text-align: center;line-height: 28px;float: left;margin-right: 13px;}
.m-22 li a{display: block;height: 100%;color: #858585;font-size: 12px;}
.m-22 li a:hover{color: #3AAB6A;}
.m-22 li.active{background-color: #3AAB6A;}
.m-22 li.active a{color: white;}
.m-23{margin-top: 15px;}
.m-24{display: none;}
.m-23 .m-24:first-child{display: block;}
.m-24>li{position: relative;border-bottom: 1px solid #F3F3F3;}
.m-24>li>a{display: block;font-size: 0;padding: 15px 0;}
.m-24>li:first-child>a{padding-top: 0;}
.m-25{width: 189px;height: 110px;border-radius: 6px;display: inline-block;vertical-align: middle;}
.m-26{display: inline-block;vertical-align: middle;margin-left: 15px;width: 627px;}
.m-27{overflow: hidden;}
.m-28{font-size: 16px;float: left;}
.m-29{float: right;font-size: 12px;}
.m-29 li{min-width: 49px;height: 22px;box-sizing: border-box;color: #3AAB6A;text-align: center;line-height: 20px;border-radius: 50px;border: 1px solid #3AAB6A;padding: 0 13px;}
.m-30{font-size: 12px;overflow: hidden;margin-top: 10px;}
.m-31{color: #3A3A3A;float: left;}
.m-32{color: #A2A2A2;float: right;}
.m-33{margin-top: 20px;}
.m-34{width: 260px;height: 6px;border-radius: 3px;background-color: #E3E3E3;display: inline-block;vertical-align: middle;}
.m-35{height: 6px;background-color: #FF952C;border-radius: 3px;}
.m-36{display: inline-block;vertical-align: middle;font-size: 12px;color: #FF952C;margin-left: 10px;}
.m-37{position: absolute;bottom: 21px;right: 0;}
.m-37 a{display: block;width: 101px;height: 28px;text-align: center;line-height: 28px;color: white;border-radius: 4px;display: inline-block;vertical-align: top;}
.m-38{background-color: #FF952C;box-shadow: 0 3px 7px 2px rgba(167, 100, 0, 0.35);}
.m-39{background-color: #3AAB6A;margin-left: 10px;box-shadow: 0 3px 7px 2px rgba(22, 167, 0, 0.35);}
.m-40{background-color: #979797;margin-left: 10px;}
.z1-1 {background-color: #FFFCF2;color: #F09A1B;padding: 15px 20px;}
.z1-26{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);top: 0;left: 0;overflow-y: scroll;display: none;}
.z1-27{width: 890px;background: #FFFFFF;border-radius: 10px;margin: 0 auto;padding: 38px;box-sizing: border-box;margin-top: 200px;margin-bottom: 200px;position: relative;}
.z1-28{text-align: center;font-size: 18px;margin-bottom: 30px;}
.z1-29{margin-top: 30px;}
.z1-29 span{color: #FF0000;}
.z1-29 .layui-form-radio>i:hover,.z1-29 .layui-form-radioed>i {color: #12C1A2;}
.z1-32{margin-top: 15px;padding-left: 50px;}
.z1-29 .layui-form-radio{margin-right: 100px;}
.z1-30{margin-bottom: 30px;}
.z1-33{display: block;width: 132px;height: 43px;background-color: #1DA94C;font-size: 16px;color: white;border-radius: 2px;margin: 0 auto;border: none;cursor: pointer;}
.z1-34{text-align: center;}
.z1-35{color: red;}
.z1-36{margin-top: 10px;}
.z1-37{width: 140px;height: 140px;display: block;margin: 40px auto;}
.z1-38 a{display: inline-block;height: 43px;width: 132px;background-color: #12C1A2;color: white;border: none;border-radius: 2px;line-height: 43px;}
.z1-39{position: absolute;top: 30px;right: 30px;cursor: pointer;width: 32px;height: 32px;}
/* 修改密码 */
.h-1{margin-top: 20px;}
.h1-1{margin-top: 15px;}
.h-2{min-height: 300px;}
.h-4{display: inline-block;vertical-align: middle;width: 58px;text-align: right;margin-right: 5px;}
.h-3{margin-bottom: 15px;}
.h-5{display: inline-block;vertical-align: middle;}
.h-6{margin-bottom: 10px;}
.h-7{display: inline-block;vertical-align: middle;}
.h-8{height: 30px;box-sizing: border-box;border: none;border: 1px solid #D5D5D5;border-radius: 3px;background-color: #FAFAFA;width: 170px;padding: 0 10px;box-sizing: border-box;}
.h-9{height: 30px;box-sizing: border-box;display: inline-block;height: 30px;box-sizing: border-box;background-color: #FF952C;line-height: 30px;width: 90px;border-radius: 3px;color: white;text-align: center;cursor: pointer;margin-left: 5px;}
.h-10{height: 30px;box-sizing: border-box;border: none;border: 1px solid #D5D5D5;border-radius: 3px;background-color: #FAFAFA;width: 269px;padding: 0 10px;box-sizing: border-box;}
.h-11{padding-top: 15px;border-top: 1px solid #E6E6E6;overflow: hidden;}
.h-12{float: right;height: 30px;border: none;background-color: #3AAB6A;color: white;cursor: pointer;border-radius: 3px;width: 90px;}
/* 基础信息 */
.j-6{width: 72px;height: 72px;border: 1px solid #E1E1E1;color: #BFBFBF;text-align: center;line-height: 98px;box-sizing: border-box;margin-top: -5px;font-size: 12px;}
.j-7{cursor: pointer;vertical-align: top;text-align: center;}
/* .j-8{padding-top: 5px;} */
.j-8{margin-bottom: 20px;}
.j-9{display: inline-block;vertical-align: middle;width: 60px;text-align: right;}
.j-10{display: inline-block;vertical-align: middle;margin-left: 10px;border: 1px solid #D5D5D5;}
.j-10 .layui-form-select .layui-input{background-color: #FAFAFA;width: 300px;}
.j-10 .layui-form-select dl dd.layui-this {background-color: #CF021D;}
.j-11{display: inline-block;vertical-align: middle;margin-left: 10px;}
.j-11 .layui-input-inline{width: 144px;}
.j-11 .layui-select-title{border: 1px solid #D4D4D4;border-radius: 4px;}
.j-11 .layui-select-title input{border: none;}
.j-11 .layui-select-title input::-webkit-input-placeholder{color: #CFCFCF;}
.j-11 .layui-select-title input::-ms-input-placeholder{color: #CFCFCF;}
.j-11 .layui-select-title input::-moz-placeholder{color: #CFCFCF;}
.j-12{border: none;outline: none;}
.j-13{color: #3AAB6A;cursor: pointer;}
.j-14{display: inline-block;vertical-align: middle;margin-left: 10px;min-height: initial;margin-top: -3px;}
.j-14 .layui-form-radio>i{font-size: 14px;margin-top: 3px;}
.j-14 .layui-form-radio{margin: 0px 10px 0 0;line-height: initial;}
.j-14 .layui-form-radio>i:hover, .layui-form-radioed>i {color: #3AAB6A;}
.j-15{color: #BFBFBF;position: relative;top: 30px;font-size: 16px;}
.j-16{width: 272px;height: 36px;border: 1px solid #D4D4D4;border-radius: 4px;/* box-sizing: border-box; */padding: 0 12px;}
.j-16::-webkit-input-placeholder{color: #CFCFCF;}
.j-16::-ms-input-placeholder{color: #CFCFCF;}
.j-16::-moz-placeholder{color: #CFCFCF;}

/* 我的课程 */
.m2-1{margin-top: 15px;}
.g-20{font-size: 0;margin-bottom: 20px;}
.g-20 li{width: 192px;border-radius: 3px;font-size: 0;display: inline-block;margin-right: 20px;}
.g-20 li:last-child{margin-right: 0;}
.g-21{display: inline-block;height: 70px;vertical-align: middle;padding-left: 15px;border-left: 1px solid #e7e8e5;}
.g-22{margin-top: 4px;text-align: center;}
.g-23{font-size: 20px;font-weight: bold;}
.g-24{font-size: 12px;color: #8a8a8a;margin-left: 2px;}
.g-25{display: inline-block;vertical-align: middle;margin-right: -3px;}
.g-26{margin-top: 9px;font-size: 14px;}
.g-20 .shadow_1{box-shadow: 0 0 8px 2px #F9FAFF;}
.g-20 .shadow_2{box-shadow: 0 0 8px 2px #FFFAFA;}
.g-20 .shadow_3{box-shadow: 0 0 8px 2px #FFF9EF;}
.g-20 .shadow_4{box-shadow: 0 0 8px 2px #DCF3FF;}
.g-27{margin-top: 15px;font-size: 0;}
.g-27 li{box-shadow: 0 0 5px 2px #ece9e9;width: 162px;height: 100px;display: inline-block;margin-right: 10px;}
.g-27 li a{display: block;width: 162px;height: 100px;box-shadow:inset 0px -15px 10px -13px #e3e3e3;;text-align: center;}

.g-30{margin-top: 20px;}
.g-32{line-height: 60px;background-color: #f7f7f7;}
.g-33{margin-left: 95px;}
.g-34{margin-left: 400px;}
.g-35{border-top: 1px solid #f9f9f9;}
.g-35 li{border-bottom: 1px solid #f9f9f9;border-right: 1px solid #f9f9f9;border-left: 1px solid #f9f9f9;position: relative;}
.g-35>li:first-child .g-42{display: block;}
.g1-35{display: none;}
.g-31 .g1-35:first-child{display: block;}
.g1-35 li{border: 1px solid #f9f9f9;position: relative;margin-bottom: 10px;}
.g1-35>li:first-child .g-42{display: block;}
.choose_2{background-color: #f7f7f7;}
.g-36{line-height: 60px;overflow: hidden;padding: 0 25px 0 10px;cursor: pointer;}
.g1-36{line-height: 60px;overflow: hidden;padding: 0 25px 0 10px;cursor: pointer;}
.g-37{float: left;}
.g-37 img{display: inline-block;vertical-align: middle;margin-right: 10px;width: 20px;}
.g-37 span{display: inline-block;vertical-align: middle;width: 300px;  white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
/* .g-38{float: right;} */
.g-39{color: #8a8a8a;margin-left: 82px;display: inline-block;width: 100px;}
.g-40{display: inline-block;vertical-align: middle;}
.g-41{display: inline-block;width: 110px;height: 30px;color: white !important;background-color: #3AAB6A;border-radius: 3px;line-height: 30px !important;text-align: center;font-size: 14px !important;position: absolute;top: 15px;right: 20px;padding: 0 !important;box-shadow: 0 2px 8px 2px #CAEBC5;}
.g1-41{background-color: #959595;box-shadow: 0 2px 8px 2px #E2E2E2;}
.g2-41{position: initial;}
.g-42{display: none;}
.g-42>li{position: relative;}
.g-42>li>a{display: block;line-height: 60px;padding: 0 25px 0 10px;font-size: 0;}
.g-43{display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 20px;color: #FEA64B;}
.g-44{line-height: 60px;display: inline-block;vertical-align: middle;color: #8a8a8a;width: 205px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size: 12px;}
.g-45{line-height: 60px;display: inline-block;vertical-align: middle;color: #8a8a8a;margin-left: 30px;font-size: 12px;}
.g-46{text-align: center;margin-top: 40px;}
.g-47{display: inline-block;cursor: pointer;}
.g-48{color: #3AAB6A;vertical-align: middle;display: inline-block;}
.g-49{vertical-align: middle;display: inline-block;color:#3AAB6A;}
.choose_3 .g-29{color:#CF021D;}
.g-27 .choose_3 a{border-bottom: 6px solid #CF021D;box-sizing: border-box;}
.g-50{margin-left: 50px;font-size: 12px;color: #9C9C9C;}
.g-51{display: block;margin: 0 auto;max-width: 100%;}
.m2-3{font-size: 0;}
.m2-3 li{width: 192px;display: inline-block;vertical-align: top;margin-right: 20px;font-size: 14px;box-shadow: 0 0 5px 2px #F6F6F6;border-radius: 3px;height: 100px;}
.m2-3 li a{display: block;text-align: center;height: 100%;box-sizing: border-box;padding-top: 18px;}
.m2-3 li:last-child{margin-right: 0;}
.m2-3 li.active{background-color: #3AAB6A;box-shadow: none;}
.m2-4{width: 40px;height: 40px;}
.m2-5{width: 40px;height: 40px;display: none;}
.m2-3 li.active .m2-4{display: none;}
.m2-3 li.active .m2-5{display: inline-block;}
.m2-6{color: #979797;}
.m2-3 li.active .m2-6{color: white;}
.g-55{margin-bottom: 15px;overflow: hidden;}
.g-56{overflow: hidden;float: left;}
.g-56 li{width: 86px;height: 28px;background-color: #F3F3F3;border-radius: 50px;text-align: center;line-height: 28px;float: left;margin-right: 10px;}
.g-56 li.active{background-color: #3AAB6A;}
.g-56 li.active a{color: white !important;}
.g-56 li a{color: #858585;}
.g-56 li a:hover{color: #3AAB6A;}
.g-57{float: right;color: #707070 !important;}
/* .g-57:hover{color: #3AAB6A;} */
.g-58{display: inline-block;vertical-align: middle;}
.g-59{display: inline-block;vertical-align: middle;}
.g-60{display: none;}
.g-60 li{border: 1px solid #f9f9f9;position: relative;margin-bottom: 10px;}
/* 课程答疑 */
.y-1{overflow: hidden;}
.y-1 li{font-size: 16px;float: left;color: #3B3B3B;cursor: pointer;margin-right: 55px;border-bottom: 2px solid transparent;padding-bottom: 2px;}
.y-1 li.active{border-color: #3AAB6A;}
.y-1 li.active a{color: #3AAB6A;}
.y-1 li:hover{color: #3AAB6A;}
.y-2{margin-top: 15px;}
.y-2 li{padding: 13px;border-radius: 4px;border: 1px solid #E3E3E3;position: relative;margin-bottom: 13px;}
.y-4{width: 140px;height: 82px;border-radius: 6px;display: inline-block;vertical-align: middle;}
.y-5{display: inline-block;vertical-align: middle;margin-left: 10px;}
.y-5 .y-6:first-child{margin-top: 0;}
.y-6{margin-top: 3px;}
.y-6 span{color: #929292;}
.y-7{margin-top: 9px;}
.y-8{position: absolute;top: 18px;right: 13px;cursor: pointer;color: #FF952C;}
.y-9{position: absolute;right: 13px;top: 55px;}
.y-10{margin-top: 10px;border-radius: 8px;border: 1px solid #E6E6E6;overflow: hidden;}
.y-11{height: 47px;line-height: 47px;padding: 0 15px;background-color: #ECF7F1;cursor: pointer;color: #3AAB6A;}
.y-13{float: right;margin-top: 12px;font-size: 18px;}
.y-14{display: none;}
.y-15{padding: 15px 15px;}
/* 我的收藏 */
.p-1{margin-top: 15px;}
.p-1 li{overflow: hidden;border-radius: 3px;padding: 15px 0;border-bottom: 1px solid #F3F3F3;}
.p-1 li:first-child{padding-top: 0;}
.p-2{float: left;}
.p-3{width: 189px;display: inline-block;vertical-align: middle;height: 110px;border-radius: 6px;}
.p-4{display: inline-block;vertical-align: middle;margin-left: 10px;width: 336px;}
.p-5{font-size: 16px;}
.p-6{margin-top: 3px;font-size: 12px;}
.p-6 span{color: #818181;}
.p-7{margin-right: 10px;}
.p-9{margin-top: 10px;color: #818181;font-size: 12px;}
.p-10{float: right;margin-right: 15px;margin-top: 40px;font-size: 14px;}
.p-10 a{display: inline-block;width: 101px;height: 28px;color: white;text-align: center;line-height: 28px;box-sizing: border-box;vertical-align: top;border-radius: 3px;}
.p-11{background-color: #FF952C;box-shadow: 0 3px 6px 3px #E9D8BF;}
.p-12{background-color: #3AAB6A;margin-left: 10px;box-shadow: 0 3px 6px 3px #C5E9BF;}
.p-13{margin-top: 15px;}
.p-13 li{padding: 15px 10px;overflow: hidden;border: 1px solid #F7F7F7;margin-bottom: 13px;}
.p-14{float: left;margin-top: 2px;}
.p-15{display: inline-block;vertical-align: middle;}
.p-16{display: inline-block;vertical-align: middle;margin-left: 10px;width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.p-17{float: left;margin-left: 50px;color: #666666;font-size: 12px;margin-top: 5px;}
.p-18{margin-top: 0;margin-right: 5px;}
/* 我的笔记 */
.f-1{overflow: hidden;}
.f-1 li a{padding: 13px;display: block;}
.f-1 li{border: 1px solid #E3E3E3;border-radius: 4px;width: 408px;box-sizing: border-box;float: left;margin-right: 14px;margin-bottom: 14px}
.f-1 li:nth-child(2n){margin-right: 0;;}
.f-2{width: 189px;height: 110px;border-radius: 6px;display: inline-block;vertical-align: top;}
.f-3{display: inline-block;vertical-align: top;margin-left: 10px;width: 175px;padding-top: 14px;}
.f-4{font-size: 16px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.f-5{font-size: 12px;color: #929292;margin-top: 10px;}
.f-6{padding: 13px;border: 1px solid #E3E3E3;border-radius: 4px;overflow: hidden;}
.f-7{float: left;}
.f-8{width: 189px;height: 110px;border-radius: 6px;display: inline-block;vertical-align: middle;}
.f-9{display: inline-block;vertical-align: middle;margin-left: 10px;width: 400px;}
.f-10{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.f-11{font-size: 12px;color: #929292;margin-top: 35px;}
.f-11 span{color: #3AAB6A;}
.f-12{width: 145px;height: 37px;display: block;border: 1px solid #EAEAEA;border-radius: 3px;text-align: center;box-sizing: border-box;line-height: 35px;float: right;color: #9C9C9C;margin-top: 37px;}
.f-12:hover{border-color: #3AAB6A;}
.f-13{margin-top: 10px;}
.f-13 li{margin-bottom: 10px;border-radius: 8px;overflow: hidden;}
.f-14{height: 47px;line-height: 47px;padding: 0 15px;background-color: #ECF7F1;color: #3AAB6A;cursor: pointer;}
.f-15{float: left;}
.f-16{float: right;margin-top: 14px;font-size: 18px;}
.f-17{border: 1px solid #E9E9E9;border-top: none;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;display: none;}
.f-18{padding: 15px;}
.f-19{overflow: hidden;}
.f-20{width: 18px;height: 19px;float: left;}
.f-21{min-height: 120px;float: right;width: 765px;}
.f-22{text-align: right;color: #B5B5B5;margin-top: 10px;font-size: 12px;}
.f-22 a{color: #B5B5B5;margin-left: 20px;}
.f-22 a:hover{color: #3AAB6A;}
.layui-layer-btn .layui-layer-btn0{border-color: #3AAB6A !important;background-color: #3AAB6A !important;}
/* 我的订单 */
.q-1{margin-bottom: 15px;margin-top: 15px;}
.q-1 li{display: inline-block;vertical-align: top;background-color: #F3F3F3;border-radius: 3px;margin-right: 20px;}
.q-1 li.active{background-color: #3AAB6A;}
.q-1 li a{display: block;height: 30px;line-height: 30px;width: 90px;text-align: center;color: #858585;}
.q-1 li.active a{color: white;}
.q-2{display: none;}
.q-2-box .q-2:first-child{display: block;}
.q-2 li{border-radius: 3px;box-shadow: 0 0 4px 1px rgba(0,0,0,0.05);margin-bottom: 15px;}
.q-3{line-height: 40px;padding: 0 15px;border-bottom: 1px solid #E6E6E6;overflow: hidden;}
.q-4{float: left;width: 25%;}
.q-5{float: left;width: 20%;text-align: center;}
.q-6{float: left;width: 20%;text-align: center;}
.q-7{float: left;width: 20%;text-align: center;}
.q-8{float: left;width: 15%;text-align: center;}
.q-9{padding: 10px 15px;}
.q-10{color: #7E7E7E;margin-bottom: 10px;}
.q-11{font-size: 0;}
.q-12{display: inline-block;vertical-align: middle;width: 25%;font-size: 14px;}
.q-14-box{display: inline-block;vertical-align: middle;position: relative;}
.q-14-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);color: white;}
.q-14{width: 69px;height: 40px;display: inline-block;vertical-align: middle;border-radius: 3px;}
.q-13{color: #545454;}
.q-15{display: inline-block;vertical-align: middle;margin-left: 5px;}
.q-16{color: black;}
.q-13:hover .q-16{color: #3AAB6A;}
.q-17{font-size: 12px;margin-top: 5px;}
.q-18{display: inline-block;vertical-align: middle;font-size: 14px;width: 20%;text-align: center;}
.q-19{display: inline-block;vertical-align: middle;font-size: 14px;width: 20%;text-align: center}
.q-20{display: inline-block;vertical-align: middle;font-size: 14px;width: 20%;text-align: center}
.q-21{display: inline-block;vertical-align: middle;font-size: 14px;width: 15%;text-align: center}
.q-22{display: block;height: 25px;margin: 0 auto;width: 90px;line-height: 25px;border-radius: 3px;background-color: #3AAB6A;color: white !important;font-size: 12px;}
.q-23{display: block;height: 25px;margin: 0 auto;width: 90px;line-height: 25px;border-radius: 3px;background-color: #929292;color: white !important;font-size: 12px;margin-top: 10px;}
/* 通知公告 */
.u-1 li a{display: block;padding: 15px 0;}
.u-1 li{border-bottom: 1px solid #E6E6E6;}
.u-2{width: 21px;height: 21px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.u-5{display: inline-block;vertical-align: middle;}
.u-6{font-size: 12px;color: #8D8D8D;margin-left: 10px;float: right;}
.u-7{margin-top: 5px;}