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

.flex-single {
    display: flex !important;
}

.flex-myStart {
    display: flex;
    align-items: flex-start;
}

.flex-jc-end {
    display: flex;
    justify-content: flex-end;
}

.flex-myBase {
    display: flex;
    align-items: baseline;
}

.wrap {
    flex-wrap: wrap;
}

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

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

.flex-space-ar {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.flex-space-no-c {
    display: flex;
    justify-content: space-between;
}

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

.flex-direction {
    display: flex;
    flex-direction: column;
}

.flex-direction-sbt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    word-break: break-all;
}

button {
    outline: 0;
}

.underline {
    text-decoration: underline;
}

.color-303 {
    color: #303133 !important;
}

.color-999 {
    color: #999999 !important;
}

.color-666 {
    color: #666666 !important;
}

.color-333 {
    color: #333333 !important;
}

.color-fff {
    color: #ffffff !important;
}

.color-ed6 {
    color: #ed6e04 !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-12 {
    font-size: 12px !important;
}

.bg-f8 {
    background: #f8f8f8 !important;
}

.my-newline {
    white-space: pre-wrap;
    word-break: break-all;
}

.p-ellipsis1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.pointer {
    cursor: pointer;
}

.bg-fff {
    background: #fff;
}

.flex-1 {
    flex: 1;
}

.margin-r-30 {
    margin-right: 30px;
}

.margin-r-40 {
    margin-right: 40px;
}

.position {
    position: relative;
}

.myVa {
    vertical-align: middle;
}

.box-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.myA {
    width: 100%;
    height: 100%;
    display: block;
}

.myFlex {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.main .down-box .control {
    padding: 3px 2px;
    background-color: #eeeeee;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
}

.main .down-box .control:hover {
    background-color: #ed6c00;
}

.main .down-box .control:hover .iconfont {
    color: #fff;
}

.main .down-box .control.leftPort {
    transform: rotate(180deg);
    margin-right: 10px;
}

.header-wrapper #headBody {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.header-wrapper.home #headBody {
    /*background: transparent;*/
    background: rgba(0,0,0, 0.5);
    border-color: transparent;
}

.header-wrapper.home {
    position: relative;
    height: 640px;
    z-index: 100;
    /*background: url(../img/home/banner_bj.jpg) no-repeat center center/cover;*/
}

.header-wrapper.home .carousel{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.header-wrapper.home .carousel-inner{
    height: 100%;
}
.header-wrapper.home .carousel-item{
    height: 100%;
}

.header-wrapper.home  .carousel-item img{
    height: 100%;
    object-fit: cover;
}

.header-map{
    position: relative;
    z-index: 2;
}
.h1-map{
    pointer-events: none;
    position: relative;
    z-index: 2;
}


.header-wrapper .body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    height: 70px;
}

.header-wrapper.home .body {
    color: #fff;
}

.header-wrapper #temp {
    height: 70px;
    display: none;
}

.header-wrapper .fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff !important;
    z-index: 9;
    border-color: #eee!important;
}

.header-wrapper .fixed .body {
    color: #000;
}

.header-wrapper.home .btn-group .login {
    border-color: #ededed !important;
    color: #fff !important;
}

.header-wrapper .fixed .btn-group .login {
    border-color: #d9751d !important;
    color: #d9751d !important;
}

.header-wrapper .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 64px);
}

.header-wrapper .body .navs {
    height: 100%;
}

.header-wrapper .body .navs .nav {
    padding: 0 10px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    cursor: pointer;
    height: 100%;
}

