﻿@import url(common.css); /* 引用公共样式 */
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
body,html{font-size:14px;background:#e0e8f6;}
.center{max-width:1140px;}
.navc2:empty{display:none!important;}
.bg4{background:#c92432;}
.co4{color:#c92432;}
.bg5{background:#ff6a00;}
.co5{color:#ff6a00;}
.top1b{position:fixed;left:0;right:0;top:0;}
.top13b{line-height:22px;height:22px;}
.top1{height:52px;}
.top13{margin: 0 40px;}
.bot2b{position:fixed;left:0;right:0;bottom:0;}
.bot2{height:62px;}
.bot2c.active a{color:#c92432;}
.sha1{box-shadow:0 1px 2px rgba(0,0,0,.05);}
.shaf2{box-shadow:0 -1px 2px rgba(0,0,0,.05);}
.logo{width:60px;height:60px;}
.share-img{width:28px;height:28px;}
.stx-img{width:44px;height:44px;border-radius:50%;border:1px solid #2f80c6;}
.stx-b2{background:#c92432;color:#fff;font-size:10px;padding:0 5px;border-radius:12px;left:50%;top:100%;white-space:nowrap;margin: -8px 0 0 -15px;}
.layui-btn-sm{line-height:26px;height:28px;}
.layui-btn-xxs{line-height:22px;height:24px;font-size:12px;padding:0 12px;}
.s231-img{width:20px;height:20px;position:relative;top:2px;margin-left:5px;}
.s31-img{width:20px;height:20px;}
.cyc12-img{width:24px;height:24px;}
.cyc1311{max-width:200px;}
.tzc2c1 .icon{width:15px;height:15px;position:relative;top:2px;margin-right:3px;fill:#999;}
.s8b{position:fixed;left:0;right:0;bottom:0;z-index:800;}
.s81-img{width:26px;height:26px;}
.s8{height:32px;}
.s91{position:fixed;left:10px;bottom:145px;z-index:500;}
.s91c1-img{width:26px;height:26px;border-radius:50%;margin-right:5px;}
.s91c{padding:5px 10px;background:rgba(0,0,0,.5);border-radius:3px;position:absolute;top:50px;opacity:0;}
.s91c2{padding:2px 0;margin-left:31px;}
.s91c.active{animation:animShow ease-in-out 5s;}
.s9-bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1200;background:rgba(0,0,0,.7);opacity:0;transition:ease .5s;visibility:hidden;}
.s9-nr{position:fixed;left:0;right:0;bottom:0;background:#fff;padding:8px;z-index:1500;border-radius:10px 10px 0 0;transition:ease .5s;margin-bottom:-145px;}
.s9-box.active .s9-bg{opacity:1;visibility:visible;}
.s9-box.active .s9-nr{margin-bottom:0;}
.s932 .icon{width:22px;height:22px;fill:#2f80c6;}
.s932c:first-child .icon{fill:green;}
.s93 .s9-nr{margin-bottom: -182px;}
.s934-bg{left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);position:fixed;}
.s934-nr{position:fixed;left:20px;right:20px;top:50%;transform:translateY(-50%);}
.s934b{max-width:720px;width:80%;}
.s9343 .icon{vertical-align:text-top;}
.tzc122-list{display:flex;}
.tzc122-item{flex:1;}
.s9342-img{max-width:360px;}
.login-b{position:fixed;left:0;right:0;bottom:0;}
.login-b1{background:url(/images/1.png) no-repeat left center;background-size:auto 100%;padding:10px 15px 20px 75px;background-color:#f5f9ff;}
.login-panel{border-radius:15px 15px 0 0;overflow:hidden;box-shadow:0 -2px 20px rgba(0,0,0,.3);border:2px solid #fff;}
.login-close{right:10px;top:5px;}
.avatar{width:70px;height:70px;border-radius:50%;box-shadow:0 0 3px 1px rgba(0,0,0,.1) inset;}
.page a, .page span{background:#fff;}
.page a:hover, .page span{background:#2f80c6;color:#fff;border-color:#2f80c6;}
aie-footer{display:none;}
aie-header+div{width:100%;}
.tzc2cb.active{color:#2f80c6;}
.tzc2cb.active .icon{fill:#2f80c6;}
.utx{width:38px;height:38px;padding:0;}
.tzzt{position:absolute;right:10px;top:0;width:18px;line-height:1em;padding:5px;text-align:center;color:#fff;}
.tzzt::after{content:"";position:absolute;border:0 solid transparent;border-width:3px 14px 10px;border-bottom-color:transparent!important;left:0;top:100%;margin-top:-2px;}
.tzzt0{background:#999;}
.tzzt0::after{border-color:#999;}
.tzzt1{background:green;}
.tzzt1::after{border-color:green;}
.tzzt2{background:#ff6a00;}
.tzzt2::after{border-color:#ff6a00;}
.pllist .tzzt{width:auto;font-size:12px;}
.pllist .tzzt::after{border-width:6px 23px 0;border-left-color:transparent;border-right-color:transparent;margin-top:0;}
.tpadd-btn{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px solid #eaeaea;}
.tpimg{width:80px;height:80px;object-fit:cover;vertical-align:top;}
.tpclose{font-size:12px;width:18px;line-height:18px;height:18px;border-radius:50%;right:-5px;top:-5px;text-align:center;}
.bor4{border-color:#c92432;}
.layui-form-select dl dd.layui-this{background:#c92432;}
.fabu-btn{position:fixed;left:50%;margin-left:-490px;padding:5px;bottom:20%;z-index:200;width:50px;height:50px;line-height:48px;text-align:center;border-radius:50%;box-shadow:1px 2px 5px rgba(0,0,0,.3);}



.kf_html2{background:#fff}
        textarea:focus{outline:none;}  

        .kf1{background:#043265; text-align:left;padding-top:12px;padding-bottom:12px;position:relative; padding-left:10px; font-size:16px;}
        .kf1 .guanbi{position:absolute;right:10px; top:12px;font-size:20px; cursor:pointer}
        .kf1 i{font-size:20px; vertical-align:middle}

        .kf2{height:calc(100% - 148px);background:#fff; padding:10px;overflow-y:auto; line-height:25px}
   
        .kfname{ padding-left:55px; text-align:left}
        .admin{margin-top:10px; text-align:left}
        .admin1{width:30px;height:30px; text-align:center; line-height:30px;font-size:16px;border-radius:50%; background:#c92432;display:inline-block;float:left; margin-left:10px; margin-right:8px;color:#fff}
        .admin2{background:#e0e8f6;display:inline-block; padding: 5px 10px;   max-width:60%;border-radius:4px 4px 4px 4px; text-align:left; margin-top:2px; margin-left:0px;position:relative;word-break: break-all;}
        .admin2 a{color:#19caa6}
        .admin2 a:hover{color:#08b592}
        .admin2:after{content:''; position:absolute; top:10px;left:-10px;border: 5px solid transparent;border-right-color: #e0e8f6;}
        .admin2 .copy2{background:#048ac0;color:#fff;border-radius:5px;padding:1px 5px;margin:0px 2px;cursor:pointer}

        .users{margin-top:10px; text-align:right}
        .users1{background:#043771;display:inline-block;padding: 5px 10px;  max-width:60%;border-radius:4px 4px 4px 4px; text-align:right;  margin-right:8px;position:relative;color:#fff}
        .users1:after{content:''; position:absolute; top:10px;right:-9px;border: 5px solid transparent;border-left-color: #043771;}
        
        .users2_kf{width:30px;height:30px; text-align:center; line-height:30px;font-size:16px;border-radius:50%; background:#043771; color:#fff; display:inline-block;  margin-left:5px }
        

        .kf3{padding-bottom:5px; background:#fff;z-index:5;position:relative; padding:10px}

        .kf3a{width:calc(100% - 50px)}
        .kf3b{ width:50px}
        .kftxt{border:0px; width:calc(100% - 22px); background:#fff;  border-radius:5px; height:40px; border:1px solid #eee; padding-left:10px;padding-top:8px}
        .kftxt::placeholder{ font-family:"Microsoft YaHei"}
        .kfok{background:#c92432;color:#fff; border-radius:5px;height:50px; line-height:50px; width:50px; text-align:center; cursor:pointer;display:inline-block}


              .sousuo{background:#f5f5f5;border-radius:20px;margin:10px;padding:0px 20px;text-align:left;position:relative}
.sousuo input{border:0px;background:none;padding:8px 0px;width:calc(100% - 60px);display:inline-block}
.sousuo span{background:#c92432;border-radius:20px;display:inline-block;color:#fff;padding:5px 20px;position:absolute;right:0px;top:0px}


@keyframes animIn {
    from{display:block;margin-top:10px;opacity:0;}
    to{margin-top:0;opacity:1;}
}

@keyframes animShow{
    0%{top:20px;opacity:0;}
    20%{top:0;opacity:1;}
    60%{top:0;opacity:1;}
    100%{top:-60px;opacity:0;}
}

@media screen and (min-width:769px) {
    .all{min-width:1200px;}
    .tzc122-item:nth-child(n+7){display:none!important;}
    .s91{left:50%;margin-left:-560px;}
}
@media screen and (max-width:768px) {
    .all{min-width:420px;}
    .tzc122-item:nth-child(n+4){display:none!important;}
    .fabu-btn{left:20px;margin-left:0;right:auto;padding:2px;}
    
}
@media screen and (max-width:575px) {
}
