a:hover {
    text-decoration: none
}

body .x-content {
    width: 1280px;
    margin: 0 auto
}

body .x-content .banner-swiper-container {
    margin-top: 18px;
    width: 1280px;
    height: 420px
}

body .x-content .banner-swiper-container .swiper-wrapper {
    width: 1280px;
    height: 420px
}

body .x-content .banner-swiper-container .swiper-wrapper .swiper-slide {
    width: 1280px;
    height: 420px
}

body .x-content .banner-swiper-container .swiper-wrapper .swiper-slide .image {
    width: 1280px;
    height: 420px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

body .x-content .banner-swiper-container .banner-swiper-pagination {
    position: absolute;
    bottom: 20px;
    z-index: 100;
    text-align: center
}

body .x-content .container {
    display: flex;
    justify-content: space-between
}

body .x-content .container .left {
    width: 900px;
    height: 100%
}

body .x-content .container .left h2.title {
    position: relative;
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #076fcb;
    padding-left: 28px;
    margin: 30px 0 30px;
    height: 32px
}

body .x-content .container .left h2.title::before {
    position: absolute;
    top: -2px;
    left: 7px;
    content: "";
    width: 8px;
    height: 32px;
    background: #076fcb;
    border-radius: 4px
}

.form-search {
    width: 900px
}

.form-search .layui-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-search .layui-form .layui-inline .layui-form-select dl dd.layui-this {
    background-color: #076fcb
}

.form-search .layui-form .layui-inline .layui-input-inline .layui-input {
    cursor: pointer
}

.form-search .layui-form button {
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0)
}

.form-search .layui-form button img {
    cursor: pointer;
    width: 38px;
    height: 38px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0
}

.menu {
    width: 100%;
    height: 50px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.menu span {
    padding: 0 20px;
    border-right: solid 1px #d2d2d2;
    font-size: 18px;
    font-weight: 400;
    color: #333
}

.menu .links {
    padding-left: 20px
}

.menu .links a {
    margin-right: 40px;
    font-size: 18px;
    font-weight: 400;
    color: #666
}

.menu .links a.active {
    position: relative;
    color: #076fcb
}

.menu .links a.active::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 4px;
    background-color: #076fcb
}

body .x-content .container .left .list ul {
    padding: 15px 0 30px 0
}

body .x-content .container .left .list ul li {
    float: initial;
    width: 900px;
    height: 178px;
    position: relative;
    margin-bottom: 8px
}

body .x-content .container .left .list ul li a {
    cursor: pointer;
    width: 900px;
    height: 178px;
    background: #fff;
    box-shadow: 0px 2px 4px 0px rgba(176, 176, 175, .3), 0px 1px 2px 0px rgba(182, 182, 182, .17);
    box-sizing: border-box;
    padding: 14px 23px 14px 12px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #000;
    line-height: 20px
}

body .x-content .container .left .list ul li a:hover {
    background-color: #eee
}

