body{background: #e6e9ee;}
*{margin:0;padding:0;}
li{ list-style: none;}
a{text-decoration:none;color:#000;}
a:hover{color:red;}
textarea{resize:none;}

/* 后台主界面 */
.ggao{margin-left: 20px;}
.ggao li{width: calc(30%);min-height: 50px;float: left;margin-right: 15px;border: 1px solid #aaa;margin-bottom: 15px;padding: 5px;}
.ggaotu{}
.ggaotu li{}

.top{height:40px;width: calc(100%);background:#fff;position: fixed;top: 0;z-index: 3;}
.topad{height: 60px;text-align: center;background:red;color: #fbff04;line-height: 60px;font-size: 30px;font-weight: 600;letter-spacing: 10px;}
.logo{width: 190px;height:40px;line-height:40px;text-align: center;color: #7c8af5;font-size: 20px;float: left;background:#af0202;}
.logo a{color: #fff;font-size: 17px;}
.logo a i{color: #fff;}
.bar1{max-width:calc(100% - 100px);height: 35px;padding-top: 5px;padding-left: 20px;float: left;box-shadow:-1px 3px 5px 0px #aaa;background: linear-gradient(#ffe2e2,#fff,#f5c5c5);}
.bar1 li{float: left;border-right: 1px solid #ccc;color: #555;cursor: pointer;font-size: 13px;height: 40px;line-height: 40px;margin-top: -5px;padding: 0 3px;}
.bar1 li:hover{color: #fff;background-color: #10952a;border-color:#398439;}
.bar1 li i{font-size:15px;}
.member{float: left;color: #000;font-size: 13px;width: 140px;height: 40px;box-shadow:2px 3px 5px 0px #aaa}
.member li{float: left;border-left: 1px solid #ccc;color: #555;cursor: pointer;font-size: 13px;height: 40px;line-height: 40px;width: 65px;text-align: center;}

.left{width: 183px;height:calc(100% - 40px);;float: left;position: fixed;top: 40px;overflow:auto;border-right: 7px solid #777;background: #fff;}
.left::-webkit-scrollbar{width:0px;background-color:#f4f5f9;}
.leti{text-align: center;color:#000;padding: 15px;background:linear-gradient(#fff, #ddd);}
.leti i{font-size: 60px;margin-bottom: 10px;color:red;}

.ucle-g{border-top: 1px solid #777;margin-bottom: 10px;}
.ucle-g-title{width: 90px;margin: 0 auto 10px;border: 1px solid #777;border-top: none;text-align: center;height: 20px;line-height: 20px;color: #333;font-size: 12px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;background: linear-gradient(#fff, #ddd);}
.ucle-g ul{list-style: none;margin: 0;padding-bottom:0px;padding-left: 0;overflow: hidden;}
.ucle-g ul li{color: #222;cursor: pointer;width: 85px;height: 25px;overflow: hidden;margin-bottom: 5px;text-align: center;background:linear-gradient(#eee,#f7f7f7,#e4e2e2);}
.ucle-g ul li:hover{background:#606141;}
.ucle-g ul li:hover a{color:#fff;font-weight:600;}
.ucle-g ul li a{color: #333;font-size: 12px;line-height: 20px;}
.ucle-g ul li a:hover{color:#fff;font-weight:600;}
.ucle-g ul li:nth-of-type(odd){float:left;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-bottom-right-radius:3px;border-top-right-radius:3px;}  
.ucle-g ul li:nth-of-type(even){float:right;border-bottom:1px solid #ccc;border-bottom-left-radius:3px;border-top-left-radius:3px;} 
.onr{text-decoration: none !important;color: #fff;width:90%;height:100%;display: inline-block;font-size: 12px;overflow: hidden;text-overflow: ellipsis;line-height:24px;padding-left:10px;font-weight:600;}

.right{}
.sobar{border-bottom: 1px solid #f99898;padding: 5px 0;}
.sobak{padding-left:15px;}
.sobak label{margin-right:10px;}
.mall{width: calc(100% - 210px);float: left;margin:50px 0 80px 200px;background: #fff;}
.mati{font-size: 20px;font-weight: 600;color: #616161;border-bottom: 1px solid #e89292;padding: 5px 0 5px 15px;}
.mati span{font-size:13px;color:#aaa;margin-left: 10px;}
.maco{font-size: 13px;}
.male{float: left;border: 1px solid #ccc;padding: 30px 0 0;height: 650px;}
.xlogo{float:left;padding-top: 10px;}
.tz{margin: 100px 500px 0;}
.tzti{font-size: 30px;font-weight: 600;text-align: center;margin-bottom: 30px;}
.tzti span{font-size: 15px;color: #aaa;font-weight: 600;margin-left: 10px;}
.tzco{}
.sobtn{border: 1px solid #5cadf5;padding: 2px 10px;font-size: 13px;border-radius: 3px;background:#5cadf5;color: #fff;}
.fabtn{margin-left: 10px;border: 1px solid #ccc;padding: 2px 10px;font-size: 13px;border-radius: 3px;color: #000;background:#ccc;}

/* 客服评分+后台查看 */
.navo{width: 700px;margin: 0 auto;background: #fff;min-height:950px;border: 1px solid #cecece;border-top: none;}
.navname{height: 40px;line-height: 40px;text-align: center;background: #7b97e8;color: #fff;}
.bar{padding: 0px 20px;}
.bark{margin-bottom: 20px;}
.barti{font-weight: 600;font-size: 14px;}
.barco{}
.sel{margin-left: 20px;height: 23px;padding-left: 5px;color: #555;border: 1px solid #ddd;border-radius: 3px;}
.inp{height: 40px;background: #7b97e8;border: none;text-align: center;color: #fff;font-size: 18px;}
.dinp{margin-left: 20px;width: 260px;height: 70px;padding-left: 10px;color: #555;border: 1px solid #C3C9D0;border-radius: 3px;}
.spj:after{ content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix{ zoom: 1;}
.spj ul li,.spj ul{ float:left; padding: 0; margin: 0;}
.spj ul li{ list-style: none; font-size: 26px; color:#999; padding:0 5px; cursor: pointer;user-select: none; font-weight:bold;}
.spj ul li.col{ color: #ee0;}
.spj span{ line-height:  30px; margin-left: 15px;}
.sub{margin-top: 50px;text-align: center;}
.subti{background: #3473b5;padding: 5px 20px;color: #fff;cursor: pointer;}

.ri{}
.riti{height: 30px;line-height: 30px;background: #ddd;border-top: 1px solid #cccaca;}
.riti li{float: left;list-style-type: none;font-size: 13px;text-align: center;border-right: 1px solid #cccaca;border-bottom: 1px solid #cccaca;}
.qi{background: #fff;}
.qiti{height: 30px;line-height: 30px;border-bottom: 1px solid #cccaca;}
.qiti li{float: left;list-style-type: none;font-size: 13px;text-align: center;border-right: 1px solid #cccaca;}

.quanhei{width: calc(100%);height:100vh;background: #333;}
.logink{width: 400px;max-width:calc(100% - 80px);height: 260px;background: #fff;margin: 0px auto;border-radius: 10px;border: 10px solid #c7c7c7;}
.loginp{height: 30px;max-width: calc(100% - 20px);width: 300px;margin-top: 50px;outline:none;border-radius: 5px;border: 1px solid #aaa;padding-left: 10px;}
.user{width: 300px;max-width: calc(100% - 40px);margin: 0 auto;}
.pass{width: 300px;max-width: calc(100% - 40px);margin: 0 auto;}
.subo{margin-top: 50px;text-align: center;}

.navi{font-size: 13px;}
.navi tr{height:30px;}
.navi tr:hover{background:#eee;}
.navi th{text-align:center;border:1px solid #bbb;color:#555;}
.navi td{text-align:center;border:1px solid #ddd;color:#333;font-size:12px;padding: 3px;word-break:break-all;}
.inpk{width:100%;height:auto;margin-bottom: 15px;line-height: 25px;overflow: hidden;}
.inpti{width: 150px;text-align: right;float: left;font-size: 12px;}
.inpco{width: 300px;float: left;margin: 0 15px;}
.inpsm{font-size: 14px;color: #888;width: 300px;float: left;}

.colico{margin-top: 10px;overflow: hidden;}
.colico li{float: left;border: 1px solid #fff;padding: 2px 3.7px;font-size: 14px;background: #79b4f3;}
.colico li a{color:#fff;}

.ckpage{height:50px;line-height:50px;text-align:center;}
.ckpage a{border: 1px solid #aaa;padding: 2px 5px;color: #888;}
.ckpage a:hover{background:red;color:#fff;}

.newbar{overflow: hidden;border-bottom: 1px solid #f99898;padding: 5px 0;}
.nble{float: left;padding-left: 15px;height: 32px;}
.nble li{float: left;margin-top: 7px;margin-right:10px;}
.nble li a{background: #fff;color: #555;padding: 5px 10px;border-radius: 3px;border: 1px solid #aaa;font-size: 12px;}
.nble li a:hover{background:#20a53a;color:#fff;border: 1px solid #20a53a;}
.nbri{float: right;padding-right: 15px;}
.nbri li{float: left;margin-top: 7px;margin-left:10px;}
.nbri li a{background: #fff;color: #555;padding: 5px 10px;border-radius: 3px;border: 1px solid #aaa;font-size: 12px;}
.nbri li a:hover{background:#20a53a;color:#fff;border: 1px solid #20a53a;}

.zz{width: 100%;height: 100%;background: #00000073;z-index: 3;position: fixed;top: 0;left: 0;display:block;}
.tan{position: fixed;top: 50%;left: 50%;width: 820px;height: 500px;background: rgb(255, 255, 255);z-index: 4;border-radius: 10px;margin-left: -410px;margin-top: -280px;}
.tk{}
.tk-ti{height: 40px;border-bottom: 1px solid #ddd;background: #eee;border-top-left-radius: 10px;border-top-right-radius: 10px;position: relative;}
.tkti-l{text-align: left;line-height: 40px;padding-left: 10px;font-size: 15px;}
.tkti-l span{margin-right: 10px;padding-right: 10px;border-right: 1px solid #bbb;font-size: 12px;color: #666;}
.tkti-r{position: absolute;right: -10px;top: -10px;font-size: 25px;background: #eee;border-radius: 50%;width: 30px;height: 30px;text-align: center;}
.tkti-r i{padding-top: 3px;padding-left: 1px;}
.tk-mi{height: 420px;}
.tk-mi-k{padding: 20px;overflow: auto;}
.tk-bo{height: 40px;text-align: right;padding-right: 15px;border-top: 1px solid #ddd;background: #eee;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.tk-bo a:hover{color:#fff;}
.tk-bo-no{font-size: 13px;color: #fff;background: #999;padding: 5px 10px;border-radius: 3px;margin-right: 10px;}
.tk-bo-sub{margin-top: 6px;padding: 5px 10px;border: none;background: #5cb85c;color: #fff;border-radius: 3px;cursor: pointer;}

.new{float: right;margin-right: 10px;background: #363cfb;color: #fff;padding: 3px 10px;border-radius: 5px;border: none;cursor: pointer;}
.newtip{width: 100%;height:100%;z-index: 3;position: fixed;top:0px;right: 0;display:none;}
.newtipk{width: 450px;height: calc(100% - 55px);background: rgb(255, 255, 255);z-index: 4;margin-top: 50px;right: 0;float: right;border-left: 1px solid #aaa;box-shadow: 0px 3px 10px 1px #a0a0a0;}
.tipto{height: 45px;line-height: 45px;padding: 0 10px;}
.tiptole{float:left;}
.tiptole span{color: #666;font-size: 14px;}
.tiptori{float: right;}
.tiptori button{font-size: 14px;padding: 3px 5px;background: #e6e4e4;border: 1px solid #bbb;margin-top: 8px;color: #b54949;}
.tipco{width:calc(100%);height:calc(100% - 75px);overflow:auto;}
.tipcok{width: 350px;margin:10px auto 50px;overflow:hidden;}
.tipcp{width: 800px;margin: 0 auto;}
.tipcpk{float: left;width: 300px;margin-top: 70px;}
.exitk{float:right;width: 300px;height: 330px;margin-top: 70px;padding: 30px;background: #f8f8f8;border: 1px solid #f0f0f0;}
.tipkbg{}
.tipcoti{text-align: center;height: 50px;font-size: 22px;color: #9675e4;}
.coinpk{height:50px;margin-bottom: 20px;overflow: hidden;}
.tipinpk{height:30px;}
.tipinpk lable{margin:0 5px;}
.tipinp{height: 28px;border: 1px solid #aaa;border-radius: 3px;padding: 0 10px;width: calc(100% - 22px);}
.tipinpsm{color: #aaa;font-size: 13px;}
.tiprak{height: auto;overflow: hidden;border: 1px solid #aaa;padding: 10px;background: #fff;border-radius: 3px;}
.tiprati{color: #888;font-size: 14px;}
.tipraco{padding: 5px 0;height: auto;}
.tipraco li{width: calc(100% / 2 - 10px);height: 20px;font-size: 12px;margin-right: 10px;overflow:hidden;float:left;}
.tipraco li input{margin-right:3px;}
.tipbtnk{margin-top: 15px;text-align: center;}
.tipbtn{width: calc(100%);height: 35px;background: #584fe0;border: none;color: #fff;font-size: 16px;border-radius: 3px;}

.gongdan{width: calc(100%);overflow: hidden;margin-bottom: 30px;}
.gongdan_ti{height: 30px;line-height: 30px;padding: 0 10px;}
.gongdan_co{overflow:hidden;padding: 0 10px;}
.gongdan_co li{height:25px;background: #eee;color:#333;border: 1px solid #ddd;text-align:center;line-height:25px;float: left;padding: 0 10px;margin:0 15px 15px 0;}
.gonginp{width:calc(100% - 60px);height:22px;float:left;}
.gongbtn{width:50px;height:22px;float:right;}




.mto{height: 39px;width: calc(100% - 20px);position: fixed;top: 0;left: 0;background: #ececec;border-bottom: 1px solid #d5d5d5;padding:0 10px;line-height: 39px;color:#666;}
.mto_le{width: 80px;height: 39px;float:left;font-size:14px;}
.mto_le i{margin-right:5px;}
.mto_mi{width:calc(100% - 160px);height:39px;line-height:35px;text-align:center;float:left;color:#333;font-weight:600;font-size:16px;}
.mto_ri{width: 80px;height: 39px;float:right;text-align:right;font-size:14px;}
.mto_ri i{margin-right:5px;}

.mcontent{width:calc(100%);margin:40px 0 90px;overflow:hidden;}

.mbo{height: 89px;width: calc(100%);position: fixed;bottom: 0;left: 0;background: #f9f9f9;border-top: 1px solid #e6e6e6;}
.mbo_li{width: calc(25%);margin-top: 9px;height: 80px;text-align: center;float: left;color: #666;}
.mbo_li i{font-size: 20px;}
.mbo_li p{margin-top: 5px;font-size: 12px;}
.mbo_lia{color:#b77600;}