body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { padding: 0; margin: 0;}
fieldset, img { border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
p:before, q:after {content: '';}
abbr, acronym { border: 0;}
a{text-decoration:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease }
.clr {HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden}
BODY {FONT-SIZE: 12px; color:#000; font-family:"微软雅黑"; background:#f7f8f9 url(../images/adminbg.jpg) repeat-y 0px top;transition:all 0.4s ease }
img{ vertical-align:bottom}
input[type="text"],input[type="hidden"],input[type="password"],input[type="checkbox"],input[type="radio"],input[type="submit"],input[type="button"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;}
samp{font-family:"微软雅黑";}
div,ul,li,p,input,label{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

/*左侧*/
.admin-left{width:320px; overflow:hidden; position:fixed;left:0px;top:0px; z-index:123;transition:all 0.4s ease}
.logo{ width:100%; overflow:hidden; text-align:center; margin-top:28px;transition:all 0.4s ease}
.logo img{ width:140px; height:auto}
.admin-content{ width:100%; overflow:hidden; margin-top:23px}
.admin-item{ float:left; width:100%; overflow:hidden; height:56px; line-height:56px; font-size:16px;transition:none; cursor:pointer}
.admin-item a{ color:#fff; display:block}
.admin-item samp{ float:left; width:20px; height:56px; overflow:hidden; margin-left:32px}
.admin-item span{ float:left; display:inline; width:auto; margin-left:10px}
.admin-item em{ float:right; display:inline; width:15px; margin-right:20px; background:url(../images/icon-51.svg) no-repeat center; height:56px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);transition:all 0.4s ease}
.admin-item .rotate{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}
.admin-content .default{background:#1f1f1f; border-right:4px #ed091e solid}
.admin-content .de{background:#1f1f1f; border-right:4px #ed091e solid}
.admin-content .de .item1{ background:url(../images/admin-home2.svg) no-repeat center; background-size:19px}
.admin-content .de .item2{ background:url(../images/admin-app2.svg) no-repeat center; background-size:19px}
.admin-content .de .item3{ background:url(../images/admin-cw2.svg) no-repeat center; background-size:19px}
.admin-item .item1{ background:url(../images/admin-home1.svg) no-repeat center; background-size:19px}
.admin-item .item2{ background:url(../images/admin-app1.svg) no-repeat center; background-size:19px}
.admin-item .item3{background:url(../images/admin-cw1.svg) no-repeat center; background-size:19px}
.admin-content .default .item1{ background:url(../images/admin-home2.svg) no-repeat center; background-size:19px}
.admin-content .default .item2{ background:url(../images/admin-app2.svg) no-repeat center; background-size:19px}
.admin-content .default .item3{ background:url(../images/admin-cw2.svg) no-repeat center; background-size:19px}

.admin-content ul{ float:left; width:100%; overflow:hidden; height:0px;transition:all 0.3s ease}
.admin-content ul li{ float:right; width:259px; overflow:hidden; line-height:34px; height:34px; font-size:14px; color:#808080;}
.admin-content ul li a{ color:#808080; background:url(../images/icon-admin-14.png) no-repeat left center; padding-left:18px}
.admin-content ul .active a{color:#ed091e;background:url(../images/icon-admin-13.png) no-repeat left center; }
.admin-content ul li a:hover{ color:#ed091e;;background:url(../images/icon-admin-13.png) no-repeat left center}
.admin-content .show{ height:102px}

.admin-back{ width:80%; overflow:hidden; margin:0px auto; padding-top:20%}
.admin-back a{ width:100%; height:50px; line-height:50px; text-align:center; background:#0069d1 url(../images/login-3.svg) no-repeat 32% center;background-size:17px;border-radius:25px; font-size:16px; color:#fff; padding-left:20px; display:block;box-sizing:border-box}
.admin-back a:hover{ background-color:#ffc04f}

/*右侧*/
.admin-right{ float:left; width:100%; padding-left:320px; overflow:hidden;transition:all 0.4s ease}
.admin-main{width:100%;overflow:hidden; position:relative}

/*顶部导航*/
.admin-nav{ width:100%; overflow:hidden; border-bottom:1px #eee solid; padding:30px 3%}
.admin-nav .drop{ float:left; width:20px; height:20px; background: url(../images/icon-admin-1.png) no-repeat center; cursor:pointer; display:inline; margin:9px 20px 0px 0px}
.admin-form{ float:left; width:200px; height:32px; overflow:hidden; background:#f1f1f1; margin-top:2px}
.admin-form .search{ float:left; width:82%; height:32px; line-height:32px; padding:0px 15px; background:none;border:none}
.admin-form .button{ float:left; width:18%; height:32px; background: url(../images/icon-admin-2.svg) no-repeat center; cursor:pointer;border:none; background-size:16px}
.admin-list{ float:right; width:auto; overflow:hidden}
.admin-list p{ float:left; width:auto; overflow:hidden; line-height:20px; margin-top:10px}
.admin-list p a{ font-size:14px; color:#333; margin-left:38px;}
.admin-list p a:hover{ color:#ed091e}
.admin-user{ float:left; width: auto; overflow:hidden; display:inline; margin-left:39px; cursor:pointer}
.admin-img{ float:left; width:auto; overflow:hidden}
.admin-img img{ float:left; width:36px; height:36px;border-radius:50%}
.admin-img span{ float:left; width:30px; height:36px; background:url(../images/icon-51.svg) no-repeat center;background-size:12px}

/*概览*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#0069d1}
.admin-body{ width:96%;  margin:22px auto 0px; overflow:hidden}
.admin-web{ float:left; width:100%;  font-size:14px; color:#333; padding-left:15px; overflow:hidden}
.admin-app{ float:left; width:100%; overflow:hidden }
.app-item{ float:left; width:25%; padding:0px 15px 10px; margin-top:24px }
.app-cont{float:left; width:100%;border:1px #eee solid; background:#fff;box-shadow:0px 0px 6px 4px rgba(238,238,238,0.6);border-radius:6px; padding-bottom:40px; cursor:pointer; overflow:hidden}
.app-cont h4{ width:100%; overflow:hidden; line-height:70px; font-size:16px; color:#1c2736; border-bottom:1px #eee solid; padding:0px 10%}
.app-list{ width:80%; overflow:hidden; margin:12px auto 0px}
.app-list p{ float:left; width:100%; overflow:hidden; line-height:30px; font-size:14px; color:#1c2736}
.app-list p span{ font-weight:bold; color:#333; font-size:16px}
.app-list p em{ font-weight:bold; color:#0069d1; font-size:16px}
.app-res{ width:80%; overflow:hidden; margin:30px auto 0px; font-size:14px}
.app-res span{ float:left; color:#aaa; font-weight:bold}
.app-res p{ float:right; color:#0069d1; font-weight:bold}
.app-progress{display: flex; width:80%; overflow:hidden; margin:10px auto 0px; font-size:12px; height:16px; line-height:16px;border-radius:8px; text-align:center}
.app-progress span{ float:left; width:20%; height:16px; background:#e9ecef; color:#333}
.app-progress p{ float:left; width:80%; height:16px; background:#0069d1; color:#fff}
.app-item .appshadow{box-shadow: 0px 0px 10px 4px rgba(138,138,138,0.3);}

.app-pannel{ float:left; width:100%; overflow:hidden; margin-top:30px; padding:0px 15px}
.app-table{ float:left; width:67%; overflow:hidden;background:#fff;box-shadow:0px 0px 6px 4px rgba(238,238,238,0.6);border-radius:6px;}
.table-head{ width:93%; overflow:hidden; margin:30px auto 0px}
.table-head h3{ float:left; width:100%; font-size:16px; font-weight:bold; color:#1c2736; margin-top:3px}
.table-head .app-drop{ float:left; width:18%; overflow:hidden; display:inline; margin-top:18px}
.table-head select{ float:left; width:100%; border-radius:16px; line-height:32px; height:32px; background:#e9ecef url(../images/icon-admin-5.svg) no-repeat 94% center ;background-size:12px; font-size:14px; color:#333; border:none; padding-left:15px; appearance: none; -moz-appearance: none;  -webkit-appearance: none; }
.table-date{ float:left; width:auto; overflow:hidden; height:32px; line-height:32px;border-radius:16px;background:#e9ecef; padding:0px 14px; display:inline; margin:18px 0px 0px 20px}
.table-left{ float:left; width:auto; line-height:32px; background:url(../images/icon-admin-10.svg) no-repeat left center;background-size:19%; font-size:14px; color:#333; padding-left:23px}
.date1,.date2{ float:left; width:auto; line-height:32px;}
.date1 input,.date2 input{float:left; width:80px; border:none;padding:0px; background:none; line-height:32px; font-size:14px; color:#999}
.table-line{ float:left; width:20px; height:32px; overflow:hidden; background:url(../images/icon-admin-1.jpg) no-repeat center}
.table-down{ width:100%; overflow:hidden; padding:10px 0px 16px; text-align:center; font-size:14px; color:#333}
.table-down a{ color:#333; background:url(../images/icon-admin-11.svg) no-repeat right center; padding-right:28px; display:inline-block;background-size:18px;}
.table-down a:hover{ color:#0069d1;background:url(../images/icon-admins-11.svg) no-repeat right center;background-size:18px;}
.table-main{ width:100%; overflow:hidden; margin:0px auto; padding:30px 0px 0px}

.app-area{float:right; width:31%; overflow:hidden;background:#fff;box-shadow:0px 0px 6px 4px rgba(238,238,238,0.6);border-radius:6px;}
.area-date{ float:left; width:auto; overflow:hidden; height:32px; line-height:32px;border-radius:16px;background:#e9ecef; padding:0px 14px; margin-top:18px}
.area-price{ width:100%; overflow:hidden; text-align:center; font-size:16px; font-weight:bold; color:#333; padding-bottom:15px}
.kong{ width:100%; overflow:hidden; height:70px}
.app-area .table-main{ padding:0px; margin-top:50px; padding-bottom:21px}

/*左侧收起*/
.leftslide{background-position:-260px center}
.leftslide .admin-left{ width:60px}
.leftslide .admin-item samp{ margin-left:20px}
.leftslide .logo{ margin-left:8px; width:48px}
.leftslide .admin-back{ text-align:center; width:100%}
.leftslide .admin-back a{ text-indent:20em; background-position:center; height:50px; width:50px; display:inline-block}
.leftslide .admin-right{ padding-left:60px}

/*开票弹窗*/
.kpbg{ width:100%; overflow:hidden; position:fixed;left:0px;top:0px; z-index:23423432;background:rgba(0,0,0,0.1); height:100%; display:none;transition:all 0.3s ease}
.kp{ width:35%; overflow:hidden; margin:5% auto 0px; background:#fff;border-radius:5px; padding:20px 0px; position:relative; height:82%}
.kp h3{ width:100%; overflow:hidden; text-align:center; font-size:22px; color:171f29; margin-top:15px}
.kp .exit{ width:30px; height:30px; overflow:hidden; background: url(../images/icon-admin-21.svg) no-repeat; position:absolute;right:20px;top:20px; cursor:pointer}
.kp form{ width:90%; margin:30px auto 0px; overflow:hidden; font-size:14px; color:#aaa}
.kp-input{ float:left; width:49%; overflow:hidden; height:38px; border:1px #dfdfdf solid;border-radius:4px; padding:0px 20px}
.kp-input label{ float:left; width:auto; line-height:38px; height:38px; overflow:hidden;  }
.kp-input p{ float:right; width:auto; line-height:38px;color:#0069d1; }
.kp-input p span{margin-left:9px; color:#aaa}
.kp-mess{ float:right; width:49%; overflow:hidden; height:38px; border:1px #dfdfdf solid;border-radius:4px; text-align:center; line-height:38px; cursor:pointer}
.kp-mess a{ width:100%; height:100%; display:block; cursor:pointer}
.mess-sel{border-color:#0069d1;}
.mess-sel a{ color:#0069d1; font-weight:bold}
.kp-form{ float:left; width:100%;overflow:hidden; height:38px; border:1px #dfdfdf solid;border-radius:4px; padding:0px 20px; margin-top:10px}
.kp-form input{ float:left; width:100%; overflow:hidden; line-height:38px; height:38px; border:none; padding:0px; color:#555}
.kp-type1,.kp-type2{ float:left; width:49%; overflow:hidden; height:38px; border:1px #dfdfdf solid;border-radius:4px; padding:0px 20px; margin-top:10px; line-height:38px; position:relative}
.kp-type2{ float:right }
.kp-type1 input,.kp-type2 input{ width:100%; height:100%; display:block; position:absolute;left:0px;top:0px; z-index:234;opacity:0;filter:alpha(opacity=0)}
.selected{border:2px #0069d1 solid; height:36px; line-height:36px; background:url(../images/icon-admin-3.jpg) no-repeat right bottom}
.kp-bottom{ float:left; width:100%; overflow:hidden; padding:20px 0px 10px; text-align:center}
.kp-bottom span{ width:140px; height:40px; display:inline-block; line-height:40px; text-align:center; overflow:hidden;border-radius:20px; background:#ddd; font-size:14px; color:#fff; margin-right:10px; cursor:pointer}
.kp-bottom span:hover{ background:#999}
.kp-bottom input{ width:140px; height:40px; display:inline-block; line-height:40px; text-align:center; overflow:hidden;border-radius:20px; background:#0069d1; font-size:14px; color:#fff; margin:0px 0px 0px 10px; padding:0px; border:none; vertical-align:bottom;cursor:pointer}
.kp-bottom input:focus,.kp-bottom input:hover{ background:#ffc04f}

/*弹窗*/
.appbg{ width:100%; overflow:hidden; position:fixed;left:0px;top:0px; z-index:234;background:rgba(0,0,0,0.1);height:100%; display:none;transition:all 0.3s ease;opacity:0;filter:alpha(opacity=0)}
.prop-main{ width:0px; height:0px;border-radius:6px; background:#fff; position:fixed;left:50%;top:50%; z-index:534; margin-left:0px; margin-top:0px;transition:all 0.3s ease; overflow:hidden}
.prop-main .close{ width:30px; height:30px; position:absolute; right:20px;top:27px; cursor:pointer; background:url(../images/icon-admin-16.svg) no-repeat center;}
.prop-main h3{ width:80%; margin:60px auto 0px; border-bottom:1px #ddd solid; font-size:22px; color:#0069d1; font-weight:bold; padding-bottom:26px}
.prop-main ul{ float:left; width:50%; overflow:hidden; border-right:1px #ddd  solid; margin-top:50px}
.prop-main ul p{ float:right; width:80%; overflow:hidden; font-size:16px; color:#1c2736; padding-bottom:15px}
.prop-main ul li{ float:right; width:80%; overflow:hidden; font-size:14px; color:#ccc; line-height:30px}
.prop-main ul li span{ font-size:16px; color:#333; font-weight:bold}
.slideup {background:rgba(0,0,0,0.5);opacity:1;filter:alpha(opacity=100); display:block}
.prop-main ul:nth-child(2n){ border:none}
.props{width:470px; height:470px;margin-left:-235px; margin-top:-235px;}
.prop-scroll{ width:100%; overflow:hidden; height:320px; margin-top:10px}

/*我的应用*/
.genner-body{ float:left; width:100%; overflow:hidden; padding:12px; margin-top:12px}
.genner-content{width:100%; overflow:hidden; background:#fff;box-shadow:0px 0px 6px 4px rgba(238,238,238,0.6);border-radius:6px; padding:27px 20px 36px}
.genner-body .find{ padding-bottom:0px}

.genner-head{ float:left; width:100%; overflow:hidden; padding:0px 20px}
.genner-head h3{ float:left; width:auto; font-size:16px; color:#1c2736; line-height:32px}
.genner-head span{ float:right; width:auto; overflow:hidden}
.genner-head span a{ width:107px; height:32px; line-height:32px; overflow:hidden; display:block; background:#0069d1 url(../images/icon-admin-17.png) no-repeat 80% center;border-radius:16px; padding-left:20%;box-sizing:border-box; font-size:14px; color:#fff; cursor:pointer}
.genner-head span a:hover{ background-color:#ffc04f}
.genner-head em{ float:right; width:auto; overflow:hidden}
.genner-head em a{ width:147px; height:42px; line-height:42px; overflow:hidden; display:block; background:#ffc04f url(../images/login-3.svg) no-repeat 25% center;background-size:17px;border-radius:21px; padding-left:40%;box-sizing:border-box; font-size:14px; color:#fff}
.genner-head em a:hover{ background-color:#0069d1}
.genner-nav{ float:left; width:100%; overflow:hidden; padding:20px 20px;border-top:1px #e5e5e5 solid;border-bottom:4px #e5e5e5  solid; margin-top:20px; line-height:20px; font-size:14px; color:#333; font-weight:bold}
.genner-nav span{ float:left}
.genner-nav .nav1,.genner-item .param1{ width:13%}
.genner-nav .nav2,.genner-item .param2{ width:16%}
.genner-nav .nav3,.genner-item .param3{ width:27%}
.genner-nav .nav4,.genner-item .param4{ width:29%}
.genner-nav .nav5,.genner-item .param5{ width:15%}

.genner-nav .navs1,.genner-item .params1{ width:16%}
.genner-nav .navs2,.genner-item .params2{ width:16%}
.genner-nav .navs3,.genner-item .params3{ width:32%}
.genner-nav .navs4,.genner-item .params4{ width:16%}
.genner-nav .navs5,.genner-item .params5{ width:12%}
.genner-nav .navs6,.genner-item .params6{ width:8%}

.genner-nav .tick1,.genner-items .ft1{ width:12%}
.genner-nav .tick2,.genner-items .ft2{ width:14%}
.genner-nav .tick3,.genner-items .ft3{ width:11%}
.genner-nav .tick4,.genner-items .ft4{ width:17%}
.genner-nav .tick5,.genner-items .ft5{ width:13%}
.genner-nav .tick6,.genner-items .ft6{ width:16%}
.genner-nav .tick7,.genner-items .ft7{ width:9%}
.genner-nav .tick8,.genner-items .ft8{ width:8%}

.genner-nav .mess1,.genner-items .mes1{ width:8%}
.genner-nav .mess2,.genner-items .mes2{ width:8%}
.genner-nav .mess3,.genner-items .mes3{ width:11%}
.genner-nav .mess4,.genner-items .mes4{ width:11%}
.genner-nav .mess5,.genner-items .mes5{ width:8%}
.genner-nav .mess6,.genner-items .mes6{ width:13%}
.genner-nav .mess7,.genner-items .mes7{ width:8%}
.genner-nav .mess8,.genner-items .mes8{ width:6%}
.genner-nav .mess9,.genner-items .mes9{ width:8%}
.genner-nav .mess10,.genner-items .mes10{ width:9%}
.genner-nav .mess11,.genner-items .mes11{ width:10%}

.genner-list{ float:left; width:100%; overflow:hidden;}
.genner-item{ float:left; width:100%; overflow:hidden; padding:22px 20px; font-size:14px; color:#aaa; border-bottom:1px #e5e5e5 solid;transition:none }
.line{ display:none}
.items-bg{background:#f4f5f6;}
.items-bg a{ color:#666}
.genner-item .param{ float:left; overflow:hidden; padding-right:8px; line-height:22px;word-break: break-all;transition:all 0.3s ease; height:22px; position:relative}
.genner-item .param i{ width:32px; height:100%; position:absolute;right:5px;top:0px; z-index:12; background:url(../images/mask-bg.png) repeat-y right top}
.genner-list .slidein .param i{background:url(../images/mask-bg2.png) repeat-y right top}
.genner-item .param span{ float:left; width:auto; height:22px; display:inline; margin-right:22px; display:inline}
.genner-item .param span a{ font-size:14px; color:#666; background:url(../images/admin-search1.svg) no-repeat left center;background-size:16px; padding-left:19px;transition:all 0s ease}
.genner-item .param em { float:left; width:auto; height:22px;}
.genner-item .param em a{ font-size:14px; color:#666; background:url(../images/admin-edit1.svg) no-repeat left center;background-size:17px; padding-left:19px;transition:all 0s ease}
.genner-list .slidein{ background:#f4f5f6;color:#666}
.genner-list .slidein span a:hover{background:url(../images/admin-search2.svg) no-repeat left center;color:#0069d1;background-size:16px}
.genner-list .slidein em a:hover{background:url(../images/admin-edit2.svg) no-repeat left center;background-size:17px;color:#0069d1}

.genner-num{ float:left; width:auto; line-height:36px; font-size:14px; color:#333; padding-left:20px; margin-top:34px}
.genner-page{ float:right; width:auto; overflow:hidden; margin-top:30px}
.page{ padding:0px 20px}
.genner-page span{ float:left; width:auto; display:inline; margin:0px 5px}
.genner-page span a{ width:36px; height:36px; overflow:hidden; text-align:center; line-height:36px;border-radius:50%; font-size:14px; color:#999; display:block;border:3px #fff solid}
.genner-page span a:hover{ color:#0069d1}
.genner-page .active a{ color:#fff; background:#0069d1;border-color:#cce1f6}
.genner-page p{ float:left; width:auto; margin-top:3px; display:inline; margin-left:8px}
.genner-page p samp{ float:left; width:86px; height:36px; overflow:hidden; line-height:36px; text-align:center; font-size:14px; }
.genner-page p samp a{background:#e5e5e5;color:#fff; display:block;}
.genner-page p samp:first-child{border-radius:18px 0px 0px 18px}
.genner-page p samp:last-child{border-radius:0px 18px 18px 0px}
.genner-page p samp a:hover{ background:#0069d1}
.genner-page .active a:hover{ color:#fff}
.genner-body .tk .genner-head{ padding:0px 20px}
.genner-body .tk .genner-tk{ float:left; width:100%; overflow:hidden; }
.genner-items{ float:left; width:100%; overflow:hidden; padding:22px 20px; font-size:14px; color:#aaa;position:relative;border-bottom:1px #e5e5e5 solid;transition:none;}

.genner-items .param{ float:left; overflow:hidden; padding-right:8px; line-height:22px; height:22px;word-break: break-all;transition:all 0.3s ease; position:relative}
.genner-items .param i{ width:32px; height:100%; position:absolute;right:5px;top:0px; z-index:12; background:url(../images/mask-bg.png) repeat-y right top;}
.items-bg .param i{background:url(../images/mask-bg2.png) repeat-y right top}

.genner-items .ft1{ background:url(../images/icon-admin-19.png) no-repeat left center; padding-left:24px}
.genner-items .ft8 a{ background:url(../images/admin-arr1.svg) no-repeat left center;background-size:18px; display:inline-block; padding-left:30px; color:#666;transition:all 0s ease}
.genner-items .ft8 a:hover{ background:url(../images/admin-arr2.svg) no-repeat left center; background-size:18px;color:#ed091e}

.genner-items .param span{ float:left; width:auto; height:22px; display:inline; margin-right:22px; display:inline}
.genner-items .param span a{ font-size:14px; color:#666; background:url(../images/admin-edit1.svg) no-repeat left center;background-size:17px; padding-left:19px;transition:all 0s ease}
.genner-items .param span a:hover{ color:#0069d1; background:url(../images/admin-edit2.svg) no-repeat left center; background-size:17px;}
.genner-items .param em { float:left; width:auto; height:22px;}
.genner-items .param em a{ font-size:14px; color:#666; background:url(../images/admin-error1.svg) no-repeat left center;background-size:22px; padding-left:22px;transition:all 0s ease}
.genner-items .param em a:hover{color:#ed091e; background:url(../images/admin-error2.svg) no-repeat left center;background-size:22px}

/*我的订单*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#0069d1}
.genner-head ul{ float:left; width:auto; overflow:hidden}
.genner-head ul li{ float:left; width:auto; padding:0px 16px; font-size:16px; display:inline; margin:0px 12px; line-height:60px; padding-bottom:2px}
.genner-head ul li a{ color:#333}
.genner-head ul .border{ border-bottom:4px #0069d1 solid; margin-left:0px}
.genner-head ul .border a{ color:#0069d1}
.top{ margin-top:0px}
.genner-body .tk .order{ padding-left:20px}
.genner-nav .order1,.genner-items .ms1{ width:12%}
.genner-nav .order2,.genner-items .ms2{ width:12%}
.genner-nav .order3,.genner-items .ms3{ width:12%}
.genner-nav .order4,.genner-items .ms4{ width:10%}
.genner-nav .order5,.genner-items .ms5{ width:8%}
.genner-nav .order6,.genner-items .ms6{ width:10%}
.genner-nav .order7,.genner-items .ms7{ width:9%}
.genner-nav .order8,.genner-items .ms8{ width:8%}
.genner-nav .order9,.genner-items .ms9{ width:19%}
.genner-items  .dis{ color:#ed091e}
.genner-items .param p{ float:left; width:auto; height:22px; display:inline; margin-right:22px;}
.genner-items .param p a{ font-size:14px; color:#666; background:url(../images/admin-price1.svg) no-repeat left center;background-size:19px; padding-left:22px;transition:all 0s ease}
.genner-items .param .pay a{ background:url(../images/admin-price2.svg) no-repeat left center;background-size:19px; color:#0069d1 }
.genner-items .param strong{ float:left; width:auto; height:22px;}
.genner-items .param strong a{ font-size:14px; color:#666; background:url(../images/admin-error1.svg) no-repeat left center;background-size:24px; padding-left:24px;transition:all 0s ease; font-weight:normal}
.genner-items .param .del a{color:#ed091e; background:url(../images/admin-error2.svg) no-repeat left center;background-size:24px;}
.genner-items .param samp{ float:right; width:auto; height:22px;}
.genner-items .param samp a{ color:#666}
.genner-items .param samp a:hover{color:#0069d1}
.genner-items .ms1 input{ margin-right:4px}
input[type="checkbox"]{background:none;background-size: contain;vertical-align: bottom; -webkit-appearance: none;border:1px #ccc solid; width:14px; height:14px; background:#fff;border-radius:2px;}

.genner-items .ms1 input[type="checkbox"]:checked{ background: url(../images/icon-admin-2.jpg) no-repeat center}
input[type="checkbox"]:checked{ background: url(../images/icon-admin-2.jpg) no-repeat center;vertical-align: bottom}
.genner-all{ float:left; width:auto; overflow:hidden; display:inline; margin:20px 0px 0px 20px; font-size:14px; color:#333; cursor:pointer}
.genner-all input{ margin-right:5px}

/*user*/
.user-drop{ width:120px; overflow:hidden; position:absolute;right:20px;top:70px; background:#fff;border:1px #ddd solid;border-radius:5px; padding:10px; display:none}
.user-drop span{ float:left; width:100%; overflow:hidden;}
.user-drop span a{ float:left; width:100%; overflow:hidden; line-height:28px; border-bottom:1px #eee solid; font-size:12px; color:#222}
.user-drop span a:hover{ color:#f00}
.genner-items .mes11 span{ margin:0px}
.genner-items .mes11 em{ float:right}


/*数据表尺寸*/
#main,#jk{ height:400px;}
#bar,#area{ height:323px}
@media screen and (max-width:1660px){
/*左侧*/
body {background-position:-50px 0px }
.admin-left{width:270px;}
.logo img{ width:130px;}
.admin-content{ margin-top:20px}
.admin-item{ height:52px; line-height:52px; font-size:14px;}
.admin-content ul li{ width:206px; font-size:12px;}
.admin-back{ width:70%; }
.admin-back a{height:46px; line-height:46px; font-size:14px;}
.leftslide .logo{ width:40px; margin-left:10px}
.leftslide .admin-back a{ height:46px; width:46px;}
/*右侧*/
.admin-right{ padding-left:270px; }

.genner-nav .tick1,.genner-items .ft1{ width:10%}
.genner-nav .tick8,.genner-items .ft8{ width:10%}

.genner-nav .mess1,.genner-items .mes1{ width:10%}
.genner-nav .mess2,.genner-items .mes2{ width:8%}
.genner-nav .mess3,.genner-items .mes3{ width:11%}
.genner-nav .mess4,.genner-items .mes4{ width:9%}
.genner-nav .mess5,.genner-items .mes5{ width:8%}
.genner-nav .mess6,.genner-items .mes6{ width:13%}
.genner-nav .mess7,.genner-items .mes7{ width:8%}
.genner-nav .mess8,.genner-items .mes8{ width:6%}
.genner-nav .mess9,.genner-items .mes9{ width:8%}
.genner-nav .mess10,.genner-items .mes10{ width:7%}
.genner-nav .mess11,.genner-items .mes11{ width:12%}

.genner-nav .order4,.genner-items .ms4{ width:8%}
.genner-nav .order6,.genner-items .ms6{ width:8%}
.genner-nav .order8,.genner-items .ms8{ width:8%}
.genner-nav .order9,.genner-items .ms9{ width:23%}

/*数据表尺寸*/
#main,#jk{ height:302px;}
#bar,#area{ height:223px}

.area-date{ padding:0px 5px 0px 12px}

}



@media screen and (max-width:1440px){
/*左侧*/
body {background-position:-80px 0px }
.admin-left{width:240px;}
.logo img{ width:120px;}
.admin-content ul li{ width:178px; font-size:12px;}
.admin-back a{height:42px; line-height:42px; font-size:14px;}
.leftslide .logo{ width:40px; margin-left:11px}
.admin-back a{ font-size:14px; padding-left:25px;background-position:30% center}
.leftslide .admin-back a{ height:42px; width:42px;}
/*右侧*/
.admin-right{ padding-left:240px; }	
.table-head .app-drop{ width:110px}	
/*概览*/
.app-area .table-main{ padding:0px; margin-top:60px; padding-bottom:48px}

/*数据表尺寸*/
#main,#jk{ height:314px;}
#bar,#area{ height:200px}

}

@media screen and (max-width:1366px){
/*左侧*/
body {background-position:-100px 0px }
.admin-left{width:220px;}
.logo img{ width:120px;}
.admin-content ul li{ width:158px;}
/*右侧*/
.admin-right{ padding-left:220px; }	

.genner-nav .tick1,.genner-items .ft1{ width:10%}
.genner-nav .tick2,.genner-items .ft2{ width:13%}
.genner-nav .tick8,.genner-items .ft8{ width:11%}

.genner-nav .order7,.genner-items .ms7{ width:7%}
.genner-nav .order9,.genner-items .ms9{ width:25%}
.genner-items .param p{ margin-right:10px}

/*数据表尺寸*/
#main,#jk{ height:246px;}
#bar,#area{ height:120px}
.app-area .table-main{ padding:0px; margin-top:60px; padding-bottom:58px}
.app-table{ width:60%}
.app-area{ width:37%}
}

@media screen and (max-width:1240px){
/*左侧*/
body {background-position:-120px 0px }
.admin-left{width:200px;}
.logo img{ width:110px;}
.admin-content ul li{ width:138px;}
.admin-back a{height:38px; line-height:38px; font-size:12px;}
.leftslide .logo{ width:36px; margin-left:13px}
.admin-back a{ font-size:12px; padding-left:25px;background-position:30% center}
.leftslide .admin-back a{ height:42px; width:42px;}
/*右侧*/
.admin-right{ padding-left:220px; }	

/*概览*/
.app-item{ width:50%; }
.kp{ width:65%;}
.area-price{ font-size:14px}
.table-head h3{ font-size:15px}
.table-head .app-drop{ width:20%; margin-right:0px}
.table-head select{ height:28px; line-height:28px;}
.admin-item{ font-size:14px}

.genner-nav .nav1,.genner-item .param1{ width:9%}
.genner-nav .nav2,.genner-item .param2{ width:15%}
.genner-nav .nav3,.genner-item .param3{ width:27%}
.genner-nav .nav4,.genner-item .param4{ width:29%}
.genner-nav .nav5,.genner-item .param5{ width:20%}
.genner-item .param span{ margin-right:0px}
.genner-item .param em{ float:right}

.genner-nav .tick1,.genner-items .ft1{ width:9%}
.genner-nav .tick2,.genner-items .ft2{ width:13%}
.genner-nav .tick3,.genner-items .ft3{ width:11%}
.genner-nav .tick4,.genner-items .ft4{ width:15%}
.genner-nav .tick5,.genner-items .ft5{ width:12%}
.genner-nav .tick6,.genner-items .ft6{ width:15%}
.genner-nav .tick7,.genner-items .ft7{ width:9%}
.genner-nav .tick8,.genner-items .ft8{ width:16%}

.genner-nav .mess1,.genner-items .mes1{ width:11%}
.genner-nav .mess2,.genner-items .mes2{ width:8%}
.genner-nav .mess3,.genner-items .mes3{ width:10%}
.genner-nav .mess4,.genner-items .mes4{ width:9%}
.genner-nav .mess5,.genner-items .mes5{ width:8%}
.genner-nav .mess6,.genner-items .mes6{ width:9%}
.genner-nav .mess7,.genner-items .mes7{ width:8%}
.genner-nav .mess8,.genner-items .mes8{ width:6%}
.genner-nav .mess9,.genner-items .mes9{ width:8%}

.genner-nav .mess10,.genner-items .mes10{ width:5%}
.genner-nav .mess11,.genner-items .mes11{ width:18%}


.genner-nav .order7,.genner-items .ms7{ width:7%}


.genner-nav .order1,.genner-items .ms1{ width:11%}
.genner-nav .order2,.genner-items .ms2{ width:11%}
.genner-nav .order6,.genner-items .ms6{ width:8%}
.genner-nav .order8,.genner-items .ms8{ width:8%}
.genner-nav .order4,.genner-items .ms4{ width:6%}
.genner-nav .order5,.genner-items .ms5{ width:6%}
.genner-nav .order3,.genner-items .ms3{ width:9%}
.genner-nav .order9,.genner-items .ms9{ width:34%}
.genner-items .param p{ margin-right:7px}

.app-table{ width:100%}
.app-area{ width:100%; margin-top:20px}
#main,#jk{ height:320px;}
#bar,#area{ height:360px}
}
@media screen and (max-width:960px){
/*左侧*/
body {background-position:-200px 0px }
.admin-left{width:120px;}
.logo img{ width:90px;}
.admin-content{ margin-top:10px}
.admin-item{ height:48px; font-size:12px; line-height:48px}
.admin-item samp{ margin-left:15px}
.admin-content .de .item1{ background-position:0px 15px}
.admin-content .de .item2{ background:url(../images/icon-admin-15.png) no-repeat 0px 15px}
.admin-content .de .item3{ background:url(../images/icon-admin-15.png) no-repeat 0px 15px}
.admin-item .item1{background-position: 0px 15px}
.admin-item .item2{ background-position: 0px 15px}
.admin-item .item3{ background-position: 0px 15px}
.admin-content .default .item1{ background-position:0px 15px}
.admin-content .default .item2{ background-position: 0px 15px}
.admin-content .default .item3{ background-position: 0px 15px}
.admin-content ul li{ width:105px;}
.admin-back{ width:80%}
.admin-back a{height:32px; line-height:32px;  padding-left:25px;background-position:21% center}
.leftslide .admin-back a{ height:32px; width:32px;}
.leftslide .logo{ width:32px; margin-left:16px}
/*右侧*/
.admin-right{ padding-left:120px; }

.genner-nav .mess1,.genner-items .mes1{ width:8%}
.genner-nav .mess2,.genner-items .mes2{ width:8%}
.genner-nav .mess3,.genner-items .mes3{ width:10%}
.genner-nav .mess4,.genner-items .mes4{ width:10%}
.genner-nav .mess5,.genner-items .mes5{ width:8%}
.genner-nav .mess6,.genner-items .mes6{ width:10%}
.genner-nav .mess7,.genner-items .mes7{ width:8%}
.genner-nav .mess8,.genner-items .mes8{ width:6%}
.genner-nav .mess9,.genner-items .mes9{ width:8%}

.genner-nav .mess10,.genner-items .mes10{ width:4%}
.genner-nav .mess11,.genner-items .mes11{ width:20%}


.genner-nav .order1,.genner-items .ms1{ width:10%}
.genner-nav .order2,.genner-items .ms2{ width:10%}
.genner-nav .order6,.genner-items .ms6{ width:7%}
.genner-nav .order8,.genner-items .ms8{ width:7%}
.genner-nav .order4,.genner-items .ms4{ width:6%}
.genner-nav .order5,.genner-items .ms5{ width:6%}
.genner-nav .order3,.genner-items .ms3{ width:9%}
.genner-nav .order9,.genner-items .ms9{ width:38%}
.genner-items .param p{ margin-right:7px}

}
@media screen and (max-width:768px){
/*概览*/	
.admin-list{ float:right; margin-top:0px; width:auto}
.admin-list p{ width:auto}
.admin-list p a{ margin:0px 10px 0px 0px}
.admin-user{ float:right; margin:0px}
.admin-nav .drop{ margin-right:0px}

.app-item{ width:100%}
.table-head select{ width:90px}
.prop-main .close{right:10px;top:17px; }
.prop-main h3{ width:80%; margin:20px auto 0px; font-size:18px; padding-bottom:16px}
.prop-main ul{ margin-top:24px}
.admin-back{ margin-top:40%}
.props{width:340px; height:340px;left:50%;top:50%; margin-left:-170px; margin-top:-170px;}
.table-date{ margin-left:0px}
/*我的应用*/
.kp{ width:90%;}
.kp-bottom span{ width:100px; height:30px; line-height:30px;border-radius:15px;font-size:16px; margin-right:10px;}
.kp-bottom input{ width:100px; height:30px; line-height:30px;border-radius:15px; font-size:16px; margin:0px 0px 0px 10px; }
.user-drop{top:118px}
.genner-body{overflow-x:scroll}
.genner-content{ width:1200px; }
.genner-item .param span{ margin-right:20px}
.genner-item .param em{ float:left}

.genner-nav .tick1,.genner-items .ft1{ width:9%}
.genner-nav .tick2,.genner-items .ft2{ width:13%}
.genner-nav .tick3,.genner-items .ft3{ width:12%}
.genner-nav .tick4,.genner-items .ft4{ width:15%}
.genner-nav .tick5,.genner-items .ft5{ width:12%}
.genner-nav .tick6,.genner-items .ft6{ width:17%}
.genner-nav .tick7,.genner-items .ft7{ width:11%}
.genner-nav .tick8,.genner-items .ft8{ width:11%}

.genner-nav .mess1,.genner-items .mes1{ width:9%}
.genner-nav .mess2,.genner-items .mes2{ width:8%}
.genner-nav .mess3,.genner-items .mes3{ width:10%}
.genner-nav .mess4,.genner-items .mes4{ width:10%}
.genner-nav .mess5,.genner-items .mes5{ width:9%}
.genner-nav .mess6,.genner-items .mes6{ width:12%}
.genner-nav .mess7,.genner-items .mes7{ width:8%}
.genner-nav .mess8,.genner-items .mes8{ width:7%}
.genner-nav .mess9,.genner-items .mes9{ width:8%}

.genner-nav .mess10,.genner-items .mes10{ width:8%}
.genner-nav .mess11,.genner-items .mes11{ width:11%}

.prop-scroll{ height:244px}
}