body .x-content .container .left .list ul li a .image {
    width: 225px;
    height: 150px;
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

body .x-content .container .left .list ul li a .detail {
    display: table;
    height: 100%
}

body .x-content .container .left .list ul li a .detail>div {
    display: table-cell;
    vertical-align: middle;
    width: 312px
}

body .x-content .container .left .list ul li a .detail>div p {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333232;
    height: 30px;
    width: 312px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    margin-top: 0
}

body .x-content .container .left .list ul li a .detail>div>.title {
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 30px;
    color: #272727;
    margin-bottom: 6px
}

body .x-content .container .left .list ul li a .detail>div>.title span {
    line-height: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

body .x-content .container .left .list ul li a .detail>div p.title {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #272727
}

body .x-content .container .left .list ul li a .btn {
    width: 160px;
    text-align: center;
    display: table;
    height: 100%
}

body .x-content .container .left .list ul li a .btn>div {
    display: table-cell;
    vertical-align: middle
}

body .x-content .container .left .list ul li a .btn>div button {
    margin-top: 28px;
    cursor: pointer;
    width: 118px;
    height: 38px;
    background: #ff9100;
    border-radius: 8px;
    border: none;
    outline: none;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #fff
}

body .x-content .container .left .list ul li.over a .btn>div button {
    background-color: #989796
}

body .x-content .container .left .list ul li a .btn>div p {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #1a1a1a;
    margin-top: 7px;
    height: 40px
}

body .x-content .container .left .list ul li a .btn>div p span {
    color: #ff9100
}

body .x-content .container .left .list ul li a {
    position: relative
}

body .x-content .container .left .list ul li a::before {
    content: "";
    position: absolute;
    width: 92px;
    height: 29px;
    z-index: 10;
    left: 8px;
    top: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

body .x-content .container .left .list ul li.started a::before {
    background-image: url(//m.nabefarmer.com/statics/pcc/img/0119start.png?t=20211124)
}

body .x-content .container .left .list ul li.over a::before {
    background-image: url(//m.nabefarmer.com/statics/pcc/img/0119over.png?t=20211124)
}

body .x-content .container .left .list button.x-more {
    width: 896px;
    height: 64px;
    background: #e5e5e5;
    border-radius: 4px;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #807f7e;
    border: none;
    outline: none;
    margin-bottom: 64px;
    cursor: pointer
}

body .x-content .container .left .crumbs {
    padding-left: 18px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #242323;
    padding: 30px 0 16px
}

body .x-content .container .left .x-content-title {
    position: relative
}

body .x-content .container .left .x-content-title h2 {
    width: 534px;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #242323;
    line-height: 44px
}

body .x-content .container .left .x-content-title>p {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 22px;
    line-height: 44px;
    min-height: 44px;
    font-family: Microsoft YaHei;
    color: #1a1a1a
}

body .x-content .container .left .x-content-title p span {
    color: #ff9100;
    font-weight: bold
}

body .x-content .container .left .x-school-msg {
    width: 900px;
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16)
}

body .x-content .container .left .x-school-msg .bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    margin-top: 16px;
    box-sizing: border-box
}

body .x-content .container .left .x-school-msg .image {
    width: 350px;
    height: 230px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

body .x-content .container .left .x-school-msg .image {
    position: relative
}

body .x-content .container .left .x-school-msg .image::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 13px;
    width: 92px;
    height: 29px;
    background-size: 92px 29px;
    background-position: center center;
    background-repeat: no-repeat
}

body .x-content .container .left .x-school-msg .image.enter::before {
    background-image: url(//m.nabefarmer.com/statics/pcc/img/0119start.png)
}

body .x-content .container .left .x-school-msg .image.over::before {
    background-image: url(//m.nabefarmer.com/statics/pcc/img/0119over.png)
}

body .x-content .container .left .x-school-msg .con {
    width: 366px
}

body .x-content .container .left .x-school-msg .con p {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #242323;
    padding-top: 20px
}

body .x-content .container .left .x-school-msg .con p:first-of-type {
    padding-top: 0;
    color: #0770d1;
    font-size: 18px
}

body .x-content .container .left .form {
    width: 900px;
    background: #fff;
    border: 1px solid rgba(112, 112, 112, .4);
    box-sizing: border-box;
    margin-top: 21px
}

body .x-content .container .left .form label {
    display: block;
    margin-top: 37px;
    display: flex;
    flex-wrap: wrap
}

body .x-content .container .left .form label.code input {
    width: 564px
}

body .x-content .container .left .form label.code button {
    width: 220px;
    height: 48px;
    background: #ff9100;
    border-radius: 6px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #fff;
    margin-left: 19px;
    border: none;
    outline: none;
    cursor: pointer;
    margin-top: 12px
}

body .x-content .container .left .form label.code button[disabled] {
    background-color: #ddd
}

body .x-content .container .left .form label span {
    display: block;
    width: 100%;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #242323;
    margin-left: 48px
}

body .x-content .container .left .form label span i{
    color: red;
}

body .x-content .container .left .form label input {
    margin-top: 12px;
    margin-left: 42px;
    box-sizing: border-box;
    height: 48px;
    line-height: 53px;
    width: 806px;
    background: #f8f8f8;
    border-radius: 6px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #000;
    padding-left: 17px;
    border: 1px solid rgba(112, 112, 112, .3)
}

body .x-content .container .left .form .btn {
    display: flex;
    justify-content: space-between;
    height: 64px;
    line-height: 64px;
    padding: 44px 0 22px 0;
    box-sizing: content-box
}

body .x-content .container .left .form .btn p {
    font-family: Source Han Sans CN;
    margin-left: 42px;
    font-size: 43px;
    font-weight: 400;
    color: #ff9100
}

body .x-content .container .left .form .btn p img {
    margin-right: 12px;
    height: 42px;
    vertical-align: -4px
}

body .x-content .container .left .form .btn button {
    background: #ff9100;
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #fff;
    margin-right: 52px;
    outline: none;
    border: none;
    cursor: pointer;
    width: 248px;
    height: 58px;
    border-radius: 6px
}

body .x-content .container .left .form .btn button[disabled] {
    background-color: #ddd
}

body .x-content .container .left .x-con {
    padding-top: 50px;
    width: 745px;
    margin: 0 auto
}

body .x-content .container .left .x-con .x-con-title {
    height: 47px;
    line-height: 47px;
    border-bottom: solid 1px #1245ab;
    display: flex
}

body .x-content .container .left .x-con .x-con-title a {
    display: inline-block;
    width: 100%;
    height: 40px;
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 47px;
    text-align: center;
    border-bottom: rgba(112, 112, 112, .4) dashed 1px;
    text-align: left;
    padding-left: 34px
}

body .x-content .container .left .x-con .x-con-title a.active {
    width: 134px;
    color: #076fcb;
    border: 1px solid #076fcb;
    box-shadow: 6px 6px 1px #076fcb;
    text-align: center;
    padding-left: 0;
    height: 47px
}

body .x-content .container .left .x-con .x-con-title a.active:hover {
    text-decoration: none
}

body .x-content .container .left .x-con .x-text {
    padding: 30px 20px 55px;
    text-align: justify;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 28px;
    color: #272727
}

body .x-content .container .left .x-con .x-text p {
    word-break: break-all
}

body .x-content .container .left .x-con .x-text img {
    max-width: 100%
}

body .x-content .container .left .x-con .x-school-msg2 {
    border-bottom: solid 1px #b5b5b5;
    padding: 45px 20px 30px 20px;
    display: flex;
    justify-content: flex-start
}

body .x-content .container .left .x-con .x-school-msg2 .image {
    border-radius: 0;
    width: 254px;
    height: 127px;
    border: 1px solid rgba(121, 121, 121, .4);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

body .x-content .container .left .x-con .x-school-msg2 .x-school-con {
    padding-left: 26px
}

body .x-content .container .left .x-con .x-school-msg2 .x-school-con h3 {
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #076fcb
}

body .x-content .container .left .x-con .x-school-msg2 .x-school-con .x-school-class {
    min-height: 68px;
    padding-top: 5px
}

body .x-content .container .left .x-con .x-school-msg2 .x-school-con .x-school-class p {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #272727;
    line-height: 26px
}

body .x-content .container .left .x-con .x-school-msg2 .x-school-con .btn {
    display: flex;
    justify-content: space-between;
    width: 280px
}

body .x-content .container .left .x-con .x-school-msg2 .x-school-con .btn button {
    cursor: pointer;
    width: 111px;
    height: 32px;
    border: 1px solid rgba(121, 121, 121, .4);
    border-radius: 4px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #707070;
    background-color: #fff;
    outline: none;
    box-sizing: border-box
}

body .x-content .container .left .x-con .x-school-msg2 .x-school-con .btn button a {
    display: inline-block;
    width: 100%;
    color: #707070
}

body .x-content .container .left .x-con .x-school-msg2 .x-school-con .btn button:hover {
    background-color: #ff9100;
    border: 1px solid #ff9100;
    color: #fff
}

body .x-content .container .left .x-con .x-school-msg2 .x-school-con .btn button:hover a {
    color: #fff
}

body .box-alert {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, .5)
}

body .box-alert .con {
    box-sizing: border-box;
    padding: 20px 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 456px;
    background: #fff;
    border-radius: 10px
}

body .box-alert .con .close {
    position: absolute;
    right: 0px;
    top: -58px;
    width: 48px;
    height: 48px;
    cursor: pointer
}

body .box-alert .con label {
    display: block;
    height: 53px;
    line-height: 53px;
    margin-top: 37px;
    display: flex;
    justify-content: flex-start
}

body .box-alert .con label:last-of-type span {
    width: 130px
}

body .box-alert .con label.code input {
    width: 200px
}

body .box-alert .con label.code button {
    width: 223px;
    height: 53px;
    background: #eee;
    border-radius: 10px;
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #fc6607;
    margin-left: 19px;
    border: none;
    outline: none;
    cursor: pointer
}

body .box-alert .con label span {
    display: inline-block;
    width: 160px;
    height: 26px;
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #242323;
    text-align: justify
}

body .box-alert .con label span::after {
    content: "";
    display: inline-block;
    width: 100%
}

body .box-alert .con label input {
    box-sizing: border-box;
    margin-left: 20px;
    height: 53px;
    line-height: 53px;
    width: 648px;
    background: #eee;
    border-radius: 10px;
    font-samily: "Source Han Sans CN";
    font-weight: 300;
    color: #242323;
    font-fize: 22px;
    padding-left: 28px
}

body .box-alert .con .btn {
    display: flex;
    justify-content: space-between;
    height: 64px;
    line-height: 64px;
    padding: 52px 0
}

body .box-alert .con .btn button {
    width: 100%;
    height: 64px;
    background: #fc6607;
    border-radius: 10px;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer
}

body .x-content .container .left .x-school-msg .con .social-share {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 23px
}

body .x-content .container .left .x-school-msg .con .social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 50%;
    line-height: 22px;
    border: 1px solid #fff;
    color: #666;
    text-align: center;
    vertical-align: middle;
    margin-right: 26px
}

body .x-content .container .left .x-school-msg .con #share-2 a {
    width: 44px;
    height: 44px;
    margin-bottom: 0
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat:hover .wechat-qrcode {
    display: block
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -81px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode .help {
    font-size: 16px
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 18px;
    font-size: 12px;
    padding: 0;
    margin: 0
}

body .x-content .container .left .x-school-msg .con .social-share {
    background-size: 44px 44px;
    position: relative
}

body .x-content .container .left .x-school-msg .con .social-share .social-share-icon.icon-wechat {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_01.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con .social-share .social-share-icon.icon-qq {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_02.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con .social-share .social-share-icon.icon-qzone {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_03.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con .social-share .social-share-icon.icon-weibo {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_04.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con #share-2 {
    position: initial;
    top: 300px;
    left: 50%;
    margin-left: -15px;
    width: auto
}

#side {
    width: 360px;
    background-color: #f7fafc;
    padding-top: 0
}

#side>div:first-of-type.activity-recommendation {
    padding-top: 30px;
    background-color: #fff
}

#side h2 {
    margin-left: 11px;
    margin-bottom: 10px;
    height: 32px;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #272727;
    padding-bottom: 10px;
    font-family: Source Han Sans CN;
    padding-top: 24px;
    box-sizing: content-box
}

#side h2 i {
    display: inline-block;
    width: 8px;
    height: 32px;
    background: #076fcb;
    border-radius: 6px;
    vertical-align: -7px;
    margin-right: 14px
}

#side .x-news {
    background-color: #f7fafc
}

#side .x-news li {
    display: flex;
    margin: 0 15px 0 15px;
    padding: 14px 0;
    justify-content: space-between;
    border-bottom: solid #eee 1px
}

#side .x-news li:first-of-type {
    padding-top: 0
}

#side .x-news li:last-of-type {
    border-bottom: none
}

