* {
    box-sizing: border-box;
    font-family: 'webfont','Open Sans',"pingfang sc regular","PingFangHeiTcw8-Proportional","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei";
}
body{background-color: #f9faff;-webkit-font-smoothing: antialiased;}
.flex_box {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
}
::-ms-clear, ::-ms-reveal { display: none; }
.hide-box{display: none !important;}
.flex_box_sa {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.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;
}

.com_bg{background-color: #fff;padding-bottom: 64px;overflow: hidden;width: 100%;}
.com_bd{padding-bottom: 64px;overflow: hidden;width: 100%;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {
    color: #3860f4;
}

/* 父容器下子元素横向自动平均分布在该行上 */
.hfont{font-family: "PingFangHeiTcw8-Proportional";}
.hpf{color: #374567;font-size: 16px;font-family: "PingFangHeiTcw8-Proportional";}
.flex_box_zd {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.grad{ background-image: linear-gradient(to right, #5f87f8 , #3860f4);}

.grad-a a{display: block;border-radius: 2px;}
.grad-a a:hover,a.grad:hover{background-image: linear-gradient(to right,#3860f4,#5f87f8);}
/* 弹性盒子自动换行 */

.flex_wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.fl-r {
    float: right;
}

.fl-l {
    float: left;
}

.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;
}
header{width: 100%;background-color: #3860f4;}
.wrap_nav{height: 64px;position: relative;}
nav{background-color: #3860f4;position: fixed;height: 64px;width: 100%;z-index: 9999;top: 0;
    box-shadow: rgba(56,96,244,0.25) 0px 2px 15px -1px, rgba(56,96,244,0.3) 0px 1px 10px -1px;

}
nav>div{height: 100%;}
.nav{display: flex;align-items: center;height: 100%;}
nav .logo{
    flex: 1;
    max-width: 235px;
    padding: 10px 10px 10px 0;
}
nav .logo img {
    width: 150px;
    height: 26.52px;
}
header nav .mid_nav {
    flex: auto;
    padding: 0 15px;
    font-size: 16px;
    color: #f5f8ff;
}
header nav .mid_nav ul {
    display: flex;
    align-items: center;
    height: 100%;
}
header nav .mid_nav li a{color: #f5f8ff;}
header nav .mid_nav li a.on {color: #fff;}
header nav .mid_nav li {
    height: 64px;
    line-height: 64px;
    text-align: center;
    flex: auto;
    position: relative;
}
header .right_nav {
    flex: 1;
    color: #f5f8ff;
    max-width: 645px;
    align-items: center;
    display: flex;
    text-align: right;
}
header .right_nav .search {
    flex: auto;
    cursor: pointer;
    position: relative;
}
header .right_nav .search i{font-size: 18px;color: #f5f8ff;}
.c_info{
    margin-left: 10px;
    align-items:center;
    flex: 1;
    min-width: 250px;
    max-width: 250px;
    font-size: 14px;
    color: #f5f8ff;
}

.login_com a,.c_nav_control a{color: #f5f8ff;}
.login_com img{width: 30px;height: 30px;border-radius: 50%;margin:0 5px;cursor: pointer;}
.login_com i{font-size: 16px;}
.login_com i sup{color: #fff;font-size: 12px;font-weight: 700; border-radius: 2px;}
.login_com i{font-style: normal;margin: 0 3px;}

.c_nav_bm_btns{
    border-radius: 2px;
    background-color: #fff;
    width: 105px;
    height: 34px;
    line-height: 34px;
    color: #3860f4;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.c_nav_bm_btn i{margin-left: 3px;}
.nav-creation-bubble,.login-after{
    top: 42px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s ease-in;
     visibility: hidden;
     width: 100%;

}
.login-after{width: 132px;top: 40px;
    box-shadow: rgba(0,0,0,0.25) 0px 2px 5px -1px, rgba(0,0,0,0.3) 0px 1px 3px -1px;
}

.login_com{position: relative;}
.mid_nav ul li:last-child{position: relative;}
.mid_nav ul li:last-child::after{top: 22px; position: absolute;content: '';0 0 no-repeat;width: 31px;height: 14px;right: 450px;}
.c_nav_bm_btns:hover .nav-creation-bubble,.login_com-right:hover .login-after{
    box-shadow: rgba(0,0,0,0.25) 0px 2px 5px -1px, rgba(0,0,0,0.3) 0px 1px 3px -1px;
    opacity: 1;
    visibility: visible;}
.nav-creation-bubble ol,.login-after ol{position: relative;padding: 10px 0; background-color: #fff;}
.login-after ol{text-align: left;padding: 0;}
.nav-creation-bubble ol::before,.login-after ol::before{ 
    left: 50%;
    transform: translateX(-50%);
    margin-left: -5px;
    border-width: 0 8px 11px;
    border: 6px dashed transparent;
    border-bottom-color: #fff;
    bottom: 100%;
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    }
.nav-creation-bubble ol li{line-height: 32px;}
.login-after ol li{line-height: 34px;text-align:center;}
.login-after ol li a{display: block;color: #333;}
.login-after ol li a:hover{color: #666;}
.login-after ol li:first-child{border-bottom: 1px solid #eaeaea;}
.login-after ol li:last-child{border-top: 1px solid #eaeaea;}

.search input::-webkit-input-placeholder{
    color:#e0dfdf
}
.search input::-moz-placeholder{   /* Mozilla Firefox 19+ */
      color:#e0dfdf
}
.search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
      color:#e0dfdf
}
.search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
      color:#e0dfdf
}
.search input{padding: 0 5px; color: #f5f8ff; width:88%;border:none; border-bottom: 1px solid #fff;background-color: transparent;display: none;position: absolute;width: 400px;right: 0;top: 0;}
#banner_index{height: 649px;background-color: #3860f4;width: 100%;}

.banner_index{padding: 0 37px;height: 513px;}

#banner{height: 100%;background: transparent;}
#banner .banner-item{background-color: transparent;}
.layui-carousel>[carousel-item]::before{content: "";}
.banner-item a{height: 100%;}
.left-banner-item p{font-family:"Microsoft YaHei";font-size: 24px;color: #d9e7fd;font-style: italic;margin-bottom: 28px;font-weight: bold;}
.left-banner-item h2{font-family: "PangMenZhengDao";font-size: 70px;color: #fff;margin-bottom: 40px;}
.left-banner-item .banner-item-gradual{width: 610px;
    background-image: linear-gradient(to right, #264bd2 , #3860f4);
    line-height: 38px;padding-left: 14px;font-family:"Microsoft YaHei";font-style: italic;color: #fff;font-weight: bold;}
.right-banner-item img{width: 100%;height: auto;}
.modle-open{flex: auto;text-align: right;}
.ico-navi{
    display: inline-block;
    width: 22px;
    height: 2px;
    position: relative;
    margin: -3px 0 0 6px;
    vertical-align: middle;
    background: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.ico-navi::before, .ico-navi::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.ico-navi::before {
    top: -8px;
}
.ico-navi::after {
    top: 8px;
}
.modal-mark {
    background: rgba(0,0,0,0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    -webkit-transition: none;
    transition: none;
}

.modal-mark.modal-show {
    background: rgba(0,0,0,0.55);
    -webkit-backdrop-filter: saturate(180%) blur(50px);
    backdrop-filter: saturate(180%) blur(50px);
}
.modal-mark.modal-show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
}
.modal-menu {
    height: 100%;
    position: fixed;
    left: 100%;
    top: 0;
    right: 0;
    padding-right: 0;
}
.modal-menu.modal-show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    left: 25rem;
    z-index: 1000;
}
.modal-menu .modal-content {
    background: #fff;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding-top: 8.4rem;
}
.show-menu .ico-navi::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
}
.show-menu .ico-navi {
    background: transparent;
}
.show-menu .ico-navi::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
}
.modal-menu .modal_form_wap {
    padding: 15px 25px;
    position: relative;
}
.modal-menu .modal_form_wap form {
    position: relative;
}
.modal-menu .modal_form_wap .txt {
    display: block;
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 10px 60px 10px 20px;
    border-radius: 20px;
    width: 100%;
    height: 40px;
    line-height: 20px;
    color: #888;
    font-size: 14px;
    border: none;
}
.modal-menu .modal_form_wap .btn {
    display: block;
    position: absolute;
    right: 6px;
    top: 4px;
    border: none;
    background: transparent;
    width: 30px;
    height: 32px;
    overflow: hidden;
    text-align: center;
    outline: none;
    color: #888;
}
.menu_modal_wap{padding-left: 25px;}
.menu_modal_wap li a{
    display: block;
    font-size: 15px;
    color: #262626;
    padding: 15px 0;
    border-bottom: 1px solid #f7f7f7;
}
.top-home{background-color: #fff;border-radius: 10px;position: relative;margin-top: -90px;}
.top-home ul{display: flex;font-family: "PingFangHeiTcw8-Proportional";}
.media_pd{padding: 32px 0;}
.top-home ul li{flex: 1;text-align: center;border-right: 1px solid #ebf0fc;overflow: hidden;}
.top-home ul li a{display: block;}
.top-home ul li:last-child{border-right: 0;}
.top-home ul li h3{color: #374567;padding: 20px 0;font-size: 16px;font-family: "PingFangHeiTcw8-Proportional";}
.top-home ul li a:hover h3{color: #3860f4;}
.top-home ul li p{color: #7a8ba6;font-size: 14px;}
.icon-img{height: 50px;display: inline-block;line-height: 50px;}

.com_title{margin: 64px 0;text-align: center;font-size: 28px;color: #374567;transition: all 0.5s;font-family: "PingFangHeiTcw8-Proportional";}
.yun-lists{background-color: #fff;border-radius: 2px;overflow: hidden;margin-bottom: 64px;}
.left-yun-lists{padding: 24px 0 0 24px;padding-bottom: 40px;}
.left-yun-list-title{font-size: 16px;color: #374567;margin-bottom: 25px;padding-left: 25px;font-family: "PingFangHeiTcw8-Proportional";}
.left-yun-list-tab li{margin: 8px 0; cursor: pointer; line-height: 45px;padding-left: 25px;position: relative;font-size: 16px;color: #374567;}
.left-yun-list-tab li.cur,.left-yun-list-tab li:hover{ background-image: linear-gradient(to right, #fff , #f7f9fc);color: #3860f4;}
.left-yun-list-tab li.cur a,.left-yun-list-tab li:hover a{ color: #3860f4;}
.left-yun-list-tab li a{color: #374567;}
.left-yun-list-tab li.cur::before{left: 7px; content: '';width: 6px;height: 6px;border-radius: 50%;background-image: linear-gradient(to right, #2d53e0 , #fff);position: absolute;top: 50%;transform: translateY(-50%);}


.left-yun-list-more{padding: 15px 0 0 25px;}
.left-yun-list-more a{font-size: 12px;color: #374567;}
.right-yun-lists{min-height: 620px;border-left: 1px solid #ebf0fc;display: none;}
.showtab{display: block !important;}
.right-yun-item{padding: 24px 20px 40px 24px;border-right: 1px solid #ebf0fc;border-bottom: 1px solid #ebf0fc;}
.right-yun-item:nth-child(3n){border-right: 1px solid transparent;}
/* .right-yun-item:nth-child(3n){border-bottom: 1px solid #ebf0fc;} */
.right-yun-item:nth-last-child(-n+3){border-bottom: 1px solid transparent;}
.right-yun-item>h3{font-size: 16px;color: #374567;margin-bottom: 10px;}
.right-yun-item>h3 a{color: #374567;font-family: "PingFangHeiTcw8-Proportional";}
.right-yun-item>h3 a:hover{opacity: 0.8;}
.right-yun-item>h6{font-size:14px;color: #7a8ba6;margin-bottom: 20px;}
.right-yun-item-btn a{color: #3860f4;font-size: 12px;display: inline-block;background-color: #ebefff;text-align: center;line-height: 24px;width: 74px;text-align: center;border-radius: 2px;margin-right: 16px;margin-bottom: 4px;}
.right-yun-item .wap-right-yun-item-btn>a{font-size: 13px;color: #3860f4;margin-top: 34px;display: block;}
.right-yun-item .wap-right-yun-item-btn>a:hover{opacity: 0.8;}
.technical-column>h4{color: #374567;font-size: 16px;border-bottom: 1px solid #ebf0fc;}
.technical-column>h4 span{padding-bottom:8px;display: inline-block;position: relative;color: #374567;}
.technical-column>h4 span::after{width: 70px;height: 2px;background-color: #3860f4;bottom: 0px;left: 0;content: '';position: absolute;}
.technical-column-ul li:first-child{padding: 22px 0 30px 0;line-height: normal;}
.technical-column-ul li{line-height: 48px;border-bottom: 1px solid #e5e8ed;}
.technical-column-ul li h5{color:#374567;font-size: 16px;margin-bottom: 18px;}
.technical-column-ul li h5 a{color: #374567;}
.technical-column-ul li h5 a:hover{opacity: 0.8;}
.technical-column-ul li p{line-height: 180%;color: #7a8ba6;margin-bottom: 18px;}
.technical-column-ul li p a{color: #7a8ba6;}
.technical-column-ul li div>a img{width: 24px;height: 24px;border-radius: 50%;}
.technical-column-ul li div>a span{margin-left: 15px;}
.technical-column-ul li div span{color: #7a8ba6;font-size: 12px;}
.technical-column-ul li div span i{margin: 0 10px;}

.technical-column-ul li:not(:first-child) img{margin-right: 10px;}
.technical-column-ul li:not(:first-child) >a{font-size: 16px;color: #374567;}
.technical-column-ul li:not(:first-child) >a:hover{opacity: 0.8;}

.tech-column-box:first-child{padding-right: 16px;}
.tech-column-box:nth-child(2){padding:0 8px;}
.tech-column-box:last-child{padding-left: 16px;}
.right-column-img{margin-top: 15px;border-radius: 2px;overflow: hidden;position: relative;padding-top: 49.75%;}
.right-column-img img{width: 100%;position: absolute;top: 0;height: 100%;}
.right-column-bot{background-color: #f7f9fc;padding: 40px 10px 35px 22px;}
.right-column-bot h5{color: #374567;font-size: 16px;}
.right-column-bot h5 a{color: #374567;}
.right-column-bot h5 a:hover{opacity: 0.8;}
.right-column-bot p{margin: 16px 0 22px 0;color: #7a8ba6;font-size: 14px;}
.right-column-bot>a{font-size: 13px;color: #3860f4;}
.right-column-bot>a:hover{opacity: 0.8;}
.grad-a{text-align: center;width: 106px;line-height: 36px;margin: 0 auto;margin-top: 64px;border-radius: 2px;}
.grad-a a{color: #fff;}
.hot-question-box{
         width: 100%;
         display: flex;
         display: -webkit-flex;
         -webkit-justify-content: space-between;
         justify-content: space-between;
        align-items: flex-end;
        -webkit-align-items: flex-end;
        flex-wrap: wrap;

        /* display: grid;
        grid-template-columns: repeat(auto-fit, minmax(384px, 1fr));
        grid-gap: 24px; */
}
.hot-question-box div.hot-question-item{
    margin-bottom: 24px; width: 384px; border: 1px solid #ebedf5; 
    padding: 22px 28px 0 22px; background-color: #fff;color: #e1e6f0;
    border-radius: 2px; height: 214px;overflow: hidden;
   transition: all 0.3s;cursor: pointer;
   position: relative;top: 0;
}
.hot-question-box div.hot-question-item:hover{
       top: -5px;
}
.rjd-top{margin-top:40px;}
.rjd-tops{margin-top: 48px;}
.hot-question-item h2{margin-bottom: 18px;line-height: 110%;height: 48px;}
.hot-question-author{margin-bottom: 15px;}
.hot-question-author img{width: 24px;height: 24px;border-radius: 50%;margin-right: 15px;}
.hot-question-author a{color: #7a8ba6;font-size: 12px;margin-right: 10px;}
.hot-question-author span{color: #7a8ba6;font-size: 12px;}
.hot-question-item p{color:#7a8ba6;line-height:150%;margin-bottom: 15px;height: 42px;}
.hot-question-info{color: #7a8ba6;font-size: 12px;}
.hot-question-info span{margin-right: 20px;}
.hot-question-info span i{color: #969696;margin-right: 5px;}
.quest-more-btn{width: 226px;margin: 0 auto;}
.grad-a-right{
    background: transparent;
    border: 1px solid #3860f4;
    }
.grad-a-right a{color: #3860f4;}
.grad-a-right a:hover{background-image: none;}
.yun-school{  
    transition: all 0.2s;
    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
    grid-template-rows:251px 251px;
    grid-gap: 16px;
    display: -ms-grid;  
    -ms-grid-columns:repeat(auto-fit, minmax(288px, 1fr));
    -ms-grid-rows:251px 251px;
    -ms-grid-gap: 16px; */
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-wrap: wrap;
}
.yun-school .yun-school-item1{
    /* grid-row: 1 / span 2; */
    width: 24%;
    background:url("../images/y-1.png") 0 0 no-repeat;
    padding: 40px 20px 0 24px;
    height: 518px;
    margin-right: 1.333333%;
    position: relative;
}
.yun-school .yun-school-item1 h2{margin-bottom: 25px;font-size: 18px;line-height: 150%;}
.yun-school .yun-school-item1 h2 a{color: #fff;}
.yun-school .yun-school-item1 h5{color: #fff;margin-bottom: 28px;}
.yun-school .yun-school-item1 p time{font-size: 12px;color: #fff;}
.yun-school .yun-school-item1 p time i{margin-right: 10px;}
.yun-school .yun-school-item1 >a{border-radius: 2px; width: 265px;position: absolute;bottom:30px;line-height: 49px;text-align: center;background: rgba(52,57,112,0.5);color: #fff;
    left: 50%;transform: translateX(-50%);
}
.yun-school .yun-school-item1 >a:hover{opacity: 0.9;}
.yun-school-itembox {
    width: 74.666667%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-wrap: wrap;
}
.yun-school-item2{width: 288px;height: 251px;overflow: hidden;position: relative;top: 0;transition: all 0.3s;}
.yun-school-item2:hover{top: -5px;}
.yun-school-item2:nth-last-child(-n+3){margin-top: 16px;}

.yun-school-item2>a{position: relative;overflow: hidden; display: block;padding-top:51.05%;border-radius:2px;color: #fff;padding-left: 18px;font-size: 16px;}
.yun-school-item2>a img{position: absolute;top: 0;z-index: 1;left: 0;width: 100%;height: 100%;}
.yun-school-item2>a span{position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);}
.school-item2-bg{height: 105px;background-color: #f9faff;padding:30px 20px 0 18px;}
.school-item2-bg h3{color: #374567;font-size: 16px;}
.school-item2-bg h3 a{color: #374567;}
.school-item2-bg h3 a:hover{opacity: 0.8;}
.encyclopedias{padding-right: 4px;}
.encyclopedias-ol{width: 100%;border-bottom: 1px solid #e1e6f0;}
.encyclopedias-ol li{text-align: center; width: 103px;cursor: pointer;padding-bottom: 10px;}
.encyclopedias-ol li.on{color: #3860f4;border-bottom:2px solid #3860f4;}
.encyclopedias-dl{margin-top: 22px;overflow: hidden;display: none;}
.encyclopedias-dl dt{margin-right: 16px;width: 288px;float: left;overflow: hidden;}
.encyclopedias-dl dt .encyclopedias-dl-img {position: relative;padding-top: 61.46%;}
.encyclopedias-dl dt .encyclopedias-dl-img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.encyclopedias-dl dt h2{margin: 20px 0;position:relative;padding-left: 18px;}
.encyclopedias-dl dt h2::after{
    width: 3px;height: 20px;background-color: #3860f4;position: absolute;content: '';left: 0;
    top: 55%;
    transform: translateY(-50%);
}
.encyclopedias-dl dt p{color: #7a8ba6;line-height: 180%;margin-bottom: 18px;}
.encyclopedias-dl dt time{color: #7a8ba6;font-size: 12px;font-family:"Microsoft Yahei";}
.encyclopedias-dl dt time i{margin-right: 8px;}
.encyclopedias-dl dd {
 padding: 18px 10px 3px 10px;
 border-bottom: 1px solid #e1e6f0;
 float: left;
 overflow: hidden;
 width: 592px;
}
.encyclopedias-dl dd:nth-child(2){padding-top: 0;}
.encyclopedias-dl dd h2{font-size: 16px;position: relative;padding-left: 18px;}
.encyclopedias-dl dd h2::after{
    content: '';
    left: 0px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #2d53e0 , #fff);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
    
.encyclopedias-dl dd h2 a{color:#374567 ;}
.encyclopedias-dl dd a:hover{opacity: 0.8;}
.timetags-box time{
 color: #7a8ba6;
 font-family: "Microsoft Yahei";
 margin-right: 20px;
 font-size: 12px;
 margin-bottom: 12px;
}
.timetags-box{  
    -webkit-align-items: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;}
 .timetags-box{margin-top: 20px;}
.tags-info> a{
    vertical-align: middle;
    margin-bottom: 12px;
    display: inline-block;
    margin-right: 12px;
    background-color: #ebefff;
    color: #3860f4;
    width: 76px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 24px;
    padding: 0 5px;

} 
    .tags-info >a:last-child{margin-right: 0;}
    .widget-title{width: 100%;border-bottom: 1px solid #e1e6f0;}
.widget-title span{display: inline-block;cursor: pointer;padding-bottom: 10px;color: #374567;border-bottom:2px solid #3860f4;}
.encyclopedias-right{padding-left: 24px;}
.encyclopedias-right>ul li{padding: 13.2px 0;}
.encyclopedias-right>ul li h4{margin-bottom: 14px;}
.encyclopedias-right>ul li time{color: #c5d4e7;font-size: 12px;font-family:"Microsoft Yahei";}
.encyclopedias-right>ul li time i{font-style: normal;margin: 0 10px;}
.encyclopedias-right>ul li:first-child{padding-top: 22px;}
.solutions-box{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-wrap: wrap;
}
.our-client{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-wrap: wrap;
}

.solutions-box .solutions-box-item{
    width: 290px;
    height: 379px;
    border-radius: 2px;
    overflow: hidden;
    background-color: #f9faff;
    margin-bottom: 24px;
    padding-bottom: 20px;
    position: relative;
    top: 0;
    transition: all 0.3s;
}
.solutions-box-item:hover{top: -5px;}


.solutions-box-item .solutions-box-img{
    position: relative;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    padding-top: 56.9%;
}
.solutions-box-item  .solutions-box-bot{padding: 0 30px 0 24px;}

.solutions-box-item .solutions-box-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.solutions-box-bot h3{margin: 24px 0;position: relative;}
.solutions-box-bot h3::before{width: 4px;height: 22px;position: absolute;content: '';left: -24px;top: 56%;transform: translateY(-50%);background-color: #3860f4;}
.solutions-box-bot h3 a:hover{opacity: 0.8;}
.solutions-box-bot p{color: #7a8ba6;line-height: 24px;margin-bottom: 24px;height: 72px;}
.solutions-box-bot>a{font-size: 13px;color: #3860f4;}
.solutions-box-bot>a:hover{opacity: 0.8;}
.our-client .our-client-item{background-color: #fff;margin-bottom: 16px;width: 24%;transition: all 0.3s;position: relative;top: 0;}
.our-client .our-client-item:hover{top: -5px;}
.our-client .our-client-item img{width: 100%;height: 100%;}
footer{background-color: #0a1633;padding:64px 0;overflow: hidden;}
.copyright{background-color: #141f3b;line-height: 40px;text-align: center;color: #6c7385;font-size: 12px;margin-top: 64px;}
.copyright i{font-style: normal;margin: 0 8px;}
.copyright a{color: #6c7385;}
.left-footer{flex: auto;max-width: 530px;}
.left-footer h6{margin-bottom: 24px;}
.left-footer p{line-height: 24px;color: #6c7385;font-size: 12px;}
.right-footer{flex: auto;
    /* max-width: 600px; */
    padding-left: 50px;}
.right-footer ul li{flex: auto;}
.right-footer ul li h6{font-size: 16px;color: #fff;margin-bottom: 24px;}
.right-footer ul li p{font-size: 12px; line-height: 24px;}
.right-footer ul li p a{color: #6c7385;}
.right-footer ul li:last-child {padding-top: 15px;text-align: right;}
.right-footer ul li:last-child img{width: 82px;height: 82px;}
.right-footer ul li:last-child p{color: #6c7385;text-align: right;padding-right: 5px;}
.menu_modal_wap li:last-child{position: relative;}
.menu_modal_wap li:last-child::after{top: 5px;
    left: 60px;
    position: absolute;
    content: '';
    background: url(../images/new.png) 0 0 no-repeat;
    width: 31px;
    height: 14px;}
.wap_login-btn{
    margin-left: 25px;text-align: center;
    width: 82px;
    line-height: 36px;
    margin-top: 4rem;
    border-radius: 3px;
}
.wap_login-btn a{display: block;color: #fff;}
.wap_inlogin{ margin-left: 25px; margin-top: 4rem;}
.wap_inlogin img{width: 34px;height: 34px;border-radius: 50%;margin-right: 5px;}
/* 分页 */
.com_white-user-expert{padding-top: 110px;}
.com-pages{width: 100%;}
.com-pages li {
    position: relative;
    margin-right: 24px;
    display: inline-block;
    text-align: center;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #374567;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.com-pages  li.other-btn {
    margin-right: 24px;
}
.com-pages  li a {
    display: block;
    color: #374567;
}
.com-pages  .icon__arrow-left, .com-pages  .icon__arrow-right {
    width: 32px;
    height: 32px;
    font-size: 12px;
    color: #7a8ba6;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e1e6f0;
    line-height: 32px;
    box-sizing: border-box;
}
.com-pages  li:last-child {
    margin-right: 0;
}
.com-pages  li .pageinfo {
    color: #374567;
    cursor: default;
    font-size: 16px;
}
.com-pages  li.active {
    min-width: 32px;
    background: #3860f4;
    color: #fff;
    border-radius: 2px;
}
.com-pages li.nan-btn:hover{
    border-bottom: 2px solid #3860f4;
  
}
.com-pages .icon__arrow-left:hover, .com-pages .icon__arrow-right:hover{border: 1px solid;}
.com-pages  li.other-btn a{font-size: 16px;}
.com-pages  li.other-btn:hover a{color:#3860f4;}

/* 问题库 */

.com_banner{position: relative; background-color: #3860f4;width: 100%;height: 251px;}
.com_banner-box{ height: 100%;}
.com_banner_left{position: absolute; z-index: 3;left: 15px;top: 45%;transform: translateY(-50%);color: #fff;}
.com_banner_left h3 span{font-family: "PangMenZhengDao";font-size: 48px;font-style: italic;}
.com_banner_left h3 i{font-family: "Microsoft Yahei";font-size: 36px;margin-left: 15px;font-weight: bold;color: #d1d8fc;}
.com_banner_right{position: absolute; z-index: 2;right: 15px;bottom: 0;}
.com_banner_right img{width: 100%;height: 100%;}
.comad_box{background-color: #eef2ff;padding: 10px 0;}
.comad_box h3 span{
    color: #374567;
    font-size: 16px;
    font-family: "PingFangHeiTcw8-Proportional";}
.comad_box h3 i{margin: 0 10px;font-style: normal; color: #374567;
    font-size: 16px;
    font-family: "PingFangHeiTcw8-Proportional";}
.comad_box h3 a{color: #7a8ba6;font-size: 14px;}
.comad_box a.comad_a{color: #fff;text-align: center;
    width: 106px;
    line-height: 36px;
    border-radius: 2px;}

.com_classify{width: 100%;background-color: #fff;border-bottom: 1px solid #ebefff;}
.cur-position {padding: 25px 0;color: #7a8ba6;}
.cur-position a{color: #7a8ba6;}
.cur-position i{margin: 0 20px;font-style: normal;}
.cur-position span{color: #374567;}
.sort_com_box{position: relative;padding-bottom: 26px;padding-right: 60px;}
.sort_com {
    overflow: hidden;
    position: relative;
    padding: 15px 0 0 80px;
}
.sort_com dt {
    display: block;
    position: absolute;
    left: 0;
    top: 17px;
}
.sort_com dd a{
    display: inline-block;
    margin: 0 18px 20px;
    color: #7a8ba6;
    padding: 3px 6px;
    text-align: center;
    border-bottom: 1px solid transparent;
}
.sort_com dd a.current {
    color: #3860f4;
    border-bottom: 1px solid #3860f4;
}
.right-zk{color: #3860f4;position: absolute;right: 0;bottom: 49px;cursor: pointer;}
.right-zk i{margin-left: 5px;}
.clearfix li{display: inline-block;}
.com_white{background-color: #fff;padding: 64px 0 64px 0;overflow: hidden;}
.com_white-left-top{border-bottom: 1px solid #e1e6f0;}
.com_white-left{padding-right: 20px;}
.com_white-right{padding-left: 4px;}
.com_white-left-top li{width: 116px;text-align: center;}
.com_white-left-top li a{margin-right: 5px; color: #374567;font-size: 16px;font-family: "PingFangHeiTcw8-Proportional";display: block;padding-bottom: 8px;border-bottom: 2px solid transparent;}
.com_white-left-top li a:hover,.com_white-left-top li a.current{border-bottom: 2px solid #3860f4;color: #3860f4;}
.com_white-left-mid{padding:0px 0 ;}
.com_white-left-mid li{padding: 32px 0;}
.ask_white-left-mid li{padding: 32px 0 20px 0;}
.com_white-left-mid li h2{margin-bottom: 24px;font-size: 16px;}
.com_white-left-mid li h2 a:hover{color: #3860f4;}
.com_white-left-mid li h2 span{vertical-align: middle; border-radius: 2px; display: inline-block;margin-left: 20px;padding: 0 10px;text-align: center; line-height: 24px;font-size: 12px;width: 76px;}
.com_white-left-mid li h2 span.yjj{background-color:#dffaf1;color:#3d956d ;}
.com_white-left-mid li h2 span.wjj{background-color:#ffdbdb;color:#ea545e ;}
.com_white-left-mid li h2 span.yyhd{background-color:#f1ebff;color:#702fe2;}
.com_white-left-mid li h2 span.cfxs{background-color:#ffd289;color:#a66a0a ;cursor: pointer;}
.com_white-left-mid li h2 span.wjj{background-color:#ffdbdb;color:#ea545e ;}
.com_white-left-mid li p{margin-bottom: 20px;line-height: 24px;color: #7a8ba6;height: 48px;}
.com_white-left-infol{font-size: 12px;}
.com_white-left-infol >a{margin-right: 10px;}
.com_white-left-infol >a span{font-size: 12px;color: #c5d4e7;margin-left: 10px;}
.com_white-left-infol >a img{width: 24px;height: 24px;border-radius: 50%;}
.com_white-left-infol time{color: #7a8ba6;margin-right: 10px;}
.com_white-left-infol> span{margin-right: 10px;color: #7a8ba6;}
.com_white-left-infol> span.time-a a{color: #3860f4;margin-left: 3px;}
.com_white-left-infol> span a.no-follow-a{color: #7a8ba6;}
.com_white-left-infol> span a.no-follow-a:hover{color: #3860f4;}

.com_white-left-infol >span i{color: #c3cad9;margin-right: 5px;}
.com_white-left-info{display: -webkit-flex;display: flex;}
.com_layuiright-box{width: 100%;overflow: hidden;margin-bottom: 60px;}
.com_layuiright-box:last-child{margin-bottom: 0;}
.com_adbox a img{border-radius: 2px;width: 100%;height: 185px;}
.top-com-title{margin-bottom: 30px;border-bottom: 1px solid #e1e6f0;font-size: 24px;}
.top-com-title span{display: inline-block;border-bottom: 2px solid #3860f4;padding-bottom:8px;color: #374567;}
.ranking-list ul li i{width: 24px;height: 28px;line-height: 28px; display: inline-block; font-style: normal;color: #7a8ba6;font-size: 12px;text-align: center;margin-right: 10px;}
.ranking-list ul li i.num1{background: url(../images/top1.png) left center no-repeat;}
.ranking-list ul li i.num2{background: url(../images/top2.png) left center no-repeat;}
.ranking-list ul li i.num3{background: url(../images/top3.png) left center no-repeat;}
.ranking-list ul li a {flex: auto;}
.ranking-list ul li a span{color: #374567;}
.ranking-list ul li a b{font-weight:normal;font-size: 12px;color: #7a8ba6;}
.ranking-list ul li {margin-bottom: 16px;}
.ranking-list ul li:last-child{margin-bottom: 0;}
.news-ask-box ul li{margin-bottom: 20px;}
.news-ask-box ul li:last-child{margin-bottom: 0;}
.news-ask-box ul li h6,.news-ask-box ul li h2{font-size: 14px; position: relative;padding-left: 18px;margin-bottom: 30px;}
.news-ask-box ul li h6 a,.news-ask-box ul li h2 a{color: #374567;}
.news-ask-box ul li h6::after,.news-ask-box ul li h2::after{
    content: '';
    left: 0px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #2d53e0 , #fff);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.tags-info.tags-infol{padding-left: 18px;}
.news-ask-box ul li p{font-size: 12px;color: #7a8ba6;margin-bottom: 16px;padding-left: 18px;}
/* 文章列表*/
.atricle-list-left,.atricle-list-left-right{margin-top: 3px; max-width: 182px; min-width: 182px;height: 122px;overflow: hidden;border-radius: 5px;margin-right: 30px;flex: 1;}
.atricle-list-left img,.atricle-list-left-right img{border-radius: 5px;width: 100%;height: 100%;transition: all 0.3s;}
.atricle-list-left img:hover,.atricle-list-left-right img:hover{transform: scale(1.2);}
.atricle-list-left-right{margin-right: 0;margin-left: 30px;}
.atricle-list-right{flex: auto;}
.atricle-list-box li,.tag_all_list .tag_atriclelist{-webkit-align-items: flex-start;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;}
.atricle-list-box li div.atricle-list-right h2{margin-bottom: 16px;}
.atricle-list-box li div.atricle-list-right p{margin-bottom: 16px;}
.atricle-list-box li{border-bottom: 1px solid #e5e8ed}
.mtop-com-pages{margin-top: 32px;}
.hot-tags-info{width: 100%;overflow: hidden;}
.hot-tags-info a{margin-bottom: 16px; width: 88px;text-align: center;color: #3860f4;line-height: 24px;border-radius: 2px;
    float: left;margin-right: 16px;border: 1px solid #ebefff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 1px;}
.hot-tags-info a:hover{background-color: #ebefff;}
.hot-tags-info a:nth-child(3n){margin-right: 0;}
/* 云课程 */
.yun-school-itembox2{width: 100%;justify-content: flex-start;-webkit-justify-content: flex-start;}
.yun-school-itembox2 .yun-school-item2{margin-bottom: 64px;margin-right: 16px;}
.yun-school-itembox2 .yun-school-item2:nth-last-child(-n+3){margin-top: 0px;}
.yun-school-itembox2 .yun-school-item2:nth-child(4n){margin-right: 0;}
/* 专家 */
.com_white-expert{padding: 110px 0 64px 0;}
.expert-box{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}
.expert-box .expert-item{
    width: 288px;
    height: 379px;
    position: relative;
    top: 0;
    border: 1px solid #ebefff;
    border-radius: 2px;
    padding: 0 20px 28px;
    margin-right: 16px;
    transition: all 0.3s;
    margin-bottom: 112px;
}
.expert-box .expert-item:hover{top: -5px;}
.expert-box .expert-item:nth-child(4n){margin-right: 0;}
.expert-item .expert-item-avatar{ box-shadow: 4px 1px 13px 1px rgba(63,103,245,0.16); width: 100px;height: 100px;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);overflow: hidden;border-radius: 50%;}
.expert-item .expert-item-avatar img{width: 100%;height: 100%;border-radius: 50%;border: 2px solid #fff;
  transition: all 0.3s;
}
.expert-item .expert-item-avatar img:hover{transform: scale(1.2);}

.expert-box .expert-item h3{font-size: 16px;margin-top: 65px; margin-bottom: 30px;position: relative;text-align: center;}
.expert-box .expert-item h3::after{width: 22px;height: 4px;background-color: #3860f4;position: absolute;bottom: -6px; left: 50%;transform: translateX(-50%); content: "";}
.expert-box .expert-item h5{ text-align: center; width: 65px;height: 24px;line-height: 24px;background-color: #f8ece7;border-radius: 2px;color: #f79539;font-size: 12px;
   margin:0 auto 15px;
}
.expert-box .expert-item h5 img{width: 14px;height: 11px;margin-right: 5px;}
.expert-box .expert-item p{color: #7a8ba6;line-height: 24px;margin-bottom: 25px;height: 48px;}
.expert-box .expert-item ul{margin-bottom: 25px;}
.expert-box .expert-item ul li{min-width: 62px;height: 62px;border-radius: 2px;background-color: #f0f3fe;text-align: center;font-size: 12px;color: #3860f4;}

.expert-box .expert-item ul li h6:first-child{margin-top: 12px;}
.expert-box .expert-item>a{text-align: center;display: block;
    width: 106px;
    line-height: 36px;
    margin: 0 auto;
    color: #fff;
    border-radius: 2px;}
.expert-box .expert-item>a:hover{border: 0; background-image: linear-gradient(to right,  #3860f4,#5f87f8);color: #fff !important;}
.expert-com-pages{margin-top: -48px;}
/* 文章专栏 */
.noborder{border: 0;}
.pt-39{padding-top: 39px;}
.pt-34{padding-top: 34px;}
.pt-14{padding-top: 14px;}
.pb-52{padding-bottom: 52px;}
.pb-32{padding-bottom: 32px;}
.com_white-column-left{padding-right: 12px;}
.com_white-column-right{padding-left: 44px;}
.com_white-column-left h2{position: relative;width: 100%;padding-top:48.098%;;margin-bottom: 34px;}
.com_white-column-left h2 img{position: absolute;left: 0;top: 0;width: 100%;}
.com_white-column-left>ul{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-wrap: wrap;
}
.com_white-column-left>ul li{width: 48.478%;height: 139px;padding-left: 35px;}
.com_white-column-left>ul li:first-child{background: url(../images/atricle-bg.png) 0 0 no-repeat;background-size: 100% 100%;}
.com_white-column-left>ul li:nth-child(2){background: url(../images/atricle-bg2.png) 0 0 no-repeat;background-size: 100% 100%;}
.com_white-column-left>ul li h3{margin-bottom: 25px;}
.com_white-column-left>ul li p a{font-size: 13px;color: #3860f4;}
.layui-text h3.com_white-column-time{color:#7a8ba6;font-size:12px}
.com_white-column-axis{font-size: 12px;color: #ebf0fc;}
.com_white-column-axis:hover{color: #4f73f5;}
.layui-text .com_white-column-p{font-size: 16px;}
.layui-text .com_white-column-p a{color: #374567;font-family: "PingFangHeiTcw8-Proportional";}
.layui-text .com_white-column-p a:hover{color: #3860f4;text-decoration: unset;}
.mb-20{margin-bottom: 20px;}
.mb-15{margin-bottom: 15px;}
.mb-12{margin-bottom: 12px;}
.layui-timeline{padding-left: 2px;}
.com_white-column-item{padding-bottom: 4px;}
.com_white-column-item:hover i{color: #3860f4;}
.com_white-column-adbox{height: 90px;line-height: 90px; margin: 64px 0;width: 100%;background:url(../images/column-adbox.jpg) 0 0 no-repeat;padding: 0 30px;background-size: 100% 100%;}
.com_white-column-adbox h3{font-size: 16px;color: #fff;}
.com_white-column-adbox h3 em{font-size: 32px;margin-right: 15px;}
.com_white-column-adbox >a{min-width: 106px;text-align: center; line-height: 34px;border-radius: 2px;background-color: #fff;color: #3860f4;display: inline-block;}
.com_white-column-mid li{cursor: pointer;}
.com_white-column-mid li .com_white-column-midt{
    flex: auto; 
    -webkit-align-items: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;}
.com_white-column-mid li .com_white-column-midb{min-width: 143px; max-width: 143px;text-align: right;}
.com_white-column-mid li .com_white-column-midb>div{padding: 15px 0; text-align: center; display: inline-block;width: 73px;height: 73px;border-radius: 10px; box-shadow: 4px 1px 13px 1px rgba(63,103,245,0.09);background-color: #fff;color:#f78932;}
.com_white-column-mid li .com_white-column-midb>div i{margin-bottom: 12px;display: block;font-size: 16px;}
.com_white-column-mid li:hover .com_white-column-midb>div{
    box-shadow: 4px 1px 13px 1px rgba(63,103,245,0.16);background-color: #3e67f4;color:#fff;
}
.site-box-head{margin-bottom: 64px;}
.site-box-head .tags-infos a{width:120px;}
.site-box-head .site-h1{color: #374567;font-size: 24px;margin-bottom: 24px;}
.site-body-depict{margin:28px 0 64px 0;color: #7a8ba6;font-size: 14px;line-height: 24px;}
.site-body-depict span{color: #7a8ba6;font-size: 14px;font-weight: bold;}
.site-body-info .com_white-left-infol>ul{display: inline-block;margin-right: 10px;
    color: #7a8ba6;cursor: pointer;}
    .site-body-info .com_white-left-infol>ul >li{position: relative;}
    .site-body-info .com_white-left-infol>ul >li i{color: #c3cad9;margin-right: 5px;}   
.site-body-info .com_white-left-infol>ul>li>ul{
    position: absolute;
    top: 120%;
    left: -50px;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    font-size: 13px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* border: 1px solid rgba(0,0,0,.15); */
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.1);
}
.site-body-info .com_white-left-infol>ul>li>ul::before{
    left: 50%;
    transform: translateX(-50%);
    margin-left: -5px;
    border-width: 0 8px 11px;
    border: 6px dashed transparent;
    border-bottom-color: #eaeaea;
    bottom: 100%;
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
}
.site-body-info .com_white-left-infol>ul>li>ul>li a{
   display: block;padding: 7px 20px;color: #374567;
}
.site-body-info .com_white-left-infol>ul>li>ul>li a:hover{color: #264bd2;}
.site-body-info .com_white-left-infol>ul>li:hover>ul{display: block;}
.site-body-set div>a,.site-body-set div>button{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 106px;height: 34px;line-height: 34px;border-radius: 2px;margin-right: 24px;}
.site-body-set div>a i{font-size: 16px;}
.site-body-set div>a i,.site-body-set div>button img{margin-right: 5px;}
.site-body-set >span{font-size: 14px;color: #999;}
.site-body-set div>a{background-image: linear-gradient(to right,#ffbc76, #ffcf87);color:#4e332e;}
.site-body-set div>button{border: none;cursor: pointer;}
.site-body-set div>.solve_ask_btn{color: #fff; background-image: linear-gradient(to right,#3860f4, #5f87f8);}

.site-body-set div>.solve_ask_yq{border: 1px solid #3860f4;color: #3860f4;background:#fff;}
.u_avatar {
    position: relative;
    padding-top: 23px;
    min-width: 45px;
    max-width: 45px;
    margin-right: 15px;
    height: 45px;
    border-radius: 50%;
}
.xcp-publish-main-right{
 flex: auto;
 overflow: hidden;
}
.u_avatar img{width: 100%;height: 45px;border-radius: 50%;}
.mb-64{margin-bottom: 64px;}
.xcp-publish-main {margin-bottom: 64px;}
.send-btn{width: 106px;line-height: 34px;height: 34px;color: #fff;border: none;text-align: center;border-radius: 2px;cursor: pointer;}
.send-btn:hover{opacity: 0.8;}
.mb-0{margin-bottom: 0 !important;}
.mb-30{margin-bottom: 30px;}
.tt-set{margin: 15px 0 10px 0;color: #3860f4;cursor: pointer;}
.tt-set span i{margin-right: 3px;}
.tt-set span b{font-style: normal;font-weight: normal;}
.code_box{
    -webkit-align-items: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.code_box .verifycode{margin-left: 0;}

.site-content-answer{margin-bottom: 64px;}
.site-content-answer:last-child{margin-bottom: 0;}
.site-content-answer .site-content-answer-avatar{max-width: 45px; margin-right: 15px; min-width: 45px;height: 45px;border-radius: 50%;}
.site-content-answer .site-content-answer-avatar img{width: 100%;height: 100%;border-radius: 50%;}
.site-content-answer .site-content-answer-right{flex: auto;}
.site-content-answer-title{position: relative;margin-bottom: 30px;}
.site-content-answer-title h3{color:#374567;font-size: 13px;font-weight: bold;margin-bottom: 14px;}
.site-content-answer-title h4{color: #7a8ba6;font-size: 12px;}
.site-content-answer-title span{position: absolute;width: 74px;line-height: 24px;font-size: 12px;color: #fff;text-align: center;border-radius: 2px;background-color: #3860f4;right: 0;top: 0;}
.site-content-answer-body{font-size: 16px;color: #374567;line-height: 32px;margin-bottom: 30px;}
.site-content-answer-group span{margin-right: 8px;font-size: 12px;display: inline-block;cursor: pointer;}
.site-content-answer-group span i,.site-content-answer-group span img{margin-right: 5px;}
.site-content-answer-group span img{width: 16px;height: 14px;}
.site-content-answer-group span i,.site-content-answer-group span a i{color: #c3cad9;}
.site-content-answer-group span i.icon-svg-caifu{display: inline-block; background:url(../images/caifu_icon.svg) 0 5px no-repeat;width: 16px;height: 14px;}
.site_comments_box_group{margin-top: 20px;}
.site_comments_box_group textarea{padding:10px; width: 100%;background-color: #f9faff;border: 1px solid #e1e6f0;width: 100%;height: 154px;}
.site_comments_input_group input[type=button]{border: none; width: 106px;display: block;line-height: 34px;text-align: center;border-radius: 2px;color: #fff;margin-top: 20px;}
.my-comments-lists li{margin-top: 20px;}
.my-comments-lists li.loading{
    padding: 20px 10px;
    font-size: 14px;
    text-align: center;
    background: #f9faff;
    overflow: hidden;
    zoom: 1;
}
.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: #3860f4;}
.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: #3860f4;}
.other_right_content-bottom span i{margin-right: 5px;}
.about_question-box ul li{border-bottom: 1px solid #e5e8ed;padding: 30px 0;}
.about_question-box ul li:first-child{padding-top: 0px;}
.about_question-box-left{font-weight: bold;text-align: center; margin-right: 16px;border-radius: 2px; min-width: 60px; max-width: 60px;height: 60px;background-image: linear-gradient(to right,#fecf87,#f9bc76);font-size: 16px;color: #4e342e;}

.about_question-box-left p{margin-bottom: 5px;}
.about_question-box-right{flex: auto;overflow: hidden;}
.about_question-box-right h4,.about_question-box-right h2{font-size: 16px;margin-bottom: 14px;}
.about_question-box-right div span{margin-right: 14px;vertical-align: middle;color: #7a8ba6;font-size: 12px;}
.about_question-box-right div span a{color:#c5d4e7;font-size:12px;}
.about_question-box-right div span a:hover{color: #3860f4;}
.about_question-box-right div span img,.about_question-box-right div span i{margin-right: 6px;}
.about_question-box-right div span img{width: 24px;height: 24px;border-radius: 50%;}
.mt-64{margin-top: 64px;}
.mt-0{margin-top: 0px;}
.mb-0{margin-bottom: 0px;}
.tags-seach{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.tags-seach-right{color: #374567;font-size: 14px;margin-bottom: 12px;display: inline-block;vertical-align: middle;}
.tags-seach-right a{color:#3860f4;font-size:14px;margin-left: 3px;font-family:"PingFangHeiTcw8-Proportional";}
.tags-seach-right span{
    /*vertical-align:middle;*/
    
}

.user-msgbox{background-color: #f9faff;padding: 40px 30px;}
.user-msgbox>a{display: block;text-align: center;}
.user-msgbox>a img{width: 82px;height: 82px;border-radius: 50%;}
.user-msgbox>h3{font-size: 24px;margin: 24px 0 16px 0;text-align: center;font-weight: 500;}
.user-msgbox>h3 a{color: #374567;font-family:'Microsoft Yahei';}
.user-msgbox>h6{text-align: center; color:#7a8ba6;font-size:13px;font-family:'Microsoft Yahei';margin-bottom: 32px;}
.user-msgbox>h6 span{margin: 0 5px;}

.user-msgbox-atten a:last-child{border:1px solid #3860f4;color: #3860f4;width: 106px;line-height: 34px;text-align: center;}
.follow-btn:hover{color: #fff;}
.user-msgbox-list{margin: 30px 0 15px 0;}
.user-msgbox-list >a{color: #3860f4;font-size: 13px;}
.user-msgbox-list >a:hover{text-decoration: underline;}
.user-msgbox .user-msgbox-ul li{margin-bottom: 20px;}
.user-msgbox .user-msgbox-ul li h3{position: relative; font-size: 14px;margin-bottom: 15px;padding-left: 20px;}
.user-msgbox .user-msgbox-ul li h3 a{color: #7a8ba6;}
.user-msgbox .user-msgbox-ul li h3 a:hover{color:#3860f4;}
.user-msgbox .user-msgbox-ul li h3::before{
    content: '';
    left: 0px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: linear-gradient(to right, #3961f4 , #5d86f7);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.user-msgbox .user-msgbox-ul li p{color: #7a8ba6;font-size: 12px;padding-left: 20px;}
.user-msgbox .user-msgbox-ul li p span{margin: 0 5px;}
.community-box>a{
      width: 28%;
      text-align: center;
      display: block;
      color: #374567;
      font-size: 16px;
      margin-bottom: 20px;
}
.community-box>a:nth-child(2){width: 42%;}
.community-box>a:nth-child(5){width: 42%;}
.community-box>a span{display: block;margin-top: 8px;}
.community-box a img{height: 40px;}
.community-box1 a img{height: 31px;}
.mt-30{margin-top: 30px;}
.site-body-set-top{
    display: -webkit-flex;
    display: flex;}
.warning-info{cursor: pointer;}
.warning-info:hover{opacity: 0.8;}  
/* 文章详情 */
.topicone-h1{position: relative;padding-left: 18px;padding-right: 50px;}
.topicone-h1>a{top: 0; position:absolute;right: 0;display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: #faefe3;}
.topicone-h1>a i{font-size: 20px; color:#fec488}

.topicone-h1::before{background-color: #3860f4;width: 3px;height: 22px;position: absolute;
    content: '';
    left: 0;
    top: 7px;
   }
.com_white-topic-infol >a{color:#7a8ba6;}
.com_white-topic-infol >a:hover{color: #3860f4;}
.pl-18{padding-left: 18px;}
.site-seo-depict{margin-top: 64px;color: #374567;font-size: 16px;}
.site-seo-depict p{margin-bottom: 25px;line-height: 26px;}
.site-seo-depict img{margin-bottom: 25px;max-width: 100%;height: auto;}
.thiefbox {
    font-size: 14px;
    width: 30%;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px 0 0 0;
    padding: 5px 10px 5px 15px;
    position: relative;
    display: block;
    cursor: pointer;
    background: #5099f7 none repeat scroll 0 0;
    border: 1px solid #5099f7;
}
.thiefbox::before {
    border-width: 8px;
    margin-top: -10px;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 13px;
    width: 0;
    border-color: transparent #5099f7 transparent transparent;
}
.tags-seach-right a.topic-expert-btn{
    min-width: 106px;text-align: center; line-height: 34px;
    border-radius: 2px;color: #fff;
    display: inline-block;
}
.entry-copyright p a{color:#7a8ba6;}
.entry-copyright{background:#f9faff;color:#7a8ba6;padding:20px;}
.pre-next-page{
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.pre-next-page li{width: 50%;}
.pre-next-page li a:hover{color: #3860f4;}
.pre-next-page li:last-child{text-align: right;}
.about_topicone-mid{padding-bottom: 32px;}
.unlogin-pinglun-box{background-color: #f9faff;border: 1px solid #e1e6f0;text-align: center;line-height: 154px;width: 100%;}
.unlogin-pinglun-box>a{display: inline-block;padding: 0 24px;line-height: 34px;color: #fff;border-radius:2px ;text-align: center;}
/* 视频详情 */
.video-content-box{margin-bottom: 64px;}
.video-content{font-size: 14px;color: #7a8ba6;line-height: 160%;}
.video-content p,.video-content img{margin-bottom: 15px;}
.video-content img{max-width: 100%;height: auto;}
.kc_teacher{padding: 20px;background-color: #f9faff;}
.kc_teacher-left{width: 59px;height: 59px;border-radius: 50%;margin-right: 20px; overflow: hidden;}
.kc_teacher-left img{width: 100%;height: 100%;border-radius:50% ;}
.kc_teacher-right h2{font-size: 24px;color: #374567;margin-bottom: 15px;font-weight: 500;}
.kc_teacher-right h2 a{color: #374567;}
.kc_teacher-right h5{font-size: 14px;color: #7a8ba6;margin-bottom: 15px;}
.kc_teacher-right h5 span{margin: 0 5px;}
.kc_teacher-right h6{color: #7a8ba6;margin-bottom: 15px;}
.kc_teacher-right>a{width: 100px;line-height: 34px;border: 1px solid #3860f4;border-radius: 2px;color: #3860f4; text-align: center;font-size: 13px;display: block;}
.kc_teacher-right>a img{margin-left: 3px;}
.kc_teacher-right>a:hover{opacity: 0.8;}

/* 搜索聚合 */
.site-h1>span{color:#7a8ba6;font-size: 14px;margin-left: 30px;;}
.site-seach-depict{font-size: 16px;line-height: 26px;color: #374567;margin: 28px 0 34px 0;}
.top-com-title .next{font-size: 13px;color: #3860f4;}
.seach-choice-item{background-color: #f7f9fc;height: 162px;overflow: hidden;width: 100%;padding: 24px;}
.seach-choice-item h3,.seach-choice-item h2{font-size: 16px;margin-bottom: 14px;}
.seach-choice-item h3 a:hover,.seach-choice-item h2 a:hover{color: #3860f4;}
.seach-choice-item p{font-size:13px;color:#7a8ba6;line-height: 24px;margin-bottom: 14px;height: 48px;}
.seach-choice-item >div a{font-size: 12px;color: #7a8ba6;}
.seach-choice-item >div img{width: 24px;height: 24px;border-radius: 50%;margin-right: 10px;}
.seach-choice-item >div i{margin: 0 10px;font-size: 12px;color: #7a8ba6;}
.seach-choice-item >div span{font-size: 12px;color: #7a8ba6;}

/* 弹窗 */
#layui_dialog_invate{display: none;width: 600px;max-height: 450px;padding: 35px 24px;overflow-x: hidden;}
.dialog_invate_header-left{position: relative;}
.dialog_invate_header-left h4 span{color: #3860f4;margin-left: 10px;cursor: pointer;}
.dialog_invate_header-left .dialog_invate_header-title{position: absolute;display: none;top: 32px;}
.dialog_invate_header-title{
    z-index: 99;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    width: 250px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.dialog_invate_header-title >.arrow, .dialog_invate_header-title >.arrow::after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }
.dialog_invate_header-title .arrow{
    left: 65%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(0,0,0,.25);
    top: -22px;
    border-width: 11px;   
}

.dialog_invate_header-title >.arrow::after {
    content:"";
    top: 1px;
    border-width: 10px;   
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}
.dialog_invate_header-title h3{
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.dialog_invate_header-title ul{padding: 9px 14px;}
.dialog_invate_header-title ul li{padding: 10px 0;}
.pop_userlist li div.pop_userlist-left {font-size: 14px;color: #374567;}
.pop_userlist li div.pop_userlist-left img{width: 32px;height: 32px;border-radius: 50%;margin-right: 5px;}
.pop_userlist li >div>span{display: block; border: 1px solid #3860f4; border-radius: 2px;cursor: pointer; text-align: center;line-height: 26px;color: #3860f4;width: 74px;}


.dialog_invate_header-right{width: 180px; height: 34px;line-height: 34px;position: relative;}
    .dialog_invate_header-right input{line-height: 34px;height: 34px;}
.dialog_invate_header-right i{
    height: 16px;
    width: 14px;
    color: #8590a6;
    position: absolute;
    top: 50%;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.layui-tab-yaoqing>.layui-tab-title .layui-this{color: #3860f4;}
.layui-tab-yaoqing>.layui-tab-more li.layui-this:after, .layui-tab-yaoqing>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid #3860f4;
}
.yaoqing-item{border-bottom: 1px solid #ebedf5;padding: 20px 0;}
.yaoqing-item-left{max-width: 70%;min-width: 70%;}
.yaoqing-item-left-left{max-width: 38px; min-width: 38px;height: 38px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.yaoqing-item-left-left img{width: 38px;height: 38px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.yaoqing-item-left-right h5{font-size: 14px;margin-bottom: 5px;color: #374567;}
.yaoqing-item-left-right h5 a{font-size: 14px;}
.yaoqing-item-left-right p{font-size: 12px;color: #7a8ba6;}
.yaoqing-item-right{border: 1px solid #3860f4; border-radius: 2px;cursor: pointer; text-align: center;line-height: 26px;color: #3860f4;width: 74px;}
#jubao{display: none;width: 300px;max-height: 450px;padding: 35px 15px;overflow-x: hidden;}
#jubao button.btninform{border: none;
    text-align: center;
    width: 106px;
    line-height: 34px;
    border-radius: 2px;
    display: inline-block;
    color: #fff;}
#jubao .areainform,#caina_txtcontent{width: 100%;border: 1px solid #e0dfdf;padding: 10px;}
    /* 打赏 */
#dashang,#toukan,#caina-box,#payread{display: none;width: 300px;max-height: 450px;padding: 35px 15px;overflow-x: hidden;}
#toukan,#caina-box,#payread{padding-bottom: 0;padding-top: 15px;}
.dashangblock{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.layui-layer-btn .layui-layer-btn0{border-color: #3860f4;background-color: #3860f4;}
.wxpayblock>button{cursor: pointer; margin-bottom: 10px; background-image: linear-gradient(to right, #ffcf87,#ffbc76);width: 32%;line-height: 32px;border-radius: 2px;text-align: center;}
.wxpayblock input#inputmoney,#toukan #chakanjine{
    width: 100%;
    display: none;
    padding: 0 10px 10px 5px;
    margin-top: 10px;
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0;
    box-shadow: none;
}
#toukan #chakanjine{display: block;}
.btn-wxpay,.btn-zhifubao,.btn-right{width: 100%;line-height: 32px;border-radius: 2px;text-align: center;cursor: pointer;}
.btn-wxpay{border: 1px solid #3860f4;color: #3860f4;margin-bottom: 12px;margin-top: 12px;}
.btn-zhifubao,.btn-wxpay:hover,.btn-right{color: #fff;background-color: #3860f4;border: 1px solid #3860f4;}
.btn-zhifubao:hover{border: 1px solid #3860f4;color: #3860f4;background-color: transparent;}
.form-dashang {text-align: center;}
.form-dashang img{width: 150px;height: 150px;display: none;}
.form-dashang .pay_success{
    margin-top:15px;
    margin-bottom:15px;
    text-align:center;
    font-size:16px;
    color:red;
}

/* 标签动态 */
.tag-miaoshu{margin-top: 40px;}
.tag-miaoshu .tag-miaoshu-left{max-width: 182px; min-width: 182px;height: 122px;overflow: hidden;margin-right: 24px;}
.tag-miaoshu .tag-miaoshu-left img{width: 100%;height: 100%;border-radius: 5px;}
.tag-miaoshu .tag-miaoshu-right{font-weight: 500;color: #374567;line-height: 26px;font-size: 16px;flex: auto;}
.tag_all_list li{border-bottom: 1px solid #e5e8ed;}
.tag_all_list .tag_atriclelist h2{margin-bottom: 18px;}
.tag_all_list .tag_atriclelist p{margin-bottom: 16px;}
.right-hot-tags-info,.pay-jin_e{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
   align-items: flex-end;
   -webkit-align-items: flex-end;
   flex-wrap: wrap;}
   
   
.right-hot-tags-info a{width: 31.5%;text-align: center;color: #3860f4;line-height: 24px;border-radius: 2px;
    float: left;margin-top: 10px;border: 1px solid #ebefff;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 1px;}
.right-hot-tags-infos{
   -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.right-hot-tags-infos a{
    margin-right:2.75%;
    
}    
.right-hot-tags-infos a:nth-child(3n){margin-right:0;}
    .right-hot-tags-info a:hover{background-color: #ebefff;}
.ds_tags_box>li {
        box-sizing: border-box;
        width: 50%;
        margin-top: 50px;
    }
    .ds_tags_box>li h3 {
        width: 38px;
        height: 38px;
        border-radius: 2px;
        color: #fff;
        background-color: #5e7efe;
        font-size: 14px;
        line-height: 38px;
        text-align: center;
        margin-bottom: 30px;
    }
    .ds_tags_a {
        margin: 0 -5px;
    }
    .ds_tags_box>li .ds_tags_a>a {
        border: 1px solid #ebefff;
        padding: 2px 10px;
        border-radius: 2px;
        color: #3860f4;
        display: inline-block;
        margin: 0 5px 10px;
    }
    .ds_tags_box>li .ds_tags_a>a:hover{background-color: #ebefff;}
    .ds_tags_box>li .ds_tags_a>a img {
        width: 18px;
        height: 18px;
        margin-right: 5px;
        border-radius: 50%;
    }
.form-tag-group{position: relative;}
.txt_taginput {
    width: 270px;
    border:  1px solid #ebefff;
    border-radius: 2px;
    height: 35px;
    color: #999;
    padding-left: 10px;
    padding-right: 40px;
    box-sizing: border-box;
}
.form-tag-group .fa-search {
    color: #999;
    font-size: 15px;
    position: relative;
    left: -30px;
}
.tagsearch {
    background: #fff;
    position: absolute;
    width: 280px;
    min-height: auto;
    max-height: 500px;
    border-bottom: 0;
    z-index: 999999;
    overflow: auto;
    box-shadow: rgba(56,96,244,0.1) 0px 2px 15px -1px, rgba(56,96,244,0.1) 0px 1px 10px -1px;
    /* display: none; */
}
.tagsearch .tagitem {
    line-height: 20px;
    padding: 10px;
    cursor: pointer;
    font-weight: 600;
    color: #7a8ba6;
    border-bottom: solid 1px #ebefff;
}
.tagsearch .tagitem a{display: block;  color: #7a8ba6;}
/* 问题发布 */
.ask_release .layui-form-label{width: 130px;background-color: #eef2ff;font-size: 16px;color: #374567;}
.ask_release .layui-input-block{margin-left: 130px;}
.wangEditor-container{border: 1px solid #eee !important;}
.textarea-title{padding-left: 30px; background-color: #eef2ff; line-height: 44px;border: 1px solid #eee; border-bottom: 0;font-size: 16px;color: #374567;}
.layui-form-item  .layui-lanmu{width: 160px;}
.layui-form-item .layui-lanmu .layui-form-checkbox i{box-sizing:initial;}
.layui-form-item .layui-lanmu .layui-form-checked span{background-color: #3860f4;}
.layui-form-item .layui-lanmu .layui-form-checked span{color: #fff;}
.layui-form-select dl dd.layui-this {
    background-color: cornflowerblue;
    color: #fff;
}
#hot-tags-content{display: none;width: 600px;max-height: 450px;padding: 35px 15px;overflow-x: hidden;}
#hot-tags-content>a{
    margin-bottom: 10px;
    margin-right: 5px;
    background-color: #eef2ff;
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    color: #3860f4;
    vertical-align: top;
    border-radius: 2px;
    cursor: pointer;
}


.layui-form-checked i, .layui-form-checked:hover i{color: #3860f4;}
#hot-tags-btn{cursor: pointer; display: block;width: 140px; border: 0;background-color: #ebefff;color: #3960f4;text-align: center;line-height: 34px;border-radius: 2px;}
.pay-jin_title{color: #374567;font-size: 16px;}
.pay-jin_e>span{
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 2px;
    border: 1px solid #ffbc76;
    color: #ffbc76;
    width: 106px;
    margin-right: 14px;
    line-height: 32px;
    border-radius: 2px;
    text-align: center;
}
.pay-jin_e>span.cur{  border: 1px solid transparent;color: #4e332e; background-image: linear-gradient(to right, #ffcf87,#ffbc76);}
.asksubmit{cursor: pointer; width: 106px;line-height: 34px;color: #fff;border-radius: 2px;text-align: center;border: 0;}
.asksubmit:hover{opacity: 0.8;}
.chang-tags li{display: inline-block;
    padding: 0 6px;
    color: #3860f4;
    background: #eef2ff;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    font-size: 13px;
    margin-right: 8px;
    text-align: center;
}
.chang-tags li span{margin-right: 5px;}
.chang-tags li i{cursor: pointer;}
.layui-form-item .txt_price{
    width: 100px;
    margin-bottom: 0;
    border: none;
    padding-left: 20px;
    margin: 0 10px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0;
    box-shadow: none;
}
#doneimg{width: 253px;height: 140px;object-fit: cover;}
.upbutton_load{   
     position: relative;
     background: #f8f8f8;
    color: #374567;}
.upbutton_load:hover {
    color: #374567;
}
.upimg_load {
        position: absolute;
        height: 38px;
        width: 112px;
        left: 0;
        z-index: 99;
        top: 0;
        cursor: pointer;
        opacity: 0;
}  
.content-submit{margin-right: 5px; cursor: pointer; width: 136px;height: 32;line-height: 32px;color: #3961f4;text-align: center;border-radius: 2px;background-color: transparent;border: 1px solid #3960f4;}
.font-title{font-size: 16px;color: #374567;}
.paymodeltype,.freecontent{display: none;}
.course_nav>span{color: #7a8ba6;}
.course_nav>a{
    width: 85px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    text-align: center;
    background-color: #f8f8f8;
    color: #666;
    margin-left: 10px;
    display: block;
}
.course_nav>a.grad{color: #fff;}
/* 个人中心 */
.follow-detail{width: 100%;padding: 20px;line-height: 74px;background-color: #f6f8ff;margin-bottom: 20px;}
.follow-detail-left img{width: 35px;height: 35px;border-radius: 50%;margin-right: 15px;}
.follow-detail-left a{color: #374567;font-size: 16px;margin-right: 15px;}
.follow-detail-left span{color: #7a8ba6;font-size: 14px;}
.user-msgbox .eidt_sigin{color: #3860f4;font-size: 20px;margin-left: 5px;cursor: pointer;}
.my-set{text-align: center;margin-bottom: 25px;}
.my-set >a{width: 106px;text-align: center;line-height: 34px;color: #fff;border-radius: 2px;display: inline-block;}
.my-set a i{margin-right: 3px;vertical-align: middle; font-size: 20px;}
.user-msgbox .user-msgbox-ol,.com-home-box {
     text-align: center;
     width: 100%;
     display: flex;
     display: -webkit-flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-wrap: wrap;
}
.user-msgbox .user-msgbox-ol li{width: 32%;text-align: center;}
.user-msgbox .user-msgbox-ol li a{display: block;}
.user-msgbox .user-msgbox-ol li a span{color: #7a8ba6;font-size: 14px;display: inline-block;}
.user-msgbox .user-msgbox-ol li a strong{color: #374567;font-size: 16px;display: block;margin: 10px 0 20px 0;}
.profile_p{color: #7a8ba6;line-height: 24px;}
.com-home-box .com-home-box-item{width: 50%;font-size: 16px;margin-bottom: 30px;}
.com-home-box .com-home-box-item:nth-child(2n){text-align: right;}

.com-home-box .com-home-box-item a{color:#374567}
.com-home-box .com-home-box-item a:hover{color: #3860f4;}
.com-home-box .com-home-box-item a img{width: 43px;height: auto;margin-right: 10px;}
.user-ask-list,.user-ask-list li{padding: 32px 0;}
.user-ask-list li .about_question-left-grad{background-image: linear-gradient(to right, #5f87f8 , #3860f4);color: #fff;}
.no-more{text-align: center;margin: 64px 0;}
.myask-a {margin-bottom: 12px;}
.myask-a a{display: block; width: 106px;text-align: center;line-height: 34px;color: #fff;border-radius: 2px;}


.text{margin-top: 30px;color: #374567;}
.text>a{display: block;text-align: center;width: 156px;line-height: 34px;color: #fff;border-radius: 2px;margin-top: 25px;}
.user-list-kc a{position: relative;display: block;}
.user-list-kc span{position: absolute;width: 100%;top: 0;left: 0;line-height:122px; height: 100%;background-color: rgba(82,85,150,0.8);text-align: center;}
.user-list-kc span img{width: 55px;height: 55px;}
.user-msgbox>h3 span{display: inline-block;
    text-align: center;
    width: 65px;
    height: 24px;
    line-height: 24px;
    background-color: #f8ece7;
    border-radius: 2px;
    color: #f79539;
    font-size: 12px;
    margin-left: 8px; 
    vertical-align: middle;  
}
.user-msgbox>h3 span img{width: 14px;
        height: 11px;
        margin-right: 5px;}  

.user-category-box{background-color: #f9faff;padding: 15px 25px;margin-bottom: 24px;}
.user-category-box h4 a{margin-right: 10px;color: #374567;font-size: 16px;vertical-align: middle;}
.user-category-box h4 a:hover{color: #3860f4;}
.user-category-box h4 img{width: 56px;height: 38px;margin-right: 10px;}
.user-category-box  hr{margin: 15px 0;background-color: #e1e6f0;}
.user-category-box h4 span{color: #7a8ba6;font-size: 14px;vertical-align: middle;}
.user-category-box  h6{color: #7a8ba6;font-size: 14px;}
.user-expert-box{width: auto;}
.user-expert-box .expert-item{width: 100%;}
.user-com-pages{margin-top: -58px;}
/* 个人信息 */
.layui-table{margin: 0;}

.layui-btn{border: 0;height: 34px;line-height: 34px;}
.write-btn{background-color:transparent;border: 1px solid #3860f4;color: #3860f4;}
.write-btn:hover{color: #3860f4;}
.avatar-container{min-width: 48px;max-width: 48px; height: 48px;margin-right: 15px;flex: 1;}
.avatar-container a{position: relative;}
.avatar-container img{width: 48px;height: 48px;border-radius: 50%;}
.message-content{flex: auto;}
.ykd-elem-quote{border-left: 0;color: #7a8ba6;}
.ykd-elem-quote .color1{color: #3860f4;margin-right: 3px;}
.ykd-elem-quote .color1:hover{opacity: 0.9;}
.colorp{color: #7a8ba6;}
.colorh{color: #374567;}
.mine-msg li .message-content>p span {
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
}
.mine-msg li .message-content>p {
    position: relative;
    margin-top: 15px;
    line-height: 26px;
    text-align: right;
}
.mar-b15 {
    margin-bottom: 15px;
}
.msg_checkboxs {
    position: relative;
    top: -55px;
    cursor: pointer;
}
.layui-blue{background-color: #4d75f7;}

.layui-btn-sm{line-height: 30px;height: 30px;}
.mine-msg li {
    position: relative;
    padding: 32px 0 ;
    line-height: 24px;
    border-bottom: 1px dotted #E9E9E9;
}
.message-lists{padding-bottom: 32px;}

.msg_caozuo>button{border: 0;}
.ykd-form-label,.sendmessage .layui-form-label{box-sizing: content-box;}
.layui-form-checked[lay-skin=primary] i{background-color: #3860f4;border-color: #3860f4 !important;}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #3860f4;
    color: #fff;
}
.altbg1 input,.altbg2 input{max-width: 50px;border: 0;}
.dongtai{padding-bottom: 32px;}
.dongtai-p{margin: 20px 0;}
.dongtai-p p{color: #7a8ba6;}

.yaoqing p{word-break:break-all;}
.alipay-box> p:first-child{color:#374567}
.alipay-box p{margin-bottom: 15px;color: #7a8ba6;font-size: 16px;}
.alipay-box p b{color: #FC6603;}
.dasahngqrcode{width: 220px;
    height: 220px;
    padding: 10px;
    display: block;
    background-color: #ebf0fc;
    position: relative;
}
.dasahngqrcode::after{
    content: '';
    left: 50%;
    transform: translateX(-50%);
    border: 10px dashed transparent;
    border-bottom-color: #ebf0fc;
    bottom: 100%;
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
}
.dasahngqrcode img{width: 100%;height: 100%;}
.chongzhitishi{
    font-size: 14px;
    color: #7a8ba6;
    text-align: left;
    margin-top: 10px;
}
.zhangdan-box h4,.zhangdan-box p{font-size: 16px;margin-bottom: 30px;}
.zhangdan-box .dasahngqrcode{margin-bottom: 30px;}
.zhangdan-box hr{margin-bottom: 30px;}
.book_keeping li {
    color: #7a8ba6;
    padding: 15px 20px;
    border-radius: 5px;
    background: #fafafa;
    margin-bottom: 25px;
}
.book_keeping li div {
    margin: 8px 0;
}
.book_keeping li span {
    color: #666;
}
.book_keeping li a{color: #7a8ba6;}
.book_keeping li a:hover{color: #3860f4;}
.book_keeping li:last-child{margin-bottom: 0;}
/* 关注按钮 */
.follow-btn{border: 0;}
.follow-btn,.no-follow-btn{cursor: pointer; text-align: center;width: 106px;line-height: 34px;border-radius: 2px;display: inline-block;color: #fff;}
.no-follow-btn{border:1px solid #3860f4 !important;color: #3860f4 !important;}
.no-follow-btn:hover{color: #7a8ba6 !important;border-color: #7a8ba6 !important;}
/* 个人设置 */

.com-profile-left{padding-right: 25px;}
.com-profile-right{padding-left: 25px;border-left: 1px solid #ebf0fc;min-height: 420px;}
.com-profile-right .com_white-left-top li a{font-size: 24px;font-weight: 600;}
.com-profile-right  .com_white-left-top li{width: auto;}
.com-profile-right  .com_white-left-top li a{color: #374567;}
.user_form_label{text-align: left;box-sizing: content-box;color: #374567;font-size: 16px;}

.com-profile-form form .layui-form-item{margin-bottom: 25px;}
.user_input {
    background-color: #fafbfb;
    border: 0;
    color: #7a8ba6;
}
.layui-form-checked i{box-sizing: content-box;}

.layui-form-checked span, .layui-form-checked:hover span,.layui-form-checked, .layui-form-checked:hover{color: #3860f4;}
.layui-form-checkbox span{white-space: normal;}
.layui-form-radio>div,.layui-form-checkbox[lay-skin=primary] span{color: #7a8ba6;}
.layui-form-checked[lay-skin=primary]:hover span{color: #3860f4;}
.user_input::-webkit-input-placeholder{
    color: #7a8ba6;
}
.user_input::-moz-placeholder{  
    color: #7a8ba6;
}
.user_input:-moz-placeholder{    
    color: #7a8ba6;
}
.user_input:-ms-input-placeholder{ 
    color: #7a8ba6;
}
.ml-11{margin-left: 110px !important;margin-bottom: 0!important;}
.set_form_label{font-size:16px;font-family: 'Microsoft YaHei';width: 100px;padding-left: 0;}
.set_top,#cate_view{display: inline-block;margin-left: 10px;line-height: 38px;}
.set_top>span{color: #7a8ba6;}
#cate_view li{display: inline-block; margin-right: 5px;background-color: #ebefff;text-align: center;padding: 5px 10px;color: #3860f4;font-size: 12px;line-height: normal;}
#cate_view li i{margin-left: 5px;cursor: pointer;}
.set_tips span, .set_tips b {
    display: inline-block;
}
.set_tips {
    background-color: #f8f9fc;
    height: 55px;
    line-height: 55px;
    margin-bottom: 50px;
}
.set_tips span {
    width: 87px;
    font-family: "PingFangHeiTcw8-Proportional";
    text-align: center;
    color: #3962f4;
    font-size: 18px;
    background-color: #eef2ff;
}
.set_tips b {
    color: #7a8ba6;
    margin-left: 20px;
    font-size: 14px;
    font-weight: normal;
}
.set_table {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 50px;
    border: 0;
}
.set_table tr td{border: 0;}
.set_table tr:nth-child(odd) {
    background-color: #f8f8f8;
}
.set_table tr td:first-child img {
    width: 30px;
    height: 28px;
    margin-right: 5px;
}
.set_table tr td:nth-child(3){text-align: right;}
.set_table tr td:nth-child(2){color: #7a8ba6;}
.set_table tr td a{color: #999;}
.set_table tr td a:hover{color: #7a8ba6;}
.set-fup{margin-left: 20px;font-size: 14px;}
.user_wrz_box{line-height: 38px;color: #7a8ba6;}
.layui-form-item .layui-word-aux{margin-bottom: 0;color: #7a8ba6 !important;}
.vertify_img{margin-bottom: 25px;max-width: 100%;height:auto;}
.codeimg{width: 80px;height: 30px;}
.verifycode{line-height: 38px;display: inline-block;margin-left: 3px;}
.changecode{color: #7a8ba6;vertical-align: bottom;margin-left: 3px;}
.send-code{margin-top: 2px;}
.user_wrz_box i{font-size: 16px;margin-left: 3px;vertical-align: middle;}
.left_edittimg_box {
    float: left;
    margin-right: 170px;
    overflow: hidden;
}
.edittimg_1 {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin-bottom: 20px;
    display: block;
}
.right_edittimg_box {
    float: left;
    overflow: hidden;
}

.com_white-left-top-box-a{position: absolute;right: 0;bottom:0px;}
.com_white-left-top li.com_white-left-top-box-a a{color: #7a8ba6;font-size: 14px;}
.com_white-left-top{border-bottom: 1px solid #e1e6f0; position: relative;}
.giftlist .mycaifu p{
	font-size:12px;
	line-height:20px;
}
.giftlist .mycaifu p i{
	font-size:12px;
}
.giftlist .mycaifu p a{
	color:#3860f4;
}
.giftlist .giftitem{
	margin-bottom:16px;
	padding-bottom:8px;
	border-bottom:solid 1px #ebebeb;
}
.giftlist .layui-card{
	box-shadow: none;
}

/* 新增课程学习页面 */
.site-seo-jianjie{
    margin-top: 40px;
    margin-bottom:35px;
    color: #7a8ba6;
    font-size: 14px;
}
.tab-video-list{margin-bottom: 35px;}
.tab-video-content{display: none;}
.tab-video-list .top-com-title span {
    border-bottom: 0;
    font-weight: 200;
    cursor: pointer;
    margin-right: 15px;
}
.tab-video-list .top-com-title span.on{border-bottom: 2px solid #3860f4;font-weight: 500;}
.tab-video-content .video-content{color: #374567;font-size: 16px;}
.kc-h6{font-size: 16px;color: #374567;margin-bottom: 5px;}
.kc-h6 img{width: 22px;height: 20px;margin-right: 10px;}
.kclist-item-ul li{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #e1e6f0;}
.kclist-item-ul li a{display: block; width: 100%;height: 36px;line-height: 36px; position: relative;color:#374567;padding-right: 108px;}
.kclist-item-ul li a i{font-size: 20px;margin-right: 10px;position: relative;top: 2px;}
.kclist-item-ul li a span{ width: 106px;line-height: 34px;color: #3860f4;font-size: 14px;text-align: center;position: absolute;right: 0;top: 0px;
     border: 1px  solid  #3860f4;border-radius: 2px;
}
.kclist-item-ul li a:hover{color: #3860f4;}
.kclist-item-ul li a span img{margin-left: 3px;width: 15px;height: 15px;}
@media screen and (max-width: 768px){
    .kclist-item-ul li a{padding-right: 0;}  
}
  .ukd_list-btn{}
 .ukd_list-btn>a:first-child{border:0;color:#fff;}
 .ukd_list-btn>a{margin-bottom:25px;display:inline-block;margin-right:25px;height:34px;line-height:34px;border:1px solid #3860f4;padding:0 18px;border-radius:2px;color:#3860f4;}
  .ukd_list-btn>a:not(:first-child):hover{background-color:#3860f4;color:#fff;}

.block--action {
    padding: 10px 0;
}
.block--action .loadmore {
    background-color: #ebefff;
    color: #4370f5;
    padding: 10px 0;
    text-align: center;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
    cursor: pointer;
}

.block--action .loadmore a {
    text-decoration: none;
    color: inherit;
    background-color: transparent;
}