*{ margin:0;  padding:0;  list-style-type:none;}
body,p,span,img,h1,h2,h3,h4,h5,h6,ul,li{ margin:0; border:0; padding:0;font-family:"Microsoft YaHei","微软雅黑";}


ul li{ position: relative}
ul li .lh{
    font-size: 12px !important;
    height: 12px !important;
    line-height: 12px !important;
    color: #aaa;
}
a,img{border:0;text-decoration:none; color: #212121;max-width: 100%; max-height: 100%;}

.noselect, .nosel {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
/*滚动条*/

input::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 16px;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 16px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 16px;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 16px;
}
/*去掉input为number的加减按钮*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
/*Chrome Firefox Opera Safari IE9+*//*IE8-*//*IE6 Using Javascript to add CSS class "disabled"*/
input:disabled,input[disabled],* html input.disabled{
    background-color: #ffebee;
    color: #ffcdd2;
}

select {
    border: 0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    user-select: none;
    outline:none;
    background: rgba(0, 0, 0, 0);
}
select::-ms-expand { /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ display: none; }

.clearfix {
  zoom: 1;
}
.clearfix:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  content: '';
}

.cUl2 li{
    width: 48%;
    margin: 0 1%;
    float: left;
    text-align: center;
}
.cUl3 li{
    width: 31.33%;
    margin: 0 1%;
    float: left;
    text-align: center;
}
.cUl4 li{
    width: 23%;
    margin: 0 1%;
    float: left;
    text-align: center;
}
.cUl5 li{
    width: 20%;
    float: left;
    text-align: center;
}
.cUl6 li{
    width: 16.66%;
    float: left;
    text-align: center;
}
.cUl7 li{
    width: 14.28%;
    float: left;
    text-align: center;
}
.cUl8 li{
    width: 12.5%;
    float: left;
    text-align: center;
}
.cUl9 li{
    width: 11.11%;
    float: left;
    text-align: center;
}
.cUl10 li{
    width: 10%;
    float: left;
    text-align: center;
}

/* container begin 隐藏滚动条*/
.container {
    overflow: hidden;
}    
.container::-webkit-scrollbar {
    height: 10px; /* 横向滚动条高度 */
    height: 0;
}    
.container::-webkit-scrollbar-thumb {
    background: #ffffff00;
    border-radius: 5px;
}    
.container::-webkit-scrollbar-track {
    background: #ffffff00;
    border-radius: 5px;
}    
.container::-webkit-scrollbar-thumb:horizontal {
    background: #ffffff00; /* 横向滚动条thumb颜色 */
}    
.container::-webkit-scrollbar-track:horizontal {
    background: #ffffff00; /* 横向滚动条轨道颜色 */
}
.container::-webkit-scrollbar {
    width: 0; /* 隐藏滚动条 */
}    
.container:hover::-webkit-scrollbar {
    width: 10px; /* 鼠标 hover 时显示滚动条 */
    width: 0;
}    
.container::-webkit-scrollbar-thumb {
    background: #ffffff00; /* 滚动条thumb颜色 */
    border-radius: 5px; /* 滚动条thumb圆角 */
}    
.container::-webkit-scrollbar-track {
    background: #ffffff00;; /* 滚动条轨道颜色 */
    border-radius: 5px; /* 滚动条轨道圆角 */
}
/* container end*/

.csb{
    overflow: auto;
}
.scrollbar{
    width: 30px;
}
.csb::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.csb::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    /*border-radius: 10px;*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
.csb::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    /*border-radius: 10px;*/
    background: #EDEDED;
}
    
.cireadonly{
    color: #F44336; 
    border: 1px #fff solid;
}
/*界面控制*/
.divBody{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.divBody .bg{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}
.divHeader{    
    position: fixed;
    top: 0;
    right: 0;
    left: 0; 
    height: 60px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
}

.divHeader .pco{
    float: left;
    line-height: 60px;    
    font-size: 20px;
    color: #00BCD4;
    /*
    padding-left: 55px;
    background: url(i/ico.png) 5px center no-repeat;
    */
    background-size: 40px;
}
.divHeader .pco .co{
    font-size:16px;
    color: #607D8B;
}

.divMenuItem{
    position: absolute;
    top: 60px;
    left: 101px;
    right: 0;
    background: #fff;
    border-top-left-radius: 5px;
    padding-left: 5px;
    min-width: 900px;
}
.divMenuItem ul{
    height: 45px;
}
.divMenuItem .sel{
    border-color: #263548;
}
.divMenuItem li {
    float: left;
    line-height: 43px;
    border-bottom: 2px #fff solid;
    padding: 0 30px;
}
.divMenuItem li:hover{
    border-color: #263548;
}

.divMain{
    position: absolute;
    top: 106px;
    right: 0;
    bottom: 0;
    left: 101px;
    overflow-y: auto;
    background: #fff;
}
.divMain .list{
    height: 100%;
    overflow: hidden;
}
.divMain .ifm{
    width: 100%;
    height: 99.99%;
}
.divMain .ifm iframe{
    width: 100%;
    height: 99.99%;
    border: 0;
}


/*左侧菜单*/
.divMenu{
    position: absolute;
    top: 65px;
    bottom: 0;
    left: 0;
    width: 100px;
}
.divMenu li{
    padding-top: 70px;
    border-top: 1px #455A64 solid;
    border-left: 3px #263548 solid;
    text-align: center;
    height: 30px;
    color: #fff;
    background: url(i/imenu.png) no-repeat center;
    
}
.divMenu li:nth-child(1){
    background-position-y: 0px;
    border: 0;
}
.divMenu li:nth-child(2){
    background-position-y: -100px;
}
.divMenu li:nth-child(3){
    background-position-y: -200px;
}
.divMenu li:nth-child(4){
    background-position-y: -300px;
}
.divMenu li:nth-child(5){
    background-position-y: -400px;
}
.divMenu li:nth-child(6){
    background-position-y: -500px;
}
.divMenu li:hover{
    border-color: #4CAF50;
    background-color: #8BC34A;
}

 
/*居中的提示信息*/
.divMes{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}
.divMes .main{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10% 5%;
    background: #fff;
    border: 3px #795548 solid;
    border-radius: 5px;
}
.divMes .main .header{    
    position: absolute;
    top: 0;
    right: 0;
    left: 0; 
    height: 50px;
    line-height: 50px;
    background: #607D8B;
    color: #fff;
    font-size: 20px;
}
.divMes .main .header p{
    text-align: center;
    margin: 0 50px;
}
.divMes .main .content{
    position: absolute;
    top: 50px;
    bottom: 51px;
    left: 0;
    right: 0;
    overflow: scroll;
}
.divMes .main .footer{    
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    border-top: 1px #e5e5e5 solid;
    font-size: 20px;
}
.divMes .main .footer .ok{
    background: #4CAF50;
    color: #fff;
}


.h5-div{
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
}
.h5-loading {
    width: 45px;
    height: 40px;
    margin: 5px auto 0;
} 
.h5-loading > div {
    background-color: #67CF22;
    height: 30px;
    width: 5px;
    margin: 0 2px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
} 
.h5-loading .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
} 
.h5-loading .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
} 
.h5-loading .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
} 
.h5-loading .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
} 
@-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.3); } 20% { -webkit-transform: scaleY(1.0); }} 
@keyframes stretchdelay {  0%, 40%, 100% { transform: scaleY(0.3); -webkit-transform: scaleY(0.3); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }}
/*icon*/

