@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;font-family:"Microsoft YaHei"; color:#333; }
ul, ol, li{list-style-type:none;}
ul, li{ margin:0px;padding:0px; }
a{text-decoration:none; cursor:pointer;}
h1{font-size:16px;}
img{ border:none;}
input{ border:none; vertical-align:middle;}
dt,dd{ padding:0; margin:0;}
em {font-style: normal;}
body{font-family:"Microsoft YaHei",微软雅黑, Geneva, sans-serif;font-size:12px;text-align:left;}
.clearfix{ clear:both;}
table{ border-collapse:collapse; border-spacing:0;}
select{ font-size:12px; color:#4f4f4f;}
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
textarea{  border:none;}
.left{ float:left;}
.right{float:right;}
a:hover{ color: #81b337;}
a:hover i{ color: #81b337;}
.bor{ font-weight:700; color:#333;}
body{background-color: #f8fafc; font-size: 14px;}
.grey{ color:#B8B8B8}
.person-file-right .btmnone{ border-bottom: none;}
/*课程列表*/
.kc-nav{border-color: #e7e7e7;background-color: white;border-width: 0 0 1px;position: relative;
 min-height: 50px;margin-bottom: 20px;border-bottom: 1px solid #e7e7e7;z-index: 100;}
.kc-nav-container{/*width: 1170px;*/padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;padding-top: 10px;}
.kc-nav-logo{float:left;}
.kc-nav-logo a{height: 50px;font-size: 18px;
 line-height: 20px;}
.kc-nav-logo a img{height:48px; width: 112px; }
.kc-navbar{ float: left; }
.kc-navbar-ul{float: left;}
.kc-navbar-ul li{ float: left;}
.kc-navbar-ul li a{position: relative;display: block;padding: 10px 15px; font-size: 18px;
 width: 125px;text-align: center;}
.kc-navbar-ul li a:hover{color:#81b337;}
.kc-navbar-link{color:#81b337;}
.kc-nav-logo{ /*margin-right:30px;  标题会下移*/}
.kc-nav-mess{ float:right;}
.kc-nav-mess li{ float:left;}
.kc-nav-mess-name{ position: relative;font-size: 14px;text-align: right; position: relative;display: block;padding: 10px 20px 10px 10px; line-height:30px; cursor: pointer;}
.name-down{ position: absolute;right:5px; top:17px; background:url("../image/name-down.png") no-repeat; width: 15px; height: 15px; }
.name-ul{ position: absolute; top:50px;right:0px; background: #fff; border:1px solid #e7e7e7;width:230px;}
.name-ul a{ display:block; padding:10px 30px;}
.kc-nav-img{position: relative;
 display: block;
 padding: 10px 15px; }
/*名称*/
.kc-navbar-ul li a{padding: 10px 5px;}
.co-navbar02 {
 width: 50%;
}
.co-navbar02 .co-navbar-ul {
 margin-left: 10%;
}
.kc-nav-img img{width: 30px;height: 30px;border-radius: 50%;}

.kc-container{width: 1170px; margin: 0 auto;}

.kc-container-left{width: 15%;float: left;padding-left: 0;margin-bottom: 20px;}
.kc-menus-li-tit{color: #81b337;background-color: #87B13321;position: relative;
 display: block;
 padding: 10px 15px 10px 15px;
 margin-bottom: -1px;
 border: 1px solid #ddd;font-size: 14px; cursor: pointer;
 font-size: 16px;letter-spacing: 1px;
}
.yuantop{border-top-left-radius:5px; border-top-right-radius:5px;  }
.yuanbtm{border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.kc-menus-icon01{ background:url("../image/menu-icon01.png") no-repeat; position: absolute; left:12px;top:10px; width: 20px;height:20px;}
.kc-menus-icon02{ background:url("../image/menu-icon01.png") no-repeat; position: absolute; left:12px;top:10px; width: 20px;height:20px;}
.menu-up{background:url("../image/menu-up.png") no-repeat; position: absolute; right:15px;top:10px; width: 20px;height:20px;}
.menu-down{background:url("../image/menu-down") no-repeat; position: absolute; right:15px;top:10px; width: 20px;height:20px;}
.kc-list-item{position: relative;
 display: block;
 padding: 10px 15px;
 margin-bottom: -1px;
 background-color: #fff;
 border: 1px solid #ddd; font-size: 14px;
/* padding-left: 25px;*/
}
.kc-background-green{
  background-color: rgb(179 223 91 / 28%);
}
/*a.kc-list-item:link{color: #81b337;}*/
.kc-hover{ color:#fff; background-color:#81b337;  }
.kc-hover i{ color:#fff; background-color:#81b337;  }
.kc-hover:hover{color:#fff; }
.kc-hover:hover i{color:#fff; }
.kc-container-right{float:right;width: 85%;}
.kc-details{ margin-left: 30px;box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);border: 1px solid #e6e6e6;border-radius:5px;
 padding: 15px; margin-bottom: 20px; position: relative; background-color: #fff;}
.kc-details-img{ float: left;}
.kc-details-img img{width:230px;height:230px; }
.kc-details-con{margin: 10px 0}
.kc-details-top-r{ float: left;}
.kc-details-tit{ float:left; width:80px; text-align: right;}
.kc-details-mess{float:left; padding: 0 0 0 25px; width:570px; }
.details-more{ position: absolute;top:20px;right:30px;}
.kc-details-addimg{height:160px; text-align: center; cursor: pointer;}

.mess-name-t{ width: auto; position:relative;}
.ic-yirenzh,.ic-norenzh{ background: url("../image/enzh-yes.png") no-repeat; width: 50px; height: 17px; position: absolute;right: -60px;top:0;}
.ic-norenzh{ background: url("../image/enzh-no.png") no-repeat; }
/*课程详情*/
.ck-details-con{box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);border: 1px solid #e6e6e6;border-radius: 5px;padding: 45px 0px 35px;margin-bottom: 20px;background-color: #fff; }
.ck-details-imgcon{ float: left; width: 30%;text-align: center;}
.ck-details-imgcon img{width: 230px;height: 230px; margin-bottom: 20px;}
.ck-details-r{float: left; width: 70%;}
.ck-details-r .kc-details-mess{ width:500px; }
.ck-details-r .mess-name-t{ width: auto;}
.ck-details-bt{ text-align: center;}
.ck-bj{border-radius: 6px; border: 1px solid #81b337;background: #fff;
 color: #81b337; padding: 6px 12px; cursor: pointer;font-size:14px;}
.kc-details-mess input{ margin-top: 18px; margin-right: 20px}
.kc-details-mess { word-break: break-all;overflow-wrap: break-word;}
.ck-bc{border-radius: 6px; border: 1px solid #81b337;background: #81b337;
 color: #fff; padding: 6px 12px; cursor: pointer;font-size:14px; }
.ck-bc:hover{background: #fff; color: #81b337;}
.ck-bc:hover > i{background: #fff; color: #81b337 !important;}
.ck-br{border-radius: 6px; border: 1px solid #e31f25;background: #ce0d0d;
 color: #fff; padding: 6px 12px; cursor: pointer;font-size:14px; }
.ck-br:hover{background: #fff; color: #e31f25;}
.ck-rz{border-radius: 6px; border: 1px solid #fc7104;background: #fc7104;
 color: #fff; padding: 6px 12px; cursor: pointer;}
.lszy{color:white;
 background-color: #7dc3ce;
 border: 1px solid #7dc3ce;border-radius: 3px; padding: 2px 3px; position: absolute;right: -70px; font-size: 12px;
 top: 0;}
.ck-details-conbt{ margin-bottom: 30px;}
/*表格*/
.tableborder{border: 1px solid #e5e5e5;border-bottom: none;/*width: 1166px;*/}
.tabletop{height: 45px;line-height: 45px;border-bottom: 1px solid #e5e5e5;background: #f3f3f3;}
.tabletop .htgift01, .tabletop .htgift02 .htgift04{color: #B8B8B8;}
.htgift01 { width: 220px;  padding-left: 25px;}
.tablecon { /*height: 45px;*/line-height: 45px; border-bottom: 1px solid #e5e5e5; /*overflow: hidden;*/; cursor: default}
.tablecon:hover {border: 1px solid #81b337;}
.htgift02{ padding-left: 25px;position: relative;}
.htgift02 a{ color: #81b337; margin-right: 30px; }
.xiala-gl{ position: absolute;background: #fff;z-index: 100; width:80px;border: 1px solid #e5e5e5; padding: 0 10px; left: 0px; top:40px; }
.jifentanchu{width: 742px;
 padding:30px 28px 16px;
 background: #fff;}
.jifentanchu_tit {
 width: 743px;
 position: relative;
 font-size: 18px;
 height: 51px;
 line-height: 51px;
 border-bottom: 1px solid #E0E3EA;
 margin-bottom: 19px;
}
.tanchu_del {
 font-size: 18px;
 position: absolute;
 right: 12px;
 top: 1px;
 z-index: 2;
 color: #2D52A3;
}
.tip-rz{border:1px solid #E0E3EA; padding: 15px; margin-bottom: 20px;}
.rz-l{ width: 80px; line-height: 30px;}
.rz_inp{ width: 632px;
 height: 20px;
 padding: 6px 14px;
 border: 1px solid #E0E3EA;
 position: relative;	 font-size: 14px; }
.rz-web{ margin-bottom: 20px;}
.rz-r{ text-align: right;}
.rz-r .ck-bj{ margin-right: 20px;}
/*个人文件*/
.person-file-right{ width: 85%;}
.kc-container-right-con{margin-left: 30px;border: 1px solid #e6e6e6;border-radius: 5px;margin-bottom: 20px;position: relative;background-color: #fff;}
.file-btn{background: #f3f3f3; padding: 10px 15px; }
.file-searbtn{ background:url("../image/file-search.png") no-repeat; width: 21px; height: 22px; position: absolute; top: 4px; right: 4px;}
.file-btn .ck-bj, .file-btn .ck-bc{padding: 5px 15px;border-radius:0; }
.file-btn .ck-bc{ margin-right: 10px;}
.file-btn-search{margin:0 50px 0 200px;width: 220px;height:30px; background: #fff;position: relative;  }
.file-down{ background: url("../image/icon-wj-down.png" ) no-repeat; position: absolute; width: 10px; height:10px; right:10px; top:8px;}
.file-btn-search input{width: 170px;height:20px; line-height: 20px;padding: 5px 10px;}
.kj{ width:120px; margin-right: 10px; }
.kj-bar{ background:#fff; width: 100%;border-radius:3px;height:15px; margin-top: 8px;}
.kj-bar-fw{background:#81b337; border-radius:3px; height:15px;}
.kj-txt{ height:30px;line-height: 30px;}
.person-file-tit{ padding: 10px 20px;position: relative;}
.person-file-tit01{ position: relative; width: 85px; margin-right: 30px;}
.file-time-up{ background: url("../image/icon-down.png" ) no-repeat;
 width: 10px;
 height: 12px;
 position: relative;
 left: 50px;
 top: -15px;
 background-size: cover;}
.file-time-down{ background: url("../image/icon-up.png" ) no-repeat;
 width: 10px;
 height: 12px;
 position: relative;
 left: 50px;
 top: -15px;
 background-size: cover;}
.file-table{border: 1px solid #e5e5e5;
 border-bottom: none;
 width: 100%;}
.file-table-t{height: 50px;line-height: 50px;border-bottom: 1px solid #e5e5e5;background: #f3f3f3; }
.file-table-t div{color:#777;}
.btn-lie, .btn-lie02, .btn-lie03{width: 15px; height:15px; margin-top: 19px; display: block; }
/*.btn-lie{background: url("../image/icon-lie.png") no-repeat; margin-right: 10px; }*/
.btn-lie{background-image: url("../image/filespace/tubiao.svg");background-repeat: no-repeat;background-size: cover;margin-right: 10px; }
.btn-lie03{background-image: url("../image/filespace/liebiao.svg");background-repeat: no-repeat;background-size: cover;margin-right: 10px; }
/*.btn-lie02{background: url("../image/icon-lie02.png") no-repeat; transform: rotate(-90deg)}*/
.btn-lie02{background-image: url("../image/filespace/xiala.svg");background-repeat: no-repeat;background-size: cover;}
.empty{ width: 300px; margin:30px auto 30px; text-align: center; background: url("../image/icon-empty.png") no-repeat 60px 0px; padding-top: 150px;}
.empty a{ color: #81b337;}
.file-con{ padding: 20px 10px 100px 10px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; }
.file-img img{ width:170px; height:130px; margin-bottom: 10px; }
.file-tit{ height: 25px; padding-left: 10px; margin-bottom: 5px; text-overflow:ellipsis; max-width: 100%; overflow: hidden; white-space: nowrap; word-break: break-all; }
.file-con-li{ float:left; width: 172px; height: 200px; border: 1px solid #E0E3EA; margin:0 7px 20px; position: relative; padding-bottom: 15px; }
.file-con-li .file-tit:hover{ cursor: pointer; font-weight: bold}
.file-con-li:hover{border: 1px solid #81b337; }
.file-img-check{ position: absolute;top:10px; left:10px; }
.file-tit-time{color:#B8B8B8; font-size:12px;padding-left: 10px; position: relative;}
.file-de-more{ color:#B8B8B8;position: absolute;top:-15px; right:10px; font-size:22px;cursor:pointer;}
.save{background: url("../image/icon-save.png") no-repeat;position: absolute;top:10px; right:10px; width:15px; height:15px;cursor:pointer;}
.file-btn .ck-huishou{ padding-left: 25px; background:#81b337 url("../image/icon-hs.png") no-repeat 10px 8px; }
.ck-huishou-tip{color: #777;height: 30px;line-height: 30px;}
.file-table-time{ width:180px;}
.file-table-lujin{ width:280px;min-width:280px;}
.file-table-size{ width:100px}
.huishounum{color: #B8B8B8; }
.file-table-ic{ position: relative; padding-left: 15px;width:450px; background:url("../image/icon-file.png") no-repeat 40px 12px;}
.file-table-excel{ position: relative; padding-left: 15px;width:450px; background:url("../image/excel-icon.png") no-repeat 40px 12px;}
.file-table-pdf{ position: relative; padding-left: 15px;width:450px; background:url("../image/pdf-icon.png") no-repeat 40px 12px;}
.file-table-ppt{ position: relative; padding-left: 15px;width:450px; background:url("../image/ppt-icon.png") no-repeat 40px 12px;}
.file-table-word{ position: relative; padding-left: 15px;width:450px; background:url("../image/word-icon.png") no-repeat 40px 12px;}
.file-table-ys{ position: relative; padding-left: 15px;width:450px; background:url("../image/other-icon.png") no-repeat 40px 12px;}
.file-table-link{ background:url("../image/icon-links.png") no-repeat 40px 12px;}
.file-table-ic .wjm{ margin-right: 35px;}
.file-table-excel .wjm{ margin-right: 35px;}
.file-table-pdf .wjm{ margin-right: 35px;}
.file-table-ppt .wjm{ margin-right: 35px;}
.file-table-word .wjm{ margin-right: 35px;}
.file-table-ys .wjm{ margin-right: 35px;}
.wjm{position: relative; }
.file-table01{padding-left: 15px; width: 350px}
.file-table02{padding-left: 15px; width: 150px; position: relative;}
.file-table03{padding-left: 15px; width: 100px; position: relative;}
.file-table05{padding-left: 15px; width: 100px; position: relative;}
.file-table06{padding-left: 15px; width: 100px; position: relative;}
.hs-ref{ /*position: absolute;top:10px; left:10px;*/ padding-left: 15px;line-height: 0px;background:url("../image/icon-ref.png") no-repeat 2px 3px;  cursor: pointer;}
.hs-del{/*position: absolute;top:0px; right:-70px;*/ padding-left: 15px;background:url("../image/icon-del.png") no-repeat 2px 3px; color:#cc5d51; cursor: pointer;}
.file-table .tablecon{}
.file-table{ border-left: none;border-right: none;}
/*日常任务-我发起的*/
.thing-search .file-btn-search{margin: 0 0px 0 0px;width: 600px;}
.thing-search .file-btn-search input{width: 550px;height: 30px}
.thing-search .ck-bc{margin-right: 0px;width:150px;height: 30px;
 line-height: 30px; padding: 0; }
.thing-search .file-btn-l{position:relative;}
.addthings{ position: absolute;width:148px;top:30px; left:0; background: #fff;z-index: 100; border: 1px solid #81b337;}
.addthings a{  display: block; width: 150px;height: 30px;
 line-height: 30px; text-align: center; }
.thing-con-tit li{ padding:15px 55px; position: relative;}
.thing-hover{ border-bottom: 4px solid #81b337}
.thing-bar-con{margin-left: 10px;}
.thing-bar{margin-left: 20px;border: 1px solid #e6e6e6;border-radius: 5px;padding: 15px;margin-bottom: 20px;position: relative;background-color: #fff; width: 44.71%;border-radius: 5px;min-height: 125px;}
.thing-bar:hover{box-shadow: 5px 5px 10px 0px rgba(46, 61, 73, 0.2); cursor: pointer;}
.thing-bar-tit{ font-size: 16px; margin-bottom: 20px;width: 250px;overflow: hidden; white-space: nowrap; word-break: break-all;text-overflow:ellipsis;}
.thing-bar-tit-width{ font-size: 16px; margin-bottom: 20px;width: 140px;overflow: hidden; white-space: nowrap; word-break: break-all;text-overflow:ellipsis;}
.thing-bar-tit-fast{ font-size: 16px; margin-bottom: 20px;width: 250px;overflow: hidden; white-space: nowrap; word-break: break-all;text-overflow:ellipsis;height: 25.5px;}
.thing-time{ color: #777; margin-right: 150px; padding-left: 20px; background: url("../image/icon-time.png") no-repeat 0px 2px; margin-bottom: 8px;}
.thing-people{color: #777;padding-left: 20px; background: url("../image/icon-people.png") no-repeat 0px 2px;}
.thing-tai{ background-color: #ffffff;position:absolute;top:-6px;  width: 100px;  color: #fff;right: 30px;border-radius: 0 0 5px 5px; text-align: center; height: 35px;line-height: 35px;}
.tai01{ color: #81b337;border: 1px solid #81b337;    /*clip-path: polygon(50% 100%, 0 0, 100% 0);*/}
.tai02{ color: #9E9E9E;border: 1px solid #9E9E9E; }
.tai03{ color: #C8C139;border: 1px solid #C8C139;}
.tai04{ color: #198ef4;border: 1px solid #198ef4;}
.tai05{ color: #3779b3db;border: 1px solid #3779b3db;}
.tai06{ color: #e33422e3;border: 1px solid #e33422e3;}

.thing-more{position:absolute;top:85px;right:30px;color: #777;}
.page-num{margin-top: 60px;margin-bottom: 30px;margin-left: 30px;}
.page-num .page-center{margin: 0 auto;text-align: center;}
.page-center a{ padding: 2px 6px;

 line-height: 20px;
 text-align: center;
 background: #FFF;
 display: inline-block;
 color: #333;
 white-space: nowrap;
 margin:0 3px;border: 1px solid #e6e6e6;border-radius: 5px;}
.page-center .page-s{ background: #81b337;border: 1px solid #81b337;color:#fff; }
.addthingstanchu{padding-top:0;}
.addthingstanchu .tanchu_del{color: #81b337;}
.addthingstanchu .rz-l{width: 88px; text-align: right;}
.addthingstanchu .rz_inp{width: 624px;}
.addthingstanchu .addt-text{ height:70px}
.addthingstanchu .addt-inp{width:280px;}
.addt-add{ background: url("../image/icon-add.png") no-repeat 0 2px; width:34px; height:34px;display:block; margin-left:10px;}
.add-yaoqiu{color: #484b5b;line-height: 22px;padding: 0 10px;margin-right: 10px;margin-bottom: 7px;border-radius: 11px;
 vertical-align: top;display: inline-block;min-width: 10px;white-space: nowrap;background-color: #ededed;font-style: normal;}
.add-yaoqiu em, .btn-m .add-ren em{margin-left: 8px;font-style: normal;display: inline-block;cursor: pointer; color:#777;}
.addthingstanchu .rz-r{width: 654px;text-align: left;position:relative; }
.btn-m .ck-bc{ margin-right: 20px;}
.btn-m .add-ren{border-radius: 6px;padding: 6px 12px;vertical-align: top;
 display: inline-block;
 min-width: 10px;
 white-space: nowrap;
 background-color: #ededed;
 font-style: normal;margin-right: 20px;}
.xuanliuch{cursor: pointer;padding: 6px 14px;border: 2px solid #e6e6e6; width: 280px; margin: 0 10px 20px 0px;text-align:center;background-color: #ecf5df4f;}
.xuanhover{border: 2px solid #81b337;color: #81b337;}
/*选择执行人*/
.addpeopletanchu{width:500px; padding-top: 0;}
.tablepeole{border: 1px solid #e5e5e5;border-bottom: none; margin-bottom: 20px;}
.addpeopletanchu .jifentanchu_tit{width:500px;}
.tablepeole .htgift01{width: 180px;}
.htgift00{ width:40px;padding-left: 25px;border-right: 1px solid #e5e5e5;height: 45px; line-height: 45px;}
.htgift00 input{margin-top: 15px;}
.htgift000{ width:180px;padding-left: 25px; }
.tabletop .htgift000{color: #B8B8B8;}
.jifentanchu_tit .tanchu_del{color: #81b337;}
/*业务详情*/
.thingsdetails-right{width: 60%; margin-left: 30px;margin-bottom: 40px; }
.thingsdetails-time{width: 21%;}
.thingsdetail-tit{color: #919397; margin-bottom: 20px;}
.thingsdetail-tit a{color: #919397;}
.thingsdetail-con, .jiedian-con{border: 1px solid #e6e6e6;border-radius: 5px;padding: 25px 15px 5px 15px;margin-bottom: 20px;position: relative;background-color: #fff;
 border-radius: 5px;box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);}
.thingsdetail-con .kc-details-con{margin:0 0 18px 0;}
.thingsdetail-con .kc-details-tit{float: left;width: 120px;text-align: right;color: #777;}
.thingsdetail-con .kc-details-mess{float: left;padding: 0 0 0 10px;width: 540px;}
.thingsdetail-con .miaoshf{ background: #eee;  padding:10px; color:#777;line-height: 24px;}
.thingsdetail-con .yaoqiuf{ padding: 0;}
.yaoqiuf span{color: #484b5b;line-height: 22px;padding: 5px 14px;margin-right: 10px;margin-bottom: 7px;border-radius: 11px;vertical-align: top;display: inline-block;
 min-width: 10px;white-space: nowrap;background-color: #ededed;font-style: normal; color:#777;}
.thingsdetail-con .file-con-li:hover{border: 1px solid #E0E3EA;}
.thingsdetail-con .file-con-li{padding-bottom: 0px;width: 160px;margin: 0 9px 20px; cursor: pointer;}
.thingsdetail-con .file-tit{height: 30px;
 overflow: hidden;
 position: absolute;
 bottom: 0px;
 background-color: rgba(50, 50, 50, 0.3); color: #fff;
 width: 150px;
 line-height: 30px;margin-bottom: 0px;}
.thingsdetail-con .file-img img{ width:160px; height:auto;margin-bottom: 0px;}
.titf{ font-size:16px;}
.jiedian-con .jiedian-tit{font-size: 18px;height: 51px;
 line-height: 51px;
 border-bottom: 1px solid #E0E3EA;
 margin-bottom: 19px;}
.jiedian-con{padding: 5px 25px 5px 25px;}
.jiedian-con .rz-l{width: 100px; text-align: right;}
.jiedian-con .rz-r{width:550px;text-align: left;}
.jiedian-con .addt-text{width: 520px;height: 70px;}
.addt-text{
 max-width: 500px;
}
.jiedian-con .xuanliuch{width: 240px; margin-bottom: 0;}
.linum{margin-left: 30px;margin-bottom: 7px; font-size:12px; position: absolute;top:13px; right:20px;border-radius: 11px;padding: 0 3px;color: #fff;line-height: 15px;display: inline-block; background: red;}
.jiaofutable{border: 1px solid #e5e5e5; border-bottom: none;}
.jiaofutable .htgift01{width: 180px;overflow:hidden;}
.jiaofutable .htgift000{width: 295px;overflow:hidden;border-left: 1px solid #e5e5e5;}
.thingsdetail-con .wupad{padding: 0;width: 560px;}
.uptable .htgift000{width: 300px; overflow:hidden;border-left: 1px solid #e5e5e5;}
.jfcon{ width:400px; padding: 10px;border: 1px solid #E0E3EA; }
.yfsc01{ padding: 6px 12px; }
.yfsc03{ padding: 6px 12px;}
.yfsc04{ padding: 10px 12px;}
.addt-jian{background: url("../image/icon-jian.png") no-repeat 0 2px;width: 34px;height: 34px;display: block;margin-left: 10px;}
.xuanliuchm .xuanliuch{width: 624px;text-align: left;}
.xrtab li{  padding: 15px 40px;position: relative;}
.xr-hover{border-bottom: 4px solid #81b337;}
.xr-name{ border: 1px solid #E0E3EA; padding:20px; margin-bottom:20px;}
.xr-name div{ float: left;cursor: pointer;
 padding: 6px 13px;
 margin: 0 5px 20px 5px;
 text-align: center;background-color: #ededed;}
.xr-name .xr-name-xz{background: #81b337; color:#fff;}
.xr-name .xr-name-q{ background:none;}
/*个人主页*/
.people-details{ padding:30px 50px;}
.people-img img{background-size: 100% 100%;width: 180px;height: 180px;border-radius: 50%;}
.people-img{ position:relative; cursor: pointer;}
.changeimg{ position:absolute;top:0;left:0;border-radius: 50%;width: 180px;height: 180px;background: url("../image/img-upphoto.png") no-repeat;opacity:0.8;}
.people-info-edit{position: absolute;right: 10px;top: 20px;width: 60px;height: 30px;background-color: #81b337;font-size: 14px;color: #fff;}
.people-con{ margin-left: 20px;width: 600px; }
.people-con .name{font-size:24px; margin-bottom: 10px;}
.people-con .people-ck{font-size:16px; position: relative; margin-bottom: 20px;}
.people-zhiwu{ font-size:14px;position: absolute;top:-2px;right: -100px; width: auto;border: 1px solid #81b337;padding: 2px 6px;color: #81b337;border-radius: 15px;}
.people-phone{ color: #777; background: url("../image/icon-phone.png") no-repeat;  padding-left: 25px; margin-right: 20px;}
.people-email{ color: #777; background: url("../image/icon-email.png") no-repeat;  padding-left: 25px;}
.people-more{color: #777; margin-top: 20px; }
.mq-ul{ padding:0 25px 25px 25px;}
.myquestion .thing-con-tit li{ font-size:18px; }
.mq-li{ padding: 20px 0; border-bottom: 1px solid #E0E3EA;}
.mq-li-tit{font-size:18px; margin-bottom: 15px; display: block; }
.mq-li-l{ width: 700px;margin-right: 100px;}
.mq-li-tip{ color: #B8B8B8;}
.myanswer-ul{margin-left: 30px;border: 1px solid #e6e6e6;border-radius: 5px;margin-bottom: 20px;position: relative;background-color: #fff; padding: 20px;}
.myanswer-qu{border-bottom: 1px solid #E0E3EA; padding-bottom: 20px;}
.mya-li{padding-top: 20px;position: relative;}
.mya-img { margin-right: 10px;}
.mya-img img{width:50px;height:50px;}
.mya-con-time{color: #B8B8B8; margin-bottom: 5px;}
.mya-con{ width:750px;}
.mya-con-det{ line-height: 24px;}
.mya-btn .ck-bc{border:none; background-color: #eee;color: #777;}
.mq-li-tip a{color: #B8B8B8;}
/*讨论空间*/
.ck-discuss-con{border: 1px solid #e6e6e6;border-radius: 5px;margin-bottom: 20px;position: relative;background-color: #fff; border-bottom: none;}
.discuss-bt{ margin: 10px 10px 10px 10px;}
.tab-tit{font-size: 16px;padding: 15px 30px;position: relative; cursor:pointer;}
.tab-tit:hover{color: #81b337;}
.tab-tit-hover{border-bottom: 4px solid #81b337;color: #81b337;}
.new-discuss{margin: 10px 10px 10px 10px;}
.discuss-table{border-top: 1px solid #e5e5e5;width: 100%;}
.discuss-table-t{height: 50px;line-height: 50px;border-bottom: 1px solid #e5e5e5;background: #f3f3f3;}
.discuss-table01{padding-left: 15px;width: 750px; overflow: hidden;}
.discuss-table02, .discuss-table03, .discuss-table04, .discuss-table05{padding-left: 15px;width: 85px;}
.discuss-table03{color: #f99d26;}
.discuss-table-t .discuss-table01, .discuss-table-t .discuss-table02, .discuss-table-t .discuss-table03, .discuss-table-t .discuss-table04, .discuss-table-t .discuss-table05{color: #777;}
.discuss-table-con{ padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.discuss-huati{ position:relative;}
.dis-top{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
.icon-top{ font-style: normal;display: inline-block;/* width: 30px;*/ /*height: 17px; */font-size: 12px; background-color:#ff7e25; padding: 3px 7px; text-align: center;color:#fff;border-radius: 3px; margin-right: 5px;}
.dis-comment-time .icon-top, .dis-comment-time .icon-good{ margin-right: 0px;padding: 3px 6px; border-radius: 20px; margin-left: 8px;font-size: 10px;/*width: 28px;*/ /*height: 15px;*/ }
.dis-top .icon-top{ background:#ff7e25 url("../image/icon-top.png") no-repeat 5px 3px; padding-left: 23px;}
.dis-top .icon-good{/*width: 30px;*/background:#ff5d3d url("../image/icon-good.png") no-repeat 5px 4px;padding-left: 23px;}
.icon-good{ font-style: normal;display: inline-block; /*width: 20px;*/ /*height: 17px; */font-size: 12px; background-color:#ff5d3d; padding: 3px 7px; text-align: center;color:#fff;border-radius: 3px; margin-right: 5px; }
.discuss-huati a{ font-size:18px; margin-bottom: 10px; display:inline-block;}
.bq01{font-size:12px; cursor: pointer; margin-right: 20px;color: #777; padding-left: 20px;background: url("../image/icon-bq.png") no-repeat;}
.dis-left{width: 70%;}
.dis-right{width: 30%}
.dis-right-con{;box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);border: 1px solid #e6e6e6;border-radius: 5px;padding: 35px 15px;margin-bottom: 20px;position: relative;background-color: #fff;}
.dis-qus, .dis-comment{margin-right: 20px;box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);border: 1px solid #e6e6e6;border-radius: 5px;padding: 30px;margin-bottom: 20px;position: relative;background-color: #fff; position: relative;}
.qus-tit{ font-size: 24px; margin-bottom:20px;}
.qus-ditails{ margin-bottom: 20px; font-size: 16px;}
.que-time{color: #777;}
.dis-comment-tit{font-size: 18px;padding-bottom: 10px;border-bottom: 1px solid #e6e6e6;}
.dis-comment-con{padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.dis-comment-img{margin-right: 10px; width: 50px;}
.dis-comment-img img{ width: 50px;height: 50px;}
.dis-comment-details{ position: relative;}
.dis-comment-time{ margin-bottom: 10px; color: #777;}
.dis-comment-d{line-height:24px; word-break: break-all;overflow-wrap: break-word;}
.dis-comment-more{margin-bottom: 10px;}
.dis-comment-more a{color:#81b337;}
.comment-btn{ margin-top: 5px; float: right;}
.dis-comment-details{ width: 670px;}
.dis-comment-upimg img{ width: 50px;}
.que-people{ text-align: center; margin-bottom: 15px;}
.que-people img{background-size: 100% 100%;width: 140px;height: 140px;border-radius: 50%;margin-top: 5px;}
.peoplename{ text-align: center; font-size: 20px; margin-bottom: 15px; }
.zuname{text-align: center;margin-bottom: 15px;font-size: 16px;}
.zhiweiname{text-align: center;font-size: 14px;border: 1px solid #81b337;padding: 2px 6px;color: #81b337;border-radius: 15px;}
.ce{ text-align: center;}
.dis-add{background: url("../image/icon-add02.png") no-repeat;padding-left: 25px;margin-right: 20px; color: #777;}
.dis-save{background: url("../image/icon-save.png") no-repeat;padding-left: 25px;margin-right: 20px; color: #777;}
.dis-save-o{background: url("../image/icon-save-o.png") no-repeat;padding-left: 25px;margin-right: 20px; color: #777;}
.dis-qus-bt{ margin: 10px 0;}
.dis-see{background: url("../image/icon-see.png") no-repeat;padding-left: 25px;margin-right: 20px; color: #777;}
.comment-btn01{background: url("../image/icon-comment.png") no-repeat 3px 3px;padding-left: 25px;margin-right: 20px; color: #777;}
.comment-btn02{background: url("../image/icon-like.png") no-repeat 3px 2px;padding-left: 25px;margin-right: 20px; color: #777;}
.comment-btn02-o{background: url("../image/icon-like-o.png") no-repeat 3px 2px;padding-left: 25px;margin-right: 20px; color: #777;}
.discuss-up{border: 1px solid #e6e6e6;
 border-radius: 5px;
 padding: 35px 253px;
 margin-bottom: 20px;
 position: relative;
 background-color: #fff;
 border-radius: 5px;
 box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);}
.discuss-uptit{border-bottom:  1px solid #e6e6e6; font-size: 18px; padding-bottom: 20px; margin-bottom: 20px;}
.discuss-upbtn{ text-align: center; margin: 40px 0;}
.ck-bc-j{ background: #bfbf3d; border-color:#bfbf3d;  }
.discuss-upbtn input{ margin: 0 15px;}
.dis-right-tit{ text-align: center; padding-bottom: 15px; margin-bottom: 30px;border-bottom:  1px solid #e6e6e6;}
.discuss-uplei{width: 632px;height: 20px;padding: 6px 14px;border: 1px solid #E0E3EA;position: relative;
 font-size: 16px; margin: 20px 0; }
.addlei{ width: 600px;}
.icon-addlei{background: url("../image/icon-add02.png") no-repeat 0px 3px;
 width: 21px;
 height: 22px;
 position: absolute;
 top: 4px;
 right: 4px;}
.back-to{ position: absolute; right:0; width: 80px;height: 40px;padding: 0;border: 1px solid #81b337;
 cursor: pointer;font-size: 20px;border-radius: 6px; background: #fff; color: #81b337; margin: 10px 20px;}
.reposit-btn{width: 80px;height:30px;background-color: #fff;color: #81b337;border: 2px solid #81b337;border-radius: 6px;}
/*个人名片*/
.people-up{background-color: #fff;position: relative;box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);border: 1px solid #e6e6e6;
 border-radius: 5px;padding: 30px;margin-bottom: 20px;margin-left: 30px;}
.people-uptit{font-size: 18px;padding-bottom: 10px;border-bottom: 1px solid #e6e6e6; position: relative; }
.peopleupbtn{ position: absolute; right:0;top:-10px; margin-right: 0px;width: 120px;height: 30px;padding: 0;border: 1px solid #81b337;
 background: #81b337;color: #fff;cursor: pointer;font-size: 14px;}
.people-upimg,.people-upimg02,.people-upimg03{ width: 180px}
.people-upimg img{ width: 50px;cursor: pointer;}
.people-upimg02 img{width: 158px;}
.people-upimg03 img{width: 78px;}
.people-upright{ position: relative; min-height: 160px; width:720px;}
.people-upwentit{ font-size:20px; margin-bottom: 10px; position:relative;}
.people-upwentime{ position: absolute;bottom: -30px; width: 720px;}
.zt-del{ width: 20px; height:20px; background: url("../image/icon-del02.png") no-repeat 2px 3px;color: #cc5d51;cursor: pointer; position: absolute; right:0px; top:5px;}
.people-upcon{padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.lie-dt{ border-top:1px solid #e6e6e6; padding:0 30px; }
.lie-dt .people-upright, .lie-dt .people-upwentime{/*width: 870px;*/}
.fileset-tit{ padding:0 0 20px ;}
.filesettb01{width: 58px;padding-left: 10px;border-right: 1px solid #e5e5e5;
 height: 45px;line-height: 45px;}
.filesettb02{width: 55px;padding-left: 30px;border-right: 1px solid #e5e5e5;
 height: 45px;line-height: 45px;}
.filesettb02 input{margin-top: 15px;}
.filebn{ border-right: 0;}
.ktdelright{ width:590px;}
.ktdelleft{width:120px;height:100px; background:url("../image/icon-warm.png") no-repeat;}
.gk{ position: absolute; left: 50px;bottom: 20px; width: 100px;}
.tdimg{ position: relative; }
.tdimg img{ width: 80px; height: 80px; margin-right: 10px;margin-bottom: 10px;}
.dtimgdel{ position: absolute;width: 20px;height: 20px;
 background: url("../image/icon-del03.png") no-repeat; top:0px; right:10px; cursor: pointer;}
.tdimgadd{width: 80px; height: 80px;background:url("../image/adddt.png") no-repeat; cursor: pointer;}
.adddttanchu{width: 442px;}
.adddttanchu .jifentanchu_tit{width: 442px;}
.adddttanchu .rz-r{width: 350px;}
.adddttanchu .rz_inp{width: 320px;}
.addktztanchu .rz-l{width: 100px;}
.addktztanchu .rz-r{width: 330px;}
.addktztanchu .rz_inp{width: 312px;}
.addperbtn{ position:relative;}
.addperbtn .ck-bc{ position: absolute;top:0;right:-150px;top:10px; font-size: 14px; padding: 2px 8px; }
.ck-details-con{margin-left: 30px;}
/** {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
}
:after,
:before {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
}*/
/*权限配置*/
.filesettanchu{ width:895px;padding-top: 0;}
.filesettanchu .jifentanchu_tit{ width: 895px;}
.fileset-l{border: 1px solid #e5e5e5; margin-right:49px; min-height: 363px;  width:260px;margin-bottom: 30px;}
.fileset-l-tit{ padding:10px; text-align: center;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px; height: 43px}
.fileset-cj{padding:0 10px 10px 10px; overflow: auto; height: 310px}
.quanxian{border:1px solid #e5e5e5; border-right:none; margin-bottom: 10px;}
.quanxiank{ padding:8px 4px;border-right:1px solid #e5e5e5;width: 114px;font-size: 12px}
.quanxiank input[type="checkbox"]{margin: 0 5px 2px 0}
.fileset-btm{padding: 10px; overflow: auto; height: 243px}
.fileset-m-l{border: 1px solid #e5e5e5;width: 168px;min-height: 300px;}
.fileset{ position: relative;border:1px solid #81b337; padding: 5px 10px 5px 10px; margin-bottom: 10px;border-radius: 2px;font-size: 11px}
.filedel{ position: absolute;width: 20px;height: 20px;background: url("../image/icon-del03.png") no-repeat;top: 10px;right: 2px;
 cursor: pointer;}
.fileset-r{width: 164px;position:relative;margin-left: 50px;height:365px;}
.fileset-r table{ width:140px; }
.fileset-r table tr{border: 1px solid #e5e5e5;height: 28px;}
.fileset-r table td, .fileset-r table th{border: 1px solid #e5e5e5;padding: 5px 15px;text-align: center;}
.fileset-r tr th{font-weight:normal;}
.zhiweiname2{line-height: 15px; width: 65px; margin-bottom: 10px; position: absolute;left:163px; }
.zhiweiname2 li a{ display: block; width:62px;height:30px;line-height: 28px;text-align: center;/*border-left:1px solid #81b337;border-right:1px solid #81b337;border-bottom:1px solid #81b337;*/font-size: 12px;background:url("../image/b-table.png") no-repeat; margin-bottom: 5px;}
.zhiweiname2 li.zhiweiname2-hover a{/*border:1px solid #81b337;border-left:1px solid #fff;*/ margin-right: 2px;background:url("../image/b-table-hover.png") no-repeat;}
.lz{line-height: 22px;font-size: 12px;}
.zhiweiname2-hover a{ color:#81b337; }
.filesetcon{ position: relative;}
.fileset-m{position: relative;}
.file-arrowright{ display: block; /*background:url("../images/icon_arrow_right.png") no-repeat;*/ color:#81b337;border-radius: 6px; border:1px solid #81b337; text-align: center; font-weight:bolder; line-height: 24px; width: 24px; height: 24px; position: absolute; left:-38px; top:110px; cursor: pointer;background:#81b337; color:#fff;}
.file-arrowleft{ display: block; /*background:url("../images/icon_arrow_left.png") no-repeat;*/ color:#81b337;border-radius: 6px; border:1px solid #81b337; text-align: center; font-weight:bolder; width: 24px; height: 24px; line-height: 24px; position: absolute; right:-38px; top:110px; cursor: pointer;background:#81b337; color:#fff;}
.file-arrowleft:hover, .file-arrowright:hover{ background:#fff; color:#81b337; }
.b-table{ border: 1px solid #81b337; padding: 10px; height:365px}
.area-highlight{outline: dashed #0a84ff}

/** {*/
 /*-webkit-box-sizing:content-box;*/
 /*-moz-box-sizing:content-box;*/
 /*box-sizing:content-box;*/
/*}*/
/*:after,*/
/*:before {*/
 /*-webkit-box-sizing:content-box;*/
 /*-moz-box-sizing:content-box;*/
 /*box-sizing:content-box;*/
/*}*/
.input-group-lg > .form-control{height: 26px;}
.workbench{
  line-height: normal;
  margin-top: 10px;
  margin-left: 5px;
}
.workbench-hover{
background-color: rgba(135, 177, 51, 0.13)
}

.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > td >span,
.table-hover > tbody > tr:hover > th {
 background-color: #EDFBD221;
 color: #81b337;
}

.nav > li > a:hover {
 background-color: #ffffff;
}
.navbar-right {
 margin-right: 0px;
}


.help-msg{
 background: url("../image/help.png") no-repeat;
 background-size: cover;
 width: 15px;
 height: 15px;
 position: absolute;
 margin-top: 5px;
}

.dialog-tit {
 background: #ffffff !important;
 border: none !important;
 font-weight: inherit !important;
}
.tabs {
 overflow: hidden !important; /* 防止选项卡溢出容器 */
 background-color: #ffffff !important;
 width: auto !important;
 height: auto !important;
 padding: 1em 0 !important;
}
.tab-links {
 margin: 0;
 padding: 0;
 max-width: 550px;
 min-width: 300px;
 list-style: none;
 height: auto;
 display: block;
}
.tablink {
 background-color: inherit; /* 继承.tabs的背景色 */
 float: left; /* 使选项卡并排显示 */
 border: none;
 outline: none;
 cursor: pointer;
 padding: 8px 16px;
 transition: background-color 0.3s; /* 平滑过渡效果 */
 width: 33.33%; /* 两个选项卡各占50%宽度 */
 text-align: center; /* 文本居中 */
 border-radius: 5px 5px 0 0;
}

.tablink:hover {
 background-color: #ddd; /* 鼠标悬停时变色 */
}

.tablink.active {
 background-color: #81b337; /* 选中时变色为蓝色（这里改为绿色以示例，因为纯蓝色可能不易读） */
 color: white; /* 文本颜色变为白色 */
 font-weight: bold;
}

.tabcontent {
 border-top:#81b337 solid 2px;
 width: 100%;
 display: none;
}

.tabcontent.active {
 display: block;
}

.task-title {
 height: 30px;
 line-height: 20px;
 font-size: 14px;
 color: #1b2733;
 border-bottom: 2px solid #f3f3f3;
}

.f-u-name {
 width: 150px;
 min-width: 80px;
 margin: 5px 0 5px 20px;
 padding-left: 5px;
 overflow: hidden;
 white-space: nowrap;
 word-break: break-all;
 text-overflow:ellipsis;
}
.f-u-type {
 width: 60px;
 min-width: 40px;
 margin: 5px 0 5px 20px;
 padding-left: 5px;
 overflow: hidden;
 white-space: nowrap;
 word-break: break-all;
 text-overflow:ellipsis;
}
.f-u-size {
 width: 80px;
 min-width: 40px;
 margin: 5px 0 5px 20px;
 padding-left: 5px;
 overflow: hidden;
 white-space: nowrap;
 word-break: break-all;
 text-overflow:ellipsis;
}
.f-u-url {
 width: 150px;
 min-width: 80px;
 margin: 5px 0 5px 20px;
 padding-left: 5px;
 overflow: hidden;
 white-space: nowrap;
 word-break: break-all;
 text-overflow:ellipsis;
}
.f-u-process {
 width: 350px;
 min-width: 100px;
 margin: 5px 0 5px 20px;
 padding-left: 5px;
}
.f-scroll-wrapper{
 width: 100%;
 height: 335px;
 overflow: scroll;
}
.f-list-wrapper{
 line-height: 50px;
 border-bottom: 1px solid #a1f66575;
 position: relative;
 clear: both;
 color: #000000;
 font-size: 12px;
 display: inline-block;
}
.f-upload-task{
 position: relative;
 background: linear-gradient(to right, lightblue 50%, transparent 50%);
 background-size: 200% 100%;
 background-position: right bottom;
 transition:all 1s ease;
}
.f-u-done{
 display: none;
 font-weight: bold;
 color: #81b337;
}
.f-u-operation{
 margin: 5px 5px 5px 0;
 font-weight: bold;
 color: #81b337;
}
.f-u-op-btn{
 background-color: #b34e37;
 color: #efefef;
 font-weight:bold;
 padding: 2px 8px;
 line-height: 30px;
 margin-top: 5px;
 border-radius: 5px;
}
.f-u-op-btn1{
 color: #81b337;
 font-weight:bold;
 padding: 2px 8px;
 line-height: 30px;
 margin-top: 5px;
 border-radius: 5px;
}
.f-u-op-done{
 color: #81b337;
 font-weight:bold;
 display: none;
}
.f-u-op-abort{
 color: #666666;
 font-weight:bold;
 display: none;
}

.upload-percent{
 text-align:center;
 margin-left: 15px;
 font-size: 12px;
 display: inline-block;
}


/* 提示框样式 */
.loading-box {

 padding: 20px 30px;
 border-radius: 8px;
 width: 200px;
 top: 40%;
 position: fixed;
 left: 43%;
 z-index: 9999;
}

/* 加载动画 */
.loader {
 border: 4px solid #f3f3f3;
 border-top: 4px solid #3498db;
 border-radius: 50%;
 width: 40px;
 height: 40px;
 animation: spin 1s linear infinite;
 margin: 0 auto 15px;

}

/* 加载动画效果 */
@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

/* 加载文字样式 */
.loading-text {
 font-size: 18px;
 color: #333;
 text-align: center;
}
.thing-del-btn{
 width: 80px;
 height: 30px;
 border: 1px solid #bb2222;
 border-radius: 6px;
 top: 75px;
 color: #ffffff;
 background-color: #bb2222e0;
}
.thing-del-btn i{
 color: #ffffff;
}


.thing-green-btn{
 width: 80px;
 height: 30px;
 border: 1px solid #81b337;
 border-radius: 6px;
 top: 75px;
 color: #ffffff;
 background-color: #81b337;
}
.thing-green-btn i,.thing-green-btn span{
 color: #ffffff;
}

.kc-hover span{
 color: #fff;
}

.thing-red-btn{
    width: 80px;
    height: 30px;
    border: 1px solid #f62525;
    border-radius: 6px;
    top: 75px;
    color: #ffffff;
    background-color: #f62525
}

.thing-green-btn:hover{
    background-color: white;
    color:#81b337
}

.thing-green-btn:hover span,.thing-green-btn:hover i{
    color:#81b337
}

.thing-red-btn:hover{
    background-color: white;
    color:#f62525
}

.thing-red-btn:hover span,.thing-red-btn:hover i{
 color:#f62525
}

.thing-blue-btn{
    width: 80px;
    height: 30px;
    border: 1px solid #3182ce;
    border-radius: 6px;
    top: 75px;
    color: #ffffff;
    background-color: #3182ce
}
.thing-blue-btn:hover{
    background-color: white;
    color:#3182ce
}
.thing-blue-btn:hover span,.thing-blue-btn:hover i{
    color:#3182ce
}