.w1180 {width:1180px;margin:0 auto;}
header nav ul li>a {color:#fff;}
.header-box {height:560px;position:relative;background:url('../images/home/header-banner.jpg') no-repeat center;background-size: cover;}
/* header-swiper */
.header-box .header-swiper {height:560px;padding-top:72px;box-sizing:border-box;}
.header-box .header-swiper .big-title {font-size:36px;font-weight:600;color:#fff;text-align:center;margin-bottom:16px;}
.header-box .header-swiper .info {font-size:16px;color:#fff;text-align:center;margin-bottom:35px;}
.header-box .header-swiper .tips {font-size:16px;color:#fff;text-align:center;margin-bottom:40px;position:relative;}
.header-box .header-swiper .tips img {position:absolute;top:28px;left:50%;margin-left:-72px;}
.header-box .header-swiper ul {display:flex;flex-wrap:wrap;justify-content:center;padding:0 40px;box-sizing:border-box;}
.header-box .header-swiper li {margin-right:20px;margin-bottom:20px;}
.header-box .header-swiper li a {width:104px;height:50px;border-radius:25px;border:2px solid #FFFFFF;display:block;text-align:center;line-height:46px;box-sizing:border-box;font-size:16px;color:#fff;}
.header-box .header-swiper li a.cur {background:#FFFFFF;border:2px solid #FFFFFF;color:#5D4427;}
/* user-info */
.header-box .user-info {position:absolute;bottom:83px;left:0;z-index:100;width:100%;}
.header-box .user-info .login {text-align:center;display:none;}
.header-box .user-info .login img {width:64px;height:64px;border:1px solid rgba(242,242,242,1);background:red;display:block;margin:0 auto;margin-bottom:13px;border-radius:50%;}
.header-box .user-info .login p {color:#E6E6E6;font-size:14px;}
.header-box .user-info .register {display:block;text-align:center;}
.header-box .user-info .register a {color:#fff;background:rgba(253,78,78,1);border-radius:4px;display:inline-block;width:150px;text-align:center;font-size:14px;height:35px;line-height:35px;margin-right:15px;}
.header-box .user-info .register .login-btn {color:rgba(253,78,78,1);background:#fff;border-radius:4px;display:inline-block;width:150px;text-align:center;font-size:14px;height:35px;line-height:35px;cursor:pointer;}
/* person-wrapper */
.person-box {display:flex;justify-content:space-between;margin-bottom:80px;}
.person-box .person-box-l {width:302px;}
.person-box .person-box-l strong {font-size:32px;color:#1A1A1A;margin-bottom:14px;display:block;}
.person-box .person-box-l p {color:#989898;font-size:16px;margin-bottom:29px;}
.person-box .person-box-l ul li {display:inline-block;margin-right:10px;width:64px;height:48px;border-radius:10px;cursor:pointer;box-sizing:border-box;}
.person-box .person-box-l ul li:nth-of-type(4n) {margin-right:0;}
.person-box .person-box-l ul li img {width:100%;height:100%;display:block;    border-radius: 10px;}
.person-box .person-box-l ul li.cur {border:2px solid #FD4E4E;}
.person-box .person-box-r {width:780px;height:210px;background:rgba(246,246,246,1);border-radius:10px;padding-left:80px;box-sizing:border-box;}
.person-box .person-box-r ul {height:100%;}
.person-box .person-box-r ul li .person-wrapper {height:100%;padding:30px 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%;}
.person-box .person-box-r ul li .person-wrapper .person-name {color:#989898;font-size:16px;}
.person-box .person-box-r ul li {display:none;height:100%;}
.person-box .person-box-r ul li.active {display:block;}
.person-box .person-box-r ul li p {color:#4C4C4C;font-size:24px;width:300px;font-weight:600;}
.person-box .person-box-r ul li .person-btn {width: 130px;height: 36px;border-radius: 25px;border: 2px solid #FD4E4E;display:flex;color:#FD4E4E;font-size:16px;justify-content:center;align-items:center;box-sizing:border-box;}
.person-box .person-box-r ul li .person-btn img {width:14px;height:14px;margin-left:5px;}
.person-box .person-box-r ul li .person-pic {display:block;position:absolute;right:40px;bottom:0;margin-left:5px;height: 280px;}
/* story */
.story {display:flex;justify-content:space-between;margin-bottom:100px;}
.story .story-l {width:780px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.story .story-l a {width:380px;height:180px;display:flex;margin-right:20px;margin-bottom:20px;box-sizing:border-box;flex-direction:column;justify-content:space-between;border-radius: 10px;}
.story .story-l a:nth-of-type(2n) {margin-right:0;}
.story .story-l a p {color:#FBFCFC;font-size:18px;}
.story .story-l a span {width:100px;height:30px;background:#FD4E4E;border-radius:5px;border:1px solid #FD4E4E;display:block;text-align:center;line-height:30px;font-size:16px;color:#fff;}
.story .story-r {width:320px;}
.story .story-r strong {color:#1A1A1A;font-size:32px;margin-bottom:12px;display:block;}
.story .story-r p {color:#989898;font-size:16px;margin-bottom:58px;}
.story .story-r .detail {color:#4C4C4C;font-size:16px;line-height:36px;margin-bottom:57px;}
.story .story-r .exchange-btn {width:158px;height:40px;border-radius:40px;border:1px solid rgba(253,78,78,1);color:#FD4E4E;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.story .story-r .exchange-btn img {width:14px;height:14px;display:block;margin-left:5px;margin-top:4px;}
/* yl-map */
.yl-map-wrapper {background:rgba(26,26,26,1);}
.yl-map {height:755px;position:relative;}
.yl-map .map-bd {width:100%;height:755px;}
.yl-map a img {width:23px;height:18px;display:block;margin-right:8px;width:220px;height:50px;}
.yl-map a { border-radius:25px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;bottom:80px;position:absolute;left:50%;margin-left:-114px;}
.yl-map ul {display:flex;flex-wrap:wrap;position:absolute;bottom:184px;width:1180px;left:50%;margin-left:-590px;}
.yl-map ul li span {color:#1A1A1A;}
.yl-map ul li {color:#4C4C4C;font-size:16px;width:25%;text-align:center;margin-bottom:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.yl-map ul li .l {width:0;height:0;border-top:4px solid transparent;border-left:5px solid #1A1A1A;border-bottom:3px solid transparent;display:inline-block;}
.yl-map ul li .r {width:0;height:0;border-top:4px solid transparent;border-right:5px solid #1A1A1A;border-bottom:3px solid transparent;display:inline-block;}
.yl-map ul li p {padding:0 10px;}
.yl-map ul li.cur {color:#F6F6F6;}
.yl-map ul li:hover {color:#F6F6F6;}
.yl-map ul li:hover .r {border-right:5px solid #FD5958;}
.yl-map ul li:hover .l {border-left:5px solid #FD5958;}
.yl-map ul li.cur .r {width:0;height:0;border-top:4px solid transparent;border-right:5px solid #FD5958;border-bottom:3px solid transparent;display:inline-block;}
.yl-map ul li.cur .l {width:0;height:0;border-top:4px solid transparent;border-left:5px solid #FD5958;border-bottom:3px solid transparent;display:inline-block;}
/* person-detail-box */
.person-detail-box {width:740px;height:413px;background:rgba(255,255,255,1);box-shadow:0px 40px 80px 0px rgba(0,0,0,0.1);border-radius:10px;position:fixed;top:50%;left:50%;margin-left:-370px;margin-top:-206.5px;z-index:999;padding:60px 80px;box-sizing:border-box;display:none;}
.person-detail-box .detail-top {display:flex;margin-bottom:30px;}
.person-detail-box .detail-top img {width:60px;height:60px;display:block;border-radius:50%;margin-right:20px;}
.person-detail-box .detail-top p strong {color:#1A1A1A;font-size:20px;display:block;margin-bottom:8px;}
.person-detail-box .detail-top p span {color:#4C4C4C;font-size:16px;}
.person-detail-box>p {margin-top:30px;line-height:32px;font-size:16px;}
.person-detail-box>strong {color:#1A1A1A;font-size:32px;display:block;}
.person-detail-box .fixed-name {height:36px;border-radius:10px;border:1px solid rgba(205,205,205,1);display:inline-block;line-height:36px;font-size:14px;color:#989898;padding:0 14px;position:absolute;right:80px;top:84px;}
.person-detail-box .close-btn {width:24px;height:24px;position:absolute;right:20px;top:20px;border-radius:50%;cursor:pointer;}
/* user-box */
.user-box {position:relative;padding-top:200px;box-sizing:border-box;padding-bottom: 60px;background:#fff;}
.user-box .user-header {position:absolute;left:50%;margin-left:-264px;top:-32px;}
.user-box .user-header img {width:64px;height:64px;background:#FFFFFF;display:block;margin:0 auto;margin-bottom:25px;border-radius:50%;border:0;}
.user-box .user-header p {color:#262626;font-size:14px;text-align:center;margin-bottom:38px;}
.user-box .user-header .user-center {display:flex;}
.user-box .user-header .user-center a {display:block;text-align:center;color:#088fef;}
.user-box .user-header .user-center a:first-child {margin-right:20px;}
/* course-box */
.course-box {min-height:887px;background:#FBFCFC;border-top:1px solid #F2F2F2;padding-top:113px;box-sizing:border-box;}
.course-box .list .course1 {background:url('../images/home/course1.png') no-repeat center;background-size:cover;border-radius: 10px;}
.course-box .list .course2 {background:url('../images/home/course2.png') no-repeat center;background-size:cover;border-radius: 10px;}
.course-box .list .course3 {background:url('../images/home/course3.png') no-repeat center;background-size:cover;border-radius: 10px;}
.course-box .list .course4 {background:url('../images/home/course4.png') no-repeat center;background-size:cover;border-radius: 10px;}
.course-box .list .course5 {background:url('../images/home/course5.png') no-repeat center;background-size:cover;border-radius: 10px;}
.course-box .list .course6 {background:url('../images/home/course6.png') no-repeat center;background-size:cover;border-radius: 10px;}
.course-box .list .course7 {background:url('../images/home/course7.png') no-repeat center;background-size:cover;border-radius: 10px;}
.course-box .list .course8 {background:url('../images/home/course8.png') no-repeat center;background-size:cover;border-radius: 10px;}
.course-box .big-title {color:#262626;font-size:36px;margin-bottom:20px;text-align:center;font-weight:600;}
.course-box .big-title span {color:#FD4E4E;}
.course-box .info {color:#989898;font-size:16px;margin-bottom:55px;text-align:center;}
.course-box .list {display:flex;flex-wrap:wrap;margin-bottom:20px;}
.course-box .list a {width:265px;height:177px;display:block;margin-bottom:40px;margin-right:40px;background-color:#dedede;padding:30px;box-sizing:border-box;}
.course-box .list a:nth-of-type(4n) {margin-right:0;}
.course-box .list a p {color:#FBFCFC;font-size:14px;margin-bottom:10px;}
.course-box .list a span {color:#FBFCFC;font-size:14px;display:flex;align-items:center;}
.course-box .list a strong {color:#FBFCFC;font-size:20px;margin-bottom:46px;display:block;}
.course-box .list a span img {width:14px;height:14px;display:block;margin-left:5px;margin-top:2px;}
.course-box .more-btn {width:240px;height:50px;border-radius:40px;border:2px solid #FD4E4E;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#FD4E4E;font-size:16px;}
.course-box .more-btn img {width:6px;height:8px;display:block;margin-left:5px;margin-top:4px;}
/* hot-box */
.hot-box {min-height:792px;box-sizing:border-box;background:url('../images/home/hot-banner.jpg') no-repeat center;background-size:cover;padding-top:120px;margin-bottom:180px;}
.hot-box .logo {width:80px;height:80px;background:#FD4E4E;border-radius:20px;margin:0 auto;margin-bottom:32px;display:flex;align-items:center;justify-content:center;}
.hot-box .big-title {color:#FD4E4E;font-size:36px;margin-bottom:20px;text-align:center;font-weight:600;}
.hot-box .big-title strong {color:#fff;}
.hot-box .info {color:#BFBFBF;font-size:16px;margin-bottom:55px;text-align:center;}
.hot-box .list {display:flex;flex-wrap:wrap;margin-bottom:40px;}
.hot-box .list a {width:220px;height:70px;background:#FBFCFC;border-radius:10px;display:flex;align-items:center;padding-left:10px;box-sizing:border-box;margin-right:20px;margin-bottom:20px;}
.hot-box .list a:nth-of-type(5n) {margin-right:0;}
.hot-box .list a .cover {width:50px;height:50px;background:#D8D8D8;border-radius:5px;margin-right:10px;}
.hot-box .list a p .name {color:#262626;font-size:16px;margin-bottom:6px;display:block;font-weight:600;}
.hot-box .list a p .use {width:75px;height:20px;border-radius:5px;border:1px solid #FD4E4E;display:flex;font-size:12px;color:#FD4E4E;justify-content:center;align-items:center;}
.hot-box .list a p .use img {margin-top:2px;margin-left:5px;}
.hot-box .more-btn {width:240px;height:50px;border-radius:40px;border:2px solid #FD4E4E;display:flex;align-items:center;justify-content:center;color:#FD4E4E;font-size:16px;margin:0 auto;}
.hot-box .more-btn img {margin-top:4px;margin-left:5px;}
/* condition-box */
.condition-box-wrapper {padding-bottom:120px;padding-top:100px;background:#F6F6F6;border-top:1px solid #F6F6F6;}
.condition-box .title {color:#FD4E4E;font-size:44px;text-align:center;margin-bottom:14px;font-weight: bold;}
.condition-box>strong {color:#1A1A1A;font-size:28px;text-align:center;display:block;margin-bottom:58px;}
.condition-box .list {display:flex;flex-wrap:wrap;}
.condition-box .list li {width:360px;height:160px;background:#FFFFFF;box-shadow:0px 20px 40px 0px rgba(0,0,0,0.1);border-radius:10px;padding:30px 40px;box-sizing:border-box;margin-right:50px;margin-bottom:40px;}
.condition-box .list li:nth-of-type(3n) {margin-right:0;}
.condition-box .list li strong {color:#FD4E4E;margin-bottom:20px;display:block;font-size:24px;}
.condition-box .list li p {color:#423E43;font-size:16px;line-height:28px;}
/* culture-box */
.culture-box {background:url('../images/home/culture-banner.jpg') no-repeat center;background-size:cover;padding:120px 0;}
.culture-box .logo {display:block;margin:0 auto;margin-bottom:50px;}
.culture-box .title {color:#FBFCFC;font-size:44px;text-align:center;font-weight:600;}
.culture-box .list {display:flex;justify-content:center;align-items:center;margin-top:70px;}
.culture-box .list .item {height:150px;}
.culture-box .list .item .num {color:#FD4E4E;font-weight:600;display:flex;align-items:center;font-size:64px;justify-content:center;}
.culture-box .list .item p {font-weight:400;font-size:16px;display:flex;flex-direction:column;justify-content:space-between;margin-left:6px;font-weight:600;}
.culture-box .list .item strong {color:#FBFCFC;font-size:24px;display:block;text-align:center;}
.culture-box .list b {width:1px;height:80px;background:#6C6663;margin:0 100px;}
/* wall-box */
.wall-box {padding-top:112px;padding-bottom:120px;}
.wall-box .title {color:#262626;text-align:center;font-size:36px;font-weight:600;margin-bottom:17px;}
.wall-box .title strong {color:#FD4E4E;}
.wall-box .info {color:#989898;font-size:16px;text-align:center;margin-bottom:55px;}
.wall-box .wall-swiper .swiper-slide {width: 265px;height: 180px;border-radius: 10px;overflow: hidden;}
.wall-box .wall-swiper .swiper-slide img { width: 100%;height: 100%; -webkit-object-fit: cover;
            object-fit: cover;
            transition: .25s all linear;
            -ms-transition: .25s all linear; /* IE 9 */
            -moz-transition: .25s all linear; /* Firefox */
            -webkit-transition: .25s all linear; /* Safari ºÍ Chrome */
            -o-transition: .25s all linear; /* Opera */
            cursor: pointer;
        }

.wall-box .wall-swiper .swiper-slide:hover img {transform: scale3d(1.1,1.1,1.1);-ms-transform: scale3d(1.1,1.1,1.1);-moz-transform: scale3d(1.1,1.1,1.1);-webkit-transform: scale3d(1.1,1.1,1.1); -o-transform: scale3d(1.1,1.1,1.1);}
.wall-box .wall-swiper .swiper-button-prev {background-image:url('../images/home/next-btn.png')}
.wall-box .wall-swiper .swiper-button-next {background-image:url('../images/home/prev-btn.png')}
.wall-box .swiper-button-next,.wall-box .swiper-button-prev {background-size:cover;width:40px;height:40px;}
/* join-box */
.join-box {display:flex;justify-content:space-between;margin-bottom:120px;}
.join-box .l img {width:560px;height:400px;display:block;border-radius:6px;}
.join-box .r {width:540px;position: relative;}
.join-box .r .big-title {display:flex;justify-content:space-between;align-items:center;margin-bottom: 17px;}
.join-box .r .big-title strong {color:#262626;font-size:36px;}
.join-box .r .small-title {display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;}
.join-box .r .small-title span {color:#989898;font-size:16px;}
.join-box .r .small-title strong {color:#FD4E4E;font-size:44px;}
.join-box .r .des {color:#4C4C4C;font-size:16px;line-height:36px;}
/* share-box */
.share-box {margin-bottom:90px;}
.share-box ul {display:flex;justify-content:space-between;}
.share-box ul li {width:340px;}
.share-box ul li .name {margin-bottom:32px;display:flex;justify-content:space-between;padding-left:20px;}
.share-box ul li .name strong {color:#333333;font-size:20px;}
.share-box ul li .name a {color:#333333;font-size:14px;display:flex;align-items:center;}
.share-box ul li .name a img {width:14px;height:14px;margin-left:5px;margin-top:1px;}
.share-box ul li .list {}
.share-box ul li .list a {color:#4C4C4C;font-size:14px;display:block;width:360px;height:40px;line-height:40px;padding-left:20px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.share-box ul li .list a:hover {background:#F6F6F6;border-radius:10px;}
.header-box .ech-fade-in {transition:all .5s;background:rgba(26,26,26,0);color:#FFFFFF;}
.header-box .ech-fade-out {transition:all .5s;background:rgba(26,26,26,1);color:#989898;}
header .header-sidebar ul li {margin-left:30px;margin-right:0;}
.class-box ul li {cursor:pointer;}
.wall-swiper {position:relative;}
.swiper-button-prev-btn {position:absolute;top:50%;width:40px;height:40px;margin-top:-52px;left:-21px;cursor:pointer;z-index:999;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);border-radius:50%;}
.swiper-button-next-btn {position:absolute;top:50%;width:40px;height:40px;cursor:pointer;margin-top:-52px;right:-21px;z-index:999;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);border-radius:50%;}
.swiper-button-prev,.swiper-button-next {display:none;}
.wall-box .swiper-container {height:240px;}
.wall-box .swiper-pagination-bullet {width:10px;height:10px;background:#fff;opacity:1;border:2px solid #FD5151;box-sizing:border-box;}
.wall-box .swiper-pagination-bullet-active {background:#FD5151;}
.user-box .table .name {width:250px;}
.user-box .table .plan {width:200px;}
.user-box .table .des {width:292px;}
/* 2020-9-22 14:08:49 */
.instruction-box {font-weight:600;width:870px;height:400px;background:rgb(246,246,246);border:1px solid #dedede;border-radius:8px;position: fixed;top:50%;margin-top:-200px;left:50%;margin-left:-435px;padding-top:30px;box-sizing:border-box;z-index: 9999;}
.instruction-box .close-box{width: 16px;height: 16px;position: absolute;right: 16px;top: 16px;cursor: pointer}
.instruction-box .close-box .close-btn{display: block;width: 100%;height: 100%;}
.instruction-box strong {font-size:18px;margin-bottom:30px;display:block;text-align:center;}
.instruction-box p {font-size:14px;margin-bottom:21px;padding-left:80px;}
.instruction-box .submit {display:flex;justify-content:center;margin-top:53px;}
.instruction-box .submit span {font-size:14px;display:block;padding:0 12px;height:36px;color:#fff;line-height:36px;cursor:pointer;border-radius:4px;}
.instruction-box .submit a {font-size:14px;display:block;padding:0 12px;height:36px;color:#fff;line-height:36px;cursor:pointer;border-radius:4px;}
.user-box .table {position:relative;}
.user-box .thead .help {position:relative;}
.user-box .thead img {display:block;width:16px;height:16px;margin-left:8px;cursor:pointer;}
.user-box .thead .th {display:flex;align-items:center;}
.user-box .thead .help-box {font-size:12px;width:240px;border:1px solid #dedede;padding:20px 15px;position:absolute;margin-left:-120px;left:50%;top:30px;z-index:99999;background:rgb(246,246,246);box-sizing:border-box;display:none;line-height:18px;}
.user-box .thead .help-box:after {content:"";border-top:solid 0 #00800000;border-left:solid 8px #00800000;border-right:solid 8px #00800000;border-bottom:solid 5px #dedede;position:absolute;left:50%;top:-5px;margin-left:-4px;}
.user-box .thead .help:hover .help-box {display:block;}