@charset "utf-8";
/* CSS 预处理 */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin: 0;padding: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: "微软雅黑", Arial, Helvetica, sans-serif}
ol, ul, li {list-style: none}
img {border: 0;margin: 0;padding: 0;display: block;}
a, em {text-decoration: none;font-style: normal;cursor: pointer;}
.clear{clear: both;}
.clearfix:after,ul.grid:after { content: " ";display: block;clear: both;height: 0;}
.center{width: 1200px;margin: 0 auto;}
.hidden{display:none;}
/*头部*/
#header{height: 62px;width: 100%;border-bottom: 1px solid #ccc;background: #F8F8F8;z-index: 9}
.logo{float: left;}
.headright{float: right;line-height: 62px; }
.headright a{font-size: 16px;font-family: "楷体";padding: 0px 10px;color:#0B5EA5;}
.menu{height: 62px;float: left;margin-left:50px;}
.menu li{line-height: 62px;float: left;width: 100px;color:#6A6A6A;font-size: 14px;text-align: center;cursor: pointer;}
.menu li:hover,.navbg{background: #E7E7E7}

/*底部*/
#footer{width: 100%;height: 50px;line-height:30px;color:#777;text-align: center;font-size: 14px;border-top: 1px solid #ccc;padding: 20px 0px;background: #fff;z-index: 9;}

#header{width: 100%;height: 50px;position: fixed;top:0;left: 0;background: #393D49;z-index: 100}

#leftMenuSwitch{height: 50px;line-height: 50px;margin-left: 210px;float: left;color: #fff;cursor: pointer;}

#header_left{margin-left:30px;float: left;height: 50px;line-height: 50px;color: #fff}
#header_left span{color: #FF5722;}

#header_right{height: 50px;position: absolute;top:0;right: 0}
#header_right .layui-nav{border-radius: 0;}
#header_right .layui-nav .layui-nav-item{line-height: 49px;}
#header_right .layui-nav .layui-nav-item .layui-nav-child{top:55px;}

#left{width: 200px;position: fixed;top:0;bottom:0;background: #393D49;z-index: 101}

#logo{color: #fff;height: 50px;text-align: center;line-height: 50px;}
#right{position: fixed;top:50px;left:200px;right: 0;bottom:0;z-index: 99;}
#right .layui-tab{ position: absolute;width: 100%; height: 100%;left: 0;top: 0;margin: 0; border-left:0;overflow: hidden;}
#right .tab-title-bg{ position: absolute; left: 0; top: 0;width:100%;height:40px;z-index: 0;background: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);z-index: 51;}
#right .layui-tab .layui-tab-title{ border: 0;overflow: visible;transition: none;}
#right .layui-tab .layui-tab-title cite{ font-style: normal;margin-left: 5px;font-size: 13px;}
#right .layui-tab .layui-tab-title li{ height: 40px;overflow: hidden; border-right: 1px solid #f6f6f6;padding: 0 13px 0 15px;}
#right .layui-tab .layui-tab-title li:hover{ background: #f6f6f6;color: #000;}
#right .layui-tab .layui-tab-title li.layui-this{ background: #f6f6f6 ;color: #000;}
#right .layui-tab .layui-tab-title .layui-this::after{ border: 0;}
#right .layui-tab .layui-tab-title li .layui-tab-close{ border-radius: 50%;}
#right .layui-tab .layui-tab-title li b{ display: none; position: absolute;height: 2px;background: #20222A;width: 0;top:0;}
#right .layui-tab .layui-tab-title li b.lt{ right: 50%;}
#right .layui-tab .layui-tab-title li b.rt{ left: 50%;}
#right .layui-tab .layui-tab-title li.layui-this b,#wooRight .layui-tab .layui-tab-title li:hover b{ width: 50%;}
#right .layui-tab .layui-tab-title li:first-child i.layui-tab-close{display: none;}
#right .layui-tab .layui-tab-content iframe{border:0;} 
.layui-tab .layui-tab-title{ position: relative;margin: 0 40px;z-index:80 ;}
.layui-tab .layui-tab-title span.layui-tab-bar{ display: none;}
.layui-tab .tab-prev{ z-index: 90 !important; position: absolute;left: 0;height: 28px;top: 0;z-index: 50;width: 39px;text-align: center;padding-top: 12px;border-right: 1px solid #f6f6f6;background: #fff;}
.layui-tab .tab-next{ z-index: 90 !important;position: absolute;right: 0;height: 28px;top: 0;z-index: 50;width: 39px;text-align: center;padding-top: 12px;border-left: 1px solid #f6f6f6;background: #fff;}
.layui-tab .tab-prev:hover,.layui-tab .tab-next:hover{ background: #f6f6f6;color: #000;}
.layui-tab-content{ position: absolute;top: 41px;left: 0;right: 0;bottom: 0;padding: 0;}
.layui-tab-content .layui-tab-item{ position: absolute;top: 0;left: 0;right: 0;bottom: 40px;padding: 0;}	
.admin-contextmenu {position: absolute;line-height: 36px;border: 1px solid #d2d2d2;background-color: white;z-index: 19940201;border-radius: 2px;white-space: nowrap;top: 30px;}
.admin-contextmenu ul li{padding: 0 15px;}
.admin-contextmenu ul li:hover{background-color: #eee;cursor: pointer;}
#left,#nav .layui-nav-tree,#nav .layui-nav-tree li,#logo,#leftMenuSwitch,#right{-webkit-transition: all .3s;transition: all .3s;}
#nav .layui-nav-tree li a i{min-width: 1.8em;display: inline-block;}
body.close-bar-state #left,body.close-bar-state #nav .layui-nav-tree, body.close-bar-state #nav .layui-nav-tree li{ width: 60px;}
body.close-bar-state #nav .layui-nav-tree li cite, body.close-bar-state #nav .layui-nav-tree li .layui-nav-more,body.close-bar-state #nav .layui-nav-tree li dl{ display: none;}
body.close-bar-state #nav .layui-nav-tree li.layui-nav-itemed>a{ background:rgba(0,0,0,.3);}
body.close-bar-state #right{ left: 60px;}
body.close-bar-state #leftMenuSwitch{margin-left: 70px}
body.close-bar-state #nav .layui-nav .layui-nav-item a { padding-right: 10px;}
body.close-bar-state #logo span.cms{ display: none;}
#right .footer{position: absolute;bottom:0;height:40px;line-height:40px;background: #eee;padding:0 2%;color: #777;width:96%;text-align: center;font-size: 12px}


@media screen and (max-width: 1000px) {
    body.close-bar-state #left, body.close-bar-state #nav .layui-nav-tree li,body.close-bar-state #nav .layui-nav-tree{ width: 0;}
    body.close-bar-state #logo h2.name{display: none;}
    body.close-bar-state #leftMenuSwitch{margin-left: 0px}
    body.close-bar-state #nav .layui-nav-tree li cite, body.close-bar-state #nav .layui-nav-tree li .layui-nav-more,body.close-bar-state #nav .layui-nav-tree li dl{ display: none;}
    body.close-bar-state #nav .layui-nav-tree li.layui-nav-itemed>a{ background:rgba(0,0,0,.3);}
    body.close-bar-state #right{ left: 0;}
    body.close-bar-state #closeSiderbar{ margin-left: 20px;}
    body.close-bar-state #nav .layui-nav .layui-nav-item a{padding: 0}
}

@media screen and (max-width: 1000px) {
	body #header_left{display: none;}
}



/*列表*/
.datalist{margin:10px;}
.smslist{margin:10px;}
.datalist .layui-table,.datalist .layui-table th{text-align: center;}
.trhide{display: none;text-align: left;background:#B5DCD7;}
body .layui-table .trhide:hover,body .layui-table .trshow:hover,.trshowclick{background:#B5DCD7;}
.trhide td i{color:#fff;}
/*.datalist table,.datalist thead,.datalist tbody{max-width: 1600px;}*/
.maxth1{max-width: 80px}
.maxth1 input{max-width: 60px;}
.maxthtd1{max-width: 180px;}
.maxtd1{max-width: 200px;}
.maxtdej1{max-width: 550px;}
.maxtdej1 input{border:none;width: 100%;}
.datalist table td{word-break:break-all;}
.repeatcolor{background: #FFEBCD;}
.xxhgbg{background: #EED5D2;}
body .layui-table .repeatcolor:hover,.repeatclick{background: #ffd39b;}
body .layui-table .xxhgbg:hover,.xxhgbgclick{background: #EECBAD}
.infoleft{width:600px;float: left;}
.inforight{width:600px;float: right;}
.trshow td a{color: #0000EE}
.trshow td a:hover{color: #0000EE}
.trhide td input{background: none}
.trshow td span{padding:2px 3px;border-radius: 3px;color: #fff}
.trshow td input{border:none;text-align:center;background: none}
.layui-form textarea{resize:none;}
.page{height: 50px;text-align: center;}
.page .pagination{display:inline-block;}
.page .pagination:after{content:'';clear: both;}
.page .pagination a{float: left;width: 35px;height: 35px;border-radius: 5px;border:1px solid #ccc;line-height: 35px;font-size: 16px;margin: 0 3px;overflow: hidden;display: inline-block;}
.page .pagination span{line-height: 35px;margin: 0 3px;color: #555;border:1px solid #ccc;display: inline-block;height: 35px;float:left;border-radius: 5px;padding: 0 10px}
.page .pagination span b{color: red}
.page .pagination .active{background: #D7A746;color: #fff;border:1px solid #D7A746;}
.page .pagination .disabled{color: #dedede}
.editicon .fa{font-size:18px; }
.editform{width: 700px;min-height:210px;padding: 20px 30px;}
.editform .layui-form-item .layui-form-label span{color:red;}
.editform .layui-form-item .layui-input-block .fastrm{line-height: 30px;margin-top: 10px}
.editform .layui-form-item .layui-input-block .fastrm span{padding:2px 8px;margin:5px;border-radius: 5px;cursor: pointer;background: #008B8B;color: #fff;display: inline-block;}
.tipwin .layui-layer-content{text-align: center;padding: 30px 0;}
.editform .layui-form-item .layui-form-mid{margin-left: 110px;color: red !important}

.datalist .top{height:30px;padding: 10px;border-bottom: 1px solid #ccc}
.datalist .top_left{float: left}
.datalist .top_left .add{float: left}
.datalist .top_left form,.datalist .top_left .jrtt,.datalist .top_left .xxhg{float: left;margin-left: 10px;}
.datalist .top_left .sms{display: inline-block;height: 28px;line-height: 30px;color: #333;padding: 0 15px;border:1px solid #ccc;}
.datalist .top_left .bg{background: #009688;color: #fff;border: 1px solid #009688}
.datalist .top_right{float: right;line-height: 30px;}
.datalist .top_right span,.sticon{color: #FF5722}
.datalist .search{padding: 10px 0 0;border-bottom: 1px solid #ccc}
.searchtop,.searchdown{width: 1380px;padding: 0 10px;}
.datalist .search .layui-form-item{margin-bottom: 0;}
.datalist .search .layui-inline{margin-right: 5px}
.datalist .search .layui-inline .layui-form-label{max-width:60px;padding: 0;height: 30px;line-height: 30px;text-align:left;}
.datalist .search .layui-inline .layui-input-block{margin-left: 70px;}
.datalist .search .layui-inline .layuibtn{margin-left:10px}
.datalist .search input,.datalist .search select{height: 30px;width: 115px}
.datalist .search button{height: 30px;line-height: 30px;}
.datalist .search .layui-inline .searchtime{float: left;margin-left: 0;margin-top: 7px;}
.datalist .search .layui-inline .searchtime input{font-size: 12px;width: 130px;padding-left: 5px;}
.datalist .search .layui-inline .layui-form-mid{height: 30px;padding: 0;line-height:20px;margin: 0 5px;}

body .layui-table{color: #333;}
body .layui-table[lay-size="sm"] td,body .layui-table[lay-size="sm"] th{font-size: 13px;}
#mdtsort{cursor: pointer;}
#pagenumdiv{width:90px;}
#pagenumdiv .layui-input-block{margin-left:0;}
#pagenumdiv .layui-unselect{width:90px;}
#pagenumdiv .layui-form-select .layui-input{padding-left: 5px;padding-right:25px;}
.edittitletip{line-height: 30px;color: red;padding: 0px 40px}

body .smscon .layui-tab-content,body .smscon .layui-this{background: #009688;color:#fff;}
/*body .layui-tab-content{padding: 0 200px}*/
.smscon .layui-tab .layui-tab-title{margin: 0}
.smscon .layui-tab .layui-tab-content{padding: 0 30px;top:51px;}
.smsinfo_left{width: 300px;float: left;margin:50px 100px;line-height:35px;font-size: 18px;}
.smsinfo_left span{color: yellow}
.smsinfo_right{width:510px;float:left;margin:50px}
.smsinfo_rightli{background: #fff;border-radius: 10px;}
.smsinfo_right .layui-form-label{width: 120px;color: #009688;font-size: 18px;}
.smsinfo_right .layui-input-block{margin-left: 150px}
.smsinfo_right .layui-input-block span{color: #000}
.smsinfo_right .layui-input-block .layui-input{width: 270px;border:1px solid #fff;font-size: 18px;display: inline-block;}
.smsinfo_right .layui-input-block #smstime1,.smsinfo_right .layui-input-block #smstime3,.smsinfo_right .layui-input-block #smstime4,.smsinfo_right .layui-input-block #smstime5,.smsinfo_right .layui-input-block #smstime6{width: 170px;}
.smsinfo_right .layui-input-block .layui-form-select dl dd{color: #333}
.smsinfo_right .layui-input-block .layui-form-select dl dd.layui-this{background: #009688;color: #fff}
.smsinfo_right .layui-form-item .layui-btn{background: #fff;color: #009688;width: 150px;height: 45px}
body .layer_diy .layui-layer-content{padding: 50px;}

.yiqing div.layui-form-select{width: 170px;float: right;}
.yiqing div.layui-form-select .layui-input{width: 170px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}

.dstr{background: #FFEBCD}
.sstr{background: #B5DCD7}
.inbar{padding-top: 10px;}

/*折线图*/
#main{width: auto;height: 600px;margin:30px auto 0px;}
#main{width: auto;height: 500px;margin:30px auto 20px;}
#day{width:750px;float: left;height:900px;padding-top: 30px;}
#month{width:750px;float: right;height:900px;padding-top: 30px}

.datatable{width:44%;margin:1% 3%;}
.datatable1{float: left;}
.datatable2{float: right;}