.header-wrapper .body .navs .nav a {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-wrapper .body .navs .nav.active {
    color: #ff8b42;
}

.header-wrapper .body .navs .item.active a {
    color: #ff8b42;
}

.header-wrapper .body .navs .arrows {
    /*width: 11px;*/
    /*height: 7px;*/
    margin-left: 5px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.header-wrapper .body .navs .nav.active .arrows {
    border-color: #ff8b42 !important;
}

.header-wrapper.home .body .navs .arrows {
    border-color: #fff;
}

.header-wrapper .fixed .body .navs .arrows {
    border-color: #666;
}

.header-wrapper .fixed,
#myDropDown {
    z-index: 100;
}

.header-wrapper .icon{
    cursor: pointer;

}
.header-wrapper .icon:hover path{
    fill: #7f196f;
}

.header-wrapper.home .icon path{
    fill: #ffffff;
}

.header-wrapper.home .fixed .icon path{
    fill: #666666;
}

.header-wrapper.home .search-map .form-inline input{
    color: #ffffff;
}
.header-wrapper.home .search-map .form-inline input::placeholder{
    color: #ffffff;
}
.header-wrapper.home .fixed .search-map .form-inline input{
    color: #333333;
}
.header-wrapper.home .fixed .search-map .form-inline input::placeholder{
    color: #999999;
}

.search-map{
    width: 420px;
    display: none;
    /*transition: all 3s;*/
}
.search-map .form-inline{
    width: 100%;
}

.search-map .form-inline input{
    flex: 1;
    border: none;
    outline: medium;
    box-shadow: none;
    background: transparent;
    color: #333333;
}
.search-map .form-inline input::-webkit-search-cancel-button {
    display: none;
}


.search-map .form-inline button{
    box-shadow: none;
}

.header-wrapper .body .navs .dropDown {
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    text-align: center;
    border-radius: 10px;
    display: none;
    z-index: 99;
    box-shadow: 0px 0px 20px 0px rgba(49, 30, 14, 0.08);
}

.header-wrapper .body .navs .triangle {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent #fff;
}

.header-wrapper .navs .dropDown .item {
    background: #fff;
    color: #303133;
    border-bottom: 1px solid #DDDDDD;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-wrapper .navs .dropDown .item:last-child {
    border-bottom: 0;
}

.header-wrapper .navs .dropDown .item a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

.header-wrapper .navs .dropDown .item:first-child {
    border-radius: 3px 3px 0 0;
}

.header-wrapper .navs .dropDown .item:last-child {
    border-radius: 0 0 3px 3px;
}

.header-wrapper .body .logo>img {
    float: left;
}

.header-wrapper .body .btn-group .myBtn {
    background: transparent;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    width: 93px;
    height: 40px;
    border-color: transparent;
    letter-spacing: 1px;
    cursor: pointer;
    display: block;
    line-height: 40px;
    text-align: center;
}

.header-wrapper .body .btn-group .login {
    border: solid 1px #d9751d;
    color: #d9751d;
    margin-right: 15px;
}

.header-wrapper .body .btn-group .applyUse {
    background-color: #7f196f;
}

.header-wrapper .text-box {
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fff;
}

.header-wrapper .text-box .text1 {
    font-family: PingFang-SC-Bold;
    font-size: 30px;
}

.header-wrapper .text-box .text2 {
    font-family: YouSheBiaoTiHei;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 5px;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
}

.header-wrapper .text-box .text3 {
    max-width: 689px;
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    margin-top: 20px;
}

.header-wrapper .text-box .icon-box {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    margin-top: 20px;
}

.header-wrapper .text-box .icon-box div + div {
    margin-left: 25px;
}

.header-wrapper .text-box .icon-box .icon {
    width: 21px;
    height: 21px;
    margin-right: 8px;
}

.header-wrapper .hitLink {
    width: 255px;
    height: 50px;
    background-color: #7f196f;
    border-radius: 5px;
    color: #fff;
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    justify-content: space-between;
    /*padding: 0 25px;*/
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 60px;
    cursor: pointer;
}

/*home*/
.main h2.title {
    font-family: PingFang-SC-Bold;
    font-size: 40px;
    letter-spacing: 3px;
}

.main h3.subtitle {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 5px;
}

.main .data-box {
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    color: #666666;
    box-shadow: 0px 0px 30px 0px rgba(49, 30, 14, 0.08);
    padding: 25px 0;
}

.main .data-box .datas {
    flex-wrap: wrap;
    justify-content: space-around;
}

.main .data-box .datas .myWidth {
    width: 25%;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    min-width: 220px;
}

.main .data-box .datas .number-box {
    align-items: flex-end;
    color: #ed6e04;
    margin-bottom: 5px;
}

.main .data-box .datas .number {
    font-family: PingFang-SC-Medium;
    font-size: 40px;
    line-height: 38px;
    margin-right: 3px;
}

.main .data-box .line {
    display: block;
    width: 1px;
    height: 79px;
    opacity: 0.1;
    background: #ed6e04;
}

.main .data-box .datas .txt {
    margin-left: 3px;
}

.main .course-system {
    padding: 70px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main .course-system .system-box {
    padding-bottom: 60px;
}

.main .lately-live {
    background: url(../image/lately-live.jpg) no-repeat center center/cover;
    /*height: 707px;*/
    color: #fff;
}

.main .lately-live .live-box {
    padding: 90px 0;
}

.main .lately-live .single-live-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
}

.main .single-live {
    color: #333333;
    padding: 30px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    font-family: PingFang-SC-Medium;
}

.main .lately-live .single-live {
    background: #fff;
    width: calc(33.3% - 40px);
    min-width: 280px;
    margin: 30px 20px 0;
}

.main .single-live .avatar {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.main .single-live .avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.main .single-live .text1 {
    font-size: 18px;
    line-height: initial;
}

.main .single-live .text1.active{
    color: #ef9656;
}

.main .single-live .text2 {
    font-size: 14px;
    color: #666666;
}

.main .single-live .middle {
    margin: 20px 0 10px;
    min-height: 25px;
}

.main .single-live .time {
    justify-content: space-between;
    color: #999999;
}

.main .single-live .time .color {
    color: #52cc00;
}

.main .scheme-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 70px;
    padding-bottom: 50px;
}

.main .scheme-box .tab {
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    color: #303133;
    margin-top: 35px;
    justify-content: center;
}

.main .scheme-box .tab .tab-item {
    padding: 10px 0;
    border: 2px solid #eeeeee;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
}

.main .scheme-box .tab .tab-item.active {
    border-color: #f7dab1;
    color: #ed6e04;
}

.main .scheme-box .content {
    margin-top: 50px;
}

.main .scheme-box .content .item {
    display: none;
}

.main .scheme-box .content .item.active {
    display: flex;
}

.main .scheme-box .content .left {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #333333;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 30px 0;
}

.main .scheme-box .content .left h2 {
    font-size: 24px;
    color: #303133;
}

.main .scheme-box .content .left h3 {
    color: #666666;
    margin-top: 3px;
    font-size: 14px;
    margin-bottom: 5px;
}

.main .scheme-box .content .left .middle p {
    margin-bottom: 12px;
}

.main .scheme-box .content .left .middle p:last-child {
    margin-bottom: 0;
}

.main .scheme-box .content .left .apply {
    width: 127px;
    height: 46px;
    background-color: #7f196f;
    border-radius: 5px;
    color: #fff;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
}

.main .scene {
    background: url(../image/scene.jpg) no-repeat center center/cover;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 70px;
}

.main .scene .scene-box {
    justify-content: space-between;
    margin-top: 40px;
    flex-wrap: wrap;
}

.main .scene .scene-box .icon {
    width: 160px;
    height: 160px;
    margin-bottom: 20px;
}

.main .scene .scene-box .scene-single {
    background: #fff;
    width: 270px;
    padding: 20px 15px;
    box-sizing: border-box;
    /*height: 370px;*/
    color: #666666;
    text-align: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.main .scene .scene-box .scene-single .title {
    font-size: 20px;
    color: #333333;
}

.main .scene .scene-box .scene-single .subtitle {
    width: 144px;
    margin-top: 10px;
    min-height: 70px;
}

.main .service {
    padding-top: 60px;
    padding-bottom: 70px;
}

.main .service .number-box {
    margin: 40px 0;
}

.main .service .number-box .title {
    color: #666666;
}

.main .service .number-box .number {
    font-size: 40px;
    height: 44px;
    line-height: 44px;
}

.main .service .number-box .number span {
    font-size: 16px;
}

.main .service .myTable {
    width: 100%;
    text-align: center;
}

.main .service .myTable {
    border-radius: 6px;
    border: solid 1px #eeeeee;
    border-collapse: separate;
}

.main .service .myTable th,
.main .service .myTable td{
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    /*padding: 20px;*/
    font-size: 16px;
    color: #666666;
    vertical-align: middle;
}

.main .service .myTable th:last-child,
.main .service .myTable td:last-child{
    border-right: 0;
}

.main .service .myTable tr.last td,
.main .service .myTable tr:last-child td{
    border-bottom: 0;
}

.main .service .myTable td.first {
    width: 16%;
    font-size: 20px;
    color: #303133;
}

.main .service .myTable td.sec,
.main .service .myTable .sec{
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 15px;
}

.main .service .myTable td.sec span,
.main .service .myTable .sec span {
    margin-right: 28px;
    margin-bottom: 5px;
}
.main .service .myTable tr{
    background: #fff;
}
.main .service .myTable tr:nth-child(2n) {
    background: #FFFCFB;
}

.main .all-use {
    padding-top: 70px;
    padding-bottom: 50px;
}

.main .all-use .icon {
    width: 74px;
    height: 74px;
}

.main .all-use .icon>img {
    max-width: 100%;
    border-radius: 50%;
}

.main .all-use .tag-box {
    position: absolute;
    top: 30%;
    right: -40px;
    transform: translateY(-50%);
}

.main .all-use .tag-box .tips {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 119px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
}

.main .all-use .tag {
    width: 119px;
    height: 35px;
    float: left;
}

.main .all-use .large {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.main .all-use .large .box {
    width: 49%;
    background: #fff;
    padding: 30px 40px;
    box-sizing: border-box;
}

.main .all-use .large .name {
    font-size: 20px;
    color: #303133;
    margin-left: 15px;
}

.main .all-use .large .content {
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
}

.main .all-use .small {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main .all-use .small .box {
    width: calc(90% / 6);
    /*min-width: 160px;*/
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #999999;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.main .news .arrows{
    width: 9px;
    height: 16px;
    opacity: 0.55;
}

.main .news .photo {
    width: 100%;
    height: 135px;
}



/*.main .news {*/
/*    padding-top: 70px;*/
/*    padding-bottom: 70px;*/
/*}*/

/*.main .news .new-img {*/
/*    width: 100%;*/
/*    height: 208px;*/
/*}*/

/*.main .news .new-img>img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.main .news .new-box {*/
/*    width: 370px;*/
/*    !*height: 502px;*!*/
/*    box-shadow: 0px 0px 30px 0px*/
/*    rgba(4, 0, 0, 0.05);*/
/*    border-radius: 6px;*/
/*    cursor: pointer;*/
/*    background: #fff;*/
/*}*/

/*.main .news .new-box .under {*/
/*    padding: 0 30px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*    height: calc(100% - 208px);*/
/*}*/

/*.main .news .new-box .title {*/
/*    font-size: 20px;*/
/*    color: #303333;*/
/*    margin-top: 25px;*/
/*    min-height: 60px;*/
/*}*/

/*.main .news .new-box .content {*/
/*    margin: 20px 0;*/
/*    font-size: 16px;*/
/*    color: #666666;*/
/*    min-height: 48px;*/
/*}*/

/*.main .news .new-box .under .more {*/
/*    border-top: 1px solid #EEEEEE;*/
/*    height: 80px;*/
/*    font-size: 16px;*/
/*    color: #303333;*/
/*    justify-content: space-between;*/
/*}*/

/*.main .news .new-box .under .arrows {*/
/*    width: 9px;*/
/*    height: 16px;*/
/*    opacity: 0.55;*/
/*}*/

.main .news .view-more {
    font-size: 20px;
    color: #ffa261;
    margin-top: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .news .view-more .icon {
    width: 9px;
    height: 16px;
    margin-left: 5px;
}

.main .bottom-apply {
    background: url(../image/bottomApply.jpg) no-repeat center center/cover;
    /*height: 220px;*/
    padding: 40px 0;
}

.main .bottom-apply .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.main .bottom-apply .title {
    font-size: 28px;
    color: #d9751d;
}

.main .bottom-apply .btn {
    /*width: 153px;*/
    /*height: 56px;*/
    padding: 0 25px;
    background-color: #7f196f;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 56px;
    margin-top: 25px;
    cursor: pointer;
}
/*home*/

/*message*/
.study-news-cover {
    background: url(../image/study-news-cover.jpg) no-repeat center center/cover;
    width: 100%;
    height: 633px;
}

.main .study-news {
    background: #fff;
    color: #333333;
    padding: 50px 0;
}

.main .study-news h2 {
    font-size: 36px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.main .study-news .new-body {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.main .study-news .new-body a:hover{
    color: #7f196f;
}

.main .study-news .new-body:last-child {
    margin-bottom: 0;
}

.main .study-news .date {
    font-size: 16px;
    color: #666666;
}

.main .study-news .title {
    font-size: 26px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 5px;
}
.main .study-news .title:hover{
    color: black;
}

.main .study-news .content {
    font-size: 16px;
    color: #666666;
    width: 90%;
}

.main .study-news .img {
    width: 300px;
}

.main .study-news .study-news-box {
    margin-bottom: 40px;
}

.main .study-news .study-news-box:last-child {
    margin-bottom: 0;
}
/*message*/

/*message detail*/
.main .study-news-detail {
    background: #fff;
    padding-top: 40px;
    padding-bottom: 50px;
}

.main .study-news-detail .navigation {
    font-size: 16px;
    color: #666666;
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 15px;
}

.main .study-news-detail .time {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
}

.main .study-news-detail .title {
    font-family: PingFang-SC-Bold;
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}

.main .study-news-detail .intro {
    background-color: #fff7f0;
    padding: 20px;
    font-size: 16px;
    margin-top: 35px;
}

.main .study-news-detail .rich-txt {
	line-height:40px;
	font-size:18px;
}
/*message detail*/

/*elect-ppt*/
.main .myCover {
    height: 550px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main .myCover .title {
    font-family: PingFang-SC-Bold;
    font-size: 40px;
}

.main .myCover .subtitle {
    font-family: PingFang-SC-Medium;
    font-size: 24px;
    margin-top: 5px;
}

.main .myCover .button {
    width: 210px;
    height: 50px;
    background-color: #7f196f;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    margin-top: 50px;
}

.main .elect-ppt-cover {
    background: url(../image/cover.jpg) no-repeat center center/cover;
}

.main .study-field {
    background: #fff;
}

.main .study-field .text-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.main .study-field .title {
    font-family: PingFang-SC-Bold;
    font-size: 44px;
    color: #303133;
}

.main .study-field .subtitle {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
}

.main .study-trouble .diff-box {
    background: #fff;
    /*width: 284px;*/
    border-radius: 0 0 5px 5px;
}

.main .study-trouble .diff-box img {
    border-radius: 5px 5px 0 0;
}

.main .study-trouble .diff-box .title {
    font-size: 20px;
    color: #333333;
}

.main .study-trouble .diff-box .content {
    font-size: 16px;
    color: #666666;
    margin-top: 5px;
}

.main .study-trouble .diff-box .text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
}

.main .core-advantage .icon {
    height: 80px;
}

.main .core-advantage .icon img {
    width: 100%;
    vertical-align: middle;
}

.main .core-advantage .diff-box {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.05);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 30px;
}

.main .core-advantage .text-box {
    /*margin-top: 10px;*/
    padding: 0;
    margin-top: 20px;
}

.main .core-advantage .text-box .content {
    width: 270px;
    text-align: center;
    min-height: 48px;
}
/*elect-ppt*/

/*app*/
.main .app {
    background: url(../image/cover1.jpg) no-repeat center center/cover;
}

.main .crm-platform .box {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(4, 0, 0, 0.05);
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 30px 20px;
    font-size: 16px;
    color: #999999;
    margin-bottom: 30px;
}

.main .crm-platform .box .t1 {
    font-size: 20px;
    color: #303133;
    margin-bottom: 10px;
}

.main .crm-platform .box img {
    vertical-align: middle;
}

.main .core-tool .tool-tab {
    padding: 0 50px;
}

.main .core-tool .tool-tab .col-sm-2 {
    margin-bottom: 10px;
    text-align: center;
    font-family: PingFang-SC-Medium;
    font-size: 18px;
}

.main .core-tool .tool-tab .title {
    border: 1px solid #eeeeee;
    padding: 10px 0;
    display: block;
    cursor: pointer;
}

.main .core-tool .tool-tab .item.active .title {
    border-color: #f7dab1;
    color: #ed6e04;
}

.main .core-tool .tool-content .item.active {
    display: flex;
}

.main .core-tool .tool-content .item {
    display: none;
}

.main .core-tool .txt-box {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #666666;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.main .core-tool .txt-box .t1 {
    font-size: 18px;
    color: #ed6e03;
}

.main .core-tool .txt-box .t2 {
    font-size: 24px;
    color: #333333;
    margin-top: 3px;
    margin-bottom: 25px;
}

.main .core-tool .txt-box .t3 {
    width: 400px;
}

.main .different-role .box {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(4, 0, 0, 0.05);
    border-radius: 10px;
    font-size: 16px;
    color: #666666;
    position: relative;
    display: flex;
    align-items: center;
    width: 500px;
    height: 110px;
    box-sizing: border-box;
    padding: 0 20px 0 80px;
    margin-top: 45px;
    cursor: pointer;
}

.main .different-role .box .icon {
    width: calc(226 * 110px / 125);
    height: 110px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-25%);
}

.main .different-role .box .icon img {
    width: 100%;
    height: 100%;
}

.main .four-value .diff-box {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(4, 0, 0, 0.05);
}

.main .four-value .diff-box .content {
    width: 210px;
    min-height: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 15px;
    margin-top: 15px;
}
/*app*/

/*learn_platform*/
.main .learn_platform {
    background: url(../image/cover2.jpg) no-repeat center center/cover;
}

.main .knowledge .datas {
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.main .knowledge .number-box {
    font-size: 18px;
    color: #ed6e04;
    height: 50px;
}

.main .knowledge .number-box .number {
    font-size: 40px;
}

.main .knowledge .table {
    margin-right: 0;
    margin-left: 0;
    font-size: 18px;
    color: #303133;
    border-top: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2;
}

.main .knowledge .table .item {
    background: #fff;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    padding: 30px 0;
}

.main .knowledge .btn {
    background-color: #7f196f;
    border-radius: 5px;
    color: #fff;
}

.main .knowledge .btn .myA {
    padding: 10px 20px;
    font-size: 16px;
}

.main .train_tool .col {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15px;
}

.main .train_tool .icon {
    width: 95px;
    height: 95px;
}

.main .train_tool .icon img {
    width: 100%;
    height: 100%;
}

.main .train_tool .myCol {
    padding-right: 0;
    padding-left: 0;
}

.main .provide_study_platform .row {
    margin-top: 60px;
}

.main .provide_study_platform .box {
    background: #fff;
    border-radius: 0 0 5px 5px;
    position: relative;
    margin-bottom: 40px;
}

.main .provide_study_platform .icon {
    width: 62px;
    height: 62px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main .provide_study_platform .img {
    width: 100%;
}

.main .provide_study_platform .img img {
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 0 0;
}

.main .provide_study_platform .text {
    font-size: 16px;
    color: #666666;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.main .provide_study_platform .text .t1 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
}

.main .provide_study_platform .text .t2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main .company_study_platform .box {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(4, 0, 0, 0.05);
    border-radius: 0 0 8px 8px;
    font-size: 16px;
    color: #666666;
}

.main .company_study_platform .box .up {
    font-size: 18px;
    color: #ffffff;
    padding: 30px 40px;
    border-radius: 8px 8px 0 0;
    text-align: center;
}

.main .company_study_platform .box.orange .up {
    background: url(../image/orange1.png) no-repeat center center/cover;
}

.main .company_study_platform .box.purple .up {
    background: url(../image/purple1.png) no-repeat center center/cover;
}

.main .company_study_platform .box.cyan .up {
    background: url(../image/cyan1.png) no-repeat center center/cover;
}

.main .company_study_platform .box .down {
    padding: 30px 20px;
}

.main .company_study_platform .box .icon {
    width: 34px;
}

.main .company_study_platform .box .icon img {
    width: 100%;
}

.main .company_study_platform .box .t1 {
    font-size: 18px;
    color: #333333;
}
/*learn_platform*/

/*teacher*/
.main .teacher {
    background: url(../image/cover3.jpg) no-repeat center center/cover;
}

.main .teachers-data .box {
    background: #fff;
    font-size: 16px;
    color: #666666;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    margin-bottom: 30px;
}

.main .teachers-data .icon {
    width: 70px;
    height: 70px;
}

.main .teachers-data .num {
    font-size: 36px;
    color: #303133;
    margin-top: 10px;
}

.main .domain .search-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
}

.main .domain .search-box .item {
    padding: 8px 16px;
    border-radius: 25px;
    border: solid 1px #dddddd;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.main .domain .search-box .item.active {
    background-color: #ed6c00;
    color: #fff;
}

.main .domain .myCol {
    margin-bottom: 20px;
}

.main .domain .myCol .p-ellipsis2{
    height: 42px;
}


.main .domain .avatar-box {
    /*width: 216px;*/
    background-color: #f8f8f8;
    border-radius: 6px;
    position: relative;
}

.main .domain .avatar img {
    width: 100%;
    height: 100%;
}

.main .domain .txt-box {
    font-size: 14px;
    color: #666666;
    padding: 15px 10px;
}

.main .domain .txt-box>p {
    min-height: 42px;
}

.main .domain .txt-box .name {
    font-size: 16px;
    color: #333;
}

.main .domain .txt-box .icon {
    width: 12px;
    height: 16px;
}

.main .domain .mock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    letter-spacing: 1px;
    display: none;
}

.main .domain .avatar-box:hover .mock {
    display: block;
}

.main .domain .mock .icon {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
}
/*teacher*/

/*===========================
     teacher-detail
===========================*/
.main .teacher-detail .left .avatar img {
    vertical-align: middle;
}

.main .teacher-detail .re-left-box {
    /*max-width: 500px;*/
    background-color: #3c404b;
    font-size: 16px;
    color: #dddddd;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 15px 10px;
}

.main .teacher-detail .re-left-box .icon {
    height: 26px;
    width: auto;
}

.main .teacher-detail .re-left-box .text {
    margin: 15px 0 10px;
}

.main .teacher-detail .re-left-box .large {
    font-size: 24px;
    color: #fff;
}

.main .teacher-detail .re-left-box .wire {
    display: block;
    width: 1px;
    height: 100px;
    background: #494C57;
}

.main .teacher-detail .top-box {
    align-items: flex-end;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.main .teacher-detail .header-title {
    font-size: 45px;
    color: #333333;
    font-family: PingFang-SC-Heavy;
    line-height: initial;
    margin-right: 40px;
}

.main .teacher-detail .focus-box {
    border-radius: 15px;
    border: solid 1px #aaaaaa;
    padding: 2px 10px;
    cursor: pointer;
    color: #666666;
    margin-bottom: 3px;
}

.main .teacher-detail .focus-box.focusIn {
    color: #fff;
    background-color: #ed6c00;
    border-color: transparent;
}

.main .teacher-detail .focus {
    width: 18px;
    height: 15px;
    margin-right: 5px;
}

.main .teacher-detail .header-content {
    font-size: 15px;
    color: #333333;
    font-family: PingFang-SC-Bold;
}

.main .teacher-detail .header-content p {
    margin-bottom: 8px;
}

.main .teacher-detail .down-box .title {
    font-size: 24px;
    color: #333333;
    font-family: PingFang-SC-Heavy;
}

.main .teacher-detail .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main .teacher-detail .course-vessel {
    font-size: 14px;
    color: #666666;
}

.main .teacher-detail .course-vessel .cover img {
    width: 100%;
    vertical-align: middle;
    object-fit: cover;
    object-position: top;
    max-height: 103px;
}

.main .teacher-detail .course-vessel .text-box {
    border: solid 1px #eeeeee;
    border-top: 0;
    padding: 15px 10px;
    background: #fff;
}

.main .teacher-detail .course-vessel .text-box>p {
    min-height: 48px;
}

.main .teacher-detail .below-details .head {
    height: 60px;
    background-color: #eeeeee;
    font-size: 18px;
    color: #333333;
    font-family: PingFang-SC-Medium;
    margin-right: 0;
    margin-left: 0;
}

.main .teacher-detail .below-details .head .item {
    cursor: pointer;
    border-bottom: 4px solid transparent;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .teacher-detail .below-details .head.large {
    font-size: 20px;
    font-family: PingFang-SC-Bold;
}

.main .teacher-detail .below-details .head .item.active {
    border-color: #ed6c00;
    color: #ed6c00;
}

.main .teacher-detail .below-details .head .vert {
    display: block;
    width: 6px;
    height: 28px;
    background-color: #ed6c00;
    margin: 0 12px 0 10px;
}

.main .teacher-detail .below-details .subject {
    background-color: #fafafa;
    padding-bottom: 10px;
}

.main .teacher-detail .below-details .subject .avatar {
    width: 86px;
    height: 86px;
    margin-right: 8px;
}

.main .teacher-detail .below-details .subject .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.main .teacher-detail .below-details .subject .icon {
    width: 12px;
    height: 16px;
}

.main .teacher-detail .below-details .subject .item {
    padding: 20px 10px;
    /*display: flex;*/
    color: #666666;
    border-bottom: dashed 1px #dddddd;
    box-sizing: border-box;
}

.main .teacher-detail .below-details .subject .item:last-child {
    border-bottom: 0;
}

.main .teacher-detail .below-details .subject .item .name{
    font-size: 20px;
    color: #333333;
    font-family: PingFang-SC-Heavy;
}

.main .teacher-detail .tab-content {
    background-color: #fafafa;
    padding: 30px 20px;
}

.main .teacher-detail .tab-content .item {
    display: none;
}

.main .teacher-detail .tab-content .item.active {
    display: block;
}

.main .teacher-detail .homepage {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #666666;
}

.main .teacher-detail .homepage .title {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    color: #333333;
}

.main .teacher-detail .homepage .title h3{
    font-size: 22px!important;
}

.main .teacher-detail .homepage .title .vert {
    width: 30px;
    height: 3px;
    background-color: #da251d;
    border-radius: 2px;
    display: block;
    margin: 3px 0 10px;
}

.main .teacher-detail .homepage .content.height {
    height: 256px;
    overflow: hidden;
}

.main .teacher-detail .homepage .content.textarea {
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 30px;
}

.main .teacher-detail .homepage .more {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
    margin-top: 20px;
}

.main .teacher-detail .homepage .more .under {
    transform: rotate(90deg);
}

.main .teacher-detail .homepage .more .up {
    transform: rotate(270deg);
}

.main .teacher-detail .training .cover img {
    border-radius: 6px;
}

.main .teacher-detail .training .text-box {
    padding-left: 0;
    font-size: 14px;
    color: #999999;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main .teacher-detail .training .text-box .title {
    font-size: 16px;
    color: #303133;
}

.main .teacher-detail .training .icon {
    width: 12px;
}

.main .teacher-detail .training .row {
    border-bottom: 1px dashed #E5E5E5;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.main .teacher-detail .training .row:last-child {
    border-bottom: 0;
}

.main .teacher-detail .case-photo .box {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.main .teacher-detail .case-photo .box:last-child {
    border-bottom: 0;
}

.main .teacher-detail .video .mock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: rgba(0,0,0,0.5);
}

.main .teacher-detail .video .mock .icon {
    width: 39px;
    height: 39px;
}

.main .teacher-detail .video .v-box {
    vertical-align: middle;
    width: 100%;
}
/*===========================
       teacher-detail
===========================*/


/*===========================
       case-detail
===========================*/
.main .case-detail .tab-content .title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}

.main .case-detail .tab-content .rich-box img {
    width: 100%;
}
/*===========================
       case-detail
===========================*/


/*===========================
       train-detail
===========================*/
.main .train-detail .avatar img {
    vertical-align: middle;
}

.main .train-detail .right-box {
    height: 100%;
}

.main .train-detail .right-box .title {
    font-size: 18px;
}

.main .train-detail .thisBtn {
    padding: 8px 10px;
    border: 1px solid #666666;
    color: #666;
    border-radius: 3px;
    cursor: pointer;
}

.main .train-detail .thisBtn .chat {
    width: 18px;
    height: 16px;
    margin-right: 5px;
}

.main .train-detail .right-box .offer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.main .train-detail .thisBtn.orange {
    margin-left: 25px;
    color: #7f196f;
    border-color: #7f196f;
}

.main .train-detail .subject .cover {
    width: 100%;
}

.main .train-detail .thisTitle {
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}

.main .train-detail .homepage .title {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.main .train-detail .myTable {
    border: solid 1px #E0E4E7;
    border-collapse: separate;
}

.main .train-detail .myTable td {
    border-right: 1px solid #E0E4E7;
    border-bottom: 1px solid #E0E4E7;
    padding: 8px;
    font-size: 14px;
    color: #666666;
    vertical-align: middle;
}

.main .train-detail .myTable td:last-child{
    border-right: 0;
}

.main .train-detail .myTable tr:last-child td {
    border-bottom: 0;
}

.main .train-detail .myTable td.first {
    padding: 8px 20px;
    word-break: keep-all;
    background: #EDEEEF;
}
/*===========================
       train-detail
===========================*/


/*===========================
       market
===========================*/
.main.market .liveContainer {
    background-color: #f8f8f8;
    border-radius: 6px;
    color: #666666;
    font-size: 14px;
    padding: 10px;
}

.main.market img {
    vertical-align: middle;
}

.main.market .liveContainer .avatar {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.main.market .liveContainer .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.main.market .liveContainer .title {
    font-size: 17px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
}

.main.market .courseContainer {
    font-size: 14px;
    color: #333333;
    background: #fff;
    border-radius: 0 0 5px 5px;
}

.main.market .courseContainer .scale-box {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    position: relative;
}

.main.market .courseContainer .scale {
    width: 100%;
    height: 100%;
    background-color: aquamarine;
    position: absolute;
}

.main.market .courseContainer img {
    border-radius: 5px 5px 0 0;
    object-fit: cover;
    max-height: 152px;
    object-position: top;
}

.main.market .courseContainer.bg {
    background-color: #f8f8f8;
}

.main.market .courseContainer .tips {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px;
    background-color: #292b2c;
    opacity: 0.8;
    color: #fff;
    box-sizing: border-box;
}

.main.market .courseContainer .text-box {
    padding: 10px;
}

.main.market .rankingContainer .h1 {
    font-family: PingFang-SC-Bold;
    font-size: 18px;
    color: #333333;
}

.main.market .rankingContainer .cover {
    width: 111px;
    height: 63px;
    margin: 0 8px;
}

.main.market .rankingContainer .cover img {
    border-radius: 3px;
}

.main.market .rankingContainer .number-box {
    width: 20px;
    text-align: center;
}

.main.market .rankingContainer .num {
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    color: #333333;
}

.main.market .ranking .col {
    border-right: 1px solid #eeeeee;
}

.main.market .ranking .col:last-child {
    border-right: 0;
}

.main.market .gap {
    padding: 40px 0;
}

.main.market .new-course-gap {
    padding: 20px 0 40px;
}

.main.market .head {
    padding: 30px 0;
    background: url(../image/banner.png) no-repeat center center/cover;
}

.main.market .head .row {
    height: 500px;
}

.main.market .head .left.col,
.main.market .head .right.col {
    padding-right: 0;
    padding-left: 0;
}

.main.market .head .left {
    background-color: #393c3d;
    border-radius: 8px 0px 0px 8px;
    font-size: 14px;
    color: #fff;
    height: 100%;
    overflow: auto;
    position: unset;
}

.main.market .head .left::-webkit-scrollbar {
    width: 4px;
}
.main.market .head .left::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #8c9496;
}
.main.market .head .left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #424647;
}

.main.market .head .right #carouselExampleIndicators,
.main.market .head .right .carousel-inner,
.main.market .head .right .carousel-item,
.main.market .head .right .carousel-item img {
    height: 100%;
}

.main.market .head .right .carousel-inner {
    border-radius: 0px 8px 8px 0px;
}

.main.market .triangle-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 9px solid rgba(255,255,255,0.45);
    border-bottom: 5px solid transparent;
    margin-left: 8px;
}

.main.market .head .left .item {
    padding: 18px 15px;
    cursor: default;
}

.main.market .head .left .item:hover {
    background-color: rgba(255,255,255,0.1);
}

.main.market .head .left .small {
    font-size: 12px;
    opacity: 0.5;
}

.main.market .head .suspension {
    position: absolute;
    top: 0;
    left: 25.7%;
    background: #fff;
    width: 60%;
    height: 500px;
    z-index: 100;
    border-radius: 0px 8px 8px 0px;
    font-size: 14px;
    color: #292b2c;
    display: none;
}

.main.market .head .suspension .item {
    height: 50%;
    padding: 30px 20px;
}

.main.market .head .suspension .item .field-box {
    overflow: auto;
    height: calc(100% - 40px);
}

.main.market .head .suspension .field-box::-webkit-scrollbar {
    width: 4px;
}
.main.market .head .suspension .field-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #d5e1e3;
}
.main.market .head .suspension .field-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #fff;
}

.main.market .head .suspension .item .text {
    padding-right: 28px;
    margin-bottom: 10px;
}

.market .head .suspension .item .text:hover {
    color: #ef9656 !important;
}

.main.market .head .suspension .item.under {
    background-color: #f8f8f8;
    font-size: 14px;
    color: #333;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0 0 8px 0;
}

.main.market .head .suspension .item.under .col:nth-child(3),
.main.market .head .suspension .item.under .col:nth-child(4) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.main.market .head .suspension h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.main.market .head .suspension .item .cover {
    /*width: 120px;*/
    /*height: 67px;*/
    width: 100%;
    margin-right: 10px;
}

.main.market .login-box {
    color: #fff;
    font-size: 20px;
}

.main.market .login-box .datas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.main.market .login-box .title {
    font-size: 24px;
    margin-bottom: 5px;
}

.main.market .login-box .item {
    padding-right: 50px;
}

.main.market .login-box .avatar {
    width: 86px;
    height: 86px;
    margin-right: 20px;
}

.main.market .login-box .avatar img {
    border-radius: 50%;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.main.market .head-box {
    font-weight: bold;
    padding: 20px 0;
}

.main.market .head-box .tag {
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    color: #292b2c;
    letter-spacing: 1px;
}

.main.market .head-box .tag .item {
    margin: 0 15px;
    padding-bottom: 5px;
}

.main.market .head-box .tag .item.active {
    color: #ed6c01;
    border-bottom: 2px solid #ed6c01;
}

.main.market .head-box .title {
    margin-left: -13px;
    font-family: PingFang-SC-Bold;
    font-size: 24px;
    color: #333333;
}

.main.market .head-box .change {
    font-size: 14px;
    color: #666;
}

.main.market .head-box .change .myA {
    display: flex;
    align-items: center;
}


/*new*/
.market-head .icon{
    width: 87px;
    height: 31px;
}
.market-head .title{
    margin-left: -13px;
    margin-right: 40px;
    font-family: PingFang-SC-Bold;
    font-size: 24px!important;
    color: #333333;
}

.market-head .item {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 15px;
    padding-bottom: 5px;
}

.market-head .item.active {
    color: #ed6c01;
    border-bottom: 2px solid #ed6c01;
}
.market-head .item .iconfont{
    font-size: 12px;
}



.main.market .marketIcon {
    width: 87px;
    height: 31px;
}

.main.market .flush {
    width: 14px;
    height: 14px;
}

.main.market .modal-dialog {
    width: 680px;
    margin: 15rem auto 0;
}

.main.market .modal-content {
    border-radius: 8px;
    height: 400px;
    color: #fff;
    display: flex;
    flex-direction: row;
    width: 680px;
}

.main.market .modal-content .left {
    width: 280px;
    position: relative;
    font-size: 16px;
    font-family: PingFang-SC-Medium;
}

.main.market .modal-content .left .icon {
    width: 22px;
    height: 14px;
    margin-right: 10px;
}

.main.market .modal-content .text-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 20px;
}

.main.market .modal-content .right {
    font-size: 16px;
    color: #999;
    padding: 35px 0 25px;
    width: calc(100% - 280px);
    display: flex;
    /*flex-direction: column;*/
    /*align-items: center;*/
    justify-content: center;
}

.main.market .modal-content .right>div {
    width: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main.market .modal-content .right .title {
    font-size: 32px;
    color: #333;
    margin-right: 15px;
}

.main.market .modal-content .right .form-check {
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.main.market .modal-content .right .form-check-input {
    margin-top: 0;
}

.main.market  .navigation-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #aaaaaa;
}

.main.market  .field-search {
    background-color: #f8f8f8;
    border-radius: 5px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #666666;
    padding: 30px 20px;
    margin: 40px 0 30px;
}

.main.market  .field-search .box {
    border-bottom: 1px dashed #EAEAEA;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.main.market  .field-search .box .item {
    padding: 3px 16px;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 10px;
}

.main.market  .field-search .box .item.active {
    background-color: #e56731;
    border-radius: 15px;
    color: #fff;
}
/*===========================
       market
===========================*/


/*===========================
       personCenter
===========================*/
.main .person-center {
    padding: 30px 0;
    font-family: PingFang-SC-Medium;
}

.main .person-center .gray {
    background-color: #fafafa;
}

.main .person-center .message {
    font-size: 20px;
    color: #333333;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    padding: 40px 0;
}

.main .person-center .message .avatar {
    width: 108px;
    height: 108px;
    margin-bottom: 20px;
}

.main .person-center .message .avatar img {
    border-radius: 50%;
}

.main .person-center .tab {
    text-align: center;
    padding: 20px 0 60px;
}

.main .person-center .tab .item {
    color: #333333;
    font-size: 18px;
    padding: 20px 0;
    cursor: pointer;
}

.main .person-center .tab .item.active {
    color: #7f196f;
}

.main .person-center .cutHead {
    font-family: PingFang-SC-Regular;
    font-size: 18px;
    color: #000000;
    border-bottom: 3px solid #eeeeee;
}

.main .person-center .cutHead .it {
    margin-right: 60px;
    position: relative;
    padding-bottom: 20px;
    cursor: pointer;
}

.main .person-center .cutHead .across {
    width: 100%;
    height: 3px;
    background: #eeeeee;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.main .person-center .cutHead .it.active {
    color: #7f196f;
}

.main .person-center .cutHead .it.active .across {
    background: #7f196f;
}

.main .person-center .right {
    padding: 50px;
}

.main .person-center .right .item {
    display: none;
}

.main .person-center .right .item.active {
    display: block;
}

.main .likeTeacher .avatar {
    width: 68px;
    height: 68px;
    margin-right: 10px;
}

.main .likeTeacher .avatar img {
    border-radius: 50%;
}

.main .likeTeacher .chunk {
    padding: 20px;
    color: #666;
    border-radius: 6px;
    position: relative;
    margin-bottom: 30px;
}

.main .likeTeacher .chunk .name {
    font-size: 18px;
    color: #000;
    margin-bottom: 3px;
}

.main .likeTeacher .chunk .dataPiece {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin: 20px 0 10px;
    padding: 8px 0;
}

.main .likeTeacher .chunk .dataPiece .vert {
    height: 20px;
    background-color: #dddddd;
    width: 1px;
}

.main .likeTeacher .chunk .dataPiece .num {
    font-size: 22px;
    color: #333;
}

.main .personalData {
    font-size: 18px;
    color: #000;
}

.main .personalData .top {
    padding-bottom: 20px;
    border-bottom: 3px solid #eeeeee;
    margin-bottom: 30px;
    cursor: pointer;
}

.main .personalData .avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.main .personalData .avatar .box {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: none;
}

.main .personalData .head-img-shade-top {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0);
}

.main .personalData .head-img-shade-bottom {
    width: 80px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.6);
}

.main .personalData .avatar img {
    border-radius: 50%;
}

.main .personalData .myWidth {
    width: 55px;
}

.main .personalData .myInput {
    background: transparent;
    border: 1px solid #eeeeee;
    padding: 10px;
    min-width: 360px;
    display: none;
}

.main .personalData .saveBtn {
    width: 250px;
    height: 50px;
    line-height: 50px;
    background-color: #ed6c00;
    border-radius: 6px;
    color: #fff;
    font-family: PingFang-SC-Regular;
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
    margin-left: 95px;
    margin-top: 40px;
    display: none;
}

.main .landmark {
    width: 12px;
    height: 16px;
}

.main .removeIcon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    right: 12px;
    display: none;
    z-index: 8;
}

.main .showRemove:hover .removeIcon {
    display: block;
}
/*===========================
       personCenter
===========================*/


/*===========================
       market_detail
===========================*/
.main.market-detail .darkness {
    background: #292B2C;
}

.main.market-detail .playVideo {
    font-size: 16px;
    font-family: PingFang-SC-Medium;
    color: #999999;
}

.main.market-detail .playVideo .video-box {
    margin-right: 0;
}

.main.market-detail .playVideo .current {
    color: #fff;
}

.main.market-detail .playVideo .navigation {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 20px;
}

.main.market-detail .playVideo .max-width {
    max-width: 900px;
}

.main.market-detail .playVideo .info {
    background-color: #161717;
    color: #aaaaaa;
    padding: 21px;
    font-size: 14px;
}

.main.market-detail .playVideo .info.member .title {
    font-size: 18px;
    color: #fff;
}

.main.market-detail .playVideo .info.member .take {
    color: #fff;
    background-color: #7f196f;
    border-radius: 3px;
    padding: 1px 5px 2px;
    cursor: pointer;
}

.main.market-detail .playVideo .info.member .cover {
    width: 146px;
    height: 82px;
}

.main.market-detail .playVideo .info.member .cover img {
    height: 100%;
    object-fit: cover;
}

.main.market-detail .playVideo .avatar {
    width: 71px;
    height: 71px;
    margin-right: 10px;
}

.main.market-detail .avatar img {
    border-radius: 50%;
}

.main.market-detail .playVideo .name {
    font-size: 28px;
    margin-right: 10px;
}

.main.market-detail .playVideo .love {
    font-size: 12px;
    padding: 2px 8px;
    border: 1px solid #aaaaaa;
    border-radius: 12px;
    cursor: pointer;
}

.main.market-detail .playVideo .love .icon {
    width: 12px;
    height: 10px;
    margin-right: 2px;
}

.main.market-detail .phone {
    width: 11px;
    height: 18px;
}

.main.market-detail .collect {
    width: 15px;
    height: 15px;
}

.main.market-detail .mark-box {
    padding: 6px 10px;
    border: 1px solid #999999;
    border-radius: 6px;
    cursor: pointer;
}

.main.market-detail .playVideo .live-tips {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.18);
    padding: 14px 74px;
    box-sizing: border-box;
}

