/** ===== ===== common ===== ===== **/
* {margin:0;padding:0;}

html {background:#e8e8e8;font-family:Roboto, SourceHan Sans, Microsoft yahei, sans-serif;font-size:16px;min-width:77.5rem;overflow-x:hidden;width:100%;}
a {color:#2c2a29;text-decoration:none;}
a:hover {color:#f80;}

.inner {margin:auto;width:75rem;}

.navi-tab li a, .row-intro-act .btn, .press-list-group li h6, .data-steps li i, .channel-depot-menu, .channel-depot-menu li, .row-depot dd, .goback a, .pager, .pager ul {align-items:center;}

.navi-main li a:after, .navi-tab li:after, .navi-tab li:before, .home-row:after, .data-steps li:after, .data-steps li:before, .row-depot:after, .case-list li:after, .case-list li:before {content:"";}
.navi-tab li {cursor:pointer;}
.navi-tab li *, .channel-intro-media li *, .case-list li * {display:block;}
.d-flex, .navi-main ol, .home-slider .bx-pager, .navi-tab ol, .navi-tab li a, .home-intro h2, .home-intro-list, .row-intro-act, .row-intro-act .btn, .home-intro dl, .navi-sub, .channel-intro h1, .channel-intro h3, .channel-intro dl, .channel-intro-list, .press-list-group, .press-list-group h6, .data-steps, .data-steps li i, .channel-intro-dual, .channel-intro-profile, .channel-intro-foto, .channel-depot-menu, .channel-depot-menu li, .row-depot dl, .row-depot dd, .goback a, .channel-intro-media, .benifit-list, .benifit-list li dl, .case-list, .pager, .pager ul {display:flex;}
.flex-wrap, .press-list-group, .channel-intro-foto, .row-depot dd, .case-list {flex-wrap:wrap;}
.home-slider .bx-pager, .navi-tab ol, .navi-tab li a, .home-intro h2.centered, .row-intro-act.centered, .channel-intro h1.centered, .channel-intro h3.centered, .data-steps li i, .benifit-list, .pager {justify-content:center;}
.flex-between, .home-intro-list, .channel-intro-list, .data-steps, .channel-intro-dual {justify-content:space-between;}
.navi-main ol {justify-content:flex-end;}

li {list-style:none;}

header .inner, .navi-main li a, .home-slider, .home-slide li, .navi-tab li, .navi-tab li a, .home-row, .btn, .breadcrumb p a, .data-steps li, .channel-result-grid, .row-depot, .row-depot h2, .row-depot h2 b, .case-list li {position:relative;z-index:0;}
.navi-main li a:after, .home-slider .bx-controls, .navi-tab li:after, .navi-tab li:before, .home-row:after, .navi-sub, .data-steps li:after, .data-steps li:before, .channel-result-grid li, .row-depot em, .goback, .case-list li:after, .case-list li:before {position:absolute;z-index:5;}
.navi-main li a, .navi-tab, .footer a, .navi-sub li a {transition:all 400ms linear 0s;}
.navi-main li a:after, .navi-tab li, .btn *, .channel-intro-list li, .press-list-group li h6 *, .press-list-group li, .press-list-group li *, .data-steps li *, .data-steps li:after, .data-steps li:before, .channel-depot-menu li, .channel-depot-menu li *, .goback a, .channel-intro-media li *, .benifit-list li, .case-list li *, .channel-tabs li a {transition:all 200ms linear 0s;}
.home-intro-list li img, .item-library img, .channel-intro-list li img {transition:all 100ms linear 0s;}

header, .home-slider, .navi-tab, .row {width:100%;}

.press-list-group li h3 {display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;box-orient:vertical;}
.press-list-group li h3 {-webkit-line-clamp:2;line-clamp:2;}


/** ===== ===== homepage ===== ===== **/


/** ===== header ===== **/
header, h1.logo, h1.logo a {height:7rem;}
header {background:#ba2a2a;background:linear-gradient(to left, #c43434 0%, #a32525 100%);}

h1.logo, h1.logo a {width:30rem;}
h1.logo a {background-image:url(../../assets/img/logo.png);display:block;overflow:hidden;text-indent:-5000em;}


/** ===== navi-main ===== **/
.navi-main, .navi-main ol, .navi-main li, .navi-main li a {height:4.25rem;line-height:4.25rem;}
.navi-main {bottom:0;position:absolute;right:0;z-index:5;}
.navi-main li:not(:first-child) {margin-left:2.5rem;}
.navi-main li a {color:#fff;display:block;font-size:1.25rem;}
.navi-main li a:hover {color:#fa0;}
.navi-main li.active a {color:#fff !important;}

.navi-main li a:after {background:#fff;bottom:0;height:0.1875rem;left:50%;width:0;}
.navi-main li a:hover:after, .navi-main li.active a:after {left:0;width:100%;}
.navi-main li a:hover:after {background:#fc0;}
.navi-main li.active a:after {background:#fff;}


.goback {right:0;top:0.375rem;}
.goback a {height:2rem;opacity:0.5;}
.goback a:hover {opacity:1;}
.goback a i, .goback a svg {height:1.5rem;width:1.5rem;}
.goback a svg {fill:#fff;}
.goback a b {color:#fff;font-size:1rem;font-weight:400;margin-left:0.375rem;padding-bottom:0.25rem;}


/** ===== home-slider ===== **/
.home-slider, .home-slide, .home-slide li, .home-slide li * {}
.home-slide li {min-width:100vw;}
.home-slide li a {display:block;width:100%;}
.home-slide li img {display:block;margin:0 auto;max-width:1920px;width:100%;}

.home-slider .bx-wrapper, .home-slider .bx-controls {width:100%;}
.home-slider .bx-controls {bottom:1.25rem;left:0;}
.home-slider .bx-pager-item, .home-slider .bx-pager-item * {display:block;height:0.25rem;overflow:hidden;text-indent:-5000em;width:2rem;}
.home-slider .bx-pager-item a.bx-pager-link {background:#ccc;}
.home-slider .bx-pager-item a.bx-pager-link.active {background:#fff;}
.home-slider .bx-pager-item:not(:first-child) {margin-left:0.375rem;}



/** ===== navi-tab ===== **/
.navi-tab, .navi-tab ol {height:3.875rem;}
.navi-tab {background:#fafbfc;border-bottom:1px solid #e8e8e8;padding:1.5rem 0;top:-104px;}
.navi-tab.fixed {left:0;position:fixed;top:0;z-index:100;}

.navi-tab li {border:0.1875rem solid #fafbfc;line-height:3.5rem;padding:0 1.5rem;}
.navi-tab li:nth-child(2) {margin:0 5.5rem;}
.navi-tab li:after, .navi-tab li:before {background:#fafbfc;content:"";height:2.5rem;margin-top:-1.25rem;top:50%;width:0.1875rem;}
.navi-tab li:after {right:-0.1875rem;}
.navi-tab li:before {left:-0.1875rem;}

.navi-tab li:first-child:before, .navi-tab li:last-child:after {opacity:0;}

.navi-tab li i, .navi-tab li svg {background:#fafbfc;height:2rem;width:2rem;}
.navi-tab li svg {fill:#666;}
.navi-tab li b {color:#2c2a29;font-size:1.25rem;font-weight:400;margin-left:0.75rem;}


.navi-tab li:hover {border-color:#fafbfc;}
.navi-tab li:hover svg {fill:#f80;}
.navi-tab li:hover b {color:#f80;}

.navi-tab li.active {border-color:#fafbfc;}
.navi-tab li.active svg {fill:#c43434;}
.navi-tab li.active b {color:#c43434;}


/** ===== ===== row ===== ===== **/
.row {background:#fff;}
.row.lite {background:#f8fafc;background:#f8f8f8;}
.row.light {background:#f4f8fa;}


#row1 {z-index:9;}
#row2 {z-index:8;}
#row3 {z-index:7;}
#row4 {z-index:6;}
#row5 {z-index:5;}
#row6 {z-index:4;}


/** ===== home-intro ===== **/
.home-intro {padding:5.5rem 0 5.5rem 0;}

.intro-row {/*display:none;*/}
.intro-row.active {/*display:block;*/}
 
.home-intro h2, .channel-intro h1 {margin-bottom:2.5rem;}
.home-intro *, .channel-intro * {font-weight:400;}
.home-intro h2 b, .channel-intro h1 b, .row-depot h2 b {background:linear-gradient(to left, #ff6a5b 0%, #ba2a2a 100%);-webkit-background-clip:text;background-clip:text;color:#ba2a2a;color:transparent;}
.home-intro h2 b, .channel-intro h1 b {font-size:2.4rem;line-height:1;}

.home-intro h5, .channel-intro dd p, .channel-intro h5 {color:#8d97ad;color:#989898;font-size:1rem;line-height:2;}
.home-intro h5, .channel-intro dd p {text-indent:2em;}
.home-intro h5 b, .channel-intro dd p b, .channel-intro h5 b {color:#000;margin:0 0.125rem;}

.home-intro-list, .channel-intro-list {margin-top:2.5rem;width:75rem;}
.home-intro-list li, .channel-intro-list li, .home-intro-list li i, .home-intro-list li img, .channel-intro-list li i, .channel-intro-list li img {width:23.5rem;}
.home-intro-list li, .channel-intro-list li {border-radius:0.375rem;overflow:hidden;position:relative;z-index:0;}

.home-intro-list li, .channel-intro-list li, .benifit-list li:hover {box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.08);}
.home-intro-list li:hover, .benifit-list li:hover {box-shadow:0 0.5rem 1rem rgba(0,0,0,0.24);}

.home-intro-list li i, .home-intro-list li img, .channel-intro-list li i, .channel-intro-list li img {display:block;height:12.75rem;}

.home-intro-list li:hover img, .channel-intro-list li:hover img {transform:scale(1.05);}
.home-intro-list li p {color:#8d97ad;color:#989898;font-size:1rem;line-height:1.75rem;margin-top:0.5rem;}

.item-inner {padding:2.75rem 2rem 3rem 2rem;width:calc( 100% - 4rem );}
.item-inner h3 {color:#2c2a29;font-size:1.375rem;font-weight:400;text-align:center;}
.item-inner p {margin-top:1.25rem !important;}

.intro-type-b dl, .intro-type-b dt, .intro-type-c dl, .intro-type-c dt {padding-top:0.5rem;}
.intro-type-b dt, .intro-type-b dt img {width:40rem;}
.intro-type-b dd {margin-left:4rem;}

.intro-type-c dl, .channel-intro dl.flex-reverse, .channel-intro-profile.reverse {flex-direction:row-reverse;}
.intro-type-c dt, .intro-type-c dt img {width:36rem;}
.intro-type-c dd {margin-right:4rem;}


#row1 .home-intro-list li i, #row1 .home-intro-list li img {height:12.75rem;}


.home-library dt {width:38rem;}
.library-list {padding-top:0rem;}
.library-list li {margin-top:2rem;width:calc( 50% - 1.5rem );}
.library-list li:nth-child(2n) {margin-left:3rem;}
.library-list li * {line-height:2;}
.library-list li h4 {color:#000;font-size:1.375rem;font-weight:400;}
.library-list li p {color:#787878;font-size:1rem;}

.home-library dd {margin-left:1rem;width:36rem;}

.library-col, .item-library, .item-library img {width:16rem;}
.library-col {margin-left:2rem;}
.library-col.col-2 {margin-top:3rem;}
.item-library, .item-library img {display:block;height:16rem;}
.item-library {background:#fff;border-radius:0.25rem;overflow:hidden;}
.item-library:not(:first-child) {margin-top:2rem;}
.item-library:hover img {transform:scale(1.05);}



/** ===== library-swap ===== **/
.library-swap, .library-swap li, .library-swap li a {height:22.5rem;}
.library-swap {display:flex;}
.library-swap li, .library-swap li * {transition:all 200ms linear 0s;}
.library-swap li {background-size:auto 100%;background-position:50% 50%;border-radius:0.5rem;box-shadow:0 0 1.5rem rgba(0,0,0,0.1);overflow:hidden;width:12.5rem;}
.library-swap li:not(:first-child) {margin-left:0.75rem;}

.library-swap li:nth-child(1) {background-image:url(/mt/temp/swap/01.jpg);}
.library-swap li:nth-child(2) {background-image:url(/mt/temp/swap/02.jpg);}
.library-swap li:nth-child(3) {background-image:url(/mt/temp/swap/03.jpg);}
.library-swap li:nth-child(4) {background-image:url(/mt/temp/swap/04.jpg);}
.library-swap li:nth-child(5) {background-image:url(/mt/temp/swap/05.jpg);}

.library-swap li a {background:linear-gradient( to top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.62) 50%, rgba(255,255,255,0.1) );display:block;position:relative;width:100%;z-index:0;}
.library-swap li h3 {bottom:2rem;color:#2c2a29;font-size:1.375rem;line-height:1.5rem;left:2rem;position:absolute;}

.library-swap li.active {width:22.5rem;}
.library-swap li.active a {background:linear-gradient( to top, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.4) );}
.library-swap li.active h3 {bottom:3rem;color:#f80;}



.row-intro-act {margin-top:3.5rem;}
.btn {border-radius:0.25rem;height:3.5rem;padding:0 3.5rem;}
.btn b {color:#fff;font-size:1.125rem;font-weight:400;}
.btn i, .btn svg {height:1.4rem;width:1.4rem;}
.btn i {margin-top:-0.7rem;opacity:0;position:absolute;right:3.5rem;top:50%;}
.btn svg {fill:#fff;}
.btn-more {background:linear-gradient(to left, #ec5c5c 0%, #ba2a2a 100%);}
.btn-more:hover {background:linear-gradient(to right, #ec5c5c 0%, #ba2a2a 100%);}
.btn-more:hover b {transform: translate3d(-1rem,0,0);}
.btn-more:hover i {opacity:1;transform: translate3d(1rem,0,0);}



/** ===== footer ===== **/
.footer {background-image:url(../../assets/img/footerBg.jpg);background-position: 50% 100%;background-repeat:no-repeat;background-size:cover;width:100%;}
.foot-info {padding:3.5rem 0;}
.foot-info * {color:#fff;font-weight:400;line-height:2rem;}
.foot-info h3, .foot-navi h3 {font-size:1.25rem;margin-bottom:1rem;}

.foot-contact, .foot-links, .foot-code {flex-shrink:0;}
.foot-contact, .foot-links {padding-right:6rem;}
.foot-contact p, .foot-links li a {opacity:0.8;}


.foot-navi {flex-grow:1;}
.foot-links {display:grid;grid-template-columns:repeat(2, 1fr);}
.foot-links li {padding-right:1.5rem;width:10rem;}
.foot-links li a {display:block;}
.foot-links li a:hover {color:#fa0;opacity:1;}

.foot-code {display:flex;}
.foot-code li, .foot-code li * {display:block;text-align:center;width:6rem;}
.foot-code li {padding-left:2rem;}
.foot-code li p {line-height:1.25rem;margin-top:1rem;}

.foot-copyright {background:rgba(192,48,48,0.9);padding:1.5rem 0;width:100%;}
.foot-copy, .foot-copy * {color:#fff;line-height:1.5rem;}
.foot-copy p {text-align:center;width:100%;}
.foot-copy span {opacity:0.8;}
.foot-copy i {font-size:0.625rem;font-style:normal;font-weight:200;margin:0 1.5rem;opacity:0.62;}

.foot-copy a:hover {color:#6cf;}


/** ===== sider ===== **/
.sider {bottom:21.25rem;position:fixed;right:0.75rem;z-index:999;}

.backtop, .backtop p {width:4.5rem;}
.backtop, .backtop i {position:relative;z-index:0;}
.backtop {background:#ba2a2a;cursor:pointer;display:none;height:4.5rem;}
.backtop i, .backtop svg {display:block;height:2.5rem;width:2.5rem;}
.backtop i {margin:0 auto;padding-top:0.5rem;}
.backtop svg {fill:#fff;}
.backtop p {bottom:0.5rem;color:#fff;font-size:0.875rem;left:0;line-height:1rem;position:absolute;text-align:center;z-index:5;}

.backtop:hover {background:#f80;}



/** ===== ===== index-page ===== ===== **/
.index-page {width:100%;}
.xc {margin:auto;width:75rem;}


/** ===== article ===== **/
.article-holder {background:#fff;margin-bottom:2rem;margin-top:2rem;padding:2.5rem;width:70rem;}
.article-title {color:#2c2a29;font-size:2rem;font-weight:400;line-height:1.5;margin-bottom:1.5rem;text-align:center;}
    
.article-info, .article-info li, .article-info li * {font-size:1rem;font-weight:400;line-height:1.5rem;}
.article-info {background:#f5f5f5;justify-content:center;margin-bottom:2rem;padding:1rem 0;width:100%;}
.article-info li {min-width:calc( 33.3331% - 4rem );max-width:calc( 50% - 4rem )}
.article-info li:not(:first-child) {margin-left:4rem;}
.article-info li span {color:#989898;}
.article-info li b {color:#000;} 

.article, .article div, .article p {color:#5a5a5a;font-size:1.125rem;line-height:2;text-align:justify;}
.article {min-height:16rem;width:100%;}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {font-weight:400;line-height:1.4;}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article p, .article div {margin-top:0.5rem;}
.article h1 {font-size:2.5rem;}
.article h2 {font-size:2rem;}
.article h3 {font-size:1.5rem;}
.article h4 {font-size:1.25rem;}
.article h5 {font-size:1rem;}
.article h6 {font-size:0.875rem;}

.article blockquote {background:#f8f8f8;margin:1rem 0;padding:1rem 1.5rem 1.5rem 1.5rem;width:calc( 100% - 3rem );}
.article blockquote p {color:#888;font-style:italic;}

.article table, .article th, .article td {border:1px solid #ddd;border-collapse:collapse;}
.article table {margin:1rem 0;width:100%;}
.article th, .article td {font-size:1.125rem;font-weight:400;line-height:1.5rem;padding:0.5rem 0.75rem;}
.article th {background:#f8f8f8;color:#5a5a5a;}

.article img {display:inline-block;max-width:100%;}



/** ===== about-page ===== **/
.banner, .banner .inside, .banner .inside img {width:100%;}
.banner .inside {background-position:50% 50%;background-repeat:no-repeat;margin:auto;min-width:75rem;}
.banner .inside img {display:block;}


/** ===== breadcrumb ===== **/
.breadcrumb, .breadcrumb p, .breadcrumb p *, .breadcrumb p *:after {line-height:1rem;}
.breadcrumb {background:#f8f8f8;width:100%;}
.breadcrumb p {display:flex;height:1rem;margin:auto;padding:1.25rem 0;width:75rem;}
.breadcrumb p * {font-size:1rem;font-weight:400;}
.breadcrumb p a {color:#2c2a29;margin-right:1rem;padding-right:1.5rem;}
.breadcrumb p a:hover {color:#f90;}
.breadcrumb p a:after {color:#ccc;content:"/";position:absolute;right:0;top:0;}

.breadcrumb p b {color:#888;}



/** ===== ===== channel ===== ===== **/
.channel-intro {padding:5.5rem 0 5.5rem 0;}

.channel-intro h3 b {background:linear-gradient(to left, #ec5c5c 0%, #ba2a2a 100%);color:#fff;font-size:1.5rem;line-height:2rem;margin-bottom:1rem;padding:0.25rem 1rem;}
.channel-intro h5 {color:#787878;font-size:1rem;line-height:2;text-indent:2em;}
.channel-intro h5.centered {text-align:center;text-indent:0 !important;}

.channel-intro dl {width:100%;}
.channel-intro dt, .channel-intro dt img {display:block;width:33.75rem;}
.channel-intro .flex-common dd {margin-left:4rem;}

.channel-intro .flex-reverse dd {margin-right:4rem;}

.channel-intro dd p {text-indent:2em;}


.channel-intro-list li {background:#fff;box-shadow:0 0 1.5rem rgba(0,0,0,0.05);}
.channel-intro-list li:hover {box-shadow:0 0 1.5rem rgba(0,0,0,0.3);}

.channel-intro-list li .pdx {padding:2rem 2.5rem;width:calc( 100% - 5rem );}

.channel-intro-list li i, .press-list-group li em {border-radius:0.25rem;overflow:hidden;}
.channel-intro-list li h3 {color:#2c2a29;font-size:1.375rem;font-weight:400;text-align:center;}
.channel-intro-list li p, .benifit-list li p {color:#989898;font-size:1rem;line-height:1.6;margin-top:1.25rem;text-align:justify;}


.press-list-group {margin-top:2.5rem;width:75rem;}
.press-list-group li, .press-list-group li a, .press-list-group li em, .press-list-group li h3, .press-list-group li h6 {width:22.5rem;}
.press-list-group li {margin-left:3.75rem;}
.press-list-group li:nth-child(3n+1) {margin-left:0;}

.press-list-group li em {background-position:50% 50%;background-size:cover;display:block;height:12.75rem;}
.press-list-group li a:hover em {opacity:0.62;}
.press-list-group li h3 {color:#2c2a29;font-size:1rem;max-height:3rem;line-height:1.5rem;margin:1.5rem 0;width:100%;}
.press-list-group li a:hover h3 {color:#6cf;}

.press-list-group li h6 b {color:#28c;font-size:0.875rem;font-weight:400;line-height:0.875rem;}
.press-list-group li a:hover b {color:#6cf;}

.press-list-group li h6 i, .press-list-group li h6 svg {height:1rem;width:1rem;}
.press-list-group li h6 svg {fill:#28c;}

.press-list-group li a i {margin-left:0.5rem;}
.press-list-group li a:hover i {margin-left:1rem;}
.press-list-group li a:hover svg {fill:#6cf;}


.case-list {margin-top:2.5rem;width:100%;}
.case-list li {padding-top:2.4rem;width:calc( 33.3331% - 3.6rem );}
.case-list li:nth-child(3n+1) {padding-right:2.4rem;}
.case-list li:nth-child(3n) {padding-left:2.4rem;}
.case-list li:nth-child(3n-1) {padding-left:2.4rem;padding-right:2.4rem;}

.case-list li:nth-child(1), .case-list li:nth-child(2), .case-list li:nth-child(3) {padding-bottom:2.4rem;padding-top:0;}  
.case-list li:nth-child(1):before, .case-list li:nth-child(2):before, .case-list li:nth-child(3):before {background:#fff;}  
.case-list li:nth-child(3n):after {background:#fff;}
.case-list li:after, .case-list li:before {background:rgba(120, 130, 140, 0.16);}
.case-list li:after {height:100%;right:0;top:0;width:1px;}
.case-list li:before {height:1px;left:0;top:0;width:100%;}

.case-list li em {background-position:50% 50%;background-size:cover;height:0;padding-bottom:56.25%;width:100%;}
.case-list li h3 {font-size:1rem;font-weight:bold;height:1.25rem;line-height:1.25rem;overflow:hidden;margin-top:1rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.case-list li a:hover em {opacity:0.62;}


.channel-intro-media, .benifit-list {margin-top:2.5rem;}
.channel-intro-media li, .benifit-list li {flex:1;}
.channel-intro-media li a {border-radius:0.375rem;display:block;overflow:hidden;}
.channel-intro-media li i {background-position:50% 50%;background-size:cover;display:block;height:0;padding-bottom:56.25%;width:100%;}
.channel-intro-media li:not(:first-child), .benifit-list li:not(:first-child) {margin-left:2.5rem;}
.channel-intro-media p {font-size:1.125rem;line-height:3.5rem;text-align:center;}
.channel-intro-media li a:hover {box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.24)}
.channel-intro-media li a:hover i {opacity:0.62;}
.channel-intro-media li a:hover p {color:#f80;}


.benifit-list li {background:#fff;padding:2rem;}
.benifit-list li * {font-weight:400;}
.benifit-list li dt, .benifit-list li dt svg {height:3.5rem;width:3.5rem;}
.benifit-list li dt {flex-shrink:0;margin:0 2rem 1.5rem 0;}
.benifit-list li dt svg {fill:#ff6a5b;}


.benifit-list li h3 {color:#2c2a29;font-size:1.375rem;}
.benifit-list li p {text-indent:0;}


/** ===== data-steps ===== **/
.data-steps {margin-top:4rem;width:75rem;}
.data-steps li {width:18.5rem;}

.data-steps li:after, .data-steps li:before {border-bottom:1rem solid transparent;border-top:1rem solid transparent;border-left:2rem solid #ddd;height:0;margin-top:-2rem;right:-4rem;top:50%;width:0;;}
.data-steps li:after {left:calc( 100% + 3rem );}
.data-steps li:before {left:calc( 100% + 5rem );}

.data-steps li:hover:after, .data-steps li:hover:before {border-left-color:#f66;}

.data-steps li:last-child:after, .data-steps li:last-child:before {opacity:0;}


.data-steps li i {border:0.125rem solid #eee;border-radius:0.5rem;height:16.25rem;width:18.25rem;}
.data-steps li:hover i {border:0.125rem solid #f66;}
.data-steps li img {height:12.5rem;}

.data-steps li p, .channel-intro-foto li p {color:#2c2a29;font-size:1rem;line-height:1rem;margin-top:1.25rem;text-align:center;}
.data-steps li:hover p {color:#f66;}


.channel-intro-dual {margin-top:2.5rem;width:75rem;}
.channel-intro-dual li {width:calc( 50% - 2rem );}
.channel-intro-dual li img {display:block;}

.channel-intro-profile {width:75rem;}
.channel-intro-profile dt {width:33.75rem;}
.channel-intro-profile dd {width:37.25rem;}

.channel-intro-profile.common dd {margin-left:4rem;}
.channel-intro-profile.reverse dd {margin-right:4rem;}


.channel-intro-foto {width:75rem;}
.channel-intro-foto li:nth-child(1), .channel-intro-foto li:nth-child(2), .channel-intro-foto li:nth-child(3) {width:23rem;}
.channel-intro-foto li:nth-child(4), .channel-intro-foto li:nth-child(5) {margin-top:2.5rem;width:calc( 50% - 1.5rem );}

.channel-intro-foto li:nth-child(2), .channel-intro-foto li:nth-child(3), .channel-intro-foto li:nth-child(5) {margin-left:3rem;}

.channel-intro-foto li * {display:block;width:100%;}
.channel-intro-foto li p {text-align:center;}


.channel-result-grid {height:54rem;margin-top:2.5rem;width:75rem;}
.channel-result-grid li {background:#fff;cursor:pointer;}
.channel-result-grid li i {background-position:0 50%;background-size:cover;display:block;height:100%;left:0;top:0;width:100%;}

.channel-result-grid li:nth-child(1) {height:35rem;left:0;top:0;width:23rem;}
.channel-result-grid li:nth-child(2) {height:16rem;right:0;top:0;width:49rem;}
.channel-result-grid li:nth-child(3) {height:16rem;left:50%;margin:-8rem 0 0 -11.5rem;top:50%;width:23rem;}
.channel-result-grid li:nth-child(4) {bottom:0;height:16rem;left:0;width:49rem;}

.channel-result-grid li:nth-child(5), .channel-result-grid li:nth-child(6) {height:16rem;right:0;width:23rem;}
.channel-result-grid li:nth-child(5) {bottom:19rem;}
.channel-result-grid li:nth-child(6) {bottom:0;}



/** ===== channel-slider ===== **/
.channel-slider {background:#f3f5f7;padding:1.5rem 0;width:100%;}
.channel-slider .inner {position:relative;z-index:0;}

.channel-slide, .channel-slider li, .channel-slider li * {height:25rem;width:75rem;}
.channel-slider li * {display:block;}


.channel-slider .slide-direction, .channel-slider .bx-pager, .concept .bx-pager {position:absolute;z-index:5;}
.channel-slider .slide-direction, .channel-slider .slide-direction svg {height:2.5rem;width:2.5rem;}
.channel-slider .slide-direction {background-color:rgba(0,0,0,0.38);margin-top:-2.5rem;padding:1.25rem 0;top:50%;}
.channel-slider .slide-direction svg {fill:#fff;}
.channel-slider .slide-direction {opacity:0.38;}
.channel-slider:hover .slide-direction {opacity:1;}

.channel-slider .slide-l {left:0;}
.channel-slider .slide-r {right:0;}

.channel-slider .bx-pager, .channel-slider .bx-pager-item, .channel-slider .bx-pager-link {height:0.25rem;}

.channel-slider .bx-pager {display:flex;justify-content:center;}
.channel-slider .bx-pager {bottom:1rem;left:25%;width:50%;}

.channel-slider .bx-pager-item:not(:first-child) {margin-left:0.625rem;}
.channel-slider .bx-pager-link {background:#fff;box-shadow:0 0 0.25rem rgba(0,0,0,0.2);display:block;overflow:hidden;text-indent:-500em;width:2rem;}
.channel-slider .bx-pager-link.active {background:#ba2a2a;}


/** ===== ===== depot ===== ===== **/
.concept-depot {background:#f8f8f8;min-height:30rem;padding:1.5rem 0;}

.channel-depot-menu, .channel-depot-menu li {width:12.5rem;}
.channel-depot-menu {padding-right:2.5rem;}
.channel-depot-menu li {border-radius:0.25rem;height:4rem;}
.channel-depot-menu li:not(:first-child) {margin-top:0.25rem;}
.channel-depot-menu li i, .channel-depot-menu li svg {height:1.25rem;width:1.25rem;}
.channel-depot-menu li i {margin:auto 1rem auto 1.5rem;}
.channel-depot-menu li svg {fill:#2c2a29;}
.channel-depot-menu li b {color:#2c2a29;font-size:1.125rem;font-weight:400;}

.channel-depot-menu li.active, .channel-depot-menu li:hover {background:#fff;}
.channel-depot-menu li.active svg, .channel-depot-menu li:hover svg {fill:#f80;}
.channel-depot-menu li.active b, .channel-depot-menu li:hover b {color:#f80;}

.concept-depot-pic, .concept-depot-pic img {width:75rem;}



/** ===== row-depot ===== **/
.row-depot {background:#fff;height:23.4375rem;padding:3rem 0;width:100%;}
.row-depot:after {height:100%;position:absolute;top:0;width:50%;z-index:-1;}
.row-depot.common:after {right:0;}
.row-depot.reverse:after {left:0;}

.row-depot.common dl {flex-direction:row-reverse;}

.row-depot dt, .row-depot dt img {height:23.4375rem;width:37.5rem;}
.row-depot dd {width:35.5rem;}
.row-depot dd {align-content:center;}

.row-depot.common dd {padding-right:2rem;}
.row-depot.reverse dd {padding-left:2rem;}

.row-depot h2 b {font-size:2rem;z-index:10;}
.row-depot h2 em {bottom:0.75rem;color:#ddd;font-size:4.5rem;font-style:normal;left:0;line-height:1;}
.row-depot p {color:#787878;font-size:1.125rem;line-height:2rem;margin-top:1.5rem;text-align:justify;}

.row-depot.row-1:after {background:linear-gradient( to left, #c6c6be 0%, #eaebde 100%);}
.row-depot.row-2:after {background:#e5cbb4;}
.row-depot.row-3:after {background:#e9f3dc;}
.row-depot.row-4:after {background:#b1cce7;}
.row-depot.row-5:after {background:#d1eeb9;}

.row-depot .inner {cursor:pointer;}
.row-depot .inner * {transition:all 200ms linear 0s;}
.row-depot .inner:hover dt {opacity:0.5 !important;}
.row-depot .inner:hover dd em {color:#eee;}
.row-depot .inner:hover dd b, .row-depot .inner:hover dd p {color:#f80;}




/** ===== ===== simple ===== ===== **/
.simple-holder {background:#fff;margin-bottom:2rem;margin-top:2rem;padding:0;width:75rem;}


/** ===== simple-books ===== **/
.simple-books, .simple-books dl {width:100%;}
.simple-books li {padding:2.5rem;width:calc( 100% -5rem );}
.simple-books li:not(:first-child) {border-top:1px solid #f3f3f3;}

.simple-books dl, .simple-books .publish {display:flex;}

.simple-books dt, .simple-books dt img {width:10rem;}
.simple-books dd {padding-left:2rem;width:calc( 100% - 12rem );}
.simple-books dd * {font-weight:400;}
.simple-books h3 {color:#2c2a29;font-size:1.375rem;margin-left:-0.5rem;padding:0.5rem 0 1.25rem 0;}
.simple-books p, .simple-books h5 {color:#787878;font-size:1rem;line-height:1.6rem;}
.simple-books p {height:1.6rem;}
.simple-books h5 {max-height:4.8rem;}

.publish {margin:1rem 0;}



/** ===== channel-tabs ===== **/
.channel-tabs {background:#f3f5f7;padding-bottom:1.5rem;top:-80px;transition:all 400ms linear 0s;width:100%;}
.channel-tabs .xc {position:relative;z-index:5;}
.channel-tabs ol {display:flex;justify-content:center;width:75rem;}
.channel-tabs li {flex:1;}
.channel-tabs li:not(:first-child) {margin-left:0.125rem;}
.channel-tabs li a {background:#fff;display:block;line-height:5rem;text-align:center;width:100%;}
.channel-tabs li a:hover {background:#f80;color:#fff;}

.channel-tabs li.active a {background:#c43434;background:linear-gradient(to left, #c43434 0%, #a32525 100%);color:#fff;}


.channel-tabs.fixed {box-shadow:0 0 4px rgba(0,0,0,0.1);left:0;padding-bottom:0;position:fixed;top:0;z-index:99;}
.channel-tabs.fixed:after {background:#fff;content:"";height:5rem;left:0;position:absolute;top:0;width:100%;}




/** ===== simple-course+simple-teach+simple-video ===== **/
.simple-course, .simple-teach, .simple-video {padding:2.5rem;width:70rem;}
.simple-course, .simple-teach, .simple-video {display:grid;gap:2.5rem;}
.simple-course.col-3, .simple-teach.col-3, .simple-video.col-3 {grid-template-columns: repeat(3, 1fr);}
.simple-course.col-4, .simple-teach.col-4, .simple-video.col-4 {grid-template-columns: repeat(4, 1fr);}
.simple-course.col-5, .simple-teach.col-5, .simple-video.col-5 {grid-template-columns: repeat(5, 1fr);}

.simple-course li *, .simple-teach li *, .simple-video li * {display:block;transition:all 200ms linear 0s;width:100%;}
.simple-course li img, .simple-teach li img, .simple-video li img {box-shadow:0 0 1px rgba(0,0,0,0.5);}
.simple-course li p, .simple-teach li p, .simple-video li dd {color:#2c2a29;font-size:1.125rem;line-height:1rem;text-align:center;padding:1.5rem 0 1.0rem 0;}


.simple-video dt, .simple-video dt img {position:relative;z-index:0;}
.simple-video dt:before, .simple-video dt i {position:absolute;}
.simple-video dt:before {background:rgba(0,0,0,0.1);content:"";height:100%;left:0;top:0;width:100%;z-index:1;}
.simple-video dt i {background-position:50% 50%;background-size:cover;height:4rem;left:50%;margin:-2rem 0 0 -2rem;opacity:0;top:50%;width:4rem;z-index:5;}
.simple-video dt i {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 16.5L16 12L10 7.5M22 12C22 6.46 17.54 2 12 2C10.83 2 9.7 2.19 8.62 2.56L9.32 4.5C10.17 4.16 11.06 3.97 12 3.97C16.41 3.97 20.03 7.59 20.03 12C20.03 16.41 16.41 20.03 12 20.03C7.59 20.03 3.97 16.41 3.97 12C3.97 11.06 4.16 10.12 4.5 9.28L2.56 8.62C2.19 9.7 2 10.83 2 12C2 17.54 6.46 22 12 22C17.54 22 22 17.54 22 12M5.47 3.97C6.32 3.97 7 4.68 7 5.47C7 6.32 6.32 7 5.47 7C4.68 7 3.97 6.32 3.97 5.47C3.97 4.68 4.68 3.97 5.47 3.97Z' fill='%23fff' /%3E%3C/svg%3E");}

.simple-video a:hover dt:before {background:rgba(0,0,0,0.5);}
.simple-video a:hover i {opacity:1;}

.simple-teach li a:hover img {opacity:0.62;}
.simple-teach li a:hover p, .simple-video li a:hover dd {color:#f80;}


/** ===== pager ===== **/
.pager {border-top:1px solid #f3f3f3;padding:2.5rem 0;width:100%;}
.pager li {margin:0 0.25rem;}
.pager li * {font-weight:400;}
.pager li a, .pager li b {border-radius:0.25rem;display:block;font-size:1rem;line-height:3rem;padding:0 1.25rem;}
.pager li a {background:#f8f8f8;border:1px solid #ddd;color:#2c2a29;transition:all 200ms linear 0s;}
.pager li a:hover {background:#f80;border:1px solid #f80;color:#fff;}
.pager li b {background:#fed;border:1px solid #fc0;color:#f60;}

.pager li .pageinfo {color:#989898;}
.pager li .pageinfo strong {color:#f60;}


.ellipsis, .simple-books h5 {display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;box-orient:vertical;}
.ellipsis {-webkit-line-clamp:1;line-clamp:1;}
.ellipsis.row2 {-webkit-line-clamp:2;line-clamp:2;}
.ellipsis.row3, .simple-books h5 {-webkit-line-clamp:3;line-clamp:3;}