@charset "utf-8";
body{margin:0;padding:0;background:#eee;color:#333;letter-spacing:1px;font-family:"微软雅黑",Arial,Helvetica,sans-serif;font-size:14px}
blockquote,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,textarea,ul{padding:0;margin:0}
table,td,th,tr{font-size:13px}
ol,ul{list-style:none}
li{list-style-type:none}
img{vertical-align:top;border:0}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:14px}
address,cite,code,em,i,th{font-weight:400;font-style:normal}
i{margin-right:2px}
td span{margin-right:5px}
small{font-size:12px;color:#aaa;margin:0 10px}
form{display:inline}
.cl{clear:both}
a{color:#585858;text-decoration:none}
a:visited{text-decoration:none}
a:hover{color:#f50;text-decoration:none}
a:active{color:#ba2636}
.wrap{margin:0 auto;width:100%}
.layui-header{background-color:#393939;border-bottom: 1px solid #555;}
.layui-header ul{background-color:#393939;}
.layui-logo{width: 399px;height:100%;line-height:60px;color:#ccc;font-size:20px;margin-left: 20px;}
.layui-logo span{font-size:9px;}
.layui-logo img{margin: 15px 5px;width: 32px;}
.wrap_right{background:#eee;position:relative;padding:15px 30px}
.data_list{margin-right:1%;margin-bottom:20px;float:left}
.data_list h3{border-bottom:1px solid #d4d4d4;font-size:16px;height:35px}
.data_list h3 strong.type_a{color:#c00;border-bottom:3px solid #c00}
.data_list strong{height:35px;line-height:35px;border-bottom:3px solid #293c55;padding:5px 10px}
.data_list .databox{margin-top:10px;background:#fafafa;padding:1%;min-height:500px}
.listw{width:100%}
.data_gleft{float:left;width:33%;margin-bottom:15px}
.dataguide{display:block;width:100%;float:left;margin-top:10px;line-height:35px}
.dataguide span{background:#dfdfdf;padding:0 15px;float:left;height:35px;line-height:35px;margin-right:5px;font-size:16px}
.dataguide span:hover{background:#d3d3d3}
.dataguide span.current{background:#cc3732;color: #fff;}
.dataguide span.current a{color:#fff;}
.dataguide span.add{background: #009688;}
.dataguide span.add a{color:#fff;}
.dataguide span.current a:hover,.dataguide span.add a:hover{color:#eee;}
.guide{margin-bottom:15px;color:#888}
.guide a{margin-right:5px}
.footer{background:#eee;text-align:center;padding:30px 0;color:#aaa;font-size:13px}
.form-box{padding:0 20px;font-size:13px;}
.databox table{width:100%;border-collapse:collapse}
.databox table thead th{font-weight:700;font-size:15px}
.databox tbody{border-bottom:1px solid #DDD;margin-bottom:10px}
.databox tbody tr{background:#FFF}
.databox tbody tr.alt-row{background:#F3F3F3}
.databox table td,.databox table th{padding:15px 5px;line-height:1.3em;vertical-align:middle}
.button{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0;margin:0}
table th{text-align:left;font-weight:700}
.table th{font-weight:700}
.table td,.table th{padding:8px;line-height:20px}
.table td{text-align:left}
.tLeft{text-align:left}
.tRight{text-align:right;width:120px}
.long{width:468px}
.huge{width:350px}
.large{width:280px}
.medium{width:100px}
.small{width:65px}
.mini{width:35px}
.c-red,.c-red a,a.c-red{color:#C00;font-weight:700}
.hide{display:none!important}
form label{display:block;padding:0 0 5px;font-weight:700}
form fieldset legend{font-weight:700;margin-bottom:10px;padding-top:10px}
form p small{font-size:.75em;color:#777}
.text-input,form input.text-input,form select,form textarea{margin:1px;padding:6px;font-size:13px;height:36px;line-height:36px;border:1px solid #D5D5D5;color:#333;border-radius:4px}
.smallest-input,form .smallest-input{width:60px!important}
.smaller-input,form .smaller-input{width:100px!important}
.small-input,form .small-input{width:120px!important}
form .medium-input{width:150px!important}
form .large-input{width:50%!important}
form textarea{width:80%;height:50px;font-family:Arial,Helvetica,sans-serif}
form select{padding:4px;height:34px;line-height:34px;background:#FFF;width:auto}
form input[type=checkbox],form input[type=radio]{padding:0;border:0;line-height:20px}
p{padding:10px 0 10px 0!important;line-height:1.6em}
p.submit{padding-left:40px}
.button{font-family:Verdana,Arial,sans-serif;background:#006DCC;border:none;padding:9px 16px!important;color:#FFF!important;font-size:11px!important;cursor:pointer}
.button:hover{text-decoration:none;background:#333}
.button:active{padding:9px 16px!important}
.button2{background:#383}
.Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px}
.Validform_right{color:#71b83d;padding-left:20px;background:url(../images/right.png) no-repeat left center}
.Validform_wrong{color:red;padding-left:20px;white-space:nowrap;background:url(../images/error.png) no-repeat left center}
.Validform_loading{padding-left:20px;background:url(../images/loading.gif) no-repeat left center}
.Validform_error{background-color:#ffe7e7}
.tip{font-size:12px}
.tip_ok{color:#50A000}
.tip_no{color:#C00}
.tip_ing{color:#A9A9A9}
.filter-box{float:right;margin-right:0;}
.filter{padding:0;list-style:none}
.filter li{float:left}
.filter li span{display:block;color:#666;cursor:pointer;font-size:13px}
.filter li span.active{background:#cc3732;color:#fff}
.float{position:fixed;right:180px;top:200px;width:160px;height:auto;max-height:300px;background:#eee;border:1px solid #11859A;overflow-y:auto}
.float ul{margin:10px}
.float ul li{margin:10px 0;font-size:15px}
.float .title{background-color:#11859A;height:30px;padding:10px 0 0 10px;color:#eee;font-size:16px}
.a-upload{line-height:15px;position:relative;cursor:pointer;color:#eee;background:#006DCC;border:1px solid #ddd;border-radius:4px;display:inline-block}
.a-upload input{position:absolute;right:0;top:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;width: 96px;height: 33px;}
.a-upload:hover{color:#fff;background:#333;border-color:#ccc;text-decoration:none}
.uploadTip{font-size:12px}
.uploadTip a{font-size:12px;text-decoration: underline;color:#e00;}
.openClose{float:right;margin-left:20px;line-height:30px}
.a-demo{padding:4px 10px;height:30px;line-height:30px;position:relative;cursor:pointer;color:#006DCC;border-radius:4px;display:inline-block}
.a-demo:hover{color:#333;border-color:#ccc}
.red{color:#c00}
.green{color:#0a5}
.gray{color: #666;}
.orangle{color: #fa0;}
.delete{text-decoration:line-through;}
.item td{padding-left:18px!important}
.optLayer{padding:10px;z-index:1000}
.fixed{position:fixed;top:50px;background-color:#cdcdcd;padding:20px 30px;width:85.8%}
.titleLayer{padding:10px;z-index:1000}
.fixed2{position:fixed;top:125px;background-color:#cdcdcd;width:90.29%}
.hide{display:none}
.on{background:#cc3732!important}
.on a{color:#fff}
.on a:hover{color:#ddd}

.progress-layer{margin: 20px 5px;}
.scroll{width:60px; height:60px; background:#cc3732; color:#fff; line-height:60px; text-align:center; position:fixed; right:10px; bottom:10px; cursor:pointer; font-size:14px;}

.databox .layui-table td, .layui-table th {
    position: relative;
    min-height: 16px;
    line-height: 16px;
    /*font-size: 12px;*/
}
.databox .layui-table-cell {
    height: auto;
    position: relative;
    box-sizing: border-box;
}
.databox a.icon-btn{
    border-radius: 20px;
    height: 20px;
    width: 20px;
    line-height: 18px;
    padding: 1px;
    margin: 1px;
}
.picker .layui-colorpicker-trigger-span{width: 22px;}
.picker i.layui-colorpicker-trigger-i{width: 20px;height: 20px;line-height: 20px;}

.layui-table-cell .layui-form-checkbox[lay-skin=primary]{top: 0;}

/*index*/
.layui-logo img{width:36px;margin-right: 6px;border-radius: 3px;}
.f1-box{background: #393939;width:100%!important;text-align: center;color:rgba(255,255,255,.7);padding: 50px 0;}
.f1-box h1{font-size: 39px;}
.f1-box p.text{font-size: 20px;margin: 30px 0;}
.f1-box .download-btn, .f1-box .qun-btn{width:200px;height:60px;line-height: 60px;font-size: 26px;font-weight: 300;}
.f1-box .qun-btn{color: #009688; border: 1px solid #009688; background: #ddd;}
.f1-box .qun-btn:hover{color: #009688; border: 1px solid #009688; background: #ddd;}
.func-preview{margin-top: 50px;width: 100%;}
.func-preview .layui-elem-field{width: 800px; margin: 0 auto 50px; text-align: center;border-color: #ddd;}
.func-preview .layui-elem-field legend{padding: 0 15px;}
.func-items{margin: 50px auto; font-size: 0; text-align: center; font-weight: 300; width: 1300px;}
.func-items li{display: inline-block; vertical-align: top; *display: inline; *zoom:1; font-size: 14px; margin-bottom: 30px;}
.func-items li{width: 298px; height: 110px; padding: 30px; line-height: 26px; margin-left: 30px; border: 1px solid #d2d2d2; text-align: left;}
.func-items li:first-child{margin-left: 0}
.func-items .layui-field-title{width: 300px;border-color: #d2d2d2}
.func-items .layui-field-title legend{margin: 0 20px 20px 0; padding: 0 20px; text-align: center;}