.main.market-detail .playVideo .live-tips .buy {
    color: #ed6c00;
    text-decoration: underline;
    cursor: pointer;
}

.main.market-detail .playVideo .liveDataTab {
    margin-left: 5px;
    margin-top: 5px;
}

.main.market-detail .playVideo .liveDataTab i {
    display: block;
    width: 30px;
    height: 6px;
    background-color: #f8f8fa;
    cursor: pointer;
}

.main.market-detail .playVideo .liveDataTab i.active {
    background-color: #ed6c00;
}

.main.market-detail .playVideo .right {
    background-color: #161717;
    color: #999999;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main.market-detail .playVideo .right.member {
    padding: 10px;
    box-sizing: border-box;
}

.main.market-detail .playVideo .right.member {
    overflow: auto;
}

.main.market-detail .playVideo .right.member::-webkit-scrollbar {
    width: 4px;
}
.main.market-detail .playVideo .right.member::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #777d80;
}
.main.market-detail .playVideo .right.member::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #393c3d;;
}

.main.market-detail .playVideo .right.member .parent {
    background-color: #292b2c;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 10px 10px 5px;
    cursor: pointer;
}

.main.market-detail .playVideo .right.member .parent .iconfont {
    font-size: 14px;
    margin-left: 5px;
    transform: rotate(180deg);
}

