/* 基本样式 */
body,div,ul,li,h1,h2,h3,p{margin: 0px; padding: 0px;}
/* table 基本样式 */
table{border-collapse:collapse;border-spacing:0;}table th,td{padding:2px 2px;}
body{width:100%;height:100%;margin:auto;position:absolute; background-color:#fafffa;
        line-height:30px;font-size:12pt;}
body div.decorator-content{margin: 0px auto;min-height:484px;*+height:100%;_height:500px;}
body a{cursor: pointer;}
.okc{margin-left: 20px;float: left;height:100%;overflow:hidden;font-family:"Microsoft YaHei","微软雅黑";}
.okc h1{font-size: 34px;font-weight: 700;letter-spacing: 13px;line-height: 36px;color:#f7f4b9;}
.okc p{font-size: 14px;font-weight: bold;color: #f7f4b9;}

div.decorator-head {position: relative; width:100%;height:9%;background: linear-gradient(118deg, #73b15d, #0f6558);background-color:#4e955b}
div.decorator-head .img-container{height: 80%;position: absolute;top: 10%;left: 0%;}
div.decorator-head .img-container img.fav{height:100%;}
div.decorator-head .img-container img.main-title{height:100%;}

div.decorator-head ul{list-style: none; width:100%;}
div.decorator-head ul li{display: inline-block; background-color: #3f7635; color: #ffffff; font-family:"微软雅黑 Bold"; font-size: 20px;}
div.decorator-head ul li{cursor:pointer; padding:0px 10px; height: 40px; line-height: 40px; text-align: center; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px;}
div.decorator-head ul li.selected{background-color: #43ab01; color: #ecf656;}
div.decorator-head .user-info{position: absolute; top: 30%; left: 85%; color: white;font-size:18px;}
div.decorator-head .user-info img{width:30px;}
div.decorator-head .user-info a{color:#000;display:block;width:100%;}
div.decorator-head .user-info .more{display:none;position:absolute;background:#e6e6e6;top:25px;left:25px;z-index:100;padding:10px;width:120px;border-radius:10px;}

div.decorator-content .decorator-menu ul{list-style: none;}


div.decorator-content .decorator-menu ul li.selected .mainMenu{color: #ffffff; background: linear-gradient(rgb(168, 241, 123),#74a755);background-color:#7cb35b;}

div.decorator-content .decorator-menu ul li ul.subMenu li{font-size:14px;height:46px;line-height:46px;padding-left:66px;background-color:#f6f6f6;border-bottom:1px solid #fff;cursor:pointer;overflow:hidden;}
div.decorator-content .decorator-menu ul li ul.subMenu li.selected{background-color:#e4e3e3;}
div.decorator-content .decorator-menu ul li ul.subMenu li.selected:hover{background-color:#e4e3e3;}
div.decorator-content .decorator-menu ul li ul.subMenu li:hover{background-color:#efefef;}
#processQuery table{width:100%;}
table.todo-table thead tr{background:linear-gradient(#fcfcfc, #e1e1e1)}
table.todo-table tbody tr:nth-child(even){background-color:#F5F5F5;}
.message-no-list::-webkit-scrollbar,
.decorator-main::-webkit-scrollbar,
.decorator-menu::-webkit-scrollbar{
	width: 6px;
	height: 6px;
	background-color: transparent
}
.message-no-list::-webkit-scrollbar-thumb,
.decorator-main::-webkit-scrollbar-thumb,
.decorator-menu::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6px;
}
.message-no-list:hover::-webkit-scrollbar-thumb,
.decorator-main:hover::-webkit-scrollbar-thumb,
.decorator-menu:hover::-webkit-scrollbar-thumb {
  background-color: rgba(69, 90, 100, 0.2);
}

.common-page ul{
    float:left;
}
.common-page span{padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; text-decoration: none; position: relative; float: left; margin: 20px 0px;}
.common-page span input{width:35px;}
.h100{height:100px; }
.h200{height:200px; }
.h300{height:300px; }
.h400{height:400px; }
.h500{height:500px; }
.h600{height:600px; }

.center{margin-left:auto;margin-right:auto;}
.w800{width:800px; }
.w1000{width:1000px; }
.w1200{width:80%; }
.sep{margin: 20px 0px; }
.clearfix{zoom:1;}
.hidden{display:none;}
.left{float: left;}
.right{float: right;}
div.input-box {margin:0px;}
div.input-box .input-box-main {height:30px;margin-bottom:10px;}
div.input-box .input-box-main .title{float: left;width:100px;}
div.input-box .input-box-main .input-wrapper{float:left;position: relative;border:1px solid #ddd;height:95%;}
div.input-box .input-box-main .input-wrapper input{display: inline-block;height:95%;padding:0px;border:0px;}
div.input-box .error-hold{display:none;color:red;height:20px;}
div.table-input-wrapper{position: relative;height:95%;}
div.table-input-wrapper input{display: inline-block;width:100%;height:100%;padding:0px;border:0px;}
.input-wrapper .ok{display:none;width: 20px;height: 20px;position:absolute;top: 5px;right: 2px;background-size: 20px;background-image: url(./imgs/ok.png);background-position: 50% 50%;background-repeat: no-repeat;}
.input-wrapper .error{display:none;width: 20px;height: 20px;position:absolute;top: 5px;right: 0px;background-size: 20px;background-image: url(./imgs/error.png);background-position: 50% 50%;background-repeat: no-repeat;}
.sep-row{width:100%; margin: 0px 0px;padding: 0px 0px;height:14px;}
.btn{ }
/*
.btn{background-color: #7fb55e; display:inline-block; padding:4px 17px;margin: 0px 5px 0px 0px;cursor: pointer; border-radius : 5px;color:#fff;font-size:12pt;}
*/
/* 关闭 按钮  */
.btn-close{background-color: #dddddd;color: #3d3d3d;}
.table-center td,th{text-align: center}
.bottom-submit-bar{margin:10px auto;}
.error-msg-box {position: absolute;width: auto;font-size:12px;line-height:12px;height:12px;background-color:#f66;padding:3px;}
/* 表格垂直居中 */
.table tbody tr td{vertical-align: middle;}
.hide{display:hidden;}

.co-window-bigbg{position: absolute;top: 0;left: 0;background-color: #000000;filter:alpha(opacity=50);opacity:.5;z-index: 9000;}
.co-window-small-bg{position: absolute;top: 0;left: 0;z-index: 1000;}
.co-window-small-bg-transcript-score{position: absolute;top: 0;left: 0;z-index: 1111; width: 100%; height: 100%; background-color: #ffffff; opacity: 0; filter: alpha(opacity=0)}
.co-co{position: relative;z-index: 8500;}
.relative{position:relative;}
.co-window{display:none;position:absolute;left:50%;width:400px;overflow:hidden;margin-left:-200px;z-index:9999;}
.co-win-content{position:relative;margin:6px;background:#fff;z-index:3;*zoom:1;overflow:hidden;padding-left: 10px;padding-right: 10px;}
.co-win-content .title{width:100%;height:35px;background:#FFFFFF;border-bottom:1px solid #ccc;line-height:36px;overflow:hidden;}
.co-win-content .title h3{margin:0;padding:0;color:#333;font:bold 16px/36px \5B8B\4F53;text-indent:10px;}
.co-win-bg{position:absolute;left:0px;top:0px;background:#000;height:1500px;width:100%;z-index:2;filter:alpha(opacity=30);opacity:.3;}
.close{display:block;position:absolute;top:10px;right:10px;width:20px;height:20px;color:#696969;font-size:20px;font-weight:700;line-height:16px;text-align:center;}
.h20{height:20px;}
/* 带下划线的input输入 */
input.text_ul{border-bottom:1px solid #ccc;border-left:none;border-right:none;border-top:none;width:100px;text-align:center;}
.select-edit{position:relative;}
.select-edit ul{list-style:none;position:absolute;top:100%;left:0;display:none;width:100%;background-color:white;z-index: 10;}
.select-edit ul li:hover{background-color:#ccc;}
.select-edit ul li{border-bottom:1px solid #f3f3f3;padding-left:40px;line-height:30px;height:30px;}
div.file{}
div.file .upload-success{height: 30px;line-height: 30px;position: relative;cursor: pointer;color: blue;padding: 0px 10px;overflow: hidden;display: inline-block;*display: inline;*zoom: 1}
div.file span{display: inline-block;height: 30px;line-height: 30px;overflow: hidden;margin-right:20px;}
div.file .a-upload {height: 30px;line-height: 30px;position: relative;cursor: pointer;color: #888;padding: 0px 10px;background: #fafafa;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;display: inline-block;*display: inline;*zoom: 1}
div.file  .upload-success-img{max-height: 200px; height:expression(this.height > 200 ? "200px" : this.height)}
div.file .a-upload  input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
div.file .a-upload:hover {color: #444;background: #eee;border-color: #ccc;text-decoration: none}

.approveDiv {margin-top: 12px;padding: 25px  0;margin-bottom: 20px;background-color: #f5f5f5;border-top: 1px solid #e5e5e5;}

.approveDiv table tr .title {width:100px;}

.approveDiv table tr td{border: 1px solid #999;}

.approveDiv a {color: #3f7635;text-decoration: none;cursor: pointer;margin-right: 12px;}
/* 必填 提示(*) */
 .required-hint{color: #f00;font-size: 25px;}
/* 申请表 委托人输入框 */
.agentname2-input {width: 288px;border: none;border-bottom: 1px solid;padding: 0 12px;background-color: transparent;}
/* 周期记分 输入框 */
.violationScore-input {width: 100px;border: none;border-bottom: 1px solid;padding: 0 12px;background-color: transparent;}
/* 车辆颜色样式 */
.drop_ul{width: 100%;}
#dropdownMenu1{text-align: left;}
.drop_ul li{padding: 3px 10px;border-bottom: 1px dashed #dfdfdf;}
.drop_ul li:hover{background-color: #ececec;}
.drop_ul li input{vertical-align: middle;margin: 0;}
.drop_ul li label{padding-left:18px;margin-bottom: 0;width: 80%;color: #3c3c3c;height: 100%;line-height: 30px;cursor: pointer;}
.drop_ul li span{width: 12px;height: 12px;display: inline-block;vertical-align: middle;}
.style_lf{width: 130px; display: inline-block; float: left;}
.needTestReport{display:inline-block}
.approveSty{margin-left:16.6%;width:66.6%}
/* 解决XP、IE8下遮罩层白屏问题 */
.opacity{filter:alpha(opacity=0);filter:"alpha(opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

/*2018.8.29*/
ul,ol,li{
    list-style: none;
}
a{
    text-decoration: none;
}
a:hover,a:link{
    text-decoration: none;
}
i,em{
    font-style: normal;
}
.header{
    height: 100px;
    width: 100%;
    border-bottom: 1px solid #000;
    background: linear-gradient(118deg, #73b15d, #0f6558);
    background-color: #4e955b;
    /* overflow: hidden; */
}
.lalogo{
	margin-left: 25px;
    padding: 10px;
	padding-right: 10px;
    height: 100px;
    padding-right: 30px;
    box-sizing: border-box;
}
.lalogo img{
    margin: 0 auto;
    height: 100%;
}
.okcl h1{
    margin-top: 20px;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 13px;
    line-height: 36px;
    color: #f7f4b9;
}
.okcl p.headH1{
    font-size: 14px;
    font-weight: bold;
    color: #f7f4b9;
}
.gw{
    height: 100px;
/*     overflow: hidden; */
}
.gw .gw-span{
    color: #ffffff;
    line-height: 100px;
    text-decoration:none;
}
.gw .gw-span:hover span{
    color: #f7f4b9;
}
.gw i{
    vertical-align: middle;
    font-size:22px;
}
.gw a:hover i{
	color:#FFFFFF;
}
.gw .gw-span span{
    margin-left: 8px;
    margin-right: 22px;
    font-size: 16px;
    vertical-align: middle;
    display:inline-block;
}
.selected:after,.clear{
	clear: both;
	content:"";
	display:block;
	overflow:hidden;
	visibility:hidden;
}

/*  */
	div.decorator-content .decorator-main{
	    float:left;
	    width:83%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-menu{
		float:left;
		width:200px;
		height:100%;
		margin-right:1%; 
		background: linear-gradient(#e0e5e0, #c5cac5);
		background-color:#e0e5e0;
		overflow-y: auto;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 14px 20px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 1.3rem;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:22px;
        padding-top:2px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 22px;
        font-size: 16px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 1.2rem;
        float: right;
        vertical-align: middle;
    }
    .list-group .list-group-item-text span{
	font-size:15px;
    }
/* 图片上传 */
.delMeng{position: absolute;bottom: 5px;z-index: 899;width: 100%;height: 36px;background-color: #000;opacity: .5;filter:alpha(opacity=50); }
.delDiv{position: absolute;bottom: 5px;z-index: 999;width: 100%;text-align: center;}
.delDiv i{line-height:36px; color:#FFFFFF; font-size:19px; cursor:pointer;}
   
/* 媒体查询 */
@media screen and (max-width: 1024px) {
	body{width:100%;height:100%;margin:auto;position:absolute; background-color:#fafffa;
        line-height:30px;font-size:13px;}
	.okcl h1 {
        margin-top: 20px;
        font-size: 27px;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 36px;
        color: #f7f4b9;
    }
    .gw a {
        color: #ffffff;
        line-height: 130px;
    }
    .okcl p.headH1 {
	    font-size: 12px;
	    font-weight: bold;
	    color: #f7f4b9;
    }
    .gw .fa-2x{
        font-size: 14px;
    }
	div.decorator-content {
	    height:88%;
	    position:relative;
	}
	div.decorator-content .decorator-main{
	    float:left;
	    width:83%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-main .index-left {
	    float: left;
	    width: 76%;
	    font-size:14px;
    }
	div.decorator-content .decorator-menu{
		float:left;
		width:16%;
		height:100%;
		margin-right:1%; 
		background: linear-gradient(#e0e5e0, #c5cac5);
		background-color:#e0e5e0;
		overflow-y: auto;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 10px 14px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 16px;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:22px;
        padding-top:4px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 9px;
        font-size: 14px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 16px;
        float: right;
        vertical-align: middle;
        padding-top:4px;
    }
    div.decorator-content .decorator-menu ul li ul.subMenu li{
        height: 46px;
	    line-height: 46px;
	    padding-left: 32px;
	    background-color: #f6f6f6;
	    border-bottom: 1px solid #fff;
	    cursor: pointer;
	    font-size:12px;
    }
    .list-group .list-group-item-text span{
	    font-size:12px;
    }
    .gw span{
        margin: 0 8px;
        font-size: 12px;
        vertical-align: middle;
    }
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	body{width:100%;height:100%;margin:auto;position:absolute; background-color:#fafffa;
        line-height:30px;font-size:13px;}
	.okcl h1 {
        margin-top: 20px;
        font-size: 27px;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 36px;
        color: #f7f4b9;
    }
    .gw a {
        color: #ffffff;
        line-height: 130px;
    }
    .okcl p.headH1 {
	    font-size: 12px;
	    font-weight: bold;
	    color: #f7f4b9;
    }
    .gw .fa-2x{
        font-size: 14px;
    }
	div.decorator-content {
	    height:88%;
	    position:relative;
	}
	div.decorator-content .decorator-main{
	    float:left;
	    width:83%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-main .index-left {
	    float: left;
	    width: 76%;
	    font-size:14px;
    }
	div.decorator-content .decorator-menu{
		float:left;
		width:16%;
		height:100%;
		margin-right:1%; 
		background: linear-gradient(#e0e5e0, #c5cac5);
		background-color:#e0e5e0;
		overflow-y: auto;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 10px 14px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 16px;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:22px;
        padding-top:4px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 9px;
        font-size: 14px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 16px;
        float: right;
        vertical-align: middle;
        padding-top:4px;
    }
    div.decorator-content .decorator-menu ul li ul.subMenu li{
        height: 46px;
	    line-height: 46px;
	    padding-left: 32px;
	    background-color: #f6f6f6;
	    border-bottom: 1px solid #fff;
	    cursor: pointer;
	    font-size:12px;
    }
    .list-group .list-group-item-text span{
	    font-size:12px;
    }
    .gw span{
        margin: 0 8px;
        font-size: 12px;
        vertical-align: middle;
    }
}
@media screen and (min-width: 1280px) {
	div.decorator-content {
	    height:88%;
	    position:relative;
	}
	div.decorator-content .decorator-main{
	    float:left;
	    width:83%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-menu{
		float:left;
		width:16%;
		height:100%;
		margin-right:1%; 
		background: linear-gradient(#e0e5e0, #c5cac5);
		background-color:#e0e5e0;
		overflow-y: auto;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 12px 20px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 16px;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:22px;
        padding-top:2px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 22px;
        font-size: 16px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 16px;
        float: right;
        vertical-align: middle;
    }
    .list-group .list-group-item-text span{
	    font-size:12px;
    }
    .gw .gw-span span{
        margin: 0 8px;
        font-size: 14px;
        vertical-align: middle;
        line-height:100px;
    }
}

@media screen and (min-width: 1360px) {
	div.decorator-content {
	    height:88%;
	    position:relative;
	}
	div.decorator-content .decorator-main{
	    float:left;
	    width:83%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-menu{
		float:left;
		width:16%;
		height:100%;
		margin-right:1%; 
		background: linear-gradient(#e0e5e0, #c5cac5);
		background-color:#e0e5e0;
		overflow-y: auto;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 14px 20px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 16px;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:22px;
        padding-top:2px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 22px;
        font-size: 16px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 16px;
        float: right;
        vertical-align: middle;
    }
    .list-group .list-group-item-text span{
	    font-size:12px;
    }
    .gw .gw-span span{
        margin: 0 8px;
        font-size: 16px;
        vertical-align: middle;
        line-height:100px;
    }
}
@media screen and (min-width: 1400px) {
	div.decorator-content .decorator-main{
	    float:left;
	    width:85%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-menu{
		 float:left;
		 width:14%;
		 height:100%;
		 margin-right:1%;
		 background: linear-gradient(#e0e5e0, #c5cac5);
		 background-color:#e0e5e0;
		 overflow-y: auto;
	 }
	div.decorator-content {
	    height:87%;
	    position:relative;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 12px 22px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 18px;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:22px;
        padding-top:2px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 18px;
        font-size: 16px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 18px;
        float: right;
        vertical-align: middle;
        padding-top:2px;
    }
    .list-group .list-group-item-text span{
	    font-size:13px;
    }
}
@media screen and (min-width:1600px) {
	div.decorator-content {
	    height:87%;
	    position:relative;
	}
	div.decorator-content .decorator-main{
	    float:left;
	    width:86%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-menu{
		float:left;
		width:13%;
		height:100%;
		margin-right:1%; 
		background: linear-gradient(#e0e5e0, #c5cac5);
		background-color:#e0e5e0;
		overflow-y: auto;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 12px 26px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 18px;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:20px;
        padding-top:2px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 16px;
        font-size: 16px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 18px;
        float: right;
        padding-top:2px;
        vertical-align: middle;
    }
    .list-group .list-group-item-text span{
	    font-size:14px;
    }
}
@media screen and (min-width:1650px){
	div.decorator-content .decorator-main{
	    float:left;
	    width:86%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-menu{
		float:left;
		width:13%;
		height:100%;
		margin-right:1%; 
		background: linear-gradient(#e0e5e0, #c5cac5);
		background-color:#e0e5e0;
		overflow-y: auto;
	}
	div.decorator-content {
	    height:87%;
	    position:relative;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 12px 26px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 18px;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:22px;
        padding-top:2px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 22px;
        font-size: 16px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 18px;
        float: right;
        padding-top:2px;
        vertical-align: middle;
    }
    .list-group .list-group-item-text span{
	    font-size:14px;
    }
}
/*@media only screen and (min-width: 1920px) {
	body{
	    background-color:green;
	}
	div.decorator-content .decorator-main{
	    float:left;
	    width:86%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-menu{
		float:left;
		width:13%;
		height:100%;
		margin-right:1%; 
		background: linear-gradient(#e0e5e0, #c5cac5);
		background-color:#e0e5e0;
		overflow-y: auto;
	}
	div.decorator-content {
	    height:87%;
	    position:relative;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 14px 30px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 1.3rem;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:22px;
        padding-top:2px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 32px;
        font-size: 16px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 1.2rem;
        float: right;
        vertical-align: middle;
    }
    .list-group .list-group-item-text span{
	    font-size:15px;
    }
} */
@media screen and (min-width: 1900px) {
	div.decorator-content .decorator-main{
	    float:left;
	    width:86%;
	    height:98%;
	    overflow:auto;
	    padding:10px 10px 10px 0;
	}
	div.decorator-content .decorator-menu{
		float:left;
		width:13%;
		height:100%;
		margin-right:1%; 
		background: linear-gradient(#e0e5e0, #c5cac5);
		background-color:#e0e5e0;
		overflow-y: auto;
	}
	div.decorator-content {
	    height:88%;
	    position:relative;
	}
    .content-list ul li{
        line-height: 14px;
        background-color: #e1e6e1;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }
    .content-list ul li .mainMenu{
        display:inline-block;
        cursor:pointer;
        padding: 14px 30px;
        width:100%
    }
    .content-list .mainMenu i{
        font-size: 18px;
        vertical-align: middle;
        float: left; 
        width:24px; 
        height:22px;
        padding-top:2px; 
        display:inline-block;
    }
    .content-list .mainMenu .menuName{
        float: left;
        line-height: 24px;
        margin-left: 34px;
        font-size: 16px;
        vertical-align: middle;
    }
    .content-list .mainMenu em{
        font-size: 18px;
        float: right;
        vertical-align: middle;
    }
    .list-group .list-group-item-text span{
	    font-size:14px;
    }
}
/* alert样式 */
.alert { width: 90%;text-align: center;color: #fff;margin: 10px auto;border-radius: 5px;line-height: 30px;cursor: pointer;background: #4ab819;}
.later {background: #a9a9a9;}
.win { display: none; }
.mask-layer { position: fixed; width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); background-color: black; z-index: 99998; top: 0; left: 0; }
.window-panel { position: fixed; z-index: 99999; top: 50%; left: 50%; background-color: white; border-radius: 4px; }
.window-panel .title-panel { position: absolute; height: 36px; width: 100%; border-radius: 4px 4px 0 0; }
.window-panel .title { position: absolute; height: 36px; width: 100%; text-align: left; border-radius: 4px 4px 0 0; line-height: 36px; vertical-align: middle; background-color: whitesmoke; /*标题背景色*/ border-bottom: 1px solid rgb(233, 233, 233); z-index: 1; }
.window-panel .title:after{clear: both;content: '';display: block;height: 0;visibility: hidden;overflow: hidden;}
.window-panel h3 { font-size: 16px; margin: 0; margin-left: 15px; float: left; line-height: 36px;}
.window-panel i { margin: 0; margin-right: 20px; float: right; line-height: 36px; cursor: pointer; font-size: 16px; top: 0;}
.window-panel .close-btn { display: block; text-align: center; vertical-align: middle; position: absolute; width: 36px; height: 36px; line-height: 36px; right: 0; text-decoration: none; font-size: 24px; color: black; background-color: #DBDBDB; border-radius: 2px; z-index: 1; }
.window-panel .close-btn:hover { background-color: #ccc; }
.window-panel .body-panel { position: absolute; width: 100%; top: 36px; border-radius: 0 0 4px 4px; z-index: 1;background: #fff; }
.window-panel .body-panel.toast-panel{ position: absolute;color:#fff;background:rgba(0,0,0,0.3); }
.window-panel .content, .window-panel .btns { text-align: center; padding: 10px 0;}
.window-panel .content { padding: 24px 10px 0 10px; font-size: 16px; min-height: 70px; line-height: 22px; }
.window-panel .content.toast-content{padding:0;min-height:0;}
.window-panel .w-btn { display: inline-block; width: 60px; height: 32px; line-height: 32px; background-color: #15a94a; color: white; cursor: pointer; text-align: center; border-radius: 2px; text-decoration: none; margin: 0 10px 0px 10px; border: none; }
.window-panel .w-btn:hover { background-color: #0b913b; }
.window-panel .w-btn:focus { outline: 0 none; }
.warningAlert{width: 56px;height: 56px;margin: 0 auto;background: url("./icons/alertIcon.png") 1px 1px no-repeat ;}
.errorAlert{width: 56px;height: 56px;margin: 0 auto;background: url("./icons/alertIcon.png") -52px 1px no-repeat ;
}


/* 图片旋转样式*/
aimg{display:inherit}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{zoom:1}
@font-face {font-family: "picIcon";
    src: url('../fonts/iconfont.eot?t=1527824986789'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1527824986789#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('../fonts/iconfont.ttf?t=1527824986789') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1527824986789#iconfont') format('svg'); /* iOS 4.1- */
}
.picView-magnify-list li{float:left;display:inline-block;width:200px;border:1px solid #ccc;margin-right:10px;}
.picView-magnify-list li a{display:block;overflow:hidden;}
.picView-magnify-list li a img{width:200px;}

.magnify-modal .magnify-toolbar .magnify-btn,.magnify-modal .magnify-btn-close,.magnify-modal .magnify-loader{
    font-family: "picIcon" !important;
    font-size: 25px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.magnify-modal {
    position: fixed;
    z-index: 9999;
    width: 800px;
    height: 600px;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.85);
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    cursor: default;
}

.magnify-modal .magnify-header {
    position: relative;
    height: 40px;
    z-index:9;
}

.magnify-modal .magnify-footer {
    height: 50px;
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index:9;
}

.magnify-modal .magnify-toolbar{
    display: inline-block;
    height: 50px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.magnify-toolbar .magnify-btn{display:inline-block;width:50px;height:50px;margin:0;color:#999;line-height:50px;}
.magnify-btn-close{width:40px;height:40px;margin:0;color:#999;line-height:40px;position: absolute;right:0;top:0;font-size:15px;text-align:center;}
.magnify-toolbar .magnify-btn:hover,.magnify-btn-close:hover{color:#fff;}


.magnify-modal .magnify-btn-close:before{content: "\ea4f"}
.magnify-modal .magnify-btn-zoomIn:before{content: "\e7dd"}
.magnify-modal .magnify-btn-zoomOut:before{content:'\e7dc'}
.magnify-modal .magnify-btn-prev:before{content:'\e624'}
.magnify-modal .magnify-btn-next:before{content:'\e9ce'}
.magnify-modal .magnify-btn-fullScreen:before{content:'\e63f'}
.magnify-modal .magnify-btn-actualSize:before{content:'\e615'}
.magnify-modal .magnify-btn-rotateLeft:before{content:'\ece3'}
.magnify-modal .magnify-btn-rotateRight:before{content:'\ece4'}
.magnify-modal .magnify-loader:before{content:'\e600'}
.magnify-modal .magnify-loader{
    -webkit-animation: icon-spin 1s infinite steps(8);
    -o-animation: icon-spin 1s infinite steps(8);
    animation: icon-spin 1s infinite steps(8);
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    color:#999;
    font-size:35px;
    position:absolute;
    left:50%;
    margin-left:-25px;
    top:40%;
}

.magnify-modal .magnify-title{font-size:14px;white-space: nowrap;text-overflow: ellipsis;user-select: none;overflow:hidden;color:#fff;padding:0 40px 0 15px;line-height:40px;}

.magnify-modal .magnify-image{display:none;position:relative;}
.magnify-modal .magnify-stage{position:absolute;left:0;right:0;bottom:0;top:0;border:none;overflow:hidden;}

.magnify-modal .is-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.magnify-modal .is-grabbing {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* 通知提示 */
.gw .gw-badge{
	position:absolute; 
	top: -10px;
	left:10px; 
	display:block; 
	background-color:red; 
	border-radius:45%;
	margin:0;
}
.gw .gw-message-list{
	position:absolute; 
	top: 38px;
	left: -30px;
	z-index:10009;
	width:340px;
	height: 450px;
	border:1px solid #d6d6d6;
	border-radius: 4px;
	background-color:#ffffff;
	box-shadow: 0 5px 20px rgba(26,26,26,.1);
}
.gw .gw-message-list .gw-san{
    position:absolute; 
    top: -20px;
    left: 28px;
	border-top:10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FFFFFF;
}
.gw-message-list .message-no-list{
	overflow-y: scroll;
	height: 402px;
}
.message-no-list .message-list-loading{
	padding: 30px 50px;
}
.message-no-list .message-list-loading img{
	margin:40px 0;
	width: 100%;
}
.message-no-list .message-list-400{
	position: relative;
	top:50%;
	margin-top:-41px;
	text-align: center;
	font-size: 14px;
}
.gw-message-list .message-no-list ul li{
	padding: 0 15px;
}
.gw-message-list .message-no-list ul li a{
	color: #23527c;
}
.message-no-list .message-box{
	padding: 10px 0;
	border-bottom: 1px solid #dfdfdf;
	width:100%;
	display: inline-block;
}
.message-no-list .message-timer{
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 30px;
}
.message-no-list .message-timer strong{
	font-size: 13px;
}
.message-no-list .message-timer .pull-right{
	color: #828282;
}
.message-box a{
	font-size: 14px;
	line-height: 20px;
}

/*区别前人自定义的 .btn样式属性  */
.boostrap-btn-xs {
  display: inline-block;
  margin-top:5px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}