#side .x-news li .image {
    width: 102px;
    height: 64px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 14px;
    border-radius: 4px
}

#side .x-news li .news-text {
    flex: 1
}

#side .x-news li .news-text a {
    text-decoration: none
}

#side .x-news li .news-text p.title {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1919;
    line-height: 18px;
    height: 36px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px
}

#side .x-news li .news-text p.bottom {
    display: flex;
    justify-content: space-between;
    line-height: 18px
}

#side .x-news li .news-text p.bottom span {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #424242
}

#side .x-news li .news-text p.bottom span:first-of-type {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#side .x-news li .news-text p.bottom a span {
    width: 151px;
    display: inline-block
}

#side .x-news li .news-text p.bottom span i {
    vertical-align: -4px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #facd89;
    border-radius: 50%;
    margin-right: 5px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

#side .x-video {
    background-color: #f7fafc
}

#side .x-video li {
    margin-bottom: 18px
}

#side .x-video li:last-of-type {
    margin-bottom: 0
}

#side .x-video li.hg div::before {
    background-color: rgba(39, 39, 39, .8);
    content: "回顾";
    color: #fff;
    position: relative;
    z-index: 30;
    padding: 2px 8px;
    margin: 8px;
    left: 0;
    border-radius: 0
}

#side .x-video li.yg div::before {
    background-color: #fc6607;
    content: "预告";
    color: #fff
}