.main.market-detail .playVideo .right.member .children .box {
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.main.market-detail .playVideo .right.member .children .box:last-child {
    border-bottom: 0;
}

.main.market-detail .playVideo .right.member .children .cover {
    width: 70px;
    height: 39px;
    border-radius: 4px;
    margin-left: 0;
}

.main.market-detail .playVideo .right.member .children .cover img {
    height: 100%;
    object-fit: cover;
}

.main.market-detail .playVideo .right.member .children .smallFont {
    font-size: 12px;
}

#playVideoMember .member-item {
    margin-bottom: 10px;
}

#playVideoMember .member-item .children {
    display: none;
}

#playVideoMember .member-item .box.active .topic {
    color: #7f196f;
}

#playVideoMember .member-item.active .children {
    display: block;
}

#playVideoMember .member-item.active .iconfont {
    transform: rotate(0deg);
}

.main.market-detail .playVideo .right .top {
    padding: 20px 15px;
}

.main.market-detail .playVideo .right .price {
    font-size: 18px;
    color: #7f196f;
}

.main.market-detail .playVideo .right .buy {
    font-size: 14px;
    color: #ffffff;
    background-color: #7f196f;
    border-radius: 4px;
    width: 50px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin-top: 3px;
    cursor: pointer;
}

.main.market-detail .playVideo .right .title {
    font-size: 18px;
    color: #fff;
}

