@charset "utf-8";
.test_switch{margin: 0 20px; border-bottom: 2px solid #eeeeee;}
.zj_title b,.knowledge_point b{background: #089e67;width: 4px;height: 14px;position: relative;top: 2px; margin-right: 4px;}
.zj_title em{background-color: #ddd; width: 1px; height: 10px; display: inline-block; position: relative; top: -4px;}
.zj_list{background: #FFFFFF; padding:0px 20px; padding-bottom:10px; border-radius: 0 0 8px 8px;}
.zj_title input{width: 268px;height: 30px;background: #fff;border: 1px solid #dedede; text-align: left;outline: none;padding: 0px 6px;line-height: 30px;margin-left: 10px;color: #666;box-sizing: border-box; border-radius: 4px ;}
.zl_top{color: #666;font-size: 12px;}
.zl_top h1{}
.zl_top h1 i,.zl_top h2 i{margin-right:6px;color:#e3e3e3;}
.zl_top h2{cursor: pointer;}
.zl_top ul{width:  700px;margin-right: 39px;}
.zl_top li{margin:0 20px 10px 0;cursor:pointer;}
.zl_top li:hover,.zl_top h2:hover{color: #ed895a;}
.zl_top li i{float: left; margin-right: 6px; width: 12px; height: 12px;background-color: #fff;border: 1px solid #ddd; border-radius: 1px; cursor: default; margin-top: 2px;}
.checked i{border: 1px solid #dedede;background:url(../images/on_pic.png) 0 -1px}


.box-con a{background-color: #f5f5f5; line-height: 32px; height: 32px; padding: 0 5px 0 10px; border-radius: 4px; color: #333; margin: 5px 10px 10px 0;}
.box-con a:hover p{color: #089e67;}
.box-con a p{max-width: 160px;}
.box-con a i{margin-left: 5px;}

.download{color: #089e67;}
.download i{font-size: 16px; margin-bottom: 2px; display: block;}
.add{background-image: linear-gradient(to right, #f48827,#ff6b23);text-align: center;text-shadow: 2px 1px rgba(0,0,0,.2);padding: 3px 4px;border-radius: 5px;width: 130px;}
.add a{ color: #fff; border: 1px dashed rgba(255,255,255,.6); line-height: 26px; border-radius: 4px;}
.add:hover{background-image: linear-gradient(to right, #f48827 ,#ff6b23 50%); box-shadow: 0 0 3px 1px #dedede;}

.preview_cont:hover{background-color: #ecf9f2;}
.symbol{background-color: #f5f5f5;border: 1px solid #dedede; color: #333; display: inline-block; width: 28px; line-height: 28px; height: 28px; position: relative; top: 1px;}
.symbol i{margin: 0 !important;}
.symbol-l{border-radius: 3px 0 0 3px; margin-right: -4px;left: 1px;}
.symbol-r{border-radius: 0 3px 3px 0;right: 4px;}

.choosen{height: 28px;line-height: 28px;padding: 0 10px;display: inline-block;position: relative;top: -4px;color: #666; border-radius: 5px;}
.choosen.active,.choosen:hover{background:#26ce8f; background: -webkit-linear-gradient(left top,#22c88b,#1db47c); color:#fff}
.template .example{background: url(../images/zhineng/nocheck.png) center no-repeat; width: 219px; height: 201px; padding: 50px 6px 0 20px; box-sizing: border-box; position: relative; cursor: pointer; margin-right: 5px;}
.template .example.checked{background: url(../images/zhineng/checked.png) center no-repeat; }
.template .example.checked h4{color: #089e67;}
.template .example span{top: 10px; left: 25px;}
.template .custom{background: url(../images/zhineng/self.png) center no-repeat; display: block; width: 219px; height: 201px; text-align: center; padding-top: 120px; box-sizing: border-box;}
.template .fl:nth-child(4n){margin-right: 0;}

.test-scroll{max-height: 65px; overflow-y: auto; font-size: 14px;}
.test-scroll div{width: 48%; line-height: 20px;}
.test-scroll div p{max-width: 65%; margin-right: -5px;}
.table-box{width: 600px;max-height: 337px;overflow-y: auto;}
.table-box::-webkit-scrollbar {width: 5px;height: 30px;background-color: #ededed}
.table-box::-webkit-scrollbar:hover {background-color: #eee}
.table-box::-webkit-scrollbar-thumb {background-color: #dedede;height: 50px;border-radius: 10px}
.table-box::-webkit-scrollbar-thumb:hover {background-color: #ccc}
.table-box::-webkit-scrollbar-thumb:active {background-color: #c5c5c5}
.table-box table{width: 100%; text-align: center;}
.table-box table thead{position: sticky; position: -webkit-sticky; top: -1px; z-index: 10;}
.table-box input{position: relative; top: 2px;}
.table-box td{width: 50%;}
.table-box td{padding: 6px 0;}

.delete{top:30px;right:10px;}
.example .delete:hover{color:#089e67;}
.example.checked i{background:none; border:none}
.example h4{max-width: 160px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.preview-item:hover{box-shadow:none !important}