#side .x-video li.jx div::before {
    background-color: #fc6607;
    content: "正在直播";
    color: #fff
}

#side .x-video li div {
    position: relative;
    width: 332px;
    height: 169px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #000
}

#side .x-video li div img {
    object-fit: contain;
    object-position: center;
    width: 332px;
    height: 169px
}

#side .x-video li div::before {
    position: absolute;
    padding: 4px 8px;
    left: 11px;
    top: 8px;
    z-index: 10;
    border-radius: 4px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: bold
}

#side .x-video li div::after {
    content: "";
    position: absolute;
    z-index: 20;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
    background-image: url(//m.nabefarmer.com/statics/pcc/img/play.png);
    background-size: 40px 40px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0px 0px 6px 6px
}

#side .x-video li p {
    position: absolute;
    z-index: 50;
    bottom: 0;
    font-size: 16px;
    color: #fff;
    width: 100%;
    background: rgba(39, 39, 39, .6);
    padding: 6px 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 27px
}

#side .x-special {
    background-color: #f7fafc
}

#side .x-special li div {
    cursor: pointer;
    position: relative;
    width: 332px;
    height: 186px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    margin: 0 auto
}

#side .x-special li.enter div {
    position: relative
}

#side .x-special li.enter div::before {
    position: absolute;
    content: "正在报名";
    text-align: center;
    line-height: 28px;
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #fff;
    width: 86px;
    height: 29px;
    background-color: #fc6607;
    left: 0;
    top: 10px
}