.main.market-detail .playVideo .triangle {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 10px solid #7f196f;
    border-bottom: 8px solid transparent;
    display: block;
}

.main.market-detail .playVideo .cover {
    width: 86px;
    height: 49px;
    border-radius: 8px;
    margin: 0 10px;
}

.main.market-detail .playVideo .cover img {
    border-radius: 3px;
}

.main.market-detail .playVideo .down {
    overflow: auto;
    flex: 1;
}

.main.market-detail .playVideo .down::-webkit-scrollbar {
    width: 4px;
}
.main.market-detail .playVideo .down::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #777d80;
}
.main.market-detail .playVideo .down::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #393c3d;;
}

.main.market-detail .playVideo .isLive .playing {
    display: flex;
    cursor: pointer;
    font-size: 12px;
    color: #666;
    padding: 10px 15px;
    background-color: #292b2c;
}

.main.market-detail .playVideo .down.living {
    background: #fff;
}

.main.market-detail .playVideo .down.living .tab {
    padding-top: 5px;
}

.main.market-detail .playVideo .down.living .middle {
    background: #DAE0E3;
    font-size: 24px;
}

.main.market-detail .playVideo .down.living .bottom {
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
    align-items: center;
}

.main.market-detail .playVideo .down.living .send {
    padding: 3px 10px;
    background: #2196F3;
    color: #fff;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
}

