@charset "UTF-8";
.by { border-radius: 50%; }

.bd3 { border-radius: 3px; }

.scale-img:hover img, .supM-view:hover .shopLeftBox-img img, .shopLeftBox:hover .shopLeftBox-img img, .ad a:hover img, .center-classBox:hover .center-classBox img, .competition-area .comp-list li .cmp-sub-courseBox:hover .sub-courseBox-img img { transform: scale(1.05, 1.05); }

.scale-img { overflow: hidden; margin: 0 auto; }

.fullSlide { width: 100%; position: relative; height: 400px; background: #000; margin-top: 1px; }

.bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }

.bd ul { width: 100% !important; }

.bd ul li { width: 100% !important; height: 400px; overflow: hidden; text-align: center; }

.bd ul li a { display: block; height: 400px; }

.hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }

.hd ul { text-align: center; }

.hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 10px; height: 10px; margin: 1px 4px; overflow: hidden; border-radius: 6px; background: #fff; line-height: 999px; }

.hd ul .on { width: 20px; background: #c9151e; }

.fullSlide .next, .fullSlide .prev { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; z-index: 1; width: 85px; height: 85px; background-repeat: no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; }

.fullSlide .prev { left: 5%; background: url(../images/ban/slider-arrow.png) 0 0; }

.fullSlide .next { right: 5%; background: url(../images/ban/slider-arrow.png) -86px 0; }

.ind-menu { height: 40px; line-height: 40px; border-bottom: 1px solid #e0e0e0; border-radius: 8px 8px 0 0; margin: -1px -1px 0 -1px; padding: 0 20px; color: #fff; }

.ind-menu h3 { font-size: 18px; line-height: 40px; color: #333; font-weight: bold; }

.ind-menu h3 i { font-size: 18px; margin-right: 10px; font-weight: normal; color: #c9151e; }

.ind-menu a { color: #999; }

.ind-menu a:hover { color: #c9151e; }

.ind-wide1 { width: 588px; height: 263px; border: 1px solid #e0e0e0; border-radius: 8px; }

.ind-new1 { padding: 20px; }

.ind-new1R { width: 294px; }

.ind-new1R ul { margin-top: -5px; }

.newLi1 { font-size: 16px; line-height: 38px; }

.newLi1 a { color: #999; }

.newLi1 a:hover { color: #c9151e; }

.ind-newUl1 { padding: 15px 20px; }

.newLi2 { font-size: 16px; line-height: 38px; }

.newLi2 a { color: #999; }

.newLi2 a:hover { color: #c9151e; }

.ind-menu1 { height: 36px; line-height: 36px; margin-bottom: 15px; overflow: hidden; position: relative; }

@media screen and (max-width: 480px) { .ind-menu1 { padding-left: 12px; margin-bottom: 0; } }

.ind-menu1 h3 { font-size: 18px; color: #333; font-weight: bold; padding-right: 10px; }

.ind-menu1 h3 i { font-size: 22px; color: #c9151e; margin-right: 5px; color: #c9151e; font-weight: normal; vertical-align: -2px; }

.ind-menu1 h3 span { font-size: 14px; margin-left: 10px; }

.ind-menu1 p { font-size: 16px; height: 36px; color: #c9151e; font-weight: bold; display: inline-block; }

.ind-menu1 .ind-menu1-note { height: 36px; color: #c9151e; font-weight: bold; padding-right: 25px; padding-left: 10px; }

.ind-menu1 > a { color: #999; }

.ind-menu1 > a:hover { color: #c9151e; }

.ind-menu1 .searchBox { width: 400px; }

.ind-menu1.ind-menu1-line { background: url(../images/ind-menu1.png) center repeat-x; }

.ind-menu1.ind-menu1-bg1 h3, .ind-menu1.ind-menu1-bg1 .ind-menu1-note, .ind-menu1.ind-menu1-bg1 a { background: #f1f1f1; }

.ind-menu1.ind-menu1-bg2 h3, .ind-menu1.ind-menu1-bg2 .ind-menu1-note, .ind-menu1.ind-menu1-bg2 a { background: #fff; }

.tjxm-bg { background: #f1f1f1; padding: 5px 0 40px; margin-top: 40px; }

.classbox { width: 1172px; height: 432px; margin: 0 auto; padding: 14px; position: relative; }

.class { position: relative; overflow: hidden; width: 1172px; height: 432px; }

.class-prev, .class-next { width: 60px; height: 74px; position: absolute; top: 188px; line-height: 74px; color: #e3e3e3; }

.class-prev i, .class-next i { font-size: 60px; }

.class-prev:hover, .class-next:hover { color: #c9151e; }

.class-prev { left: -70px; text-align: right; }

.class-next { right: -70px; text-align: left; }

.classLi { height: 432px; position: relative; padding-left: 690px; }

.classLi .scale-img { width: 660px; height: 432px; position: absolute; left: 0; top: 0; }

.classLi .scale-img img { width: 660px; height: 432px; }

.classLi .scale-img i { width: 72px; height: 72px; position: absolute; left: 0; top: 0; background: url(../images/zs.png) no-repeat; z-index: 9; }

.classLi h2 { font-size: 22px; line-height: 40px; }

.classLi h2 a { color: #444; }

.classLi h2 a:hover { color: #c9151e; }

.classLi ul.classLi-Ul1 { margin-top: 5px; }

.classLi ul.classLi-Ul1 li { font-size: 16px; line-height: 32px; color: #999; text-align: left; }

.classLi p { font-size: 18px; line-height: 32px; color: #999; }

.classLi h3 { font-size: 18px; color: #c9151e; margin-top: 30px; font-weight: bold; border-top: 1px dotted #999; padding-top: 40px; }

.classLi ul.classLi-Ul2 { margin-top: 15px; }

.classLi ul.classLi-Ul2 li { font-size: 14px; line-height: 36px; border-bottom: 1px dotted #e9e9e9; }

.classLi ul.classLi-Ul2 li span { color: #999; }

.classLi ul.classLi-Ul2 li a { color: #666; }

.classLi ul.classLi-Ul2 li a i { color: #ff9000; margin-right: 6px; }

.classLi ul.classLi-Ul2 li a:hover { color: #c9151e; }

.classLi ul.classLi-Ul2 li a:hover i { color: #c9151e; }

.classLi .btn-s-theme { width: 180px; height: 40px; position: absolute; font-size: 16px; line-height: 40px; text-align: center; bottom: 30px; border-radius: 20px; right: 151px; }

.classLi .classLi-price { font-size: 36px; color: #ff0000; line-height: 48px; position: absolute; right: 0; top: 0; }

.classLi .classLi-price span { font-size: 24px; }

.classLi .classLi-mf { width: 80px; height: 32px; background: url(../images/mark-mf1.png) no-repeat; position: absolute; font-size: 20px; line-height: 32px; text-align: center; color: #fff; top: 5px; right: 0; }

.course-bg { padding: 10px auto auto auto; }

@media screen and (max-width: 480px) { .course-bg { clear: both; padding: 0; } }

.ind-course-pic { width: 220px; height: 827px; background: url(../images/lbg.jpg) no-repeat; position: relative; }

.ind-course-pic a { font-size: 14px; line-height: 28px; color: #fff; position: absolute; right: 30px; bottom: 30px; }

.ind-course-pic a:hover { color: #fff; text-decoration: underline; }

.ind-course-list { width: 1200px; }

@media screen and (max-width: 480px) { .ind-course-list { width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } }

.ind-course-list ul { margin: 0 -12px auto -12px; }

.ind-course-list ul li { margin-top: 24px; }

.ind-course-list ul li .courseBox { margin-left: 12px; margin-right: 12px; }

@media screen and (max-width: 480px) { .ind-course-list ul { margin: 0; }
  .ind-course-list ul li { width: 100%; margin-top: 10px; } }

.ind-course ul { margin-top: -25px; }

.ind-course ul li { margin-top: 25px; }

.supM-tab-menu { margin: 0 30px; padding: 0 10%; height: 42px; background: none; text-align: center; }

.supM-tab-menu ul { display: block; margin: 0 auto; }

.supM-tab-menu ul li { font-size: 16px; line-height: 42px; float: left; text-align: center; }

.supM-tab-menu ul li a { display: block; position: relative; padding: 0 32px; color: #666; }

.supM-tab-menu ul li a:hover, .supM-tab-menu ul li a.listTab-cur { color: #c9151e; }

.supM-tab-menu ul li a:hover:after, .supM-tab-menu ul li a.listTab-cur:after { position: absolute; bottom: -10px; left: 50%; margin-left: -10px; }

@media screen and (max-width: 480px) { .supM-tab-menu { margin: 0; padding: 0; height: auto; }
  .supM-tab-menu ul li { float: left; width: 33%; line-height: 36px; height: auto; }
  .supM-tab-menu ul li a { padding: 0; } }

.supM-tab-cont { padding: 0px 30px 0; }

@media screen and (max-width: 480px) { .supM-tab-cont { padding: 0; clear: both; } }

.supM-tab-cont article { font-size: 14px; line-height: 1.8; color: #666; }

@media screen and (max-width: 480px) { .supM-list .ml-25 { margin-left: 0; } }

.supM-list ul { margin-top: -10px; }

.supM-list ul li { margin-top: 25px; width: 15.2%; box-sizing: border-box; margin-left: 15px; float: left; }

@media screen and (max-width: 480px) { .supM-list ul li { width: 50%; margin-left: 0; } }

.supM-view { height: 210px; border: 1px solid #eee; border-radius: 4px; cursor: pointer; background: #fff; }

@media screen and (max-width: 480px) { .supM-view { margin: 0 3%; } }

.supM-view .supM-view-img { width: 100%; height: 98px; overflow: hidden; border-radius: 4px 4px 0 0; }

.supM-view .supM-view-img img { width: 100%; height: 98px; background-size: contain; }

.supM-view h2, .supM-view p, .supM-view h6 { margin-left: 8px; margin-right: 8px; }

.supM-view h6 { margin-left: 0; }

.supM-view h2 { font-size: 16px; line-height: 30px; margin-top: 8px; }

.supM-view h2 a { color: #222; }

.supM-view h2 a:hover { color: #c9151e; }

.supM-view p { font-size: 12px; line-height: 22px; color: #999; border-bottom: 1px solid #f3f4f6; padding-bottom: 5px; }

.supM-view p i { font-size: 20px; margin-right: 4px; vertical-align: -1px; }

.supM-view p em { margin-right: 4px; vertical-align: -1px; }

.supM-view h6 { padding: 10px 0; font-size: 14px; line-height: 26px; color: #cf2424; font-weight: bold; }

.supM-view h6 a { font-size: 14px; padding: 0 15px; border-radius: 13px; font-weight: normal; }

.supM-view:hover { transform: translateY(-10px); }

.courses2-List h4 { font-size: 16px; line-height: 42px; cursor: pointer; position: relative; color: #444; font-weight: bold; padding-left: 32px; }

.courses2-List h4 .List-ico { width: 16px; height: 16px; top: 50%; margin-top: -8px; left: 5px; background: url(../images/off.png) no-repeat; position: absolute; }

.courses2-List .list-item ul { padding: 0 0 4px; }

.courses2-List .list-item ul li { font-size: 14px; line-height: 28px; }

.courses2-List .list-item ul li a { display: block; color: #777; position: relative; padding-left: 40px; }

.courses2-List .list-item ul li a i { width: 8px; height: 8px; background: #777; position: absolute; top: 50%; margin-top: -4px; left: 24px; border-radius: 50%; }

.courses2-List .list-item ul li a:hover { background: #eef6ff; color: #c9151e; }

.courses2-List .list-item ul li a:hover i { background: #c9151e; }

.courses2-List .selected h4 .List-ico { background: url(../images/on.png) no-repeat; }

.supM-c-tab .mktType { overflow: hidden; position: relative; margin: 20px 0 30px; }

@media screen and (max-width: 480px) { .supM-c-tab .mktType { margin: 0; padding: 0 2%; } }

.supM-c-tab .mktType span { width: 80px; height: 34px; position: absolute; left: 0; font-size: 16px; line-height: 34px; font-weight: bold; color: #333; }

.supM-c-tab .mktType ul { margin: -6px; }

.supM-c-tab .mktType ul li { width: 10%; float: left; }

@media screen and (max-width: 480px) { .supM-c-tab .mktType ul li { width: 33.33333%; } }

.supM-c-tab .mktType ul li a { display: block; text-align: center; padding: 0 6px; font-size: 14px; line-height: 32px; background: #eee; border-radius: 25px; margin: 8px; }

.supM-c-tab .mktType ul li a:hover, .supM-c-tab .mktType ul li a.cur { color: #eee; background: #c9151e; }

.curSup-btm-area { clear: both; padding: 10px 0; background-color: #F8F8F8; }

@media screen and (max-width: 480px) { .curSup-btm-area { padding: 10px 0 0; } }

.curSup-btm-area .curSup-tab-area { clear: both; margin-top: 20px; margin-bottom: 20px; padding: 0 0 20px 0; background-color: #fff; border-radius: 4px; }

@media screen and (max-width: 480px) { .curSup-btm-area .curSup-tab-area { margin-top: 0; margin-bottom: 0; padding-bottom: 0; } }

.curSup-tab-m { border-bottom: 1px #ddd solid; height: 42px; }

.curSup-tab-m ul li { font-size: 16px; line-height: 42px; float: left; text-align: center; margin-right: 3px; }

@media screen and (max-width: 480px) { .curSup-tab-m ul li { margin-right: 2%; } }

.curSup-tab-m ul li a { display: block; position: relative; padding: 0 5px; margin: 0 30px; color: #666; }

@media screen and (max-width: 480px) { .curSup-tab-m ul li a { margin: 0; } }

.curSup-tab-m ul li a:hover, .curSup-tab-m ul li a.listTab-cur { color: #222; border-bottom: 2px solid #c9151e; }

.curSup-tab-m ul li a:hover:after, .curSup-tab-m ul li a.listTab-cur:after { position: absolute; bottom: -10px; left: 50%; margin-left: -10px; }

.curSup-tab-cont { padding: 20px 30px 0; }

.curSup-tab-cont article { font-size: 14px; line-height: 1.8; color: #666; }

.curSup-tab-cont .curSup-catalogue { clear: both; }

.curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-tit { height: 50px; line-height: 50px; position: relative; }

.curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-tit h3 { font-size: 14px; color: #333; font-weight: 600; }

.curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-tit .cl-cik { display: block; width: 24px; height: 24px; float: right; position: absolute; right: 0; top: 0; }

.curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-tit .cl-cik i { font-size: 28px; color: #999; }

.curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-list ul li { height: 50px; line-height: 50px; box-sizing: border-box; border-bottom: 1px #eee solid; padding-left: 50px; }

@media screen and (max-width: 480px) { .curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-list ul li { padding-left: 20px; height: 44px; line-height: 44px; } }

.curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-list ul li i { display: block; width: 7px; height: 7px; background-color: #999; opacity: 0.8; float: left; vertical-align: middle; margin-top: 22px; margin-right: 15px; border-radius: 50%; cursor: pointer; }

@media screen and (max-width: 480px) { .curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-list ul li i { margin-top: 18px; } }

.curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-list ul li p { display: block; float: left; }

.curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-list ul li:hover { background-color: #F9F8F8; }

.curSup-tab-cont .curSup-catalogue .curSup-cal-in .curSup-col .catalogue-list ul li:hover .dot { background-color: #c9151e; }

@media screen and (max-width: 480px) { .curSup-tab-cont { padding: 0; padding: 3%; } }

.courses2-List h4 { font-size: 16px; line-height: 42px; cursor: pointer; position: relative; color: #444; font-weight: bold; padding-left: 32px; }

.courses2-List h4 .List-ico { width: 16px; height: 16px; top: 50%; margin-top: -8px; left: 5px; background: url(../images/off.png) no-repeat; position: absolute; }

.courses2-List .list-item ul { padding: 0 0 4px; }

.courses2-List .list-item ul li { font-size: 14px; line-height: 28px; }

.courses2-List .list-item ul li a { display: block; color: #777; position: relative; padding-left: 40px; }

.courses2-List .list-item ul li a i { width: 8px; height: 8px; background: #777; position: absolute; top: 50%; margin-top: -4px; left: 24px; border-radius: 50%; }

.courses2-List .list-item ul li a:hover { background: #eef6ff; color: #c9151e; }

.courses2-List .list-item ul li a:hover i { background: #c9151e; }

.courses2-List .selected h4 .List-ico { background: url(../images/on.png) no-repeat; }

.curSup-btm-area .guess-like-area { margin-bottom: 40px; clear: both; }

.curSup-btm-area .guess-like-area .ind-menu1 { margin-bottom: 0; }

@media screen and (max-width: 480px) { .curSup-btm-area .guess-like-area .supM-list .ml-20 { margin-left: 0; } }

.curSup-btm-area .guess-like-area .supM-list ul li { margin-left: 17px; }

@media screen and (max-width: 480px) { .curSup-btm-area .guess-like-area .supM-list ul li { width: 50%; float: left; margin-left: 0; } }

.sub-local { font-size: 14px; line-height: 54px; color: #666; }

.sub-local a { color: #666; }

.sub-local a:hover { color: #c9151e; }

@media screen and (max-width: 480px) { .sub-local { width: 100%; clear: both; padding-left: 10px; line-height: 40px; text-align: left; } }

.item-local span { margin-left: 10px; }

.item-local span b { color: #c9151e; }

.sub-class ul { margin-top: -24px; }

.sub-class ul li { margin-top: 24px; }

.bg1 { background: url(../images/bg2.jpg) top center no-repeat; padding-bottom: 32px; padding-top: 5px; }

.bg1 .sub-local { color: #fff; }

.bg1 .sub-local a { color: #fff; }

.bg1 .sub-local a:hover { color: #fff; text-decoration: underline; }

.class1 { position: relative; }

.class1 h2 { font-size: 24px; color: #fff; line-height: 28px; }

.class1 h2 span { font-size: 14px; line-height: 28px; color: #fff; display: inline-block; margin-left: 8px; padding: 0 8px; vertical-align: 2px; }

.class1 h2 span.mark1 { background: #c9151e; }

.class1 p { font-size: 14px; line-height: 28px; color: #fff; margin-top: 20px; }

.class1 p.p1 { height: 84px; }

.class1 p.p2 { margin-top: 35px; }

.class1 p.p2 .split { margin: 0 15px; }

.class1 .btn-theme { width: 120px; height: 42px; text-align: center; font-size: 16px; line-height: 42px; text-align: center; position: absolute; right: 0; bottom: 0; }

.class1 .class1-price { font-size: 30px; line-height: 42px; color: #fcff00; position: absolute; right: 0; top: -10px; }

.class1 .class1-price span { font-size: 18px; margin-right: 5px; }

.class2 > ul { margin-top: -10px; }

.class2 > ul > li { border-bottom: 1px solid #eee; padding-bottom: 20px; margin-top: 20px; }

.classLi1 { min-height: 196px; position: relative; padding-left: 318px; }

.classLi1 .scale-img { width: 294px; height: 196px; position: absolute; left: 0; }

.classLi1 h2 { font-size: 24px; line-height: 32px; padding-top: 5px; }

.classLi1 h2 a { color: #333; }

.classLi1 h2 a:hover { color: #fd9001; }

.classLi1 ul { margin-top: 10px; }

.classLi1 ul li { float: left; color: #888; }

.classLi1 h4 { font-size: 14px; font-weight: bold; color: #444; margin-top: 30px; }

.classLi1 p { font-size: 14px; line-height: 24px; color: #888; margin-top: 6px; }

.classLi1 .btn-theme-line { width: 134px; height: 42px; text-align: center; line-height: 42px; text-align: center; position: absolute; right: 0; top: 0; }

.sub-menu { height: 52px; border-bottom: 1px solid #eee; font-size: 16px; line-height: 52px; position: relative; font-weight: bold; color: #c9151e; }

.sub-menu i { width: 6px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px; background: #c9151e; }

.sub-menu img { width: 32px; height: 32px; display: inline-block; vertical-align: -10px; margin-left: 8px; }

.courses1 { height: 366px; position: relative; padding-left: 580px; }

.courses1 .scale-img { width: 550px; height: 366px; position: absolute; left: 0; cursor: pointer; }

.courses1 .scale-img img { width: 550px; height: 366px; }

.courses1 h2 { font-size: 24px; line-height: 54px; padding-top: 5px; color: #333; }

.courses1 p { font-size: 14px; line-height: 28px; color: #999; margin-top: 20px; }

.courses1-btn { position: absolute; left: 580px; bottom: 0; }

.courses1-btn a { width: 200px; height: 48px; border-radius: 4px; font-size: 18px; line-height: 48px; text-align: center; display: inline-block; margin-right: 20px; }

.courses2 { padding: 0px 0 30px; min-height: 500px; }

.courses2-TabM { margin: 0 30px; height: 42px; background: #f3f3f3; }

.courses2-TabM ul li { font-size: 16px; line-height: 42px; float: left; text-align: center; margin-right: 3px; }

.courses2-TabM ul li a { display: block; position: relative; padding: 0 20px; }

.courses2-TabM ul li a:hover, .courses2-TabM ul li a.listTab-cur { background: #c9151e; color: #fff; }

.courses2-TabM ul li a:hover:after, .courses2-TabM ul li a.listTab-cur:after { content: ""; height: 0; width: 0; border-top: 10px solid #c9151e; border-left: 10px dashed transparent; border-right: 10px dashed transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; }

.courses2-TabC { padding: 20px 30px 0; }

.courses2-TabC article { font-size: 14px; line-height: 1.8; color: #666; }

.courses2-List h4 { font-size: 16px; line-height: 42px; cursor: pointer; position: relative; color: #444; font-weight: bold; padding-left: 32px; }

.courses2-List h4 .List-ico { width: 16px; height: 16px; top: 50%; margin-top: -8px; left: 5px; background: url(../images/off.png) no-repeat; position: absolute; }

.courses2-List .list-item ul { padding: 0 0 4px; }

.courses2-List .list-item ul li { font-size: 14px; line-height: 28px; }

.courses2-List .list-item ul li a { display: block; color: #777; position: relative; padding-left: 40px; }

.courses2-List .list-item ul li a i { width: 8px; height: 8px; background: #777; position: absolute; top: 50%; margin-top: -4px; left: 24px; border-radius: 50%; }

.courses2-List .list-item ul li a:hover { background: #eef6ff; color: #c9151e; }

.courses2-List .list-item ul li a:hover i { background: #c9151e; }

.courses2-List .selected h4 .List-ico { background: url(../images/on.png) no-repeat; }

@media screen and (max-width: 480px) { .courses2 { padding: 0; height: auto; } }

.left { width: 200px; min-height: 480px; background: url(../images/leftbg.jpg) bottom no-repeat #fff; padding-bottom: 30px; }

.left h3 { font-size: 16px; line-height: 50px; font-weight: bold; color: #666; padding: 0 20px; border-bottom: 1px solid #eee; }

.left h4, .left ul.leftUl2 { margin-left: 20px; margin-right: 20px; }

.left h4 { font-size: 16px; line-height: 50px; color: #c9151e; font-weight: bold; }

.left h4 i { font-size: 16px; color: #c9151e; margin-right: 6px; }

.left ul.leftUl2 li { position: relative; margin-left: 22px; }

.left ul.leftUl2 li a { font-size: 14px; line-height: 32px; padding-left: 16px; }

.left ul.leftUl2 li a i { width: 6px; height: 6px; background: #fff; border: 1px solid #c1c1c1; position: absolute; left: 0; top: 50%; margin-top: -4px; }

.left ul.leftUl2 li a:hover, .left ul.leftUl2 li a.cur { color: #c9151e; }

.left ul.leftUl2 li a:hover i, .left ul.leftUl2 li a.cur i { border: 1px solid #c9151e; }

.left ul.leftUl1 li { font-size: 14px; line-height: 50px; color: #666; padding: 0 20px; border-bottom: 1px solid #eee; }

.left ul.leftUl1 li i { font-size: 14px; margin-right: 8px; }

.left ul.leftUl1 li a { color: #666; }

.left ul.leftUl1 li a:hover, .left ul.leftUl1 li a.cur { color: #c9151e; }

.rigt { width: 976px; }

.sub-new1 ul li { margin-top: 20px; }

.sub-newLi1 { height: 134px; position: relative; padding-right: 222px; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; }

.sub-newLi1 .scale-img { width: 198px; height: 134px; position: absolute; right: 0; }

.sub-newLi1 .scale-img img { width: 198px; height: 134px; }

.sub-newLi1 h2 { font-size: 16px; line-height: 24px; font-weight: bold; padding-top: 8px; }

.sub-newLi1 h2 a { color: #444; }

.sub-newLi1 h2 a:hover { color: #c9151e; }

.sub-newLi1 h2 span { font-size: 13px; color: #999; font-weight: normal; }

.sub-newLi1 p { font-size: 14px; line-height: 24px; color: #888; margin-top: 15px; }

.sub-new2 ul li:nth-child(2n + 1) { background: #f6f6f6; }

.sub-newLi2 { font-size: 14px; line-height: 38px; position: relative; padding-left: 25px; padding-right: 10px; }

.sub-newLi2 i { width: 8px; height: 8px; position: absolute; left: 8px; top: 50%; margin-top: -4px; }

.sub-newLi2 span { color: #999; }

.sub-newLi2 a { color: #666; }

.sub-newLi2 a i { background: #cdcdcd; }

.sub-newLi2 a:hover { color: #c9151e; }

.sub-newLi2 a:hover i { background: #c9151e; }

.new-title { padding: 30px 0 15px; }

.new-title h2 { font-size: 20px; color: #444; font-weight: bold; line-height: 24px; }

.new-title h6 { font-size: 14px; line-height: 28px; color: #999; margin-top: 3px; }

.new-article { font-size: 14px; line-height: 28px; color: #666; min-height: 600px; }

.new-article img { width: auto; max-width: 100%; height: auto; }

.user-xy h2 { font-size: 24px; color: #030303; font-weight: bold; padding-top: 40px; padding-bottom: 36px; }

.user-xy article { font-size: 14px; line-height: 28px; }

.user-xy .user-h3 { font-size: 18px; line-height: 36px; color: #222; font-weight: bold; padding: 20px 0 10px; }

.al-course-cont { margin-top: 40px; }

@media screen and (max-width: 480px) { .al-course-cont { margin-top: 0; }
  .al-course-cont .courses2 { padding-top: 0; } }

@media screen and (max-width: 480px) { .c-mrt-top { width: 100%; overflow: hidden; }
  .c-mrt-top .mt24 { margin-top: 10px; } }

.c-mrt-top .jp-c-cont { width: 922px; height: auto; float: left; }

.c-mrt-top .jp-c-cont .jp-course-mb ul li { margin-top: 20px; }

.c-mrt-top .jp-c-cont .jp-course-mb .jp-sub-courseBox { margin-left: 10px; }

@media screen and (max-width: 480px) { .c-mrt-top .jp-c-cont { width: 100%; } }

@media screen and (max-width: 480px) and (max-width: 480px) { .c-mrt-top .jp-c-cont .jp-course-mb ul { margin-left: 0; } }

@media screen and (max-width: 480px) { .c-mrt-top .jp-c-cont .jp-course-mb ul li { box-sizing: border-box; width: 50%; } }

@media screen and (max-width: 480px) and (max-width: 480px) { .c-mrt-top .jp-c-cont .jp-course-mb ul li .jp-sub-courseBox { margin: 10px 10px 0; } }

.c-mrt-top .jp-ranking { width: 246px; float: right; }

@media screen and (max-width: 480px) { .c-mrt-top .jp-ranking { width: 100%; } }

.sub-course ul { margin-top: -25px; }

.sub-course ul li { margin-top: 25px; }

.sub-bg1 { background: #f7fafc; padding: 40px 0; }

@media screen and (max-width: 480px) { .sub-bg1 { padding-top: 20px; padding-bottom: 0; } }

.sub-wide .searchBox { margin-bottom: 20px; margin-top: -5px; margin-right: 420px; }

.shop-menu { height: 56px; overflow: hidden; }

.shop-menu h3 { font-size: 18px; color: #333; padding: 0 10px 16px; font-weight: bold; }

.shop-menu h3 i { font-size: 18px; color: #c9151e; margin-right: 8px; }

.shop-list ul { margin-top: -10px; }

.shop-list ul li { margin-top: 25px; }

.shopLeftBox { border: 1px solid #eee; border-radius: 4px; cursor: pointer; background: #fff; }

.shopLeftBox .shopLeftBox-img { width: 220px; height: 146px; margin: -1px -1px 0 -1px; border-radius: 4px 4px 0 0; overflow: hidden; }

.shopLeftBox .shopLeftBox-img img { width: 220px; height: 146px; }

.shopLeftBox h2, .shopLeftBox p, .shopLeftBox h6 { margin-left: 8px; margin-right: 8px; }

.shopLeftBox h2 { font-size: 16px; line-height: 30px; margin-top: 8px; }

.shopLeftBox h2 a { color: #222; }

.shopLeftBox h2 a:hover { color: #c9151e; }

.shopLeftBox p { font-size: 12px; line-height: 22px; color: #999; border-bottom: 1px solid #f3f4f6; padding-bottom: 5px; }

.shopLeftBox p i { margin-right: 4px; vertical-align: -1px; }

.shopLeftBox h6 { padding: 10px 0; font-size: 14px; line-height: 26px; color: #cf2424; font-weight: bold; }

.shopLeftBox h6 a { font-size: 14px; padding: 0 15px; border-radius: 13px; font-weight: normal; }

.shopLeftBox:hover { transform: translateY(-10px); }

.shopRigt { width: 298px; border: 1px solid #eee; border-radius: 4px; background: #fff; }

.shopRigt h3 { height: 60px; font-size: 18px; color: #333; line-height: 60px; border-bottom: 1px solid #eee; padding: 0 10px; font-weight: bold; }

.shopRigt h3 i { font-size: 18px; color: #c9151e; margin-right: 8px; }

.shopRigt ul li:last-child { border-bottom: none; }

.shopRli { border-bottom: 1px solid #f3f4f6; line-height: 54px; position: relative; padding: 0 10px 0 54px; }

.shopRli i { width: 28px; height: 28px; background: url(../images/medals.png) no-repeat; position: absolute; left: 14px; top: 11px; }

.shopRli i.num1 { background-position: 0 0; }

.shopRli i.num2 { background-position: 0 -30px; }

.shopRli i.num3 { background-position: 0 -60px; }

.shopRli a span { background: #c7c7c7; width: 22px; height: 22px; position: absolute; top: 14px; left: 14px; border-radius: 50%; text-align: center; font-size: 12px; line-height: 21px; color: #fff; }

.sub-search .searchBox { width: 960px; }

.ad { width: 1200px; height: 196px; overflow: hidden; }

.ad a img { width: 1200px; height: 196px; }

.shopType { overflow: hidden; position: relative; padding-left: 80px; }

.shopType span { width: 80px; height: 34px; position: absolute; left: 0; font-size: 16px; line-height: 34px; font-weight: bold; color: #333; }

.shopType ul { margin: -6px; }

.shopType ul li { width: 10%; float: left; }

.shopType ul li a { display: block; text-align: center; padding: 0 6px; font-size: 14px; line-height: 32px; background: #fff; border: 1px solid #eee; margin: 6px; }

.shopType ul li a:hover, .shopType ul li a.cur { color: #fff; background: #c9151e; }

.center-1 { padding: 20px 30px; }

.center-1L { width: 260px; height: 142px; position: relative; padding-left: 240px; }

.center-1L ul { padding: 23px 0; }

.center-1L ul li { font-size: 14px; line-height: 32px; }

.center-1Lp { text-align: center; position: absolute; width: 200px; left: 0; }

.center-1Lp img { width: 100px; height: 100px; }

.center-1Lp p { margin-top: 14px; }

.center-1Lp p a { font-size: 14px; line-height: 28px; display: inline-block; padding: 0 12px; margin: 0 5px; }

.center-1R { width: 360px; border-left: 1px solid #eee; padding: 23px 0 23px 40px; }

.center-1R ul li { font-size: 14px; line-height: 32px; }

.center-2 { padding-bottom: 30px; }

.center-2 h3 { font-size: 16px; line-height: 56px; font-weight: bold; overflow: hidden; }

.center-2 h3 i { font-size: 18px; color: #c9151e; margin-right: 8px; }

.center-2 h3 a { font-size: 14px; font-weight: normal; color: #999; }

.center-2 h3 a:hover { color: #c9151e; }

.center-2 > ul { margin-top: -20px; }

.center-2 > ul > li { margin-top: 20px; }

.center0 { width: 560px; margin: 20px auto 0; }

.center0-left h3 { font-size: 14px; line-height: 28px; color: #666; }

.center0-left .center0-leftp { border: 1px solid #d1d3d5; }

.center0-left .center0-leftp img { width: 140px; height: 140px; }

.center0-rigt { width: 320px; }

.center0-rigt h3 { font-size: 14px; line-height: 28px; color: #666; }

.center0-rigt p { font-size: 13px; line-height: 26px; color: #888; }

.center0-rigt > .btn-theme { font-size: 14px; line-height: 28px; display: inline-block; padding: 0 12px; margin-top: 10px; }

.center0-rigtp ul { margin: 20px -10px 0; }

.center0-rigtp ul li a { font-size: 14px; line-height: 32px; display: block; text-align: center; margin: 0 10px; }

.center0-rigtpp { width: 318px; height: 318px; background: #fafafa; border: 1px solid #d1d3d5; text-align: center; margin-top: 15px; }

.center0-rigtpp img { margin-top: 58px; }

.center1 > ul > li { margin-top: 16px; }

.center-btn a { font-size: 18px; line-height: 48px; padding: 0 20px; min-width: 120px; display: inline-block; }

.center2Box { padding-top: 10px; padding-bottom: 15px; }

.center2Box h4 { font-size: 24px; line-height: 48px; color: #c9151e; font-weight: bold; }

.center2Box h4 i { font-size: 28px; vertical-align: -3px; margin-right: 12px; }

.center2Box p, .center2Box h6 { margin-left: 40px; }

.center2Box p { font-size: 16px; line-height: 28px; color: #666; margin-top: 8px; }

.center2Box h6 { font-size: 13px; line-height: 26px; color: #888; }

.center3 { padding-top: 25px; }

.center3 h3 { font-size: 15px; font-weight: bold; line-height: 32px; font-weight: bold; }

.center3 > ul { border-top: 1px solid #eee; margin-top: 2px; }

.center3 > ul > li { border-right: 1px solid #eee; border-bottom: 1px solid #eee; }

.center3Li ul li { float: left; text-align: center; }

.center3Li ul li.w1 { width: 15%; }

.center3Li ul li.w2 { width: 25%; }

.center3Li ul li.w2 { width: 25%; }

.center3Li ul li.w3 { width: 35%; }

.center3Li ul li p { font-size: 14px; line-height: 22px; border-left: 1px solid #eee; display: block; padding: 6px; }

.center3Li.center3Li-head { background: #f9f9f9; font-weight: bold; }

.center-menu { background: #eee; padding: 0 15px; }

.center-menu h3 { font-size: 15px; line-height: 38px; font-weight: bold; }

.center1Li1 { min-height: 34px; position: relative; padding-left: 112px; position: relative; }

.center1Li1 > span { width: 112px; height: 34px; text-align: right; line-height: 34px; position: absolute; left: 0; top: 0; }

.center1Li1 > span em { font-style: normal; margin-right: 5px; color: #ff0000; }

.center1Li1 i.gwz-calendar { width: 34px; line-height: 34px; position: absolute; top: 0; color: #999; }

.center1Li1.center1Li1-l1 { padding-right: 270px; }

.center1Li1.center1Li1-l1 .center1Li1-note { width: 255px; }

.center1Li1.center1Li1-l1 i.gwz-calendar { right: 260px; }

.center1Li1.center1Li1-l2 { padding-right: 420px; }

.center1Li1.center1Li1-l2 .center1Li1-note { width: 405px; }

.center1Li1 .form-radio { padding-top: 9px; }

.center1Li1-txt { font-size: 14px; line-height: 34px; text-indent: 10px; color: #afafaf; }

.center1Li1-note { position: absolute; right: 0; text-align: left; top: 0; font-size: 14px; line-height: 34px; }

.center1Li1-note a { color: #c9151e; }

.center1Li1-note a i { margin-right: 5px; vertical-align: -1px; }

.center1Li1-note p { line-height: 18px; vertical-align: -2px; }

.center4 > ul { margin-top: 4px; }

.center4 > ul > li { border-bottom: 1px solid #eee; padding-bottom: 20px; margin-top: 20px; }

.center4Li { height: 292px; position: relative; padding-left: 469px; }

.center4Li .scale-img { width: 445px; height: 292px; position: absolute; left: 0; }

.center4Li .scale-img img { width: 445px; height: 292px; }

.center4Li .scale-img i { width: 72px; height: 72px; position: absolute; left: 0; top: 0; z-index: 9; background: url(../images/zs.png) no-repeat; }

.center4Li h2 { font-size: 18px; line-height: 28px; padding-top: 16px; }

.center4Li h2 a { color: #222; font-weight: bold; }

.center4Li h2 a:hover { color: #c9151e; }

.center4Li h2 mark { font-size: 14px; line-height: 28px; color: #fff; padding: 0 15px; display: inline-block; margin-left: 10px; vertical-align: 1px; }

.center4Li h2 mark.mark1 { background: #2a88e7; }

.center4Li h2 mark.mark2 { background: #d7d7d7; }

.center4Li h2 mark.mark3 { background: #d5081c; }

.center4Li ul { margin-top: 20px; }

.center4Li ul li { font-size: 14px; line-height: 24px; color: #888; }

.center4Li .btn-theme-line, .center4Li .btn-gry { width: 124px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; position: absolute; right: 0; bottom: 20px; }

.center4Li .price1 { position: absolute; right: 0; top: 20px; }

.center5 { padding-top: 5px; }

.center5 ul li { margin-top: 20px; }

.center-classBox { border: 1px solid #eee; border-radius: 4px; cursor: pointer; }

.center-classBox .center-classBox-img { width: 214; height: 143px; margin: -1px -1px 0 -1px; border-radius: 4px 4px 0 0; overflow: hidden; }

.center-classBox .center-classBox-img img { width: 214px; height: 143px; }

.center-classBox .progBox { border-top: 1px solid #eee; }

.center-classBox h2, .center-classBox > p, .center-classBox h4, .center-classBox .progBox { margin-left: 8px; margin-right: 8px; }

.center-classBox h2 { font-size: 14px; line-height: 36px; }

.center-classBox h2 a { color: #222; }

.center-classBox h2 a:hover { color: #c9151e; }

.center-classBox h4 { font-size: 13px; color: #888; line-height: 24px; margin-top: -8px; padding-bottom: 10px; }

.center-classBox > p { padding: 5px 0; border-top: 1px solid #eee; }

.center-classBox > p .btn-theme { font-size: 14px; line-height: 30px; display: block; border-radius: 16px; text-align: center; }

.center-classBox:hover { transform: translateY(-10px); }

.left-link { text-align: left; margin-top: 25px; }

.left-link img { margin-left: 12px; }

.ind-course-ad .shopType { margin-bottom: 8px; }

.sub-certM { font-size: 18px; line-height: 32px; text-align: center; font-weight: bold; padding-top: 50px; }

.sub-certM span { margin: 0 20px; }

.sub-certM a.certTab-cur { color: #c9151e; }

.sub-cert1 { height: 540px; background: url(../images/cert1bg.jpg) bottom center no-repeat #fff; padding: 0 270px; }

.sub-cert1 .searchBox { margin: 50px 0 0; }

.sub-cert1-note { margin-top: 50px; }

.sub-cert1-note h3 { font-size: 16px; font-weight: bold; color: #c9151e; line-height: 32px; }

.sub-cert1-note p { font-size: 14px; line-height: 24px; color: #888; }

.sub-certbg { height: 280px; background: url(../images/bg2.jpg) top center no-repeat; }

.sub-cert2 { text-align: center; }

.sub-cert2 h3 { font-size: 30px; color: #fff; padding-top: 100px; }

.sub-cert2 .searchBox { margin: 20px 256px 0; }

.sub-cert3 > p { font-size: 18px; line-height: 24px; padding: 20px 0; color: #222; font-weight: bold; }

.sub-cert3s { background: #fff; padding: 24px 0 48px; }

.sub-cert3s .swiper-pagination { bottom: 20px; }

.sub-cert3s .swiper-pagination .swiper-pagination-bullet-active { background: #c9151e; }

.sub-cert3Box { width: 1144px; height: 528px; background: url(../images/certBoxbg.png) no-repeat; margin: 0 auto; position: relative; }

.sub-cert3Box h2 { font-size: 24px; line-height: 48px; background: url(../images/certBox-h2.png) bottom center no-repeat; text-align: center; color: #222; padding-bottom: 30px; padding-top: 75px; font-weight: bold; }

.sub-cert3Box p { font-size: 18px; line-height: 42px; color: #666; font-weight: normal; margin: 50px 340px 0; }

.sub-cert3Box mark { width: 84px; height: 88px; background: url(../images/certBox-i.png) no-repeat; position: absolute; top: 108px; right: 108px; }

.sub-cert4s { background: #fff; padding: 10px 0; }

.sub-cert4s .swiper-pagination { bottom: 15px; }

.sub-cert4s .swiper-pagination .swiper-pagination-bullet-active { background: #c9151e; }

.sub-cert4Box1 { width: 1200px; height: 845px; background: url(../images/zs1.jpg); position: relative; }

.sub-cert4Box1 img { width: 162px; height: 202px; position: absolute; top: 312px; left: 280px; }

.sub-cert4Box1 .zs-bh, .sub-cert4Box1 .zs-sf { position: absolute; width: 238px; height: 24px; left: 282px; text-align: center; font-family: "宋体"; font-size: 24px; color: #000; font-weight: bold; }

.sub-cert4Box1 .zs-bh { top: 592px; }

.sub-cert4Box1 .zs-sf { top: 646px; }

.sub-cert4Box1 .sz-txt1 { top: 216px; left: 632px; right: 162px; position: absolute; font-size: 28px; font-family: "楷体"; color: #000; line-height: 48px; }

.sub-cert4Box1 .sz-txt1 span { font-family: "方正行楷简体"; }

.sub-cert4Box1 .sz-txt1 em { font-style: normal; font-family: "宋体"; margin: 0 4px; }

.sub-cert4Box1 .sz-txt2 { bottom: 250px; left: 632px; right: 162px; position: absolute; text-align: right; }

.sub-cert4Box1 .sz-txt2 h2 { font-size: 28px; font-family: "楷体"; color: #000; line-height: 40px; letter-spacing: 5px; }

.sub-cert4Box1 .sz-txt2 h6 { font-size: 28px; font-family: "楷体"; color: #000; line-height: 40px; }

.sub-cert4Box1 .sz-txt2 h6 span { font-family: "宋体"; margin: 0 8px; }

.sub-cert4Box2 { width: 601px; height: 845px; background: url(../images/zs2.jpg); position: relative; margin: 0 auto; }

.sub-cert4Box2 .sub-cert4Box2-img { top: 170px; left: 130px; right: 130px; position: absolute; text-align: center; }

.sub-cert4Box2 .sub-cert4Box2-img img { width: 108px; height: 136px; display: inline-block; }

.sub-cert4Box2 .sub-cert4Box2-img h2 { font-size: 22px; font-family: "方正行楷简体"; color: #000; line-height: 42px; }

.sub-cert4Box2 .sub-cert4Box2-img p { text-align: left; font-size: 20px; font-family: "楷体"; color: #000; line-height: 32px; margin-top: 10px; }

.sub-cert4Box2 .sub-cert4Box2-img p span { font-family: "方正行楷简体"; border-bottom: 1px solid #000; padding: 0 15px; }

.sub-cert4Box2 .zs-bh, .sub-cert4Box2 .zs-sf { position: absolute; width: 204px; height: 24px; left: 236px; text-align: center; font-family: "宋体"; font-size: 20px; color: #000; font-weight: bold; }

.sub-cert4Box2 .zs-bh { top: 568px; }

.sub-cert4Box2 .zs-sf { top: 610px; }

.sub-cert4Box2 .sz-txt2 { bottom: 120px; right: 115px; position: absolute; text-align: right; }

.sub-cert4Box2 .sz-txt2 h2 { font-size: 22px; font-family: "楷体"; color: #000; line-height: 32px; letter-spacing: 5px; }

.sub-cert4Box2 .sz-txt2 h6 { font-size: 22px; font-family: "楷体"; color: #000; line-height: 32px; }

.sub-cert4Box2 .sz-txt2 h6 span { font-family: "宋体"; margin: 0 8px; }

.rigt-Tab { margin: 10px 0 0; }

.rigt-Tab ul li { float: left; margin-right: 35px; }

.rigt-Tab ul li a { font-size: 16px; line-height: 36px; border-bottom: 2px solid transparent; color: #8590a6; display: block; }

.rigt-Tab ul li a:hover, .rigt-Tab ul li a.active, .rigt-Tab ul li a.rigtTab-cur { color: #c9151e; border-bottom: 2px solid #c9151e; }

.my-search { height: 38px; padding-right: 120px; position: relative; }

.my-search .btn-theme { width: 100px; height: 38px; text-align: center; line-height: 36px; position: absolute; right: 0; top: 0; }

.my-search1 { margin-right: 30%; }

.my-search2 .my-search { margin: 0 32% 0 0; }

.center5 ul { margin-left: -10px; margin-right: -10px; margin-top: -15px; }

.center5 ul li { width: 25%; float: left; margin-top: 20px; }

.center5Box { margin: 0 10px; background: #f9f9fa; border-radius: 3px; overflow: hidden; -ms-box-shadow: 0 2px 5px rgba(45, 157, 255, 0.19); -o-box-shadow: 0 2px 5px rgba(45, 157, 255, 0.19); box-shadow: 0 2px 5px rgba(45, 157, 255, 0.19); cursor: pointer; }

.center5Box:hover { -ms-box-shadow: 0 2px 5px rgba(45, 157, 255, 0.25); -o-box-shadow: 0 2px 5px rgba(45, 157, 255, 0.25); box-shadow: 0 2px 5px rgba(45, 157, 255, 0.25); transform: translateY(-5px); }

.center5Box .scale-img img { width: 214px; height: 143px; display: block; }

.center5t { padding: 0 15px 15px; position: relative; }

.center5t h2 { font-size: 16px; line-height: 24px; padding-top: 8px; }

.center5t h2 a { color: #333; }

.center5t h2 a:hover { color: #c9151e; }

.center5t h6 { font-size: 12px; line-height: 22px; color: #999; margin-top: 2px; position: relative; padding-left: 12px; }

.center5t h6 i { width: 6px; height: 6px; position: absolute; left: 0; top: 50%; margin-top: -2px; background: #c9151e; }

.center5t p { font-size: 12px; line-height: 22px; color: #999; margin-top: 2px; }

.center5t .btn-theme { font-size: 14px; line-height: 28px; display: block; text-align: center; border-radius: 14px; margin-top: 8px; }

.center5t mark { font-size: 14px; line-height: 24px; position: absolute; border: 1px solid #c9151e; background: transparent; right: 10px; bottom: 32px; color: #c9151e; padding: 0 6px; }

.my-study2prog { height: 6px; background: #ededed; display: block; border-radius: 3px; margin-top: 9px; margin-right: 40px; position: relative; }

.my-study2prog em { height: 6px; background: #c9151e; display: inline-block; border-radius: 3px; vertical-align: top; }

.my-study2prog span { width: 40px; font-size: 12px; line-height: 22px; color: #666; position: absolute; top: 50%; right: -40px; text-align: right; margin-top: -11px; }

.jp-ranking { margin-top: 24px; }

.jp-ranking .purchase-ranking { box-sizing: border-box; border: 1px solid #eee; padding: 10px 0; }

.jp-ranking .purchase-ranking .ranking-tit { padding: 0 15px 5px; margin-bottom: 8px; border-bottom: 1px #eee solid; }

.jp-ranking .purchase-ranking .ranking-cont .rk-list li { padding: 0 10px; display: block; height: 44px; line-height: 44px; border-bottom: 1px #eee solid; }

.jp-ranking .purchase-ranking .ranking-cont .rk-list li .rank-ico { display: inline-block; width: 23px; height: 28px; float: left; margin-top: 5px; margin-right: 10px; }

.jp-ranking .purchase-ranking .ranking-cont .rk-list li .r-n-1 { background-image: url("../images/rank-1.png"); background-size: contain; }

.jp-ranking .purchase-ranking .ranking-cont .rk-list li .r-n-2 { background-image: url("../images/rank-2.png"); background-size: contain; }

.jp-ranking .purchase-ranking .ranking-cont .rk-list li .r-n-3 { background-image: url("../images/rank-3.png"); background-size: contain; }

.jp-ranking .purchase-ranking .ranking-cont .rk-list li .r-n-circle { width: 23px; height: 23px; border-radius: 50%; background-color: #f0f0f0; color: #999; text-align: center; line-height: 23px; vertical-align: middle; margin-top: 12px; }

.jp-ranking .purchase-ranking .ranking-cont .rk-list li .rk-t { display: inline-block; width: 180px; }

.jp-ranking .purchase-ranking .ranking-cont .rk-list li:nth-last-child(1) { border: 0; }

.cur-details-area { clear: both; }

.cur-details-area .det-title { margin-bottom: 20px; }

.cur-details-area .det-title h3 { font-size: 16px; color: #222; }

.cur-details-area .det-title h3 i { display: block; width: 4px; height: 14px; background-color: #c9151e; float: left; margin-right: 10px; vertical-align: middle; margin-top: 3px; }

.cur-details-area .cur-details-cont { overflow: hidden; margin-bottom: 40px; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont { padding: 0 2%; margin-bottom: 10px; position: relative; } }

.cur-details-area .cur-details-cont .detail-v { display: block; width: 360px; height: 207px; float: left; position: relative; }

.purchase-tips { background: rgba(0, 0, 0, 0.8); color: white; padding: 6px 10px; font-size: 12px; font-weight: 500; border-radius: 4px; cursor: pointer; position: absolute; right: 12px; bottom: 12px; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont .detail-v { width: 100%; height: 120px; margin-bottom: 20px; } }

.cur-details-area .cur-details-cont .detail-v img { width: 100%; height: 100%; background-size: contain; }

.cur-details-area .cur-details-cont .detail-main { padding-left: 400px; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont .detail-main { padding-left: 0; width: 100%; position: relative; } }

.cur-details-area .cur-details-cont .detail-main .title { color: #222; font-size: 22px; font-weight: 600; margin-bottom: 10px; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont .detail-main .title { font-size: 20px; line-height: 24px; } }

.cur-details-area .cur-details-cont .detail-main .title em { font-style: normal; color: #c9151e; }

.cur-details-area .cur-details-cont .detail-main .d-info { padding: 20px 0; overflow: hidden; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont .detail-main .d-info { padding: 0; } }

.cur-details-area .cur-details-cont .detail-main .d-info li { float: left; display: block; padding-right: 60px; color: #999; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont .detail-main .d-info li { width: 100%; line-height: 28px; } }

.cur-details-area .cur-details-cont .detail-main .d-date { display: block; padding: 10px 0; color: #999; width: 100%; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont .detail-main .d-date { padding: 5px 0; } }

.cur-details-area .cur-details-cont .detail-main .detail-btn { margin-top: 30px; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont .detail-main .detail-btn { margin-top: 20px; position: absolute; right: 0; bottom: 10px; } }

.cur-details-area .cur-details-cont .detail-main .detail-btn .d-btn { display: block; width: 120px; height: 38px; line-height: 38px; text-align: center; font-weight: 600; float: left; border-radius: 4px; cursor: pointer; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont .detail-main .detail-btn .d-btn { clear: both; } }

.cur-details-area .cur-details-cont .detail-main .detail-btn .d-yellow { background-color: #FFD500; color: #444547; margin-right: 30px; }

@media screen and (max-width: 480px) { .cur-details-area .cur-details-cont .detail-main .detail-btn .d-yellow { margin-right: 20px; margin-bottom: 20px; } }

.cur-details-area .cur-details-cont .detail-main .detail-btn .d-yellow:hover { background-color: #fce35f; }

.cur-details-area .cur-details-cont .detail-main .detail-btn .d-red { background-color: #c9151e; color: #fff; }

.cur-details-area .cur-details-cont .detail-main .detail-btn .d-red:hover { background-color: #d1232e; }

.wrapper-bg { background: url("../images/yx-ban.png") top center no-repeat; background-size: contain; }

.overseas-course-list { width: 1200px; }

@media screen and (max-width: 480px) { .overseas-course-list { width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } }

.overseas-course-list ul { margin: 0 -12px auto -12px; }

.overseas-course-list ul li { margin-top: 24px; }

@media screen and (max-width: 480px) { .overseas-course-list ul li { width: 100%; } }

.overseas-course-list ul li .courseBox-img { height: 165px; position: relative; }

.overseas-course-list ul li .courseBox-img .overseas-purchase { width: 143px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; background: rgba(0, 0, 0, 0.7); border-radius: 15px; position: absolute; left: 12px; bottom: 12px; }

.overseas-course-list ul li .courseBox-img .overseas-purchase span i { font-size: 20px; vertical-align: middle; margin-right: 5px; }

.yx-info-area { clear: both; }

.yx-info-area .sub-local { color: #fff; }

.yx-info-area .sub-local a { color: #fff; }

.yx-info-area .yx-intro-area { height: 120px; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area { min-height: 340px; overflow: hidden; background: url("../images/yx-ban.png") center no-repeat; background-size: cover; } }

.yx-info-area .yx-intro-area .yx-intro-left { float: left; width: 80%; padding-top: 10px; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-left { width: 100%; padding: 2%; position: relative; } }

.yx-info-area .yx-intro-area .yx-intro-left .yx-info-tit h2 { font-size: 28px; color: #fff; display: inline-block; padding-top: 10px; vertical-align: middle; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-left .yx-info-tit h2 { font-size: 24px; margin-top: 40px; } }

.yx-info-area .yx-intro-area .yx-intro-left .yx-info-tit .yx-lab { display: inline-block; width: 122px; height: 28px; line-height: 28px; background-image: url("../images/lab-num.png"); background-size: cover; font-size: 12px; color: #fff; text-align: center; margin-left: 20px; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-left .yx-info-tit .yx-lab { position: absolute; top: 20px; left: -10px; } }

.yx-info-area .yx-intro-area .yx-intro-left .yx-date-bar { color: #fff; margin-top: 30px; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-left .yx-date-bar { font-size: 14px; margin-top: 10px; width: 100%; overflow: hidden; } }

.yx-info-area .yx-intro-area .yx-intro-left .yx-date-bar .yx-date { float: left; margin-right: 40px; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-left .yx-date-bar .yx-date { width: 100%; padding: 10px 0; overflow: hidden; } }

.yx-info-area .yx-intro-area .yx-intro-left .yx-date-bar .yx-date i { vertical-align: middle; margin-right: 3px; }

.yx-info-area .yx-intro-area .yx-intro-left .yx-date-bar .yx-date .gwz-rili { font-size: 23px; }

.yx-info-area .yx-intro-area .yx-intro-left .yx-date-bar .yx-date .gwz-position { font-size: 18px; }

.yx-info-area .yx-intro-area .yx-intro-right { width: 20%; float: right; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-right { width: 100%; clear: both; } }

.yx-info-area .yx-intro-area .yx-intro-right .sale-lab { width: 160px; height: 34px; line-height: 22px; margin: 0 auto; color: #fff; vertical-align: middle; margin-bottom: 20px; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-right .sale-lab { width: 100%; clear: both; margin-left: 10px; } }

.yx-info-area .yx-intro-area .yx-intro-right .sale-lab em { display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background-color: #c9151e; float: left; text-align: center; vertical-align: middle; margin-right: 5px; }

.yx-info-area .yx-intro-area .yx-intro-right .sale-lab em i { font-size: 16px; color: #fff; }

.yx-info-area .yx-intro-area .yx-intro-right .yx-price-bar { clear: both; margin-bottom: 10px; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-right .yx-price-bar { width: 100%; text-align: center; } }

.yx-info-area .yx-intro-area .yx-intro-right .yx-price-bar b { font-size: 26px; color: #FFEB3C; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-right .yx-price-bar b { width: 100%; text-align: center; } }

.yx-info-area .yx-intro-area .yx-intro-right .yx-price-bar span { font-size: 16px; color: #fff; opacity: 0.2; text-decoration: line-through; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-right .yx-price-bar span { color: #999; opacity: 0.8; } }

.yx-info-area .yx-intro-area .yx-intro-right .yx-join-btn { display: block; clear: both; width: 220px; height: 50px; line-height: 50px; text-align: center; font-size: 22px; font-weight: 600; color: #fff; border-radius: 35px; background-color: #c9151e; }

@media screen and (max-width: 480px) { .yx-info-area .yx-intro-area .yx-intro-right .yx-join-btn { width: 90%; margin: 0 auto; } }

.xy-btm-area { padding: 0; box-sizing: border-box; background: #fff; border-radius: 4px; }

.xy-btm-area .xy-cont-area { height: auto; position: relative; }

.xy-btm-area .xy-cont-area .xy-cont-inner { width: 100%; height: auto; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-m { padding: 20px 0px 0; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-m ul li { width: 20%; margin-right: 0; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-m ul li a { position: relative; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-m ul li a { font-size: 14px; padding-right: 10px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-m ul li a i { color: #c9151e; font-size: 24px; position: absolute; top: -5px; right: -20px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-m ul li a i { right: 0; top: -22px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont { padding: 40px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont { padding: 0; }
  .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .mlr30 { margin: 5%; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont article { line-height: 30px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .yx-pic { text-align: center; margin: 50px 0; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .admission-info-area { clear: both; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .admission-info-area .adm-counting { height: 40px; line-height: 40px; background-color: #f8f8f8; border-radius: 6px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .admission-info-area .adm-counting b, .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .admission-info-area .adm-counting span { display: inline-block; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .admission-info-area .adm-counting b { width: 120px; background-color: #c9151e; text-align: center; color: #fff; border-radius: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .admission-info-area .adm-counting span { padding-left: 20px; }

.adm-info-col { clear: both; overflow: hidden; background-color: #fff; margin: 30px 0; border: 1px #eee solid; border-radius: 6px; }

.adm-info-col .adm-info-tit { height: 40px; line-height: 40px; position: relative; background-color: #f8f8f8; }

.adm-info-col .adm-info-tit em { display: block; width: 6px; height: 40px; background-color: #c9151e; border-radius: 6px; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; position: absolute; left: 0; top: 0; }

.adm-info-col .adm-info-tit b { padding-left: 25px; font-size: 16px; color: #c9151e; }

.adm-info-col .adm-info-list { clear: both; overflow: hidden; padding: 20px; }

.adm-info-col .adm-info-list p { line-height: 34px; }

@media screen and (max-width: 480px) { .adm-info-col .adm-info-list p { display: block; width: 100%; } }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .admission-info-area { padding: 5% 5% 0; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area { clear: both; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col { overflow: hidden; margin-bottom: 40px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .des-view { display: block; float: left; width: 320px; height: 180px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .des-view { width: 100%; height: 220px; margin-bottom: 20px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .des-view img { width: 100%; height: 100%; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .des-view img { max-width: 100%; max-height: 100%; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .presentation-t { float: left; padding-left: 30px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .presentation-t { padding: 0 3%; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .presentation-t h3 { font-size: 22px; color: #464646; font-weight: 600; margin-bottom: 20px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .presentation-t .pres-info span { display: inline-block; margin-right: 100px; color: #999; font-size: 12px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .presentation-t .pres-brief { margin-top: 30px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .presentation-t .pres-brief b { display: block; margin: 10px 0; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .presentation-t .pres-brief p { display: block; font-size: 12px; width: 750px; line-height: 24px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cur-description-area .cur-des-col .presentation-t .pres-brief p { width: 100%; text-align: justify; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area { clear: both; position: relative; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar { overflow: hidden; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar .op-list { display: block; overflow: hidden; padding: 12px 0; background-color: #F5F6F7; border-radius: 30px; position: absolute; left: 0; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar .op-list li { display: block; float: left; padding: 0 20px; border-right: 1px #ddd solid; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar .op-list li { padding: 0 13 px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar .op-list li a { vertical-align: middle; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar .op-list li a i { display: block; float: left; width: 20px; height: 20px; margin-right: 4px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar .op-list li a .gwz-thumbup { font-size: 19px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar .op-list li a .gwz-ziyuan { font-size: 16px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar .op-list li a .gwz-pinglun { font-size: 19px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar .op-list { margin-left: 5px; } }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar { padding: 20px 20px 0; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .product-evaluate-area .product-top-bar li:nth-last-of-type(1) { border: 0; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .j-comment-btn { display: block; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .j-comment-btn a { vertical-align: middle; color: #666; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .j-comment-btn a i { margin-right: 9px; font-size: 22px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .j-comment-btn { margin-top: 12px; margin-left: 4px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt { clear: both; overflow: hidden; margin-top: 40px; padding-bottom: 20px; border-bottom: 1px #eee solid; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt { margin-top: 30px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt textarea { display: block; width: 100%; box-sizing: border-box; border: 1px #eee solid; padding: 10px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt textarea::-webkit-input-placeholder { color: #999; opacity: 0.6; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 0.6; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 0.6; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; opacity: 0.6; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt:hover { color: #c9151e; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt .publish-btn { float: right; width: 120px; height: 38px; line-height: 38px; background-color: #c9151e; text-align: center; color: #fff; border-radius: 4px; margin-top: 20px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .enter-txt .publish-btn { margin-right: 15px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area { clear: both; padding: 20px 0 20px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area { padding: 0; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col { width: 100%; height: auto; overflow: hidden; padding-bottom: 30px; border-bottom: 1px #eee solid; margin-bottom: 20px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .portrait { display: block; width: 46px; height: 46px; float: left; margin-right: 40px; margin-top: 10px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .portrait { margin-left: 10px; margin-right: 20px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .portrait img { width: 100%; height: 100%; border-radius: 50%; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .name-mb { display: none; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .name-mb { display: block; margin-top: 30px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt { float: left; width: 90%; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt { width: 94%; padding: 3%; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top { height: 40px; line-height: 40px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top { height: auto; position: relative; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top b { display: block; float: left; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top b { display: none; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top .more { float: right; color: #999; vertical-align: middle; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top .more { display: none; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top .more i { font-size: 22px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top .more:hover { color: #c9151e; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top .more-mb { display: none; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top .more-mb { display: block; position: absolute; right: 20px; bottom: 10px; }
  .xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-top .more-mb i { font-size: 24px; } }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-cont { clear: both; margin-bottom: 20px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .cm-txt-cont p { color: #666; line-height: 24px; }

.xy-btm-area .xy-cont-area .xy-cont-inner .curSup-tab-cont .cm-communication-area .cm-commu-col .cm-commu-txt .pub-time { clear: both; font-size: 12px; color: #999; }

.xy-btm-area .xy-cont-area .result-pub-area { clear: both; }

.xy-btm-area .xy-cont-area .result-pub-area .res-tips-bar { height: 40px; line-height: 40px; background-color: #fff2e9; margin-bottom: 40px; border-radius: 6px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .result-pub-area .res-tips-bar { width: 95%; height: 100%; line-height: inherit; padding: 3%; } }

.xy-btm-area .xy-cont-area .result-pub-area .res-tips-bar h4 { color: #666; text-align: center; display: block; width: 560px; height: 40px; margin: 0 auto; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .result-pub-area .res-tips-bar h4 { width: 100%; height: 100%; line-height: 30px; } }

.xy-btm-area .xy-cont-area .result-pub-area .res-tips-bar h4 em { display: block; width: 22px; height: 22px; line-height: 22px; background-color: #FF5C00; border-radius: 50%; float: left; text-align: center; margin-top: 8px; }

.xy-btm-area .xy-cont-area .result-pub-area .res-tips-bar h4 em i { font-size: 16px; color: #fff; }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col { clear: both; padding-bottom: 30px; position: relative; overflow: hidden; margin-bottom: 30px; border-bottom: 1px #eee solid; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .result-pub-area .res-view-col { padding-left: 10px; } }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-view { display: block; width: 88px; height: 114px; float: left; }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-view img { width: 100%; height: 100%; background-size: contain; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-view img { width: 80%; height: 80%; background-size: contain; } }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-brief-cont { float: left; padding-left: 40px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-brief-cont { padding-left: 10px; } }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-brief-cont h4 { font-size: 18px; height: 40px; color: #222; }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-brief-cont span, .xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-brief-cont em { display: block; clear: both; }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-brief-cont span { padding: 0; color: #999; margin-bottom: 40px; }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-brief-cont em { font-style: normal; }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .res-brief-cont em b { color: #c9151e; font-weight: 500; }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .score-bar { position: absolute; right: 50px; top: 50px; color: #c9151e; vertical-align: middle; }

.xy-btm-area .xy-cont-area .result-pub-area .res-view-col .score-bar b { font-size: 38px; margin-right: 2px; }

@media screen and (max-width: 480px) { .xy-btm-area .xy-cont-area .result-pub-area .res-view-col .score-bar { right: 20px; } }

.train-bg { background: url("../images/ban/home-ban0.jpg") top center no-repeat; background-size: contain; }

@media screen and (max-width: 480px) { .train-bg { background: none; } }

.train-bg .train-item-info { padding: 50px 0 20px; }

@media screen and (max-width: 480px) { .train-bg .train-item-info { padding: 0; background: #464646; padding: 30px 0 10px; } }

.train-bg .train-item-info .train-tit { text-align: center; width: 60%; height: 40px; margin: 0 auto; color: #fff; text-align: center; position: relative; }

.train-bg .train-item-info .train-tit h2 { font-size: 28px; text-align: center; }

@media screen and (max-width: 480px) { .train-bg .train-item-info .train-tit h2 { font-size: 22px; height: auto; line-height: auto; } }

.train-bg .train-item-info .train-tit .train-lab { display: block; width: 75px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background-color: #c9151e; border-radius: 40px; border-top-left-radius: 0; border-bottom-right-radius: 0; position: absolute; right: 140px; top: -10px; }

@media screen and (max-width: 480px) { .train-bg .train-item-info .train-tit .train-lab { right: -60px; width: 65px; height: 22px; line-height: 22px; font-size: 12px; } }

.train-bg .train-item-info .train-date { display: block; width: 100%; color: #fff; text-align: center; }

@media screen and (max-width: 480px) { .train-bg .train-item-info .train-date { margin-top: 10px; font-size: 12px; opacity: 0.8; } }

.train-item-rep { border-radius: 15px; }

@media screen and (max-width: 480px) { .train-item-rep { background: none; } }

.train-info-bar { height: 100px; background: url("../images/ban/train-bg.png") no-repeat; background-size: contain; }

@media screen and (max-width: 480px) { .train-info-bar { background: none; height: auto; } }

.train-info-bar .train-item-brief { padding: 20px 40px; overflow: hidden; }

@media screen and (max-width: 480px) { .train-info-bar .train-item-brief { padding: 0; background: #464646; } }

.train-info-bar .train-item-brief .train-list { width: 80%; }

@media screen and (max-width: 480px) { .train-info-bar .train-item-brief .train-list { width: 100%; } }

.train-info-bar .train-item-brief .train-list li { display: block; float: left; padding: 0 20px; margin-top: 20px; color: #666; vertical-align: middle; border-right: 1px #eee solid; }

@media screen and (max-width: 480px) { .train-info-bar .train-item-brief .train-list li { padding: 0; width: 33%; font-size: 12px; color: #fff; border: 0; text-align: center; } }

.train-info-bar .train-item-brief .train-list li i { vertical-align: middle; font-size: 22px; margin-right: 4px; }

.train-info-bar .train-item-brief .train-list li:nth-last-child(1) { border: 0; }

.train-info-bar .train-item-brief .train-op-r b { font-size: 20px; color: #FF8427; display: block; float: left; line-height: 50px; margin-right: 30px; }

@media screen and (max-width: 480px) { .train-info-bar .train-item-brief .train-op-r b { width: 30%; margin-right: 0; font-weight: 500; text-align: right; padding-left: 20px; } }

.train-info-bar .train-item-brief .train-op-r .train-stu-btn { display: block; width: 176px; height: 50px; line-height: 50px; background-color: #c9151e; color: #fff; text-align: center; border-radius: 25px; float: left; }

@media screen and (max-width: 480px) { .train-info-bar .train-item-brief .train-op-r .train-stu-btn { width: 40%; height: 44px; line-height: 44px; margin: 0 10% 0 10%; font-size: 16px; } }

@media screen and (max-width: 480px) { .train-info-bar .train-item-brief .train-op-r { width: 100%; text-align: center; padding: 20px 0; } }

.class-c-intr { clear: both; padding: 20px; margin-top: 20px; }

@media screen and (max-width: 480px) { .class-c-intr { margin-top: 0; padding: 0; } }

.class-c-intr .prdMain-area { clear: both; }

.class-c-intr .prdMain-area .pagin { margin-bottom: 40px; }

.class-c-intr .ind-menu1 { padding-left: 10px; }

.class-c-intr .class-c-info { padding: 20px 0; overflow: hidden; }

.class-c-intr .class-c-info .class-view { display: block; width: 288px; height: 162px; float: left; }

.class-c-intr .class-c-info .class-view img { width: 100%; height: 100%; }

@media screen and (max-width: 480px) { .class-c-intr .class-c-info .class-view { width: 100%; height: 180px; margin-bottom: 20px; } }

.class-c-intr .class-c-info .class-brief { float: left; max-width: 860px; padding-left: 40px; }

@media screen and (max-width: 480px) { .class-c-intr .class-c-info .class-brief { padding-left: 0; } }

.class-c-intr .class-c-info .class-brief h4 { font-size: 18px; color: #363636; margin-bottom: 20px; }

.class-c-intr .class-c-info .class-brief .c-replenish { margin: 10px 0 15px; }

.class-c-intr .class-c-info .class-brief .c-replenish li { height: 24px; line-height: 24px; color: #999; }

.class-c-intr .class-c-info .class-brief .c-introductory { clear: both; }

.class-c-intr .class-c-info .class-brief .c-introductory h6 { font-size: 14px; color: #666; font-weight: 600; margin-bottom: 10px; }

.class-c-intr .class-c-info .class-brief .c-introductory p { line-height: 20px; font-size: 12px; }

@media screen and (max-width: 480px) { .class-c-intr .class-c-info .class-brief .c-introductory p { font-size: 14px; line-height: 26px; } }

@media screen and (max-width: 480px) { .class-c-intr { padding: 3%; } }

.prd-view-col { box-sizing: border-box; overflow: hidden; background-color: #fff; padding: 40px 60px; border-radius: 6px; }

.prd-view-col .prd-view { display: block; width: 90px; height: 114px; float: left; }

.prd-view-col .prd-view img { width: 100%; height: 100%; }

@media screen and (max-width: 480px) { .prd-view-col .prd-view { float: left; }
  .prd-view-col .prd-view img { width: 80%; height: 80%; } }

.prd-view-col .prd-view-cont { float: left; width: 90%; box-sizing: border-box; padding-left: 40px; }

@media screen and (max-width: 480px) { .prd-view-col .prd-view-cont { width: 75%; padding-left: 0; } }

.prd-view-col .prd-view-cont .prd-info { position: relative; }

.prd-view-col .prd-view-cont .prd-info h4 { font-size: 24px; color: #222; margin-bottom: 20px; }

.prd-view-col .prd-view-cont .prd-info span { color: #999; }

@media screen and (max-width: 480px) { .prd-view-col .prd-view-cont .prd-info span { font-size: 16px; } }

.prd-view-col .prd-view-cont .prd-info .prd-intro ul { display: block; width: 50%; margin: 30px 0; float: left; }

@media screen and (max-width: 480px) { .prd-view-col .prd-view-cont .prd-info .prd-intro ul { width: 100%; margin: 10px 0; } }

.prd-view-col .prd-view-cont .prd-info .prd-intro ul li { display: inline-block; color: #999; }

@media screen and (max-width: 480px) { .prd-view-col .prd-view-cont .prd-info .prd-intro ul li { font-size: 16px; padding: 10px 0; } }

.prd-view-col .prd-view-cont .prd-info .prd-intro ol { float: right; margin: 30px 0; }

.prd-view-col .prd-view-cont .prd-info .prd-intro ol li { display: inline-block; padding: 0 10px; color: #999; }

@media screen and (max-width: 480px) { .prd-view-col .prd-view-cont .prd-info .prd-intro ol li { font-size: 16px; padding: 0; margin-right: 30px; }
  .prd-view-col .prd-view-cont .prd-info .prd-intro ol li i { font-size: 22px; } }

@media screen and (max-width: 480px) { .prd-view-col .prd-view-cont .prd-info .prd-intro ol { clear: both; margin-top: 0; width: 100%; } }

.prd-view-col .prd-view-cont .prd-info .scoring { position: absolute; right: 10px; top: 10px; color: #c9151e; }

.prd-view-col .prd-view-cont .prd-info .scoring b { font-size: 40px; margin-right: 5px; }

@media screen and (max-width: 480px) { .prd-view-col { padding: 6% 3% 0; border-bottom: 1px #ddd solid; } }

.elderly-service-area .det-title { margin-top: 20px; }

.elderly-service-area .det-title h3 { font-size: 16px; color: #222; font-weight: 600; }

.elderly-service-area .det-title h3 i { display: block; width: 4px; height: 14px; background-color: #c9151e; float: left; margin-right: 10px; vertical-align: middle; margin-top: 3px; }

.elderly-edu-area { clear: both; min-height: 300px; background: #fed8a1 url("../images/ban/old-bg.png"); background-repeat: no-repeat; background-position: center; background-size: contain; }

@media screen and (max-width: 480px) { .elderly-edu-area { background-position: center; background-size: cover; } }

.elderly-edu-area .elderly-inner { padding: 30px 0; }

@media screen and (max-width: 480px) { .elderly-edu-area .elderly-inner { padding: 30px; } }

.elderly-edu-area .elderly-inner .eld-top-bar { position: relative; margin-bottom: 60px; }

@media screen and (max-width: 480px) { .elderly-edu-area .elderly-inner .eld-top-bar { margin-bottom: 20px; overflow: hidden; } }

.elderly-edu-area .elderly-inner .eld-top-bar h4 { font-size: 30px; color: #222; font-weight: 600; }

@media screen and (max-width: 480px) { .elderly-edu-area .elderly-inner .eld-top-bar h4 { width: 100%; font-size: 30px; text-align: center; padding: 10px 0; } }

.elderly-edu-area .elderly-inner .eld-top-bar .elderly-rig { position: absolute; right: 0; top: 0; }

@media screen and (max-width: 480px) { .elderly-edu-area .elderly-inner .eld-top-bar .elderly-rig { position: inherit; width: 100%; margin: 10px 0; } }

.elderly-edu-area .elderly-inner .eld-top-bar .elderly-rig b, .elderly-edu-area .elderly-inner .eld-top-bar .elderly-rig span { clear: both; display: block; }

.elderly-edu-area .elderly-inner .eld-top-bar .elderly-rig b { font-size: 18px; color: #c9151e; font-weight: 500; text-align: center; margin-bottom: 10px; }

.elderly-edu-area .elderly-inner .eld-top-bar .elderly-rig span { background-color: #c9151e; border-radius: 30px 30px 30px 0px; color: #fff; text-align: center; padding: 5px 20px; }

.elderly-edu-area .elderly-inner .eld-brief-col { clear: both; margin: 20px 0; }

.elderly-edu-area .elderly-inner .eld-brief-col b, .elderly-edu-area .elderly-inner .eld-brief-col p { display: block; }

.elderly-edu-area .elderly-inner .eld-brief-col b { color: #464646; margin-bottom: 10px; }

.elderly-edu-area .elderly-inner .eld-brief-col b em { display: block; float: left; width: 4px; height: 10px; margin-top: 2px; margin-right: 10px; background-color: #c9151e; opacity: 0.8; }

.elderly-edu-area .elderly-inner .eld-brief-col p { line-height: 22px; padding-left: 14px; padding-right: 300px; }

@media screen and (max-width: 480px) { .elderly-edu-area .elderly-inner .eld-brief-col p { padding-right: 0; } }

.cmp-title h3 em { display: block; width: 4px; height: 16px; background-color: #c9151e; float: left; margin-top: 10px; margin-right: 10px; }

@media screen and (max-width: 480px) { .competition-area .comp-list { padding: 3% 3% 0; } }

.competition-area .comp-list li { margin-bottom: 40px; }

.competition-area .comp-list li .cmp-sub-courseBox { margin: 0 auto; overflow: hidden; padding-bottom: 20px; clear: both; border: 1px solid #eee; border-radius: 4px; cursor: pointer; margin-right: 50px; box-sizing: border-box; }

@media screen and (max-width: 480px) { .competition-area .comp-list li .cmp-sub-courseBox { margin-right: 0; } }

.competition-area .comp-list li .cmp-sub-courseBox .cmp-courseBox-img { width: 100%; height: 160px; margin: -1px -1px 0 -1px; border-radius: 4px 4px 0 0; position: relative; }

@media screen and (max-width: 480px) { .competition-area .comp-list li .cmp-sub-courseBox .cmp-courseBox-img { height: 200px; } }

.competition-area .comp-list li .cmp-sub-courseBox .cmp-courseBox-img img { width: 100%; height: 100%; }

.competition-area .comp-list li .cmp-sub-courseBox .cmp-courseBox-img .join-tips { display: block; width: 94px; height: 26px; line-height: 26px; background-image: url("../images/join-bg.png"); background-size: contain; text-align: center; font-size: 12px; font-weight: 600; color: #fff; position: absolute; right: 12px; top: 12px; }

@media screen and (max-width: 480px) { .competition-area .comp-list li .cmp-sub-courseBox h6 { margin: 0 6px; } }

.competition-area .comp-list li .cmp-sub-courseBox h2 { font-size: 16px; line-height: 40px; margin-top: 8px; text-align: center; font-weight: 600; }

@media screen and (max-width: 480px) { .competition-area .comp-list li .cmp-sub-courseBox h2 { font-size: 22px; margin-bottom: 10px; } }

.competition-area .comp-list li .cmp-sub-courseBox h2 a { color: #222; }

.competition-area .comp-list li .cmp-sub-courseBox h2 a:hover { color: #c9151e; }

.competition-area .comp-list li .cmp-sub-courseBox p { font-size: 12px; line-height: 22px; color: #999; padding-bottom: 5px; text-align: center; }

@media screen and (max-width: 480px) { .competition-area .comp-list li .cmp-sub-courseBox p { font-size: 16px; line-height: 30px; } }

.competition-area .comp-list li .cmp-sub-courseBox p i { margin-right: 4px; vertical-align: -1px; }

.competition-area .comp-list li .cmp-sub-courseBox h6 { padding: 10px 20px; font-size: 24px; line-height: 32px; color: #cf2424; font-weight: bold; text-align: center; }

.competition-area .comp-list li .cmp-sub-courseBox h6 a { font-size: 18px; width: 100%; display: block; border-radius: 25px; font-weight: normal; }

@media screen and (max-width: 480px) { .competition-area .comp-list li .cmp-sub-courseBox h6 a { padding: 8px 8px; font-size: 22px; } }

.competition-area .comp-list li .cmp-sub-courseBox h6 .mf-xs { margin-left: -8px; }

.competition-area .comp-list li .cmp-sub-courseBox:hover { transform: translateY(-10px); }

@media screen and (max-width: 480px) { .competition-area .comp-list .col-4 { width: 100%; } }

@media screen and (max-width: 480px) { .competition-area .comp-list li:last-of-child(1) { margin-bottom: 0; } }

.competition-bg { background: url("../images/competition/info-bg.png") top center no-repeat; background-size: contain; }

.competition-bg .prd-title-bar .sub-local a { color: #fff; font-size: 18px; font-weight: 600; }

.competition-bg .prd-title-bar .sub-local a em { display: block; width: 4px; height: 16px; background: #fff; float: left; margin-right: 10px; margin-top: 20px; }

.competition-bg .cmp-item-area { background-color: #fff; border-radius: 10px; position: relative; }

/*.competition-bg .cmp-item-area .cmp-view { display: block; width: 178px; height: 220px; position: absolute; top: -40px; left: 30px; }*/
.competition-bg .cmp-item-area .cmp-view { display: block; width: 178px; height: 220px; position: absolute; top: 0px; left: 0px; }

/*.competition-bg .cmp-item-area .cmp-view img { width: 100%; height: 100%; }*/
.competition-bg .cmp-item-area .cmp-view img { width: 125%; height: 100%; }

@media screen and (max-width: 480px) { .competition-bg .cmp-item-area .cmp-view { left: 10px; }
  .competition-bg .cmp-item-area .cmp-view img { width: 70%; height: 70%; } }

.cmp-info-bar { height: 180px; padding-bottom: 20px; background-size: contain; margin-top: 50px; }

@media screen and (max-width: 480px) { .cmp-info-bar { height: 200px; } }

.cmp-info-bar .cmp-item-brief { padding: 20px 40px; position: relative; }

@media screen and (max-width: 480px) { .cmp-info-bar .cmp-item-brief { padding: 0; background: none; } }

.cmp-info-bar .cmp-item-brief .cmp-info-list { margin-left: 200px; padding-top: 30px; }

@media screen and (max-width: 480px) { .cmp-info-bar .cmp-item-brief .cmp-info-list { padding-top: 0; margin-left: 150px; } }

.cmp-info-bar .cmp-item-brief .cmp-info-list h4 { font-size: 24px; color: #444; font-weight: 600; margin-bottom: 20px; }

.cmp-info-bar .cmp-item-brief .cmp-info-list span { color: #999; }

.cmp-info-bar .cmp-item-brief .cmp-info-list span i { font-size: 24px; vertical-align: middle; }

@media screen and (max-width: 480px) { .cmp-info-bar .cmp-item-brief .cmp-info-list { width: 100%; } }

.cmp-info-bar .cmp-item-brief .cmp-info-list li { display: block; float: left; padding: 0 20px; margin-top: 20px; color: #666; vertical-align: middle; border-right: 1px #eee solid; }

@media screen and (max-width: 480px) { .cmp-info-bar .cmp-item-brief .cmp-info-list li { padding: 0; width: 33%; font-size: 12px; color: #fff; border: 0; text-align: center; } }

.cmp-info-bar .cmp-item-brief .cmp-info-list li i { vertical-align: middle; font-size: 22px; margin-right: 4px; }

.cmp-info-bar .cmp-item-brief .train-list li:nth-last-child(1) { border: 0; }

.cmp-info-bar .cmp-item-brief .cmp-op-r { position: absolute; right: 60px; top: 40px; }

@media screen and (max-width: 480px) { .cmp-info-bar .cmp-item-brief .cmp-op-r { top: 70px; right: 80px; } }

.cmp-info-bar .cmp-item-brief .cmp-op-r .cmp-sale { color: #c9151e; width: 140px; height: 40px; line-height: 40px; font-weight: 600; margin: 0 auto; }

@media screen and (max-width: 480px) { .cmp-info-bar .cmp-item-brief .cmp-op-r .cmp-sale { margin: 0; margin-left: 5px; } }

.cmp-info-bar .cmp-item-brief .cmp-op-r .cmp-sale em { display: block; width: 22px; height: 22px; line-height: 22px; background-color: #c9151e; border-radius: 50%; vertical-align: middle; text-align: center; float: left; margin-right: 5px; margin-top: 10px; }

.cmp-info-bar .cmp-item-brief .cmp-op-r .cmp-sale em i { color: #fff; font-size: 18px; font-weight: 500; }

.cmp-info-bar .cmp-item-brief .cmp-op-r .cmp-price { padding: 5px 0 10px; }

.cmp-info-bar .cmp-item-brief .cmp-op-r .cmp-price b { font-size: 24px; color: #c9151e; }

.cmp-info-bar .cmp-item-brief .cmp-op-r .cmp-price em { font-size: 14px; color: #999; font-style: normal; text-decoration: line-through; }

.cmp-info-bar .cmp-item-brief .cmp-op-r .cmp-stu-btn { display: block; width: 176px; height: 50px; line-height: 50px; font-size: 20px; background-color: #c9151e; color: #fff; text-align: center; border-radius: 25px; float: left; }
/*# sourceMappingURL=css.css.map */