#side .x-special li.over div {
    position: relative
}

#side .x-special li.over div::before {
    position: absolute;
    content: "活动结束";
    text-align: center;
    line-height: 28px;
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #fff;
    width: 86px;
    height: 29px;
    background-color: #a0a0a0;
    left: 0;
    top: 10px
}

#side .x-special li p {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 6px 12px 26px;
    line-height: 31px;
    color: #272727
}

.activity-recommendation .swiper-wrap {
    overflow: hidden;
    padding-bottom: 26px;
    background-color: #fff
}

.activity-recommendation .swiper {
    width: 360px;
    height: 360px;
    position: relative;
    background-color: #fff
}

.activity-recommendation .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 343px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .01)
}

.activity-recommendation .swiper .swiper-wrapper .swiper-slide .image {
    position: relative;
    width: 360px;
    height: 240px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.activity-recommendation .swiper .swiper-wrapper .swiper-slide .status {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 58px;
    height: 52px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(//m.nabefarmer.com/statics/images/icon/a.png?t=20211123)
}

.activity-recommendation .swiper .swiper-wrapper .swiper-slide .image .title {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    height: 40px;
    background-color: rgba(0, 0, 0, .6);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    display: table;
    width: 100%
}

.activity-recommendation .swiper .swiper-wrapper .swiper-slide .image .title .text2 {
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px
}

.activity-recommendation .swiper .swiper-wrapper .swiper-slide .image .title .text2 p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.activity-recommendation .swiper .swiper-wrapper .swiper-slide .text {
    padding: 4px 17px;
    text-align: center;
    box-sizing: border-box;
    height: 102px
}

.activity-recommendation .swiper .swiper-wrapper .swiper-slide .text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #272727;
    text-align: left
}

.activity-recommendation .swiper .swiper-wrapper .swiper-slide .text button {
    width: 140px;
    height: 24px;
    border: 1px solid #ff9100;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ff9100;
    margin-top: 20px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.activity-recommendation .swiper .activity-recommendation-swiper-pagination {
    position: absolute;
    bottom: -6px;
    text-align: center;
    width: 100%;
    z-index: 10
}

.activity-recommendation .swiper .activity-recommendation-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #cbc9c9;
    border-radius: 50%;
    opacity: 1
}

.activity-recommendation .swiper .activity-recommendation-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    height: 10px;
    background: #ff9100;
    border-radius: 5px
}