.main.market-detail .playVideo .down.living .single {
    padding: 0 10px 3px;
    text-align: center;
    cursor: pointer;
}

.main.market-detail .playVideo .down.living .single.avtive {
    border-bottom: 3px solid #2196F3;
}

.main.market-detail .playVideo .down.living .icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.main.market-detail .playVideo .down.living .camera {
    width: 58px;
    height: 71px;
}

.main.market-detail .playVideo .down.living .textarea {
    outline: 0;
    border: 0;
    resize: none;
    margin-top: 5px;
}

.main.market-detail .playVideo .down .item {
    padding: 15px;
    font-size: 12px;
    color: #666;
    display: flex;
    cursor: pointer;
}

.main.market-detail .playVideo .down .topic,
.main.market-detail .playVideo .isLive .playing .topic {
    font-size: 14px;
    color: #999;
}

.main.market-detail .playVideo .down .item .number {
    font-size: 18px;
    color: #f8f8fa;
}

.main.market-detail .playVideo .down .item.active {
    background-color: #292b2c;
}

.main.market-detail .playVideo .trySee {
    padding: 2px 8px;
    border-radius: 2px;
    border: solid 1px rgba(255,0,0,0.5);
    color: #e12222;
}

.main.market-detail .detailContainer {
    padding: 30px 0;
}

.main.market-detail .detailContainer .bg-color {
    background-color: #fafafa;
}

.main.market-detail .detailContainer .head {
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    color: #333333;
    background-color: #eeeeee;
    height: 60px;
}

.main.market-detail .detailContainer .intro img {
    width: 100%;
}

.main.market-detail .detailContainer .subject {
    padding: 20px;
}

