@charset "UTF-8";

* {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    vertical-align: baseline
}

body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

img {
    border: 0 none;
    vertical-align: top
}

em,
i {
    font-style: normal
}

ol,
ul {
    list-style: none
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select {
    font-size: 100%;
    font-family: inherit
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

textarea {
    font-size: 100%;
    font-family: inherit;
    resize: none
}

del {
    text-decoration: line-through
}

a {
    text-decoration: none;
    color: #333
}

a:hover {
    text-decoration: none
}

button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=text],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

body {
    width: 10rem;
    margin: 0 auto;
    overflow: hidden;
    background: #fff
}

body.auto-fixed {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.head_box {
    width: 100%
}

.head_box img {
    width: 100%;
    pointer-events: none
}

.common_msg {
    width: 8rem;
    font-size: .4rem;
    color: #fff;
    min-height: 1.066667rem;
    padding: .2rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: .666667rem;
    border-radius: .213333rem;
    text-align: center;
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
    background: rgba(0, 0, 0, .7);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform ease .3s;
    transition: -webkit-transform ease .3s;
    transition: transform ease .3s;
    transition: transform ease .3s, -webkit-transform ease .3s
}

.common_msg.hide {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.main_box {
    margin: 0 auto;
    width: 9.333333rem
}

.main_title {
    text-align: center;
    height: .533333rem;
    padding-top: .133333rem
}

.main_title p {
    font-size: .32rem;
    display: inline-block;
    font-weight: 700;
    color: #0d0d0d;
    position: relative;
    line-height: 1
}

.main_title p:before {
    content: '';
    width: 30%;
    height: .066667rem;
    background: #cb3232;
    display: inline-block;
    position: absolute;
    bottom: -.173333rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.main_imgTitle {
    text-align: center;
    padding-top: .666667rem
}

.main_imgTitle.w700 img {
    width: 9.32rem
}

.main_imgTitle.w477 img {
    width: 6.36rem
}

.main_sign {
    margin-top: .24rem;
    text-align: center;
    margin-bottom: .133333rem
}

.main_sign.w513 img {
    width: 6.84rem
}

.main_sign.w203 img {
    width: 2.706667rem
}

.main_line {
    width: 9.333333rem;
    height: .093333rem;
    background: url(../images/line2.png);
    background-size: 100%
}

.puzzle_box {
    width: 9.333333rem
}

.puzzle_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.puzzle_1 {
    width: 4.546667rem;
    height: 2.133333rem
}

.puzzle_2 {
    width: 4.786667rem;
    height: 2.133333rem
}

.puzzle_content {
    color: #535353;
    line-height: .4rem;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f9f9f9)), -webkit-gradient(linear, left top, right top, from(#fff), color-stop(30%, #fafafa), to(#ececec)), -webkit-gradient(linear, left top, left bottom, from(#2c2b7e), to(#2c2b7e));
    background-image: linear-gradient(#f9f9f9, #f9f9f9), linear-gradient(90deg, #fff 0, #fafafa 30%, #ececec 100%), linear-gradient(#2c2b7e, #2c2b7e);
    background-blend-mode: normal, normal, normal;
    -webkit-box-shadow: 0 .053333rem .12rem 0 rgba(124, 124, 124, .28);
    box-shadow: 0 .053333rem .12rem 0 rgba(124, 124, 124, .28)
}

[data-dpr="1"] .puzzle_content {
    font-size: 12px
}

[data-dpr="2"] .puzzle_content {
    font-size: 24px
}

[data-dpr="3"] .puzzle_content {
    font-size: 36px
}

.puzzle_content p {
    margin-top: .266667rem
}

.puzzle_link {
    width: 2.373333rem;
    height: .613333rem;
    background: #cb3232;
    color: #fff;
    display: inline-block;
    line-height: .613333rem;
    text-align: center;
    margin-top: .24rem;
    -webkit-transition: -webkit-transform linear .3s;
    transition: -webkit-transform linear .3s;
    transition: transform linear .3s;
    transition: transform linear .3s, -webkit-transform linear .3s
}

.puzzle_link:active {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.box2 {
    height: 13.693333rem;
    background: url(../images/bg2.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 1.733333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.box2_video {
    margin: .106667rem auto;
    width: 7.52rem;
    height: 4.226667rem
}

.box2_video .video-js,
.box2_video video {
    width: 7.52rem !important;
    height: 4.226667rem !important
}

.box2_content {
    width: 9.333333rem;
    height: 6.266667rem;
    background: #fff;
    margin: .266667rem auto 0
}

.box2_link {
    display: block;
    height: 1.093333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.093333rem;
    font-size: .266667rem;
    position: relative;
    border-bottom: 1px solid #f3f2f2
}

.box2_link:before {
    content: '';
    width: .36rem;
    height: .36rem;
    background: url(../images/msg.png);
    background-size: 100%;
    display: inline-block;
    margin: 0 .133333rem;
    vertical-align: middle
}

.box2_link:after {
    content: '阅读全文>>';
    color: #cb3232;
    font-size: .266667rem;
    position: absolute;
    right: .133333rem
}

.book_img3 {
    width: 10rem;
    height: 3.72rem;
    display: block;
    margin-top: -.666667rem
}

.book_img3 img {
    width: 100%
}

.book_bg {
    width: 9.333333rem;
    height: 4rem;
    background: url(../images/book.jpg) no-repeat;
    background-size: 100%
}

.book_box {
    text-align: center;
    -webkit-box-shadow: 0 .066667rem .133333rem 0 rgba(42, 42, 42, .16);
    box-shadow: 0 .066667rem .133333rem 0 rgba(42, 42, 42, .16);
    padding-bottom: .066667rem;
    margin-bottom: .666667rem
}

.book_anlink {
    background: #cb3232;
    color: #fff;
    text-align: center;
    width: 2.906667rem;
    height: .613333rem;
    line-height: .613333rem;
    font-size: .266667rem;
    -webkit-transition: -webkit-transform linear .3s;
    transition: -webkit-transform linear .3s;
    transition: transform linear .3s;
    transition: transform linear .3s, -webkit-transform linear .3s;
    border-radius: .066667rem;
    display: inline-block;
    margin-left: 1.733333rem;
    margin-top: 3.12rem
}

.book_anlink:first-child {
    margin-left: .906667rem
}

.book_img {
    width: 7.013333rem;
    height: 3.08rem;
    display: inline-block;
    padding-top: .266667rem
}

.book_desc p {
    font-size: .266667rem;
    color: #484848;
    line-height: .373333rem;
    margin-top: .16rem;
    text-align: left;
    margin-left: .266667rem
}

.book_desc p em {
    font-size: .32rem;
    color: #0d0d0d
}

.book_desc:after {
    content: '';
    width: 100%;
    height: .133333rem;
    background: url(../images/line.png) no-repeat;
    background-size: 100%;
    display: block
}

.book_link {
    padding: 0 .666667rem;
    height: .613333rem;
    background: #cb3232;
    color: #fff;
    font-size: .266667rem;
    line-height: .613333rem;
    text-align: center;
    -webkit-transition: -webkit-transform linear .3s;
    transition: -webkit-transform linear .3s;
    transition: transform linear .3s;
    transition: transform linear .3s, -webkit-transform linear .3s;
    display: inline-block;
    border-radius: .066667rem;
    margin: .24rem 0 .266667rem
}

.book_link:active {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.book_humin_title {
    font-size: .32rem;
    color: #0d0d0d;
    text-align: left;
    margin: .24rem 0 0 .266667rem
}

.book_humin_title em {
    color: #cb3232;
    font-size: .32rem
}

.book_humin_img {
    margin-top: .133333rem;
    width: 8.773333rem;
    height: 2.666667rem
}

.book_humin_desc {
    font-size: .266667rem;
    color: #555;
    text-align: left;
    line-height: .373333rem;
    margin: .24rem .266667rem 0
}

.bottom_box {
    width: 10rem;
    height: 6.68rem;
    background: url(../images/bottom.jpg) no-repeat;
    background-size: 100%;
    overflow:hidden;
}

.fangan_box {
    background: url(../images/bg3.png) center bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #f1e9dc;
    padding-bottom: .4rem

}

.fangan_box .swiper-container {
    border-radius: .066667rem;
    background: #fff;
    -webkit-box-shadow: 0 .053333rem .12rem rgba(124, 124, 124, .23);
    box-shadow: 0 .053333rem .12rem rgba(124, 124, 124, .23)
}

.fangan_box .swiper-pagination-bullets {
    bottom: .133333rem
}

.fangan_box .swiper-pagination-bullet {
    width: .186667rem;
    height: .186667rem;
    background: #797979;
    opacity: .26
}

.fangan_box .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.fangan_title img {
    width: 9.333333rem;
    height: .8rem
}

.fangan_tit {
    display: inline-block;
    padding: 0 .293333rem;
    height: .466667rem;
    color: #fff;
    line-height: .466667rem;
    font-size: .266667rem;
    margin-top: .173333rem
}

.fangan_tit.blue {
    background: #041b65
}

.fangan_tit.red {
    background: #cb3232
}

.fangan_tit.lBlue {
    background: #0284c8
}

.fangan_tit.green {
    background: #0b803a
}

.fangan_item {
    margin-bottom: .266667rem;
    position: relative
}

.fangan_item_desc {
    margin: 0 .16rem;
    font-size: .266667rem;
    line-height: .373333rem;
    padding: .08rem 0
}

.fangan_item_desc:last-child {
    padding-bottom: .533333rem
}

.fangan_item_desc em {
    color: #000;
    font-weight: 700
}

.fangan_item:before {
    width: 1.853333rem;
    height: 2.226667rem;
    display: inline-block;
    background: url(../images/logo.png) no-repeat;
    background-size: 100%;
    content: '';
    position: absolute;
    bottom: .12rem;
    right: .253333rem;
    z-index: 2
}

.fangan_more {
    width: 2.906667rem;
    height: .613333rem;
    text-align: center;
    line-height: .613333rem;
    text-align: center;
    color: #fff;
    background: #cb3232;
    border-radius: .066667rem;
    font-size: .266667rem;
    margin: 0 auto .266667rem;
    -webkit-transition: -webkit-transform linear .3s;
    transition: -webkit-transform linear .3s;
    transition: transform linear .3s;
    transition: transform linear .3s, -webkit-transform linear .3s
}

.fangan_more:active {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.adv_img {
    width: 9.333333rem;
    height: 2.053333rem
}

.adv_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 9.333333rem;
    height: 1.093333rem;
    background: #fff;
    -webkit-box-shadow: 0 .04rem .093333rem 0 rgba(197, 197, 197, .29);
    box-shadow: 0 .04rem .093333rem 0 rgba(197, 197, 197, .29);
    margin-bottom: .133333rem;
    font-size: .266667rem
}

.adv_link p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.adv_link i {
    width: .24rem;
    height: .266667rem;
    display: inline-block;
    margin: 0 .106667rem 0 .146667rem;
    background: url(../images/hot.png);
    background-size: 100%;
    vertical-align: middle
}

.adv_link:after {
    float: right;
    content: '阅读全文>>';
    color: #cb3232;
    font-size: .266667rem;
    margin-right: .133333rem
}

.btn_box {
    width: 10rem;
    height: 2.346667rem;
    background: url(../images/btnbg.png) no-repeat;
    background-size: 100%;
    padding-top: 1.266667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn_button {
    width: 4.6rem;
    height: .72rem;
    background-color: #fcff00;
    border-radius: .72rem;
    font-size: .32rem;
    color: #535354;
    display: block;
    text-align: center;
    margin: 0 0 0 5.066667rem;
    line-height: .72rem
}

.img_74 {
    width: 9.333333rem;
    height: .986667rem;
    margin-bottom: .24rem
}

.img_74.mar20 {
    margin: .266667rem 0
}

.img_390 {
    width: 9.333333rem;
    height: 5.2rem
}

.img_title {
    text-align: center;
    width: 9.333333rem;
    height: .986667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .32rem;
    line-height: .373333rem;
    background: url(../images/bg5.png);
    background-size: 100%;
    margin: .266667rem 0
}

.line3 {
    width: 9.333333rem;
    height: .24rem;
    background: url(../images/line3.png) no-repeat;
    background-size: 100%;
    margin: .133333rem
}

.post_btn,
.post_video {
    background: #cb3232;
    color: #fff;
    width: 30%;
    display: inline-block;
    border-radius: .066667rem;
    height: .613333rem;
    line-height: .613333rem;
    margin-top: .266667rem;
    font-size: .266667rem;
    margin-left: 8%;
    -webkit-transition: -webkit-transform linear .3s;
    transition: -webkit-transform linear .3s;
    transition: transform linear .3s;
    transition: transform linear .3s, -webkit-transform linear .3s;
    vertical-align: top;
    text-align: center
}

.post_btn:active,
.post_video:active {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.post_btn {
    width: 48%
}

.footer_box {
    margin-top: .266667rem;
    width: 10rem;
    height: 2.88rem;
    background-color: #5d5e61
}

.footer_link {
    padding-top: 5.466667rem
}

.footer_link_item {
    background: #cb3232;
    color: #fff;
    text-align: center;
    width: 4.16rem;
    height: .733333rem;
    line-height: .733333rem;
    font-size: .266667rem;
    -webkit-transition: -webkit-transform linear .3s;
    transition: -webkit-transform linear .3s;
    transition: transform linear .3s;
    transition: transform linear .3s, -webkit-transform linear .3s;
    border-radius: .066667rem;
    display: inline-block;
    margin-left: .426667rem
}

.footer_link_item:last-child {
    margin-left: .866667rem
}

.footer_copy {
    color: #494949;
    font-size: .266667rem;
    line-height: .373333rem;
    margin-top: 55%;
    text-align: center
}

.course_box {
    font-size: 0
}

.course_item {
    position: relative;
    display: inline-block;
    width: 4.56rem;
    height: 1.96rem;
    margin: .24rem 0 .693333rem;
    -webkit-transition: -webkit-transform linear .3s;
    transition: -webkit-transform linear .3s;
    transition: transform linear .3s;
    transition: transform linear .3s, -webkit-transform linear .3s
}

.course_item:active {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.course_item:last-child {
    margin-left: .213333rem
}

.course_item img {
    width: 100%;
    height: 100%
}

.course_name {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .533333rem;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: .266667rem;
    text-align: center;
    line-height: .533333rem
}

.bg_gray {
    background: #f8f8f8;
    padding-bottom: .666667rem
}

.bg_lgray {
    background: #f4ecdc;
    padding-bottom: .506667rem
}

.srl_box {
    background: #fff;
    width: 9.333333rem;
    -webkit-box-shadow: 0 .066667rem .133333rem rgba(42, 42, 42, .16);
    box-shadow: 0 .066667rem .133333rem rgba(42, 42, 42, .16);
    padding-bottom: .586667rem
}

.srl_box p {
    font-size: .266667rem;
    line-height: .373333rem;
    color: #484848;
    margin: 0 .226667rem;
    padding-top: .266667rem
}

.srl_btn {
    background: #cb3232;
    color: #fff;
    text-align: center;
    width: 2.906667rem;
    height: .613333rem;
    line-height: .613333rem;
    font-size: .266667rem;
    -webkit-transition: -webkit-transform linear .3s;
    transition: -webkit-transform linear .3s;
    transition: transform linear .3s;
    transition: transform linear .3s, -webkit-transform linear .3s;
    border-radius: .066667rem;
    display: block;
    margin: -.4rem auto 0
}

.srl_btn:active {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.dialog_close {
    width: .533333rem;
    height: .533333rem;
    display: block;
    background: url(../images/close.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -.533333rem;
    right: -.533333rem
}

.dialog_box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
    display: none
}

.dialog_form {
    width: 6.666667rem;
    height: 7.6rem;
    background: url(../images/dialog_bg.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.dialog_head {
    width: 4.706667rem;
    height: 1.36rem;
    background: url(../images/dialog_title.png) no-repeat;
    background-size: 100%;
    margin: -.533333rem auto 0;
    display: block
}

.dialog_container {
    background: #fff;
    width: 5.6rem;
    height: 6.4rem;
    margin: -.133333rem auto 0;
    padding-top: .266667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog_input {
    width: 5.066667rem;
    height: .72rem;
    border: 1px solid #ddd;
    margin: 0 auto .266667rem;
    display: block;
    padding-left: .266667rem;
    line-height: .72rem;
    font-size: .32rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog_submit {
    width: 5.066667rem;
    height: .72rem;
    margin: 0 auto;
    display: block;
    line-height: .72rem;
    font-size: .373333rem;
    background: #cb3232;
    color: #fff;
    text-align: center
}

.dialog_submit:active {
    background: #a22828
}

.swiper_box {
    position: fixed;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 10rem;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    display: none
}

.swiper_content {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #fff;
    height: 4.8rem
}

.swiper_head {
    height: .8rem;
    line-height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .373333rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.swiper_submit {
    color: #3982f3;
    padding: .133333rem .266667rem
}

.swiper_cancle {
    color: #999;
    padding: .133333rem .266667rem
}

.swiper_city,
.swiper_country,
.swiper_course {
    height: 4rem
}

.swiper_city .swiper-slide,
.swiper_country .swiper-slide,
.swiper_course .swiper-slide {
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .373333rem
}

.swiper_city .swiper-slide.swiper-slide-active,
.swiper_country .swiper-slide.swiper-slide-active,
.swiper_course .swiper-slide.swiper-slide-active {
    color: #3982f3
}






.online-serve {
    position: fixed;
    right: 0;
    bottom: 0.5rem;
    z-index: 999;
    width: 1.3rem;
}
.online-serve .online-phone {
    display: block;
    margin-bottom: 0.05rem;
    width: 1.3rem;
    height: 1rem;
    background: url(https://webms3.xhd.cn/r/cms/nanjing/default/looyu/images/icon_phone.png) no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.online-serve .online-looyu {
    display: block;
    width: 1.3rem;
    height: 1rem;
    background: url(https://webms3.xhd.cn/r/cms/nanjing/default/looyu/images/icon_looyu.png) no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}