.clr{clear:both;}.fc_white { color: #fff; }#tip,.fc_red { color: #f00; }.fc_blue { color: #00f; }.fc_green { color: green; } 
.fc_grey{ color: #999; } .tl { text-align: left; }.tc { text-align: center; }.tr { text-align: right;} .fl{float:left;}
.fr{float:right;}.hide{display:none;}.show{display:block;}

.main {padding: 10px;position: fixed;left: 0px;top: 0px;right: 0;bottom: 0;overflow-y: auto}
.abox {padding: 20px;background-color: #FFF;border-radius: 5px;border: 1px solid #DDD}
.ordertotal {height: 400px}
.orderform .layui-form-item {clear: none}
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;word-break: break-all}
.ellipsis-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.ellipsis-3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3}
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.pd10 {padding: 10px}

.pull-right { float: right; }

.pull-left { float: left; }
.text-center{text-align:center}
a{color:#2e7ee6}a:hover{color:#2e7ee6;}

.color-primary { color: #1E9FFF; }

.color-ornament { color: #c0a062; }

.bg_login { background-color: #1E9FFF; }

.loginwrap { width: 420px; margin: 110px auto 0; padding: 30px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 3px; }
.loginwrap .hd { text-align: center; }
.loginwrap .hd img { max-width:100% }
.loginwrap .bd { margin-top: 30px; }
.loginwrap .bd .layui-form-item { position: relative; }
.loginwrap .bd .layui-form-label { width: 38px; height: 38px; padding: 0; line-height: 38px; text-align: center; padding-left: 0; color: #666; position: absolute; left: 0; top: 0; z-index: 2; }
.loginwrap .bd .layui-input-block { margin-left: 0; }
.loginwrap .bd .layui-input-block .layui-input { padding-left: 40px; }
.loginwrap .vscode input { padding-right: 100px; }
.loginwrap .vscode img { width: 100px; height: 36px; position: absolute; right: 1px; top: 1px; }
.loginwrap .layui-btn { background-color: #1E9FFF; }
 
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.sucai{ width: 300px; background-color: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.05);}
.sucai .diyi{ height: 150px; position: relative; margin: 15px;}
.sucai .diyi img{ width: 100%; height: 150px;}
.sucai .diyi .name{ height: 36px; line-height: 36px; padding: 0 10px; position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); color: #fff;}
.sucai .item{ border-top: 1px solid #eee; margin: 0 15px; padding: 15px 0; position: relative;}
.sucai .item .img{ float: right; width: 60px; height: 60px; margin-left: 15px;}
.sucai .item .img img{ width: 60px; height: 60px;}
.sucai .item .cont{ overflow: hidden; font-size: 15px;}
.sucai .item .ctrl{display: none; height: 36px; line-height: 36px; position: absolute; left: -15px; right: -15px; top: -30px; background-color: rgba(0,0,0,.5); color: #fff; font-size: 12px; overflow: hidden;}
.sucai .item:hover:before{ content: ""; position: absolute; left: -15px; top: 0; right:-15px; bottom: 0; border: 4px solid #a3dfa3; border-radius: 2px;}
.sucai .item:hover .ctrl{ display: block;}
.sucai .item .ctrl span{ cursor: pointer; text-align: center; width: 40px;}
.sucai .item .ctrl .del{ float: right;}
.sucai .item .ctrl .up,.sucai .item .ctrl .down{ float: left; }
.sucai .add{ height: 80px;  border-top: 1px solid #eee;  text-align: center; margin: 0 15px; line-height: 80px; font-size: 50px; color: #ccc; cursor: pointer; font-family: arial;}


.copy { position: absolute; left: 0; right: 0; bottom: 20px; font-size: 12px; color: #fff; text-align: center; } 

.fenlei-left{ width:25%; border-right: 1px #eee solid; border-bottom: 1px #eee solid; padding: 10px; box-sizing: border-box; overflow: auto; box-sizing: border-box; position: absolute; left: 0; bottom: 0; top: 0;}
.fenlei-right{  width:75%; border-bottom: 1px #eee solid; padding: 10px; box-sizing: border-box; overflow: auto; box-sizing: border-box; position: absolute; right: 0; bottom: 0; top: 0;}

.layui-tab-card{margin: 0px;}
.layui-card button .layui-icon,.layui-card a .layui-icon{position:relative; right:0;top:0;}
.iframehtml{background: #fff; }
.iframehtml body{  padding: 20px 30px 0 0}
.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{margin-bottom: 0px !important;}
.clearfix{clear: both;}
.myueditor{padding: 0px;}

.fileinput {overflow:hidden; position:relative; cursor:pointer;}
.fileinput input {position: absolute;top: 0;right: 0;margin: 0;opacity: 1;-ms-filter: 'alpha(opacity=0)';font-size: 200px !important;direction: ltr;cursor: pointer; }

#hoverimg{ display:none; position:absolute; border:1px #ccc solid; padding:2px;z-index:10001; background:#fff}
#hoverimg img{ max-width:200px; max-height:200px; }