.main.market-detail .detailContainer .courseContainer {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.main.market-detail .detailContainer .courseContainer:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.main.market-detail .detailContainer .chapter {
    background-color: #eeeeee;
    padding: 15px 20px 15px 0;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #333333;
    margin-bottom: 20px;
    cursor: pointer;
}

.main.market-detail .detailContainer .chapter-vert {
    display: block;
    width: 4px;
    height: 14px;
    background-color: #ed6c00;
    margin-right: 15px;
}

.main.market-detail .detailContainer .chapter-icon {
    width: 16px;
    height: 18px;
    margin-right: 10px;
}

.main.market-detail .detailContainer .chapter-child-box {
    padding: 0 30px 15px;
    border-bottom: 1px dashed #eee;
    margin-bottom: 15px;
    cursor: pointer;
}

.main.market-detail .detailContainer .chapter-child-box:last-child {
    border-bottom: 0;
}

.main.market-detail .detailContainer .chapter.member .iconfont {
    color: #aaaaaa;
    margin-left: 20px;
    transform: rotate(180deg);
}

.main.market-detail .detailContainer .chapter.member ~ .children-box {
    display: none;
}

.main.market-detail .detailContainer .chapter-item.active .iconfont {
    transform: rotate(0);
}

.main.market-detail .detailContainer .chapter-item.active .children-box {
    display: block;
}

.main.market-detail .detailContainer .up-part {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #333333;
}

.main.market-detail .detailContainer .commentBox {
    background-color: #ffffff;
    border-radius: 6px;
    border: solid 1px #dddddd;
    width: 100%;
    min-height: 120px;
    margin-top: 20px;
    resize: none;
    outline:none;
    padding: 10px;
    box-sizing: border-box;
}

.main.market-detail .detailContainer .commentBox::-webkit-input-placeholder {
    /* WebKit browsers */
    /* placeholder颜色  */
    color: #dddddd;
}
.main.market-detail .detailContainer .commentBox:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #dddddd;
}
.main.market-detail .detailContainer .commentBox::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #dddddd;
}

.main.market-detail .detailContainer .commentBtn {
    padding: 10px 35px;
    background-color: #ed6c00;
    border-radius: 6px;
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #f8f8fa;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.main.market-detail .detailContainer .down-part {
    font-family: PingFang-SC-Medium;
    font-size: 16px;
    color: #333333;
    margin-top: 40px;
}

