@charset "utf-8";
html,body{margin: 0; padding: 0;}
body,button, input, select, textarea { color:#333;font-size:14px; font-family: "微软雅黑", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:14px;}
body, h1, h2, h3, h4, h5, h6,hr, p,div, dl, dt, dd, ul, ol, li, form,button,input,textarea, th,td{ margin: 0;padding: 0;}
ul,li{list-style:none;}
img{border:0; }
button, input, select, textarea { outline:none }
table { border-collapse: collapse; border-spacing: 0;}
hr{border:0;height:1px;}
i,em{ font-style:normal;}
a{ text-decoration: none; outline:none }
a:hover{ text-decoration: none;}
.fl{ float:left;}
.fr{ float:right;}
.clearFix:after{ display:block; content:''; clear:both;}
.clearFix{ zoom:1;}
.clr{clear:both;}
.tc,th.tc{text-align: center;}
.tr,th.tr{text-align: right;}
.tl,th.tl{text-align: left;}
.overflowh{overflow: hidden;}
.font-b{ font-weight: bold;}
.red{color: #f56c6c;}
.align-center{ text-align: center;}
.align-left{ text-align: left;}
.align-right{ text-align: right; left: 50%; transform:translateX(-50%);}
/**********首页************/
/*****修改默认样式*****/
.layui-layout-admin .layui-side{top: 0;}
.layui-layout-admin .layui-header{ background: #fff; border-bottom: #d6d7d8 solid 1px; height:49px;position: relative;}
.layui-header .layui-nav .layui-nav-item a,.layui-header .layui-nav .layui-nav-item a:hover { color:#5b5959;}
.layui-layout-admin .layui-body{ padding-bottom: 0;top:0px;}
.layui-tab-content { padding: 0px;}
.layui-tab {margin: 0;}
.layui-bg-black{background-color: #1a2042!important;}
.layui-nav{background-color: #1a2042;}
.layui-nav .layui-nav-item a{color: #fff;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{ background: #3163f2;}
.layui-tab-title{ height: 39px;}
.layui-tab-title .layui-this { background: #f0f2f5; color: #3163f2;}
.layui-tab-title .layui-this:after{border-top: none; border-bottom: none;}
.show_warp{padding: 10px;}
.main_content{ background: #f0f2f5; height: calc(100vh - 90px); padding: 0px;}
.layui-nav-tree .layui-nav-item a:hover{background: #3163f2; color: #fff; }
.layui-btn-group .layui-btn-primary:first-child { border-left: 1px solid #eee;}
.layui-btn-primary{ border: #eee solid 1px;}
.layui-btn-primary:hover {border-color: #3163f2; color: #333;}
.layui-border-blue {border-color: #3163f2!important; color: #3163f2!important;}
.btn-30{ height: 30px!important; line-height: 30px!important; padding: 0 8px;}
.layui-btn-group .layui-btn:first-child { border-radius: 5px 0 0 5px;}
.layui-btn-group .layui-btn:last-child { border-radius: 0 6px 6px 0;}
.layui-btn-group .layui-btn-primary:hover { border-color: #d2d2d2; color: #3163f2;}
.layui-btn-group .blue-bor:hover {border-color: #3163f2; color: #3163f2;}
.layui-btn-group .blue-bor:first-child {border-left: 1px solid #3163f2;}
.layui-form-onswitch { border-color: #3163f2;background-color: #3163f2;}
.layui-table tbody tr:hover,.layui-table[lay-even] tr:nth-child(even):hover{ background:#f0f8fc;}
.layui-table tbody tr td a:hover,.layui-table[lay-even] tr:nth-child(even) td a:hover{ color: #3163f2;}
.layui-btn-fluid{background: #3163f2;}
/*header*/
.layui-header-left{ height:49px; line-height: 50px; margin-left: 10px;}
.layui-header-left a{ display: inline-block;}
.layui-header-left span{ font-weight: bold; margin-left:5px;}
.layui-icon-username{ font-size: 16px; padding-right: 5px;}
.logo { margin: 10px 0;height:34px;}
.logo img{width: 34px; float: left;margin: 0 11px 0 14px;}
.logo span{ font-size: 24px;}
.layui-header>.layui-nav .layui-nav-item{ line-height: 50px;}
.layui-nav-child{ top: 50px!important;}
.container_box{ width: 100%; height: 100%;}
iframe{ border: none; width: 100%; height: 100%;}
.layui-form-checked[lay-skin=primary] i {border-color: #3163f2!important; background-color: #3163f2;color: #fff;}
.layui-form-checked span, .layui-form-checked:hover span {background-color: #3163f2;}
.layui-form-checked i, .layui-form-checked:hover i {color: #3163f2;}
.layui-upload-drag .layui-icon {font-size: 50px;color: #3163f2;}
.layui-form-checkbox[lay-skin=primary] i:hover{ border:#3163f2 solid 1px;}
.input185{width: 180px; float: left;}
.input-right-info{ line-height: 38px; padding-left: 5px;}
.layui-slider-input-btn i:hover{ color: #3163f2;}
/**********内容页************/
.cont_warp{ padding:15px;}
.cont_warp2{ background: #fff; padding: 15px; overflow: hidden;}
/*tab*/
.layui-tab-brief>.layui-tab-content{ background: #fff; height:auto;}
.layui-tab-brief>.layui-tab-title{ background: #fff;}
.layui-tab-brief>.layui-tab-title .layui-this { background: #fff;color: #3163f2;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { border: none; border-radius: 0;border-bottom: 2px solid #3163f2;}
.layui-laydate .layui-this { background-color: #3163f2!important;color: #fff!important;}
/*查询*/
.conBox_warp{ background: #fff; padding: 10px 10px 6px 10px; box-shadow: 0px 0px 8px #ddd;}
.shadow-none{ box-shadow: none; padding:0;}
.layui-form-item{ margin-bottom: 0;}
.layui-input:hover, .layui-textarea:hover {border-color: #3163f2!important;box-shadow: 0px 0px 5px #9acdfd;}
.layui-form-select dl dd.layui-this{background-color: #3163f2;}
.layui-btn-blue{background-color: #3163f2; padding: 0 12px;}
.pad_20{padding: 0 30px;}
.pad_8{padding: 0 8px;}
.layui-form-item .layui-inline{margin-bottom: 10px;}
.layui-form-item .layui-input-inline{width: 250px;}
.type-name{height: 30px; line-height: 30px; margin-right: 10px;}
.type-name a:hover{color: #3163f2;}

.btn_nobor{ border: none; background: none; height: 30px; line-height: 30px; color: #333;}
.btn_nobor:hover,.btn-active{ background: #3163f2; color: #fff;}

/*表格*/
.public_table tbody tr:hover{ background: #f2f8ff!important; border: #cddcec solid 1px!important; z-index: 999;}
.tab_top_btn{ width:100%; text-align: right;}
.tab_top_btn> button.layui-btn{ margin-left: 10px!important; border-radius: 2px!important;}
.layui-btn-txt{ border:none; background: none; color: #3163f2; margin-left: 0; margin-right:3px; padding: 0;}
.layui-btn-txt:hover{ color: #3163f2;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #3163f2;}
.layui-laypage a:hover{color: #3163f2;}
.layui-btn-txt:first-child{ padding-left: 0;}
.layui-btn-txt{ height: 20px; line-height: 20px;}
.red_txt{ color: #ff3959;}
.green_txt{ color: #00ca6e;}
.blue_txt{color:#3163f2;}
.gary_txt{color:#999;}
.blue-bor{ border:#3163f2 solid 1px;}
table-wrapper { height:350px; overflow-y:scroll;}
table#bzrGrid{ margin:0;}
.second_level{ padding-left: 15px;}
.three_level{padding-left: 30px;}
.four_level{padding-left: 45px;}
.five_level{padding-left: 60px;}
.six_level{padding-left: 75px;}
.public_table a{ color:#3163f2; cursor: pointer;}
.con-main .layui-table-header{ background: #3399ff;}
.con-main .layui-table th:last-child{border-right:#3399ff solid 1px;}
/*课件*/
.txt_content{ position:relative}
.txt_content h1{ text-align:center; color:#3163f2; font-size:18px;}
.tips_box{ text-align:center; color:#999; width: 90%; display: flex;justify-content:center; overflow: hidden; margin: 30px auto;}
.txt_tips{ float:left; padding:0 15px;}
.txt_tips dt{ float:left; padding-right:5px;}
.txt_tips dd{float:left;}
.download_btn{ position:absolute; right:10px; top:44px;}
.txt_main{ width:90%; margin:0 auto; text-align:center;}
.txt_main{}
.txt_main p{ text-align:left;text-indent: 30px;line-height: 30px; padding-bottom: 10px;}
/*弹框*/
.dialog_content{ padding:30px 20px;}
form.dialog_from .layui-form-label{ width: 95px; padding: 7px 10px;}
form.dialog_from .layui-form-label-lang{ width: 160px; padding: 9px 20px; display:inline-block;}
/*.layui-form-checkbox[lay-skin=primary]{padding-left: 13px;}*/
.dialog_skin>.layui-layer-title{ font-weight: bold;} 
.dialog_skin>.layui-layer-btn a{padding: 0 25px;}
.dialog_skin>.layui-layer-btn .layui-layer-btn0{ background: #3163f2; border: #3163f2 solid 1px;}
.dialog_skin>.layui-layer-content .layui-layer-ico{left: 50%!important; transform: translateX(-50%)!important;top: 20%!important;}
.dialog_skin>.layui-layer-padding { padding:55px 18px 25px!important; text-align:center!important;}
.layui-input-block{ float:left; margin-left: 0;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {color: #3163f2;}
.dialog_btn_box{ position: fixed; bottom: 20px; right: 20px; }
.dialog_btn_box2{ text-align: right; margin-top: 30px;}
.dialog_btn_blue{background: #3163f2;border: #3163f2 solid 1px; color: #fff; padding: 0 25px;height: 30px; line-height: 30px;margin: 5px 5px 0;border-radius: 2px;cursor: pointer;}
.dialog_btn_gray{border: 1px solid #dedede;background: #fff;padding: 0 25px;height: 30px; line-height: 30px;margin: 5px 5px 0;border-radius: 2px;cursor: pointer;}
.dialog_btn_blue:hover,.dialog_btn_gray:hover{ opacity: 0.9;}
.layui-rela{ position: relative; float: right;}
.layui-rela input{width: 300px;}
.search_btn{ background: none; border: none; cursor: pointer; position: absolute; right: 10px; top: 12px;}
.dialog_content h3{ position: relative; padding-left: 10px; color:#3163f2; font-weight: bold;}
.dialog_content h3::before{content: "";width: 4px;height: 15px;background: #3163f2;position: absolute;left: 0px;top: 2px;border-radius: 10px;}
.dialog_scroll{padding: 30px 30px 30px 30px;overflow-y: scroll;height: calc(100vh - 60px);}
.dialog-form-item>.layui-inline>.layui-form-label{ width:auto; padding: 10px;}

/* 导入数据 */
.file_warp{position: relative; display:block; overflow: hidden; }
.file_chose1{ position:relative; width:350px; border: #eee solid 1px; background:#fff;text-align:right; cursor: pointer; margin-bottom: 15px;margin-right: 10px;float: left;height:36px; line-height:36px;}
.file_chose1 input{ width: 100%;display: inline-block; position: absolute; top: 0; right: 0; opacity: 0; filter: alpha(opacity=0); z-index:1; cursor: pointer;}
.file_chose1 input:hover{border-color: #3163f2!important; box-shadow: 0px 0px 5px #9acdfd;}
.file_chose1 span{ background:#3163f2; color: #fff; text-align: center; cursor: pointer; border-top-radius: 3px; width:58px; display:inline-block;}
.file_button{ text-decoration: none; height: 32px; line-height: 32px;background:#3377ff; color: #fff; text-align: center; cursor: pointer;border-radius: 3px;padding: 0 15px; border:none; outline:none;}
.fileerrorTip1,.showFileName1{ position: absolute;left: 10px;top: 4px; width:250px; height: 30px; line-height: 32px; width:calc(95% - 58px); overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#import_box> form> .layui-form-item .layui-input-inline{width: 350px;}
.text-underline{color:#3163f2; text-decoration: underline;}
.upload-show{ border-top:#ddd solid 1px; padding-top: 10px; margin-top: 10px; text-align: left;line-height: 24px;}
.upload-list li{ overflow: hidden; text-overflow:ellipsis;white-space: nowrap; width: 98%;}
.upload-list li a{ padding-left: 10px; text-decoration: underline;}

/*穿梭框  学生选择*/
.fp-tips{ position:absolute; left:10px; top:10px; padding:0 10px;background:#f6f6f680;width:calc(100% - 40px); height:40px; line-height:40px;}
.name-tit{ margin-top:30px;}
.box-left{ float:left; width:338px;}
.box-right{ float:left; width:338px; margin-left:81px;}
.box-left h6,.box-right h6{ padding:10px 0; font-weight:bold;position: relative; padding-left: 10px;}
.box-left h6::before,.box-right h6::before{content: "";width: 4px;height: 15px;background: #3163f2;position: absolute;left: 0;top: 13px;border-radius: 10px;}
.tit_bg{ background: #d7e1fe; position: relative;}
.list_tit{font-weight: bold;}
.list_tit::before{content: "";width: 4px;height: 15px;background: #3163f2;position: absolute;left: 6px;top: 6px;border-radius: 10px;}
.pad_l15{ padding-left: 15px;}
/*复选框  权限设置*/
.check_box{ width: 100%;overflow: hidden;}
.font_blod{ font-weight: bold;}
.check_box> .layui-form-label{ text-align:left!important;}
.check_box> .layui-form-label> .layui-form-checkbox[lay-skin=primary]{padding-left: 0px;}
.qx_check{ margin-top: 6px;}
.qx_check> .layui-form-checkbox{height: 26px;line-height:26px;padding-right: 21px;}
.qx_check> .layui-form-checkbox i{width: 20px;height: 24px;font-size: 16px;}
/*卡片面板*/
.card_warp{ border:#eee solid 1px; background: #fff; width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.gray_header{height: 42px; line-height: 42px;background-color: #FAFAFA; padding:0 10px;}
.bg-white{background-color: #fff;}
.gray_header h5{ float:left; position:relative; padding-left:10px;}
.gray_header h5::before{content: "";width: 4px;height: 15px;background: #3163f2;position: absolute;left: 0px;top: 14px;border-radius: 10px;}
.gray_header> .layui-form-label> .layui-form-checkbox[lay-skin=primary]{padding-left: 0px;}
.card_main> .layui-form-label> .layui-form-checkbox[lay-skin=primary]{padding-left: 0px;}
.card_main{ padding:10px; overflow:hidden;}
.card_main> .layui-form-label{ text-align:left;}
.h42{ line-height:42px;}
.height-scroll{ height: 240px;width: 100%; box-sizing: border-box;}
.gray-bg{height:auto; background:#fafafa;}
.h-scroll{ height: 150px; overflow-y: auto;}
/*树菜单*/
.tree-warp{width: 260px; float: left;box-sizing: border-box;box-shadow: 0px 0px 8px #ddd; background: #fff; height:calc(100vh - 106px);overflow:hidden;}
.tree-r-table{ width: calc(100% - 275px); float: right;box-sizing: border-box;}
.tree-warp h1{ background: #f0f8ff; font-size: 16px; text-align: center; height: 50px; line-height: 50px;}
.tree-box{ overflow-y: auto;overflow-x:hidden; height: calc(100% - 60px); margin-top: 10px; position: relative; display: block;}
.tree-hei{height: calc(100vh - 30px );}
details{ outline: none; cursor: pointer;}
.list-box>details{ padding-left: 15px;}
summary{outline: none; list-style: none; line-height:36px; padding-left: 25px;}
summary.first-level{background:#fafafa url("../images/arr-close.png") 10px center no-repeat; margin-bottom: 1px; }
details[open]>summary.first-level{background:#f0f8ff url("../images/arr-open.png") 10px center no-repeat;}
.tree-item{ display:block; width: 100%; line-height:36px;}
details[open]>details>summary>span.tree-item:hover{ background: #f0f8ff; padding-left: 400px; margin-left: -400px;}
/*layui tree*/
.layui-tree-entry{ height:34px;}
.layui-tree-main{ line-height:34px;}
/*做题--单双选*/
.chose-tips{ text-decoration: underline; float: right; line-height: 32px;}
.chose-warp{  float:left; overflow: hidden;}
.chose-check-right{ }
form.chose-check-form .layui-form-label{width: auto!important; text-align:right;padding: 5px 10px;}
.chose-check-tit{ float: left;padding: 6px 5px 4px 0;}
.chose-check{ padding: 2px 15px 4px 0;}
.chose-check>.layui-form-radio{ padding: 0; margin: 0; vertical-align: 5px}
.chose-check>.layui-form-checkbox{padding-left: 20px; line-height:28px!important;height: 28px!important; margin-top: 5px;}
.chose-check>.layui-form-radio>i { margin: 0;}
.layui-slider-input{ position:relative; float:left;top: 0px;}
.fs-warp{float:left; margin-left:25px;}
input.fs-input{ width:34px; height:30px; line-height:30px;border-radius: 3px; padding:0; text-align:center; float:left;margin-right: 5px;}
/*备课夹----块状展示*/
.tit-puble{ position: relative; padding-left: 8px;margin: 0px; height: 30px; line-height: 30px;}
.tit-puble::before{content: "";width: 4px;height: 15px;background: #3163f2;position: absolute;left:0px;top:8px;border-radius: 10px;}
.bk-name-warp{ overflow:hidden; display:block;position:fixed; top:0px; width:100%; z-index:999; background: #fff;}
.box-tit{ height:30px; line-height:30px; overflow:hidden;}
.bk-name{padding:15px 15px 10px;box-shadow: 0px 0px 8px #e8e8e8;}
.bk-card-body{overflow-y:auto; height:calc(100vh - 70px);margin-top:70px;}
.yx-list{margin: 10px auto 0;overflow: hidden; display: flex; justify-content:flex-start; align-items: center; flex-direction: row; flex-wrap: wrap;}
.yx-list li{margin:15px 15px; padding: 15px; width: 20.4%; float: left;line-height:28px;/*border: 1px solid #e5e5e5;*/display: block;position: relative; overflow: hidden; border-radius:4px; box-shadow:0px 0px 8px #e8e8e8; background: #fff;}
.yx-list li:hover{ box-shadow:0px 0px 8px #bdc6d2;}
.ja-name{ width: calc(100%); overflow: hidden; }
.ja-name dt{ float: left; font-size:56px; color: #3163f2; padding-right: 10px;}
.ja-name dd{ float: left; display: block; line-height: 30px;width: calc(100% - 74px);}
.ja-name dd a{ display: block; cursor: pointer; width: calc(100% - 50px);}
.ja-name dd em{ color: #999;}
.ja-name dd em:last-child{ position: relative; right: 0px;}
a.card-edit{ position: absolute;right: 15px;}
.yx-list p.list-tit{width:96%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.yx-list p span{color: #949494;}
.layui-tab-brief>.no-bg{ background: none;}
.mar15{ margin: 15px;}
.mar_t15{ margin-top: 15px;}
.mar_b15{ margin-bottom: 15px;}
.mar_r15{ margin-right: 15px;}
.mar_l15{ margin-left: 15px;}
.mar-t5{ margin-top:5px;}
.mar-b5{ margin-bottom:5px;}
/*试卷*/
.sj_heard{}
.sj_heard h1{ text-align: center; font-size: 20px; font-weight: bold; line-height: 50px;}
.header-info{ background: #f6f6f6; overflow: hidden; height: 40px; line-height: 40px; padding: 0 15px; box-sizing: border-box;}
.an-box{padding:5px 10px; overflow: hidden;}
.jx-box{ overflow: hidden; background: #edfaff; border-radius: 4px; padding:10px 10px;}
.sj-tit{ height: auto; line-height:34px;background-color: #FAFAFA;padding: 10px 0px; overflow: hidden;}
.sj-tit p{ float: left; width: calc(100% - 140px);}
.sj-tit span{ float: right; color: #999; padding-right: 10px;}
.subj-numb{-ms-flex-negative: 0; flex-shrink: 0;min-width: 35px; float: left; height: 24px;padding-right: 5px;line-height: 24px;  margin-right: 10px; margin-top: 5px; background-color: #ccc;border-top-right-radius: 20px; border-bottom-right-radius: 20px; color: #fff; text-align: center;}
.subj-numb2{ background-color:#fafafa; padding-left: 10px;}
.top-tit-btn{ float: right;} 
.top-tit-btn>.layui-btn .layui-icon {padding: 0px;vertical-align: middle\9;vertical-align: bottom;}
.top-tit-btn>.layui-btn-primary>.layui-form-checkbox{ vertical-align: -4px;}
/*资源中心*/
.jc-box{ overflow-y: auto; height: calc(100% - 60px)}
.jc-info{ clear: both; overflow: hidden; margin: 0 0 15px 0;width: 100%; padding-bottom: 15px; border-bottom: #f7f7f7 solid 1px;}
.jc-info dt{ float: left; width:64px; padding-right: 15px;}
.list-dl dt{ width: 16px; padding-right: 4px;}
.list-dl dt img{ padding-top: 13px;}
.jc-info dd{float: left; width: calc(100% - 80px);}
.list-dl dd{width: calc(100% - 20px);}
.jc-tit{ width:100%; overflow: hidden;padding-top: 10px;}
.jc-tips li{ float: left; margin: 0 30px 0 0; color: #999;}
.lable-gary{display: inline-block;line-height: 20px; padding:3px 5px; font-weight: bold; float: left;}
.tip-gray-txt{ float: left; line-height: 38px;}
.bor-b{border-bottom: #f1f1f1 solid 1px; padding-top: 5px;}
.bor-b:last-child{ border: none;}
.bor-b .layui-inline{ width: 100%; margin-bottom:0;}
.type-chose{ float: left; width: calc(100% - 55px);line-height:20px;}
.type-chose .layui-btn+.layui-btn {margin-left: 0px; }
.type-chose button{ color:#3163f2; height:26px; line-height:26px;padding: 0 10px;margin-bottom: 5px;}
.type-chose button:hover{ color: #fff;}
.type-chose .btn_nobor:hover,.type-chose .btn-active{ color: #fff;}
.bor-b .width-left{ width: calc(99% - 60px); float: left;}
.more-right{ width: 50px; float: right;}
.more-btn{ cursor:pointer; width: 50px; height:26px; text-align: center; border: #dbdbdb solid 1px; background: #fff; color: #999; margin-top:1px;}
.more-btn:hover{ border: #3163f2 solid 1px; background: #fff; color: #3163f2;}
.close{ height:32px; overflow:hidden;}
.type-cho button{padding: 0 10px;}
.hei30{ height:30px; line-height:30px;}
.btn30{ padding:0 8px; height:30px; line-height:30px; float:left;}
.student-warp{margin-left:15px;box-sizing: border-box; padding-bottom:15px; width:calc(25% - 15px); height:calc(100vh - 27px); overflow:hidden;}
span.layui-badge{ margin-right:10px;}
.bottom-tips{ line-height:28px; margin:15px 0; color:#999;}
.bottom-tips dt{ float:left; }
.bottom-tips dd{ float:left;display:block;}
.by-btn{ background:#d6eefe; border:#d6eefe solid 1px; border-radius:4px; color:#32abfb; margin:0px 15px 15px 0px;height: 38px; line-height: 38px;padding: 0 18px; white-space: nowrap; text-align: center; cursor: pointer; display: inline-block; position: relative; box-sizing: border-box;}
.by-btn:hover{ background:#bce6ff; border:#bce6ff solid 1px;color:#32abfb;}
.gj-btn{ background:#fdf9e6; border:#fdf9e6 solid 1px; border-radius:4px; color:#fba92f; margin:0px 15px 15px 0px;height: 38px; line-height: 38px;padding: 0 18px; white-space: nowrap; text-align: center; cursor: pointer; display: inline-block; position: relative; box-sizing: border-box;}
.gj-btn:hover{ background:#f7efca; border:#f7efca solid 1px;color:#fba92f;}
.xj-btn{ background:#fff; border:#c1c1c1 dashed 1px; border-radius:4px; color:#c1c1c1; margin:0px 15px 15px 0px;height: 38px; line-height: 38px;padding: 0 18px; white-space: nowrap; text-align: center; cursor: pointer;}
.xj-btn:hover{background:#fff; border:#999 dashed 1px; color: #333; }
.input-tips{ float: left; margin: 10px 0 0 10px;}
.xz-btn-box .by-btn,.xz-btn-box .gj-btn{ float: left;}
.by-btn span,.gj-btn span{padding-right: 30px;}
.by-btn button,.gj-btn button{ border: none; background: none; cursor: pointer; position: absolute; top: 2px;right:22px;}
.by-btn button:last-child,.gj-btn button:last-child{ right:5px;}
.by-btn button i{color:#32abfb;}
.gj-btn button i{color:#fba92f;}
.by-btn i:hover,.gj-btn i:hover{ color:#999;}
/**展示页**/
.content-box{background: #fff; padding: 10px; box-shadow: 0px 0px 6px #ddd; border-radius: 2px;box-sizing: border-box;overflow: hidden;}
.book-name{ font-weight: bold; font-size: 18px; text-align: center; margin: 15px 0;}
.book-tips{ text-align: center; color: #999999; margin: 15px 0;}
.book-tips span{ margin: 0 20px;}
.flex{display: flex; justify-content: center; align-items: center;flex-direction: row;}
.con-main{ padding: 15px; min-height: 230px;}
.show-bg{ width: 221px;height:156px; margin: 0 20px; color: #fff; text-shadow: #656565 1px 1px 1px; padding: 10px; box-sizing: border-box;border-radius: 15px; }
.show01{background:url("/images/show1bg.png") top center no-repeat; }
.show02{background:url("/images/show2bg.png") top center no-repeat; }
.show03{background:url("/images/show3bg.png") top center no-repeat; }
.show-bg p{ font-size: 18px; line-height: 32px;}
.show-bg p em{ font-weight: bold; padding: 0 5px;}
.show-bg div{ line-height: 22px;}
.ph-box{ margin-top:15px;}
.ph-bg{ width:158px; height:49px;color: #5845c1; font-weight: bold; box-sizing: border-box;line-height: 49px; padding-left: 60px;margin-bottom: 22px; cursor:pointer;}
.ph-1{background:url("/images/dym.png") top center no-repeat; }
.ph-2{background:url("/images/dem.png") top center no-repeat; }
.ph-3{background:url("/images/dsm.png") top center no-repeat; }
.hj-warp{ overflow: hidden; height:230px; margin: 0 23px;}
.hj-box{width: 95%; text-align: center; margin: 50px 5px 0px 0px;cursor: pointer;transition: all 0.9s; display: table;}
.hj-box:hover{transform: scale(1.05);}
.hj-box .txt-show-box{ display: table-cell;vertical-align: middle;}
.hj-box:nth-child(2),.hj-box:nth-child(4){ margin-top:78px;}
.hj-bg1{background:url("/images/circle1.png") top center no-repeat;background-size: contain;}
.hj-bg2{background:url("/images/circle2.png") top center no-repeat;background-size: contain;}
.hj-bg3{background:url("/images/circle3.png") top center no-repeat;background-size: contain;}
.hj-bg4{background:url("/images/circle4.png") top center no-repeat;background-size: contain;}
.hj-box:last-child{margin-right:0px;}
.hj-tit{ font-weight: bold; padding: 52px 0px 5px 0px; }
.layui-carousel-arrow{ opacity: 1;}
.kt-table-warp{  overflow:hidden; padding:0px 20px; box-sizing:border-box;}
.kt-table-warp thead tr { background-color: #39F!important; color:#fff; height:46px; line-height:46px;}
ul.jl-list{}
ul.jl-list li{ overflow:hidden; margin-bottom:17px;}
ul.jl-list li:last-child{ margin-bottom:0px;}
.jl-no{ font-size:22px; font-weight:bold; float:left; margin-right:15px; color:#39f; line-height:40px;}
.jl-info{ float:left;}
.font-b span{ padding-right:5px;}
.jl-time{ color:#999;}
.fs-show{ float:right;margin-top: 10px;}

.jl-show{ float:right; text-align:right;}
.jf-txt{ padding: 0 6px; height:20px; background:#fedbe1; color:#f96497; border-radius: 3px; text-align:center; display:inline-block;}
.kf-txt{ padding: 0 6px; height:20px; background:#e5f7e9; color:#88d393; border-radius: 3px; text-align:center; display:inline-block;}
.tit-btn{ float:right;}
.team-box{border:#CCC solid 1px; border-radius:3px; width:48%; height: 99px; padding:15px; box-sizing:border-box; float:left; margin:0 2% 20px 0px; display:flex;  box-shadow:0px 2px 3px #ececec;    justify-content: space-around;flex-wrap: nowrap;  flex-direction: row;}
.team-box2{border:#CCC solid 1px; border-radius:3px; width:48%;height:135px;  min-width: 348px; padding:15px; box-sizing:border-box; float:left; margin:0 2% 20px 0px; box-shadow:0px 2px 3px #ececec;}
dl.student-box{width:48px; float:left; display:inline-block; margin-right:40px; text-align:center;}
dl.student-box:last-child{margin-right:0px;}
dl.student-box dt{ position:relative; width:48px;}
dl.student-box dt img{ width:100%;}
dl.student-box dt span{ position:absolute; right:-20px; bottom:0px;}
.badge-o{ border-radius:20px;}
.team-tit{ overflow:hidden; width:100%; margin-bottom:15px;}
.box-warp{ overflow:hidden; display:flex;justify-content: space-around;flex-wrap: nowrap;  flex-direction: row;}
.flex-warp{ display: flex;flex-direction: row; flex-wrap: wrap;justify-content: flex-start;}
.cir-flex{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}
/***学生信息***/
.student-info{ height: 300px; padding:5px 0px; box-sizing:border-box;}
.student-name{ font-size:22px; color:#39F; font-weight:bold; text-align:center;}
.student-zs{ display:flex; justify-content: space-around;flex-wrap: nowrap;  flex-direction: row;}
.st-info-box{ display:inline-block; text-align:center;}
.st-info-box dt{ font-size:16px; font-weight:bold; color:#39F;}
.st-info-box dd{ color:#ccc;}
.st-list{}
.st-list li{ height:50px; line-height:50px; background:#ebf5ff; width:99%; padding-left:5px; margin:18px 0;text-align: center;}
.pad-r5{ padding-right:8px;}
.st-list li b{ padding-left:3px; }

.student-show{ height: 300px; position: relative;}
.student-show img{ width:186px; height: 200px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index:999;}
.show1{ width: 199px; height: 89px; line-height: 33px;position: absolute;background:url("/images/show1-bg.png") top center no-repeat; padding: 0 0 0 20px;
 z-index:1; color:#fff;left:2px; top:11px; cursor:pointer;}
.show1 span{ font-size:22px; padding-left:5px; color:#1a6fb0;}  
.show2{ width:199px; height: 89px; line-height: 33px; position:absolute;background:url("/images/show2-bg.png") top center no-repeat; padding: 0 50px 0px 0px;
 z-index:1; color:#fff; right:-18px; top:11px; text-align:right; cursor:pointer;}
.show2 span{ font-size:22px; padding-left:5px; color:#d68c45;} 
.show3{ width: 199px; height: 89px; line-height:134px; position: absolute;background:url("/images/show3-bg.png") top center no-repeat; padding: 0 0 0 20px;
 z-index:1; color:#fff;left:2px; bottom:11px; cursor:pointer;}
.show3 span{ font-size:22px; padding-left:5px; color:#7e2da5;} 
.show4{ width: 199px; height: 89px; line-height:134px; position: absolute;background:url("/images/show4-bg.png") top center no-repeat;padding: 0 50px 0px 0px;z-index:1; color:#fff; right:-18px; bottom:11px; text-align:right; cursor:pointer;}
.show4 span{ font-size:22px; padding-left:5px; color:#1e943e;} 
.dp-tit{ text-align: center; font-size: 16px; color: #3399FF; padding: 10px 0; }
.st-scroll{ height: 320px; overflow-y: auto; width: 90%; margin: 0 auto; }
.st-scroll ul{ padding: 10px;}
.st-scroll ul li{ margin-bottom: 25px;}
.layui-badge{background-color: #ff3959; min-width:26px;}
.layui-bg-orange{background-color: #ffa600!important;}
.layui-bg-green{background-color: #00ca6e!important;}
.layui-bg-blue{background-color: #00acff!important;}
/******运营管理*******/
.zy-flex{display: flex; justify-content: flex-start; align-items: center;  flex-direction: row; align-content: center;flex-wrap: wrap;}
.qu-flex{display: flex; justify-content: space-evenly; align-items: center; flex-direction: row;  align-content: center; flex-wrap: nowrap;}
.zy-option{ cursor:pointer;}
.zy-option dt{ float:left; padding-right:10px;}
.zy-option dd{ float:left; text-align:center;}
.zy-option dd p{ font-size:26px; padding:10px 0px 5px 0px; }
.zy-option dd span{ font-size:14px; color:#565555;}
.box-scroll{height:220px; overflow-y: auto;}
.layui-timeline-content{ overflow:hidden;}
.dt-left{ float:left; width:calc(100% - 200px);}
.dt-right{ float:right; text-align:right; width:200px;}
.layui-timeline-axis{color: #3163f2;}
.tit-left{ float:left;}
.bk-tab{ float:right; border:none;}
.bk-tab li{ line-height: 28px; float: left; margin: 0 5px; padding: 0 10px; text-align: center; cursor: pointer;}
.bk-tab li.tab-active{ border-bottom:#3163f2 solid 2px;}
.bk-tab .layui-this:after{height: 29px;}
.bk-tab .layui-this:after{height: 29px;}
.bk-tab .layui-this:after{height: 29px;}
.bk-tab-con{ padding-top:45px;}
.hide{ display: none;}
.tj-flex{ display: flex;flex-direction: row; flex-wrap: wrap;justify-content: space-between;align-items: center;padding:0px 20px; min-height: 250px;}
.layui-text h3 { font-size: 16px; color: #3163f2; line-height: 18px;}
dl.tj-show{ background: #f0f2f5; border-radius: 8px; width: 45%; height: 72px; box-shadow: 1px 1px 1px #ebeaea; box-sizing: border-box; margin-bottom: 10px; padding: 7px 15px; cursor: pointer;}
dl.tj-show dt{ float: left; padding-right: 15px;}
dl.tj-show dd p{ font-size: 24px;}
dl.tj-show dd h7{ display: inline-block; margin: 5px 0 2px 0;}
dl.tj-show dd span{ font-size:18px; line-height: 58px;}
.pad0{ padding:0;}
.mar10{ margin:10px 10px 0px 10px;}
.jsbk-option{ display: inline-block; float: left; width: 255px; height: 78px; color: #fff; box-sizing: border-box; padding-left: 20px; margin: 0 20px 20px 0;}
.jsbk-option:hover{ color: #fff;}
.jsbk-option h9{ font-size: 20px; padding-left:78px;padding-top: 20px;display: inline-block;}
.jsbk-option p{ text-align: right;padding-right: 27px; padding-top: 8px; }
.jsbk-option1{background:url("/images/jsbk-show1.png") left center no-repeat;}
.jsbk-option2{background:url("/images/jsbk-show2.png") left center no-repeat;}
.jsbk-option3{background:url("/images/jsbk-show3.png") left center no-repeat;}
.jsbk-option4{background:url("/images/jsbk-show4.png") left center no-repeat;}
.st-tit-bg{ height: 46px; line-height: 46px; background: #3399ff; color: #fff; padding: 0 15px;width: 90%; margin: 0 auto; box-sizing: border-box; margin-top: 10px;}
.pf-list{border: #eee solid 1px; box-sizing: border-box;}

.top-chock{float: right;}
.top-chock .layui-input{ height: 30px!important; line-height: 30px!important;}
.wrong-block{ display: inline-block; background: #ffe4e7; padding:0px 5px; border-radius: 4px; color:#cb6479; margin-right:3px;}
dl.width-80{ width: 80px; text-align: center; margin-bottom: 15px;}
dl.width-80 dt{ margin: 0 auto;}
/*自定义日期*/
.zdy-box{ width: 40%!important; float: left; margin-left: 20px;}
.zdy-name{ height: 26px; line-height: 26px; padding: 0 5px; float: left;}
.date-box{ width:220px; display: inline-block; border: #eeeeee solid 1px; border-radius: 3px;}
.date-box .layui-input-inline{ width: 90px!important;}
.date-box .layui-input{ height: 26px; line-height: 26px; border: none;}
.date-box .layui-input:hover{ box-shadow: none;}
.date-box .layui-form-mid {padding: 1px 0!important;}
.txt-m-btn{width: 370px; margin: 15px 0;}
.btn-fluid{ width: 100px; height: 100px; border: #3163f2 dashed 1px; background:none; margin-top: 30px; cursor: pointer;}
.pos-r{ position: relative;}
.ml-btn{ position: absolute; bottom:10px; background: none; border: none; cursor: pointer; right: 10px;}
.ml-btn:hover{ color:#3163f2;}
.name-tips{ margin-top: 5px; color: #999;}
.name-tips span{ padding-right: 10px;}
.name-tips span a{ color:#999;}

/*echart*/
.layer-chartBox{height: 100%; min-height:245px; }

/*暂无信息*/
.no-warp{position:relative; min-height:200px;}
.no-info{ text-align: center; position: absolute;top: 45%;left: 50%;transform:translateX(-45%) translateY(-50%);}

/*滚动条--仅谷歌支持修改滚动条*/
::-webkit-scrollbar{width:10px;height:10px;/**/}
::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}
::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background: #999;}
::-webkit-scrollbar-corner{background: #bfbfbf;}
/* 媒体查询 */
@media only screen and (max-width: 1680px){
    /*.hj-box{width: 80%; height: 80%;} */
    .hj-tit{ padding: 40px 0px 5px 0px; }
}
@media only screen and (max-width: 1600px){
    .layui-form-label{padding: 9px 8px;}
    .layui-form-item .layui-input-inline { width: 238px;}  
   
}
@media only screen and (max-width: 1440px){
    .layui-form-item .layui-input-inline {width: 214px;} 
    .yx-list li{width: 28%;}
    
}

@media only screen and (max-width: 1366px){
    .layui-form-item .layui-input-inline {width: 174px;}  
    .yx-list li{width: 27.4%;}
    .hj-tit{ padding: 30px 0px 5px 0px; }
}
@media only screen and (max-width: 1280px){
    .layui-form-item .layui-input-inline {width: 218px;} 
    .hj-warp {margin: 0 1px;}

}

@media screen and (max-width: 450px){
    .layui-form-item .layui-input-inline {margin: 0 0 10px 115px;}
    
}

/* 1106 新增样式修正 */
.layui-nav-item dl.layui-nav-child dd > a{padding-left:40px;}
.layui-nav-item dl.layui-nav-child dd ol.layui-nav-child li a{padding-left:60px;}