input{
    line-height: 30px;
    height: 30px;
    width: 120px;
    padding: 0 5px;
    border: 1px solid #ddd;
    font-size: 12px;
}
::-webkit-input-placeholder{/*Webkit browsers*/
    color:#999;
    font-size:12px;
}
:-moz-placeholder{/*Mozilla Firefox 4 to 8*/
    color:#999;
    font-size:12px;
}
::moz-placeholder{/*Mozilla Firefox 19+*/
    color:#999;
    font-size:12px;
}
:-ms-input-placeholder{/*Internet Explorer 10+*/
    color:#999;
    font-size:12px;
}
select{
    line-height: 30px;
    height: 32px;
    width: 100px;
    padding: 0 10px;
    border: 1px solid #ddd;
    font-size: 12px;
}
/*data*/
.date{
    width: 105px;
    color: #2196F3;
}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.big{
    font-size: 16px;
    padding: .6em 2.35em .62em;
}
.medium {
	font-size: 12px;
        padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/*
<input type="checkbox" id="male" class="choose-btn"/><label for="male" class="choose-label"></label>
*/
.choose-btn {
    display: none;
}

.choose-label {
    box-shadow: #ccc 0px 0px 0px 1px;
    width: 50px;
    height: 25px;
    display: inline-block;
    border-radius: 25px;
    position: relative;
    background-color: #bdbdbd;
    overflow: hidden;
}

.choose-label:before {
    content: '';
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 25px;
    background-color: #fff;
    z-index: 25;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.choose-btn:checked + label.choose-label:before {
    left: 25px;
}

.choose-btn:checked + label.choose-label {
    background-color: #51ccee;
}
/*
<input type="checkbox" id="toggle" calss="toggle-btn">
<label for="toggle" class="toggle-label">
    <span class="circle"></span>
    <span class="text on">ON</span>
    <span class="text off">OFF</span>
</label>
*/

.toggle-btn{ display: none; }
.toggle-label{
    position: relative;
    display: inline-block;
    width: 100px;
    height: 30px;
    background-color: #ccc;
    box-shadow: #ccc 0px 0px 0px 2px;
    border-radius: 30px;
    overflow: hidden;
}
.toggle-label .circle{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    left: 0;
    transition: all 0.3s;
}
.toggle-label .text {
    line-height: 30px;
    font-size: 18px;
    text-shadow: 0 0 2px #ddd;
    position: absolute;
}
.toggle-label .on { color: #fff; display: none; left: 15px;}
.toggle-label .off { color: #fff; display: inline-block; right: 15px;}
.toggle-btn:checked + label.toggle-label .circle{
    left: 70px;
}
.toggle-btn:checked + label.toggle-label .on{ display: inline-block; }
.toggle-btn:checked + label.toggle-label .off{ display: none; }
.toggle-btn:checked + label.toggle-label{
    background-color: #51ccee;
}



.divLayer{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0);
    z-index: 9;
}
.divLayer .d-l-bg{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
}
.divLayer .d-l-main{
    background: #fff;
    position: absolute;
    border: 3px #607D8B solid;
    border-radius: 3px;
    box-shadow: 3px 3px 6px #607D8B;
}
.divLayer .d-l-main .d-l-h{
    line-height: 40px;
    height: 41px;
    background: #eee;
}
.divLayer .d-l-main .d-l-h .d-l-t{
    margin: 0 60px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.divLayer .d-l-main .d-l-t .menu li{
    float: left;
    width: 120px;
    text-align: center;
    line-height: 41px;
    background: #ddd;
}   
.divLayer .d-l-main .d-l-t .menu .sel{
    background: #fff;
}
.divLayer .d-l-main .d-l-t .cFr .button{
    margin-right: 20px;
}
.divLayer .d-l-main .d-l-h .d-l-b{
    float: right;
    padding: 0 10px;
    background: #9C27B0;
    color: #fff;
    margin-right: 10px;
}
.divLayer .d-l-main .d-l-h .d-l-b:hover{
    background: #ea70ff;
}
.divLayer .d-l-main .d-l-h .d-l-x{
    float: right;
    width: 60px;
    text-align: center;
    background: #f00;
    color: #fff;
}
.divLayer .d-l-main .d-l-h .d-l-x:hover{
    background: #f66;
}
.divLayer .d-l-main .d-l-c{
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

/*pagelist*/
.pageList{
    display: none;
}
.pageList table{
    margin: 5px auto;
}
.pageList td{ 
    line-height: 26px;
    padding: 5px 15px;
    border: 1px #ddd solid;
    color: #999;
}
.pageList td:hover{ 
    border-color: #A5D6A7;
    background: #E8F5E9;
}
.pageList .page{
    position:relative;
    cursor: pointer;
}
.pageList .pages{
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid #ddd;
    max-height: 210px;
    overflow-y: auto;
    overflow-x: hidden;
    bottom: -1px;
    background-color: #fff;
    left: -1px;
}
.pageList .pages ul{ 
    margin-left:0; 
    padding-bottom:0;
}
.pageList .pages ul li{     
    padding: 4px 0px;
    border-top: 1px #D6D6D6 dashed;
    text-align: center;
    width: 100%;
}
.pageList .pages ul li:hover{ 
    background: #eee;
}

/**/
.divExtBankM .h{
    line-height: 50px;
    border: 1px #eee solid;
    height: 50px;
}
.divExtBankM .h input{
    margin: 0 5px;
    width: 70px;
}
.divExtBankM .l{
    height: 460px;
}
.divExtBankM .l table{
    width: 100%;
    background: #eee;
}
.divExtBankM .l table td{
    height: 44px;
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
    position: relative;
}


.divExtBankM .l table .rem{
    line-height: 20px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
}
.divExtBankM .l table tr:hover td{
    background: #E8F5E9;
}

.divExtBankM .f{
    height: 55px;
    background: #eee;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}



/**/
.divMarketList .h{
    line-height: 50px;
    border: 1px #eee solid;
    height: 50px;
}
.divMarketList .h input{
    margin: 0 10px;
    width: 200px;
}
.divMarketList .l{
    height: 460px;
}
.divMarketList .l table{
    width: 100%;
    background: #eee;
}
.divMarketList .l table td{
    height: 44px;
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
    position: relative;
}
.divMarketList .l table td .bal{
    font-size: 14px;
    color: #E91E63;
    right: 110px;
    line-height: 44px;
    position: absolute;
    top: 0;
}
.divMarketList .l table .adr{
    display: none;
}
.divMarketList .l table .rem{
        line-height: 20px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
}
.divMarketList .l table tr:hover td{
    background: #E8F5E9;
}
.divMarketList .l table tr:hover .rec button{
    display: block;
    border: 1px #ddd solid;
    padding: 5px 7px;
    background: #4CAF50;
    color: #fff;
    border-radius: 5px;
    margin: 0 auto;
}
.divMarketList .l table tr:hover .n button{
    display: block;
    margin-top: 5px;
}
.divMarketList .l table tr:hover .rec span{
    display: none;
}
.divMarketList .l table tr:hover .adr{
    font-size: 12px;
    line-height: 20px;
    color: #aaa;
    overflow: hidden;
    display: block;
}
.divMarketList .f{
    height: 55px;
    background: #eee;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.divMarketAdd{
    width: 330px;
    margin: 0 60px;
}
.divMarketAdd li{
    padding-top: 15px;
    min-height: 35px;
}


.divMarketAdd li input{
    width: 318px;
}
.divMarketAdd li select{
    width: 322px;
}
.divMarketAdd li textarea{
    line-height: 30px;
    height: 60px;
    width: 308px;
    padding: 0 10px;
    border: 1px solid #ddd;
    resize: none;
}
.divMarketAdd li button{
    margin: 0 25px;
}
.divMarketAdd li .ip{    
    position: absolute;
    right: -10px;
    top: 3px;
    background: url(i/ipoint.png) center no-repeat;
    width: 50px;
    height: 55px;
    background-size: 30px;
}
.divMarketAdd .btdiv div{
    display: inline-block;
    line-height: 32px;
    background: #4CAF50;
    color: #fff;
    width: 13.68%;
    text-align: center;
    margin: 0 0.3%;
    font-size: 10px;
}
.divMarketAdd .btdiv .fresh0{
    background: #ddd;
}
.divMarketAdd .btdiv .sale0{
    background: #ddd;
}
.divMarketAdd .btdiv .pay0{
    background: #ddd;
}
.divMarketAdd .btdiv .sta0{
    background: #F44336;
}
.divMarketAdd .btdiv .pc0{
    background: #ddd;
}
.divMarketAdd .btdiv .stp0{
    background: #ddd;
}
.divMarketAdd .btdiv .stp1{
    background: #2196f3;
}
.divMarketAdd .btdiv .vip{
    background: #9c27b0;
}
.divMarketAdd .btdiv .vip0{
    background: #ddd;
}
.divCostTypeList .l table{
    width: 100%;
    background: #eee;
}
.divCostTypeList .l table td{
    height: 44px;
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
    position: relative;
}

.divCostTypeList .l table .st80 td{
    background: #E8F5E9;
}
.divCostTypeList .l table .st90 td{
    background: #F3E5F5;
}
.divCostTypeList .l table .st95 td{
    background: #E3F2FD;
}

.divCostTypeList .l table .st2:hover{
    text-shadow: 1px 1px #ECEFF1;
    font-weight: bold;
}

.divGoodsAdd{
    padding-top: 20px;
}

.divGoodsAdd li{
    line-height: 65px;
}
.divGoodsAdd li .lb{
    padding-right: 20px;
}
.divGoodsAdd li input{
    width: 400px;
    height: 45px;
    font-size: 20px;
    vertical-align: top;
    margin-top: 10px;
}
.divGoodsAdd .img{
    float: right;
    border: 1px #ddd solid;
    height: 300px;
    width: 300px;
    margin: 9px 45px 0 0;
    background: url(i/iadd.png) center no-repeat;
    background-size: 120px;
}

.divGoodsAdd .gs{
    text-align: center;
    font-size: 14px;
    width: 820px;
    margin: 10px auto 0;
}
.divGoodsAdd .gs p{
    line-height: 30px;
    background: #eee;
    font-size: 12px;    
}
.divGoodsAdd .gs table{
    background: #eee;
    width: 100%;
    height: 200px;
}
.divGoodsAdd .gs table tr:hover td{
    background: #E8F5E9;
}
.divGoodsAdd .gs table th{
    padding: 0 3px;
    line-height: 30px;
    background: #fff;
    border: 0px;
}
.divGoodsAdd .gs table td{
    padding: 0 3px;
    line-height: 40px;
    background: #fff;
    border: 0px;
}
.divGoodsAdd .gs .cgc, .divGoodsAdd .gs .cvw, .divGoodsAdd .gs .ctr, .divGoodsAdd .gs .cwh{
    font-size: 12px;
    color: #aaa;
    white-space: nowrap;
    overflow: hidden;
    width: 130px;
}
.divGoodsAdd .gs .cgs{
    width: 120px;
}
.divGoodsAdd .gs .ccu{
    width: 70px;
    font-size: 16px;
    color: #3F51B5;
    font-weight: bold;
}

.divGoodsAdd .gs table .sta-1 td{
    background: #FCE4EC;
}
.divGoodsAdd .gs table .sta0 td{
    background: #fffde7;
}

.divGoodsAdd .btgsadd{
    text-align: center;
    width: 820px;
    margin: 0 auto;
    line-height: 30px;
    background: #ddd;
}
.divGoodsAdd .btgsadd:hover{
    background: #bbb;
}
.divGoodsAdd .bt{
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
}
.divGoodsAdd .bt button{
    margin: 0 120px;
    line-height: 25px;
    width: 200px;
}
.divGoodsAdd .btid input{
    width: 153px;
    margin: 0 10px;
}

.divGoodsAdd .imglistadd{
    width: 300px;
    height: 300px;
    margin: 0px;
    position: absolute;
    top: 30px;
    right: 46px;
    overflow: hidden;
    text-align: center;
}
.divGoodsAdd .goodimglist{
    width: 300px;
    height: 300px;
    margin: 0px;
}
.divGoodsAdd .goodimglist li{
    display: none;    
}
.divGoodsAdd .goodimglist .sel{
    display: block;
}
.divGoodsAdd .goodimglist .sel img{
    width: 100%;
    height: 100%;
    min-width: 200px;
    min-height: 200px;
}
.divGoodsAdd .goodimglist .add{
    line-height: 230px;
    height: 230px;
}
.divGoodsAdd .imgix{
    position: absolute;
    top: 120px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 30px;
    width: 100px;
    border-radius: 5px;
    color: #fff;
    left: 50%;
    margin-left: -51px;
    border: 1px #ffffff solid;
}
.divGoodsAdd .imgbt{
    display: none;
    width: 300px;
    position: absolute;
    bottom: 0;
    line-height: 40px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.divGoodsAdd .imglistadd:hover .imgbt{
    display: block;
}

.divGoodsAdd .zna .sel{
    background: #4CAF50;
    line-height: 35px;
    margin-top: 15px;
    border-radius: 5px;
    color: #fff;
}

.divGoodsGsAdd{
    padding-top: 10px;
}
.divGoodsGsAdd li{
    line-height: 70px;
    text-align: center;
}
.divGoodsGsAdd li .lb{    
    position: absolute;
    top: 5px;
    line-height: 10px;
    font-size: 10px;
    padding: 0 5px;
    background: #fff;
    margin-left: 5px;
    color: #aaa;
}
.divGoodsGsAdd li .sta{
    position: absolute;
    top: 7px;
    right: 70px;
    background: #ddd;
    line-height: 47px;
    padding: 0 20px;
    color: #fff;
}
.divGoodsGsAdd li .sta1{
    background: #8BC34A;
}
.divGoodsGsAdd li .sta0{
    background: #F44336;
}
.divGoodsGsAdd li input{
    width: 450px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 0 2px;
    padding: 0 5px;
}
.divGoodsGsAdd .bt{
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}
.divGoodsAddGs .bt button{
    margin: 0 30px;
}
.divGoodsPriAdd{
    padding-top: 10px;
}
.divGoodsPriAdd .pro{
    text-align: center;
    font-size: 12px;
    color: #4CAF50;
    line-height: 20px;
}
.divGoodsPriAdd li{
    line-height: 40px;
    text-align: center;
}
.divGoodsPriAdd li .lb{
    padding-right: 20px;
}
.divGoodsPriAdd li .sta{
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 90px;
    font-size: 12px;
    border: 1px #ddd solid;
    padding: 0px 10px;
    line-height: 30px;
    background: #ddd;
    color: #fff;
}
.divGoodsPriAdd li .st9{
    right: 90px;   
    /*background: #4CAF50;*/
}
.divGoodsPriAdd li .stpr{
    right: 35px;
    /*background: #4CAF50;*/
}

.divGoodsPriAdd table{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
}
.divGoodsPriAdd table td div{
    padding-top: 15px;
}
.divGoodsPriAdd table td input{
    width: 70%;
    height: 40px;
    font-size: 20px;
    text-align: center;
}
.divGoodsPriAdd .bt{
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}
.divGoodsPriAdd .bt button{
    margin: 0 30px;
}
.divGoodsPriAdd .toggle-label{    
    position: absolute;
    right: 22px;
    top: 10px;
}
.divBrandList .l{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: auto;
}
.divBrandList .l li{
    float: left;
    width: 18%;
    margin: 5px 1%;
    text-align: center;
    line-height: 45px;
    box-shadow: #ddd 0 0 0 1px;
    overflow: hidden;
    white-space: nowrap;
    height: 45px;
}
.divBrandList .l li:hover{
    border-color: #4CAF50;
    color: #4CAF50;
    font-weight: bolder;
}
.divBrandList .l p{
    clear: both;
    text-align: right;
    border-bottom: 1px #F44336 solid;
    margin-bottom: 5px;
}
.divBrandList .l p b{
    background: #F44336;
    color: #fff;
    padding: 0 10px;
}

.divBrandAdd li{
    line-height: 60px;
    text-align: center;
}
.divBrandAdd li input{
    width: 70%;
    line-height: 40px;
    height: 40px;
}
.divBrandAdd li button{
    margin: 0 30px;
}
.divBrandAdd li .img{
    border: 1px #ddd dashed;
    width: 102px;
    height: 36px;
    margin: 0 auto;
    position: absolute;
    right: 55px;
    top: 13px;
    line-height: 36px;
    font-size: 14px;
    color: #ddd;
    overflow: hidden;
    background: url(i/iadd.png) center no-repeat;
    background-size: 20px;
}
.divBrandAdd li .img img{
    width: 100%;
}

.divTypeAdd li{
    line-height: 60px;
    text-align: center;
}
.divTypeAdd li input{
    width: 70%;
    line-height: 40px;
    height: 40px;
}

.divTypeList .l{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: auto;
}
.divTypeList .l li{
    float: left;
    width: 18%;
    margin: 5px 1%;
    text-align: center;
    line-height: 45px;
    box-shadow: #ddd 0 0 0 1px;
    overflow: hidden;
    white-space: nowrap;
    height: 45px;
}
.divTypeList .l li:hover{
    border-color: #4CAF50;
    color: #4CAF50;
    font-weight: bolder;
}
.divTypeList .l p{
    clear: both;
    text-align: right;
    border-bottom: 1px #F44336 solid;
    margin-bottom: 5px;
}
.divTypeList .l p b{
    background: #F44336;
    color: #fff;
    padding: 0 10px;
}


.divGoodsList .h{
    height: 45px;
    border-bottom: 1px #E0E0E0 solid;
}
.divGoodsList .h select{
    margin: 6px 10px;
}
.divGoodsList .h input{
    width: 200px;
    margin: 6px 10px 0 0;
}
.divGoodsList .h .gt{
    float: left;
    width: 150px;
    height: 45px;
}
.divGoodsList .h .gt div{
    margin-top: 15px;
    width: 73px;
    float: left;
    line-height: 30px;
    border: 1px #eee solid;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-width: 0;
    font-size: 12px;    
}
.divGoodsList .h .gt .sel{
    border-color: #1565C0;
    background: #2196F3;
    color: #fff;
}
.divGoodsList .h .gt div:hover{
    border-color: #1565C0;
    background: #2196F3;
    color: #fff;
    box-shadow: inset 0px 0px 3px 1px;
}
.divGoodsList .t{
    position: absolute;
    width: 150px;
    top: 46px;
    bottom: 0;
    left: 0;
    border-right: 1px #E0E0E0 solid;
    overflow-y: auto;
    overflow-x: hidden;
}
.divGoodsList .t li{
    line-height: 40px;
    padding-left: 10px;
    border-bottom: 1px #EEEEEE solid;
}
.divGoodsList .t li:hover,.divGoodsList .t .sel{
    background: #E8F5E9;
}
.divGoodsList .t .th{
    line-height: 20px;
    background: #eee;
    font-size: 12px;
    border-top: 1px #9E9E9E solid;
    padding-left: 5px;
    color: #757575;
}

.divGoodsList .f{
    position: absolute;
    bottom: 1px;
    height: 60px;
    background: #eee;
    left: 151px;
    right: 0;
}
.divGoodsList .l{
    position: absolute;
    top: 48px;
    left: 152px;
    bottom: 61px;
    right: 1px;
}
.divGoodsList .l table{
    width: 100%;
    background: #ddd;
}
.divGoodsList .l table th{
    background: #ddd;
    line-height: 25px;
}
.divGoodsList .l table td{
    background: #fff;
    padding: 0 5px;
    text-align: right;
    height: 45px;
    position:relative;
}
.divGoodsList .l table .kc{
    font-weight: bold;
    color: #3F51B5;
    font-size: 18px;
}
.divGoodsList .l table .kc .bad{
    font-size: 12px;
    position: absolute;
    color: #f00;
    top: 0;
}
.divGoodsList .l .gs{
    color: #607D8B;
    font-size: 14px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.divGoodsList .l .zy{
    display: none;
}
.divGoodsList .l .zy span{
    font-size: 12px;
    display: inline-block;
    min-width: 46px;
    padding-right: 5px;
    text-align: right;
}
.divGoodsList .l .zy label{
    font-size: 12px;
    display: inline-block;
    min-width: 27px;
    color: #ddd;
}
.divGoodsList .l table .divcu span{
    line-height: 45px;
    float: left;
}
.divGoodsList .l table .divcu .cu{
    width: 70px;
    font-size: 18px;
    color: #3F51B5;
    border-right: 2px #ddd solid;
    padding-right: 10px;
    
}
.divGoodsList .l table .divcu .cuk{
    width: 250px;
    border: 0;
}
.divGoodsList .l table .divcu .pri{
    width: 80px;
    font-size: 18px;
    color: #FF5722;
    border-right: 2px #ddd solid;
    padding-right: 10px;
}
.divGoodsList .l table .divcu .mon{
    width: 90px;
    font-size: 18px;
    font-weight: bold;
    color: #607D8B;
}
.divGoodsList .l table .divcu .pl{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    line-height: 12px;
    width: 95px;
    color: #4CAF50;
}
.divGoodsList .l table .divcu .ml{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    line-height: 12px;
    color: #4CAF50;
}
.divGoodsList .l table .divcu .cuno{
    float: right;
    text-align: center;
    width: 175px;
    background: #ddd;
    line-height: 35px;
    margin: 5px 0 5px 5px;
    border-radius: 5px;
}
.divGoodsList .l table .divcu button{
    float: right;
    margin: 12px 20px;
}
.divGoodsList .l .divcue input{
    margin: 0 5px;
    text-align: right;
    font-size: 16px;
}
.divGoodsList .l .divcue .cu{
    width: 50px;
}
.divGoodsList .l .divcue .pri{
    width: 55px;
}
.divGoodsList .l .divcue .mon{
    width: 65px;
}

.divGoodsList .l table tr:hover td{
    background: #E8F5E9;
}
.divGoodsList .l table .divzy:hover .gn{
    display: none;
}
.divGoodsList .l table .divzy:hover .zy{
    display: block;
}
.divGoodsList .f .pageList{
    float: left;
    height: 60px;
    margin-left: 5px;
}
.divGoodsList .f .green{
    display: none;
}
.divGoodsList .f .green span{
    font-size: 12px;
    padding: 0 10px 0 3px;
}
.divGoodsList .f .green .sta{
    display: block;
}
.divGoodsList .f .green .lb{
    display: none;
}
.divGoodsList .f .green:hover .sta{
    display: none;
}
.divGoodsList .f .green:hover .lb{
    display: block;
}

.divSaleDetails table{
    width: 100%;
    border: 0;
    color: #555;
    border-collapse: collapse;
}
.divSaleDetails .h{
   font-size: 12px; 
}
.divSaleDetails .h .lb{    
    color: #aaa;
    margin-right: 5px;
    float: left;
}
.divSaleDetails .h .dt{
    float: left; 
    width: 130px;
}
.divSaleDetails .h div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    max-width: 624px;
    min-width: 300px;
    float: left;
}
.divSaleDetails .h .co .pn{
    float: right;
    color: #2196F3;
}
.divSaleDetails .h td{
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
}
.divSaleDetails .h p{
    overflow: hidden;
}
.divSaleDetails .l{
    position: absolute;
    top: 95px;
    right: 0;
    left: 0;
    bottom: 1px;
    overflow: auto;
}
.divSaleDetails table th{
    border: 1px #ddd solid;
    height: 40px;
}
.divSaleDetails table td{
    line-height: 40px;
    padding: 0 10px;
    border: 1px #ddd solid;
    position: relative;
    height: 50px;
    overflow: hidden;
    font-size: 12px
}
.divSaleDetails table .rec{
    width: 30px;
    text-align: center;
}
.divSaleDetails table td .gs{
    position: absolute;
    bottom: 0;
    right: 0;
    color: #795548;
    line-height: 20px;
}
.divSaleDetails table td .st{
    font-size: 12px;
    color: #4CAF50;
}
.divSaleDetails table td .pl{
    position: absolute;
    font-size: 12px;
    top: 0;
    right: 0;
    line-height: 12px;
    color: #4CAF50;
}
.divSaleDetails table td .dm{
    position: absolute;
    top: 0;
    right: 0;
    color: #ddd;
    font-size: 12px;
    line-height: 20px;
}
.divSaleDetails table td .cu1{
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
    font-size: 14px;
    color: #f00;
}
.divSaleDetails table td .cu2{
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
    font-size: 14px;
    color: #00f;
}
.divSaleDetails .l tr:hover td{
    background: #E8F5E9;
}
.divSaleDetails .l table tr:hover .rec span{
    display: none;
}
.divSaleDetails .l table tr:hover .rec button{
    display: block;
    border: 1px #ddd solid;
    padding: 5px 7px;
    background: #4CAF50;
    color: #fff;
    border-radius: 5px;
    margin: 0 auto;
}

.divSaleDetailsEdit{
    padding-top: 10px;
}
.divSaleDetailsEdit li{
    line-height: 65px;
    text-align: center;
}
.divSaleDetailsEdit li .lb{
    padding-right: 20px;
}
.divSaleDetailsEdit li input{
    width: 300px;
    height: 45px;
    font-size: 20px;
}
.divSaleDetailsEdit .bt{
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}
.divSaleDetailsEdit .bt button{
    margin: 0 30px;
}

.divBankAdd li{
    line-height: 55px;
    text-align: center;
}
.divBankAdd li select{
    width: 310px;
    height: 45px;
}
.divBankAdd li button{
    margin: 0 30px;
}
.divBankAdd .gz{
    display: none;
}

.divBankAdd li .lb{    
    position: absolute;
    top: 5px;
    line-height: 10px;
    font-size: 10px;
    padding: 0 5px;
    background: #fff;
    margin-left: 5px;
    color: #aaa;
}

.divBankAdd li input{
    width: 300px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 0 2px;
    padding: 0 5px;
}


.divBankMonCheck li{
        padding: 10px;
        line-height: 30px;
        text-align: center;
    }
    .divBankMonCheck li input{
        width: 70px;
        text-align: right;
    }
    .divBankMonCheck li span{
        padding-right: 10px;
    }

.divGoodsChangeList .h{
    border-bottom: 1px #607D8B solid;
}
.divGoodsChangeList .h .hl{
    height: 45px;
    width: 610px;
    line-height: 45px;
}
.divGoodsChangeList .h .hl li{
    overflow: hidden;
    height: 45px;
    border-top: 1px #fff solid;
    -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
}
.divGoodsChangeList .h .sel{
    background: #607D8B;
    color: #fff;
}

.divGoodsChangeList .h .hl li:hover{
    background: #607D8B;
    color: #fff;
}
.divGoodsChangeList .l{
    height: 500px;
}
.divGoodsChangeList .l table{
    width: 100%;
    background: #eee;
}
.divGoodsChangeList .l table th{
    height: 30px;
    color: #aaa;
    font-size: 14px;
    font-weight: normal;
}
.divGoodsChangeList .l table td{
    height: 44px;
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
    position: relative;
}
.divGoodsChangeList .l .cu1{
    font-size: 20px;
    color: #3F51B5;
}
.divGoodsChangeList .l .cu2{
    font-size: 20px;
    color: #E91E63;
}
.divGoodsChangeList .l .pri{
    font-size: 16px;
    color: #FF5722;
}

.divGoodsChangeList .l table tr:hover td{
    background: #E8F5E9;
}
.divGoodsChangeList .l table tr:hover .rec button{
    display: block;
    border: 1px #ddd solid;
    padding: 5px 7px;
    background: #4CAF50;
    color: #fff;
    border-radius: 5px;
    margin: 0 auto;
}
.divGoodsChangeList .l table tr:hover span{
    display: none;
}
.divGoodsChangeList .l table tr:hover .cDn{
    display: block;
}
.divGoodsChangeList .l table tr:hover .lb{
    position: absolute;
    top: 0;
    font-size: 12px;
    color: #ddd;
    left: 0;
}
.divGoodsChangeList .f{
    height: 55px;
    background: #eee;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

.divBankQrId table{
    width: 100%;
    background: #eee;
}
.divBankQrId table th{
    height: 30px;
    color: #aaa;
    font-size: 14px;
    font-weight: normal;
}
.divBankQrId table td{
    height: 44px;
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
    position: relative;
}

.divBankQrId table .sta0 td{
    background: #FCE4EC;
}

.divSaleSerAdd td{
    line-height: 65px;
    text-align: center;
}
.divSaleSerAdd .lb{
    padding: 20px;
}
.divSaleSerAdd input{
    width: 350px;
    height: 45px;
    font-size: 20px;
}
.divSaleSerAdd .goods{
    border: 1px #ddd solid;
    height: 80px;
    line-height: 40px;
    position: relative;
}
.divSaleSerAdd .goods .gn{
    text-align: left;
    padding: 0px 10px;
}
.divSaleSerAdd .goods .gs{
    position: absolute;
    bottom: 0;
    right: 10px;
    color: #795548;
}
.divSaleSerAdd .mon{
    display: inline-block;
    width: 179px;
    padding-right: 30px;
    font-size: 28px;
    line-height: 45px;
    margin-top: 9px;
  
    color: #FF5722;
    border: 1px #ddd solid;
    border-right: 0;
}
.divSaleSerAdd .bt{
    text-align: center;
}
.divSaleSerAdd .bt .button{
    margin: 15px 65px;
}
.divSaleSerAdd .st ul .sel{
    
    margin-top: 10px;
    height: 45px;
    line-height: 45px;
    color: #fff;
}
.divSaleSerAdd .it ul li{
    box-shadow: #aaa 0 0 2px 0;
    line-height: 40px;
    margin-top: 15px;
    color: #aaa;
}
.divSaleSerAdd .it ul .sel{    
    background: #d00;
    color: #fff;
}
.divSaleSerAdd ul .st1.sel{
    background: #FF9800;
}
.divSaleSerAdd ul .st2.sel{
    background: #f00;
}
.divSaleSerAdd ul .st3.sel{
    background: #4CAF50;
}

.divTranMarket .l{
    top: 50px;
    bottom: 0;
    
}

.divGoodsCuChangeAdd table{
    margin: 0 auto;
} 
.divGoodsCuChangeAdd .gn{
    line-height: 60px; 
    text-align: center; 
    font-size: 20px;
}
.divGoodsCuChangeAdd .gs li{
    line-height: 35px;
    padding: 5px 10px;
    border: 2px #ddd solid;
    width: 200px;
    margin: 0px;
    white-space: nowrap;  
    margin-bottom: 5px;
}
.divGoodsCuChangeAdd .gs li:last-child{
    margin-bottom: 0;
}
.divGoodsCuChangeAdd .gs li b{
    float: right;
}
.divGoodsCuChangeAdd .gs .sel{
    color: #4CAF50;
    border: 2px #4CAF50 solid;
}
.divGoodsCuChangeAdd .gt{
    border: 2px #efefef solid;
    font-size: 40px;
    padding: 0 10px;
    color: #ddd;
}

.divGoodsCuChangeAdd .changecu{
    text-align: center; 
    height: 36px; 
    line-height: 36px; 
    margin-right: 52px; 
    width: 95px; 
    font-size: 24px; 
    font-weight: 900;
}
.divGoodsInfoAdd .imglistadd{
    width: 272px;
    height: 272px;
    margin: 0px;
    position: absolute;
    top: 2px;
    right: 5px;
    border: 1px #ddd solid;
    overflow: hidden;
}
.divGoodsInfoAdd .goodimglist{
    width: 272px;
    height: 272px;
    margin: 0px;
}
.divGoodsInfoAdd .goodimglist li{
    display: none;    
}
.divGoodsInfoAdd .goodimglist .sel{
    display: block;
}
.divGoodsInfoAdd .goodimglist .sel img{
    width: 100%;
}
.divGoodsInfoAdd .goodimglist .add{
    line-height: 230px;
}
.divGoodsInfoAdd .imgix{
    position: absolute;
    top: 120px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 30px;
    width: 100px;
    border-radius: 5px;
    color: #fff;
    left: 50%;
    margin-left: -51px;
    border: 1px #ffffff solid;
}
.divGoodsInfoAdd .imgbt{
    display: none;
    width: 272px;
    position: absolute;
    bottom: 0;
    line-height: 40px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.divGoodsInfoAdd .imglistadd:hover .imgbt{
    display: block;
}

/*ico*/
.iref{
    background: url(i/iref.png) center no-repeat;
    float: right;
    height: 45px;
    width: 50px;
    background-position-y: -45px;
}
.iref:hover{
    background-color: #13227a;
    background-position-y: 0;
}

@keyframes blink{
    0% { opacity: 1; }
    80% { opacity: 1; }
    80.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes blink {
    0% { opacity: 1; }
    80% { opacity: 1; }
    80.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    80% { opacity: 1; }
    80.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% { opacity: 1; }
    80% { opacity: 1; }
    80.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes blink {
    0% { opacity: 1; }
    80% { opacity: 1; }
    80.01% { opacity: 0; }
    100% { opacity: 0; }
}

.ipoint{
    display: block;
    position: absolute;
    height: 32px;
    width: 32px;
    left: 50%;
    top: 50%;
    background: url(i/ipoint.png) no-repeat 0;
    margin-left: -16px;
    margin-top: -16px;
    animation: blink 2s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    -ms-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite
}

.divPrintSet select{
    width: 300px;
    margin-top: 20px;
    line-height: 40px;
    height: 40px;
}
.divPrintSet .bt{
    width: 60%;
    margin: 10px 20%;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
}

.divPrintSet .printlist{    
    width: 309px;
    float: left;
    border-right: 1px #795548 solid;
}
.divPrintSet .pagelist{    
    width: 309px;
    float: right;
    border-left: 1px #795548 solid;
}
.divPrintSet li{    
    line-height: 29px;
    border-bottom: 1px #ddd solid;
    font-size: 14px;
}
.divPrintSet .sel,.divPrintSet li:hover{
    background: #795548;
    color: #fff;
}
/**/
.cDn{
    display: none;
}
.cTAc{
    text-align: center!important;
}
.cTAr{
    text-align: right!important;
}
.cTAl{
    text-align: left!important;
}
.cFr{
    float:right!important;
}
.cFl{
    float:left!important;
}
.cMT5{
    margin-top: 50px!important;
}
.cC2196F3{
    color: #2196F3!important;
}    
.input-enable{
    color: #2196F3;
    border-color: #2196F3;
    font-weight: bold;
}
.cCd{
    color: #ddd;
}
.cCf00{
    color: #f00;
}
.cFS12{
    font-size: 12px;
}

.wid{
    display: none;
}

#d-l-divBankQr .d-l-t .st{
    padding: 0 20px;
    font-size: 14px;
    border-right: 1px #E0E0E0 solid;
    color: #9E9E9E;
    float: left;
}
#d-l-divBankQr .d-l-t .sel{
    color: #795548;
    font-weight: bold;
}

#d-l-divTidList .l li{    
    line-height: 40px;
    height: 40px;
    border: 1px #ddd solid;
    margin: 10px;
    padding: 0 10px;
    border-radius: 5px;
}
#d-l-divTidList .l .sel{
    color: #fff;
    background: #4CAF50;
}

.divBankQr table{
    width: 100%;
    background: #eee;
}
.divBankQr table th{
    height: 30px;
    color: #aaa;
    font-size: 14px;
    font-weight: normal;
}
.divBankQr table td{
    height: 44px;
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
    position: relative;
}

.divBankQr .divh{
    border-bottom: 1px #ddd solid;
    padding: 10px 10px;
}
.divBankQr .divh *{
    margin-right: 10px;
}
#d-l-divGoodsChangeList .d-l-t .gs{
    padding: 0 20px;
    font-size: 14px;
    border-right: 1px #E0E0E0 solid;
    color: #9E9E9E;
}
#d-l-divGoodsChangeList .d-l-t .sel{
    color: #795548;
    font-weight: bold;
}

    .divSaleStList li{
        line-height: 50px;
        text-align: center;
        background: #4CAF50;
        border-bottom: 3px #fff solid;
        margin: 10px;
        border-radius: 5px;
        color: #fff;
    }
    .divSaleStList li:hover{
        background: #2E7D32;
    }

    #d-l-divBankQrIn .monNoList{
        height: 100%;
        overflow: auto;
    }
    #d-l-divBankQrIn .monNoList table{
        background: #ddd;
        font-size: 12px;
    }
    #d-l-divBankQrIn .monNoList table th{
        background: #EFEBE9;
        line-height: 25px;
    }
    #d-l-divBankQrIn .monNoList td{
        background: #fff;
        padding: 0 5px;
        height: 50px;
        position: relative;
    }
    #d-l-divBankQrIn .monNoList tr:hover td{
        background: #E8F5E9;
    }
    #d-l-divBankQrIn .monNoList .db {
        color: #9E9E9E;
    }
    #d-l-divBankQrIn .monNoList .mon{
        font-size: 16px;
    }
    
    #d-l-divPicList .divPicList .pic{
        width: 1000px;
        height: 750px; 
        border-right: 2px #ddd solid;  
        overflow: hidden;
        position: relative;
    }
    #d-l-divPicList .divPicList .pic .pz{
        width: 1000px;
        height: 750px; 
        cursor: move;
        position: absolute;
    }

    #d-l-divPicList .divPicList .pic .rem{
        position: absolute;
        bottom: 10px;
        text-align: center;
        width: 100%;
        padding-top: 5px;
        text-shadow: 0 0 5px #FFEB3B;
        color: #fff;
        font-size: 20px;
    }
    
    #d-l-divPicList .divPicList .img{
        width: 1000px;
        height: 750px; 
        border-right: 2px #ddd solid;  
        display: none;
    }

    #d-l-divPicList .divPicList .divcamer{
        display: none;
    }
    #d-l-divPicList .divPicList .divcamer .rem{
        width: 90px;
        margin-top: 50px;
        height: 100px;
        border: 1px #ddd solid;
        padding: 5px;
        resize: none;
    }
    #d-l-divPicList .divPicList .camer #camer{
        width: 1000px;
        height: 750px;
        position: absolute;
        top: 1px;
        left: 1px;
    }
    #d-l-divPicList .divPicList .camer img{
        max-width: 100%;
        max-height: 100%;
    }
    #d-l-divPicList .divPicList .piclist{
        position: absolute;
        width: 115px;
        height: 700px;
        text-align: center;
        top: 0;
        right: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #d-l-divPicList .divPicList .piclist li{
        width: 100px;
        height: 75px;
        margin: 7px 0 0 5px;
        border-radius: 5px;
        overflow: hidden;
    }
    #d-l-divPicList .divPicList .piclist .sel{
        box-shadow: 0px 0px 4px 2px #4CAF50;
        border: 1px #4CAF50 solid;
    }
    #d-l-divPicList .divPicList .btlist{
        position: absolute;
        width: 115px;
        height: 750px;
        text-align: center;
        top: 0;
        right: 0;
    }
    #d-l-divPicList .divPicList .btlist .button{
        margin-top: 50px;
        line-height: 50px;
    }
    
    #d-l-divPicList .divPicList .btpic{
        position: absolute;
        width: 100px;
        height: 35px;
        border: 1px #ffc107 solid;
        bottom: 8px;
        right: 8px;
        text-align: center;
        line-height: 35px;
        border-radius: 10px;
        color: #ffffff;
        background: #4caf50;
    }
    #d-l-divPicList .divPicList .btdel{
        position: absolute;
        top: 10px;
        left: 10px;
        background: #e91e634f;
        color: #fff;
        border: 1px #ffffffa6 solid;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 12px;
    }
    
    #d-l-divTranGoodsA .divTranGoodsA table{
        width: 100%;
        background: #ddd;
    }
    #d-l-divTranGoodsA .divTranGoodsA table th{
        background: #EFEBE9;
        line-height: 25px;
    }
    #d-l-divTranGoodsA .divTranGoodsA table td{
        background: #fff;
        padding: 0 5px;
        text-align: right;
        height: 50px;
        position: relative;
    }
    #d-l-divTranGoodsA .divTranGoodsA table tr:hover td{
        background: #E8F5E9;
    }
    
    #d-l-divTranGoodsAC .divTranGoodsAC table{
        width: 100%;
        background: #ddd;
    }
    #d-l-divTranGoodsAC .divTranGoodsAC table th{
        background: #EFEBE9;
        line-height: 25px;
    }
    #d-l-divTranGoodsAC .divTranGoodsAC table td{
        background: #fff;
        padding: 0 5px;
        text-align: center;
        height: 50px;
        position: relative;
    }
    #d-l-divTranGoodsAC .divTranGoodsAC table tr:hover td{
        background: #E8F5E9;
    }
    
    #d-l-divBankQrAdd .divBankQrAdd{
        text-align: center;
        line-height: 50px;  
    }
    #d-l-divBankQrAdd .divBankQrAdd input{
        width: 300px;
    }

    
    #d-l-divYXGoodsAdd img{
        width: 100%;
    }
    #d-l-divYXGoodsAdd .con{
        position: relative;
        width: 375px;
        height: 667px;
        top: 10px;
        left: 10px;
        border: 2px #e1f5fe solid;
        border-radius: 5px ;
        overflow: overlay;
        cursor: pointer;
    }
    #d-l-divYXGoodsAdd .con .iadd{
        height: 320px;
        background: url(i/iadd.png) center no-repeat;
        background-size: 120px;
    }
    #d-l-divYXGoodsAdd .con .ih{
        height: 373px;
        border: 1px #e0e0e0 dashed;
        border-radius: 10px;
        overflow: hidden;
    }
    #d-l-divYXGoodsAdd .con .ih .ihl li{
        display: none;
    }
    #d-l-divYXGoodsAdd .con .ih .ihl .sel{
        display: block;
    }
    
    #d-l-divYXGoodsAdd .con .ih .ihbt{
        display: none;
        background: #00000066;
        color: #fff;
        height: 50px;
        line-height: 50px;
        position: absolute;
        top: 325px;
        width: 100%;
        border-radius: 0 0 5px 5px;
    }
    #d-l-divYXGoodsAdd .con .ih:hover .ihbt{
        display: block;
    }
    #d-l-divYXGoodsAdd .con .ih:hover .ihbt .ix{
        position: absolute;
        top: -30px;
        width: 100%;
        text-align: center;
        line-height: 30px;
    }
    #d-l-divYXGoodsAdd .con .gn{
        line-height: 50px;
        min-height: 50px;
        padding: 0 11.3px;
    }
    #d-l-divYXGoodsAdd .con .gs{
        line-height: 50px;
        min-height: 50px;
        padding: 0 11.3px;
    }
    #d-l-divYXGoodsAdd .con .rem{
        line-height: 31px;
        min-height: 31px;
        padding: 0 11.3px;
        color: #E91E63;
        font-size: 12px;
        border-top: 1px #e1f5fe dashed;  
    }
    #d-l-divYXGoodsAdd .con .gn span,#d-l-divYXGoodsAdd .con .rem span{ 
        display: inline-block;
        width: 100%;
    }
    #d-l-divYXGoodsAdd .con .gn input,#d-l-divYXGoodsAdd .con .rem input{ 
        width: 93%;
        padding: 0 3%;
    }
    #d-l-divYXGoodsAdd .con .rem input{
        height: 24px;
    }
    #d-l-divYXGoodsAdd .con .ic{
        border-top: 8px #e1f5fe solid; 
        line-height: 31px;
    }
    #d-l-divYXGoodsAdd .con .ic .ich{
        line-height: 32px;
        margin: 5px 10px;
        border-bottom: 2px #ffc107 solid;
        font-size: 14px;

    }
    #d-l-divYXGoodsAdd .con .ic .ich .i{
        transform: rotateZ(30deg);
        height: 20px;
        width: 2px;
        background: #FF9800;
        margin: 4px 10px 0 0;
        float: left;
    }


    #d-l-divYXGoodsAdd .con .ic .ici .icbt{
        display: none;
        position: absolute;
        width: 180px;
        background: #00000066;
        color: #fff;
        right: 0;
        bottom: 0;
        line-height: 45px;
        border-radius: 10px 0 0 0;
    }
    #d-l-divYXGoodsAdd .con .ic .ici:hover .icbt{
        display:block;
    }
    #d-l-divYXGoodsAdd .con .ic .add{    
        color: #03a9f4;
        text-align: center;
        line-height: 50px;
        border-top: 8px #e1f5fe solid;
        margin-bottom: 65px;
    }
    
    
    #d-l-divYXGoodsAdd .bt{
        position: absolute;
        top: 10px;
        left: 400px;
        width: 150px;
        bottom: 5px;
        border: 2px #e3f2fd solid;
        border-radius: 10px;
    }
    #d-l-divYXGoodsAdd .bt li{
        width: 100px;
        border: 1px #ddd solid;
        line-height: 40px;
        text-align: center;
        border-radius: 5px;
        margin: 20px auto 10px;
    }
    #d-l-divYXGoodsAdd .bt li.sel{
        background: #2196f3;
        color: #e1f5fe;
    }
    #d-l-divYXGoodsAdd .bt .btn{
        text-align: center;
        border-radius: 5px;
        width: 110px;
        margin: 0 auto;
        line-height: 40px;
        margin-top: 50px;
       
    }
    #d-l-divYXGoodsAdd .bt .tn{
        clear: both;
        margin-top: 20px;
        text-align: center;
        border-top: 1px #ddd dashed;
        padding: 20px 0;
    }
    #d-l-divYXGoodsAdd .bt .tn input{
        width: 100px;
    }
    #d-l-divYXGoodsAdd .bt .spilt{
        border-top: 2px #e1f5fe dashed;
        border-bottom: 2px #e1f5fe dashed;
    }


    #d-l-divYXGoodsStaP .gn{
        line-height: 60px;
        margin-top: 10px;
        text-align: center;
        border-bottom: 2px #e1f5fe dashed;
        white-space: nowrap;
        overflow: hidden;
    }

    #d-l-divYXGoodsStaP li{
        border: 1px #ddd solid;
        height: 40px;
        width: 120px;
        margin: 10px 0 10px 20px;
        border-radius: 5px;
        float: left;
    }
    #d-l-divYXGoodsStaP li .st{
        text-align: center;
        line-height: 40px;
        color: #795548;
    }
    #d-l-divYXGoodsStaP li label{
        position: absolute;
        line-height: 16px;
        font-size: 11px;
        top: -8px;
        left: 8px;
        display: inline-block;
        background: #fff;
        color: #bdbdbd;

    }
    #d-l-divYXGoodsStaP li input{
        width: 90px;
        height: 40px;
        border: 0;
        border-radius: 5px;
        padding: 0 15px;
    }

    #d-l-divYXGoodsStaP .bt{
        clear: both;
        text-align: center;
        padding-top: 20px;
    }

    #d-l-divYXGoodsStaP li .b{
        font-size: 18px;
        font-weight: bold;
        text-align: right;
    }

    #d-l-divYXGoodsStaP li .tt li{
        height: 30px;
        margin: 5px 0 0 30px;
        text-align: center;
        width: 140px;
        line-height: 30px;
        font-size: 12px;
        color: #fff;
        background: #e0e0e0;
    }
    #d-l-divYXGoodsStaP li .tt li.sel{
        background: #2196f3;
    }



    #d-l-divYXSDGB li{
        border: 1px #ddd solid;
        height: 40px;
        width: 120px;
        margin: 10px 0 10px 20px;
        border-radius: 5px;
        float: left;
    }
    #d-l-divYXSDGB li p{
        padding: 10px 0 0 10px;
        line-height: 30px;

        white-space: nowrap;
        overflow: hidden;
    }
    #d-l-divYXSDGB li .st{
        text-align: center;
        line-height: 40px;
        color: #795548;
    }
    #d-l-divYXSDGB li label{
        position: absolute;
        line-height: 16px;
        font-size: 11px;
        top: -8px;
        left: 8px;
        display: inline-block;
        background: #fff;
        color: #bdbdbd;

    }
    #d-l-divYXSDGB li input{
        width: 90px;
        height: 40px;
        border: 0;
        border-radius: 5px;
        padding: 0 15px;
    }

    #d-l-divYXSDGB .bt{
        clear: both;
        text-align: center;
        padding-top: 20px;
    }


#d-l-divZCAdd .divZCAdd{
    text-align: center;
}
#d-l-divZCAdd .img{
    width: 300px;
    height: 60px;
    line-height: 100px;
    text-align: center;
    box-shadow: 0 0 2px black;
    margin: 20px auto;
    border-radius: 5px;
    overflow: hidden;
}

#d-l-divZCAdd .zna input{
    width: 288px;
    border: 1px #ddd solid;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 31px;
}

#d-l-divZCAdd .bt{
    width: 300px;
    margin: auto;
}