.advertising {
    width: 360px;
    height: 240px;
    background-color: #f7fafc
}

.advertising .advertising-swiper {
    height: 240px;
    overflow: hidden
}

.advertising .advertising-swiper .swiper-wrapper .swiper-slide {
    height: 240px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.advertising .advertising-swiper .swiper-wrapper .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block
}

.advertising .advertising-swiper {
    position: relative
}

.advertising .advertising-swiper .advertising-swiper-pagination {
    position: absolute;
    bottom: 10px;
    right: 0;
    z-index: 10;
    text-align: right;
    margin-right: 10px
}

.advertising .advertising-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 60px
}

.advertising .advertising-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 17px;
    height: 8px;
    background: #ff9100;
    border-radius: 60px
}

body .box-alert {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, .5)
}

body .box-alert .con {
    box-sizing: border-box;
    padding: 20px 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 456px;
    background: #fff;
    border-radius: 10px
}

body .box-alert .con .close {
    position: absolute;
    right: 0px;
    top: -58px;
    width: 48px;
    height: 48px;
    cursor: pointer
}

body .box-alert .con label {
    display: block;
    height: 53px;
    line-height: 53px;
    margin-top: 37px;
    display: flex;
    justify-content: flex-start
}

body .box-alert .con label:last-of-type span {
    width: 130px
}

body .box-alert .con label.code input {
    width: 200px
}

body .box-alert .con label.code button {
    width: 223px;
    height: 53px;
    background: #eee;
    border-radius: 10px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #fc6607;
    margin-left: 19px;
    border: none;
    outline: none;
    cursor: pointer
}

body .box-alert .con label span {
    display: inline-block;
    width: 160px;
    height: 26px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #242323;
    text-align: justify
}

body .box-alert .con label span::after {
    content: "";
    display: inline-block;
    width: 100%
}

body .box-alert .con label input {
    box-sizing: border-box;
    margin-left: 20px;
    height: 53px;
    line-height: 53px;
    width: 648px;
    background: #eee;
    border-radius: 10px;
    font-samily: Microsoft YaHei;
    font-weight: 300;
    color: #242323;
    font-fize: 22px;
    padding-left: 28px
}

body .box-alert .con .btn {
    display: flex;
    justify-content: space-between;
    height: 64px;
    line-height: 64px;
    padding: 52px 0
}

body .box-alert .con .btn button {
    width: 100%;
    height: 64px;
    background: #fc6607;
    border-radius: 10px;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer
}

body .x-content .container .left .x-school-msg .con .social-share {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 26px
}

body .x-content .container .left .x-school-msg .con .social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 50%;
    line-height: 22px;
    border: 1px solid #fff;
    color: #666;
    text-align: center;
    vertical-align: middle;
    margin-right: 6px
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_01.png) no-repeat center;
    position: relative
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat:hover {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_01.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat:hover .wechat-qrcode {
    display: block
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -81px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode .help {
    font-size: 16px
}

body .x-content .container .left .x-school-msg .con .social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 18px;
    font-size: 12px;
    padding: 0;
    margin: 0
}

body .x-content .container .left .x-school-msg .con .social-share .icon-qzone {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_03.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con .social-share .icon-qzone:hover {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_03.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con .social-share .icon-qq {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_02.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con .social-share .icon-qq:hover {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_02.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con .social-share .icon-weibo {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_04.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con .social-share .icon-weibo:hover {
    background: url(//m.nabefarmer.com/statics/pcc/img/share_04.png) no-repeat center
}

body .x-content .container .left .x-school-msg .con #share-2 {
    position: initial;
    top: 300px;
    left: 50%;
    margin-left: -15px;
    width: auto
}

.form-search .layui-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-search .layui-form .layui-inline .layui-form-select dl dd.layui-this {
    background-color: #076fcb
}

.form-search .layui-form button {
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0)
}

.form-search .layui-form button img {
    cursor: pointer;
    width: 38px;
    height: 38px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0
}

.layui-laydate .layui-laydate-main .layui-this {
    background-color: #076fcb !important
}

.form-search .layui-form .layui-inline .layui-input-inline .layui-input {
    cursor: pointer
}