::-ms-clear, ::-ms-reveal { display: none; }
.flex_box {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
}

.hand{cursor: pointer;}
cite{font-style: normal;}
.hide-box{display: none;}
.show-box{display: block !important;}
.flex_box_zd_end {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentcolor;
    overflow: hidden;
  }
.flex_box_zd {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.pt-0{padding-top: 0 !important;}
.pt-20{padding-top: 20px !important;}
.pt-30{padding-top: 30px !important;}
.pt-10{padding-top: 10px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-30{padding-bottom: 30px !important;}

.mb-0{margin-bottom: 0 !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.ml-10{margin-left: 10px !important;}
.mr-10{margin-right: 10px !important;}
.mr-0{margin-right: 0px !important;}
/* 弹性盒子自动换行 */

.flex_wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display:-moz-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    word-break: break-all;
}
.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display:-moz-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    word-break: break-all;
}
/* 父容器下子元素横向居中 */

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


/* 父容器下横向垂直居中 */

.box_center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

/* 父容器下子元素上下居中 */

.box_czjz {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}
/* nav */
.main-header{
 background-color: #fff;
 width: 100%;
 max-width: 1920px;
 margin: 0 auto;
 height: 78px;
 border-bottom: 1px solid #ebecee;
}
.main-menu{
 position: relative;
 padding: 0 80px;
 height: 78px;
 max-width: 1920px;
 margin: 0 auto;
}
.main-logo,.main-search{margin-right: 25px;}
.main-search{width: 220px;position: relative;}
.main-search input{border-radius: 2px;border: 0;box-sizing: border-box;background-color: #f5f8ff;font-size: 14px;color: #757575;width: 100%;padding: 12px 5px 12px 30px;}
.main-search i{font-size: 20px;color: #4a5fe2;position:absolute;left: 5px;top: 9px;}
.main-rightgroup{margin-left: 15px;}
.l-put_login span{margin:0 6px;font-size: 14px;color: #666;}
.l-put_login a{font-size: 14px;color: #666;}
.l-put_login a:hover{color: #5370ff;}
.l-put_login img{margin-right: 6px;}


.l-info_login>a >img{
    border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    object-fit: cover;
    width: 29px;
    height: 29px;
    margin-right: 5px;
}
.l-info_login ul li:last-child a{color: red;border-top: 1px solid #d9e1ec;}
.l-info_login{
 position: relative;
 max-width: 168px;
}
.l-put_login,.l-info_login{
 margin-right: 16px;
}
.main-minnav{flex: auto;}
.main-minnav ul{
      background-color: transparent;
      color: #333;
      padding:0 ;
      font-size: 16px;
      height: 78px;
}
.main-minnav .layui-nav .layui-nav-item{line-height: 78px;}
.main-minnav .layui-nav .layui-nav-item a{color: #333;font-size: 16px;transition: color 0.3s;
    -webkit-transition: color 0.3s; padding: 0 18px;}
.main-minnav .layui-nav .layui-nav-child dd.layui-this a,.main-minnav .layui-nav-child dd.layui-this{background:#f2f2f2;color:#5370ff;}
.main-minnav .layui-nav .layui-this a,.main-minnav .layui-nav .layui-nav-item a:hover{color: #5370ff;}
.main-minnav .layui-nav .layui-this:after,.main-minnav .layui-nav-bar{background-color: #5370ff;height: 3px;}
.main-minnav  .layui-nav .layui-nav-more::before{content: "\e625";color: #c2d1f3;}
.main-minnav .layui-nav .layui-nav-more{
position: absolute;
top: 0;
border: 0;
 width: auto;
 height: auto;
right: 3px;
 left: auto!important;
margin-top: 0;
 font-size: 12px;
 cursor: pointer;
 transition: all .3s;
-webkit-transition: all .3s;
}
.main-minnav .layui-nav-child{z-index: 10001;}
.main-minnav .layui-nav .layui-nav-more::before{content: "\e625";color: #c2d1f3;font-family: 'layui-icon';}
.main-minnav .layui-nav .layui-nav-item:hover .layui-nav-more{transform: rotate(180deg);}
.r-put_btn{background:#5370ff;position: relative;z-index: 2;}
.com-btn-zw{height: 34px;line-height: 34px; background:#5370ff;border: 0;border-radius: 25px;}
.r-put_btn ol,.l-info_login ul{
    position: absolute;
    left: 0;
    top: 0px;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 1px solid #eee;
    background-color: #fff;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    border-radius: 2px;
    transition: all 0.3s;
    white-space: nowrap;
}
.r-put_btn i{font-size: 14px;transition: all 0.3s;}
.r-put_btn:hover{opacity: 1;}
.r-put_btn:hover i{transform: rotate(180deg);}
.r-put_btn:hover ol{opacity: 1;visibility: visible;top: 38px;}
.l-info_login:hover ul{opacity: 1;visibility: visible;top: 34px;}
.r-put_btn ol a,.l-info_login ul a{
    color: #111;
    font-size: 14px;
    opacity: 1;
    display: block;
    padding: 0 20px;
}
.r-put_btn ol a:hover,.l-info_login ul li a:hover{
    background-color: #f6f6f6;
    color: #5370ff;
}
.stricky-header {
    position: fixed;
    z-index: 991;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    visibility: hidden;
    transform: translatey(-120%);
    transition: transform 500ms ease, visibility 500ms ease;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.stricky-header.stricky-fixed {
    transform: translatey(0);
    visibility: visible;
}
/* 搜索 */
body.locked {
    overflow: hidden;
}
.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translatey(-110%);
    transition: transform 500ms ease, opacity 500ms ease;
}

.search-popup.active {
    transform: translatey(0%);
}

.search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1b1825;
    opacity: 0.75;
    cursor: pointer;
}

.search-popup__content {
    width: 100%;
    max-width: 560px;
}

.search-popup__content form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    border: none;
    outline: none;
    height: 66px;
    padding-left: 30px;
}

.search-popup__content .thm-btn {
    padding: 0;
    width: 68px;
    border: 0;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: -1px;
    border-radius: 0;
    background-color: #5370ff;
}

.search-popup__content .thm-btn i {
    margin: 0;
    color: #fff;
    font-size: 24px;
}
@media (min-width: 1200px) {
    .layui-container{width: 1230px;}   
}


@media (max-width: 1600px) {
  .main-search{width: auto;}
  .main-search span{font-size: 24px;color: #5370ff;cursor: pointer;}
   .hide-search{display: block;}
   .show-search{display: none;}
}
@media (min-width: 1600px) {
    .show-search{display: block;}
    .hide-search{display: none;}
 }
 @media (max-width: 1400px) {
    .main-minnav .layui-nav .layui-nav-item >a{padding-left: 5px;padding-right: 15px;}
 }
 @media (max-width: 1300px) {
    .main-minnav .layui-nav .layui-nav-more{right: -2px;}
    .main-minnav .layui-nav .layui-nav-item >a{padding-left: 5px;padding-right: 10px;}
 }
 /* end of 搜索 */

.top_banner{width: 100%;background-color: #f5f8ff;overflow: hidden;padding: 30px 0 80px 0;}
.l-top-banner,.m-top-banner,.r-top-banner{border-radius: 5px;overflow: hidden;}
.l-top-banner,.r-top-banner{padding: 20px;background-color: #fff;height: 375px;box-sizing: border-box;overflow: hidden;}
.r-top-banner{padding-left: 12px;padding-right: 12px;}
.com_title1{margin-bottom: 10px; position: relative; color: #374567;font-size: 16px;padding-left: 20px;}
.com_title1::after{position: absolute;content: "";background-color: #fe9431;width: 8px;height: 8px;border-radius: 50%;left: 0;top: 50%;transform: translatey(-50%);}
.l-top-banner ul li{max-width: 56px; color:#374567;font-size:14px;text-align: center;margin: 7px 0;}
.l-top-banner ul li a{color:#374567;}
.l-top-banner ul li a p{margin-top: 8px;}
.l-top-banner ul li a:hover{opacity: 0.8;}
.center_a{margin-top: 10px; height: 41px;line-height: 41px; background-color: #f5f8ff;display: block;text-align: center;color: #374567;}
#banner_top img{width: 100%;object-fit: cover;height: 100%;}
.consulting-btn{box-shadow: 0 0 10px 2px rgba(84, 126, 250, 0.15); display: block;width: 100%; margin-top: 15px;border: 1px solid #fff;border-radius: 30px; background-image: linear-gradient(to right, #5370ff, #748bff);height: 41px;line-height: 41px;text-align: center;color: #fff;font-size: 16px;}
.consulting-btn:hover{background-image: linear-gradient(to left, #5370ff, #748bff);color: #fff;}
.r-top-banner ul .layui-timeline-axis:hover{color: #5370ff;}
.r-top-banner ul .layui-text h3{font-size: 14px;color: #374567;}
.r-top-banner ul .layui-text p{font-size: 12px;color: #7a8ba6;}
.r-top-banner ul .layui-timeline-item:last-child::before{height: 0;}
.r-top-banner ul .layui-timeline-item{padding-bottom: 5px;}
.white_bg{width: 100%;background-color: #fff;}
.white-grad_bg{padding-top: 5px; overflow: hidden; width: 100%;background:#fff  left top repeat-x;}
.join_quanz{border-radius: 5px;background-color:#fff;padding: 20px 16px 32px;overflow: hidden;border: 1px solid #f5f8ff;}
.slide-box>a{width: 40px;margin-right: 10px;height: 40px;border: 1px solid #fff;border-radius: 5px;overflow: hidden;box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.08) ;}
.slide-box>a img{width: 40px;height: 100%;object-fit: cover;}
.r-slide-box h3 {margin-bottom: 5px;}
.r-slide-box h3 a{color: #374567;font-size: 14px;}
.r-slide-box p span{font-size: 12px;color: #7a8ba6;}
.r-slide-box p button{min-width: 60px; cursor: pointer; font-size: 12px; border: 0;border-radius: 15px;line-height: 20px;height: 20px;background-color: #fe9431;text-align: center;padding: 0 8px;color: #fff;}
.r-slide-box p button:hover{opacity: 0.85;}
.quanz_sipder{position: relative;padding: 0 25px;}
#quanz_sipder{position: relative;overflow: hidden;}
.ying_prev,.ying_next{
    width: auto;
    background-image: none;
    text-align: center;
    line-height: 44px;
    color: #c1c0c0;
    font-size: 16px;
}
#join_quanz{position: relative;top: -60px;}
#quanz_sipder .swiper-slide{width: 200px;}
/* #quanz_sipder .swiper-slide.active-nav{width: 207px;}
#quanz_sipder .swiper-slide.active-nav .r-slide-box p button{display: block;} */
.r-slide-box{flex: auto;overflow: hidden;}
.ying_prev{left: 0px;}
.ying_next{right: 0px;}
.ying_page{width: 100%;bottom: -20px;}
.ying_page span{width: 10px;height: 2px;background-color: #a2a2a2;}
.ying_page span span{margin-left: 12px;}

#mid_box{margin-top: -20px;}
.pr-left-mid_box{padding-right: 30px;}
.left-mid_box{border-right: 1px solid  #d9e1ec;}
.pl-right-mid_box{padding-left: 20px;}
.hot_topic-box{padding-right: 45px;padding-bottom: 30px;border-bottom: 1px solid #d9e1ec;}
.com-title2{clear: both;}
.com-title2>h3{font-size: 24px;color: #374567;}
.com-title2>h3 i{font-style: normal;display: inline-block;position: relative;color: #374567;margin-left: 15px;}
.com-title2>h3 span{padding: 0 10px; font-size: 16px; height: 32px;line-height: 32px; text-align: center;
     background-color: #5370ff;border-radius: 2px;color: #fff;display: inline-block;position: relative;

}

.com-title2>a{color: #5370ff;}
.com-title2>a:hover{text-decoration: underline;}
.com-title2>h3 span::after{
    content: "";
    position: absolute;
    right: -5px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid #5370ff;
    border-right: 10px solid transparent;
}
.com-title2>h3 i::before{
       position: absolute;
       content: "";
       left: -4px;
       z-index: 0;
       top: 2px;
       box-shadow:inset 0 0 3px 2px rgba(213, 230, 252, 0.85);
       box-shadow: 0 0 3px 2px rgba(213, 230, 252, 0.85);
       width: 10px;
       height: 10px;
       border-radius: 50%;
       background-color: #90b9f2;
}
.com-title2>h3 i cite{position: relative;z-index: 5;font-style: normal;}
.com-title2>h3>b,.com-title2>h3>strong{font-weight: normal;}
.com-title2>h3>b{margin: 0 10px; width: 5px;height: 5px;background:linear-gradient(to bottom,#aab8ff,#5370ff);border-radius: 50%;}
.com-title2>h3>strong{color: #fe9431;font-size:18px;}


.com-title2 >ul>li{
     font-size: 14px;
     color: #374567;   
     position: relative;
     cursor: pointer;
}

.com-title2 >ul>li i{font-size: 14px;margin-left: 3px;display: inline-block;transition: all 0.3s;}
.com-title2 >ul>li>ul{
    position: absolute;
    left: 0;
    top: 0px;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 1px solid #eee;
    background-color: #fff;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    border-radius: 2px;
    transition: all 0.3s;
    white-space: nowrap;
}

.com-title2 >ul>li>ul>li{
    color: #111;
    font-size: 14px;
    padding: 0 20px;
}
.com-title2 >ul>li:hover i{transform: rotate(180deg);} 
.com-title2 >ul>li>ul.show-ul{opacity: 1;visibility: visible;top: 18px;}

.com-title2 >ul>li>ul>li:hover{
    background-color: #f6f6f6;
    color: #5370ff;
}
.tab-topic-box,.tab-ask-box,.tab-circles-box{display: none;}

.l-topic-box-item{
    margin-right: 10px;
    border-radius: 3px;
    overflow: hidden;
    max-width: 108px;
    display: block;
    min-width: 108px;
    height: 77px;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.topic-box-item{padding: 15px 0;}
.l-topic-box-item >a{display: block;width: 100%;height: 100%;}
.l-topic-box-item >a>img{transition: all 0.3s;object-fit: cover;width: 100%;height: 100%;}
.l-topic-box-item >a>img:hover{transform: scale(1.1);}

.r-topic-box-item{position: relative; padding: 10px 90px 10px 0px;overflow: hidden;flex: auto;}
.r-topic-box-item>h3{margin-bottom: 6px;}
.r-topic-box-item>h3 span{display: inline-block; min-width: 20px;text-align: center; padding:2px 6px;font-size: 12px;color: #fff;margin-right: 5px;border-radius: 3px;}
.r-topic-box-item>h3 span.z_d{background: linear-gradient(to right, #5370ff , #879bff); }
.r-topic-box-item>h3 span.f_f{background: linear-gradient(to right, #ff5722 , #fa845f); }
.r-topic-box-item>h3 a{color: #374567;font-size: 14px;font-weight: 560;}
.r-topic-box-item>h3 a:hover{opacity: 0.8;}
.r-topic-box-item>h6{color: #7a8ba6;font-size: 14px;margin-bottom: 5px;}
.r-topic-box-item>p span{color: #7a8ba6;font-size: 12px;}
.r-topic-box-item>p span span{margin-left: 15px;}
.r-topic-box-item>p span i{margin-right: 3px;}
.r-topic-box-item>p span:last-child a{color: #3860f4;}
.r-topic-box-item>p span:last-child a:hover{text-decoration: underline;}
.r-topic-box-item>p span:last-child a a{margin-left: 15px;}
.r-topic-box-item .num-eye{
    height: 63px;
    background-color: #fff;
    border: 1px solid #ecf0f5;
    border-radius:2px ;
    text-align: center;
    min-width: 40px;padding:0 10px; position: absolute;right: 10px;transform: translatey(-50%);top: 50%;
}
.r-topic-box-item .num-eye i{color: #374567;}
.r-topic-box-item .num-eye span{margin-top: 15px;color: #7a8ba6;}
.r-topic-box-item:hover{background: linear-gradient(to left, #f5f8ff,#f5f8ff 30%, transparent);}
.r-topic-box-item:hover .num-eye{box-shadow: 0 2px 5px 0 rgba(0,0,0,.12);}

.read_more{text-align: center;color: #5370ff;}
.read_more a{display: inline-block; color: #5370ff;}
.read_more a i{font-size: 16px;display: inline-block;transition: all 0.3s;}
.read_more a:hover i{
    animation: shake 0.85s infinite;
}

.read_more a span{margin-bottom: 2px; display: inline-block;}
@keyframes shake{
    10%, 90% {
        transform: translate3d(0 ,-1px,0);
    }
    20%, 80% {
        transform: translate3d(0, 2px, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(0, -4px, 0);
    }
    40%, 60% {
        transform: translate3d(0,4px, 0);
    }
}
.more_over{text-align: center;color: #cccdd0;margin-top: 20px;font-size: 15px;display: none;}

/* 问答 */
.hot_ask_box,.hot_circles_box,.hot_course_box,.new_library_box{padding:40px 45px 30px 0;border-bottom: 1px solid #d9e1ec;}

.tab-ask-box li{padding: 20px 10px 25px 0;margin-bottom: 5px;}
.tab-ask-box li:hover{background: linear-gradient(to left,#f5f8ff,#f5f8ff 30%, transparent);}
 .avater_group a>img{
    border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    object-fit: cover;
    width: 29px;
    height: 29px;
    margin-right: 5px;
}

 .vip_level{
     margin-left: 5px;
     position: relative;
}
.vip_level b{font-weight: normal;position: absolute;top: 2.5px; right: 7px;font-size: 10px; color: #fff;}
 .avater_group img:hover{
   opacity: 0.8;
}
 .avater_group span{
    color: #fe9431;
}
.avater_group a,.avater_group{
    -webkit-align-items: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.avater_group span:hover{text-decoration:underline;}
.tab-ask-box li .avater_group time{color:#7a8ba6;font-size:12px;margin-left: 15px;}
.tab-ask-box li h2{font-size: 14px;color: #374567;margin: 8px 0;}
.tab-ask-box li h2 a{font-size: 14px;color: #374567;line-height: 160%;}
.tab-ask-box li h2 a:hover{opacity: 0.8;}
.tab-ask-box li h2 span{font-size: 12px; margin-left: 5px; padding: 3px 6px;background-color: #fc495f;color: #fff;text-align: center;border-radius: 3px;}
.tab-ask-box li h2 span.d_j{background-color:#f04954;}
.tab-ask-box li h2 span.y_j{background-color: #3d956d;}
.tab-ask-box li p{font-size: 12px;color: #7a8ba6;margin-bottom: 12px;line-height: 160%;}
.tab-ask-box li h6 span{color: #7a8ba6;font-size: 12px;}
.tab-ask-box li h6 span span{margin-left: 15px;}
.tab-ask-box li h6 span i{font-size: 12px;margin-right: 5px;}
.tab-ask-box li h6 span:last-child a{font-size: 12px;margin-right: 5px;color: #3860f4;}
.tab-ask-box li h6 span:last-child a a{margin-left: 15px;}
.tab-ask-box li h6 span:last-child a:hover{text-decoration: underline;}

.tab-circles-box li time{font-size: 12px;color: #7a8ba6;}
.tab-circles-box li .avater_group cite{font-size: 14px;color: #374567;margin-left: 10px;}

.tab-circles-box li{padding: 20px 10px 15px 0;}
.tab-circles-box li>p{font-size: 12px;line-height: 170%;color: #7a8ba6;margin: 15px 0;}
.tab-circles-box li>p a{color:#5370ff;margin:0 5px;}
.tab-circles-box li>p a i{color:#5370ff;font-size: 12px;margin-right: 3px;}
.tab-circles-box li>p a:hover{text-decoration: underline;}

/* 投票 */
.community-draw-area,.active-draw-area {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 15px;
    margin: 14px 0 18px;
}
.community-draw-area .draw-title,.active-draw-area .draw-title{
    height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #374567;
    margin-bottom: 8px;
    line-height: 16px;
}
.community-draw-area .draw-info,.active-draw-area .draw-info {
    height: 16px;
    font-size: 13px;
    font-weight: 400;
    color: #7a8ba6;
    line-height: 16px;
}
.community-draw-area .draw-lists,.active-draw-area .draw-lists {
    overflow: hidden;
    margin-top: 15px;
    display: block;
}
.community-draw-area .draw-lists li{
    display: flex;
    height: 38px;
    line-height: 38px;
    position: relative;
    cursor: pointer;
    background: #fff;
    border-radius: 6px;
    justify-content: space-between;
    padding: 0 25px;
    margin-bottom: 16px;
}
.community-draw-area .draw-lists li div {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #374567;
}
/* 选项 */
.active-draw-area .draw-lists .draw-item {
    overflow: hidden;
    height: 32px;
    padding: 0 12px 0 16px;
    background: #fff;
    border-radius: 18px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 18px;
    position: relative;
}
.active-draw-area .draw-lists .draw-item span {
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    font-family: pingfangsc-regular,pingfang sc;
    font-weight: 400;
    color: rgba(0,0,10,.88);
}
.active-draw-area .draw-lists .draw-item .success {
    width: 100%;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(83,112,255,.5);
    border-radius: 18px 0 0 18px;
}
.active-draw-area .draw-lists .draw-item .fail {
    width: 100%;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(168,168,172,.3);
    border-radius: 18px 0 0 18px;
}


.woo-pop-wrap .span-car{vertical-align: middle; margin-right: 15px; border-radius: 15px; background-color: #f7f7f7;text-align: center;padding: 2px 6px;font-size: 12px;color: #37c0a3;}
.woo-pop-wrap .span-car:hover{text-decoration: underline;}
.woo-pop-wrap span{cursor: pointer;vertical-align: middle;}
.woo-pop-wrap span a{color: #7a8ba6;}
.woo-pop-wrap span a i{font-size: 12px;}
.woo-pop-wrap span i{font-size: 12px;margin-right: 3px;}
.woo-pop-wrap .span-car i{margin-right: 3px;}
.woo-pop-wrap .span-tags a{color: #3860f4;}

.woo-pop-wrap .span-tags a:hover{text-decoration: underline;}
.woo-pop-wrap .span-tags a a{margin-left: 15px;}
.woo-pop-wrap span{color: #7a8ba6;
    font-size: 12px;
}
.woo-pop-wrap span span{margin-left: 15px;}

.tab-circles-box li figure{ margin:0 0 20px 0;}
.tab-circles-box li .count,.tab-circles-box li .count4{
    width: 562px;
    -webkit-align-items: center;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-left: -3px;
    align-items: center;
}

.tab-circles-box li .count cite,.tab-circles-box li .count4 cite {
    position: relative;
    width: 33.3%;
    cursor:zoom-in;
    box-sizing: border-box;
    padding: 3px;
}
.tab-circles-box li .count4 cite{width: 50%;}


.tab-circles-box li .count cite span,.tab-circles-box li .count4 cite span{
    display: block;
    position: relative;
    padding-bottom: 100%;
    border-radius: 4px;
    overflow: hidden;
}
.tab-circles-box li .count cite span img,.tab-circles-box li .count4 cite span img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .tab-circles-box li .count >span{
    display: block;
    position: relative;
    padding-bottom: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.tab-circles-box li .count >img{cursor: -webkit-zoom-in;object-fit: cover;
    cursor: zoom-in;width: 136px;height: 137px;overflow: hidden;border-radius: 5px;}
.tab-circles-box li .count >img img{margin-left: 6px;} */
/* .tab-circles-box li .count4{cursor: -webkit-zoom-in;
    cursor: zoom-in; margin-left: 6px; position: relative;width: 136px;overflow: hidden;border-radius: 5px;height: 137px;}
.tab-circles-box li .count4 img{width: 100%;height: 100%;object-fit: cover;} */


/* 

.tab-circles-box li .count4 a{font-size: 18px;color: #fff; 
    left: 0;top: 0;border-radius: 5px; text-align: center;
    line-height: 137px;
    position: absolute;width: 100%;height: 100%;background-color: rgba(69, 93, 209, 0.8);
} */
.tab-circles-box li .count1{position: relative; width: 222px;height: 312px;}
.tab-circles-box li .count1 >img{
    cursor: zoom-in;
    width: 100%;height: 100%;
   overflow: hidden;border-radius: 5px;object-fit: cover;     
}
.tab-circles-box li .count1 span{position: absolute;right: 0;bottom: 0;width: 43px;height: 24px;line-height: 24px;
  text-align: center;color: #fff;font-size: 12px;border-radius: 5px 0 5px 0;background-color: #fe9431;
}

.tab-circles-box li .long{position: relative; width: 80%;height: auto;}
.tab-circles-box li .long >img{
    cursor: zoom-in;
    max-width: 100%;height: auto;
   overflow: hidden;border-radius: 5px;object-fit: cover;     
}
.tab-circles-box li .long span{position: absolute;right: 0;bottom: 0;width: 43px;height: 24px;line-height: 24px;
    text-align: center;color: #fff;font-size: 12px;border-radius: 5px 0 5px 0;background-color: #fe9431;
  }

.share_div{background-color: #f5f8ff;padding: 20px 30px;margin: 20px 0;}
.share_div h5{font-size: 14px;margin-bottom: 15px;}
.share_div h5 a{color: #5370ff;}
.share_div h5 a:hover{text-decoration: underline;}
.share_div> p{font-size: 12px;line-height: 170%;color: #7a8ba6;margin-bottom: 15px;}
.share_div>p a{color:#5370ff;margin:0 5px;}
.share_div>p a i{color:#5370ff;font-size: 12px;margin-right: 3px;}
.share_div>p a:hover{text-decoration: underline;}
.share-pop-wrap{text-align: right;}
.share-pop-wrap span a{color: #7a8ba6;}
.share-pop-wrap span span{margin-left: 15px;}

.player-wrap{width: 562px;margin-bottom: 20px;
    height: 312px;overflow: hidden;border-radius: 5px;position: relative;}
    .player-wrap video{width: 100%;height: 100%;border-radius: 5px;display: block;}
    .player-wrap video:focus{outline: none;}
.player-wrap .poster{
      width: 100%;
      position: absolute;
      top: 0;
      height: 100%;
      cursor: pointer;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}
.player-wrap .poster img{position: absolute;width: 56px;height: 56px;left: 50%;top: 50%;transform: translate(-50% ,-50%);}
.player-wrap .poster div{font-size: 12px;color: #fff; position: absolute;width: 100%;box-sizing: border-box;padding: 0 30px;bottom: 25px;}
.player-wrap .poster div time{color: #fff;}
/* 公开课程 */
.new_course_item{border: 1px solid #d9e1ec;border-radius: 2px;padding: 10px;}
.new_course_item>a{display:block;width: 100%;height: 123px;border-radius: 2px;overflow: hidden;margin-bottom: 15px;}
.new_course_item>a img,.library_item>a img{width: 100%;height: 100%;transition: all 0.3s;object-fit: cover;}
.new_course_item>a img:hover,.library_item>a img:hover{transform: scale(1.1);}
.new_course_item h2,.library_item h2{font-size: 14px;line-height: 160%;margin-bottom: 15px;height: 45px;overflow: hidden;}

.new_course_item h2 a,.library_item h2 a{color: #374567;}
.new_course_item h2 a:hover,.library_item h2 a:hover{opacity: 0.8;}
.new_course_item h6 a,.library_item h6 a{position: relative; color: #7a8ba6;font-size: 12px;display: inline-flex;align-items: center;}
.new_course_item h6 a >img,.library_item h6 a >img{
    border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    object-fit: cover;
    width: 29px;
    height: 29px;
    margin-right: 5px;
}
.zw_ver{
    position: absolute;
    width: 16px;
    left: 15px;
    bottom: 0px;
    height: 16px;
}
.zw_ver img{width: 100%;height: 100%;border-radius: 50%;}

.new_course_item h6 a:hover,.library_item h6 a:hover{text-decoration: underline;}
.new_course_item h6 a >img:hover,.library_item h6 a> img:hover{opacity: 0.8;}
.com_space15{margin:-10px -7.5px;}
.com_space15>*{padding: 10px 7.5px;}
.new_course_item h6 span,.library_item h6 span{text-align: center;line-height: 20px;font-size: 12px; color: #fff;border-radius: 2px;
    padding: 0 3px;
   min-width: 48px;height: 20px;}
   .new_course_item h6 span.span_zb,.library_item h6 span.span_zb,.hot_wendang h6 .span_zb,.btn_less_zb{box-shadow: 0 0 2px 2px rgba(255,88,35,0.15);   background: #fc495f;}
.new_course_item h6 span.span_mf,.library_item h6 span.span_mf,.hot_wendang h6 .span_mf,.btn_less_mf{box-shadow: 0 0 2px 2px rgba(23,151,71,0.15);   background: linear-gradient(to right,#179647,#1bae53);}
.new_course_item h6 span.span_vip,.library_item h6 span.span_vip,.hot_wendang h6 .span_vip,.btn_less_vip{box-shadow: 0 0 2px 2px rgba(254,151,49,0.15);   background: linear-gradient(to right,#fe9431,#fec231);}
/* 文库 */
.library_item{position: relative; border: 1px solid #d9e1ec;border-radius: 2px;padding: 10px;}
.library_item::after{position: absolute; background:#fff  0 0 no-repeat;content: ""; width: 20px;height: 19px;right: -2px;top: -2px;}
.library_item>a{margin-bottom: 15px; position: relative;width: 236px;height: 278px;overflow: hidden;border-radius: 2px;display: block;}
.library_item>a:hover{color: #fff;}
.library_item>a span{color:#fff;position: absolute;right: 5px;bottom: 5px;padding:6px;text-align: center;}
.library_item>a span.wd{background: #179647;box-shadow: 0 0 2px 2px rgba(23,150,71,0.15); }
.library_item>a span.pptd{background: #5370ff;box-shadow: 0 0 2px 2px rgba(83,112,255,0.15);}
.library_item>a span.pdfd{background: #fc495f;box-shadow: 0 0 2px 2px rgba(252,73,95,0.15);}
.new_library_box{border-bottom: 0;}

/* footer */
footer{background-color: #0a1633;padding:50px 0 40px 0;overflow: hidden;z-index: 200;position: relative;width:100%;}
.copyright{background-color: #141f3b;line-height: 40px;text-align: center;color: #6c7385;font-size: 12px;margin-top: 20px;}
.copyright i{font-style: normal;margin: 0 8px;}
.copyright a{color: #6c7385;}
.l-main-footer{flex: auto;max-width: 530px;}
.l-main-footer h6{margin-bottom: 24px;color: #fff;font-size: 24px;}
.l-main-footer h6 a{color: #fff;}
.l-main-footer p{line-height: 24px;color: #6c7385;font-size: 12px;}
.r-main-footer{flex: auto;
    /* max-width: 600px; */
    padding-left: 80px;}

.r-main-footer li{flex: auto;}
.r-main-footer li h6{font-size: 16px;color: #fff;margin-bottom: 24px;}
.r-main-footer li p{font-size: 12px; line-height: 24px;}
.r-main-footer li p a{color: #6c7385;}
.r-main-footer li p a:hover{text-decoration: underline;}
.r-main-footer li:last-child {padding-top: 25px;max-width: 180px;}
.r-main-footer li:last-child img{width: 82px;height: 82px;}
.r-main-footer li:last-child p span{display: block;margin-top: 10px; color: #6c7385;text-align: center;padding-right: 5px;}

/* 推荐课程 */
.com_right_box{padding-bottom: 15px;}
.tuijian_kc{position: relative; margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid #d9e1ec;}
.tuijian_kc::after{bottom: -1px;left: 0; position: absolute;width:0;height: 2px;content: "";background-color: #fe9431;transition: all 0.3s;}
.tuijian_kc:hover::after{width: 100%;}
.tuijian_kc >a{display: block;width: 100%;height: 146px;border-radius: 3px;overflow: hidden;border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);margin-bottom: 15px;}
.tuijian_kc> a>img{transition: all 0.3s;
        object-fit: cover;
        width: 100%;
        height: 100%;
}
.tuijian_kc> a>img:hover{transform: scale(1.1);}
.tuijian_kc>h3{font-size: 14px;margin-bottom: 10px;}
.tuijian_kc>h3 a{color:#374567;}
.tuijian_kc>h3 a:hover{opacity: 0.8;}
.tuijian_kc>time{font-size: 14px;color: #7a8ba6;}

.com_title3{font-size: 14px;color: #677291;}
.com_ul_group li{padding: 15px 0;}
.l-tuijian-item,.l-hot-wendang{flex: auto;overflow: hidden;margin-right: 10px;}
.l-tuijian-item h3,.l-hot-wendang h3{font-size: 14px;color: #374567;line-height: 160%;margin-bottom: 10px;}
.l-tuijian-item h3 a,.l-hot-wendang h3 a{color: #374567;}
.l-tuijian-item h3 a:hover,.l-hot-wendang h3 a:hover{opacity: 0.8;}
.l-tuijian-item time{font-size: 14px;color: #7a8ba6;}
.r-tuijian-item{height: 46px; max-width: 68px;min-width:68px;}
.r-tuijian-item a{border: 1px solid #fff;display: block;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); height: 46px; overflow: hidden;border-radius: 3px;width: 100%;}
.r-tuijian-item a img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.r-tuijian-item a img:hover{transform: scale(1.1);}

.hot_wendang h6 span,.zw_com_btn_less{display: inline-block; text-align: center;line-height: 20px;font-size: 12px; color: #fff;border-radius: 2px;
    padding: 0 3px;
   min-width: 48px;height: 20px;}

.hot_wendang >a{height: 320px;position: relative;}
.hot_wendang >a span{position: absolute;padding: 4px 8px;text-align: center;color: #fff;border-radius: 2px;border: 1px solid #e0dede;
        right: 5px;bottom: 5px;background-color: rgba(0, 0, 0, 0.1);
}
.hot_wendang >h6 b{font-weight: normal;font-size: 12px;color: #7a8ba6;margin-left: 10px;}
.hot_wendang >h6 b i{margin-right: 3px;}

.r-hot-wendang{height: 48px; max-width: 48px;min-width:48px;}
.r-hot-wendang a{border: 1px solid #fff;display: block;text-align: center;color: #fff;line-height: 48px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);width: 100%;height: 100%;border-radius: 3px;}
.r-hot-wendang a.a_pdf{background-color: #fc495f;}
.r-hot-wendang a.a_w{background-color: #179647;}
.r-hot-wendang a.a_ppt{background-color: #5370ff;}
.r-hot-wendang a.zw_wco{box-shadow: none;}


.com_title4{font-size: 24px;color: #374567;}
.com_title4 img{width: 19px;height: 18px;margin-right: 5px;}
.quaning_ul li{padding: 10px 0;}

.l-quaning{display: block; max-width: 45px; min-width: 45px;height: 48px;margin-right: 10px;border: 1px solid #fff;   
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);border-radius: 3px;overflow: hidden;}
.l-quaning img{ height: 100%;width: 100%;object-fit: cover;transition: all 0.3s;}
.l-quaning img:hover{transform: scale(1.1);}

.r-quaning{flex: auto;overflow: hidden;}
.r-quaning h5{margin-bottom: 6px;font-size: 14px;}
.r-quaning h5 a{color: #374567;margin-right: 25px;}
.follow_btn{
    min-width: 60px;
    cursor: pointer;
    font-size: 12px;
    border: 0;
    border-radius: 15px;
    line-height: 20px;
    height: 20px;
    background-color: #fe9431;
    text-align: center;
    padding: 0 8px;
    color: #fff;
    display: inline-block;
}
.follow_btn:hover{text-decoration: underline;}
.r-quaning> p>a{font-size: 14px;color: #fe9431;max-width: 50%;}
.r-quaning> p>span{font-size: 12px;color: #adbfdb;max-width: 50%;}
.r-quaning> p>span b{font-size: 12px;color: #70788d;margin-left: 10px;}
.r-quaning> p>a.q-color1{color: #fe9431;}
.r-quaning> p>a.q-color2{color: #70c791}
.r-quaning> p>a.q-color3{color: #8d9ef4;}

/* 热门问题 */
.tab4{border-bottom: 1px solid #d9e1ec;}

.tab4 li{position: relative; font-size: 24px;color: #7a8ba6;text-align: center;padding-bottom: 10px;width: 50%;cursor: pointer;}
.tab4 li.on{color: #374567;}
.tab4 li.on::after{border-radius: 10px; left: 0; position: absolute;content: "";height: 2px;width: 100%;bottom: -1px;background-color: #5370ff;}
.hot-right-info{display: none;}
.hot-right-info li{padding: 12px 0;}
.hot-right-info h3{font-size: 14px;color: #374567;margin-bottom: 10px;font-weight: 500;}
.hot-right-info h3 a{color: #374567;}
.hot-right-info h3 a:hover{opacity: 0.8;}
.hot-right-info p{font-size: 12px;color: #7a8ba6;}
.hot-right-info p a{font-size: 12px;color: #7a8ba6;}
#com_right_box{z-index: 100;}
.qrcode_right_box{margin-top: 20px; width: 100%;background:  0 0 no-repeat;text-align: center;padding-top: 15px;}
.qrcode_right_box h6{color: #fff;font-size: 14px;margin-bottom: 15px;}
.qrcode_right_box >div{width: 230px;margin: 0 auto; }
.qrcode_right_box >div img{width: 230px;height: 230px;object-fit: cover; }
.qrcode_right_box >div p{margin-top: 2px;color: #7a8ba6;}

.shopping_ul li{padding: 24px 0;position: relative;border-bottom: 1px solid #d9e1ec;}
.shopping_ul li::after {
    bottom: -1px;
    left: 0;
    position: absolute;
    width: 0;
    height: 2px;
    content: "";
    background-color: #fe9431;
    transition: all 0.3s;
}
.shopping_ul li:hover::after {
    width: 100%;
}
.shopping_ul li .shopping_top{
    width: 100%;height: 228px;
    border-radius: 3px;
    overflow: hidden;
}
.shopping_ul li .shopping_top img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.shopping_ul li .shopping_top img:hover{transform: scale(1.1);}
.shopping_ul li h3{margin: 15px 0;}
.shopping_ul li h3 span{font-size: 16px;color: #fc495f;}
.shopping_ul li h3 a{border-radius: 3px; padding: 2px 6px;background-color: #fc495f;color: #fff;text-align: center;font-size: 12px;}
.shopping_ul li h3 a i{font-size: 12px;margin-right: 3px;}
.shopping_ul li p{color: #7a8ba6;font-size: 12px;line-height: 160%;}

.expert_ul li{padding: 15px 0;}
.l-expert{max-width: 62px; min-width: 62px;height: 62px;margin-right: 10px; border-radius: 50%;}
.l-expert img{width: 100%;height: 100%;border-radius: 50%;border: 1px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);object-fit: cover;}
    .l-expert img:hover{opacity: 0.8;}
.r-expert h3{font-size: 14px;margin-bottom: 8px;} 
.r-expert h3 a{color: #374567;} 
.r-expert h3 a:hover{opacity: 0.8;}
.r-expert h3 button{
    min-width: 50px;
    cursor: pointer;
    font-size: 12px;
    border: 0;
    border-radius: 15px;
    line-height: 20px;
    height: 20px;
    background-color: #f5f8ff;
    text-align: center;
    padding: 0 8px;
    color: #809ac1;
}
.r-expert{flex: auto;overflow: hidden;}
.expert_ul li:hover .r-expert h3 button{background:#fe9431;color: #fff;}
.r-expert .r-expert-item{color: #8d9ef4;font-size: 12px;margin-bottom:3px;}
.r-expert .r-expert-item span span{margin-left: 20px;}
.r-expert .r-expert-item i{color: #8d9ef4;font-size: 12px;margin-right: 3px;}

.r-expert >p span{color: #7a8ba6;font-size: 12px;margin-left: 5px;}
.r-expert >p a{margin-top: 8px; margin-right: 5px;font-size: 12px;display: inline-block;padding: 3px 8px;border-radius:15px;color: #37c0a3;background-color: #f7f7f7;}
.r-expert >p a:hover{text-decoration: underline;}

.fri_link span{background-color: rgba(255, 255, 255, 0.1);display: inline-block;padding: 3px 6px;border-radius: 3px;}
.fri_link,.fri_link a{line-height: 24px;
    color: #6c7385;
    font-size: 12px;}
    .fri_link a{margin-left: 10px;}
    .fri_link a:hover{text-decoration: underline;}

/* 朋友圈子 */
.zw-qz-top{margin-top: 20px;top: 0 !important;margin-bottom: 50px;}
.zw-qz-nav li{width: 33.3333%;text-align: center;margin-top: 15px;}
.zw-qz-nav li a{color: #374567;}
.zw-qz-nav li a p{margin-top: 5px;}
.zw-qz-nav li a:hover p{opacity: 0.8;}

.tuijian_kc>h3 a b{color: #fe9431;margin: 0 5px;}
.zw-daka-btn{
    cursor: pointer;
    position: absolute;
    right: 0;
    background-color: #5370ff;
    bottom: 20px;
    border: 0;
    border-radius: 20px;
    width: 64px;
    line-height: 34px;
    height: 34px;
    color: #fff;
    text-align: center;
    display: block;
}
.zw-daka-btn:hover{opacity: 0.8;}
.zw-qz-hot{margin-bottom: 20px;margin-top: 10px; color: #374567;position: relative;height: 34px;}
.zw-qz-hot .zw-daka-btn{width: 88px;bottom: 8px;}
#js-community-write{padding: 25px;border:1px solid #f5f8ff;border-radius: 3px;margin-bottom: 25px;position: relative;}
.community-write-input{background-color: #fcfcfc;color: #666;border: 0;resize:none;padding-top: 12px;}
.right-btn-gourp-nm label{color: #374567;}
.right-btn-gourp-nm{margin-right: 15px;}
.left-btn-gourp>button{border: 0;background-color: transparent;cursor: pointer;}
.left-btn-gourp>button{margin-right: 20px;}
.left-btn-gourp>button i{border: 0;background-color: transparent;font-size: 18px;color: #8e8e8e;font-weight: 650;}
.left-btn-gourp>button:not(:first-child) i{font-size: 20px;}
.left-btn-gourp>button:last-child i{font-size: 16px;font-weight: 10;}

/* 上传样式 */
.uploader-list {
    margin-left: -15px;
}

.uploader-list .info {
    position: relative;
    margin-top: -25px;
    background-color: black;
    color: white;
    filter: alpha(opacity=80);
    -moz-opacity: 0.5;
    opacity: 0.5;
    width: 64px;
    height: 25px;
    text-align: center;
    display: none;
}

.uploader-list .handle {
    position: relative;
    z-index: 99;
    background-color: black;
    color: white;
    filter: alpha(opacity=80);
    -moz-opacity: 0.5;
    opacity: 0.5;
    width: 64px;
    text-align: right;
    height: 18px;
    line-height: 18px;
    margin-bottom: -18px;
    display: none;
}

.uploader-list .handle i {
    margin-right: 5px;
}

.uploader-list .handle i:hover {
    cursor: pointer;
}

.uploader-list .file-iteme {
    margin: 0px 0 10px 10px;
    padding: 1px;
    position: relative;
    float: left;
}
.layui-upload-list{margin: 0;}
.uploader-list .file-iteme .handle-avater{width: 64px;height: 64px;border-radius: 3px;object-fit: cover;}
.i-bofang{z-index: 8; color: #fe9431;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 20px;}
.zw-disabled{cursor:not-allowed !important;}
/* 上传样式 end*/


.site_comments_box_group{margin-top: 15px;}
.site_comments_box_group textarea{padding:10px;color: #666; width: 100%;background-color: #f9faff;border: 1px solid #e1e6f0;box-sizing: border-box;overflow: hidden;resize: none; height: 124px;}
.site_comments_input_group input[type=button]{
     background-color: #5370ff;
    cursor: pointer;
    border: none; width: 106px;display: block;line-height: 34px;text-align: center;
    border-radius: 2px;color: #fff;margin-top: 15px;}
.site_comments_input_group input[type=button]:hover{opacity: 0.85;}
.my-comments-lists li{margin-top: 20px;padding-bottom: 10px !important;}
.my-comments-lists li.loading{
    padding:10px;
    font-size: 14px;
    text-align: center;
    background: #f9faff;
    overflow: hidden;
    zoom: 1;
}
.my-comments-lists .loading{color: #374567;}
.my-comments-lists li .other_left_pic{min-width: 24px;max-width: 24px;height: 24px;margin-right: 10px;}
.my-comments-lists li .other_left_pic img{width: 100%;height: 100%;border-radius: 50%;}
.my-comments-lists li .other_right_content{margin-top: 2.2px;}
.my-comments-lists li .other_right_content .other_right_content-top a{display: inline-block;color: #393939;}
.my-comments-lists li .other_right_content .other_right_content-top a:hover{color: #5370ff;}
.my-comments-lists li .other_right_content .other_right_content-top p{margin-top: 10px; color: #666;font-size: 12px;line-height: 160%;}
.other_right_content-bottom{margin-top: 10px;font-size: 12px;}
.other_right_content-bottom time,.other_right_content-bottom span{margin-right: 10px;color: #7a8ba6;}
.other_right_content-bottom span{cursor: pointer;}
.other_right_content-bottom span:hover{color: #5370ff;}
.other_right_content-bottom span i{margin-right: 5px;}

.community-write-topiclist {
    font-size: 0;
    line-height: 24px;
    color: #5370ff;
    margin: 10px 0 5px 0;
}
.community-write-topiclist li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    white-space: nowrap;
    font-weight: normal;
}
.community-write-topiclist i:nth-child(1) {
    border-radius: 16px;
    background-color: #5370ff;
}
.community-write-topiclist i {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-right: 4px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.community-write-topiclist span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
.community-write-topiclist i:nth-child(3) {
    margin-left: 2px;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    color: #aaa;
}
.community-write-topic {
    position: absolute;
    display: none;
    left: 120px;
    top: 95%;
    height: 478px;
    margin-top: -15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 10px 12px 0px rgba(133, 144, 166, 0.15);
    border: 1px solid rgba(133, 144, 166, 0.1);
    z-index: 9;
    
}
.community-write-topic.showflex{display: flex;}
.community-write-topic:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: -8px;
    left: 20px;
    border-top: 1px solid rgba(133, 144, 166, 0.1);
    border-left: 1px solid rgba(133, 144, 166, 0.1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}
.community-write-topic-contain {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 368px;
}
.community-write-topic .form_search {
    margin: 20px 16px;
    height: 36px;
    min-height: 36px;
    background: #f5f6f7;
    border-radius: 17px;
}
.community-write-topic input {
    height: 18px;
    line-height: 18px;
    padding: 8px 0;
    border: 1px solid #f5f6f7;
    text-align: center;
    width: 100%;
    background: none;
    font-size: 14px;
    border-radius: 30px;
    outline: none;
}
.community-write-topic h2 {
    position: absolute;
    left: 0;
    top: 76px;
    bottom: 0;
    width: 88px;
    white-space: nowrap;
    font-weight: 400;
    overflow: auto;
}
.community-write-topic h2 a {
    display: block;
    position: relative;
    height: 54px;
    padding-left: 16px;
    line-height: 54px;
    font-size: 14px;
    color: rgba(36, 36, 38, 0.65);
    cursor: pointer;
}
.community-write-topic h2 a.active {
    color: #242426;
    font-weight: 500;
}
.community-write-topic h2 a.active:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 30px;
    left: 0;
    top: 50%;
    margin-top: -15px;
    background-color: #5370ff;
}
.community-write-topic ul {
    flex: 1;
    margin-left: 88px;
    overflow-y: auto;
}
.community-write-topic li {
    position: relative;
    height: 40px;
    padding: 12px 0 12px 64px;
    white-space: nowrap;
    cursor: pointer;
}
.community-write-topic li figure {
    position: absolute;
    left: 12px;
    top: 12px;
    margin: 0;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
}
.community-write-topic li img {
    width: 100%;
    height: 100%;
}
.community-write-topic li strong {
    display: block;
    line-height: 18px;
    color: #242426;
    font-size: 14px;
    font-weight: 400;
}
.community-write-topic li span {
    display: block;
    margin-top: 6px;
    line-height: 16px;
    color: rgba(36, 36, 38, 0.55);
    font-size: 12px;
}
.community-write-topic h2::-webkit-scrollbar{display: none;}
.community-write-topic li.emptytopic .topic-add-btn {
    width: 104px;
    height: 30px;
    line-height: 30px;
    border: none;
    margin: 19px auto 0;
    position: relative;
    left: -32px;
    background-color: #5370ff;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
}
.community-write-topic[status=search] h2 {
    display: none;
}
.community-write-topic[status=search] ul {
    margin: 0;
    padding: 0 30px;
}
.community-write-topic li:hover {
    background: #fafbfc;
}

body .layui-layer-btn  .layui-layer-btn0{
    border-color: #5370ff;
    background-color: #5370ff;
    color: #fff;
  }
  
.friend_avater-center>a{display: block;text-align: center;width: 100%;height: 100%;}
.friend_avater-center>a img.friend_avater_img{width: 97px;height: 97px;border-radius: 50%;}
.friend_avater_title{position: relative;text-align: center;font-size: 16px;margin: 10px 0 15px 0;}
.friend_avater_title >a {display: flex;color: #374567;justify-content: center;
    align-items: center;}
.friend_table{width: 100%;margin-top: 10px;display: flex;justify-content:space-around;flex-wrap: wrap;}
.friend_table li{border-left: 1px solid #ececee; min-width: 33.3%; max-width: 50%; text-align: center;font-size: 16px;padding: 12px;overflow: hidden;box-sizing: border-box;}
.friend_table li:nth-child(4),.friend_table li:nth-child(5){width: 50%;border-top: 1px solid #ececee;}
.friend_table li:nth-child(4),.friend_table li:nth-child(1){border-left: 0;}
.friend_table li h6{font-size: 14px;color: #374567;margin-bottom: 3px;}
.friend_table li p{font-size: 14px;color: #374567;}
.friend_table li a{display: block;}

.friend_cargroy-box{border-bottom: 1px solid #d9e1ec;padding-bottom: 10px;margin-bottom: 20px;}
.my-com-title{font-size: 20px;color: #374567;font-weight: 500;margin-bottom: 10px;}
.my-com-title img{margin-right: 6px;vertical-align: bottom;}
.friend_cargroy-box ul li{padding-left: 10px;overflow: hidden;}
  .friend_cargroy-box ul li.maxh{max-height: 195px;} 
.friend_cargroy-box ul li a{ overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all; padding: 10px 0;color: #374567;font-size: 14px;display: block;font-weight: 500;}
.friend_cargroy-box ul li a:hover{color: #5773ff;}
.friend_cargroy-box ul li a span{margin-right: 15px;}

.friend_cargroy-box ul li a i{font-size: 14px;}
.friend_cargroy-box ul.friend_cargroy-last{overflow: hidden;}
a.re_more{color: #919db3;display: none;padding-left: 10px;padding-bottom: 10px;padding-top: 5px;}
a.re_more span{margin-right: 15px;}
a.re_more:hover{color: #5773ff;}
.more_cargory img{margin-right: 10px;vertical-align: middle;}
.more_cargory{display: flex;align-items: center;}
.more_cargory a{ color: #374567;}

/* 朋友圈详情 */
.current_position,.friend_h1{padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #d9e1ec;margin-right: -45px;}
.current_position li a{font-size: 12px ;color:#7a8ba6;}
.current_position li a:hover{text-decoration: underline;}
.current_position li i{margin: 0 10px;font-size: 12px;color: #7a8ba6;}
.current_position li i:first-child{margin-right: 5px;}

.left-mid_box .hot_circles_box{border-bottom: 0;}
.fri_flex{display: flex;}
.fri_flex .pr-left-mid_box{height: auto;}
.fri_flex .pr-left-mid_box .left-mid_box{height: 100%;padding-top: 20px;}
.friend_h1{position: relative;margin-bottom: 0;}
.friend_h1 .jubao{position: absolute;right: 45px;bottom: 20px;}
.friend_h1 .jubao a{color: #7a8ba6;font-size: 12px;}
.friend_h1>a{width: 38px;height: 38px;overflow: hidden;border-radius: 50%;margin-right: 10px;}
.friend_h1>a img{width: 100%;height: 100%;object-fit: cover;}
.right_friend_h1{overflow: hidden;flex: auto;}
.right_friend_h1 h2{font-size: 16px;margin-bottom: 5px;}
.right_friend_h1 h2 a{color: #374567;display: flex;position: relative;align-items: center;}
.right_friend_h1 p{color: #7a8ba6;font-size: 12px;font-family: '微软雅黑';}
.tab-circles-box li>div.mainbody{
    font-size: 14px;
    line-height: 170%;
    color: #7a8ba6;
    margin: 15px 0;
}
.tab-circles-box li>div.mainbody a {
    color: #5370ff;
    margin: 0 5px;
}

#site_comments_body{display: flex;justify-content: space-between;margin-bottom: 25px;}
#site_comments_body .site_comments_body_left{min-width: 42px; max-width: 42px;height: 42px;overflow: hidden;border-radius: 50%;margin-right: 10px;}
#site_comments_body .site_comments_body_left img{width: 100%;height: 100%;object-fit: cover;}
#site_comments_body .site_comments_input_group{overflow: hidden;flex: auto;}
.site_comments_textarea{padding:10px;color: #666; width: 100%;background-color: #f9faff;border: 1px solid #e1e6f0;box-sizing: border-box;overflow: hidden;resize: none; height: 124px;}
.site_comments_line{background-color: #d9e1ec;margin-bottom: 30px;margin-right: -45px;}
#site_comments_body .nosite_comments_input_group{overflow: hidden;flex: auto;background-color: #f5f8ff;height: 80px;line-height: 80px;text-align: center;border-radius: 3px;font-size: 14px;color: #7a8ba6;}

.site_comments_length{font-size: 16px;color: #374567;}
.site_comments_length span{font-size: 16px;color:#5672ff;margin-right:5px;}
.site_comments_list >li{display: flex;justify-content: space-between;padding-bottom:20px;}
.site_comments_list_left{min-width: 42px; max-width: 42px;height: 42px;overflow: hidden;border-radius: 50%;margin-right: 10px;}
.site_comments_list_left img{width: 100%;height: 100%;object-fit: cover;}
.site_comments_list_right{flex: auto;overflow: hidden;position: relative;}
.site_comments_list_right cite{position:absolute;right: 0;top: 0;color: #374567;font-size: 14px;font-weight: 600;}
.site_comments_list_right h2{position: relative; display: flex;align-items: center; font-size: 14px;color: #374567;margin-bottom: 8px;}
.site_comments_list_right p{font-size: 13px;color: #666;}
.site_comments_list_right_group{margin-top: 15px;font-size: 12px;color: #7a8ba6;}
.site_comments_list_right_group span{margin-left: 15px;cursor: pointer;}
.site_comments_list_right_group span i{margin-right: 3px;}
.follow_msg{
    display: flex;
    width: 80%;
    justify-content: space-between;
    margin: 25px auto;}

.zw-nofollow-btn{
    background-image: linear-gradient(to right,#5370ff,#879bff);
    font-size: 14px;
    color: #fff;
}
.zw-nofollow-btn:hover{color: #fff;background-image: linear-gradient(to left,#5370ff,#879bff);}
.zw-follow-btn:hover{color: #fff;background-image: linear-gradient(to right,#5370ff,#879bff);}
.zw-follow-btn{ background-image: linear-gradient(to left,#5370ff,#879bff);
    font-size: 14px;
    color: #fff;}
.zw-btn{
    width: 96px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-radius: 20px;
    display: inline-block;
}
.zw-msg-btn {
    background-color: #fff;
    border: 1px solid #ebecee;
    color: #7a8ba6;
}
.zw_cargroy_detail{margin-bottom: 25px; background-color: #fff;border-radius: 3px;border: 1px solid #ebecee;padding: 38px 24px;overflow: hidden;}
.zw_cargroy_detail_left{max-width: 127px;height: 127px;min-width:127px;margin-right: 15px;}
.zw_cargroy_detail_left >img{border-radius: 5px;width: 127px;height: 127px;}
.zw_cargroy_detail_right,.zw_cargroy_detail_mid{flex: 1;overflow: hidden;}
.zw_cargroy_detail_mid h1{font-size: 26px;margin-bottom: 10px;color: #374567;}
.zw_cargroy_detail_mid p{font-size: 14px;color: #7a8ba6;margin-top: 15px;}
.zw_cargroy_detail_right{text-align: right;position: relative;flex-direction: column;}
.zw_cargroy_detail_right ul li{display: inline-block;}
.zw_cargroy_detail_right ul li li{margin-left: 6px;}
.zw_cargroy_detail_right ul li img{border-radius: 50%;width: 42px;height: 42px;}
.zw_cargroy_detail_right>div.mt-5{margin-top: 5px;}
.zw-com-fri-nav li{font-size: 20px;color: #7a8ba6;cursor: pointer;}
.zw-com-fri-nav li a{font-size: 20px;color: #7a8ba6;cursor: pointer;}
.zw-com-fri-nav li.cur a{color: #fe9431;font-weight: 600;}
.zw-com-fri-nav li li{margin-left: 25px;}

.zw-launch-dynamics{margin: 20px 0; cursor: pointer; border-radius: 30px;border: 0; width: 100%;height: 55px;line-height: 55px;color: #fff;font-size: 18px;background-image: linear-gradient(to right,#5370ff,#879bff);}
.zw-launch-dynamics:hover{background-image: linear-gradient(to left,#5370ff,#879bff);}
.zw-launch-dynamics i{font-size: 26px;vertical-align: bottom; margin-right: 4px;}
.zw-com_order{font-family:'pingfang sc';font-size: 20px;color: #374567;}
.zw-com_order img{margin-right: 6px;}
.zw-c_orderbox li li{padding-top: 20px;}
.zw-c_orderbox li:first-child >span{color: #ff7749;}
.zw-c_orderbox li:nth-child(2) >span{color: #ff7f46;}
.zw-c_orderbox li:nth-child(3) >span{color: #ffc36e;}
.zw-c_orderbox li >span{line-height: 40px; font-size: 22px;color: #d0d5de; min-width: 30px;max-width: 30px;margin-right: 10px;}
.zw-c_orderbox-m{flex:3;overflow: hidden;}
.zw-c_orderbox-m>a{max-width: 40px; min-width: 40px;height: 40px;margin-right: 10px;}
.zw-c_orderbox-m>a>img{width: 100%;height: 100%;border-radius: 50%;}
.zw-c_orderbox-m>div{flex: auto;overflow: hidden;}
.zw-c_orderbox-m>div h2{font-size: 14px;margin-bottom: 5px;}
.zw-c_orderbox-m>div h2 a{color: #374567;position: relative;}
.zw-c_orderbox-m>div h2 a:hover{color: #5370ff;}
.zw-c_orderbox-m>div p{color: #7a8ba6;font-size: 12px;}
.zw-c_orderbox-r{text-align:right; flex: 1;overflow: hidden;}
.zw-btn-small{width:50px;
    text-align: center;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    border-radius: 15px;
    display: inline-block;}

.zw-btn-small-follow{background-color: #5572ff;color: #fff;}
.zw-btn-small-nofollow{border: 1px solid #5572ff;color: #5572ff;}
.zw-btn-small-nofollow:hover{background-color: #5572ff;color: #fff;}
.zw-btn-small-follow:hover{border: 1px solid #5572ff;color: #5572ff;background-color:transparent;}


#createcar{display: none;padding: 20px;}

.zw-classify{padding: 25px 0;}
.zw-classify:first-child{padding-top: 0;}
.zw-classify .zw-classify{border-top: 1px solid #d9e1ec;}
.zw-classify dt{font-size: 24px;font-weight: 500;color: #374567;margin-bottom: 25px;}
.zw-classify dt::before{width: 4px;border-radius: 10px;height: 22px;content: "";display: inline-block;
    background-image: linear-gradient(to right, #5370ff, #748bff);margin-right: 15px;vertical-align: middle;
    margin-bottom: 4px;
}
.zw-classify_list_item{margin: -15px -10px;overflow: hidden;}
.zw-classify_list_item li{width: 20%;float: left;padding:15px 10px;text-align: center;box-sizing: border-box;}

.zw-classify_list_avater{width: 95px;height: 95px; display: block;margin: 0 auto;margin-bottom:8px;}
.zw-classify_list_avater img{display: block;width: 100%;height: 100%;border-radius: 5px;}
.zw-classify_list_avater img:hover{opacity: 0.85;}
.zw-classify_list_item li>h3{font-size: 14px;margin-bottom:6px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;}
.zw-classify_list_item li>h3 a{color: #374567;}
.zw-classify_list_item li>h3 a:hover{text-decoration: underline;}
.zw-classify_list_item li>h3 a i{margin-right: 5px;}
.zw-classify_list_item li>p{color: #7a8ba6;margin-bottom:10px;font-size: 12px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;}
.zw-classify_list_item_ .zw-btn{width: 68px;height: 30px;line-height: 30px;}

/* 分页 */
.pages_box {
    justify-content: start;
}
.display_flex {
    display: flex;
}
.clearfix {
    zoom: 1;
    clear: both;
}
.clearfix:before {
    content: " ";
    display: table;
}
.pages_box > li {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin-right: 10px;
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d9e1ec;
    font-size: 14px;
}
.pages_box>li.active,.pages_box > li:hover a{
    color: #fff;
    background-color: #5370ff;
}
.pages_box > li a {
    border-radius: 2px;
    display: inline-block;
    width: 100%;
    color: #666;
    height: 100%;
}
.pages_box>li.active a{color: #fff;}
.pages_box > li.active a:hover{color: #fff;}
#zw_share{display:inline-block;position: relative;margin-left: 15px;}
#zw_share:hover .zw_share_box{display: block;}
.zw_share_box{position: absolute;
    padding: 25px;
    display: none;
    width: 240px;
    left: -110px;
    bottom: 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 5px 12px 0px rgba(133, 144, 166, 0.15);
    border: 1px solid rgba(133, 144, 166, 0.1);
    z-index: 9;
}
.zw_share_box::before{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: -8px;
    z-index: 8;
    left: 120px;
    border-bottom: 1px solid rgba(133, 144, 166, 0.1);
    border-right: 1px solid rgba(133, 144, 166, 0.1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}
.zw_share_box_share{display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;}
.zw_share_box_share >div{display: inline-block;text-align: center;font-size: 14px;color: #7a8ba6;}
.zw_share_box_share >div p{font-size: 13px;}
.zw_share_box_line{margin-top:12px;}
.zw_share_box_line>h3{font-size: 14px;color: #7a8ba6;margin-bottom: 8px;}
.zw_share_box_line input{overflow: hidden; border: 0;border-radius:3px;width: 70%;background-color: #f5f6f7;color: #7a8ba6;height: 34px;line-height: 34px;box-sizing: border-box;padding-left:5px;}
.zw_share_box_line button{border: 0;border-radius: 20px;width: 28%;height: 34px;line-height: 34px;cursor: pointer; background-color: #5370ff;color:#fff;}
.zw_share_box_line button:hover{opacity: 0.85;}

/* list */
#zw_list-position{color: #7a8ba6;font-size: 12px;margin-bottom: 25px;}
#zw_list-position a{color: #7a8ba6;}
#zw_list-position a:hover{text-decoration: underline;}
#zw_list-position span{margin: 0 5px;}
#zw_title_search{width: 200px;margin-right: 10px;}
.com-title2 .layui-input,.com-title2 .layui-select{height: 34px;font-size: 12px;color: #7a8ba6;}
.com-title2 .layui-form-select dl dd.layui-this{background-color: #7b8ff6;}
.zw_title_search_btn{padding: 0 15px; background-color: #5370ff;color: #fff;height: 32px;margin-left: 10px;line-height: 32px;}
.zw_title_search_btn i.layui-icon{color: #fff;margin-right: 0;}
.zw_list-categorize_f{display: flex;font-size: 14px;}
.zw_list-categorize_f dt{flex: 1;color: #374567;display: flex;align-items: center;height: 33px;font-weight: 520;}
.zw_list-categorize_f dd{flex: 12;overflow: hidden;display: flex;align-items: center;flex-wrap: wrap;}
.zw_list-categorize_f dd a{color: #7a8ba6;margin: 2px 10px;padding: 5px 12px;}
.zw_list-categorize_f dd a.cur{background-color: #f0f4fd;border-radius: 3px;color: #5370ff;}
.zw_list-categorize_f-dd a i{font-size: 14px;color: #5370ff;margin-left: 3px;}
.zw_list-categorize_f-dd a span{font-size: 14px;color: #b0c1d2;margin-right: 3px;}
.zw_list_top-bor{border-bottom: 1px solid #d9e1ec;width: 100%;}
.zw_list_top-bor-ul li{display: flex;align-items: center;}
.zw_list_top-bor-ul li a{font-size: 16px;color: #374567;padding-bottom: 13px;border-bottom: 2px solid transparent;}
.zw_list_top-bor-ul li a a{margin-left: 40px;}
.zw_list_top-bor-ul li a.cur{color: #5370ff;border-bottom: 2px solid #5370ff;}

.zw_course_list,.zw_library_group{padding-right: 35px;}
.zw_course_list .new_course_item{border: 0; box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 5%);}

.zw_library_group_list-t{background-color: #f0f4fd;border-radius: 5px;position: relative;height: 339px;overflow: hidden;}
.zw_library_group_list-t>a{flex-direction: column; width: 100%;height: 100%;display: flex;justify-content: center;}
.zw_library_group_list-t>a>h3{text-align: center;}
.zw_library_group_list-t>a>img{box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.1); object-fit: cover; margin: 0 auto;display: inline-block;width: 173px;height: 244px;}
.zw_library_group_list-t>a >i{position: absolute;z-index: 5;right: 0;top: 0;color: #5370ff;font-size: 42px;}
.zw_library_group_list>h6 a{font-size: 12px;color: #7a8ba6;}
.zw_library_group_list>h6{margin: 15px 0 10px 0;}
.zw_library_group_list>h6 a img{width: 20px;height: 20px;border-radius: 50%;margin-right: 5px;}
.zw_library_group_list>p{font-size: 14px;height: 42px;line-height: 150%;}
.zw_library_group_list>p a{font-weight: 500;color: #374567;}
.zw_library_group_list-t-bg{
    position: absolute;z-index: 6;background-color: rgb(119, 127,146, 0.4);width: 100%;
    height: 100%;transition: all 0.3s;transform: translatey(110%);
}
.zw_library_group_list-t-bg-g{padding: 30px 25px;height: 100%;box-sizing: border-box; display: flex; justify-content: space-between;flex-direction: column;}
.zw_library_group_list-t-bg h4{display: flex;justify-content: space-between;}
.zw_library_group_list-t-bg h4 span{flex: 1; background-color: #fff;height: 26px;color: #777f92;font-size: 12px;
    text-align: center;padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    line-height: 26px;text-align: center;
}
.zw_library_group_list-t-bg h4 span.zw-m_w{flex: 2;}
.zw_library_group_list-t-bg h4 span i{font-size: 12px;color: #777f92;margin-right: 3px;}
.zw_library_group_list-t-bg h4 span span{margin-left: 10px;}
.zw_library_group_list-t>a:hover .zw_library_group_list-t-bg{transform: translatey(0);display: block;}

.zw_hot_tags{margin: 0 -5px;}
.zw_hot_tags a{display: inline-block;padding: 5px 12px;font-size: 14px;color: #7a8ba6;border: 1px solid #f0f4fd;border-radius: 2px;
   margin:5px 5px;
}
.zw_hot_tags a:hover{background-color: #f0f4fd;color: #5370ff;}
.zw_library_group_list_ul li{position: relative; display: flex;align-items: center;justify-content: space-between;}
.zw_library_group_list_l{max-width:37px ;min-width: 37px;height: 42px;margin-right: 30px;}
.zw_library_group_list_l img{width: 100%;height: 100%;}

.zw_library_group_list_r{display: flex; flex: auto;overflow: hidden;align-items: center;cursor: pointer;padding: 12px 0;}
.zw_library_group_list_r-l{flex: 1;margin-right: 30px;text-align: center;} 
.zw_library_group_list_r-r{flex: 10;overflow: hidden;} 
.zw_library_group_list_r-l span{color: #7a8ba6;font-size: 12px;}
.zw_library_group_list_r-l p{color: #7a8ba6;font-size: 12px;margin-top: 12px;}
.zw_library_group_list_r-r h3{font-weight: 500;font-size: 14px;color: #374567;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 15px;
}
.zw_library_group_list_r-r h3 a{color: #374567;font-weight: 560;}
.zw_library_group_list_r-r h3 cite{height: 20px;width: 58px;
    border-radius: 2px;background-color: #5370ff;color: #fff;font-size: 12px;
  margin-right: 5px;display: inline-block;
  box-shadow: 0 2px 2px 0 rgb(23,151,71,0.15);display: inline-flex;align-items: center;justify-content: center;
}
.zw_library_group_list_r-r h3 cite i{margin-right: 3px;font-size: 12px;}
.zw_library_group_list_r-r p{display: flex;align-items: center;}
.zw_library_group_list_r-r p cite{margin-left: 15px;font-size: 12px;color: #7a8ba6;}
.zw_library_group_list_r-r p cite i{margin-right: 3px; font-size: 12px;color: #7a8ba6;}

.zw_library_group_list_r:hover{background: linear-gradient(to left, #f5f8ff,#f5f8ff 30%, transparent);}

.zw_news_group_list li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}
.zw_news_group_list_l {
    max-width: 43px;
    min-width: 43px;
    position: relative;
    height: 43px;
    border-radius: 50%;
    margin-right: 30px;
}

.zw_news_group_list_l> a>img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
}
.zw_news_group_list_l .zw_ver{left: 25px;bottom: 2px;}
.zw_news_group_list_r {
    display: flex;
    flex: auto;
    overflow: hidden;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
}
.zw_news_group_list_r:hover{background: linear-gradient(to left, #f5f8ff,#f5f8ff 30%, transparent);}
.zw_news_group_list_r-l {
    flex: 1;
    margin-right: 30px;
    text-align: center;
}
.zw_news_group_list_r-l span {
    color: #7a8ba6;
    font-size: 12px;
}
.zw_news_group_list_r-l p {
    color: #7a8ba6;
    font-size: 12px;
    margin-top: 12px;
}
.zw_news_group_list_r-r {
    flex: 10;
    overflow: hidden;
}
.zw_news_group_list_r-r h3 {
    font-weight: 500;
    font-size: 14px;
    color: #374567;
    line-height: 160%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
}
.zw_news_group_list_r-r h3 a{color: #374567;}
.zw_news_group_list_r-r h3 a:hover span{opacity: 0.85;}
.zw_news_group_list_r-r h3 cite{
    font-size: 12px;
    margin-left: 5px;
    padding: 3px 6px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}
.zw_news_group_list_r-r h3 cite.zw-zb{background-color: #fc495f;}
.zw_news_group_list_r-r h3 cite.zw-gb{background-color: #ffb800;}
.zw_news_group_list_r-r h3 cite.zw-yj{background-color: #3d956d;}
.zw_news_group_list_r-r h3 cite.zw-wj{background-color:#f04954;}
.zw_news_group_list_r-r p {
    display: flex;
    font-size: 12px;
    color: #7a8ba6;
    align-items: center;
}
.zw_news_group_list_r-r p cite{margin-right: 15px;}
.zw_news_group_list_r-r p cite i{font-size: 12px;margin-right: 3px;}
.zw_news_group_list_r-r p time{margin-right: 15px;}
.zw_news_group_list_r-r p span a {
    font-size: 12px;
    margin-right: 5px;
    color: #3860f4;
}


.zwkc-grad_bg{padding-top: 5px; overflow: hidden; width: 100%;background:#fff  left top no-repeat;
    /* background: linear-gradient(180deg,transparent,hsla(0,0%,95%,.29) 47.39%,#fff),linear-gradient(90deg,#f9ddf1 .07%,#e5e1ff 16.73%,#daedff 34.48%,#e2f4e3 49.98%,#ebf5d8 66.12%,#faf2da 81.95%,#fbe5d8 99.9%);    */
}
.zw-course-title-page{display: flex;justify-content: space-between;}
.zw-course-title-page-l{min-width: 266px;margin-right: 30px;max-width: 266px;height: 185px;}
.zw-course-title-page-l img{object-fit: cover; width: 100%;height: 100%;box-sizing: border-box; border: 15px solid #fff;border-radius: 2px;}
.zw-course-title-page-l img:hover{opacity: 0.85;}
.zw-course-title-page-r{flex: auto;}
.zw-course-title-page-r h1{color: #374567;font-size: 24px;margin-bottom: 30px;}
.zw-course-title-page-r h1 a{color: #374567;}
.zw-course-title-page-r h1 a:hover{opacity: 0.85;}
.zw-course-title-page-r h3{margin-bottom: 35px;display: flex;align-items: center;}
.zw-course-title-page-r h3 a img{width: 33px;height: 33px;border-radius: 50%;margin-right: 6px;}
.zw-course-title-page-r h3 a{color: #374567;font-size:14px;margin-right: 25px;}
.zw-course-title-page-r h3 span{font-size: 14px;color: #7a8ba6;}
.zw-course-title-page-r h3 span i{font-size: 14px;color: #7a8ba6;margin-right:5px ;}

.zw-course-bot-b{display: flex;justify-content: space-between;align-items: center;}
.zw-course-bot-l{flex: 1;display: flex;align-items: center;}
.zw-course-bot-l button{height: 32px;padding: 0px 15px;display: inline-flex;align-items: center;justify-content: center;color: #5370ff;font-size: 14px;
margin-right: 15px;border: 0;background-color: #fff;
}
.zw-course-bot-l button i{font-size: 14px;margin-left: 5px;}
.zw-course-bot-r{flex: 1;text-align: right;}
.zw-course-bot-r >span span{margin-left: 15px;}
.zw-course-bot-r >span{font-size: 14px;color: #7a8ba6;cursor: pointer;}
.zw-course-bot-r >span a{font-size: 14px;color: #7a8ba6;cursor: pointer;}
.zw-course-bot-r >span i{font-size: 14px;color: #7a8ba6;margin-right: 3px;}
.zw-coure-validity{display: flex;justify-content: space-between;padding: 15px 20px;background-color: #fff;
  box-shadow: 0px -5px 20px 10px rgb(252 73 95 / 3%);margin-top: 40px;align-items: center;border: 1px solid #f5f8ff;
}
.zw-coure-validity-l{flex: 1;font-size: 24px;color: #374567;line-height: 180%;}
.zw-coure-validity-l::first-letter{color: #5370ff;}
.zw-coure-validity-m{flex: 9;font-size: 14px;color: #7a8ba6;line-height: 180%;}
.zw-coure-validity-r{flex: 3;text-align: right;}
.zw-coure-validity-r a{overflow: hidden;text-overflow: ellipsis; background-color: #fc495f;box-shadow: 0 2px 2px 0px rgba(252,73,95,0.15); border-radius: 2px;display: inline-block;padding: 0 15px;height: 32px;text-align: center;line-height: 32px;color: #fff;}
.zw-coure-validity-r a i{font-size: 14px;margin-right: 5px;}
/* .zw-coure-content{padding-top: ;} */
.zw-coure-content-nav{border-bottom:1px solid #d9e1ec;}
.zw-coure-content-nav li{display: flex;align-items: center;}
.zw-coure-content-nav li a{cursor: pointer; padding-bottom: 15px; font-size: 16px;color: #374567;border-bottom: 2px solid transparent;}
.zw-coure-content-nav li a a{margin-left: 45px;}
.zw-coure-content-nav li a.cur{font-size: 18px;color: #5370ff;border-bottom: 2px solid #5370ff;}
.zw-coure-content-body{display: none;padding-top: 25px;}
.zw-coure-content-body.layer-photos-coure p{margin-bottom: 15px;color: #7a8ba6;font-size: 14px;line-height: 160%;}
.zw-coure-content-body.layer-photos-coure img{margin-bottom: 15px;max-width: 100%;cursor: pointer;}

.zw-coure-content-body-title{font-size: 18px;color: #7a8ba6;margin-bottom: 20px;display: inline-flex;align-items: center;}
h4.zw-coure-content-body-title{font-size: 16px;}
h4.zw-coure-content-body-title i{font-size: 18px;}
.zw-coure-content-body-title i{font-size: 22px;color: #5370ff;margin-right: 5px;}
.zw-coure-content-list li{line-height: 160%;padding: 10px 0;}
.zw-coure-content-list li a{display: flex;justify-content: space-between; font-size: 15px;color: #7a8ba6;}
.zw-coure-content-list li a span{flex: auto;overflow: hidden;line-height: 160%;}
.zw-coure-content-list li a>i{font-size: 16px;margin-right: 6px;margin-top: 1px;}
.zw-coure-content-list li a span cite{margin: 0 8px;}
.zw-coure-content-list li a span time{font-size: 14px;}
.zw-coure-content-list li a span button{margin-left: 10px;background-color: #1bac52;}
.zw-coure-content-list li a:hover{color: #5370ff;}
.score-content-demo{margin-bottom: 25px;}
.score-content-demo p{line-height: normal;margin-top: 2px; font-size: 12px;color: #7a8ba6;margin-left: 15px;margin-bottom: 0;}
#score-demo >img{margin-bottom: 0;}
.zw_star_box{margin-bottom: 10px;margin-top: 10px; display: flex;align-items: center;}
.zw_star{ display: flex;align-items: center;}
.zw_star_box h3{font-size: 12px;color: #999;}
.zw_star_box h3 span{margin-left: 10px;}

#zw-myplay{width: 100%;height: auto;margin-bottom: 25px;overflow:hidden;}
#zw-myplay video{width: 100%;height: auto;}
.zw-video-title{margin-top: 25px;color: #374567;font-size: 24px;line-height: 160%;}
.zw-video-title button {
    margin-left: 10px;
    background-color: #1bac52;
}
.zw-video-deatil{background-color: #f5f8ff;font-size: 14px;color: #7a8ba6;line-height: 160%;padding: 20px;margin: 20px 0;}
/* #zw-mcustomscrollbar{position: fixed;} */
.zw-gr-desc{max-height: 660px;width: 100%;overflow: hidden;}
.zw-coure-desc-list li a{padding: 15px 0;display: flex;width: 100%;height: 100%;}
.zw-coure-desc-list-l{margin-top: 2px; flex: 1;font-size: 16px;color: #374567;height: 100%;margin-right: 10px;}
.zw-coure-desc-list-r{flex:auto;overflow: hidden;}
.zw-coure-desc-list-r h3{line-height: 160%; color: #7a8ba6;margin-bottom: 10px; flex:auto;overflow: hidden;font-size: 14px;color: #7a8ba6;}
.zw-coure-desc-list-r h3 i{margin-right: 3px;}
.zw-coure-desc-list-r p{font-size: 12px;color: #7a8ba6;display: flex;align-items: center;}
.zw-coure-desc-list-r p button{background-color: #1bac52;margin-right: 15px;}
.zw-coure-desc-list-r p i{margin-right: 5px;}
.zw-coure-desc-list li a:hover .zw-coure-desc-list-l,.zw-coure-desc-list li a:hover .zw-coure-desc-list-r h3{color: #fe9431;}
.zw_btn_myver{width: 94px;height: 32px;line-height: 32px; box-shadow: 0 2px 2px 0 rgb(84 126 250 / 15%);
    display: inline-flex;border-radius: 3px;color: #fff !important; background-color: #5470ff;justify-content: center;font-size: 14px;
}
.zw_btn_myver:hover{text-decoration:none !important;opacity: 0.85;}
.zw_btn_myver i{font-size: 14px;margin-right: 3px;}
.zw_expert-item_lists li{padding: 20px 0;display: flex;border-bottom: 1px solid #d9e1ec;}
.zw_expert_lists-r{flex: auto;overflow: hidden;}
.zw_expert_lists-l{min-width: 100px;margin-right:15px ; max-width: 100px;}
.zw_expert_lists-l-img>a>img{width: 100px;height: 100px;border-radius: 50%;}
.zw_expert_lists-l-img{position: relative;}
.zw_expert_lists-l-img>a>.zw_ver{width: 24px;height: 24px;left: 65px;}
.zw_expert_lists-l-name{font-size: 14px;color: #4d5874;margin-top: 15px;text-align: center;overflow: hidden;}
.zw_expert_lists-position{display: flex;align-items: center;}
.zw_expert_lists-position-l{flex: 7;overflow: hidden;}
.zw_expert_lists-position-r{flex: 3;overflow: hidden;justify-content: end; display: flex;align-items: center;}
.zw_expert_lists-position-l h3{font-size: 14px;line-height: 160%;color: #7a8ba6;margin-bottom: 20px;}
.zw_expert_lists-position-l h3 strong{color: #374567;margin-right: 5px;}
.zw_expert_star{display: flex;align-items: center;}
.zw_expert_star-l{display: inline-flex;align-items: center;flex: 1;overflow: hidden;}
.zw_expert_star-r{flex: 1;overflow: hidden;}
.zw_expert_star-l strong,.zw_expert_star-r strong{color: #374567;font-size: 14px;margin-right: 10px;}
.zw_expert_btn a{flex-direction: column; font-size: 12px;color: #7a8ba6; width: 75px;height: 75px;border-radius: 3px;border: 1px solid #ecf0f5;display:flex;align-items: center;justify-content: center;}
.zw_expert_btn .zw_expert_btn{margin-left: 30px;}
.zw_expert_btn p{margin-bottom: 10px;}
/* .zw_expert_btn>a{display: block;width: 100%;height: 100%;color: #7a8ba6;} */
.zw_expert_btn>a:hover{background-color: #5370ff;color: #fff;}
.zw_expert_btn>a:hover strong{color: #fff;}
.zw_expert_btn>a strong{color: #4d5874;font-size: 16px;}
.zw_expert_lists-bottom{display: flex;align-items: center;margin-top: 20px;}
.zw_expert_lists-bottom-l{flex: 1;}
.zw_expert_lists-bottom-l strong,.zw_expert_lists-bottom-r strong{font-size: 14px;color: #374567;margin-right: 10px;}
.zw_expert_lists-bottom-l small{color: #374567;display:inline-flex;align-items:center;}
.zw_expert_lists-bottom-l small i{font-size: 12px;color: #2e77ff;margin-right: 4px;}
.zw_expert_lists-bottom-r .zw_hot_tags{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;width: 94%;}
.zw_expert_lists-bottom-r .zw_hot_tags a{
    background-color: #f0f4fd;
    color: #5370ff;
}
.zw_expert_lists-bottom-r{overflow: hidden; flex: 2;margin-left: 18px; display: inline-flex;align-items: center;}
.zw_expert_lists-bottom-r strong{width:6%;}
.zw-tuijian-icon{position: absolute;right: 0;top: 0;}
.zw-tuijian-icon i{font-size: 34px;color: #5370ff;}
.zw_news_group_list_r-r h3 a span{font-weight: 550;}
.zw-course-bot-r .zw_share_box{bottom:auto;top:22px;}
.zw-course-bot-r .zw_share_box::before{top:-5px;left:122px;border-color:transparent;}

#zw-myplay .prism-player .prism-cover{background-size:100% 100% !important;}
.site_comments_list_right p:nth-of-type(2){margin-top: 8px;color: #999 !important;}
/* 商城 */
.zw_shop-banner-l{padding-right: 50px;}
.zw_shop-banner{background-color: #fff;padding: 12px;border-radius: 5px;box-shadow:0 0 5px 8px rgba(0, 0, 0, 0.01);}
/* .zw_shop-banner .layui-carousel-ind li.layui-this{background-color:#5370ff;} */
.zw_shop-banner-r{height: 370px;display: flex;flex-direction: column;justify-content: space-between;}
#zw-shop-banner_top{border-radius: 5px;overflow: hidden;}
#zw-shop-banner_top div img{height: 100%;object-fit: cover;width: 100%;}
.zw_shop-user{text-align: center;margin-bottom: 20px;}
.zw_shop-user .zw_shop-userava{display:inline-block;width: 66px;height: 66px;border-radius: 50%;overflow: hidden;}
.zw_shop-user .zw_shop-userava img{width: 100%;height: 100%;}
.zw_shop-user .zw_shop-userava img:hover{opacity: 0.8;}
.zw_shop-user>p{color: #374567;font-size: 16px;margin-top: 15px;text-align: center;font-weight: 520;}
.zw_shop-user-lists li,.zw_shop-user-nodes li{display: flex;justify-content: space-between;flex-wrap: wrap;}
.zw_shop-user-lists li a{text-align: center;margin: 20px 0;}
.zw_shop-user-lists li a span{color: #fc495f;font-size: 16px;}
.zw_shop-user-lists li a p{font-size: 14px;color: #374567;margin-top: 10px;font-weight: 520;}
.zw_shop-user-nodes li a{text-align: center; flex: 1; padding: 5px 2px;border-radius: 2px;background-color: #f5f8ff;color: #5370ff;font-size: 12px;}
.zw_shop-user-nodes li a a{margin-left: 10px;}
.zw_shop-user-nodes{margin-top: 30px;margin-bottom: 10px;}
.zw-shop-goods{box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.01); cursor: pointer; display:block;border: 1px solid #f6f6f6;padding: 30px 20px;border-radius: 2px;}
.zw-shop-goods:hover{border: 1px solid #5370ff;}
.zw-shop-goods-t{overflow: hidden; width: 100%;height: 160px;display: flex;align-items: center;justify-content: center;}
.zw-shop-goods-t img{max-width: 100%;height: auto;object-fit: cover;}
.zw-shop-goods-m{color: #7a8ba6;font-size: 14px;margin: 20px 0;line-height: 150%;height: 42px;margin: 15px 0;}
.zw-shop-goods-title{text-align: center;font-size: 16px;margin-top: 10px;}
.zw-goods_market_price{color: #7a8ba6;font-size: 14px;text-decoration: line-through;text-align: center;margin: 15px 0;}
.zw-goods_sell_price{font-size: 16px;color: #fc495f;text-align:center;}
.zw-groy-shop-bg{background-color: #f5f8ff;width: 100%;padding: 50px 0;}

#zw-ying_sipder .swiper-wrapper .swiper-slide a{background-color: #fff;}
.zw-ying_prev,.zw-ying_next{
     background-image: none;
     background-color: rgb(0, 0, 0,0.2);
     text-align: center;
     height: 30px;
     width: 26px;   
     line-height: 30px;
     color: #fff;
     font-size: 14px;
}
.zw-ying_prev i{margin-right: 5px;}
.zw-ying_next i{margin-left: 5px;}
.zw-ying_prev{left: 0;border-radius: 0 15px 15px 0;}
.zw-ying_next{right: 0;border-radius: 15px 0  0 15px;}
.zw-white-shop-bg{background-color: #fff;width: 100%;padding: 30px 0 40px 0;}
.com-title-more{font-size: 12px;}
.com-title-more i{font-size: 12px;margin-left: 3px;}
.zw_classif-shop a{color: #7a8ba6;font-size: 16px;}
.zw-list-freewap{overflow: hidden;width: 70%;margin-left: 25px;}
.zw_classif-shop{width: auto;}


.zw_popupforsem_right{
    width: 96px;
    height: auto;
    background: rgb(255, 255, 255);
    box-shadow: rgb(95 95 130 / 20%) 0px 2px 20px 0px;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    right: 30px;
    transform: translatey(-50%);
    padding:0 16px;
    box-sizing: border-box;
    z-index: 999;}
.zw-article-item{
    position: relative;
    display: flex;
    margin: 25px 0;
    align-items: center;
    justify-content: center;
}
.zw-item-btn {
    position: relative;
    cursor: pointer;
    text-align: center;
  }
 .zw-item-btn .layui-badge{text-align: center;
    line-height: 22px; position: absolute;top: -5px;right:-12px; font-size: 10px; 
    width: 22px;height: 22px;overflow: hidden;border-radius: 50%;padding: 0;}
.zw-item-container{
    position: absolute;
    width: 0;
    overflow: hidden;
    bottom: -20px;
    right: 70px;
    transition: width .3s ease-in-out;
  }
.zw-article-item:hover .zw-item-container {
    padding-right: 20px;
  }
 .zw-item-container .zw-tip-block {
    position: relative;
    padding: 17px 20px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    border: 1px solid #f2f2f2;
  }
 .zw-item-container .zw-tip-block:after {
    position: absolute;
    display: block;
    content: "\e623";
    color: #fff;
    font-family: layui-icon!important;
    left: 100%;
    top: 50%;
    transform: translatey(-50%);
    font-size: 22px;
    margin-left: -8px;
}
 .zw-tip-call {
    text-align: left;
  }

.zw-item-text {
    font-size: 13px;
    color:#666;
    margin-top: 5px;
    text-align: center;
    line-height: 160%;
}
.zw-kf-sec {padding: 15px 0 15px 15px;}
.zw-kf-sec p{color: #666;font-size: 12px;margin-bottom: 10px;}
.zw-kf-sec h3{
    font-size: 16px;
    color: rgb(255, 119, 51);
    font-weight: bold;   
}
.zw-article-item:hover .zw-tip-call {
    width: 205px;
}
 .zw-tip-call .zw-tip-block {
    width: 205px;
    padding: 0;
}
 .zw-article-item:hover .zw-tip-favorite {
    width: 214px;
}
 .zw-tip-favorite .zw-tip-text {
    font-size: 16px;
    line-height: 36px;
    text-align: left;
    color: #666;
}
.zw-txj-wbox {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.zw-tip-favorite .zw-item-tip {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    color: #666;
}
 .zw-tip-favorite .zw-tip-ctrl,.zw-tip-favorite .zw-tip-d {
    width: 72px;
    color: #fff;
    background-color: #5370ff;
}

.zw-tip-favorite .zw-tip-d {
    width: 48px;
    margin-right: 18px;
}
 .zw-tip-favorite .zw-tip-block {
    width: 174px;
    padding-bottom: 29px;
}
.zw-article-item .zw-item-btn svg{
      font-size: 28px;
}

 .zw-article-item:hover .zw-tip-qrcode{
    width: 286px;
  }
 .zw-tip-qrcode .zw-tip-block {
    display: flex;
    width: 256px;
    padding: 12px 15px;
  }
   .zw-tip-qrcode .zw-article-hide{
    text-align: center;
  }
   .zw-tip-qrcode .zw-article-hide img{
    width: 120px;
    height: auto;
  }
.zw-tip-qrcode .zw-article-hide .zw-item-text{
    font-size: 13px;
    line-height: 23px;
  }
.zw-tip-qrcode .zw-article-hide .zw-article-hide{
    margin-left: 16px;
  }
.zw-item-container.zw-tip-qrcode{bottom: -60px;}

.zw_shopclass-bg{margin-bottom: 30px; background-color: #fff;border: 1px solid #f5f8ff;border-radius: 5px;padding: 25px 30px;}
.zw_shopclass-bg .zw_list-categorize_f .zw_list-categorize_f{border-top: 1px solid #f6f6f6;padding-top: 20px;}
.zw_shopclass-bg .layui-input{color: #7a8ba6; height: 30px;line-height: 30px;padding-right: 3px;}
.zw_shopclass-bg dd .layui-btn{width: 54px;background-color: #5370ff;margin-left: 10px;}
.zw_shopclass-bg .zw_list-categorize_f-dd a i{color: #7a8ba6;}
.zw_shopclass-bg .zw_list-categorize_f dd a.cur i{color:#5370ff;}
.zw_shopdetails-bg{margin-bottom: 30px; background-color: #fff;border: 1px solid #f6f6f6;border-radius: 5px;padding: 25px;}
.zw_shopdetails-top-l{width: 410px;overflow: hidden;}
.zw_shopdetails-top-r{width: 790px;padding-left: 50px;box-sizing: border-box;}
.zw-imagezoom-box{margin-bottom: 25px;overflow: hidden;}
.zw-imagezoom-box >img{width: 100%;height: 410px;object-fit: cover;}
.zw-imagezoom-lists{display:block;}
.zw-imagezoom-lists img{width:100%;height: 73px;object-fit: cover;}
div.zoomdiv
{
	z-index:9999;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #cccccc;
	display:none;
	text-align:center;
	overflow:hidden;
}
div.zoommask
{
	position:absolute;
	cursor:move;
	z-index:999;
	background: repeat scroll 0 0 transparent;
	opacity: 0.8;
	border:1px solid #ccc;
}
.tb-selected{border:1px solid #fd684c;}
.zw-goods_info{display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing:border-box;
    padding-bottom:25px;
}
.zw-goods_info_title{font-weight: 550; color: #374567;font-size: 18px;position: relative;}
.zw-goods_info_title::after{line-height: 160%; width: 53px;height: 4px;background-color: #5370ff;
    content: "";position: absolute; bottom: -10px;left: 0;
}
.zw-goods_info-ul{padding: 25px 0 15px 0;border-bottom: 1px solid #f6f6f6;}
.zw-goods_info-ul li{padding: 8px 0;display: flex;align-items: center;word-break:break-all;}
.zw-goods_info-ul li i{font-style:normal;}
.zw-goods_info-ul li strong{color: #374567;font-size: 14px;margin-right: 5px;min-width: 70px;max-width: 120px;}
.zw-goods_info-ul li em{color: #fc495f;font-size: 28px;font-style: normal;}
.zw-goods_info-ul li >span{color: #7a8ba6;font-size: 14px;}
.zw-goods_info-ul li >span cite{color: #fe6c00;}
.zw-goods_info-ul li >span span{margin-left: 20px;}
.zw-goods_info-ul li span.line-through{text-decoration: line-through;}
.zw-goods_info-ul li .zw-item-classif span.disabled{
 padding: 1px 11px;
 background-color: #ddd;
 pointer-events: none;
 cursor: not-allowed;
 position: relative;
 color: #fff;
}
.zw-item-classif{margin:-5px -3px;}
.zw-goods_info-ul li .zw-item-classif span{
    display:inline-block;
    min-height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #7a8ba6;
    padding: 1px 11px;
    background: #fff;
    border: 1px solid #ddd;
    margin:5px 3px;
    cursor: pointer;
}
.zw-goods_info-ul li .zw-item-classif span.current{
    padding: 0 10px;
    border: 2px solid #e71f19;
    position: relative;
}
.zw-goods_info-ul li .zw-item-classif span.current::after,.zw-goods_info-ul li .zw-item-classif span.current::before{
    display: block;
    content: "";
    position: absolute;
    border-style: solid;}
.zw-goods_info-ul li .zw-item-classif span.current::before{
    width: 3px;
    height: 6px;
    border-width: 0 1px 1px 0;
    border-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 1px;
    bottom: 1px;
    z-index: 1;
}
.zw-goods_info-ul li .zw-item-classif span.current::after{
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-width: 6px;
    border-color: transparent #e71f19 #e71f19 transparent;
}
.zw-good_info_buy{padding: 20px 0 0 0;}
.zw-good_info_buy dl{display: flex;align-items: center;}
.zw-good_info_buy dl dt{font-weight: 550; color: #374567;font-size: 14px;margin-right: 5px;width: 70px;max-width: 120px;}
.zw-goods_resize .add, .zw-goods_resize .reduce {
    display: block;
    width: 32px;
    height: 28px;
    background: #f0f0f0;
    cursor: pointer;
    outline: 1px solid #ddd;
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
}
.zw-goods_resize .zw-inputc {
    display: block;
    color: #7a8ba6;
    float: left;
    width: 50px;
    height: 28px;
    border: none;
    outline: 1px solid #ddd;
    text-align: center;
}
.zw_setcar-box{position: relative;margin-top: 35px;}
.zw-add-share{position: absolute;right: 0;bottom: 0;transform: translatey(-50%);}
.zw-btn_submit_buy,.zw-btn_add_cart{cursor: pointer; border-radius: 25px;display: inline-block;width: 163px;height: 41px;text-align: center;line-height: 41px;font-size: 16px;color: #fff;}
.zw-btn_submit_buy i,.zw-btn_add_cart i{margin-right: 6px;}
.zw-btn_submit_buy{background-image: linear-gradient(to right,#5370ff,#748bff);}
.zw-btn_add_cart{margin-left: 20px;background-image: linear-gradient(to left,#fe9431,#fc495f);}
.zw-btn_submit_buy:hover,.zw-btn_add_cart:hover{opacity: 0.8;}
.zw-add-share >span,.zw-add-share >a{color: #7a8ba6;font-size:12px;cursor: pointer;}
.zw-add-share >span >i,.zw-add-share >a>i{font-size: 12px;margin-right: 3px;}

.zw_shopdetails-big{display: flex;justify-content:space-between;margin-top: 25px;}
.zw_shopdetails-big-l{height: 100%; width: 260px;border-radius: 2px;border: 1px solid #f6f6f6;box-sizing: border-box;}
.zw_shopdetails-big-r{width: 920px;margin-left: 20px;box-sizing: border-box;border-radius: 2px;border: 1px solid #f6f6f6;}
.zw_shopdetails-big-l >h3{height: 60px;line-height: 60px; padding-left: 15px; 
    font-size: 22px;color: #374567;font-weight: 520;border-bottom: 1px solid #d9e1ec;}
.zw_shopdetails-big-l >h3 i{color: #ef5350;margin-right: 5px;font-size: 24px;}
.zw-shop-hotorder{padding: 15px 20px 10px 20px;}
.zw-shop-hotorder li{padding: 10px 0;}
.zw-shop-hotorder li a{display: flex;align-items: center;}
.zw-shop-hotorder-l{position: relative; max-width: 79px;margin-right: 10px; min-width: 79px;height: 79px;border-radius: 2px;overflow: hidden;}
.zw-shop-hotorder-l img{width: 79px;height: 79px;}
.zw-shop-hotorder-l span{position: absolute;left: 0;bottom:0;display: block;width: 16px;height: 16px;color: #fff;background: #ef5350;
             font-size: 12px;text-align: center;line-height: 16px;
}
.zw-shop-hotorder-r h4{line-height: 160%;color: #7a8ba6;font-size: 12px;margin-bottom: 10px;}
.zw-shop-hotorder-r p{font-size: 12px; color:#fc5b6e}
.zw-shop-hotorder li a:hover img{opacity: 0.8;}
.zw_shopdetails-big-r{padding:0 20px;}
.zw_shopdetails-tab-lt{margin: 0 -20px; line-height: 60px;height: 60px;display: flex;align-items: center;border-bottom: 1px solid #d9e1ec;}
.zw_shopdetails-tab-lt li li{margin-left: 25px;}
.zw_shopdetails-tab-lt li a{font-weight: 530; padding: 0 20px; display: inline-block; font-size: 16px;color: #374567;}
.zw_shopdetails-tab-lt li a.cur{font-size: 18px;color: #5370ff;border-bottom: 1px solid #5370ff;}
.zw_shopdetails-tab{display: none;padding: 30px 0;}
.zw_shopdetails-tab-top{background-color: #f5f8ff;padding: 20px;margin-bottom: 20px;}
.zw_shopdetails-tab-top>p{color: #7a8ba6;font-size: 12px;line-height: 180%;}
.zw_shopdetails-tab-top>p span span{margin-left: 25px;}
.zw_shopdetails-tab-top>p p{margin-top: 10px;}
.zw_shopdetails-tab-body h2,.zw_shopdetails-tab-body h1,.zw_shopdetails-tab-body h3,.zw_shopdetails-tab-body h4,.zw_shopdetails-tab-body h5{
  line-height: 170%;margin-bottom: 15px;
}
.zw_shopdetails-tab-body p{color:#7a8ba6;line-height: 170%;margin-bottom: 15px;}
.zw_shopdetails-tab-body img{cursor: pointer; margin-bottom: 15px;max-width: 100%;height: auto;}
.zw-cart_2{padding:20px 20px 30px 20px;border: 1px solid #ebecee;position: relative;z-index: 201;}

.zw-cart-item{margin-bottom: 20px;}
.zw-cart-item h2{border-bottom: 1px solid #ebecee;margin-bottom: 20px;}
.zw-cart-item h2 span{font-size: 16px;font-weight: 550; color: #374567; border-bottom: 2px solid #5370ff;display: inline-block;padding-bottom: 15px;}
.zw-cart_item_addr h4{font-weight: 550; font-size: 14px;color: #374567;margin-bottom: 15px;}
#zw-addressadd{display: inline-block; margin-bottom: 25px; background-color: #fff;color: #5370ff;font-size: 14px;border: 1px solid #5370ff;border-radius: 2px;padding: 3px 10px;cursor: pointer;}
.zw-address-a,.zw-cart-form-item span,.zw-cart-form-item strong{margin: 6px 10px 0 0;line-height: 28px;color: #7a8ba6;}
.zw-cart-form-item .layui-form-radio div{color: #7a8ba6;}
.zw-cart-item .zw-cart-form-item2 .layui-form-radio{width:10%;}
.zw-cart-item .zw-cart-form-item2 .layui-form-radio div{font-weight: 550;color: #374567;}
.cart_item_pay>div div{margin-left: 35px;}
.cart_item_pay>div img{cursor: pointer;width: 100%;height: 100%;}
.cart_item_pay .layui-form-radio{margin-right: 0;}

#zw-cart_item_goods tr th{background-color: #f6f8ff;color: #374567;font-weight: 550;text-align: center;}
#zw-cart_item_goods tr td{font-size: 12px;color: #7a8ba6;text-align: center;}
#zw-cart_item_goods tr td a{font-size: 12px;color: #7a8ba6;}
#zw-cart_item_goods tr td img{border: 1px solid #ebecee;width: 73px;height: 73px;}
#zw-cart_item_goods tr td strong{font-size: 18px;color: #fc495f;}
#zw-cart_item_goods.layui-table tbody tr:hover{background-color: #fafafa;}

.zw-cart_item_count{background-color: #f7f9ff;color: #7a8ba6;padding: 20px 15px;}
.zw-cart_item_count strong{color:#fc495f;}
.zw-cart_item_count cite{margin: 0 5px;}
.zw-use_ticket_btn .layui-form-select dl,.zw-use_ticket_count-l .layui-form-select dl {
    top: auto;
    bottom: 36px;
}
.zw-use_ticket_count{margin-top: 25px;}
.zw-addticket-a{color: #7a8ba6;margin-left: 15px;}
.zw-use_ticket_count-r{font-size: 12px;color: #7a8ba6;}
.zw-use_ticket_count-r strong{color: #fc495f;font-size: 26px;}
.zw-user_count-btn{
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    border-radius: 25px;
    width: 163px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    font-size: 16px;
    color: #fff;
    background-image: linear-gradient(to left,#fe9431,#fc495f);
}
.zw-user_count-btn:hover{color: #fff;opacity: 0.8;}
.zw-user_count-btn-c{margin-top: 35px;text-align: right;}
.zw-user_count-btn i{color:#fff;font-size: 20px;margin-right: 5px;}
.zw-cart_lists{padding: 20px 30px;border: 1px solid #ececee;border-radius: 2px;}
.zw-cart_listsnum{margin-top:20px;background-image: linear-gradient(to right,#fff,#f7f7ff);padding: 20px;text-align: right;}
.zw-cart_listsnum span{font-size: 14px;color: #7a8ba6;}
.zw-cart_listsnum span span{margin-left: 25px;}
.zw-cart_listsnum span strong{margin-left: 5px;font-size: 22px;color: #f04954;}
.zw-clear_cart_btn a,.zw-add_cart_btn a.zw-add_cart_btn1{
    cursor: pointer;
    border-radius: 25px;
    display: inline-block;
    width: 163px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    font-size: 16px;
    color: #7a8ba6;
    background-image: linear-gradient(to bottom,#fff,#e7eef8);
    border: 1px solid #ececee;
}
#zw_sum_price{font-style:normal;}
.zw-add_cart_btn a.zw-add_cart_btn1{
   margin-right: 15px;
}
.zw-clear_cart_btn a i,.zw-add_cart_btn a.zw-add_cart_btn1 i{margin-right: 5px;}
.zw-head_row{background: #f5f8ff;display: flex;align-items: center;padding: 20px 15px;color: #374567;margin-bottom: 10px;}
.zw-list_row{display: flex;align-items: center;padding: 15px 15px;}
.zwcar-check{flex: 1;}
.zwcar-img{flex: 2;padding:0 5px}
.zwcar-name{flex: 8;padding:0 5px}
.zwcar-jf{flex: 2;padding:0 5px}
.zwcar-price{flex: 2;padding:0 5px}
.zwcar-number{flex: 3;padding:0 5px}
.zwcar-subtotal{flex: 2;padding:0 5px}
.zwcar-ctrl{flex: 2;padding:0 5px;text-align: center;}
.zw-list_row .zwcar-name a{color: #5370ff;}
.zw-list_row .zwcar-price strong,.zw-list_row .zwcar-subtotal strong{color: #f04954;font-size: 16px;}
.zw-list_row .zwcar-ctrl a{color: #7a8ba6; display: inline-block;border: 1px solid #ececee;font-size: 12px;padding: 3px 8px;border-radius: 2px;}
.zw-list_row .zwcar-ctrl a:hover{background-color: #5370ff;border: 0;color: #fff;}

#addressadd-box,#zw-selecttakeself-box,#zw-invoice{display: none; padding: 25px 15px 5px; }
.layui-form-label .layui-required {
    position: relative;
}
#addressadd-box .layui-form-item .layui-input-inline{width: 150px;}
.layui-form-label .layui-required:after {
    content: "*";
    color: red;
    position: absolute;
    top: -3px;
    left: -7px;
}
#addressadd-box form .layui-input,#addressadd-box form .layui-form-item label,#zw-invoice form .layui-input{color: #7a8ba6 !important;}
#zw-invoice .layui-form-label{width: 100px;color: #7a8ba6;}
#zw-invoice .layui-form-select dl,.zw-use_ticket_count-l .layui-form-select dl {
    top: auto;
    bottom: 36px;
}
.zw-goods_resize{color: #7a8ba6;}
#zwtaxes{color: #666;line-height: 18px;margin-right: 15px;margin-left: -10px;}
.zwtaxes-show{display: flex;align-items: center;}
.zwtaxes-show.zwtaxes-hide{display: none;}
.zw-cart_2 .layui-form-select dl dd,.zw-cart_2 .layui-form-select .layui-input{color: #7a8ba6;}
.zw-cart_2 .layui-form-select dl dd.layui-this{color: #fff;}
.zw_templatesingle{position: relative;text-align: center;}
.zw_templatesingle::before{
      position: absolute;
      content: '';
      width: 490px;
      transform: translatey(-50%);
      top: 50%;
      left: 0;
      height: 2px;
      background-image: linear-gradient(to right,#fff 1%,#cde5ff);
}
.zw_templatesingle::after{
    position: absolute;
    content: '';
    transform: translatey(-50%);
    top: 50%;
    right: 0;
    width: 490px;
    height: 2px;
    background-image: linear-gradient(to left,#fff 1%,#cde5ff);
}
.zw_templatesingle img:first-child{margin-right: 11px;}
.zw_templatesingle img:last-child{margin-left: 11px;}