@charset "utf-8";
@import url(../lib/layui/css/layui.css);
*{margin: 0px; padding: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;box-sizing: border-box}
a{text-decoration: none;}
html{width: 100%; height: 100%; overflow-x:hidden; overflow-y:auto;}
body{width: 100%; min-height: 100%; /*background: #f1f1f1;*/ background: #fff;}
.x-red{color: red;}
/*修改滚动条样式*/
div::-webkit-scrollbar{width:3px; height:10px; /**/}
div::-webkit-scrollbar-track{background: rgb(239, 239, 239); border-radius:2px;}
div::-webkit-scrollbar-thumb{background: #bfbfbf; border-radius:10px;}
div::-webkit-scrollbar-thumb:hover{background: #333;}
div::-webkit-scrollbar-corner{background: #179a16;}
.float_l{float:left;}
.float_r{float:right;}
.layui-form-switch{margin-top: 0px;}

.layui-input:focus, .layui-textarea:focus{border-color: #3396fb!important;}
.layui-input:focus, .layui-textarea:focus{border-color: #3396fb!important;}
.layui-laypage input:focus,.layui-laypage select:focus{border-color:#3396fb!important}
.layui-form-select dl dd.layui-this{background-color: #3396fb;}

.layui-table td, .layui-table th{padding: 9px 5px;}
.layui-fluid{padding:5px 10px 10px;}
.x-nav{padding: 0 20px; position: relative; z-index: 99; line-height: 39px; height: 39px; overflow: hidden; background: #fff;margin: 0 5px;border-radius: 5px;box-shadow: 0 0 2px 0 #929292;}
.page{text-align: center;}
.page a{display: inline-block; background: #fff; color: #888; padding: 5px; min-width: 15px; border: 1px solid #E2E2E2;}
.page a:Hover{border: 1px solid #353d86;color: #353d86;}
.page span{display: inline-block; padding: 5px; min-width: 15px; border: 1px solid #E2E2E2;}
.page span.current{display: inline-block; background: #353d86; color: #fff; padding: 5px; min-width: 15px; border: 1px solid #353d86;}
.page .pagination li{display: inline-block; margin-right: 5px; text-align: center;}
.page .pagination li.active span{background: #353d86; color: #fff; border: 1px solid #353d86;}
/*登录样式*/
/*头部*/
.container{ height: 60px; background: rgb(0,117,194); background-position: 100% 100%;   position: absolute;    right: 0;left: 200px;    overflow: hidden;    z-index: 1;}
.container .right{background-color:rgba(0,0,0,0); float: right;padding: 0 20px 0 0;}
.container .right .layui-nav-item i{font-size: 18px;color:#fff;}
.container .right .layui-nav-item a{display: flex;align-items: center;justify-content: center}
.container .right .layui-nav-item font{position: absolute;top: 8px;height: 17px;left: 37px;line-height: 20px;border-radius: 3px;}
.container .left_open{height: 60px; float: right; margin-left: 10px;width: 60px; float: left}
.container .left_open i{display: block;  width: 32px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; margin-top: 14px; cursor: pointer;margin-left: 8px;}
/*.container .left_open i:hover{background: #c1d0ed;}*/


/*
.container .left_open{height: 60px; float: left; margin-left: 10px;width: 60px; border-right: 1px solid #ddd;}
.container .left_open i{display: block; background: #2b3058; width: 32px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; margin-top: 14px; cursor: pointer;margin-left: 8px;}
.container .left_open i:hover{background: #29348c;}
*/
.container .layui-notice{line-height: 60px; color:#333;font-size: 14px;padding-left: 20px;}
.container .left{background-color:rgba(0,0,0,0); float: left;}
.container .layui-nav-item{line-height: 60px;}
.container .layui-nav-more{top: 30px;}
.container .layui-nav-child{top: 60px;}
.container .layui-nav-child i{margin-right: 10px;}
.layui-nav .layui-nav-item a{cursor: pointer;color:#fff;font-size: 14px;padding: 0 20px 0 6px;}
.layui-nav .layui-nav-child a{color: #333; cursor: pointer;}
.layui-nav .layui-nav-item a:hover{}



.left-nav{position: absolute; top: 0px; bottom: 0px; left: 0; z-index: 2; padding-top: 0px; background-color:  rgb(0,78,161); width: 200px; max-width: 200px;overflow: hidden; /*width: 0px;*/}
.left-nav .logo{width: 200px;float: left;}
.left-nav .logo img{height: 40px; vertical-align: middle;}
.left-nav a,.layui-nav .layui-nav-item a{color: #fff;}
.left-nav .logo a{background-color: rgba(0,0,0,0); padding-left: 10px}
.left-nav .logo a{float: left; font-size: 18px; padding-left: 5px; line-height: 60px; width: 200px;box-sizing: border-box;text-align: center;}

.left-nav .left_open{height: 60px; float: right; margin-left: 10px;width: 60px; }
.left-nav .left_open i{display: block; background: #dae3f4; width: 32px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; margin-top: 14px; cursor: pointer;margin-left: 8px;}
.left-nav .left_open i:hover{background: #c1d0ed;}

#side-nav{width: 200px;height: 100%;overflow-y:auto;}
.left-nav #nav li:hover > a{/*color: blue;*/}
/*.left-nav #nav li.open{background:#1e214a;}*/
.left-nav #nav .current{background-color: rgba(0, 0, 0, 0.3);}
.left-nav #nav li a{font-size: 16px; padding: 8px 15px 8px 15px;
    cursor: pointer; border-left: 4px solid transparent; transition: all 0.3s;height: 60px; line-height: 60px;font-weight: bold; display: flex;align-items: center;justify-content: space-between}
.left-nav #nav li a:hover{background: #d7e3f1 !important; color: #1665b4;border-left: 4px solid #1665b4;}
.left-nav #nav li a.active{background: rgb(0,106,184) !important; color: #fff;border-left: 4px solid #1665b4;}
.left-nav #nav li a:hover i,.left-nav #nav li a.active i{color: #1665b4;}
.left-nav #nav li a cite{font-size: 14px;}
.left-nav #nav li .sub-menu{display: none;}
.left-nav #nav li .opened{display: block;}
.left-nav #nav li .opened:hover{/*background: #fff ;*/}
.left-nav #nav li .opened .current{}
.left-nav #nav li .sub-menu li{display: flex;justify-content: start;width: 100%}
.left-nav #nav li .sub-menu li:hover{/*color: blue;*/ /*background: #fff ;*/}
.left-nav #nav li .sub-menu li a{padding: 8px 15px 8px 30px; font-size: 14px; cursor: pointer; width: 100%;justify-content: start}
.left-nav #nav li .sub-menu li .sub-menu li a{padding-left: 45px;}
/*.left-nav #nav li .sub-menu li a:hover{color: #148cf1;}*/
.left-nav #nav li .sub-menu li a i{font-size: 12px;}
/*.left-nav #nav li{border-bottom: 1px solid #3c4279;}*/
.left-nav #nav li a i{padding-right: 10px; line-height: 30px;color: #2a2a2a;}
.left-nav #nav li .nav_right{float: right; font-size: 16px;}
.x-slide_left{width: 17px; height: 61px; background: url(../images/icon.png) 0 0 no-repeat; position: absolute; top: 200px; left: 200px; cursor: pointer; z-index: 3;}
.page-content{position: absolute; top: 60px; right: 0; /*bottom: 42px;*/ bottom: 0px; left: 200px; overflow: hidden; z-index: 1;background: #ebebeb;}
.page-content-bg{position: absolute; top: 80px; right: 0; /*bottom: 42px;*/ bottom: 0px; left: 200px; background: rgba(0,0,0,0.5); overflow: hidden; z-index: 100; display: none;}
.page-content .tab{height: calc(100% - 10px);    width: 100%;   margin: 0px 15px 5px 0;}
.page-content .layui-tab-title{/*padding-top: 5px;*/  background: rgb(34,49,68) ; position: relative; z-index: 100; padding:2px 5px 5px;box-sizing: border-box;display: flex}
.page-content .layui-tab-title li.home i{padding-right: 5px;}
.page-content .layui-tab-title li.home .layui-tab-close{display: none;}
.page-content .layui-tab-title li{background: #f3f4f6;min-width: auto;margin-right: 5px; line-height: normal;display: flex;align-items: center}
.page-content .layui-tab-title .layui-this:after{display: none;}
.page-content .layui-tab-title .layui-this:before{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #fff; content:''; margin-right: 5px;}
.page-content .layui-tab-title li .layui-tab-close{border-radius: 50%;margin-left: 10px;}
.page-content .layui-tab-title .layui-this{background: rgb(198,102,25) ; color: #fff}
.page-content .layui-tab-bar{height:34px; line-height: 44px;}
.page-content .layui-tab-content{position: absolute; top: 42px; bottom: 0px; width: calc(100% - 0px); padding: 20px; overflow: hidden;background: #ebebeb;}
.page-content .layui-tab-content .layui-tab-item{width: 100%; height: 100%; box-sizing: border-box; padding: 0;background: #fff;}
.page-content .layui-tab-content .layui-tab-item iframe{width: 100%; height: 100%;}
.x-admin-carousel,.layui-carousel,.x-admin-carousel>[carousel-item]>*{background-color:#fff}
.x-admin-backlog .x-admin-backlog-body{display:block; padding:10px 15px; background-color:#f8f8f8; color:#999; border-radius:2px; transition:all .3s; -webkit-transition:all .3s;overflow: hidden;}
.x-admin-backlog-body h3{padding-bottom:10px; font-size:12px}
.x-admin-backlog-body p cite{font-style:normal; font-size:30px; font-weight:300; color:#009688}
.x-admin-backlog-body:hover{background-color:#CFCFCF; color:#888}
.layui-table td, .layui-table th{/*min-width: 80px;*/}
table th, table td{word-break: break-all;}
/*404页面样式*/
.fly-panel{margin-bottom: 15px; border-radius: 2px; /*background-color: #fff;*/ box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.fly-none{min-height: 600px; text-align: center; padding-top: 50px; color: #999;}
.fly-none .layui-icon{line-height: 300px; font-size: 300px; color: #393D49;}
.fly-none p{margin-top: 50px; padding: 0 15px; font-size: 20px; color: #999; font-weight: 300;}
#tab_right{display: none; width: 80px; position: absolute; top: 35px; left: 0px;}
#tab_right dl{top: 0px;}
#tab_show{position: absolute; top: 36px; bottom: 0px; width: 100%; background:rgb(255, 255, 255,0); padding: 0px; overflow: hidden; display: none;}
@media screen and (max-width: 768px){.fast-add{display: none;} .layui-nav .to-index{display: none;} .container .logo a{width: 140px;} .container .left_open{/*float: right;*/} .left-nav{width: 60px;} .left-nav #nav li a i{font-size: 18px;} .left-nav cite,.left-nav .nav_right{display: none;} .page-content{left: 60px;} .page-content .layui-tab-content .layui-tab-item{-webkit-overflow-scrolling: touch; overflow-y: scroll;} .x-so input.layui-input{width: 100%; margin: 10px;}}
/*精细版样式*/
.x-admin-sm{font-size: 12px;}
.x-admin-sm body{font-size: 12px;}
/*登录页面样式*/
.x-admin-sm .login input[type=submit],.x-admin-sm .login input[type=button]{font-size: 14px;}
.x-admin-sm .login input[type=text],
.x-admin-sm .login input[type=file],
.x-admin-sm .login input[type=password],
.x-admin-sm .login input[type=email], .x-admin-sm select{font-size: 12px;}
.x-admin-sm .login .message{font-size: 14px;display: flex;justify-content: center;}
.x-admin-sm .layui-table td{font-size: 14px;text-align: center;border-bottom: 1px solid #ddd;}
/*.x-admin-sm .layui-table th{font-size: 14px;}*/
.x-admin-sm .layui-table th:first-child{min-width: 30px; width: 60px;}
.x-admin-sm .layui-elem-field legend{font-size: 18px;}
.x-admin-sm .x-admin-backlog-body p cite{font-size: 24px;}
.x-admin-sm .left-nav #nav li a cite{font-size: 16px;    margin-left: 15px;     font-weight: 400;}
.x-admin-sm .iconfont{font-size: 14px;}
.x-admin-sm .layui-tab-title li{font-size: 14px; border-radius: 4px;}
.x-admin-sm .layui-icon{font-size: 14px;}
.x-admin-sm .layui-nav *{font-size: 12px;}
.x-admin-sm .layui-breadcrumb>*{font-size: 12px;}
.x-admin-sm .layui-btn,.x-admin-sm .layui-btn-xs,.x-admin-sm .layui-btn-sm{font-size: 12px;}
.x-admin-sm .layui-laydate{font-size: 12px;}
.x-admin-sm .layui-btn{height: 34px; line-height: 34px; padding: 0 10px;margin-top: -3px;background:#3396fb;}
.x-admin-sm .layui-btn-lg{height: 38px; line-height: 38px; padding: 0 18px; font-size: 14px;}
.x-admin-sm .layui-layer-title,.x-admin-sm .layui-layer-dialog .layui-layer-content{font-size: 12px;}
.layui-show-xs-block .layui-label-xs{float: left; background: #3396fb; color: #fff; line-height: 34px; padding: 0 10px; font-size: 12px;border-radius: 3px 0 0 3px;}
.layui-show-xs-block .layui-form-select{float:left;}
.layui-show-xs-block .layui-form-select{float:left;}
.layui-show-xs-block .layui-input,.layui-show-xs-block .layui-select,.layui-show-xs-block .layui-textarea{float: left; width: 140px; line-height: 34px; height: 34px !important; border-color: #3396fb;}
.x-admin-sm .layui-input,.x-admin-sm .layui-select{height: 36px;font-size: 14px;}
.x-admin-sm .layui-textarea{height: 60px;font-size: 14px;}
.x-admin-sm .layui-form-pane .layui-form-label{height: 30px; line-height: 14px;}
.x-admin-sm .layui-form-checkbox span{font-size: 12px;}
.x-admin-sm .fly-none .layui-icon{line-height: 300px; font-size: 300px; color: #393D49;}


.layui-card-body{padding:20px 0px 0;}


.layui-form thead th{background: #f3f4f6;color:#333;font-size: 16px;border-color: #fff;text-align: center;}
.layui-table td, .layui-table th{line-height: 30px}
.layui-form tbody tr:nth-child(even){background: #fff;}
.layui-form tbody tr:nth-child(odd){background: #fff;}
.layui-form tbody tr:hover{background-color: #d7e3f1;}
.layui-form tbody tr td{border-color:#fff;}

.form-background-color{background: #fff;}
.layui-padding-top{padding-top: 20px;}
.layui-left-box{float:left;}
.layui-right-box{float:right;}
.layui-clear{clear: both;}
.layui-border-bottom{border-bottom: 1px solid #f6f6f6;}

.layui-col-space15{margin: 0;}
.layui-col-space15>.layui-col-md12{padding:0;}

.layui-btn-dy{background: none;border: none;font-size: 15px;height: 32px;cursor: pointer;color: #333;}
.layui-btn-dy i{background: #3396fb;color: #fff;padding: 4px;font-weight: bold;margin-right: 4px;cursor: pointer;}

.layui-btn-jianguan{background-color: #3396fb;}

.x-admin-backlog .x-admin-index-item-1{background:#8793f0}
.x-admin-backlog .x-admin-index-item-2{background:#bb8eef}
.x-admin-backlog .x-admin-index-item-3{background:#fea898}
.x-admin-backlog .x-admin-index-item-4{background:#8ac3f7}
.x-admin-backlog .x-admin-backlog-body .index-icon{float:right; border-radius: 50%;width: 50px;height:75px;}
.x-admin-backlog .x-admin-backlog-body .index-icon img{display: block; width:auto;height:40px;margin: 17px auto;}
.x-admin-backlog .x-admin-backlog-body .index-text{float: left;width: 50%;color: #fff;margin-right: 15px;}
.x-admin-backlog .x-admin-backlog-body .index-text h3{font-size: 18px;line-height: 30px;padding-bottom: 5px;margin-top: 8px;}
.x-admin-backlog .x-admin-backlog-body .index-text p cite{font-size: 24px;    color: #fff;}


.member-info{width:100%;height: 230px;box-sizing: border-box;padding: 20px;}
.member-info .pic{width: 100%;}
.member-info .pic img{display: block;width: 80px;height: 80px;border-radius: 50%;border: 2px solid #ddd;margin: 0 auto;}
.member-info .pic span{display: block;text-align: center;font-size: 14px;line-height: 30px;}
.member-info .time{padding: 0 40px;
    margin-top: 14px;}
.member-info .time p{font-size: 14px; line-height: 26px; color:#888;}

.kj-box{width: 100%; overflow: hidden;}
.kj-box .item{width: 11%;float: left;border-right: 1px solid #ddd;padding: 5px 0;}
.kj-box .item.kj-title{width: 34px; border-right: 1px solid #ddd;padding: 0;}
.kj-box .item.kj-title .title{width: 20px; font-size: 14px;text-align: center;font-weight: bold;}
.kj-box .item .kj-item{display: block; padding: 0px 15px; color: #999; border-radius: 2px; transition: all .3s; -webkit-transition: all .3s; overflow: hidden; }
.kj-box .item .kj-item .icon_box{width: 50px; height: 50px; background: #343d86;margin: 0 auto;border-radius: 25px;overflow: hidden;}
.kj-box .item .kj-item img{display: block;width: 25px; height:25px; margin: 13px auto;}
.kj-box .item .kj-item p{font-size: 16px;margin-top: 6px; line-height:30px;text-align:center;color: #333;}
.kj-box .item:last-child{border-right: none;}

.layui-upload{position: relative;}
.layui-upload-item{margin: 0;border: 1px solid #ddd;padding: 5px;display: inline-block;cursor:pointer;}
.layui-upload-item .layui-image{width:160px; height: 100px;}
.layui-upload-delete{position: absolute;text-align: center;left: 5px;line-height: 20px;width: 160px;height: 23px;z-index:555;line-height: 23px;bottom: 0;}
.layui-upload-delete .layui-upload-icon{background-color: #00000094;display: inline-block;height: 23px;width: 23px;line-height: 23px;}
.layui-upload-delete .layui-upload-icon .iconfont{color:#fff;}

.layui-form-text{line-height: 20px; height: auto;border-radius: 4px; padding:7px 9px;border: 1px solid #ddd;margin:0;min-height: 20px;font-size: 14px;}

/* 查看大图  */
.layui-upload-bigpic{display:none;position: fixed;max-width: 90%;max-height: 90%;background: #f2f2f2;z-index: 9999999;padding: 5px;border: 1px solid #ddd;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.layui-upload-bigpic .close{cursor: pointer;background: #fff;width: 30px;height: 30px;line-height: 30px;position: absolute;top: -10px;right: -10px;border-radius: 15px;text-align: center;color: #555;font-size: 25px;border: 1px solid #ddd;}
#pic{display: table;width: 100%;height: 100%;}
#picbox{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
#picbox img{display: block;max-width: 100%; max-height:90vh;margin: 0 auto;}


.layui-tab-title{padding-left: 0;margin-bottom: 0px;border-bottom: none;}
.layui-tab-brief>.layui-tab-title{border-bottom: 1px solid #ddd;height: 38px;margin-bottom: 20px;padding: 0 10px !important;}
.layui-tab-brief>.layui-tab-title li{font-size: 15px;min-width: auto;padding: 0 10px;height: 37px;}
.layui-tab-brief>.layui-tab-title .layui-this{border-bottom:1px solid #3396fb;color:#3396fb;font-size: 15px;height: 37px;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border:none;}

/*   公告  */
.gonggao-page{width: 800px;margin: 0 auto;background: #fff; padding:0 40px;}
.layui-gonggao-title{height: auto;padding: 15px 0;}
.layui-gonggao-title .gonggao-title{text-align: center; font-size: 18px; line-height: 30px;}
.layui-gonggao-title .gonggao-desc{font-size: 14px; text-align: center; color:#666;line-height: 20px;margin-top: 10px;}
.layui-gonggao-content{font-size: 15px;line-height: 30px;}
.layui-gonggao-content p{text-align: justify;}
.layui-gonggao-remark{font-size: 14px; line-height:26px;color:#888;}

.nav-box{height:38px; border-bottom: 1px solid #ddd;margin-bottom: 20px;padding: 0 10px !important;}
.nav-box .nav-left{float: left;}
.nav-box .nav-left ul{}
.nav-box .nav-left ul li{width: auto; font-size: 15px; line-height: 38px;float: left;padding: 0 10px;}
.nav-box .nav-left ul li a{display: block;text-align: center;}
.nav-box .nav-left ul li a em{font-style: initial;}
.nav-box .nav-left ul li.active{border-bottom: 1px solid #3396fb;height: 37px;}
.nav-box .nav-left ul li.active a{color: #3396fb;}
.nav-box .nav-left ul li.active a em{color: #fff;}

.layui-table .th.first{min-width: 30px;}

.x-admin-sm .layui-table td.align_l{text-align: left;}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background-color: #2b3058;display: none;}
.layui-card-body .layui-table{margin: 0 0 5px;}

.layui-form-item .layui-input-block{width: 620px;}
.layui-form-item .layui-input-inline{width: 320px;}
.layui-form-label{width: 110px !important;font-size: 14px; padding: 8px 15px;}

.layui-form-notice{line-height: 20px;padding: 5px 0px;margin: 4px 0;}

.form-width-60{width: 60%; float:left;}
.form-width-70{width: 70%; float:left;}
.form-width-80{width: 80%; float:left;}
.form-width-90{width: 90%; float:left;}

.layui-elem-quote{border-left: 1px solid #ddd;}

.layui-tab-box{position: relative;left: 0;height: 40px;white-space: nowrap;font-size: 0;border-bottom-width: 1px;border-bottom-style: solid;transition: all .2s;-webkit-transition: all .2s;padding-left: 0px;margin-bottom: 0px;border-bottom: 2px solid rgb(53, 61, 134);}
.layui-tab-box a{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 14px;transition: all .2s;-webkit-transition: all .2s;position: relative;line-height: 40px;min-width: 65px;padding: 0 15px;text-align: center;cursor: pointer;}
.layui-tab-box a.layui-t{background: #353d86;color: #fff;font-size: 14px;}

.layui-laydate .layui-this{background-color: #3396fb!important;}
.layui-laydate-footer span:hover{color: #3396fb;}

.layui-menu{float: left;}
.layui-menu ul{}
.layui-menu ul .layui-menu-item{float: left; padding: 0 20px;font-size: 18px;color: #fff;height: 60px; line-height: 60px;position: relative;margin-right:20px;cursor:pointer;border-bottom: 3px solid transparent}
.layui-menu ul .layui-menu-item:hover,.layui-menu ul .layui-menu-item.layui-this{background: rgb(0,91,172);color: #fff; }
/*
.layui-menu ul .layui-menu-item:hover::after,.layui-menu ul .layui-menu-item.layui-this::after{content:'';display: block; width: 40px; height: 2px; background: #fff;position: absolute;bottom: 12px;left: 50%; margin-left: -20px;}
*/
.payorder .layui-form-label {
    width: 150px;
}
@media screen and (max-width: 1500px){
    .layui-menu{margin-left: 40px;}
    .layui-menu ul .layui-menu-item{font-size: 16px;}
}
@media screen and (max-width: 1380px){
    .layui-menu{margin-left: 20px;}
    .layui-menu ul .layui-menu-item{font-size: 14px;padding: 0 15px;}
}