.main.market-detail .detailContainer .down-part .avatar {
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

.main.market-detail .detailContainer .down-part .comment-area {
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.main.market-detail .detailContainer .down-part .comment-area:last-child {
    border-bottom: 0;
}

.main.market-detail .giveLink {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    cursor: pointer;
}

.main.market-detail .modal {
    font-size: 20px;
    /*text-align: center;*/
    letter-spacing: 1px;
    font-family: PingFang-SC-Medium;
}

.main.market-detail .modal-header {
    border-bottom: 0;
}

.main.market-detail .modal-content {
    padding-bottom: 30px;
    border-radius: 10px;
}

.main.market-detail .modal-content .box {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.main.market-detail .modal-content .course-box {
    font-size: 18px;
}

.main.market-detail .modal-content .course-box .cover {
    width: 150px;
    height: 84px;
}

.main.market-detail .modal-content .number {
    font-size: 24px;
}

.main.market-detail .modal-content .pay {
    font-size: 16px;
}

.main.market-detail .modal-content .pay .price {
    font-size: 18px;
    color: #7f196f;
    font-family: PingFang-SC-Bold;
    margin-left: 40px;
}

.main.market-detail .modal .buy {
    font-size: 18px;
    cursor: pointer;
    margin: 20px 0 30px;
}

.main.market-detail .modal .confirmLearn {
    padding: 10px 20px;
    background-color: #ed6c00;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
}

.main .small-star {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    cursor: pointer;
}
/*===========================
       market_detail
===========================*/

/*about*/
.main .about_banner {
    background: url(../image/about_banner.jpg) no-repeat center center/cover;
}

.main .about_us {
    background: url(../image/about_bj.jpg) no-repeat center center/cover;
}

.main .about_us .box {
    font-size: 16px;
    color: #666666;
    padding: 0 50px;
    margin-top: 40px;
    letter-spacing: 1px;
}

.main .service_exp {
    background: url(../image/lately-live.jpg) no-repeat center center/cover;
    color: #fff;
}

.main .service_exp .box1 {
    width: 263px;
    height: 370px;
    font-size: 16px;
    position: relative;
}

.main .service_exp img {
    width: 100%;
    height: 100%;
}

.main .service_exp .box1 .text {
    background: #F89054;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main .service_exp .box1 .t1 {
    font-size: 20px;
    margin-top: 5px;
}

.main .service_exp .box2 {
    width: 468px;
    height: 370px;
    font-size: 16px;
    color: #333333;
    position: relative;
}

.main .service_exp .box2 .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 20px 0;
    box-sizing: border-box;
}

.main .service_exp .box2 .title {
    color: #fd8a40;
    font-size: 18px;
}

.main .service_exp .box3 {
    border-left: 1px solid #eee;
}

.main .service_exp .box3 .piece {
    height: calc(370px / 2);
    background: #fff;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.main .service_exp .box3 .piece:last-child {
    border-bottom: 0;
}

.main .service_exp .box3 .icon {
    width: 90px;
}

.main .service_exp .box3 .tips {
    font-size: 16px;
}

.main .service_exp .box3 .num {
    color: #fd8a40;
    margin-top: 20px;
}

.main .contact-us .box {
    font-size: 16px;
    color: #666666;
    border: solid 1px #dddddd;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 40px 10px;
}

.main .contact-us .box .text-box p {
    margin-bottom: 3px;
}

.main .contact-us .box .title {
    font-size: 22px;
    color: #333333;
}

.main .contact-us .box .across {
    display: block;
    width: 30px;
    height: 2px;
    background: #1e2635;
    margin-top: 5px;
}

.main .contact-us .box .vert {
    display: block;
    width: 2px;
    height: 100px;
    background: #eaeaea;
}
/*about*/

.follow-map {
    border-radius: 10px;
    box-shadow: 0 0 5px #E5E5E5;
    position: fixed;
    top: 80%;
    right: 0;
    transform: translateY(-50%);
    z-index: 100;
}
.follow-map .box {
    display: block;
    width: 70px;
    text-align: center;
    padding: 12px 0 8px 0;
    background: #ffffff;
    cursor: pointer;
    position: relative;
}
.follow-map .box:after{
    content: "";
    width: 50px;
    height: 1px;
    background: #E5E5E5;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 10;
}
.follow-map .box:first-child {
    border-radius: 10px 0 0 0;
}
.follow-map .box:last-child {
    border-radius: 0 0 0 10px;
}
.follow-map .box:last-child:after {
    display: none;
}
.follow-map .box:hover .icon {
    color: #d83536;
}
.follow-map .box:hover .text {
    color: #d83536;
}
.follow-map .box:hover .code {
    display: block;
}
.follow-map .box .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 32px;
    color: #999999;
}
.follow-map .box .text {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #a9a9a9;
}
.follow-map .box .code {
    display: none;
    width: 158px;
    padding: 12px 15px;
    background: #ffffff;
    box-shadow: 0 0 10px #E5E5E5;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-110%, -50%);
    box-sizing: border-box;
}
.follow-map .box .code:after{
    content: "";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid #ffffff;
    border-bottom: 12px solid transparent;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translate(100%, -50%);
    z-index: 10;
}
.follow-map .box .code .nto {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #a9a9a9;
}

.follow-map .box .code .myqrcode canvas{
    width: 100%;
}

.footer {
    background: #2F313E;
}

.footer .above {
    font-size: 16px;
    color: #ffffff;
    padding: 50px 0 30px;
}

.footer .above .dl {
    /*margin-right: 60px;*/
    margin-bottom: 20px;
}

.footer .above .h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

.footer .above .text {
    opacity: 0.5;
}

.footer .above .text p {
    margin-bottom: 10px;
}

.footer .above .ercode {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer .above .ercode .text {
    font-size: 16px;
    color: #ffffff;
    opacity: 0.5;
    margin-top: 10px;
}

.footer .label {
    height: 80px;
    font-size: 16px;
    color: rgba(255,255,255,.2);
    border-top: 1px solid #444652;
}

@media (max-width: 768px) {
    .footer .label{
        height: 100px;
    }
    .main .about_us .box{
        padding: 0!important;
    }
}

.footer .label .icon-group {
    margin-left: 25px;
    opacity: 0.8;
}

.footer .label .icon-group img {
    width: 110px;
    height: 32px;
    cursor: pointer;
}

.footer .label .icon-group a + a {
    margin-left: 15px;
}

@media (min-width: 768px) {
    .main .core-tool .tool-tab .col-sm-2 {
        width: calc(100% / 5);
    }

    .main .train_tool .myCol{
        width: calc(100% / 7);
    }

    /*.main .domain .myCol {*/
    /*    width: calc(100% / 5);*/
    /*}*/
}

@media (max-width: 768px) {
    .main h2.title {
        font-size: 25px;
    }

    .main h3.subtitle {
        font-size: 14px;
    }

    /*.main .news .new-box {*/
    /*    width: 100%;*/
    /*    margin-bottom: 30px;*/
    /*}*/

    .main .scene .scene-box {
        justify-content: center;
    }
    .main .scene .scene-box .scene-single {
        /*width: 100%;*/
        margin-bottom: 30px;
    }

    .main .number {
        font-size: 28px !important;
    }

    .main .number-box .col,
    .main .datas .col{
        margin-bottom: 5px;
    }

    .main .all-use .large {
        display: none;
    }
    .main .all-use .small .box {
        width: calc(90% / 3);
        font-size: 14px;
        padding: 10px;
        text-align: center;
    }
    .main .all-use .icon {
        width: 60px;
        height: 60px;
    }

    .main .myCover,
    .header-wrapper.home {
        height: 220px !important;
    }
    .main .myCover .title,
    .main .myCover .subtitle,
    .main .myCover .button {
        font-size: 16px !important;
    }
    .main .myCover .button{margin-top:10px}

    .header-wrapper .text-box .text1,
    .header-wrapper .text-box .text3 {
        font-size: 16px !important;
    }

    .header-wrapper .icon-box,
    .header-wrapper .hitLink,
    .header-wrapper .text-box .text2,
    .main .bottom-apply,
    .main .service_exp {
        display: none;
    }

}


.modal-login{
    top: 25%;
    transform: translateY(-50%)!important;
    transform: -webkit-translateY(-50%)!important;
}

a.btn:hover{
    color: #ffffff;
}

.banner-fit {
    min-height: 160px;
    object-fit: cover;
}


  .section_live {
            /*background: #F4F6F9;*/
        }

        .seven_icon_list .box {
            width: 130px;
            height: 45px;
            text-align: center;
            line-height: 45px;
            border: 1px solid #F1F1F1;
            color: #333333;
            font-size: 18px;
            margin: 0 8px;
            cursor: pointer;
        }

        .seven_icon_list .box.active {
            border-color: #ed6e04;
            color: #ed6e04;
        }


        .section_live .live_mode {
            width: 1000px;
            height: 364px;
            box-shadow: 0px 5px 21px 0px rgba(232, 235, 240, 0.77);
            border-radius: 4px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            position: relative;
            /*top: -20px;*/
        }

        .section_live .live_mode .mode_left {
            width: 426px;
            height: 100%;
            background: url({SITE_URL}static/picture/home-15.jpg) no-repeat center center / cover;
            position: relative;
            overflow: hidden;
        }


        .section_live .live_mode .mode_left .mode_left_list {
            width: 700%;
            height: 100%;
            position: relative;
            left: 0;
            transition: all 1s;
        }

        .section_live .live_mode .mode_left .mode_left_list li {
            width: 426px;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            float: left;
        }

        .section_live .mode_left {
            text-align: center;
        }

        .section_live .mode_left .icon {
            width: 70px;
            height: 70px;
            padding: 15px;
            border: 2px solid #ffffff;
            border-radius: 50%;
            margin-top: 60px;
        }

        .section_live .mode_left .btn {
            cursor: pointer;
            display: block;
            width: 93px;
            height: 40px;
            line-height: 40px;
            padding: 0 0 !important;
            border-color: transparent;
            letter-spacing: 1px;
            background: transparent;
            border-radius: 5px;
            color: #fff;
            font-size: 16px;
            text-align: center;
        }

        .section_live .mode_left .btn1 {
            background: #ed6e04;
        }

        .section_live .mode_left .btn2 {
            border: 1px solid #ffffff;
        }

        .section_live .live_mode .mode_right {
            width: 574px;
            height: 100%;
            background: #fff;
            position: relative;
        }

        .section_live .live_mode .mode_right .pc_note {
            margin: 38px 0 38px 12px;
        }

        .section_live .live_mode .mode_right .box_note {
            width: 366px;
            height: 230px;
            position: absolute;
            top: 58px;
            left: 107px;
            overflow: hidden;
        }

        .section_live .live_mode .mode_right .box_note .note_list {
            width: 700%;
            height: 230px;
            position: absolute;
            left: 0;
            transition: all 1s;
        }

        .section_live .live_mode .mode_right .box_note .note_list img {
            width: 366px;
            height: 230px;
            float: left;
        }


        .section_live_mobile {}

        #slTopCarousel .carousel-map {
            width: 70vw;
            height: 35vw;
            margin: 0 auto;
            background: url({SITE_URL}static/picture/home-16.png) no-repeat center center / cover;
        }

        #slTopCarousel .carousel-inner {
            width: 67%;
            padding-top: 1.6vw;
            margin: 0 auto;
        }

        #slTopCarousel .carousel-control-prev,
        #slTopCarousel .carousel-control-next {
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            background: #999999;
            margin-top: 5rem;
        }

        #slTopCarousel .carousel-indicators {
            position: unset;
            margin-top: 20px;

        }

        #slTopCarousel .carousel-indicators li {
            width: 20px;
            height: 4px;
            border-radius: 2px;
            border: none;
            background: #ed6e04;
        }

        #slBottomCarousel {}

        #slBottomCarousel .carousel-item {}

        #slBottomCarousel .box {
            box-shadow: 0px 0px 10px 0px #dde1ec;
            position: relative;
        }

        #slBottomCarousel .box .square {
            display: inline-block;
            width: 16px;
            height: 16px;
            box-shadow: 1px 1px 2px 0px #dde1ec;
            position: absolute;
            top: 0;
            left: 50%;
            background: #fff;
            z-index: 10;
            transform: translate(-50%, -50%) rotate(-135deg);
        }

        #slBottomCarousel .box .pp {
            height: 60px;
        }

        #slBottomCarousel .btn {
            cursor: pointer;
            display: block;
            width: 93px;
            height: 32px;
            line-height: 32px;
            padding: 0 0 !important;
            border-color: transparent;
            letter-spacing: 1px;
            background: transparent;
            border-radius: 5px;
            color: #fff;
            font-size: 14px;
            text-align: center;
        }

        #slBottomCarousel .btn1 {
            background: #ed6e04;
        }

        #slBottomCarousel .btn2 {
            color: #999999;
            border: 1px solid #e1e1e1;
        }



        .college-map {
            background: url({SITE_URL}static/picture/lately-live.jpg) no-repeat center center/cover;
            color: #fff;
        }

        .college-map .scale {
            vertical-align: bottom;
        }

        .college-map .scale-box {
            position: relative;
        }

        .college-map .tips {
            position: absolute;
            right: 0;
            bottom: 0;
            padding: 5px;
            background-color: #292b2c;
            opacity: 0.8;
            color: #fff;
            box-sizing: border-box;
        }
    .banner-fit {
        min-height: 300px;
        object-fit: cover;
    }
    .img-nodrag {
        -webkit-user-drag: none;
        -webkit-user-select: none;
    }

    /*轮播*/
    .carousel-indicators{
        position: unset;
    }
    .carousel-indicators .box{
        width: 200px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border: 1px solid #F1F1F1;
        color: #333333;
        font-size: 18px;
        margin: 0 8px;
        cursor: pointer;
    }
    .carousel-indicators .box.active{
        border-color: #A2B0F4;
        color: #4662E9;
    }


    /*表单*/
    .luodi-form{
        min-width: 1200px;
        background-image: url("../picture/luodi-e8.jpg");
        background-size: 100% 100%;
    }
    .luodi-form .container{
        min-width: 1200px;
    }
    .luodi-form input{
        background: transparent;
        border: 1px solid #ffffff;
        box-sizing: border-box;
        color: #ffffff!important;
    }
    .luodi-form input:focus{
        background: transparent;
        border: 1px solid #ffffff;
        box-shadow: none;
    }

    .luodi-form .left-icon{
        width: 380px;
        position: absolute;
        right: -40px;
        bottom: -80px;
    }

    /*按钮*/
    .luodi-btn{
        /*color: #ed8a56!important;*/
        /*background: #ffffff!important;*/
        color: #ffffff;
        background-image: linear-gradient(to right, #eccb00 , #ff9700);
        border: none;
    }
    .luodi-btn:focus, .luodi-btn:active{
        box-shadow: none;
    }

 .show-box{
        border: none;
        box-shadow: 0 0 10px #eeeeee;
        border-bottom: 3px solid #ffffff;
        background: #ffffff;
        border-radius: 6px;
    }
    .show-box:hover{
        border-color: #7f196f;
        cursor: pointer;
    }
    .show-box .icon{
        width: 66px;
        height: 80px;
    }
    .show-box .sub{
        height: 60px;
        line-height: 1.9;
    }

    .show-box2{

    }
    .show-box2 .img{
        position: relative;
        border-radius: 8px;
    }
    .show-box2 .module-img{
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;

    }

    .show-box2 .module-icon{
        width: 80px;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
    }
    
    @media screen and (max-width: 767px) {
        .banner-fit{min-height:160px}
    }