body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
body { background:#f2f2f2; color:#555; font-size:14px; font-family:Microsoft YaHei }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a{text-decoration:none; color:#000;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#0157a4;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:0.2rem Verdana,Helvetica,Arial,sans-serif; }
*{box-sizing: border-box}
#app{min-width: 1400px;}
#topnav {
    background-color: #ffffff;
    color: #fff;
    height: 80px;
    width: 100%;
    display: flex;border-bottom: 1px solid #f1f1f1;position: relative;
}
.topnav{width: 1400px;margin: 0 auto;padding: 4px 10px;box-sizing: border-box;display: flex;align-items: center;
    justify-content: space-between;}
.top-l{padding-left: 40px;}
.top-l img{height: 60px;}

.top-r{display: flex;align-items: center}
.top-r .el-input{margin-right: 50px}
.top-r .top-span{display: flex;width: 160px;    font-weight: bold;}
.top-r .top-span span{margin: 0 10px;color: #24629a;cursor: pointer}
.top-r input{background: #d0e4ff;border: none;}
.top-r input::placeholder{color: #333}
.top-r .el-input-group__append, .el-input-group__prepend {
    background-color: #f5f7fa99;
    color: #045cfe;
    padding: 0 14px;
    font-size: 18px;
}

.top-r .top-user{display: flex;align-items: center;
    padding: 3px 20px;cursor: pointer;
    border-radius: 2rem;background: #f4f4f4;}
.top-r .top-user img{width: 21px;height: 21px;border-radius: 50%;margin-right: 5px;padding: 2px;box-shadow: 0 0 2px #fff;    margin-top: 5px;}
.top-r .top-user:hover{background: #00000033}
.top-r .top-user span{color:#000}
.top-r .el-popover__reference{display: flex;align-items: center;}

.tuser-ul li{display: flex;align-items: center;padding: 10px 5px;cursor: pointer;}
.tuser-ul li a{display: flex;
    color: inherit;}
.tuser-ul li:hover{background: #668bc350}
.tuser-ico{width: 20px;}


#l-title{width: 100%;background:#668bc3;height: 120px;text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 20px;    box-sizing: border-box; }
#l-title .title{color: #a9cafa;font-size: 30px;width: 100%;text-align: center;line-height: 2;}
#l-title .title-msg{color: #bbcae0;font-size: 14px;width: 100%;text-align: center}

#lt-com{width: 100%;background: #fff;padding: 20px;    box-sizing: border-box;}
#lt-com #com{width: 1400px;display: flex;margin: 0 auto;justify-content: space-between;position: relative}
#com .com-l{width: 160px;}
#com .fabu{background: #9fc8ff;border-radius: 4px;text-align: center;color: #fff;font-weight: bold;height: 37px;line-height: 37px;font-size: 14px;letter-spacing: 2px;margin-bottom: 30px;cursor: pointer}
#com .com-l ul{}
#com .com-l ul li{display: flex;align-items: center;margin-top: 5px;color: #37414f;font-weight: 400;font-size: 14px;cursor: pointer;padding: 10px 10px;border-radius: 5px}
#com .com-l .zt-ico{width: 18px;max-height: 18px;margin-right: 10px}
#com .com-l ul li:hover{background: #f3f6f9}
.is_nav{background: #d1e6fb}

#com #com-banner{text-align: center;    box-shadow: 0 0 3px 0 #ccc;
    padding: 3px;position: relative;
    left: 20px;
    box-sizing: border-box;width: 300px}
#com #com-banner img{max-width: 300px}



#com .com-r{width: 900px;}
#com .zhuti-item{width: 100%;display: flex;margin-bottom: 5px;padding: 10px 20px;cursor: pointer;border-radius: 5px}
#com .zhuti-item:hover{background: #f3f6f9}
#com .zhuti-item:hover .gl-del{opacity: 1;}
#com .zhuti-item .item-touxiang{width: 36px;height: 36px;margin-right: 10px;position: relative}
#com .zhuti-item .item-touxiang img{width: 36px;height: 36px;border-radius: 50%;
    padding: 2px;}
#com .zhuti-item .item-com{width: 850px;}
#com .zhuti-item .item-com .com-tit{font-size: 16px;color: #111111;font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;line-height: 1.3;margin-bottom: 5px}
#com .com-con{margin: 4px 0;color: #666;font-size: 12px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 58px;
    overflow: hidden;
}
#com .com-con img{display: none}
#com .com-des{}
#com .com-des .item-atg{font-weight: 600;
    border-radius: 4px;
    background: var(--tag_color,#1e8449);
    color: #ffffff;
    text-transform: none;
    text-decoration: none !important;
    font-size: 12px;
    display: inline-block;
    padding: 1px 6px;
    vertical-align: bottom;margin-right: 5px}
#com .zhuti-item .item-num{display: flex;align-items: center;min-width: 80px;max-width: 100px;;margin-left: 50px;height: 25px;width: 80px;position: relative;}
#com .zhuti-item .item-num img{width: 20px;margin-right: 3px}
#com .zhuti-item .item-redu{margin-right:20px}
#com .zhuti-item .item-redu .el-button{padding: 3px 5px}
#com .gl-box{position: absolute;left: 100%;display: flex;width: 150px;    z-index: 1;}

#com #huifu_tag{margin-bottom: 20px}
#com .el-input__inner{background:#e8ecf3 }

#com .item-com .com-des{font-size: 11px;color: #aaa;display: flex;}
#com #huifu_tag .shuaxin{float: right;margin-right: 20px;background:#e8ecf3;padding: 6px 8px;border-radius: 3px;font-weight: bold;font-size: 20px;cursor: pointer}


#fenye{display: flex;width: 100%;margin: 0 auto}
#fenye .fenye-l{width: 200px}
#fenye .fenye-l{width: 200px}
#fenye .fenye{text-align: center;margin: 15px auto}


.user_pop{}
.user_pop .el-dialog__header{text-align: center}
.user_pop .el-input{margin-bottom: 15px}
.user_pop .user_pop_btn{text-align: center}
.user_pop .to_login{text-align: center;
    margin-top: 15px;}


/**发帖弹窗*/
.tox-edit-area__iframe p {margin: 0}
.fatie_pop_zz{
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}
.fatie_pop{max-width: 1400px;margin: 0 auto;position: fixed;
    left: 0;
    right: 0;
    bottom: 0;padding: 10px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px 5px 0 0; transition: all 0.3s;animation: btt-drawer-in 0.3s ease-in-out;}
.fatie_pop .fabu_btn{position: absolute;
    right: 12px;
    bottom: 10px;
    z-index: 10;}

/*动画*/
@keyframes btt-drawer-in {
    0% {
        bottom: -300px;
    }
    100% {
        bottom: 0;
    }
}

.tox-tinymce{border: none!important;}
.fatie_pop_top{display: flex;    margin-bottom: 5px;}
.fatie_top_l{margin-right: 15px}
.fatie_top_l img{width: 60px;height: 60px;border-radius: 50%}
.fatie_top_l p{width: 60px;
    text-align: center;
    font-size: 12px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}

.fatie_top_r {    width: 100%;}
.fatie_top_r .zhuti-nav .el-input__inner{background: #e8ecf3;}
.fatie_top_r .zhuti-title .el-input__inner{border: none}

.tox-sidebar-wrap{border: 1px solid #e9e9e9!important;border-bottom: none!important;}
.close_fatie{
    position: absolute;
    right: 10px;
    top: 3px;font-size: 22px;cursor: pointer;
}

.gl-del{
    color: #f00;
    margin-left: 10px;opacity: 0;
}
.gl-jy{    background: #0000008f;
    position: absolute;
    width: 36px;
    height: 36px;
    left: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    color: #f1ea67;
    opacity: 0;transition: all 0.3s;
}
.gl-jy:hover{opacity: 1}
.user1{color: #f00;margin-right: 20px}
.user1 span{margin: 0 5px}
/*con页面*/
.top-back{position: absolute;cursor: pointer;
    left: 10px;
    background: #668bc3;
    padding: 7px 10px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;}

#con-title{width: 100%;background:#668bc3;min-height: 120px;text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 20px;    box-sizing: border-box; }
#con-title .title{color: #fff;font-size: 26px;width: 100%;text-align: center}
#con-title .title-f{color: #fff;font-size: 15px;width: 100%;text-align: center;margin-top: 5px}
#con-title .title-msg{color: #bbcae0;font-size: 14px;width: 100%;text-align: center}
#con-title  .item-atg{font-weight: 600;
    border-radius: 4px;margin-top: 8px;
    background: var(--tag_color,#1e8449);
    color: #ffffff;
    text-transform: none;
    text-decoration: none !important;
    font-size: 14px;
    display: inline-block;
    padding: 2px 10px;
    vertical-align: bottom;margin-right: 5px}



#tieziBox{width: 100%;background: #fff;padding: 20px 0;}
#tieziBox #content{width: 100%;min-width: 1400px;box-sizing: border-box;margin: 0 auto;padding: 20px;display: flex;justify-content: center}
#tieziBox .content-l{width: 100%;
    max-width: 1400px;}

#tieziBox .item{display: flex;border-bottom: 1px solid rgba(204, 204, 204, 0.7);padding-bottom: 40px;position: relative;cursor: pointer;margin-top: 10px;font-size: 16px}
#tieziBox .item-tx{width: 60px;height: 60px;margin-right: 15px;position: relative}
#tieziBox .item-tx img{width: 60px;height: 60px;border-radius: 50%}
#tieziBox .item-tx .user-tag{background: #3a8ee6;color: #fff;width: 22px;height: 22px;border-radius: 50%;position: absolute;right: 0;top: 0;line-height: 22px;text-align: center}

#tieziBox .item-c{width: 100%}
#tieziBox .item-h2{font-weight: bold;color: #000;font-size: 13px;margin: 10px 0}
#tieziBox .item-h2 span{font-weight: 400;color: #667c99;font-size: 13px;margin-left: 10px}
#tieziBox .huifu{right: 30px;bottom: 10px;color: #aaa;cursor: pointer;opacity: 0;transition: all 0.3s;width: 100%}
#tieziBox .huifu span{float: right}
#tieziBox .item:hover .huifu{opacity: 1}
#tieziBox .u-huifu{color:#667c99;position: absolute;
    left: 65px;
    bottom: 10px;
    cursor: pointer;
    transition: all 0.3s;}
#tieziBox .u-huifu b{font-weight: 500}




#tieziBox .content-r{width: 300px;margin-left: 50px}
#tieziBox .huifu-btn{background: #4d698e;color: #fff;width: 300px;margin: 0 auto;line-height: 35px;border-radius: 5px;text-align: center;font-weight: bold;letter-spacing: 3px;cursor: pointer}



#tieziBox .suodian{display: flex;border: 1px dashed rgba(204, 204, 204, 0.7);padding: 20px;position: relative;cursor: pointer;margin-top: 15px;border-radius: 4px}
#tieziBox .suodian .item-tx{width: 60px;height: 80px;margin-right: 15px;position: relative}
#tieziBox .suodian .item-tx img{width: 60px;height: 60px;border-radius: 50%}
#tieziBox .suodian .item-tx .item-h2{width: 60px;font-weight: 400;font-size: 12px;text-align: center;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;color: #aaaaaa}

#tieziBox .suodian .item-c{width: 100%;line-height: 65px;color: #ccc;}
#tieziBox .suodian:hover{border: 1px dashed #667c99;}
.beihuifu-p{    display: flex;width: 82%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height: 20px;}
.beihuifu-p-c img{max-height: 20px!important;max-width: 30px}
.hf_ico{width: 20px;height: 20px}
.hf_text img{max-width: 100%;height: auto;border-radius: 6px}
.time-top{
    width: 45px;
    height: 45px;
    background: #668bc34a;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    right: 5%;
    bottom: 5%;cursor: pointer;
}
.time-top:hover{background: #668bc3;}
/*con页面 结束*/



/*会员中心*/

#user-banner{width: 100%;background:#689594;height: 160px;text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 20px;    box-sizing: border-box; }
#user-banner .user-touxiang{width: 1400px;margin: 0 auto;display: flex;align-items: center;padding: 20px}
#user-banner .user-tx{width: 100px;height: 100px;border-radius: 50%;position: relative}
#user-banner .user-tx img{width: 100px;height: 100px;border-radius: 50%;border:4px solid #fff;box-sizing: border-box}
#user-banner .user-tx .edit_img{width: 30px;height: 30px;border-radius: 50%;position: absolute;margin: 0 auto;background:#ffffffc9;top:30px;left: 0;right: 0;font-size: 35px;text-align: center;line-height: 26px;color: #0000006b;font-weight: bold}
#user-banner .user-info{text-align: left;margin-left: 30px;color: #fff}
#user-banner .user-info h1{font-size: 20px;font-weight: bold}
#user-banner .user-info p{font-size: 13px;margin-top: 20px}
#user-banner .user-info p i{font-weight: bold;font-size: 15px}
#user-banner .user-info p span{width: 13px;height: 13px;border-radius: 50%;background:#7fba00;display: inline-block;margin-right: 3px }


#user-com{width: 1400px;margin: 0 auto;padding: 20px;display: flex;justify-content: space-between;}
#user-com .user-l{width: 200px;box-shadow: 0 0 3px 0 #e3e2e2;padding: 10px;}
#user-com .user-l li{display: flex;align-items: center;font-size: 13px;font-weight: bold;margin:  10px 0;padding: 10px;cursor: pointer}
#user-com .user-l li img{width: 20px;height: 20px;margin-right: 5px}


#user-com .user-r{width: 900px;box-shadow: 0 0 3px 0 #e3e2e2;padding: 10px;}
#user-com .zhuti-item{width: 100%;display: flex;margin-bottom: 5px;padding: 15px 20px;cursor: pointer;border-radius: 5px;border-bottom: 1px solid #f2f2f2;}
#user-com .zhuti-item:hover{background: #f3f6f9}
#user-com .zhuti-item .item-touxiang{width: 36px;height: 36px;margin-right: 10px;position: relative}
#user-com .zhuti-item .item-touxiang img{width: 36px;height: 36px;border-radius: 50%;
    padding: 2px;}
#user-com .zhuti-item .item-com{width: 700px;}
#user-com .zhuti-item .item-com .com-tit{font-size: 16px;color: #111111;font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;line-height: 1.3;margin-bottom: 5px}
#user-com .com-des{}
#user-com .com-des .item-atg{font-weight: 600;
    border-radius: 4px;
    background: var(--tag_color,#1e8449);
    color: #ffffff;
    text-transform: none;
    text-decoration: none !important;
    font-size: 12px;
    display: inline-block;
    padding: 1px 6px;
    vertical-align: bottom;margin-right: 5px}
#user-com .zhuti-item .item-num{display: flex;align-items: center;width: 80px;margin-left: 80px;height: 25px;}
#user-com .zhuti-item .item-num img{width: 20px;margin-right: 3px}
#user-com .item-com .com-des{font-size: 11px;color: #aaa;display: flex;}
#user-com .zhuti-item:hover .gl-del{opacity: 1;}



#user-com .huifu-list{margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px}
#user-com .hf_content-box{display: flex;width: 100%;height: 20px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;color: #667c99;margin-bottom: 10px}
.hf_content{margin-left: 5px;text-decoration: underline;}
.hf_content p,.hf_content a,.hf_content strong{color: #667c99}
.hf_content img{height: 20px;width: auto}
.hf_neirong_box{display: flex}
.hf_neirong_box .hf_neirong-tx{width: 60px;height: 60px;margin-right: 15px}
.hf_neirong_box .hf_neirong-tx img{width: 60px;height: 60px;border-radius: 50%}
.hf_neirong_box .my_huifu{display: flex;margin-top: 10px}
.hf_neirong_box .my_huifu_tag{background: #e8ecf3;padding: 2px 5px;border-radius: 4px;font-size: 13px;color: #667c9c;font-weight: bold;margin-right: 3px;height: 25px;}
.hf_neirong-1{color: #000;font-weight: bold}
.hf_dian{width: 12px;height: 12px;border-radius: 50%;display: inline-block;background:#7fba00 }
.hf_tim{color: #667c99;font-weight: 400;font-size: 12px}
.hf_c img{max-width: 100%;height: auto;border-radius: 5px}
/*会员中心 结束*/



.footer{width: 100%;min-width: 1400px;height: 100px;background: #1a1a1a;text-align: center;line-height: 100px;color: #666}
.footer a{color: #666}
/*广告*/
#guanggao1{text-align: center;width: 100%;min-width: 1400px;padding: 5px;box-sizing: border-box;margin: 2px 0}
#guanggao1 p{line-height: 30px}
#guanggao2{text-align: center;max-width: 300px;padding: 5px;box-sizing: border-box;margin: 2px 5px;min-width: 200px;}
#guanggao2 img,#guanggao1 img{max-width: 100%;}
#guanggao2 p{line-height: 25px}



/*轮播图*/
.swiper-wrapper,.swiper-slide{margin: 0;padding: 0}
#banner1{width: 100%;min-width: 1400px;overflow: hidden;}
#banner1 .swiper-slide img{width: 100%;}


/*响应式css*/



@media screen and (max-width: 767px) {
    #app {min-width: 100%;}
    #topnav{height: 110px}
    .topnav{width: 100%;align-items: flex-start;}
    .topnav .top-l{padding-left: 0;margin-top: 10px;}
    .topnav .top-l img{width: 120px;height: auto}
    .top-r{margin-top: 10px}
    .top-r .el-input{
        position: absolute;
        left: 0;
        top: 60px;
        width: 88%;
        margin: 0 auto;
        right: 0;
    }
    #guanggao1{min-width: 100%}
    #banner1{min-width: 100%}
    #lt-com{padding: 8px}
    #lt-com #com{width: 100%;flex-wrap: wrap;}
    #com .com-l{width: 100%}
    #com .com-l ul {
        display: flex;
        flex-wrap: wrap;justify-content: space-between;
    }
    #com .com-l ul li{width: 48%;background: #f2f2f2;margin: 1%}
    .is_nav{background: #d1e6fb!important;}
    #com .com-r{width: 100%;margin-top: 15px}
    #com .zhuti-item{padding: 10px 0}
    #com .zhuti-item .item-com{width: 70%}
    #com .zhuti-item .item-num{width: 15%;min-width: auto; margin-left: 2%;}
    #com .com-des .item-atg{font-size: 10px;padding: 1px 3px}

    #fenye .fenye-l {
        width: 0;
    }
    .el-pagination button, .el-pagination span:not([class*=suffix]) {min-width: 25px;}
    .el-pager li {
        padding: 0 2px;

        font-size: 11px;
        min-width: 20.5px;

    }
    .el-pagination .btn-prev {
        padding-right: 4px;
    }
    .el-pagination .btn-next {
        padding-left: 4px;
    }
    .el-pagination__jump {
        margin-left: 5px;
    }
    .el-pagination__editor.el-input {
        width: 34px;
    }
    .footer{min-width: 100%;line-height: 35px}
    .gl-del,.gl-jy{opacity: 1;font-size: 10px;}

    /*帖子详情*/
    .wap-topnav {height: 65px!important;}

    .wap-topnav .top-l{padding-left: 50px}
    .wap-topnav .top-back{top: 15px}
    #tieziBox #content{width: 100%;padding: 10px;min-width: auto}
    #tieziBox .content-l {
        width: 100%;
    }


    #tieziBox .content-r {
        display: none;
    }
    #tieziBox .item-tx {
        width: 30px;
        height: 30px;
        margin-right: 5px;

    }
    #tieziBox .item-tx img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
    #tieziBox .item-tx .user-tag{width: 20px;height: 20px;top: -5px;right: -5px;}
    #tieziBox .item-h2 {
        font-size: 12px;
        margin: 5px 0;
    }
    .tiezi-c{font-size: 12px}
    .tiezi-c *{max-width: 100%;height: auto;}

    #tieziBox .u-huifu {
        font-size: 12px;left: 35px;
    }
    #tieziBox .huifu{opacity: 1;position: absolute;
        z-index: 9;}
    .tox .tox-tbtn{width: 24px!important;}
    .el-message-box{width: 90% !important}


/*    会员中心*/
    #user-com{width: 100%;padding: 5px;flex-wrap: wrap;}
    #user-com .user-l{width: 100%}
    #user-com .user-r{width: 100%;padding: 2px}
    #user-com .zhuti-item{padding: 5px}
    #user-com .zhuti-item .item-com {
        width: 80%;
    }
    #user-com .zhuti-item .item-num {
        width: 15%;
        margin-left: 2%;

    }
    #user-com .zhuti-item .item-com .com-tit{font-size: 13px}
    #user-com .com-des .item-atg{font-size: 10px;padding: 1px 2px}


    #com #com-banner{position: relative;left: 0;text-align: center;    box-shadow: 0 0 3px 0 #ccc;
        padding: 3px;
        box-sizing: border-box;top: auto;width: 100%;}
    #com #com-banner img{max-width: 100%}

    #com .gl-box {
        position: absolute;
        left: 100%;
        display: flex;
        width: 150px;
        background: #fff;
    }
}