From 40ed5f0442e422a7cd5cc5daade97fa4505489a5 Mon Sep 17 00:00:00 2001 From: "huan.xu" <275942173@qq.com> Date: Tue, 19 May 2020 17:58:54 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/user.js | 1 - src/api/yyyf.js | 17 + src/pages/css/general.css | 223 + src/pages/css/layui.css | 3582 +++++++++++++++++ src/pages/css/style.css | 205 + src/pages/studyGrade.app.js | 6 + src/pages/studyGrade.vue | 286 ++ .../{yyyfLogin.app.js => yyyflogin.app.js} | 2 +- src/pages/{yyyfLogin.vue => yyyflogin.vue} | 2 +- 9 files changed, 4321 insertions(+), 3 deletions(-) create mode 100644 src/pages/css/general.css create mode 100644 src/pages/css/layui.css create mode 100644 src/pages/css/style.css create mode 100644 src/pages/studyGrade.app.js create mode 100644 src/pages/studyGrade.vue rename src/pages/{yyyfLogin.app.js => yyyflogin.app.js} (77%) rename src/pages/{yyyfLogin.vue => yyyflogin.vue} (99%) diff --git a/src/api/user.js b/src/api/user.js index 8ac64ad..73b369c 100644 --- a/src/api/user.js +++ b/src/api/user.js @@ -9,7 +9,6 @@ const Host1 = ethApi + '/'; //登录 export function signIn(data) { - debugger; return request({ method: 'post', url: Host + 'login/password2', diff --git a/src/api/yyyf.js b/src/api/yyyf.js index edc0e3b..dbff564 100644 --- a/src/api/yyyf.js +++ b/src/api/yyyf.js @@ -15,3 +15,20 @@ export function signIn(data) { timeout: -1, }); } + +export function getExamOverview(data) { + return request({ + method: 'post', + url: Host + 'teachingGrade/getExamOverview', + params: data, + }); +} + +export function getExamDetails(data) { + return request({ + method: 'get', + url: Host + 'teachingGrade/getExamDetails', + params: data, + }); +} + diff --git a/src/pages/css/general.css b/src/pages/css/general.css new file mode 100644 index 0000000..b4f4623 --- /dev/null +++ b/src/pages/css/general.css @@ -0,0 +1,223 @@ +@charset "utf-8"; +body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,fieldset,input,textarea,blockquote,font{padding: 0px;margin: 0px; font-family:\5FAE\8F6F\96C5\9ED1;} +input, textarea, keygen, select, button, isindex, meter, progress {-webkit-writing-mode: horizontal-tb;} +input, textarea, keygen, select, button, isindex { + margin: 0em; + font: -webkit-small-control; + color: initial; + letter-spacing: normal; + word-spacing: normal; + text-transform: none; + text-indent: 0px; + text-shadow: none; + display: inline-block; + text-align: start; +} +h1,h2,h3,h4,h5,h6,b,strong {font-weight:800 } +table { border-collapse: collapse; border-spacing: 0; table-layout:fixed; } +fieldset,img{ border:0; } +select,input,select,label { vertical-align:middle } +ul,ol{ list-style: none; } + +/*link*/ +a {text-decoration:none; cursor:pointer;} +a:hover {text-decoration:none;} +.pointer {cursor:pointer;} + +/* 去a虚线框 cdl clear dotted line */ + +.cdl, aactive { outline:none; blr:expression(this.onFocus=this.blur()) } +focus { outline:none } /* for Firefox*/ + +/*clear*/ +.clear {clear:both; margin:0px; padding:0px;} + +/* new clearfix */ +.clearfix:after { +visibility: hidden; +display: block; +font-size: 0; +content: " "; +clear: both; +height: 0; +} +* html .clearfix { zoom: 1; } /* IE6 */ +*:first-child+html .clearfix { zoom: 1; } /* IE7 */ + +/*float*/ +.fl { float:left; display:inline; } /* 左浮动 */ +.fr { float:right; } /* 右浮动 */ + +/* text */ +.textl {text-align:left;} +.textr {text-align:right;} +.textc {text-align:center;} +.bold {font-weight:800;} + +.overflow {overflow:hidden;} +.fn{ font-style:normal; font-weight:normal;} +.nowrap{ white-space:nowrap;} +.indent {text-indent:2em;} +.ellipsis{-o-text-overflow: ellipsis; text-overflow: ellipsis; + -icab-text-overflow: ellipsis; + -khtml-text-overflow: ellipsis; + -moz-text-overflow: ellipsis; + -webkit-text-overflow: ellipsis; +white-space:nowrap; overflow:hidden; } + +/* display and position */ +.disb {display:block;} +.hide {display:none;} +.inlineBlock {display:inline-block; *zoom:1; *display:inline; vertical-align:middle;} +.absolute { position:absolute} +.relative { position:relative;} +/*新增相对窗口定位*/ +.fixed { position:fixed;} + +/* margin */ +.nomp {margin:0px; padding:0px;} +.nomar{margin:0px;} +.mar10 {margin:10px;} +.mt10 {margin-top:10px;} +.mb10 {margin-bottom:10px;} +.ml10 {margin-left:10px;} +.mr10 {margin-right:10px;} +.mar20 {margin:20px;} +.mt20 {margin-top:20px;} +.mb20 {margin-bottom:20px;} +.ml20 {margin-left:20px;} +.mr20 {margin-right:20px;} +.m0a { margin:0 auto; } /*容器内水平居中*/ +/* padding */ +.nopad {padding:0px;} +.pad10 {padding:10px;} +.pl10 {padding-left:10px;} +.pr10 {padding-right:10px;} +.pb10 {padding-bottom:10px;} +.pt10 {padding-top:10px;} +.pad20 {padding:20px;} +.pl20 {padding-left:20px;} +.pr20 {padding-right:20px;} +.pb20 {padding-bottom:20px;} +.pt20 {padding-top:20px;} + +/* font */ +font {font:12px normal;} +.nofont {font-size:0px;} +.font12 {font-size:12px;} +.font14 {font-size:14px;} +.font16 {font-size:16px;} +.font18 {font-size:18px;} +.font15 {font-size:15px;} +.lh24{line-height:24px;} +.lh18{line-height:18px;} + +/*CSS3.0*/ +.radius + {/* border radius *//* (-moz-\-webkit-)border-top-left-radius:; \ -moz-border-radius-topleft:; */ + -moz-border-radius: 3px; + -khtml-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + } +.radius50 + {/* border radius *//* (-moz-\-webkit-)border-top-left-radius:; \ -moz-border-radius-topleft:; */ + -moz-border-radius: 50%; + -khtml-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + } +.shadow + { + /*box shadow*//*(-moz-\-webkit-)box-shadow:;*/ + -moz-box-shadow: rgba(0,0,0,0.3) 0 4px 4px; + -webkit-box-shadow: rgba(0,0,0,0.3) 0 4px 4px; + -khtml-box-shadow: rgba(0,0,0,0.3) 0 4px 4px; + box-shadow: rgba(0,0,0,0.3) 0 4px 4px; /*filter:progid:DXImageTransform.Microsoft.Shadow(enabled=Enabled,color=#000,Strength=4,Direction=135);*/ + } + +/*隐藏文字*/ +.offScreen{ + left: -9999px; + position: absolute;} + + +.ofh { overflow:hidden; } /*溢出隐藏 */ +.tal { text-align:left; } /* 内容左对齐*/ +.tar { text-align:right; } /* 内容右对齐 */ +.tac { text-align:center; } /* 内容居中*/ + + +::-webkit-input-placeholder { /* WebKit browsers */ + color: #999; +} +:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + color: #999; +} +::-moz-placeholder { /* Mozilla Firefox 19+ */ + color: #999; +} +:-ms-input-placeholder { /* Internet Explorer 10+ */ + color: #999; +} +/* 输入框隐藏边框 */ +input,button,select,textarea{ outline:none;} +textarea{resize:none;} + +/*新增*/ +.b1sd{ border:1px solid #dedede;} +.w100{ width:100%;} +.c333{ color:#333;} +.c666{ color:#666;} +.c999{ color:#999;} +.bgfff{ background:#fff;} +.cf00{ color:#f00;} +a:visited{color:#333;} +a:active{color:#004276;} +a:link{color:#333;} +a:hover{ color:#ec7443;} + +/*pre标签超出换行*/ +pre{ wite-space:pre-warp; word-wrap:break-word;} + +/*拆分字母*/ +.wordBreak{ table-layout:fixed; word-break:break-all; overflow:hidden;} + +/*透明度*/ +.opacity{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} +.opacity50{opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;} + +/*去掉谷歌Input黄色背景*/ +input{-webkit-box-shadow:0 0 0px 1000px white inset;} + + + +.zj_offset { + width: 1px; + height: 1px; + display: none; +} +.borp{ position: fixed; z-index: 3;} +ul.project-mana-ul{ + margin-top: 0; + width: 735px; + margin-left: -34px; + overflow: hidden; +} +ul.project-mana-ul li{ + padding-top: 40px; + margin: 0 34px; +} +ul.ppt-ul li{ + cursor:pointer; +} +.pro-mana-img-all.bgColor { + border: 2px solid #f00; + box-sizing: border-box; + background-position: -2px -2px; +} +.pro-mana-img-all.bgColor .added-btn{ + width: 66px; + height: 66px; + border: none; +} diff --git a/src/pages/css/layui.css b/src/pages/css/layui.css new file mode 100644 index 0000000..17a1375 --- /dev/null +++ b/src/pages/css/layui.css @@ -0,0 +1,3582 @@ +/** layui-v2.0.1 MIT License By http://www.layui.com */ +.layui-btn, .layui-inline, img { + vertical-align: middle +} + +.layui-btn, .layui-disabled, .layui-icon, .layui-unselect { + -webkit-user-select: none; + -ms-user-select: none; + -moz-user-select: none +} + +blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, + input, li, ol, p, pre, td, textarea, th, ul { + margin: 0; + padding: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +a:active, a:hover { + outline: 0 +} + +img { + display: inline-block; + border: none +} +.zoomimg{ + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; +} +li { + list-style: none +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +h1, h2, h3 { + font-size: 14px; + font-weight: 400 +} + +h4, h5, h6 { + font-size: 100%; + font-weight: 400 +} + +button, input, optgroup, option, select, textarea { + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + outline: 0 +} + +pre { + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word +} +/* +@font-face { + font-family: layui-icon; + src: url(../font/iconfont.eot?v=2.0.0); + src: url(../font/iconfont.eot?v=2.0.0#iefix) format('embedded-opentype'), + url(../font/iconfont.svg?v=2.0.0#iconfont) format('svg'), + url(../font/iconfont.woff?v=2.0.0) format('woff'), + url(../font/iconfont.ttf?v=2.0.0) format('truetype') +}*/ + +.layui-icon { + font-family: layui-icon !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +body { + line-height: 24px; + font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, + Tahoma, Arial, sans-serif +} + +hr { + height: 1px; + margin: 10px 0; + border: 0; + background-color: #e2e2e2; + clear: both +} + +a { + color: #333; + text-decoration: none +} + +a:hover { + color: #777 +} + +a cite { + font-style: normal; + *cursor: pointer +} + +.layui-border-box, .layui-border-box * { + box-sizing: border-box +} + +.layui-box, .layui-box * { + box-sizing: content-box +} + +.layui-clear { + clear: both; + *zoom: 1 +} + +.layui-clear:after { + content: '\20'; + clear: both; + *zoom: 1; + display: block; + height: 0 +} + +.layui-inline { + position: relative; + display: inline-block; + *display: inline; + *zoom: 1 +} + +.layui-edge { + position: absolute; + width: 0; + height: 0; + border-style: dashed; + border-color: transparent; + overflow: hidden +} + +.layui-elip { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap +} + +.layui-disabled, .layui-disabled:hover { + color: #d2d2d2 !important; + cursor: not-allowed !important +} + +.layui-circle { + border-radius: 100% +} + +.layui-show { + display: block !important +} + +.layui-hide { + display: none !important +} + +.layui-main { + position: relative; + width: 1140px; + margin: 0 auto +} + +.layui-header { + position: relative; + z-index: 1000; + height: 60px +} + +.layui-header a:hover { + transition: all .5s; + -webkit-transition: all .5s +} + +.layui-side { + position: fixed; + top: 0; + bottom: 0; + z-index: 999; + width: 200px; + overflow-x: hidden +} + +.layui-side-scroll { + width: 220px; + height: 100%; + overflow-x: hidden +} + +.layui-body { + position: absolute; + left: 200px; + right: 0; + top: 0; + bottom: 0; + z-index: 998; + width: auto; + overflow: hidden; + overflow-y: auto; + box-sizing: border-box +} + +.layui-layout-admin .layui-header { + background-color: #23262E +} + +.layui-layout-admin .layui-side { + top: 60px; + width: 200px; + overflow-x: hidden +} + +.layui-layout-admin .layui-body { + top: 60px; + bottom: 44px +} + +.layui-layout-admin .layui-main { + width: auto; + margin: 0 15px +} + +.layui-layout-admin .layui-footer { + position: fixed; + left: 200px; + right: 0; + bottom: 0; + height: 44px; + line-height: 44px; + padding: 0 15px; + background-color: #eee +} + +.layui-layout-admin .layui-logo { + position: absolute; + left: 0; + top: 0; + width: 200px; + height: 100%; + line-height: 60px; + text-align: center; + color: #009688; + font-size: 16px +} + +.layui-layout-admin .layui-header .layui-nav { + background: 0 0 +} + +.layui-layout-left { + position: absolute !important; + left: 200px; + top: 0 +} + +.layui-layout-right { + position: absolute !important; + right: 0; + top: 0 +} + +.layui-container { + position: relative; + margin: 0 auto; + padding: 0 15px; + box-sizing: border-box +} + +.layui-fluid { + position: relative; + margin: 0 auto; + padding: 0 15px +} + +.layui-row:after, .layui-row:before { + content: ''; + display: block; + clear: both +} + +.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, + .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, + .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, + .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, + .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, + .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, + .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, + .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, + .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, + .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, + .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, + .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 { + position: relative; + display: block; + box-sizing: border-box +} + +.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, + .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, + .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 { + float: left +} + +.layui-col-xs1 { + width: 8.33333333% +} + +.layui-col-xs2 { + width: 16.66666667% +} + +.layui-col-xs3 { + width: 25% +} + +.layui-col-xs4 { + width: 33.33333333% +} + +.layui-col-xs5 { + width: 41.66666667% +} + +.layui-col-xs6 { + width: 50% +} + +.layui-col-xs7 { + width: 58.33333333% +} + +.layui-col-xs8 { + width: 66.66666667% +} + +.layui-col-xs9 { + width: 75% +} + +.layui-col-xs10 { + width: 83.33333333% +} + +.layui-col-xs11 { + width: 91.66666667% +} + +.layui-col-xs12 { + width: 100% +} + +.layui-col-xs-offset1 { + margin-left: 8.33333333% +} + +.layui-col-xs-offset2 { + margin-left: 16.66666667% +} + +.layui-col-xs-offset3 { + margin-left: 25% +} + +.layui-col-xs-offset4 { + margin-left: 33.33333333% +} + +.layui-col-xs-offset5 { + margin-left: 41.66666667% +} + +.layui-col-xs-offset6 { + margin-left: 50% +} + +.layui-col-xs-offset7 { + margin-left: 58.33333333% +} + +.layui-col-xs-offset8 { + margin-left: 66.66666667% +} + +.layui-col-xs-offset9 { + margin-left: 75% +} + +.layui-col-xs-offset10 { + margin-left: 83.33333333% +} + +.layui-col-xs-offset11 { + margin-left: 91.66666667% +} + +.layui-col-xs-offset12 { + margin-left: 100% +} + +@media screen and (min-width:780px) { + .layui-container { + width: 750px + } + .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, + .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, + .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 { + float: left + } + .layui-col-sm1 { + width: 8.33333333% + } + .layui-col-sm2 { + width: 16.66666667% + } + .layui-col-sm3 { + width: 25% + } + .layui-col-sm4 { + width: 33.33333333% + } + .layui-col-sm5 { + width: 41.66666667% + } + .layui-col-sm6 { + width: 50% + } + .layui-col-sm7 { + width: 58.33333333% + } + .layui-col-sm8 { + width: 66.66666667% + } + .layui-col-sm9 { + width: 75% + } + .layui-col-sm10 { + width: 83.33333333% + } + .layui-col-sm11 { + width: 91.66666667% + } + .layui-col-sm12 { + width: 100% + } + .layui-col-sm-offset1 { + margin-left: 8.33333333% + } + .layui-col-sm-offset2 { + margin-left: 16.66666667% + } + .layui-col-sm-offset3 { + margin-left: 25% + } + .layui-col-sm-offset4 { + margin-left: 33.33333333% + } + .layui-col-sm-offset5 { + margin-left: 41.66666667% + } + .layui-col-sm-offset6 { + margin-left: 50% + } + .layui-col-sm-offset7 { + margin-left: 58.33333333% + } + .layui-col-sm-offset8 { + margin-left: 66.66666667% + } + .layui-col-sm-offset9 { + margin-left: 75% + } + .layui-col-sm-offset10 { + margin-left: 83.33333333% + } + .layui-col-sm-offset11 { + margin-left: 91.66666667% + } + .layui-col-sm-offset12 { + margin-left: 100% + } +} + +@media screen and (min-width:1000px) { + .layui-container { + width: 970px + } + .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, + .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, + .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 { + float: left + } + .layui-col-md1 { + width: 8.33333333% + } + .layui-col-md2 { + width: 16.66666667% + } + .layui-col-md3 { + width: 25% + } + .layui-col-md4 { + width: 33.33333333% + } + .layui-col-md5 { + width: 41.66666667% + } + .layui-col-md6 { + width: 50% + } + .layui-col-md7 { + width: 58.33333333% + } + .layui-col-md8 { + width: 66.66666667% + } + .layui-col-md9 { + width: 75% + } + .layui-col-md10 { + width: 83.33333333% + } + .layui-col-md11 { + width: 91.66666667% + } + .layui-col-md12 { + width: 100% + } + .layui-col-md-offset1 { + margin-left: 8.33333333% + } + .layui-col-md-offset2 { + margin-left: 16.66666667% + } + .layui-col-md-offset3 { + margin-left: 25% + } + .layui-col-md-offset4 { + margin-left: 33.33333333% + } + .layui-col-md-offset5 { + margin-left: 41.66666667% + } + .layui-col-md-offset6 { + margin-left: 50% + } + .layui-col-md-offset7 { + margin-left: 58.33333333% + } + .layui-col-md-offset8 { + margin-left: 66.66666667% + } + .layui-col-md-offset9 { + margin-left: 75% + } + .layui-col-md-offset10 { + margin-left: 83.33333333% + } + .layui-col-md-offset11 { + margin-left: 91.66666667% + } + .layui-col-md-offset12 { + margin-left: 100% + } +} + +@media screen and (min-width:1200px) { + .layui-container { + width: 1170px + } + .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, + .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, + .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 { + float: left + } + .layui-col-lg1 { + width: 8.33333333% + } + .layui-col-lg2 { + width: 16.66666667% + } + .layui-col-lg3 { + width: 25% + } + .layui-col-lg4 { + width: 33.33333333% + } + .layui-col-lg5 { + width: 41.66666667% + } + .layui-col-lg6 { + width: 50% + } + .layui-col-lg7 { + width: 58.33333333% + } + .layui-col-lg8 { + width: 66.66666667% + } + .layui-col-lg9 { + width: 75% + } + .layui-col-lg10 { + width: 83.33333333% + } + .layui-col-lg11 { + width: 91.66666667% + } + .layui-col-lg12 { + width: 100% + } + .layui-col-lg-offset1 { + margin-left: 8.33333333% + } + .layui-col-lg-offset2 { + margin-left: 16.66666667% + } + .layui-col-lg-offset3 { + margin-left: 25% + } + .layui-col-lg-offset4 { + margin-left: 33.33333333% + } + .layui-col-lg-offset5 { + margin-left: 41.66666667% + } + .layui-col-lg-offset6 { + margin-left: 50% + } + .layui-col-lg-offset7 { + margin-left: 58.33333333% + } + .layui-col-lg-offset8 { + margin-left: 66.66666667% + } + .layui-col-lg-offset9 { + margin-left: 75% + } + .layui-col-lg-offset10 { + margin-left: 83.33333333% + } + .layui-col-lg-offset11 { + margin-left: 91.66666667% + } + .layui-col-lg-offset12 { + margin-left: 100% + } +} + +.layui-col-space1 { + margin: -.5px +} + +.layui-col-space1>* { + padding: .5px +} + +.layui-col-space3 { + margin: -1.5px +} + +.layui-col-space3>* { + padding: 1.5px +} + +.layui-col-space5 { + margin: -2.5px +} + +.layui-col-space5>* { + padding: 2.5px +} + +.layui-col-space8 { + margin: -3.5px +} + +.layui-col-space8>* { + padding: 3.5px +} + +.layui-col-space10 { + margin: -5px +} + +.layui-col-space10>* { + padding: 5px +} + +.layui-col-space12 { + margin: -6px +} + +.layui-col-space12>* { + padding: 6px +} + +.layui-col-space15 { + margin: -7.5px +} + +.layui-col-space15>* { + padding: 7.5px +} + +.layui-col-space18 { + margin: -9px +} + +.layui-col-space18>* { + padding: 9px +} + +.layui-col-space20 { + margin: -10px +} + +.layui-col-space20>* { + padding: 10px +} + +.layui-col-space22 { + margin: -11px +} + +.layui-col-space22>* { + padding: 11px +} + +.layui-col-space25 { + margin: -12.5px +} + +.layui-col-space25>* { + padding: 12.5px +} + +.layui-col-space30 { + margin: -15px +} + +.layui-col-space30>* { + padding: 15px +} + +.layui-btn, .layui-input, .layui-select, .layui-textarea, + .layui-upload-button { + outline: 0; + -webkit-transition: border-color .3s cubic-bezier(.65, .05, .35, .5); + transition: border-color .3s cubic-bezier(.65, .05, .35, .5); + box-sizing: border-box +} + +.layui-elem-quote { + margin-bottom: 10px; + padding: 15px; + line-height: 22px; + border-left: 5px solid #009688; + border-radius: 0 2px 2px 0; + background-color: #f2f2f2 +} + +.layui-quote-nm { + border-color: #e2e2e2; + border-style: solid; + border-width: 1px 1px 1px 5px; + background: 0 0 +} + +.layui-elem-field { + margin-bottom: 10px; + padding: 0; + border: 1px solid #e2e2e2 +} + +.layui-elem-field legend { + margin-left: 20px; + padding: 0 10px; + font-size: 20px; + font-weight: 300 +} + +.layui-field-title { + margin: 10px 0 20px; + border: none; + border-top: 1px solid #e2e2e2 +} + +.layui-field-box { + padding: 10px 15px +} + +.layui-field-title .layui-field-box { + padding: 10px 0 +} + +.layui-progress { + position: relative; + border-radius: 20px; + background: #fff; + height: 10px; +} + +.layui-progress-bar { + position: absolute; + width: 0; + max-width: 100%; + border-radius: 20px; + text-align: right; + transition: all .3s; + -webkit-transition: all .3s; + height: 10px; + background:linear-gradient(to right,#eff9e2,#b5ebcb) ; + animation:progress 3s linear; +} + + +.layui-progress{} + .layui-progress-bar{ + + } + + +.layui-progress-big, .layui-progress-big .layui-progress-bar { + height: 18px; + line-height: 18px +} + +.layui-progress-text { + position: relative; + top: -18px; + line-height: 18px; + font-size: 12px; + color: #666 +} + +.layui-progress-big .layui-progress-text { + position: static; + padding: 0 10px; + color: #fff +} + +.layui-collapse { + border: 1px solid #e2e2e2; + border-radius: 2px +} + +.layui-colla-item { + border-top: 1px solid #e2e2e2 +} + +.layui-colla-item:first-child { + border-top: none +} + +.layui-colla-title { + position: relative; + height: 42px; + line-height: 42px; + padding: 0 15px 0 35px; + color: #333; + background-color: #f2f2f2; + cursor: pointer +} + +.layui-colla-content { + display: none; + padding: 10px 15px; + line-height: 22px; + border-top: 1px solid #e2e2e2; + color: #666 +} + +.layui-bg-black, .layui-bg-blue, .layui-bg-cyan, .layui-bg-green, + .layui-bg-orange, .layui-bg-red { + color: #fff !important +} + +.layui-colla-icon { + position: absolute; + left: 15px; + top: 0; + font-size: 14px +} + +.layui-bg-red { + background-color: #FF5722 !important +} + +.layui-bg-orange { + background-color: #FFB800 !important +} + +.layui-bg-green { + background-color: #009688 !important +} + +.layui-bg-cyan { + background-color: #2F4056 !important +} + +.layui-bg-blue { + background-color: #1E9FFF !important +} + +.layui-bg-black { + background-color: #393D49 !important +} + +.layui-bg-gray { + background-color: #eee !important; + color: #666 !important +} + +.layui-text { + line-height: 22px; + font-size: 14px; + color: #666 +} + +.layui-text h1, .layui-text h2, .layui-text h3 { + font-weight: 500; + color: #333 +} + +.layui-text h1 { + font-size: 30px +} + +.layui-text h2 { + font-size: 24px +} + +.layui-text h3 { + font-size: 18px +} + +.layui-text a { + color: #01AAED +} + +.layui-text a:hover { + text-decoration: underline +} + +.layui-text ul { + padding: 5px 0 5px 15px +} + +.layui-text ul li { + margin-top: 5px; + list-style-type: disc +} + +.layui-text em, .layui-word-aux { + color: #999 !important; + padding: 0 5px !important +} + +.layui-btn { + display: inline-block; + height: 38px; + line-height: 38px; + padding: 0 18px; + background-color: #009688; + color: #fff; + white-space: nowrap; + text-align: center; + font-size: 14px; + border: none; + border-radius: 2px; + cursor: pointer; + opacity: .9; + filter: alpha(opacity = 90) +} + +.layui-btn:hover { + opacity: .8; + filter: alpha(opacity = 80); + color: #fff +} + +.layui-btn:active { + opacity: 1; + filter: alpha(opacity = 100) +} + +.layui-btn+.layui-btn { + margin-left: 10px +} + +.layui-btn-radius { + border-radius: 100px +} + +.layui-btn .layui-icon { + margin-right: 3px; + font-size: 18px; + vertical-align: bottom; + vertical-align: middle\9 +} + +.layui-btn-primary { + border: 1px solid #C9C9C9; + background-color: #fff; + color: #555 +} + +.layui-btn-primary:hover { + border-color: #009688; + color: #333 +} + +.layui-btn-normal { + background-color: #1E9FFF +} + +.layui-btn-warm { + background-color: #FFB800 +} + +.layui-btn-danger { + background-color: #FF5722 +} + +.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover + { + border: 1px solid #e6e6e6; + background-color: #FBFBFB; + color: #C9C9C9; + cursor: not-allowed; + opacity: 1 +} + +.layui-btn-big { + height: 44px; + line-height: 44px; + padding: 0 25px; + font-size: 16px +} + +.layui-btn-small { + height: 30px; + line-height: 30px; + padding: 0 10px; + font-size: 12px +} + +.layui-btn-small i { + font-size: 16px !important +} + +.layui-btn-mini { + height: 22px; + line-height: 22px; + padding: 0 5px; + font-size: 12px +} + +.layui-btn-mini i { + font-size: 14px !important +} + +.layui-btn-group { + display: inline-block; + vertical-align: middle; + font-size: 0 +} + +.layui-btn-group .layui-btn { + margin-left: 0 !important; + margin-right: 0 !important; + border-left: 1px solid rgba(255, 255, 255, .5); + border-radius: 0 +} + +.layui-btn-group .layui-btn-primary { + border-left: none +} + +.layui-btn-group .layui-btn-primary:hover { + border-color: #C9C9C9; + color: #009688 +} + +.layui-btn-group .layui-btn:first-child { + border-left: none; + border-radius: 2px 0 0 2px +} + +.layui-btn-group .layui-btn-primary:first-child { + border-left: 1px solid #c9c9c9 +} + +.layui-btn-group .layui-btn:last-child { + border-radius: 0 2px 2px 0 +} + +.layui-btn-group .layui-btn+.layui-btn { + margin-left: 0 +} + +.layui-btn-group+.layui-btn-group { + margin-left: 10px +} + +.layui-input, .layui-select, .layui-textarea { + height: 38px; + line-height: 38px; + line-height: 36px\9; + border: 1px solid #e6e6e6; + background-color: #fafafb; + border-radius: 2px +} + +.layui-form-label, .layui-form-mid, .layui-textarea { + line-height: 20px; + position: relative +} + +.layui-input, .layui-textarea { + display: block; + width: 100%; + padding-left: 10px +} + +.layui-input:hover, .layui-textarea:hover { + border-color: #D2D2D2 !important +} + +.layui-input:focus, .layui-textarea:focus { + border-color: #C9C9C9 !important +} + +.layui-textarea { + min-height: 100px; + height: auto; + padding: 6px 10px; + resize: vertical +} + +.layui-select { + padding: 0 10px +} + +.layui-form input[type=checkbox], .layui-form input[type=radio], + .layui-form select { + display: none +} + +.layui-form-item { + margin-bottom: 15px; + clear: both; + *zoom: 1 +} + +.layui-form-item:after { + content: '\20'; + clear: both; + *zoom: 1; + display: block; + height: 0 +} + +.layui-form-label { + float: left; + display: block; + padding: 5px 15px; + width: 80px; + font-weight: 400; + text-align: right +} + +.layui-form-item .layui-inline { + margin-bottom: 5px; + margin-right: 10px +} + +.layui-input-block, .layui-input-inline { + position: relative +} + +.layui-input-block { + margin-left: 110px; + min-height: 36px +} + +.layui-input-inline { + display: inline-block; + vertical-align: middle +} + +.layui-form-item .layui-input-inline { + float: left; + width: 190px; + margin-right: 10px +} + +.layui-form-text .layui-input-inline { + width: auto +} + +.layui-form-mid { + float: left; + display: block; + padding: 8px 0 !important; + margin-right: 10px +} + +.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus + { + border: 1px solid #FF5722 !important +} + +.layui-form-select { + position: relative +} + +.layui-form-select .layui-input { + padding-right: 30px; + cursor: pointer +} + +.layui-form-select .layui-edge { + position: absolute; + right: 10px; + top: 50%; + margin-top: -3px; + cursor: pointer; + border-width: 6px; + border-top-color: #c2c2c2; + border-top-style: solid; + transition: all .3s; + -webkit-transition: all .3s +} + +.layui-form-select dl { + display: none; + position: absolute; + left: 0; + top: 32px; + padding: 5px 0; + z-index: 999; + min-width: 100%; + border: 1px solid #d2d2d2; + max-height: 300px; + overflow-y: auto; + background-color: #fff; + border-radius: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, .12); + box-sizing: border-box +} + +.layui-form-select dl dd, .layui-form-select dl dt { + padding: 0 10px; + line-height: 30px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.layui-form-select dl dt { + font-size: 12px; + color: #999 +} + +.layui-form-select dl dd { + cursor: pointer +} + +.layui-form-select dl dd:hover { + background-color: #dbe2fe +} + +.layui-form-select .layui-select-group dd { + padding-left: 20px +} + +.layui-form-select dl dd.layui-select-tips { + padding-left: 10px !important; + color: #999 +} + +.layui-form-select dl dd.layui-this { + background-color: #c6d1fa; + color: #fff +} + +.layui-form-checkbox, .layui-form-select dl dd.layui-disabled { + background-color: #fff +} + +.layui-form-selected dl { + display: block +} + +.layui-form-checkbox, .layui-form-checkbox *, .layui-form-radio, + .layui-form-radio *, .layui-form-switch { + display: inline-block; + vertical-align: middle +} + +.layui-form-selected .layui-edge { + margin-top: -9px; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + margin-top: -3px\9 +} + +:root .layui-form-selected .layui-edge { + margin-top: -9px\0/IE9 +} + +.layui-form-selectup dl { + top: auto; + bottom: 42px +} + +.layui-select-none { + margin: 5px 0; + text-align: center; + color: #999 +} + +.layui-select-disabled .layui-disabled { + border-color: #eee !important +} + +.layui-select-disabled .layui-edge { + border-top-color: #d2d2d2 +} + +.layui-form-checkbox { + position: relative; + height: 30px; + line-height: 28px; + margin-right: 10px; + padding-right: 30px; + border: 1px solid #d2d2d2; + cursor: pointer; + font-size: 0; + border-radius: 2px; + -webkit-transition: .1s linear; + transition: .1s linear; + box-sizing: border-box +} + +.layui-form-checkbox:hover { + border: 1px solid #c2c2c2 +} + +.layui-form-checkbox span { + padding: 0 10px; + height: 100%; + font-size: 14px; + background-color: #d2d2d2; + color: #fff; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis +} + +.layui-form-checkbox:hover span { + background-color: #c2c2c2 +} + +.layui-form-checkbox i { + position: absolute; + right: 0; + width: 30px; + color: #fff; + font-size: 20px; + text-align: center +} + +.layui-form-checkbox:hover i { + color: #c2c2c2 +} + +.layui-form-checked, .layui-form-checked:hover { + border-color: #5FB878 +} + +.layui-form-checked span, .layui-form-checked:hover span { + background-color: #5FB878 +} + +.layui-form-checked i, .layui-form-checked:hover i { + color: #5FB878 +} + +.layui-form-item .layui-form-checkbox { + margin-top: 4px +} + +.layui-form-checkbox[lay-skin=primary] { + height: auto !important; + line-height: normal !important; + border: none !important; + margin-right: 0; + padding-right: 0; + background: 0 0 +} + +.layui-form-checkbox[lay-skin=primary] span { + float: right; + padding-right: 15px; + line-height: 18px; + background: 0 0; + color: #6f7eb6 +} + +.layui-form-checkbox[lay-skin=primary] i { + position: relative; + top: 0; + width: 16px; + height: 16px; + line-height: 16px; + border: 1px solid #d2d2d2; + font-size: 12px; + border-radius: 2px; + background-color: #fff; + -webkit-transition: .1s linear; + transition: .1s linear +} + +.layui-form-checkbox[lay-skin=primary]:hover i { + border-color: #7b7de5; + color: #fff +} + +.layui-form-checked[lay-skin=primary] i { + border-color: #7b7de5; + background-color: #7b7de5; + color: #fff +} + +.layui-checkbox-disbaled[lay-skin=primary] span { + background: 0 0 !important +} + +.layui-checkbox-disbaled[lay-skin=primary]:hover i { + border-color: #d2d2d2 +} + +.layui-form-item .layui-form-checkbox[lay-skin=primary] { + margin-top: 10px +} + +.layui-form-switch { + position: relative; + height: 22px; + line-height: 22px; + width: 42px; + padding: 0 5px; + margin-top: 8px; + border: 1px solid #d2d2d2; + border-radius: 20px; + cursor: pointer; + background-color: #fff; + -webkit-transition: .1s linear; + transition: .1s linear +} + +.layui-form-switch i { + position: absolute; + left: 5px; + top: 3px; + width: 16px; + height: 16px; + border-radius: 20px; + background-color: #d2d2d2; + -webkit-transition: .1s linear; + transition: .1s linear +} + +.layui-form-switch em { + position: absolute; + right: 5px; + top: 0; + width: 25px; + padding: 0 !important; + text-align: center !important; + color: #999 !important; + font-style: normal !important; + font-size: 12px +} + +.layui-form-onswitch { + border-color: #5FB878; + background-color: #5FB878 +} + +.layui-form-onswitch i { + left: 32px; + background-color: #fff +} + +.layui-form-onswitch em { + left: 5px; + right: auto; + color: #fff !important +} + +.layui-checkbox-disbaled { + border-color: #e2e2e2 !important +} + +.layui-checkbox-disbaled span { + background-color: #e2e2e2 !important +} + +.layui-checkbox-disbaled:hover i { + color: #fff !important +} + +.layui-form-radio { + line-height: 28px; + margin: 6px 10px 0 0; + padding-right: 10px; + cursor: pointer; + font-size: 0 +} + +.layui-form-radio i { + margin-right: 8px; + font-size: 16px; + color: #c2c2c2 +} + +.layui-form-radio span { + font-size: 14px +} + +.layui-form-radio i:hover, .layui-form-radioed i { + color: #7b7de5 +} + +.layui-radio-disbaled i { + color: #e2e2e2 !important +} + +.layui-form-pane .layui-form-label { + width: 110px; + padding: 8px 15px; + height: 38px; + line-height: 20px; + border: 1px solid #e6e6e6; + border-radius: 2px 0 0 2px; + text-align: center; + background-color: #FBFBFB; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box +} + +.layui-form-pane .layui-input-inline { + margin-left: -1px +} + +.layui-form-pane .layui-input-block { + margin-left: 110px; + left: -1px +} + +.layui-form-pane .layui-input { + border-radius: 0 2px 2px 0 +} + +.layui-form-pane .layui-form-text .layui-form-label { + float: none; + width: 100%; + border-right: 1px solid #e6e6e6; + border-radius: 2px; + box-sizing: border-box; + text-align: left +} + +.layui-form-pane .layui-form-text .layui-input-inline { + display: block; + margin: 0; + top: -1px; + clear: both +} + +.layui-form-pane .layui-form-text .layui-input-block { + margin: 0; + left: 0; + top: -1px +} + +.layui-form-pane .layui-form-text .layui-textarea { + min-height: 100px; + border-radius: 0 0 2px 2px +} + +.layui-form-pane .layui-form-checkbox { + margin: 4px 0 4px 10px +} + +.layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch + { + margin-top: 6px; + margin-left: 10px +} + +.layui-form-pane .layui-form-item[pane] { + position: relative; + border: 1px solid #e6e6e6 +} + +.layui-form-pane .layui-form-item[pane] .layui-form-label { + position: absolute; + left: 0; + top: 0; + height: 100%; + border-width: 0 1px 0 0 +} + +.layui-form-pane .layui-form-item[pane] .layui-input-inline { + margin-left: 110px +} + +@media screen and (max-width:450px) { + .layui-form-item .layui-form-label { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap + } + .layui-form-item .layui-inline { + display: block; + margin-right: 0; + margin-bottom: 20px; + clear: both + } + .layui-form-item .layui-inline:after { + content: '\20'; + clear: both; + display: block; + height: 0 + } + .layui-form-item .layui-input-inline { + display: block; + float: none; + left: -3px; + width: auto; + margin: 0 0 10px 112px + } + .layui-form-item .layui-input-inline+.layui-form-mid { + margin-left: 110px; + top: -5px; + padding: 0 + } + .layui-form-item .layui-form-checkbox { + margin-right: 5px; + margin-bottom: 5px + } +} + +.layui-layedit { + border: 1px solid #d2d2d2; + border-radius: 2px +} + +.layui-layedit-tool { + padding: 3px 5px; + border-bottom: 1px solid #e2e2e2; + font-size: 0 +} + +.layedit-tool-fixed { + position: fixed; + top: 0; + border-top: 1px solid #e2e2e2 +} + +.layui-layedit-tool .layedit-tool-mid, .layui-layedit-tool .layui-icon { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 14px +} + +.layui-layedit-tool .layui-icon { + position: relative; + width: 32px; + height: 30px; + line-height: 30px; + margin: 3px 5px; + color: #777; + cursor: pointer; + border-radius: 2px +} + +.layui-layedit-tool .layui-icon:hover { + color: #393D49 +} + +.layui-layedit-tool .layui-icon:active { + color: #000 +} + +.layui-layedit-tool .layedit-tool-active { + background-color: #e2e2e2; + color: #000 +} + +.layui-layedit-tool .layui-disabled, .layui-layedit-tool .layui-disabled:hover + { + color: #d2d2d2; + cursor: not-allowed +} + +.layui-layedit-tool .layedit-tool-mid { + width: 1px; + height: 18px; + margin: 0 10px; + background-color: #d2d2d2 +} + +.layedit-tool-html { + width: 50px !important; + font-size: 30px !important +} + +.layedit-tool-b, .layedit-tool-code, .layedit-tool-help { + font-size: 16px !important +} + +.layedit-tool-d, .layedit-tool-face, .layedit-tool-image, + .layedit-tool-unlink { + font-size: 18px !important +} + +.layedit-tool-image input { + position: absolute; + font-size: 0; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: .01; + filter: Alpha(opacity = 1); + cursor: pointer +} + +.layui-layedit-iframe iframe { + display: block; + width: 100% +} + +#LAY_layedit_code { + overflow: hidden +} + +.layui-laypage { + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: middle; + margin: 10px 0; + font-size: 0 +} + +.layui-laypage>a:first-child, .layui-laypage>a:first-child em { + border-radius: 2px 0 0 2px +} + +.layui-laypage>a:last-child, .layui-laypage>a:last-child em { + border-radius: 0 2px 2px 0 +} + +.layui-laypage>:first-child { + margin-left: 0 !important +} + +.layui-laypage>:last-child { + margin-right: 0 !important +} + +.layui-laypage a, .layui-laypage button, .layui-laypage input, + .layui-laypage select, .layui-laypage span { + border: 1px solid #e2e2e2 +} + +.layui-laypage a, .layui-laypage span { + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: middle; + padding: 0 15px; + height: 28px; + line-height: 28px; + margin: 0 -1px 5px 0; + background-color: #fff; + color: #333; + font-size: 12px +} + +.layui-laypage a:hover { + color: #009688 +} + +.layui-laypage em { + font-style: normal +} + +.layui-laypage .layui-laypage-spr { + color: #999; + font-weight: 700 +} + +.layui-laypage a { + text-decoration: none +} + +.layui-laypage .layui-laypage-curr { + position: relative +} + +.layui-laypage .layui-laypage-curr em { + position: relative; + color: #fff +} + +.layui-laypage .layui-laypage-curr .layui-laypage-em { + position: absolute; + left: -1px; + top: -1px; + padding: 1px; + width: 100%; + height: 100%; + background-color: #009688 +} + +.layui-laypage-em { + border-radius: 2px +} + +.layui-laypage-next em, .layui-laypage-prev em { + font-family: Sim sun; + font-size: 16px +} + +.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, + .layui-laypage .layui-laypage-skip { + margin-left: 10px; + margin-right: 10px; + padding: 0; + border: none +} + +.layui-laypage .layui-laypage-limits { + vertical-align: top +} + +.layui-laypage select { + height: 22px; + padding: 3px; + border-radius: 2px; + cursor: pointer +} + +.layui-laypage .layui-laypage-skip { + height: 30px; + line-height: 30px; + color: #999 +} + +.layui-laypage button, .layui-laypage input { + height: 30px; + line-height: 30px; + border: 1px solid #e2e2e2; + border-radius: 2px; + vertical-align: top; + background-color: #fff; + box-sizing: border-box +} + +.layui-laypage input { + display: inline-block; + width: 40px; + margin: 0 10px; + padding: 0 3px; + text-align: center +} + +.layui-laypage input:focus, .layui-laypage select:focus { + border-color: #009688 !important +} + +.layui-laypage button { + margin-left: 10px; + padding: 0 10px; + cursor: pointer +} + +.layui-flow-more { + margin: 10px 0; + text-align: center; + color: #999; + font-size: 14px +} + +.layui-flow-more a { + height: 32px; + line-height: 32px +} + +.layui-flow-more a * { + display: inline-block; + vertical-align: top +} + +.layui-flow-more a cite { + padding: 0 20px; + border-radius: 3px; + background-color: #eee; + color: #333; + font-style: normal +} + +.layui-flow-more a cite:hover { + opacity: .8 +} + +.layui-flow-more a i { + font-size: 30px; + color: #737383 +} + +.layui-table { + width: 100%; + margin: 10px 0; + background-color: #fff +} + +.layui-table tr { + transition: all .3s; + -webkit-transition: all .3s +} + +.layui-table thead tr, .layui-table-fixed-l tr, .layui-table-header, + .layui-table-mend, .layui-table-patch, .layui-table-tool { + background-color: #f2f2f2 +} + +.layui-table th { + text-align: left; + font-weight: 400 +} + +.layui-table td, .layui-table th, .layui-table-header, .layui-table-tool, + .layui-table-view, .layui-table[lay-skin=row], .layui-table[lay-skin=line] + { + border: 1px solid #e2e2e2 +} + +.layui-table td, .layui-table th { + position: relative; + padding: 9px 15px; + min-height: 20px; + line-height: 20px; + font-size: 14px +} + +.layui-table[lay-even] tr:nth-child(even) { + background-color: #f8f8f8 +} + +.layui-table tbody tr:hover, .layui-table-hover { + background-color: #f2f2f2 !important +} + +.layui-table-click { + background-color: #FFEEE8 !important +} + +.layui-table[lay-skin=line] td, .layui-table[lay-skin=line] th { + border-width: 0 0 1px +} + +.layui-table[lay-skin=row] td, .layui-table[lay-skin=row] th { + border-width: 0 1px 0 0 +} + +.layui-table[lay-skin=nob] td, .layui-table[lay-skin=nob] th { + border: none +} + +.layui-table img { + max-width: 100px +} + +.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th { + padding: 15px 30px +} + +.layui-table-view .layui-table[lay-size=lg] .layui-table-cell { + height: 40px; + line-height: 40px +} + +.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th { + font-size: 12px; + padding: 5px 10px +} + +.layui-table-view .layui-table[lay-size=sm] .layui-table-cell { + height: 20px; + line-height: 20px +} + +.layui-table[lay-data] { + display: none +} + +.layui-table-view { + position: relative; + margin: 10px 0; + overflow: hidden +} + +.layui-table-view .layui-table { + position: relative; + width: auto; + margin: 0 +} + +.layui-table-body, .layui-table-header .layui-table { + margin-bottom: -1px +} + +.layui-table-view .layui-table[lay-skin=line] { + border-width: 0 1px 0 0 +} + +.layui-table-view .layui-table[lay-skin=row] { + border-width: 0 0 1px +} + +.layui-table-view .layui-table td, .layui-table-view .layui-table th { + padding: 5px 0; + border-top: none; + border-left: none +} + +.layui-table-view .layui-table td { + cursor: default +} + +.layui-table-view .layui-form-checkbox[lay-skin=primary] i { + width: 18px; + height: 18px +} + +.layui-table-header { + border-width: 0 0 1px; + overflow: hidden +} + +.layui-table-sort { + width: 20px; + height: 20px; + margin-left: 5px; + cursor: pointer !important +} + +.layui-table-sort .layui-edge { + left: 5px; + border-width: 5px +} + +.layui-table-sort .layui-table-sort-asc { + top: 4px; + border-top: none; + border-bottom-style: solid; + border-bottom-color: #b2b2b2 +} + +.layui-table-sort .layui-table-sort-asc:hover { + border-bottom-color: #666 +} + +.layui-table-sort .layui-table-sort-desc { + bottom: 4px; + border-bottom: none; + border-top-style: solid; + border-top-color: #b2b2b2 +} + +.layui-table-sort .layui-table-sort-desc:hover { + border-top-color: #666 +} + +.layui-table-sort[lay-sort=asc] .layui-table-sort-asc { + border-bottom-color: #000 +} + +.layui-table-sort[lay-sort=desc] .layui-table-sort-desc { + border-top-color: #000 +} + +.layui-table-cell { + height: 28px; + line-height: 28px; + padding: 0 15px; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + box-sizing: border-box +} + +.layui-table-cell .layui-form-checkbox { + top: -1px +} + +.layui-table-cell .layui-table-link { + color: #01AAED +} + +.layui-table-body { + position: relative; + overflow: auto; + margin-right: -1px +} + +.layui-table-body .layui-none { + line-height: 40px; + text-align: center; + color: #999 +} + +.layui-table-fixed { + position: absolute; + left: 0; + top: 0 +} + +.layui-table-fixed .layui-table-body { + overflow: hidden +} + +.layui-table-fixed-r { + left: auto; + right: -1px; + box-shadow: -1px 0 8px rgba(0, 0, 0, .1) +} + +.layui-table-fixed-r td, .layui-table-fixed-r th { + border-left: 1px solid #e2e2e2 !important +} + +.layui-table-fixed-r .layui-table-header { + position: relative; + overflow: visible +} + +.layui-table-mend { + position: absolute; + right: -49px; + top: 0; + height: 100%; + width: 50px +} + +.layui-table-tool { + position: relative; + top: 1px; + width: 100%; + padding: 7px 10px 0 0; + border-width: 1px 0 0; + height: 41px; + font-size: 12px; + white-space: nowrap +} + +.layui-table-tool:hover { + overflow-x: auto +} + +.layui-table-page { + height: 26px +} + +.layui-table-tool .layui-laypage { + margin: 0 +} + +.layui-table-tool .layui-laypage a, .layui-table-tool .layui-laypage span + { + height: 26px; + line-height: 26px; + border: none; + background: 0 0; + padding: 0 12px +} + +.layui-table-tool .layui-laypage .layui-laypage-count, .layui-table-tool .layui-laypage .layui-laypage-limits, + .layui-table-tool .layui-laypage .layui-laypage-skip { + margin-left: 0; + padding: 0 +} + +.layui-table-tool .layui-laypage .layui-laypage-total { + padding: 0 10px +} + +.layui-table-tool .layui-laypage .layui-laypage-spr { + padding: 0 +} + +.layui-table-tool .layui-laypage button, .layui-table-tool .layui-laypage input + { + height: 26px; + line-height: 26px +} + +.layui-table-tool .layui-laypage input { + width: 40px +} + +.layui-table-tool .layui-laypage button { + padding: 0 10px +} + +.layui-table-view select[lay-ignore] { + display: inline-block +} + +.layui-table-tool select { + height: 18px +} + +.layui-table-patch .layui-table-cell { + padding: 0; + width: 30px +} + +.layui-table-edit { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + padding: 0 15px 1px; + border: none +} + +.layui-table-edit:focus { + background-color: #F0F9F2 +} + +body .layui-table-tips .layui-layer-content { + background: 0 0; + padding: 0; + box-shadow: 0 1px 6px rgba(0, 0, 0, .1) +} + +.layui-table-tips-main { + margin: -44px 0 0 -1px; + max-height: 150px; + padding: 8px 15px; + font-size: 14px; + overflow-y: scroll; + background-color: #fff; + color: #333; + border: 1px solid #e2e2e2 +} + +.layui-code, .layui-upload-list { + margin: 10px 0 +} + +.layui-table-tips-c { + position: absolute; + right: -3px; + top: -12px; + width: 18px; + height: 18px; + padding: 3px; + text-align: center; + font-weight: 700; + border-radius: 100%; + font-size: 16px; + cursor: pointer; + background-color: #666 +} + +.layui-table-tips-c:hover { + background-color: #999 +} + +.layui-upload-file { + display: none !important; + opacity: .01; + filter: Alpha(opacity = 1) +} + +.layui-upload-drag, .layui-upload-form, .layui-upload-wrap { + display: inline-block +} + +.layui-upload-choose { + padding: 0 10px; + color: #999 +} + +.layui-upload-drag { + position: relative; + padding: 30px; + border: 1px dashed #e2e2e2; + background-color: #fff; + text-align: center; + cursor: pointer; + color: #999 +} + +.layui-upload-drag .layui-icon { + font-size: 50px; + color: #009688 +} + +.layui-upload-drag[lay-over] { + border-color: #009688 +} + +.layui-upload-iframe { + position: absolute; + width: 0; + height: 0; + border: 0; + visibility: hidden +} + +.layui-upload-wrap { + position: relative; + vertical-align: middle +} + +.layui-upload-wrap .layui-upload-file { + display: block !important; + position: absolute; + left: 0; + top: 0; + z-index: 10; + font-size: 100px; + width: 100%; + height: 100%; + opacity: .01; + filter: Alpha(opacity = 1); + cursor: pointer +} + +.layui-code { + position: relative; + padding: 15px; + line-height: 20px; + border: 1px solid #ddd; + border-left-width: 6px; + background-color: #F2F2F2; + color: #333; + font-family: Courier New; + font-size: 12px +} + +.layui-tree { + line-height: 26px +} + +.layui-tree li { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap +} + +.layui-tree li .layui-tree-spread, .layui-tree li a { + display: inline-block; + vertical-align: top; + height: 26px; + *display: inline; + *zoom: 1; + cursor: pointer +} + +.layui-tree li a { + font-size: 0 +} + +.layui-tree li a i { + font-size: 16px +} + +.layui-tree li a cite { + padding: 0 6px; + font-size: 14px; + font-style: normal +} + +.layui-tree li i { + padding-left: 6px; + color: #333; + -moz-user-select: none +} + +.layui-tree li .layui-tree-check { + font-size: 13px +} + +.layui-tree li .layui-tree-check:hover { + color: #009E94 +} + +.layui-tree li ul { + display: none; + margin-left: 20px +} + +.layui-tree li .layui-tree-enter { + line-height: 24px; + border: 1px dotted #000 +} + +.layui-tree-drag { + display: none; + position: absolute; + left: -666px; + top: -666px; + background-color: #f2f2f2; + padding: 5px 10px; + border: 1px dotted #000; + white-space: nowrap +} + +.layui-tree-drag i { + padding-right: 5px +} + +.layui-nav { + position: relative; + padding: 0 20px; + background-color: #393D49; + color: #fff; + border-radius: 2px; + font-size: 0; + box-sizing: border-box +} + +.layui-nav * { + font-size: 14px +} + +.layui-nav .layui-nav-item { + position: relative; + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: middle; + line-height: 60px +} + +.layui-nav .layui-nav-item a { + display: block; + padding: 0 20px; + color: #fff; + opacity: .8; + transition: all .3s; + -webkit-transition: all .3s +} + +.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after + { + position: absolute; + left: 0; + top: 0; + width: 0; + height: 5px; + background-color: #5FB878; + transition: all .2s; + -webkit-transition: all .2s +} + +.layui-nav-bar { + z-index: 1000 +} + +.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a { + opacity: 1 +} + +.layui-nav .layui-this:after { + content: ''; + top: auto; + bottom: 0; + width: 100% +} + +.layui-nav-img { + width: 30px; + height: 30px; + margin-right: 10px; + border-radius: 50% +} + +.layui-nav .layui-nav-more { + content: ''; + width: 0; + height: 0; + border-style: solid dashed dashed; + border-color: #fff transparent transparent; + overflow: hidden; + cursor: pointer; + transition: all .2s; + -webkit-transition: all .2s; + position: absolute; + top: 28px; + right: 3px; + border-width: 6px; + opacity: .8 +} + +.layui-nav .layui-nav-mored, .layui-nav-itemed .layui-nav-more { + top: 22px; + border-style: dashed dashed solid; + border-color: transparent transparent #fff +} + +.layui-nav-child { + display: none; + position: absolute; + left: 0; + top: 65px; + min-width: 100%; + line-height: 36px; + padding: 5px 0; + box-shadow: 0 2px 4px rgba(0, 0, 0, .12); + border: 1px solid #d2d2d2; + background-color: #fff; + z-index: 100; + border-radius: 2px; + white-space: nowrap +} + +.layui-nav .layui-nav-child a { + color: #333 +} + +.layui-nav .layui-nav-child a:hover { + background-color: #f2f2f2 +} + +.layui-nav-child dd { + position: relative +} + +.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this + { + background-color: #5FB878; + color: #fff +} + +.layui-nav-child dd.layui-this:after { + display: none +} + +.layui-nav-tree { + width: 200px; + padding: 0 +} + +.layui-nav-tree .layui-nav-item { + display: block; + width: 100%; + line-height: 45px +} + +.layui-nav-tree .layui-nav-item a { + height: 45px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap +} + +.layui-nav-tree .layui-nav-item a:hover { + background-color: #4E5465 +} + +.layui-nav-tree .layui-nav-bar { + width: 5px; + height: 0; + background-color: #009688 +} + +.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, + .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, + .layui-nav-tree .layui-this>a:hover { + background-color: #009688; + color: #fff +} + +.layui-nav-tree .layui-this:after { + display: none +} + +.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover + { + color: #fff !important +} + +.layui-nav-tree .layui-nav-child { + position: relative; + z-index: 0; + top: 0; + border: none; + box-shadow: none +} + +.layui-nav-tree .layui-nav-child a { + height: 40px; + line-height: 40px; + color: #fff; + opacity: .8 +} + +.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover + { + background: 0 0; + opacity: 1 +} + +.layui-nav-tree .layui-nav-more { + top: 20px; + right: 10px +} + +.layui-nav-itemed .layui-nav-more { + top: 14px +} + +.layui-nav-itemed .layui-nav-child { + display: block; + padding: 0; + background-color: rgba(0, 0, 0, .3) !important +} + +.layui-nav-side { + position: fixed; + top: 0; + bottom: 0; + left: 0; + overflow-x: hidden; + z-index: 999 +} + +.layui-bg-blue .layui-nav-bar, .layui-bg-blue .layui-nav-itemed:after, + .layui-bg-blue .layui-this:after { + background-color: #93D1FF +} + +.layui-bg-blue .layui-nav-child dd.layui-this { + background-color: #1E9FFF +} + +.layui-bg-blue .layui-nav-itemed>a, .layui-nav-tree.layui-bg-blue .layui-nav-title a, + .layui-nav-tree.layui-bg-blue .layui-nav-title a:hover { + background-color: #007DDB !important +} + +.layui-breadcrumb { + visibility: hidden; + font-size: 0 +} + +.layui-breadcrumb a { + padding-right: 8px; + line-height: 22px; + font-size: 14px; + color: #333 !important +} + +.layui-breadcrumb a:hover { + color: #01AAED !important +} + +.layui-breadcrumb a cite, .layui-breadcrumb a span { + color: #666; + cursor: text; + font-style: normal +} + +.layui-breadcrumb a span { + padding-left: 8px; + font-family: Sim sun +} + +.layui-tab { + margin: 10px 0; + text-align: left !important +} + +.layui-tab[overflow]>.layui-tab-title { + overflow: hidden +} + +.layui-tab-title { + position: relative; + left: 0; + height: 40px; + white-space: nowrap; + font-size: 0; + border-bottom: 1px solid #e2e2e2; + transition: all .2s; + -webkit-transition: all .2s +} + +.layui-tab-title li { + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: middle; + font-size: 14px; + transition: all .2s; + -webkit-transition: all .2s; + position: relative; + line-height: 40px; + min-width: 65px; + padding: 0 15px; + text-align: center; + cursor: pointer +} + +.layui-tab-title li a { + display: block +} + +.layui-tab-title .layui-this { + color: #000 +} + +.layui-tab-title .layui-this:after { + position: absolute; + left: 0; + top: 0; + content: ''; + width: 100%; + height: 41px; + border: 1px solid #e2e2e2; + border-bottom-color: #fff; + border-radius: 2px 2px 0 0; + box-sizing: border-box; + pointer-events: none +} + +.layui-tab-bar { + position: absolute; + right: 0; + top: 0; + z-index: 10; + width: 30px; + height: 39px; + line-height: 39px; + border: 1px solid #e2e2e2; + border-radius: 2px; + text-align: center; + background-color: #fff; + cursor: pointer +} + +.layui-tab-bar .layui-icon { + position: relative; + display: inline-block; + top: 3px; + transition: all .3s; + -webkit-transition: all .3s +} + +.layui-tab-item { + display: none +} + +.layui-tab-more { + padding-right: 30px; + height: auto !important; + white-space: normal !important +} + +.layui-tab-more li.layui-this:after { + border-bottom-color: #e2e2e2; + border-radius: 2px +} + +.layui-tab-more .layui-tab-bar .layui-icon { + top: -2px; + top: 3px\9; + -webkit-transform: rotate(180deg); + transform: rotate(180deg) +} + +:root .layui-tab-more .layui-tab-bar .layui-icon { + top: -2px\0/IE9 +} + +.layui-tab-content { + padding: 10px +} + +.layui-tab-title li .layui-tab-close { + position: relative; + display: inline-block; + width: 18px; + height: 18px; + line-height: 20px; + margin-left: 8px; + top: 1px; + text-align: center; + font-size: 14px; + color: #c2c2c2; + transition: all .2s; + -webkit-transition: all .2s +} + +.layui-tab-title li .layui-tab-close:hover { + border-radius: 2px; + background-color: #FF5722; + color: #fff +} + +.layui-tab-brief>.layui-tab-title .layui-this { + color: #009688 +} + +.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after + { + border: none; + border-radius: 0; + border-bottom: 2px solid #5FB878 +} + +.layui-tab-brief[overflow]>.layui-tab-title .layui-this:after { + top: -1px +} + +.layui-tab-card { + border: 1px solid #e2e2e2; + border-radius: 2px; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1) +} + +.layui-tab-card>.layui-tab-title { + background-color: #f2f2f2 +} + +.layui-tab-card>.layui-tab-title li { + margin-right: -1px; + margin-left: -1px +} + +.layui-tab-card>.layui-tab-title .layui-this { + background-color: #fff +} + +.layui-tab-card>.layui-tab-title .layui-this:after { + border-top: none; + border-width: 1px; + border-bottom-color: #fff +} + +.layui-tab-card>.layui-tab-title .layui-tab-bar { + height: 40px; + line-height: 40px; + border-radius: 0; + border-top: none; + border-right: none +} + +.layui-tab-card>.layui-tab-more .layui-this { + background: 0 0; + color: #5FB878 +} + +.layui-tab-card>.layui-tab-more .layui-this:after { + border: none +} + +.layui-timeline { + padding-left: 5px +} + +.layui-timeline-item { + position: relative; + padding-bottom: 20px +} + +.layui-timeline-axis { + position: absolute; + left: -5px; + top: 0; + z-index: 10; + width: 20px; + height: 20px; + line-height: 20px; + background-color: #fff; + color: #5FB878; + border-radius: 50%; + text-align: center; + cursor: pointer +} + +.layui-timeline-axis:hover { + color: #FF5722 +} + +.layui-timeline-item:before { + content: ''; + position: absolute; + left: 5px; + top: 0; + z-index: 0; + width: 1px; + height: 100%; + background-color: #e2e2e2 +} + +.layui-timeline-item:last-child:before { + display: none +} + +.layui-timeline-item:first-child:before { + display: block +} + +.layui-timeline-content { + padding-left: 25px +} + +.layui-badge, .layui-badge-rim { + line-height: 18px; + padding: 0 5px +} + +.layui-timeline-title { + position: relative; + margin-bottom: 10px +} + +.layui-badge, .layui-badge-dot, .layui-badge-rim { + position: relative; + display: inline-block; + font-size: 12px; + background-color: #FF5722; + color: #fff +} + +.layui-badge { + min-width: 8px; + height: 18px; + text-align: center; + border-radius: 9px +} + +.layui-badge-dot { + width: 8px; + height: 8px; + border-radius: 50% +} + +.layui-badge-rim { + height: 18px; + border: 1px solid #e2e2e2; + border-radius: 3px; + background-color: #fff; + color: #666 +} + +.layui-btn .layui-badge, .layui-btn .layui-badge-dot { + margin-left: 5px +} + +.layui-nav .layui-badge, .layui-nav .layui-badge-dot { + position: absolute; + top: 50%; + margin: -10px 6px 0 +} + +.layui-tab-title .layui-badge, .layui-tab-title .layui-badge-dot { + left: 5px; + top: -2px +} + +.layui-carousel { + position: relative; + left: 0; + top: 0; + /* background-color: #f2f2f2 */ +} + +.layui-carousel>[carousel-item] { + position: relative; + width: 100%; + height: 100%; + overflow: hidden +} + +.layui-carousel>[carousel-item]:before { + position: absolute; + content: '\e63d'; + left: 50%; + top: 50%; + width: 100px; + line-height: 20px; + margin: -10px 0 0 -50px; + text-align: center; + color: #999; + font-family: layui-icon !important; + font-size: 20px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +.layui-carousel>[carousel-item]>* { + display: none; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: #f2f2f2; + transition-duration: .3s; + -webkit-transition-duration: .3s +} + +.layui-carousel-updown>* { + -webkit-transition: .3s ease-in-out up; + transition: .3s ease-in-out up +} + +.layui-carousel-arrow { + display: none\9; + opacity: 0; + position: absolute; + left: 10px; + top: 50%; + margin-top: -18px; + width: 36px; + height: 36px; + line-height: 36px; + text-align: center; + font-size: 20px; + border: 0; + border-radius: 50%; + background-color: rgba(0, 0, 0, .2); + color: #fff; + -webkit-transition-duration: .3s; + transition-duration: .3s; + cursor: pointer +} + +.layui-carousel-arrow[lay-type=add] { + left: auto !important; + right: 10px +} + +.layui-carousel:hover .layui-carousel-arrow[lay-type=add], + .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] { + right: 20px +} + +.layui-carousel[lay-arrow=always] .layui-carousel-arrow { + opacity: 1; + left: 20px +} + +.layui-carousel[lay-arrow=none] .layui-carousel-arrow { + display: none +} + +.layui-carousel-arrow:hover, .layui-carousel-ind ul:hover { + /* background-color: rgba(0, 0, 0, .35) */ +} + +.layui-carousel:hover .layui-carousel-arrow { + display: block\9; + opacity: 1; + left: 20px +} + +.layui-carousel-ind { + position: relative; + top: -35px; + width: 100%; + line-height: 0 !important; + text-align: center; + font-size: 0 +} + +.layui-carousel[lay-indicator=outside] { + margin-bottom: 30px +} + +.layui-carousel[lay-indicator=outside] .layui-carousel-ind { + top: 10px +} + +.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul { + background-color: rgba(0, 0, 0, .5) +} + +.layui-carousel[lay-indicator=none] .layui-carousel-ind { + display: none +} + +.layui-carousel-ind ul { + display: inline-block; + padding: 5px; + border-radius: 10px; + -webkit-transition-duration: .3s; + transition-duration: .3s +} + +.layui-carousel-ind li { + display: inline-block; + width: 10px; + height: 10px; + margin: 0 3px; + font-size: 14px; + background-color: #e2e2e2; + background-color: #cdbdf1; + border-radius: 50%; + cursor: pointer; + -webkit-transition-duration: .3s; + transition-duration: .3s +} + +.layui-carousel-ind li:hover { + background-color: rgba(255, 255, 255, .7) +} + +.layui-carousel-ind li.layui-this { + background-color: #825add +} + +.layui-carousel>[carousel-item]>.layui-carousel-next, .layui-carousel>[carousel-item]>.layui-carousel-prev, + .layui-carousel>[carousel-item]>.layui-this { + display: block +} + +.layui-carousel>[carousel-item]>.layui-this { + left: 0 +} + +.layui-carousel>[carousel-item]>.layui-carousel-prev { + left: -100% +} + +.layui-carousel>[carousel-item]>.layui-carousel-next { + left: 100% +} + +.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left, + .layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right + { + left: 0 +} + +.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left { + left: -100% +} + +.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right { + left: 100% +} + +.layui-carousel[lay-anim=updown] .layui-carousel-arrow { + left: 50% !important; + top: 20px; + margin: 0 0 0 -18px +} + +.layui-carousel[lay-anim=updown]>[carousel-item]>*, .layui-carousel[lay-anim=fade]>[carousel-item]>* + { + left: 0 !important +} + +.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] { + top: auto !important; + bottom: 20px +} + +.layui-carousel[lay-anim=updown] .layui-carousel-ind { + position: absolute; + top: 50%; + right: 20px; + width: auto; + height: auto +} + +.layui-carousel[lay-anim=updown] .layui-carousel-ind ul { + padding: 3px 5px +} + +.layui-carousel[lay-anim=updown] .layui-carousel-ind li { + display: block; + margin: 6px 0 +} + +.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this { + top: 0 +} + +.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev { + top: -100% +} + +.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next { + top: 100% +} + +.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left, + .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right + { + top: 0 +} + +.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left + { + top: -100% +} + +.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right + { + top: 100% +} + +.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next, + .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev { + opacity: 0 +} + +.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left, + .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right + { + opacity: 1 +} + +.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left, + .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right + { + opacity: 0 +} + +.layui-fixbar { + position: fixed; + right: 15px; + bottom: 15px; + z-index: 9999 +} + +.layui-fixbar li { + width: 50px; + height: 50px; + line-height: 50px; + margin-bottom: 1px; + text-align: center; + cursor: pointer; + font-size: 30px; + background-color: #9F9F9F; + color: #fff; + border-radius: 2px; + opacity: .95 +} + +.layui-fixbar li:hover { + opacity: .85 +} + +.layui-fixbar li:active { + opacity: 1 +} + +.layui-fixbar .layui-fixbar-top { + display: none; + font-size: 40px +} + +body .layui-util-face { + border: none; + background: 0 0 +} + +body .layui-util-face .layui-layer-content { + padding: 0; + background-color: #fff; + color: #666; + box-shadow: none +} + +.layui-util-face .layui-layer-TipsG { + display: none +} + +.layui-util-face ul { + position: relative; + width: 372px; + padding: 10px; + border: 1px solid #D9D9D9; + background-color: #fff; + box-shadow: 0 0 20px rgba(0, 0, 0, .2) +} + +.layui-util-face ul li { + cursor: pointer; + float: left; + border: 1px solid #e8e8e8; + height: 22px; + width: 26px; + overflow: hidden; + margin: -1px 0 0 -1px; + padding: 4px 2px; + text-align: center +} + +.layui-util-face ul li:hover { + position: relative; + z-index: 2; + border: 1px solid #eb7350; + background: #fff9ec +} + +.layui-anim { + -webkit-animation-duration: .3s; + animation-duration: .3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both +} + +.layui-anim.layui-icon { + display: inline-block +} + +.layui-anim-loop { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite +} + +@-webkit-keyframes layui-rotate { + from {-webkit-transform: rotate(0) +} + +to { + -webkit-transform: rotate(360deg) +} + +} +@keyframes layui-rotate { + from {transform: rotate(0) +} + +to { + transform: rotate(360deg) +} + +} +.layui-anim-rotate { + -webkit-animation-name: layui-rotate; + animation-name: layui-rotate; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear +} + +@-webkit-keyframes layui-up { + from {-webkit-transform: translate3d(0, 100%, 0); + opacity: .3 +} + +to { + -webkit-transform: translate3d(0, 0, 0); + opacity: 1 +} + +} +@keyframes layui-up { + from {transform: translate3d(0, 100%, 0); + opacity: .3 +} + +to { + transform: translate3d(0, 0, 0); + opacity: 1 +} + +} +.layui-anim-up { + -webkit-animation-name: layui-up; + animation-name: layui-up +} + +@-webkit-keyframes layui-upbit { + from {-webkit-transform: translate3d(0, 30px, 0); + opacity: .3 +} + +to { + -webkit-transform: translate3d(0, 0, 0); + opacity: 1 +} + +} +@keyframes layui-upbit { + from {transform: translate3d(0, 30px, 0); + opacity: .3 +} + +to { + transform: translate3d(0, 0, 0); + opacity: 1 +} + +} +.layui-anim-upbit { + -webkit-animation-name: layui-upbit; + animation-name: layui-upbit +} + +@-webkit-keyframes layui-scale { 0%{ + opacity: .3; + -webkit-transform: scale(.5) +} + +100%{ +opacity +: +1;-webkit-transform +:scale(1) +} +} +@keyframes layui-scale { 0%{ + opacity: .3; + -ms-transform: scale(.5); + transform: scale(.5) +} + +100%{ +opacity +: +1;-ms-transform +:scale(1) +;transform +:scale(1) +} +} +.layui-anim-scale { + -webkit-animation-name: layui-scale; + animation-name: layui-scale +} + +@-webkit-keyframes layui-scale-spring { 0%{ + opacity: .5; + -webkit-transform: scale(.5) +} + +80%{ +opacity +: +.8 +;-webkit-transform +:scale(1.1) +} +100%{ +opacity +: +1;-webkit-transform +:scale(1) +} +} +@keyframes layui-scale-spring { 0%{ + opacity: .5; + transform: scale(.5) +} + +80%{ +opacity +: +.8 +;transform +:scale(1.1) +} +100%{ +opacity +: +1;transform +:scale(1) +} +} +.layui-anim-scaleSpring { + -webkit-animation-name: layui-scale-spring; + animation-name: layui-scale-spring +} + +@-webkit-keyframes layui-fadein { 0%{ + opacity: 0 +} + +100%{ +opacity +: +1 +} +} +@keyframes layui-fadein { 0%{ + opacity: 0 +} + +100%{ +opacity +: +1 +} +} +.layui-anim-fadein { + -webkit-animation-name: layui-fadein; + animation-name: layui-fadein +} + +@-webkit-keyframes layui-fadeout { 0%{ + opacity: 1 +} + +100%{ +opacity +: +0 +} +} +@keyframes layui-fadeout { 0%{ + opacity: 1 +} + +100%{ +opacity +: +0 +} +} +.layui-anim-fadeout { + -webkit-animation-name: layui-fadeout; + animation-name: layui-fadeout +} + +.layui-chat { + width: 250px; + margin-top: 3px; + position: absolute; +} + +@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { + /*兼容IE11*/ + .layui-chat { + width: 250px; + position: absolute; + margin-left:3px; + display:block; + } +} diff --git a/src/pages/css/style.css b/src/pages/css/style.css new file mode 100644 index 0000000..072325f --- /dev/null +++ b/src/pages/css/style.css @@ -0,0 +1,205 @@ +@charset "utf-8"; +html,body{width:100%;height: 100%;cursor:default;} +.col-646{color:#646d8c;} +.logo { + width: 126px; + height: 30px; + margin-top: 16px; +} +.logo img { + width: 100%; + height: 100%; +} +.head-wrap { + width: 100%; + min-width: 1250px; + height: 62px; +} +.the-bg, .menu-level-2.active { + background: #7b7de5; +} +.wid-fixed { + width: 100%; + height: 100%; +} +.marl-20 { + margin-left: 20px; +} +.mask { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000000; + opacity: 0.5; + z-index: 99; +} +.padb20 { + padding-bottom: 20px; +} +.padlr50 { + padding: 0 50px; +} +.bg-f0f1 { + background-color: #f0f1f4; +} +.col-646 { + color: #646d8c; +} +.nav-icon { + width: 8px; + height: 10px; + background-position: -46px -213px; + margin: 5px 14px 0 14px; +} +.col-646 { + color: #646d8c; +} +.hei70 { + height: 70px; +} +.bor-radi4 { + border-radius: 4px; +} +.min-wid-1150 { + min-width: 1150px; +} +.bg-ff { + background-color: #ffffff; +} +.btn-84-34 { + width: 84px; + height: 30px; + line-height: 30px; + color: #ffffff; + text-align: center; + border-radius: 4px; +} +.marl-10 { + margin-left: 10px; +} +.the-bg, .menu-level-2.active { + background: #7b7de5; +} +.mar-auto { + margin: 0 auto; +} +.minwid-800 { + min-width: 800px; +} +.hei70 { + height: 70px; +} +.box { + width: 100%; + margin-top: 10px; + margin-bottom: 20px; + padding: 25px 30px; + background: #fff; + font-size: 12px; + color: #fff; + box-shadow: 0 1px 4px 2px #e9ecf4; + box-sizing: border-box; +} +.box__tit { + font-size: 16px; + font-style: normal; + font-weight: normal; + color: #333; +} +.box__table { + width: 100%; + margin-top: 18px; + margin-bottom: 25px; + border: 1px solid #e5e5f3; +} + +.deta-minwid-name { + min-width: 150px; + width: 25%; +} + +.bor-radi4 { + border-radius: 4px; +} +.min-wid-1150 { + min-width: 1150px; +} +.bg-ff { + background-color: #ffffff; +} +.the-col, .menu-level.active { + color: #6f7eb6; +} +.linehei-70 { + line-height: 70px; +} +.col-878 { + color: #878dac; +} +.col-f57 { + color: #f57c7c; +} + +.deta-minwid-usetime { + min-width: 100px; + width: 12%; +} +.deta-minwid-date { + min-width: 130px; + width: 16%; +} +.deta-minwid-class { + min-width: 170px; + width: 14%; +} +.deta-minwid-stuid { + min-width: 150px; + width: 12%; +} + +.deta-minwid-achie { + min-width: 100px; + width: 12%; +} +.box__data p { + line-height: 20px; + font-size: 14px; + color: #646d8c; + text-indent: 2em; +} +.box__tit span { + font-size: 14px; +} +.box .red { + color: #ff386c; + font-style: normal; +} +.box__table th { + height: 39px; + line-height: 39px; + text-align: center; + font-size: 14px; + font-weight: normal; + color: #646d8c; + background: #f2f2fc; +} +table tr:hover { + background: #eceffa; +} +.box__table td { + height: 40px; + line-height: 40px; + text-align: center; + color: #7f8099; + font-size: 14px; +} +.nav-icon{ + width:8px;height:10px; + background-position: -46px -213px; + margin: 5px 14px 0 14px; +} + + diff --git a/src/pages/studyGrade.app.js b/src/pages/studyGrade.app.js new file mode 100644 index 0000000..f8756f7 --- /dev/null +++ b/src/pages/studyGrade.app.js @@ -0,0 +1,6 @@ +import pageCommon from '@/common/page-common'; +import App from './studyGrade'; + +pageCommon.createPageInstance({ + render: h => h(App), +}); diff --git a/src/pages/studyGrade.vue b/src/pages/studyGrade.vue new file mode 100644 index 0000000..7ad6175 --- /dev/null +++ b/src/pages/studyGrade.vue @@ -0,0 +1,286 @@ + + + + diff --git a/src/pages/yyyfLogin.app.js b/src/pages/yyyflogin.app.js similarity index 77% rename from src/pages/yyyfLogin.app.js rename to src/pages/yyyflogin.app.js index ffe5efb..cf099c1 100644 --- a/src/pages/yyyfLogin.app.js +++ b/src/pages/yyyflogin.app.js @@ -1,5 +1,5 @@ import pageCommon from '@/common/page-common'; -import App from './yyyfLogin'; +import App from './yyyflogin'; pageCommon.createPageInstance({ render: h => h(App), diff --git a/src/pages/yyyfLogin.vue b/src/pages/yyyflogin.vue similarity index 99% rename from src/pages/yyyfLogin.vue rename to src/pages/yyyflogin.vue index 89bc795..f4df2bf 100644 --- a/src/pages/yyyfLogin.vue +++ b/src/pages/yyyflogin.vue @@ -12,7 +12,7 @@ import {Loading} from 'element-ui'; export default { - name: 'yyyfLogin', + name: 'yyyflogin', props: {}, data() {