.top54 { margin-top: 54px !important;}
.xx-header {height:56px;display:flex;align-items:center;background:#fe5d37;padding:0 20px;position:fixed;width:98%;top:0;left:50%;transform:translateX(-50%);z-index:100;}
.xx-header .xx-logo {width:40px;height:40px;border-radius:6px;}
.xx-header .xx-logo img {width:100%;height:100%;border-radius:6px;}
.xx-header .xx-name {flex:1;min-width:0;font-size:17px;font-weight:600;color:#fff;line-height:21px;margin:0 10px;}
.xx-header .xx-name a{    color: #fff;}
.xx-nav {display:flex;align-items:center;padding-left:18px;padding-right:18px;height:63px;}
.xx-nav img {width:21.34px;}
.xx-wrap {width:100%;height:100%;position:fixed;top:0;right:0;z-index:97;display:none;}
.xx-bg {width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;}
.xx-box {width:212px;height:100%;background-color:#fff;padding-top:63px;overflow:hidden;position:absolute;top:0;right:-100%;z-index:96;}
.xx-box li {width:100%;margin:20px 0;}
.xx-box li a {font-size:16px;color:#333;line-height:24px;width:100%;text-align:center;display:inline-block;}
.banner-con {width:100%;margin-top:55px;}
.banner-con img {width:100%;}
.xx-container {min-height:100%;background:#f9f6ef;}
.index-nav {overflow:hidden;background:#FFFFFF;padding:20px 0;}
.index-nav li {width:calc(100% / 4);margin-top:0;float:left;}
.index-nav li a {display:flex;align-items:center;justify-content:center;flex-direction:column;}
.index-nav li a img {width:44px;height:44px;}
.index-nav li a p {text-align:center;font-size:13px;color:#232323;line-height:18px;margin-top:8px;}
.index-photo,.index-youshi,.index-news,.index-kecheng,.index-jieshao {background:#fff;padding:20px;padding-bottom:0;margin:10px 0;overflow:hidden;}
.index-bt {overflow:hidden;margin-bottom:20px;}
.title-style-l {display:flex;align-items:center;justify-content:center;float:left;}
.title-style-l img {width:16px;height:16px;margin-right:4px;}
.title-style-text {font-size:19px;font-weight:600;color:#333;}
.title-style-r {display:flex;align-items:center;justify-content:center;float:right;}
.title-style-r span {font-size:13px;color:#8C8C8C;}
.index-photo .photo {display:flex;justify-content:flex-start;white-space:nowrap;overflow-y:hidden;overflow:auto;padding-bottom:20px;}
.index-photo .photo li {margin-right:10px;}
.index-photo .photo .tp {display:block;width:176px;height:112px;border-radius:5px;overflow:hidden;}
.index-photo .photo .tp img {width:176px;height:112px;}
.index-photo .photo p {display:block;padding-top:15px;padding-bottom:15px;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:0px;}
.index-youshi ul {overflow:hidden;}
.index-youshi ul li {width:47%;height:228px;float:left;margin-right:15px;position:relative;box-shadow:#000 3px 5px 5px;background:url(http://www.fuduba.com/skin/img/bdbg.png) no-repeat bottom right #fff;background-size:25px 25px;margin-bottom:20px;}
.index-youshi ul li:nth-child(2n) {margin-right:0px;}
.index-youshi ul li img {width:100%;height:97px}
.index-youshi ul li b {font-size:16px;display:block;position:absolute;width:100%;height:45px;line-height:45px;background:linear-gradient(190deg,#EC2A35 0%,#F5532F 100%);color:#fff;border-radius:0 25px 25px 0;text-indent:15px;left:0;top:80px;}
.index-youshi ul li p {padding:42px 10px 10px 10px;font-size:14px;text-align:justify;line-height:25px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:68px;}
.index-news dl {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px;justify-content:space-evenly;}
.index-news dl dd {width:47%;height:34px;background-color:#4665a5;border-radius:10px;font-size:14px;line-height:34px;letter-spacing:1px;color:#fff;text-align:center;float:left;border-right:1px solid #f3f4f7;text-align:center;padding:5px 0;border-radius:7px 7px 0 0;cursor:pointer;}
.index-news dl .active {background-color:#ff7f80;color:#ffffff;font-weight:bold;}
.index-news .dogntai {display:none;}
.index-news .dogntai ul li {display:flex;justify-content:space-between;align-items:center;position:relative;}
.index-news .dogntai ul li a {display:block;}
.index-news .dogntai ul li a::before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:5px;height:5px;background-color:#f26470;}
.index-news .dogntai ul li a {font-size:14px;letter-spacing:1px;color:#333333;width:82%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;height:32px;line-height:32px;padding-left:10px;}
.index-news .dogntai ul li span {font-size:14px;letter-spacing:1px;color:#999999;}
.news-list-more {padding:2px 0;margin:20px 0;}
.news-list-more a {width:100%;display:block;background-color:#e5ecff;color:#4665a5;border-radius:5px;border:1px dashed #6586cd;text-align:center;margin-top:5px;padding:5px 0;font-size:14px;}
.index-news .zixun ul li {width:100%;overflow:hidden;margin-bottom:20px;}
.index-news .zixun ul li .news-tu {width:144px;height:96px;max-height:none;overflow:hidden;margin-right:13px;margin-bottom:0;float:left}
.index-news .zixun ul li .news-tu a img {width:144px;height:96px}
.index-news .zixun ul dl .news-tit {height:auto;}
.index-news .zixun ul li .news-tit a {display:block;font-size:16px;color:#333;font-weight:bold;margin-bottom:9px;max-height:47px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.index-news .zixun ul li .news-tit p {font-size:14px;height:57px;overflow:hidden;line-height:20px;color:#999;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.index-kecheng .commmon-list {display:flex;flex-wrap:wrap;margin-top:8px;}
.commmon-list li {width:calc((100% - 17px) / 2);margin-right:17px;background:#FFFFFF;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:12px;margin-bottom:20px;}
.commmon-list li:nth-child(2n) {margin-right:0px;}
.commmon-list li a {height:100%;display:flex;flex-direction:column;}
.commmon-list li .course-logo {width:100%;height:98px;border-radius:12px 12px 0 0;}
.commmon-list li .course-logo img {border-radius:12px 12px 0 0;}
.img-block {width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.commmon-list li .course-info {flex:1;padding:8px 8px 15px;display:flex;flex-direction:column;}
.commmon-list li .course-info .ellipsis-1 {font-size:14px;font-weight:400;color:#333333;line-height:21px;}
.commmon-list li .course-info .course-time {font-size:12px;font-weight:400;color:#999999;line-height:18px;margin-top:4px;margin-bottom:6px;}
.commmon-list li .course-info .course-bottom {display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.commmon-list li .course-info .course-bottom .price {font-size:14px;font-family:PingFang SC-Medium,PingFang SC;font-weight:600;color:#FF6666;line-height:21px;}
.commmon-list li .course-info .course-bottom .audition-btn {display:block;width:38px;height:24px;background:#fe5d37;font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#FFFFFF;border-radius:4px;border:none;}
.index-jieshao .intro-con {color:#666;margin:30px 0;line-height:1.8;}

.jianzhang-list{background:#fff;padding:20px;margin-bottom:15px;overflow: hidden;}
.jianzhang-list {width:100%;box-sizing:border-box;background-color:#fff;border-top:10px solid #eaeaea;}
.jianzhang-list ul li {border-bottom:1px solid #f5f5f5;    margin-bottom: 20px;}
.jianzhang-list ul li .bt {font-weight:400;line-height:24px;margin-bottom:10px;min-height:26px;color:#333;font-size:14px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.jianzhang-list ul li .bt .lmbt{color:#fe5d37}
.jianzhang-list ul li .bt  a{font-size:16px;}
.jianzhang-list .jianzhang--img {float:left;width:142px;height:95px;position:relative;}
.jianzhang-list .jianzhang--img img {width:100%;height:100%;}
.jianzhang-list .jianzhang-item {padding-bottom:20px;padding-left:10px;display:block;overflow:hidden;position:relative;height: 88px;}
.jianzhang-list .jianzhang-item p {color:#666;font-size:12px;height:24px;overflow:hidden;padding-right:5px;word-break:break-all;line-height:22px;}
.jianzhang-list .jianzhang-item1 {color:#999;font-size:12px;height:24px;overflow:hidden;padding-right:5px;word-break:break-all;line-height:22px;}
.jianzhang-list .jianzhang-item2 {position:absolute;left:0;    top: 61px;}
.jianzhang-list .jianzhang-item2 span {position:relative;bottom:-2px;color:red;font-size:16px;font-weight:400;right:0;}
.jianzhang-list .jianzhang-item2 span s {color:#999;font-size:12px;}
.jianzhang-list ul li:after {content:" ";clear:both;display:table;}
.tj-news{background: #fff;padding: 20px;margin: 10px 0;}
.tj-news  ul li {display:flex;justify-content:space-between;align-items:center;position:relative;}
.tj-news  ul li a::before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:5px;height:5px;background-color:#f26470;}
.tj-news  ul li a {font-size:14px;letter-spacing:1px;color:#333333;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;height:32px;line-height:32px;padding-left:10px;}
.tj-news  ul li span {font-size:14px;letter-spacing:1px;color:#999999;}


.xg-kecheng .commmon-list {display:flex;flex-wrap:wrap;margin-top:8px;}
.xg-kecheng .commmon-list li {width:calc((100% - 17px) / 2);margin-right:17px;background:#FFFFFF;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:12px;margin-bottom:20px;}
.xg-kecheng .commmon-list li:nth-child(2n) {margin-right:0px;}
.xg-kecheng .commmon-list li a {height:100%;display:flex;flex-direction:column;}
.xg-kecheng .commmon-list li .course-logo {width:100%;height:98px;border-radius:12px 12px 0 0;}
.xg-kecheng .commmon-list li .course-logo img {border-radius:12px 12px 0 0;}
.xg-kecheng .commmon-list .img-block {width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.xg-kecheng .commmon-list li .course-info {flex:1;padding:8px 8px 15px;display:flex;flex-direction:column;}
.xg-kecheng .commmon-list li .course-info .ellipsis-1 {font-size:14px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#333333;line-height:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xg-kecheng .commmon-list li .course-info .course-time {font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#999999;line-height:18px;margin-top:4px;margin-bottom:6px;}
.xg-kecheng .commmon-list li .course-info .course-bottom {display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.xg-kecheng .commmon-list li .course-info .course-bottom .price {font-size:14px;font-family:PingFang SC-Medium,PingFang SC;font-weight:600;color:#FF6666;line-height:21px;}
.xg-kecheng .commmon-list li .course-info .course-bottom .audition-btn {display:block;width:38px;height:24px;background:#fe5d37;font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#FFFFFF;border-radius:4px;border:none;}


.wenzhang,.xg-article ,.xg-kecheng{background:#fff;padding:20px;margin-bottom:15px;overflow:hidden;}
.wenzhang-tit h1 {color:#333;font-size:20px;text-align:center;margin-bottom:20px;}
.wenzhang-tit .info {font-size:14px;color:#666666;margin-bottom:10px;text-align:center;}
.wenzhang-tit .info .time {background:url(../img/ico-time.png) no-repeat 0 center;background-size:18px 18px;padding-left:20px;}
.wenzhang-tit .info .eye {background:url(../img/ico-hits.png) no-repeat 0 center;background-size:18px 18px;padding-left:20px;margin-left:30px;}
.wenzhang-nr .detail-zhaiyao {line-height:22px;display:inline-block;padding:10px 15px;font-size:12px;color:#9ca0ad;background:#f6f7fa;border:1px dashed #e3e5ec;overflow:hidden;margin-top:10px;}
.wenzhang-nr p {font-size:14px;line-height:24px;margin:10px auto;}
.wenzhang-nr p a{color: #ed0909;}
.wenzhang-nr img {width:100% !important;height:auto !important;}
.wenzhang-nr h3 {display:inline-block;font-size:18px;font-weight:bold;position:relative;color:#333;font-style:normal;}
.wenzhang-nr h3:before {content:'';border-radius:5px;display:block;float:left;margin-top:9px;width:4px;height:15px;margin-right:10px;background:#3297fc;}
.xg-article-tit {display:inline-block;font-size:18px;font-weight:bold;padding-left:10px;position:relative;color:#4177db;font-style:normal;margin-bottom:15px;}
.xg-article-tit:before {content:'';height:16px;width:3px;position:absolute;left:0;background-color:#4177db;top:50%;margin-top:-8px;}


.news-list{background:#fff;padding:20px;margin-bottom:15px;overflow: hidden;}
.news-item li {padding:10px 0;display:flex;align-items:flex-start;border-bottom:1px solid #eeeeee;}
.news-item li .cover-image {width:117px;overflow:hidden;max-height:75px;}
.news-item li .cover-image img {width:100%;height:88px;}
.news-item .news-info {flex:1;margin-left:10px;}
.news-item .news-info a {display:block;margin-bottom:5px;font-size:14px;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.news-item .news-info .info {display:block;color:#999999;overflow:hidden;}
.news-item .news-info .info i {float:left;font-size:12px;line-height:24px;margin-right:16px;font-style:normal;}
.news-item .news-info .miaoshu {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#999;}
.xg-article .news-item li {display:flex;justify-content:space-between;align-items:center;position:relative;}
.xg-article .news-item li a {display:block;}
.xg-article .news-item li a::before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:5px;height:5px;background-color:#f26470;}
.xg-article .news-item li a {font-size:14px;letter-spacing:1px;color:#333333;width:82%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;height:32px;line-height:32px;padding-left:10px;}
.xg-article .news-item li span {font-size:14px;letter-spacing:1px;color:#999999;}