* {
    margin: 0;
    padding: 0;
}

.hidden {
    display: none;
}

.clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clear {
    zoom: "1";
}

body {
    background: #f7f7fa;
    font-family: '微软雅黑';
}

img {
    width: 100%;
}

input,
select {
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
}

span {
    color: black;
}

.img {
    font-size: 0;
    width: 100%;
    height: 100%;
}

.navigation {
    overflow: hidden;
}

.navigation ul {
    text-align: center;
    margin-left: 8%;
}

.navigation p {
    text-align: center;
    font-size: 5vw;
    color: #ff2d44;
    font-weight: bold;
}

.navigation a {
    color: #000;
}

.navigation li {
    text-align: center;
    width: 24%;
    float: left;
    margin: 2% 2%;
    padding: 1%;
    border: 1px solid #878787;
    border-radius: 5px;
    background-color: #ddd;
}


/*
*swiper滑动css
*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
em,
img,
ol,
ul,
li,
form,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
button,
input {
    font-size: 14px;
    font-family: Arial, Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    outline: none;
}

body {
    /*background-color: #fff;*/
    line-height: 1.5;
    margin: 0 auto;
    color: #333;
    overflow-y: scroll;
}

h2 {
    font-size: 100%;
    word-wrap: break-word;
}

em,
i {
    font-weight: normal;
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

table,
td,
th,
li,
img,
input,
select {
    vertical-align: middle;
    outline: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: """";
}

input {
    margin: 0;
    outline: 0;
    font-size: 14px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
}

a:-webkit-any-link {
    text-decoration: none;
    cursor: auto;
}

a,
a:focus,
a:outline,
a img {
    border: none;
    outline: none;
}

a {
    text-decoration: none;
    outline: none;
    color: rgb(103, 157, 255);
    -webkit-tap-highlight-color: rgba(128, 128, 128, 0);
}

a:hover {
    outline: none;
    text-decoration: none;
}

li {
    list-style: none;
    vertical-align: middle;
}

span {
    display: inline-block;
}

.talkBox {
    width: 100%;
    overflow-x: hidden;
    background-color: #ffffff;
}

.clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clear {
    zoom: "1";
}

#page-content {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.page {
    max-width: 750px;
    font-size: 30px;
    color: white;
    overflow: hidden;
}

.biao {
    width: 60%;
    text-align: left;
    padding-left: 8%;
    margin: 8% 0 5%;
}

.biao p {
    line-height: 80px;
    font-size: 46px;
    font-weight: 600;
    padding: 10px 0;
}

.page-3 .biao {
    margin: 6% 0 3%;
}

.order {
    width: 80%;
    font-size: 50px;
    font-weight: 600;
    line-height: 80px;
    background: #ffa83e;
    margin: 6% auto 0;
    border-radius: 10px;
}

.top {
    margin: 0 0;
}


/* 弹窗样式 */

.mask-pay {
    position: fixed;
    display: block;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .85);
    z-index: 999;
}

.mask-pay-end {
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .85);
}

.pay-div {
    width: 90%;
    height: 11.49rem;
    margin: 0 auto;
    background: url("../images/dialogBg.png")center center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
    box-sizing: border-box;
}

.pay-div-end {
    padding: 0 40px;
    width: 320px;
    height: 479px;
    background: url("../images/payEnd.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -240px;
}

.pay-div form div {
    width: 100%;
    padding: 0.17rem 0;
    margin: 0 auto;
    padding-left: 0.28rem;
    border-radius: 0.5rem;
    border: 1px solid #7a492f;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.16rem;
    background-color: #ffffff;
}

.pay-div div label {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #666666;
    outline: none;
    border: 0;
}

.pay-div div input {
    width: 75%;
    font-size: 0.3rem;
    color: #333333;
    outline: none;
    border: 0;
}

.pay-div div input::-webkit-input-placeholder {
    font-size: 0.3rem;
    color: #333333;
}

.pay-div div input::-moz-input-placeholder {
    font-size: 0.3rem;
    color: #333333;
}

.pay-div div input::-ms-input-placeholder {
    font-size: 0.3rem;
    color: #333333;
}

.pay-div div .phone-ip {
    flex: 1;
}

.pay-div div .code-ip {
    width: 2.8rem !important;
}

.otherForm form b {
    width: 2.4rem;
    height: 0.6rem;
    font-style: normal;
    background-size: cover;
    background-color: #ea3c44;
    text-align: center;
    line-height: 0.6rem;
    color: #ffffff;
    outline: none;
    border: 0;
    background-position: center top;
    cursor: pointer;
    border-radius: 0.1rem;
    margin-right: 0.21rem;
    font-size: 0.2933rem;
}

.pay-concent {
    width: 100%;
    height: 1.8rem;
    background-color: #f5f5f5;
    box-sizing: border-box;
    margin: 0.2rem 0 0.2rem 0;
    border-radius: 0.11rem;
    box-sizing: border-box;
    padding: 0.21rem 0.27rem 0.21rem 0.27rem;
}

.payGift {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.giftImage img {
    width: 1.51rem;
    height: 1.36rem;
}

.giftContent {
    text-align: center;
}

.giftContent h4,
.giftContent h5 {
    font-size: 0.37rem;
    color: #fc6122;
    line-height: 1.3;
}

.giftContent p {
    font-size: 0.32rem;
    color: #999999;
}

.baoming-box .pay-concent .p-title {
    font-size: 0.32rem;
    margin-bottom: 0.21333333333333335rem;
}

.pay-item {
    display: flex;
    width: 100%;
}

.pay-item p {
    font-size: 0.4rem;
    color: #333333;
}

.folafLeft {
    float: left;
}

.item-title {
    font-size: 17px;
    padding-left: 12px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.item-concent {
    font-size: 13px;
    padding-left: 12px;
}

.item-div-right {
    color: #ff0021;
    flex: 1;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 67px;
}

.pay-foot {
    text-align: center;
    margin-top: 1.2rem;
}

.pay-div del,
.pay-div-end del {
    display: block;
    width: 33px;
    height: 33px;
    background: url("../image/close.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: -50px;
    cursor: pointer;
}

.pay-end-div span {
    display: inline-block;
    width: 92px;
    height: 92px;
    background: url("../images/icon.png") no-repeat;
    background-size: cover;
    position: absolute;
}

.iconFonts {
    height: 92px;
    display: flex;
    justify-content: center;
}

.pay-end-div {
    padding: 30px;
}

.pay-end-div p {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #666;
}

.pay-end-concent {
    height: 67px;
    background: rgba(153, 153, 153, 0.1);
}

.pay-end-foot {
    text-align: center;
    font-weight: bold;
    line-height: 50px;
    font-size: 18px;
}

.pay-end-foot span {
    color: #ff0021;
    margin-left: 6px;
    font-size: 18px;
}

.pay-way {
    padding-top: 20px;
}

.pay-way span {
    display: block;
    text-align: center;
    color: #666;
}

.pay-way b {
    display: block;
    width: 193px;
    height: 35px;
    background-size: cover;
    background-position: center top;
    margin: 0 auto;
    margin-top: 5px;
}

.pay-way div:last-child {
    margin-top: 13px;
}

.pay-way .b1 {
    background: url("../images/dxz.png") no-repeat;
}

.pay-way .b2 {
    background: url("../images/app.png") no-repeat;
}

.header {
    width: 100%;
    position: relative;
}

.headerBanner {
    height: 12.24rem;
    margin-bottom: .4rem;
}

.czjz_box .czjz_nr table tr:nth-child(even) {
    background: #f9f9f9;
    height: 48px;
}

.lectureCont .block {
    display: flex;
}

.tab-table {
    display: none;
}

.block {
    display: block;
}

.bold-b {
    font-weight: bold;
}

.center-b {
    text-align: center;
}

.mask-cont-box {
    position: relative;
    width: 87%;
    margin: 0 auto;
    border-radius: 8px;
    height: 5.97rem;
}

.confirm-btn {
    display: inline-block;
    width: 110px;
    background-color: rgb(235, 55, 66);
    color: #fff;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    float: right;
}

.close-btn {
    position: absolute;
    right: 0;
    top: -12%;
    width: 0.86rem;
    height: 0.86rem;
}


/* 报名成功弹框样式 */

.mask {
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .85);
    z-index: 999999;
}

.sign {
    width: 8.13rem;
    height: 9.74rem;
    padding-bottom: 0.5rem;
    background: url(../images/successBg.png)center center no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
    position: absolute;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.signWrap {
    position: relative;
}

.sign .close {
    position: absolute;
    right: 44%;
    bottom: -10%;
    width: 0.86rem;
    height: 0.86rem;
}

.signCont {
    position: absolute;
    top: 7.52rem;
    width: 100%;
    text-align: center;
}

.signCont span {
    width: 5.32rem;
    height: 1.39rem;
    /* background: url(../images/sucCont.png)center center no-repeat; */
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/png;base64,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');
    background-size: contain;
}

.singGray {
    width: 6.279411764705882rem;
    background: url(../images/gray.png)left top no-repeat;
    background-size: cover;
    margin: 0 auto;
    padding: 0.29411764705882354rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.signBut {
    text-align: center;
}

.signText {
    width: 88%;
    margin: 0.14705882352941177rem auto 0 auto;
    padding-bottom: 0.4rem;
}

.grayLeft p:nth-child(1) {
    font-size: 0.4117647058823529rem;
    color: #000000;
}

.grayLeft p:nth-child(2) {
    font-size: 0.3235294117647059rem;
    color: #999999;
}

.grayRight {
    color: #eb3742;
    font-size: 0.47058823529411764rem;
}

.signPrice {
    font-size: 0.35294117647058826rem;
    text-align: center;
    margin-top: 0.341176rem;
    padding-bottom: 0.2rem;
}

.signPrice span {
    color: #333333;
}

.signPrice i {
    font-style: normal;
    font-weight: bold;
    color: #eb3742;
}

.signPrice em {
    font-style: normal;
    font-weight: bold;
    color: #eb3742;
    font-size: 0.42353rem;
}


/* 报名成功弹框样式END */

.formItem select {
    flex: 1;
}

.formItem input {
    padding-left: 0;
    padding-right: 0;
}

.formItem label {
    width: 26%;
    display: flex;
    align-items: center;
}

.baoming-box {
    z-index: 100004;
    width: 100%;
    margin: 0 auto;
    padding-top: 0.4rem;
    padding-bottom: 0.1rem;
    border-radius: 8px;
    margin-top: 2rem;
}

.baoming-cont form {
    width: 90%;
    margin: 0 auto;
}

.zhiboke-img {
    width: 100%;
    height: auto;
}


/* 免费课程 */

.lectureHeader {
    position: absolute;
    top: 85%;
    width: 100%;
    text-align: center;
}

.lectureHeader span {
    display: inline-block;
    background: url(../images/navButton.png)center center no-repeat;
    background-size: contain;
    width: 5.6rem;
    height: 1rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.37rem;
    font-weight: bold;
    color: #ffffff;
}

.boxHeader {
    position: relative;
}

.enterLecture {
    display: inline-block;
    background: url(../images/button.png)left top no-repeat;
    width: 4.49rem;
    height: 1.2rem;
    line-height: 1.1rem;
    font-size: 0.4rem;
    font-weight: bold;
    background-size: contain;
    color: #eb5d2a;
    text-align: center;
    cursor: pointer;
}

.lectureCont {
    background-color: #feb31f;
}

.lectureCont ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 94%;
}

.lectureCont li {
    width: 43%;
    background-color: #ffffff;
    padding: 0.285rem;
    border-radius: 0.10666666666666667rem;
    margin-bottom: 2%;
}

.lectureCont li:nth-child(odd) {
    margin-left: 0;
}

.lectureCont li .productName {
    font-size: 0.4rem;
    color: #333333;
    font-family: "PingFang SC Medium";
    font-style: normal;
    height: 1.18rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lectureCont li .productTime {
    margin-top: 0.19rem;
    font-size: 0.34rem;
    color: #fe5f30;
    font-family: "PingFang SC Medium";
    font-style: normal;
    display: inline-block;
    height: 0.4rem;
}

.lectureName {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.18rem;
}

.lectureName span:nth-child(1) {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.3466666666666667rem;
    color: #999999;
    font-family: "PingFang SC Medium";
}

.lectureName span:nth-child(2) {
    display: inline-block;
    border-radius: 0.28rem;
    padding: 0 0.2rem;
    width: 2.1733333333333333rem;
    height: 0.56rem;
    line-height: 0.57rem;
    text-align: center;
    background-color: #fe5f30;
    font-size: 0.24rem;
    color: #ffffff;
    font-family: "PingFang SC Medium";
    box-sizing: border-box;
}

.maskHeader {
    width: 100%;
    height: 1.98rem;
    text-align: center;
    color: #ffffff;
    padding-top: 0.92rem;
}

.maskHeader h5 {
    font-weight: bold;
    font-size: 0.8rem;
    color: #fff;
}

.payCont {
    background-color: rgba(153, 153, 153, 0.1);
    padding: 0.17333333333333334rem 0.26666666666666666rem;
}

.dialogText {
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .85);
    z-index: 9999;
}

.protocol {
    width: 9rem;
    height: 12rem;
    position: absolute;
    z-index: 50;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.protocolPop {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.dialogText .textClose {
    position: absolute;
    right: 0rem;
    top: -1.2rem;
    width: 0.86rem;
    height: 0.86rem;
}

.txc p b {
    font-weight: normal;
}

.protoWrap {
    width: 100%;
    height: 100%;
    position: relative;
}


/* 最新css代码 */

.maskText {
    position: absolute;
    top: 3.38rem;
    width: 100%;
}

.maskText h4 {
    width: 48%;
    color: #ea5f3a;
    font-size: 0.63rem;
    margin: 0 auto 0.33rem auto;
}

.maskText p {
    color: #5f5f5f;
    font-size: 0.4rem;
    text-align: center;
}


/* 导航栏 */

#nav {
    display: none;
    position: fixed;
    top: 0;
    margin-top: 0;
    z-index: 888;
}

.tab {
    /* display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 100%;
    padding: 0 0.1rem;
}

.tab span {
    width: 1.9rem;
    height: 0.6rem;
    text-align: center;
    color: #fff;
    font-size: .3467rem;
    font-family: Noto Sans CJK SC;
    display: inline-block;
    box-sizing: border-box;
}

.tab .active {
    border-bottom: 0.04rem solid #ffffff;
    font-weight: bold;
}

.tab-box {
    width: 100%;
    height: 1rem;
    box-sizing: border-box;
    background-image: url('../images/topFixed.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 55;
    padding: 2% 0.28rem;
}

.tab img {
    width: 2.28rem;
    height: 0.73rem;
    margin-right: 0.6rem;
}


/* 轮播图01 */

.person-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    width: 9.333333rem;
    margin-left: 0.2rem;
}

.exhibition {
    width: 100%;
    position: relative;
}

.exhibitionBg {
    background-image: url('../images/exhibitionBg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.person {
    width: 100%;
    background: #fff;
    overflow: hidden;
    border-radius: .16rem;
    padding: 0 2% 0 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.person>div {
    width: 23.5%;
    margin-bottom: 2%;
}

.person>div img {
    display: block;
    width: 100%;
}

.person img:nth-child(5n) {
    margin-right: 0;
}

.person .top {
    padding: 0 .266667rem;
    position: relative;
}

.person .line {
    width: 88%;
    height: 0.053rem;
    background-color: #ff2f64;
    margin: 0.33rem auto 0.27rem auto;
}

.person .title,
.person .time {
    font-weight: bold;
    font-size: .34rem;
    color: #333;
    text-align: center;
}

.person .button {
    width: 4.4rem;
    height: .64rem;
    background-color: #ff2f64;
    border-radius: .28rem;
    font-weight: bold;
    font-size: .3rem;
    color: #fff;
    margin: .28rem auto 0;
    text-align: center;
    line-height: .64rem;
}

.person .country {
    width: 1.426667rem;
    height: .533333rem;
    background: #ff2f64;
    color: #fff;
    font-size: .24rem;
    border-bottom-right-radius: .16rem;
    border-top-left-radius: .16rem;
    text-align: center;
    line-height: .533333rem;
    margin-left: -.266667rem;
}

.person .desc {
    font-size: .24rem;
    color: #999999;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.person dl {
    display: flex;
    align-items: center;
}

.person dt {
    padding-right: .213333rem;
}

.person dt img {
    width: 1.81333rem;
    display: block;
    margin: .266667rem 0 .213333rem;
}

.person dd p.name {
    font-weight: bold;
    font-size: .346667rem;
    color: #333;
    padding-top: .52rem;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.person dd p {
    font-size: .293333rem;
    color: #666;
    line-height: 1;
    margin-bottom: .173333rem;
    text-align: left;
}

.person dd p.name span {
    font-size: .24rem;
    color: #ff2f64;
    font-weight: normal;
    display: inline-block;
    width: 1.4rem;
}

.person dd p.name b {
    display: inline-block;
    width: 1.2rem;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiperFrist {
    background-color: #ffffff;
}

.swiperFrist .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 55%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 0.16rem;
    /* margin-right: 0.21rem !important; */
}

.person-bg {
    text-align: center;
    margin-top: 0.3rem;
}

.person-bg .swiper-pagination-bullet {
    width: 0.24rem;
    height: 0.24rem;
    box-sizing: border-box;
    margin-right: 0.3rem;
    background: url(../images/ring2.png)center center no-repeat;
    background-size: 100% 100%;
}

.person-bg .swiper-pagination-bullet-active {
    background: url(../images/ring1.png)center center no-repeat;
    background-size: 100% 100%;
}


/* 轮播图01 END */


/* 轮播图 02 */

.swiperLogoWrap {
    position: relative;
    padding-bottom: 1rem;
}

.swiper-wrap {
    position: absolute;
    top: 12%;
}

.swiper-logo {
    position: absolute;
    width: 100%;
}

#logo {
    width: 10rem;
}

.swiper-slide-logo {
    width: 100%;
    height: 7.066667rem;
}

.logo-wrap {
    width: 100%;
    text-align: center;
    opacity: 0.7;
}

.logo-wrap img {
    width: 90%;
}

.progress-wrap {
    width: 2.2rem;
    height: .08rem;
    border-radius: .04rem;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 0 auto;
    display: flex;
}

.progress-wrap>span,
.slide-wrap>span {
    width: 1.1rem;
    height: .08rem;
    border-radius: .04rem;
    background-color: #fff;
    opacity: 0;
}

.left-position,
.right-position {
    width: 2.066667rem;
    height: 7.666667rem;
    position: absolute;
    top: 2.706667rem;
    z-index: 10;
}

.left-position {
    left: 0;
}

.right-position {
    right: 0;
}

.active-num {
    position: absolute;
    font-size: .266667rem;
    width: 10rem;
    text-align: center;
    color: #999999;
    top: 7.333333rem;
}

.apply-num {
    font-size: .266667rem;
    color: #999;
}

.btn-wrap {
    position: absolute;
    width: 3.56rem;
    height: .773333rem;
    top: 8.733333rem;
    left: 3.22rem;
}


/* 轮播图 02 END */


/* 领取成功弹框 */

.mask-suc {
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .85);
    z-index: 999;
}

.succ {
    width: 8.15rem;
    height: 9.77rem;
    padding-bottom: 0.5rem;
    background: url(../images/successBg.png)center center no-repeat;
    box-sizing: border-box;
    position: absolute;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.succ .close {
    position: absolute;
    right: 0%;
    top: -12%;
    width: 0.86rem;
    height: 0.86rem;
}

.sucContent {
    position: absolute;
    top: 3.38rem;
    width: 100%;
}

.sucHead {
    padding-left: 0.5rem;
}

.sucHead h4 {
    text-align: center;
    font-size: 0.51rem;
    color: #333333;
}

.sucText {
    background: url(../images/sucContBg.png)center center no-repeat;
    margin: 0.4rem auto 0.35rem auto;
    width: 7.04rem;
    height: 1.81rem;
    box-sizing: border-box;
    text-align: center;
    padding-top: 0.4rem;
}

.sucText p {
    font-size: 0.35rem;
    color: #999999;
}

.sucText em {
    font-style: normal;
    color: #e85f37;
    font-size: 0.37rem;
}

.sucCont {
    text-align: center;
}

.sucCont p {
    font-size: 0.35rem;
    color: #999999;
}

.sucCont p:nth-child(2) {
    margin-top: 0.1rem;
}


/* 领取成功弹框END */

.fullPreview {
    position: fixed;
    left: 0;
    display: none;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 9989;
}

.fullCont {
    width: 75%;
    box-sizing: border-box;
    position: absolute;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

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

.fullCont .close {
    position: absolute;
    right: .1%;
    top: -12%;
    width: 0.86rem;
    height: 0.86rem;
}

.fullText {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ff295b;
    padding: 0.43rem 0.57rem 0.5rem 0.57rem;
    box-sizing: border-box;
    color: #ffffff;
}

.fullName,
.fullMajor {
    font-size: 0.32rem;
}

.fullUniversity {
    font-size: 0.43rem;
}

.fullDesc {
    font-size: 0.27rem;
}


/* 轮播图 03 */

#offer {
    width: 100%;
    height: 100%;
}

#offer .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 52% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
    line-height: normal;
}

.offerImg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.offer-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.year-icon {
    position: absolute;
    top: 12%;
    left: 0;
    width: 1.24rem;
    height: 0.55rem;
}

.swiper-three {
    height: 6.5rem;
    position: absolute;
    width: 100%;
    top: 3.7rem;
}

#offer_pagination {
    width: 3.6rem;
    height: 0.16rem;
    text-align: center;
    border-radius: 0.15rem;
    margin-top: 0.4rem;
    left: 50%;
    margin-left: -1.8rem;
    background-color: transparent;
    border: 0.03rem solid #e01729;
}

#offer_pagination {
    --swiper-theme-color: #f8babd;
}

.watchLession {
    padding-top: 0.8rem;
}

.buttonWrap {
    width: 100%;
    position: absolute;
    top: 6.2rem;
    text-align: center;
}

.buttonWrap span {
    display: inline-block;
    width: 5.3rem;
    height: 0.91rem;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #d83b2a;
    line-height: 0.91rem;
    border-radius: 0.6rem;
    font-size: 0.4rem;
    font-weight: bold;
    cursor: pointer;
}

.buttonWrap02 {
    width: 100%;
    position: absolute;
    top: 6.2rem;
    text-align: center;
}

.buttonWrap02 .buttonWhite {
    color: #ffffff;
}

.buttonWrap02 span {
    background: url(../images/btn.png)left top no-repeat;
    background-size: contain;
}

.buttonWrapBot span {
    width: 3.88rem;
    font-size: 0.32rem;
    color: #ffffff;
    background: url(../images/btn_2.png)left top no-repeat;
    background-size: contain;
}

.buttonWrap05 {
    width: 100%;
    position: absolute;
    /* top: 8rem; */
    top: 16.4rem;
    text-align: center;
}

.buttonWrap05 span {
    display: inline-block;
    width: 5.3rem;
    height: 0.91rem;
    box-sizing: border-box;
    background: url(../images/btn.png)left top no-repeat;
    background-size: contain;
    color: #ffffff;
    line-height: 0.91rem;
    border-radius: 0.6rem;
    font-size: 0.4rem;
    font-weight: bold;
    cursor: pointer;
}

.buttonLine {
    width: 100%;
    height: 1.8rem;
    line-height: 2.33rem;
    text-align: center;
    background-color: #ffffff;
}

.buttonLine span {
    display: inline-block;
    width: 5.3rem;
    height: 0.91rem;
    box-sizing: border-box;
    background: url(../images/btn.png)left top no-repeat;
    background-size: contain;
    color: #ffffff;
    line-height: 0.91rem;
    border-radius: 0.6rem;
    font-size: 0.4rem;
    font-weight: bold;
    cursor: pointer;
}

.showWrap {
    position: absolute;
    top: 20%;
    width: 100%;
    display: flex;
    justify-content: center;
}

.showAddress {
    position: absolute;
    top: 20%;
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    height: 5rem;
    overflow: hidden;
}

.pay-items {
    text-align: center;
    color: #333;
    font-size: 0.346rem;
}

.privacy_box .agree-policy1+label::before,
.privacy_box .agree-policy2+label::before {
    content: '';
    display: inline-block;
    width: 0.34667rem;
    height: 0.34667rem;
    background-image: url(../images/policynocheck.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.privacy_box .agree-policy1,
.privacy_box .agree-policy {
    display: none;
}

.privacy_box .agree-policy1+label,
.privacy_box .agree-policy2+label {
    display: flex;
    align-items: center;
    font-size: 0.26666666rem;
    color: #999;
}

.privacy {
    color: #dd202a;
    font-size: 0.26666666rem;
}

.txc {
    font-size: 0.3rem;
    color: #ffffff;
}

.pay-foot img {
    width: 5.65rem;
    height: 1.88rem;
}

.buttonFixed {
    width: 100%;
    height: 1.787rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 666;
}

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


/* 第六十一届教育展 */

.overseasCont {
    padding: 0.53rem 0;
    background-color: #ffffff;
}

.overseasLeft {
    width: 48.5%;
    border-radius: 0.187rem;
    overflow: hidden;
    background-color: #ffffff;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 16px hsl(0deg 0% 40% / 30%);
    box-shadow: 0 0 16px hsl(0deg 0% 40% / 30%);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.overseasLeft img {
    width: 100%;
    height: 3rem;
}

.overseasRight {
    width: 48.5%;
}

.overseasRight img {
    vertical-align: super;
}

.leftText {
    padding: 0.28rem 0.253rem 0 0.253rem;
}

.overseasHeader {
    width: 100%;
    height: 1.15rem;
    box-sizing: border-box;
    background-color: #dc3033;
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.overseasHeader .headerActive {
    background-color: #b60d10;
}

.exhibitiionHeader {
    margin: .5733rem 0 .6133rem;
}

.headerItem {
    width: 2.213rem;
    height: 0.853rem;
    line-height: 0.853rem;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    border-radius: 0.5rem;
}

.overseasItem {
    display: none;
    padding: 0 0.33rem;
    align-items: center;
    justify-content: space-between;
}

.overseasCont .overseasItemActive {
    display: flex;
}

.leftText h4 {
    font-size: 0.3rem;
    font-weight: 600;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    height: 0.9rem;
}

.leftText p {
    font-size: 0.28rem;
    color: #999;
    margin: 0.13rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.leftTag span {
    margin: 0 5px 0 0;
    width: 0.9rem;
    height: 0.53rem;
    line-height: 0.53rem;
    font-size: 0.28rem;
    background-color: #f0f5fe;
    color: #5b86ea;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.card-footer {
    margin-top: 0.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-footer .current-price {
    font-size: 20px;
    color: #ff5a00;
    font-weight: 700;
}

.card-footer .price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card-footer .attention {
    font-size: 0.28rem;
    color: #999;
}

.overseasBtn {
    width: 100%;
    padding-bottom: 0.6rem;
    text-align: center;
    background-color: #ffffff;
}

.overseasBtn span {
    display: inline-block;
    width: 5.33rem;
    height: 0.91rem;
    background-image: url("../images/knowBtn.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.schoolNav {
    width: 100%;
    height: 1.28rem;
    background: #E12F33;
    box-sizing: border-box;
    padding: .16rem .32rem;
}

.school-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.school-tab div {
    font-size: .3467rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFEFF;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 .32rem;
}

.school-tab .schoolActive {
    background: #FAECD0;
    border-radius: .48rem;
    color: #E12F33;
}

.school {
    width: 100%;
    min-height: 12.04rem;
    box-sizing: border-box;
    padding: .28rem .3333rem .9467rem .32rem;
    background-image: url("../images/school-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.school .schoolContActive {
    display: block;
}

.schoolCont {
    width: 93.6%;
    margin: 0 auto;
    display: none;
}

.schoolrecome {
    display: flex;
    justify-content: start;
    align-items: baseline;
}

.schoolrecome i {
    display: inline-block;
    width: 0.37rem;
    height: 0.37rem;
    background-image: url("../images/icon.png");
    background-position: center center;
    background-size: 100% 100%;
    margin-right: 0.27rem;
}

.schoolCont h4 {
    font-size: 0.43rem;
    color: #dc3033;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.recomeText {
    font-size: 0.35rem;
    color: #666666;
    word-break: break-all;
}

.schoolMajor {
    margin-top: 0.2rem;
}

.schoolHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.schoolMajor h4 {
    font-size: 0.43rem;
    color: #dc3033;
    font-weight: bold;
    margin-bottom: 0;
}

.schoolHeader span {
    display: inline-block;
    width: 2.21rem;
    height: 0.72rem;
    background-image: url("../images/viewMore.png");
    background-position: center center;
    background-size: 100% 100%;
}


/* .schoolItem {
  width: 1.92rem;
  box-sizing: border-box;
  margin-bottom: 0.267rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 0.4rem;
} */

.schoolItem:nth-child(4n) {
    margin-right: 0;
}

.schoolIcon {
    margin-top: 0.48rem;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding-left: 0.1rem;
}


/* .itemImage {
  border: 0.04rem solid #dc3033;
  border-radius: 50%;
}

.itemImage img {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
} */

.itemText {
    height: 0.76rem;
    text-align: center;
    color: #666666;
    font-size: 11px;
    margin-top: 0.15rem;
}

.global {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.globalItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1.2rem;
}

.globalItem i {
    display: inline-block;
    width: 0.28rem;
    height: 0.373rem;
    background-image: url("../images/positionSmall.png");
    background-position: center center;
    background-size: 100% 100%;
    margin-bottom: 0.05rem;
}

.globalItem span {
    font-size: 0.267rem;
    color: #ffffff;
}

.exhibition .global .globalItemActive {
    transform: scale(1.5);
}

.exhibition .global .globalItemActive i {
    background-image: url("../images/positionBig.png");
    background-position: center center;
    background-size: 100% 100%;
}


/* 英国 */

.global .globalItem:nth-child(1) {
    position: absolute;
    left: 1.4rem;
    top: 2.1rem;
}


/* 欧洲 */

.global .globalItem:nth-child(2) {
    position: absolute;
    left: 2.6rem;
    top: 2rem;
}


/* 美国 */

.global .globalItem:nth-child(3) {
    position: absolute;
    left: 7.6rem;
    top: 2.5rem;
}


/* 加拿大 */

.global .globalItem:nth-child(4) {
    position: absolute;
    left: 7.1rem;
    top: 1.6rem;
}


/* 澳大利亚 */

.global .globalItem:nth-child(5) {
    position: absolute;
    left: 4.5rem;
    top: 4.1rem;
}

.global .globalItem:nth-child(6) {
    position: absolute;
    right: 3.1rem;
    bottom: 0.8rem;
}

.global .globalItem:nth-child(7) {
    position: absolute;
    left: 3.9rem;
    top: 2.4rem;
}

.trip {
    width: 100%;
    padding-bottom: 0.6rem;
}

.tripWrap {
    width: 100%;
    padding-bottom: 0.7rem;
}

.trip .tripWrap .tripActive {
    display: block;
}

.tripWrap .tripAddressActive {
    background-image: url("https://h5cdn.jjldxz.com/images/20220516_offlineEducation/wap/addressBg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tripWrap .tripAddressIsWeek {
    background-image: url("https://h5cdn.jjldxz.com/images/20220516_offlineEducation/wap/addressBg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tripWrap .tripAddressBefore {
    background-image: url("https://h5cdn.jjldxz.com/images/20220516_offlineEducation/wap/before.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tripAddress {
    display: none;
    width: 100%;
    height: 4.23rem;
    box-sizing: border-box;
    padding: 0.52rem 0.55rem 0.33rem 0.82rem;
}

.tripAddress h4 i {
    display: none;
}

.tripWrap .tripAddressIsWeek h4 i {
    display: block;
    padding: 0.05rem 0.2rem;
    background-color: #fde6b4;
    font-size: 0.28rem;
    color: #e01729;
    font-weight: bold;
    border-radius: 0.45rem;
    margin-left: 0.3rem;
}

.tripAddressActive h4 i {
    display: none;
    color: #ea3c44;
    background-size: #ffffff;
}

.tripItem {
    width: 1.47rem;
    height: 0.96rem;
    line-height: 0.96rem;
    box-sizing: border-box;
    background-color: transparent;
    color: #565053;
    border: 0.03rem solid #565053;
    border-radius: 0.1rem;
    text-align: center;
    margin: 0 0.1rem 0.1rem 0;
}

.tripItemOverTime {
    background-color: #fee6e3;
    color: #ffffff;
    box-shadow: none;
    color: #333333;
    border: none;
}

.tripItem:nth-child(6n) {
    margin-right: 0;
}

.tripList {
    padding: 0.3rem 0 0.36rem 0;
    display: flex;
    flex-wrap: wrap;
    width: 94%;
    margin: 0 auto;
}

.swiper_trip {
    width: 93.6%;
    margin: 0 auto;
}

.tripList .tripItemActive {
    background-color: #e01729;
    color: #ffffff;
    box-shadow: none;
    border: none;
}

.tripAddress h4 {
    font-size: 0.653rem;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.tripDate {
    margin-right: 0.3rem;
}

.tripCont {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tripDate span {
    display: inline;
}

.tripWrap .tripWuHan {
    display: block;
    width: 100%;
    align-items: normal;
    justify-content: normal;
}

.tripWrap .tripWuHan .tripPhone {
    margin-top: 0.5rem;
}

.tripWuHan+.address {
    margin-top: 0.1rem;
}

.tripDate span,
.tripPhone span,
.address {
    font-size: 0.315rem;
    color: #ffffff;
}

.tripDate span:nth-child(2) b {
    font-size: 0.36rem;
    font-weight: 700;
}

.address {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.6rem;
}

.tripSlider i {
    width: 3.1467rem;
    box-sizing: border-box;
    height: .8rem;
    color: #E01729;
    font-size: 0.37rem;
    font-weight: bold;
    border: 1px solid #FFFFFF;
    font-family: Noto Sans CJK SC;
    border-radius: .4rem;
    background: #FFFFFF;
    margin: 0.3rem auto 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0;
}

.topAvatar {
    width: 1.53rem;
    height: 1.53rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
}

.topAvatar img {
    width: 1.49rem;
    height: 1.49rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    object-fit: cover;
}

.sliderTop {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.topRight {
    width: 3rem;
    height: 0.7rem;
    line-height: 0.7rem;
    color: #ffffff;
    text-align: center;
}

.topRight span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.37rem;
    color: #ffffff;
    font-weight: bold;
}

.topRight em {
    position: absolute;
    right: 0.2rem;
    top: 0.1rem;
    font-style: normal;
    font-size: 0.267rem;
    color: #ffffff;
}

.sliderBot {
    width: 80%;
    margin-top: 0.15rem;
    padding-bottom: 0.3rem;
    border-bottom: 0.03rem dotted #ffffff;
}

.botCont {
    color: #ffffff;
    font-size: 0.347rem;
    font-weight: bold;
    height: 0.98rem;
    overflow: hidden;
    line-height: 0.5rem;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.2rem;
}

.botDate {
    font-size: 11px;
    border-radius: 0.353rem;
    box-sizing: border-box;
    width: 110%;
    font-weight: bold;
    height: 0.72rem;
    display: flex;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    margin: 0.1rem auto 0 -0.1rem;
}

.botDateActive {
    width: 2.7rem;
    border: 0.04rem solid #ffffff;
    margin: 0.1rem auto 0 auto;
}

.sliderWrap {
    width: 89.3%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 0.5rem;
}

.tripImage {
    width: 100%;
}

.tripImage img {
    width: 100%;
}

.swiper_trip .swiper-container {
    width: 100%;
    height: 100%;
}

#trip_pagination {
    width: 100%;
    margin-top: 0.5rem;
}

#trip_pagination span {
    margin-right: 0.15rem;
}

#trip_pagination .swiper-pagination-bullet {
    background-color: transparent;
    box-sizing: border-box;
    border: 0.04rem solid #dc3033;
}

#trip_pagination .swiper-pagination-bullet-active {
    box-sizing: border-box;
    background-color: #dc3033;
}

.swiper_trip .swiper-slide {
    width: 4.49rem;
    height: auto;
}

.tripSingle {
    display: flex;
    justify-content: center;
}

.txc {
    white-space: nowrap;
    color: #666666;
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.4rem;
}

.agree-policy {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-image: url(../images/unchecked.png);
    background-size: 100% 100%;
    cursor: pointer;
    margin-right: 0.1rem;
}

.txc .agreePolicyActive {
    display: inline-block;
    content: '';
    width: .31rem;
    height: .31rem;
    background-image: url(../images/checked.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: text-top;
    cursor: pointer;
}

.pay-div div .agree-policy-label {
    height: auto;
    line-height: normal;
    font-weight: 400;
    color: #ffffff;
    font-size: .28rem;
}

.privacy {
    color: #f62b02;
    font-size: .28rem;
}

.invitationDialog {
    position: fixed;
    display: block;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .85);
    z-index: 1001;
}

.invitation {
    width: 81.3%;
    height: 10.587rem;
    background-image: url("../images/successBg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
    box-sizing: border-box;
    border-radius: .16rem;
    /* overflow: hidden; */
}

.invitationWrap {
    width: 100%;
    height: 100%;
}

.invitationMessage {
    position: absolute;
    top: 40%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.6rem;
}

.invitationTitle {
    display: flex;
    align-items: center;
}

.invitationTitle h4 {
    margin-right: 0.1rem;
}

.invitationTitle h4,
.invitationTitle span {
    font-size: 0.427rem;
    color: #333333;
}

.invitationText {
    margin-top: 0.2rem;
}

.invitationTime span,
.invitationAddress span,
.invitationText {
    font-size: 0.373rem;
    color: #999999;
    line-height: 0.6rem;
}

.invitationAddress span:nth-child(1),
.invitationTime span:nth-child(1) {
    width: 100%;
}

.invitationAction {
    width: 100%;
    position: absolute;
    bottom: 8%;
    display: flex;
    height: 0.953rem;
    justify-content: center;
    margin-top: 0.4rem;
}

.invitationAction img {
    width: 38.1%;
    margin-right: 3%;
}

.invitation .closeBtn {
    display: inline-block;
    width: 0.86rem;
    height: 0.86rem;
    position: absolute;
    right: 50%;
    top: 105%;
    margin-right: -0.43rem;
}

#count-down {
    width: 2.4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    background-color: #c7cad1;
    color: #ffffff;
    font-size: 0.32rem;
    border-radius: 0.1rem;
    margin-right: 0.21rem;
}

.baoming-cont .txc em,
.baoming-cont .txc label,
.baoming-cont .txc a {
    height: 0.3rem;
    line-height: 0.3rem;
}

#showCity,
#showCountry {
    background-image: url('../images/arrowDown.png');
    background-position: 90% 50%;
    background-size: 0.26rem 0.13rem;
    background-repeat: no-repeat;
    width: 30%;
}


/* 第六十一届教育展 END */


/* 第六十三届教育展 */

.countryTab {
    position: relative;
    height: 2rem;
    margin: -0.2rem 0 0.3rem 0;
    overflow-x: scroll;
    display: flex;
    align-items: center;
}

.tabList {
    height: 1.14rem;
    padding: 0 0.32rem;
    background-color: #faecd0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.countryTab img {
    width: 10%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.tabItem {
    flex-shrink: 0;
    width: 2.18rem;
    box-sizing: border-box;
    color: #fff;
    font-size: 0.4267rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabItem span {
    color: #333333;
    font-weight: bold;
}

.tabList .tabItem:last-child {
    margin-right: 0;
}

.tabItemActive {
    position: relative;
}

.tabItemActive span {
    width: 100%;
    height: 1.41rem;
    background-color: #e01729;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabItemActive i {
    position: absolute;
    left: 50%;
    bottom: -0.2rem;
    width: 0.48rem;
    height: 0.48rem;
    margin-left: -0.24rem;
    display: inline-block;
    background-image: url('../images/tabIcon.png');
    background-size: 100% 100%;
}

.productWrap {
    width: 94%;
    margin: 0 auto;
    position: absolute;
    top: 1.5733rem;
    left: 50%;
    margin-left: -47%;
}

.productList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.productItem {
    width: 48.5%;
    height: 3.653rem;
    background-image: url('../images/productBg.png');
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 0.467rem;
    margin-bottom: 0.3rem;
}

.proTitle p {
    text-align: center;
    color: #ffffff;
    font-size: 0.37rem;
    font-weight: bold;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    width: 85%;
    margin: 0 auto;
}

.proBot {
    margin-top: 1.1rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.32rem 0 0.32rem;
}

.price {
    display: flex;
    align-items: center;
}

.price i {
    font-size: 0.34rem;
    color: #e01729;
    margin-right: 0.05rem;
}

.price span {
    color: #e01729;
    font-size: 0.5rem;
}

.detail {
    width: 1.867rem;
    height: 0.667rem;
    background-color: #e01729;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.45rem;
    font-weight: bold;
    margin-left: 0.4rem;
}

.toService {
    text-align: center;
    margin: 0.43rem 0 0.6rem 0;
}

.toService span {
    display: inline-block;
    width: 4.83rem;
    height: 1.13rem;
    background-image: url('../images/toService.png');
    background-size: 100% 100%;
}

.swiper-slide .txtCont {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.25rem;
    background-image: url('../images/offerBg.png');
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.7rem 0.22rem 0 0.23rem;
    font-size: 0.373rem;
    text-align: center;
    display: block;
}

.txtCont p {
    text-align: center;
    color: #ffffff;
    margin-bottom: 0.15rem;
}

.swiper-slide .txtActive {
    display: none;
}

.swiper-slide-active .txtCont {
    display: none;
}

.swiper-slide-active .txtActive {
    width: 100%;
    display: block;
    background-color: #ea3c44;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2.5333rem;
    box-sizing: border-box;
    padding: .1333rem 0.22rem 0 0.23rem;
}

.txtCont p {
    text-align: center;
}

.txtActive p {
    text-align: left;
    color: #ffffff;
}

.offer-box i {
    position: absolute;
    right: 0;
    top: 1%;
    background-color: #ea3c44;
    padding: 0.08rem 0.1rem 0.08rem 0.2rem;
    z-index: 56;
    border-top-left-radius: .45rem;
    border-bottom-left-radius: 0.45rem;
    color: #ffffff;
    font-size: 11px;
}

.txt-box .txtActive p:nth-child(1) {
    font-size: 0.32rem;
    font-weight: bold;
    margin-bottom: .04rem;
}

.txt-box .txtActive p:nth-child(2) {
    font-size: 0.32rem;
    margin-bottom: .04rem;
    font-weight: bold;
}

.txt-box .txtActive p:nth-child(3) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 0.2rem;
}

.productWrap .productListActive {
    display: flex;
    flex-wrap: wrap;
}

.productList {
    display: none;
}

.shopList {
    display: none;
}

.shopItem {
    margin-bottom: 0.37rem;
}

.shopListActive {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shop {
    position: absolute;
    left: 0;
    top: 14.3%;
    width: 100%;
}

.shopWrap {
    width: 94%;
    margin: 0 auto;
}

.shopList .shopItem {
    width: 4.59rem;
    height: 5.81rem;
    background-size: 100% 100%;
    padding: 0.4rem 0.33rem 0 0.33rem;
    box-sizing: border-box;
}

.shopList .shopItem:nth-child(1) {
    background-image: url('../images/school/1.png');
}

.shopList .shopItem:nth-child(2) {
    background-image: url('../images/school/2.png');
}

.shopList .shopItem:nth-child(3) {
    background-image: url('../images/school/3.png');
}

.shopList .shopItem:nth-child(4) {
    background-image: url('../images/school/4.png');
}

.shopList .shopItem:nth-child(5) {
    background-image: url('../images/school/5.png');
}

.shopList .shopItem:nth-child(6) {
    background-image: url('../images/school/6.png');
}

.shopBg {
    width: 2.29rem;
    height: 0.96rem;
    background-color: #ffffff;
    border-radius: 0.2rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shopImage {
    width: 80%;
    height: 80%;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.shopItem p {
    margin: 0.2rem 0 0.25rem 0;
    color: #ffffff;
    font-size: 0.35rem;
}

.shopCont {
    margin-bottom: 0.18rem;
    display: flex;
    align-items: center;
}

.shopCont i {
    display: inline-block;
    background-image: url(../images/school/hot.png);
    background-size: 100% 100%;
    width: 0.29rem;
    height: 0.29rem;
    margin-right: 0.1rem;
}

.shopCont span {
    color: #ffffff;
    font-size: 0.29rem;
}

.shopDesc {
    font-size: 0.32rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.proMore {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.moreTitle {
    height: 0.7rem;
    line-height: 0.7rem;
    padding-left: 0.2rem;
    border-left: 0.08rem solid #ea3c44;
    font-size: 0.51rem;
    margin-bottom: 0.55rem;
}

.otherItem {
    height: 0.98rem;
    background-color: rgba(255, 233, 232, 0.5);
    border-radius: 0.11rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 0.3rem;
}

.otherItem input {
    width: 100%;
    height: 100%;
    padding-left: 0.3rem;
    box-sizing: border-box;
}

.otherPay {
    width: 100%;
    height: 1rem;
    text-align: center;
    margin-top: 0.1rem;
    background-image: url('../images/submitBtn.png');
    background-size: 100% 100%;
    margin: 0.2rem auto 0 auto;
    text-align: center;
}

.otherPay span {
    font-size: 0.4rem;
    font-family: Noto Sans CJK SC;
    font-weight: bold;
    color: #ffffff;
}

.otherPay img {
    width: 7.09rem;
    height: 1.13rem;
}

.getMoreSchool {
    width: 100%;
    position: absolute;
    bottom: -6%;
    left: 0;
    text-align: center;
    z-index: 99;
}

.getMoreSchool img {
    width: 4.83rem;
    height: 1.13rem;
    object-fit: cover;
}

.getMoreBtn {
    margin-top: .2133rem;
    text-align: center;
}

.getMoreBtn img {
    width: 9.5067rem;
    /* height: 3.76rem; */
}

.getMoreBtn i {
    display: inline-block;
    width: 4.77rem;
    height: 3.76rem;
    background-image: url('../images/getMore.png');
    background-size: 100% 100%;
}

#fourBtn {
    display: inline-block;
    width: 9.5067rem;
    height: 2.8133rem;
    background-image: url('../images/4.png');
    background-size: 100% 100%;
    margin: 0 auto;
    position: relative;
}

#fourBtn img {
    width: 6.32rem;
    height: .96rem;
    position: absolute;
    bottom: -0.4133rem;
    left: 1.5867rem;
}

#zixunServeBtn span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('../images/mZixunBtn.png');
    background-size: 100% 100%;
}

#America {
    margin: .6133rem 0 .36rem;
}

.exhibitionBtn {
    width: 1.4rem;
    height: 1.4rem;
    background-image: url(../images/invaBut.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 4%;
    top: 50%;
    margin-top: -0.65rem;
    animation: breathe 1.1s infinite;
}

@keyframes breathe {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

.headerSec {
    height: 2.91rem;
}


/* HUAWEI P40*/


/* @media only screen and (device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3) { */

body {
    font-size: 100%;
}

.talkBox {
    height: 100%;
}

.tab span {
    width: 19%;
}

.tripItem {
    width: 15.6%;
    margin: 0 1.1% 1% 0;
}

.tripWrap {
    padding-bottom: 7%;
}

.swiper_trip .swiper-slide {
    width: 49.5%;
    height: auto;
}

.shopList .shopItem {
    width: 49%;
    height: 29.63%;
    background-size: 100% 100%;
    padding: 0.4rem 0.33rem 0 0.33rem;
    box-sizing: border-box;
}

.tripWrap .alone {
    width: 51%;
}

.tripSlider {
    width: 100%;
    height: 7.5rem;
    background-image: url("../images/teacherBg.png");
    background-position: center center;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 0.7rem;
}

.swiper-three {
    height: 57.5%;
    position: absolute;
    width: 100%;
    top: 20%;
}

.newZealand {
    /* height: auto; */
}

.buttonFixed {
    width: 100%;
    height: 10%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 666;
}

.shop {
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    height: 84%;
}

.shopWrap {
    width: 94%;
    margin: 0 auto;
    height: 100%;
}

.shopList {
    height: 100%;
}

#offer .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 52% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    line-height: normal;
}

.otherForm {
    position: absolute;
    top: 2.84rem;
    width: 94%;
    left: 50%;
    margin-left: -47%;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 0.44rem 0.71rem 0.47rem 0.69rem;
    border-radius: 0.11rem;
}

.otherForm .formHead {
    margin-bottom: 0.43rem;
}


/* .otherItem em {
  position: absolute;
  right: 8%;
  top: 50%;
  margin-top: -0.23rem;
  display: inline-block;
  width: 0.43rem;
  height: 0.46rem;
  background-image: url('../images/formIcon.png');
  background-size: 100% 100%;
} */

.Australia {
    width: 100%;
}

form {
    height: 85%;
}

.swiper-end {
    position: absolute;
    top: 27%;
    left: 0;
    width: 100%;
}

.swiper-end .swiper-container {
    width: 92%;
    margin: 0 auto;
    height: auto;
}

.swiper-end .swiper-slide {
    height: auto;
}

.swiper-end .swiper-pagination {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 0.5rem;
}

.swiper-end .swiper-pagination-bullet {
    margin-right: 0.2rem;
}

#swiperEnd_pagination .swiper-pagination-bullet {
    width: 0.24rem;
    height: 0.24rem;
    box-sizing: border-box;
    margin-right: 0.1rem;
    border: 0.04rem solid #ea3c44;
    background-color: transparent;
}

#swiperEnd_pagination .swiper-pagination-bullet {
    width: 0.24rem;
    height: 0.24rem;
    box-sizing: border-box;
    margin-right: 0.1rem;
    border: 0.04rem solid #ea3c44;
    background-color: transparent;
}

#swiperEnd_pagination .swiper-pagination-bullet-active {
    width: 0.24rem;
    height: 0.24rem;
    box-sizing: border-box;
    margin-right: 0.1rem;
    background-color: #ea3c44;
}

.countTab {
    margin-bottom: 0.3rem;
    position: relative;
}

.countTabList {
    width: 100%;
    background-color: #ea3c44;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 3% 3%;
    box-sizing: border-box;
}

.countTabItem {
    width: 20%;
    box-sizing: border-box;
    text-align: center;
    padding: 1% 0;
    color: #fff;
    font-size: 0.4267rem;
}

.countTabItemActive {
    background-color: #c1242b;
    font-weight: bold;
    border-radius: 2.5rem;
}

.fourBtn {
    margin: .4667rem 0 1.2rem 0;
    box-sizing: border-box;
    padding: 0 0.23rem;
}

.school {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    background-color: #f8fafc;
}

.school-div {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border: .0133rem solid #EF8B94;
    position: relative;
    box-sizing: border-box;
    padding: .3733rem .2133rem .4rem;
    overflow: hidden;
}

.school-country {
    font-size: .3733rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #E12F33;
    line-height: .5067rem;
}

.school-direction {
    margin: .2rem 0 .3733rem;
}

.school-direction-zc {
    margin-bottom: .24rem;
}

.school-direction span {
    font-size: .2933rem;
    font-family: Source Han Sans CN;
    color: #333333;
    line-height: .4267rem;
}

.school-btn {
    text-align: center;
}

.school-btn img {
    width: 50vw;
}

.school .swiper-wrapper {
    margin: .2933rem 0 0 0;
    height: initial !important;
}

.see-more {
    width: 3.04rem;
    height: 0.67rem;
    position: absolute;
    bottom: 3.72rem;
    left: 50%;
    margin-left: -1.52rem;
    background-color: #c8403c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: Noto Sans CJK SC;
    font-weight: 400;
    color: #ffffff;
    border-radius: 0.33rem;
}

.schoolContActive {
    display: block;
}

.schoolCont {
    width: 93.6%;
    margin: 0 auto;
    display: none;
}

.schoolrecome {
    display: flex;
    justify-content: start;
    align-items: baseline;
}

.schoolrecome i {
    display: inline-block;
    width: 0.37rem;
    height: 0.37rem;
    background-image: url("../images/icon.png");
    background-position: center center;
    background-size: 100% 100%;
    margin-right: 0.27rem;
}

.schoolCont h4 {
    font-size: 0.43rem;
    color: #dc3033;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.schoolMajor {
    margin-top: 0.2rem;
}

.schoolHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.schoolMajor h4 {
    font-size: 0.43rem;
    color: #dc3033;
    font-weight: bold;
    margin-bottom: 0;
}

.schoolHeader span {
    display: inline-block;
    width: 2.21rem;
    height: 0.72rem;
    background-image: url("../images/viewMore.png");
    background-position: center center;
    background-size: 100% 100%;
}

.schoolItem {
    /* width: 1.92rem; */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0.4rem;
}

.schoolItem:nth-child(4n) {
    margin-right: 0;
}

.schoolIcon {
    margin-top: 0.48rem;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding-left: 0.1rem;
}

.school .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 1.9rem;
    width: 2rem;
    line-height: inherit !important;
    overflow: hidden;
}

.school .swiper-slide div {
    width: 80%;
    height: 0.75rem;
    box-sizing: border-box;
    border: 1px solid #eee;
    overflow: hidden;
}

.school .swiper-slide div img {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    margin-top: 1%;
    object-fit: contain;
}

.tips-div {
    position: absolute;
    bottom: 0.5rem;
    right: .9rem;
    left: 1rem;
    height: 2.28rem;
    overflow: hidden;
}

.tips-div h4 {
    font-size: .43rem;
    margin-bottom: .2rem;
}

.tips-mg h4 {
    color: #e23541;
}

.tips-yg h4 {
    color: #e23541;
}

.tips-jnd h4 {
    color: #e23541;
}

.tips-oz h4 {
    color: #b32b59;
}

.tips-yz h4 {
    color: #ea8b38;
}

.tips-ax h4 {
    color: #2d42b0;
}

.recomeText {
    font-size: 0.3rem;
    color: #333;
    word-break: break-all;
}

.headerBanner span {
    width: 100%;
    position: absolute;
    top: 35.8%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3733rem;
    font-family: DINPro;
    font-weight: 500;
    color: #FFFFFF;
}

.productBtn {
    width: 100%;
    margin-top: 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productBtn span {
    display: inline-block;
    width: 5.0267rem;
    height: 1.12rem;
    background-image: url('../images/cc.png');
    background-size: 100% 100%;
    cursor: pointer;
}

.productSub {
    width: 2.2rem;
    height: 1.31rem;
    border: 1px solid #ea3c44;
    border-radius: 0.16rem;
    font-size: 0.37rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.15rem;
    margin: 0 0.15rem 0.2rem 0;
}

.productWrap .productSubActive {
    background-color: #ea3c44;
    color: #ffffff;
}

.productHead {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0.33rem;
}

.productCont {
    width: 100%;
    margin-bottom: 0.15rem;
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
}

.productContActive {
    display: flex;
}

.productSubCont {
    width: 48.6%;
    background: #f5f5f5;
    border-radius: 0.08rem;
    position: relative;
    padding: 0.1rem 0.19rem 0.36rem 0.19rem;
    margin-bottom: 0.2rem;
}

.productSubCont i {
    width: 0.07rem;
    height: 0.75rem;
    background: #e01729;
    position: absolute;
    left: 0;
    top: 0;
}

.productSubCont h6 {
    margin-bottom: 0.3rem;
    font-size: 0.35rem;
    font-family: Noto Sans CJK SC;
    font-weight: bold;
    color: #e01729;
}

.productText {
    font-size: 11px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}

.productContWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0.15rem 0.37rem 0.15rem;
    background-color: #ffffff;
}

.productText {
    height: 4.68rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.teamSwiper {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 9.4rem;
    height: 5.86rem;
    margin-left: -4.7rem;
}

.teamSwiper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#show_pagination {
    width: 100%;
    margin-top: .2667rem;
}

#show_pagination .swiper-pagination-bullet {
    width: .1467rem;
    height: .1467rem;
    border-radius: 50%;
    border: 1px solid #EA3C44;
    margin: 0 .1467rem;
    background-color: transparent;
}

#show_pagination .swiper-pagination-bullet-active {
    background: #EA3C44;
}

.offer-btn {
    position: absolute;
    width: 100vw;
    height: 1.0667rem;
    bottom: 5%;
    left: 0;
    text-align: center;
}

.offer-btn img {
    width: 50vw;
}