body{background: #e5f8ff; overflow-y: hidden}
.j-main-bk{background: url(../image/bkt.svg) no-repeat center center; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; min-width: 14rem}

/* 全局加载动画 */
.GLOBAL-loading{position: relative;border-top: 3px solid rgba(255, 255, 255, 0.2); border-right: 3px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.2); border-left: 3px solid #ffffff;-webkit-animation: GLOBAL-loading-animation 1.1s infinite linear;animation: GLOBAL-loading-animation 1.1s infinite linear; border-radius: 50%; width: .16rem; height: .16rem; display:inline-block; box-sizing: border-box; vertical-align:middle}
.GLOBAL-loading-blue{border-top: 3px solid rgba(111, 111, 111, 0.2); border-right: 3px solid rgba(111, 111, 111, 0.2); border-bottom: 3px solid rgba(111, 111, 111, 0.2); border-left: 3px solid #0785fd;}
@-webkit-keyframes GLOBAL-loading-animation{
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes GLOBAL-loading-animation{
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}

/* 隐藏菜单 */
.GLOBAL-hiddenlist{position: relative}
.GLOBAL-hiddenlist .GLOBAL-hiddenlistitem{display: none}
.GLOBAL-hiddenlist:hover .GLOBAL-hiddenlistitem{display: block}
.GLOBAL-hiddenlistitem{position: absolute; min-width: 100%}
.GLOBAL-hiddenlistitem.right{right: 0}
.GLOBAL-hiddenlistitem.bottom{bottom: 0; transform: translateY(100%)}
.GLOBAL-hiddenlistitem.top{top:0; transform: translateY(-100%)}
.GLOBAL-hiddenlistitem.left{left: 0}

/* 常用样式 */
.j-common-d{height: .15rem; clear: both}
.j-common-clear{clear: both}
.j-common-container-p{margin: 0; padding: .15rem}
.j-common-container{border-radius: .17rem; background: #FFF; box-shadow: 0 .02rem .08rem rgba(7,133,253,.2); margin: 0; padding: .15rem}
.j-common-container-np{padding: 0}
.j-common-container-body{padding: .15rem}
.j-common-container-title{padding: .18rem 0 .1rem 0; margin: 0 .15rem; border-bottom: 1px dashed rgba(21,21,21,.1)}
.j-common-fl{float: left}
.j-common-fr{float: right}
.j-common-hover:hover{opacity: .5}
.j-common-avatar{background-repeat: no-repeat; background-size: cover; width: .5rem; height: .5rem; background-image: url("https://img.cdn.vihost.cn/pro/newfwcupload/public/common/avatar.svg")}
a.j-common-link{color: #0785fd; cursor: pointer; transition: all .6s;}
a.j-common-link:hover{opacity: .5}
.j-common-boxlink{box-shadow: 0 .03rem .08rem rgba(0,0,0,.1); transition: all .6s; cursor: pointer}
.j-common-boxlink:hover{box-shadow: 0 .03rem .08rem rgba(7,133,253,.3); transform: translateY(-.03rem);}

.j-common-hovershow .j-common-hover-aim{display: none}
.j-common-hovershow:hover .j-common-hover-aim{display: block}

/* 统一表单居中 */
.j-common-cform{width: 66.6%; margin: 0 auto; min-width: 700px}

/* 列表操作菜单 */
.j-common-action{text-align: center; display: inline-block}
.j-common-action .fa-circle{color: #0785fd; transform: scale(.6); font-size: .12rem; transition: all .6s}
.j-common-action:hover .fa-circle{color: #ff4f81}
.j-common-action .GLOBAL-hiddenlistitem{background: #FFF; box-shadow:0 4px 8px rgba(0,0,0,.1); z-index: 1; width: 1.5rem}
.j-common-action .GLOBAL-hiddenlistitem a{display: block; margin: 0; text-align: center; padding: 8px 0; transition: all .6s; cursor: pointer;}
.j-common-action .GLOBAL-hiddenlistitem a:hover{background: #0785fd; color: #FFF}

/* 主题色 */
.j-fc-blue{color: #0785fd}
.j-fc-red{color: #ff4f81}
.j-fc-green{color: #04deea}
.j-fc-orange{color: #ffc107}
.j-fc-gray{color: #DDD}
.j-fc-yellow{color: #ffeb3b}

/* 框架样式 */
.KimHead{background: #0785fd; position: absolute; left: 0; right: 0; top: 0; height: .5rem; box-shadow: 0 3px 6px rgba(0,0,0,.2); min-width: 14rem; z-index:2}
.KimBody{position: absolute; left: 2rem; top: .5rem; bottom: 0; right: 0; overflow-y: auto; min-width: 12rem}
.KimBodycontroll{position: absolute; left: 0; top: .5rem; bottom: 0; width: 2rem; overflow: hidden}
.KimContainer{width: 100%; height: 100%; position: relative; display: none; overflow-y: auto;}
.KimContainer-show{display: block}

/* 窗口菜单样式 */
.KimBodycontroll-Menu{margin: .04rem 0; padding: 0; position: relative; height: .5rem}
.KimBodycontroll-Menu-c{position: absolute; z-index: 1; left: .15rem; right: .15rem; line-height: .5rem; color: #0785fd; user-select: none; cursor: pointer}
.KimBodycontroll-Menu:after{content: " "; position: absolute; left: 0; top: 0; bottom: 0; right:.08rem; border-radius: 0 5px 5px 0; display: block; background: #0785fd; box-shadow: 0 .03rem .08rem rgba(7,133,253,.4); transition: all .6s; transform: translateX(-1.88rem)}
.KimBodycontroll-Menu-title{width: 1.2rem; transition: all .6s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.KimBodycontroll-Menu-icon{position: absolute; transition: all .6s; width: .4rem; height: .4rem; top: .05rem; transform: scale(0); transform-origin: 50% 50%; text-align: center; background: rgba(255,255,255,.1); border-radius: 50%}
.KimBodycontroll-Menu-icon-bk2{width: .3rem; height: .3rem; margin: .05rem auto; background: linear-gradient(to right top, rgba(7,133,253,.2) 0%,rgba(255,255,255,.3) 100%); border-radius: 50%; font-size: .16rem; line-height: .3rem!important;}
.KimBodycontroll-Menu-iconbk{-webkit-text-fill-color: transparent!important; -webkit-background-clip: text!important; background-image: linear-gradient(to right top, rgba(255,255,255,.4) 0%,rgba(255,255,255,.9) 100%)}
.KimBodycontroll-Menu-btns{position: absolute; right: 0; top: 0; width: .2rem; text-align: center; z-index: 1; font-size: .12rem}
.KimBodycontroll-Menu-btns>div{background: #FFF; line-height: .2rem; width: .2rem; color: #0785fd; border-radius: 50%; box-shadow: 0 0 .06rem rgba(0,0,0,.2); cursor: pointer; transition: all .6s; transform: scale(0); transform-origin: 50% 50%; margin-bottom: .05rem}

.KimBodycontroll-Menu:hover:after{transform: translateX(-1.83rem)}
.KimBodycontroll-Menu:hover .KimBodycontroll-Menu-title{transform: translateX(.05rem)}
.KimBodycontroll-Menu:hover .KimBodycontroll-Menu-btns>div{transform: scale(1)}
.KimBodycontroll-Menu-btns>div:hover{color: #ff4f81}
.KimBodycontroll-Menu:hover .KimBodycontroll-Menu-btns>div:active{transform: scale(.7)}

.KimBodycontroll-Menu.active:after{transform: translateX(0)}
.KimBodycontroll-Menu.active .KimBodycontroll-Menu-c{color: #FFF}
.KimBodycontroll-Menu.active .KimBodycontroll-Menu-icon{transform: scale(1)}
.KimBodycontroll-Menu.active .KimBodycontroll-Menu-title{transform: translateX(.5rem)}

/* 头部导航样式 */
.KimHead-c{height: 100%; position: relative; margin: 0}
.KimHead-usercp .GLOBAL-hiddenlist{padding: 0 .15rem; display: table; vertical-align: middle; height: .5rem; transition: all .6s}
.KimHead-usercp .GLOBAL-hiddenlist:hover{background: rgba(0,0,0,.1)}
.KimHead-userinfo{cursor: pointer; display: table-cell; vertical-align: middle}
.KimHead-userinfo-d{display: inline-block; width: .04rem}
.KimHead-avatar{border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; width: .35rem; height: .35rem; vertical-align:middle; background-image: url("https://img.cdn.vihost.cn/pro/newfwcupload/public/common/avatar.svg")}
.KimHead-username{line-height: .5rem; color: #FFF}
.KimHead-usercp .GLOBAL-hiddenlistitem{width: 1.6rem; box-shadow: 0 .03rem .08rem rgba(7,133,253,.4); background: #FFF}

.KimHead-menu{height: .5rem}
.KimHead-menu-btn{display: inline-block; height: .5rem; padding: 0 .15rem; line-height: .5rem; color: #FFF; cursor: pointer; transition: all .6s}
.KimHead-menu:hover .KimHead-menu-btn{opacity: .5}
.KimHead-menu .GLOBAL-hiddenlistitem{width: 6.6rem; height: 4rem; box-shadow: 0 .03rem .08rem rgba(7,133,253,.4); background: #FFF; overflow-x: hidden; overflow-y: auto;}
.KimHead-usercp .KimHead-usercp-A{cursor: pointer; display: block; text-align: center; transition: all .6s; padding: .1rem 0; margin: 0}
.KimHead-usercp .KimHead-usercp-A:hover{background: #0785fd; color: #FFF}

.KimHead-logo{height: .5rem; width: .5rem; padding: 0 .15rem; background: rgba(0,0,0,.1) url('../../common/image/logowhite.png') no-repeat center center; background-size: contain}

.KimHead-search{float: left; min-width: 1rem; border:1px solid rgba(255,255,255,.3); border-radius: .17rem; height: .3rem; margin: .1rem; position: relative}
.KimHead-search-icon{position: absolute; right: .08rem; top: .08rem; color: #FFF}
.KimHead-search input{background: none; box-sizing: border-box; width: 1.1rem; display: block; margin: 0 .15rem 0 0; height: .3rem; padding: 0 .15rem; border: none; outline: none; color: #FFF; transition: all .3s}
.KimHead-search input:focus,
.KimHead-search-focus input{width: 2rem}
.KimHead-search input::-webkit-input-placeholder{color: #FFF}
.KimHead-search input::-moz-placeholder{color: #FFF}
.KimHead-search input:-moz-placeholder{color: #FFF}
.KimHead-search input:-ms-input-placeholder{color: #FFF}
.KimHead-search-result{position: absolute; top: .39rem; left: 0; right: 0; overflow: auto; max-height: 4rem; background: #FFF; box-shadow: 0 .03rem .08rem rgba(7,133,253,.4); display: none}

.KimHead-myapp{margin: .1rem; border-bottom: 1px dashed rgba(21,21,21,.1)}
.KimHead-myapp:after{display: block; content: " "; clear: both; width: 100%}
.KimHead-myapp-title{position: relative; font-size: .16rem; color: #0785fd; font-weight: bold;}
.KimHead-myapp-item{width: 25%; float: left; margin: 0 0 .1rem 0}
.KimHead-myapp-item-c{margin: 0; padding: 0 .15rem 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.KimHead-myapp-item-a{cursor: pointer}
.KimHead-myapp-item-a:hover{color: #0785fd}
.KimHead-myapp-list{margin: 0; padding: .1rem;}


/**************************** 主题控件 ***************************/
/* layui嵌入需要的样式 */
.layui-show{display: block !important;}
.layui-hide{display: none !important;}

/** 动画 **/
.layui-anim{-webkit-animation-duration: 0.3s; animation-duration: 0.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;}
.layui-trans,
.layui-trans a{transition: all .3s; -webkit-transition: all .3s;} /* 过度变换 */

@-webkit-keyframes layui-rotate{ /* 循环旋转 */
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@keyframes layui-rotate{
  from {transform: rotate(0deg);}
  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: 0.3;}
  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
}
@keyframes layui-up{
  from {transform: translate3d(0, 100%, 0);  opacity: 0.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,.3rem, 0); opacity: 0.3;}
  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
}
@keyframes layui-upbit{
  from {transform: translate3d(0, .3rem, 0);  opacity: 0.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: 0.3; -webkit-transform: scale(.5);}
  100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes layui-scale {
  0% {opacity: 0.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: 0.5; -webkit-transform: scale(.5);}
  80% {opacity: 0.8; -webkit-transform: scale(1.1);}
  100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes layui-scale-spring {
  0% {opacity: 0.5; transform: scale(.5);}
  80% {opacity: 0.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}

/* 按钮样式 layer按钮重置 */
.j-btn,
.layui-layer .layui-layer-btn a{display: inline-block; background: #FFF; margin: 0; padding: .08rem  .2rem; border-radius: .34rem; cursor: pointer; box-shadow: 0 .02rem .08rem rgba(0,0,0,.3); transition: all .6s; user-select: none}
.j-btn.disable{opacity: .5; pointer-events: none; cursor: no-drop}
.j-btn-group .j-btn{margin: .15rem .15rem .15rem 0;}
.j-btn-default:hover{color: #0785fd; box-shadow: 0 .02rem .08rem rgba(7,133,253,.4);}
.j-btn-red{color: #FFF; background: linear-gradient(to right, #ff4f81 0%,#ff606e 100%); box-shadow: 0 .02rem .08rem rgba(255,79,129,.4)}
.j-btn-blue,
.layui-layer .layui-layer-btn .layui-layer-btn0{color: #FFF; background: linear-gradient(to right, #0785fd 0%,#00aeff 100%); box-shadow: 0 .02rem .08rem rgba(7,133,253,.4)}
.j-btn-deep{color: #FFF; background: linear-gradient(to right, #221e3b 0%,#3e396b 100%); box-shadow: 0 .02rem .08rem rgba(34,30,59,.4)}
.j-btn-green{color: #FFF; background: linear-gradient(to right, #04deea 0%,#06e5c8 100%); box-shadow: 0 .02rem .08rem rgba(5,214,209,.4)}
.j-btn-o{background: none; box-shadow: none; border:1px solid rgba(0,0,0,.3); box-sizing: border-box}
.j-btn-o.j-btn-red{color: #ff4f81; border: 1px solid #ff4f81}
.j-btn-o.j-btn-blue{color: #0785fd; border: 1px solid #0785fd}
.j-btn-o.j-btn-deep{color: #221e3b; border: 1px solid #221e3b}
.j-btn-o.j-btn-green{color: #04deea; border: 1px solid #04deea}
.j-btn-deep:hover,
.j-btn-red:hover,
.j-btn-blue:hover,
.j-btn-green:hover{opacity: .5}
.j-btn-sm{font-size: .12rem; padding: .04rem .1rem}
.j-btn-smx{transform: scale(.8); transform-origin: 50% 0;}
.j-btn-lg{font-size: .16rem; padding: .09rem .25rem}
.j-btn-group .j-btn.j-btn-full,
.j-btn.j-btn-full{display: block; margin: 0 auto; text-align: center}

/* 表格列表 */
.j-table{border:0; margin: 0; padding: 0; border-spacing: 0; width: 100%}
.j-table td{vertical-align: middle; border: none; padding: 0}
.j-table-form{border-spacing: 0 20px; border-collapse:separate}
.j-table-list th{font-weight: bold}
.j-table-list td,.j-table-list th{padding: .15rem .08rem; text-align: center; border-bottom: 1px solid rgba(221,221,221,.3)}
.j-table-list thead{background: #EEE}
.j-table-list-hover tr{transition: all .6s}
.j-table-list-hover tr:hover{background: #EEE}
.j-table-list-nodata{text-align: center; color: #CCC}

/* 表单组建 */
.layui-form select,
.layui-form input[type=checkbox],
.layui-form input[type=radio]{display: none;}

.j-form-input{display: inline-block; width: 100%;}
.j-form-input input,.layui-input{width: 100%; display: block; padding: 0 .1rem; height: .38rem; box-sizing: border-box; outline: none; border:none; box-shadow: 0 .02rem .08rem rgba(0,0,0,.3); border-radius: .04rem; transition: all .6s}
.j-form-input-middle{width: 50%}
.j-form-input-small{width: 30%}
.j-form-input input:focus{box-shadow: 0 .02rem .08rem rgba(7,133,253,.9)}
.j-form-important:after{content: '*'; color: #ff606e; font-size: .12rem}

/* 下拉选择 */
.layui-edge{position: relative; display: inline-block; vertical-align: middle; width: 0; height: 0; border-width: .06rem; border-style: dashed; border-color: transparent; overflow: hidden;}
.layui-edge-top{top: -.04rem; border-bottom-color: #0785fd; border-bottom-style: solid;}
.layui-edge-right{border-left-color: #0785fd; border-left-style: solid;}
.layui-edge-bottom{top: .02rem; border-top-color: #0785fd; border-top-style: solid;}
.layui-edge-left{border-right-color: #0785fd; border-right-style: solid;}

.layui-form select{display: none}
.layui-form-select{position: relative;}
.layui-form-select .layui-input{cursor: pointer}
.layui-form-select .layui-edge{position: absolute; right: 10px; top: 50%; margin-top: -.03rem; cursor: pointer; border-width: .06rem; border-top-color: #0785fd; border-top-style: solid; transition: all .3s; -webkit-transition: all .3s;}
.layui-form-select dl{display: none; position: absolute; left: 0; top: .42rem; padding: 0; z-index: 899; min-width: 100%; max-height: 3rem; overflow-y: auto; background-color: #fff; border-radius: .04rem; box-shadow: 0 .02rem .08rem rgba(7,133,253,.3); box-sizing: border-box;}
.layui-form-select dl dt,
.layui-form-select dl dd{padding: 0 .1rem; line-height: .36rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.layui-form-select dl dt{font-size: .12rem; color: #999}
.layui-form-select dl dd{cursor: pointer; margin:0; -webkit-transition: .5s all; transition: .5s all}
.layui-form-select dl dd:hover{background-color: #f2f2f2}
.layui-form-select .layui-select-group dd{padding-left: .2rem}
.layui-form-select dl dd.layui-select-tips{padding-left: .1rem !important; color: #999}
.layui-form-select dl dd.layui-this{background-color: #0785fd; color: #fff}
.layui-form-select dl dd.layui-disabled{background-color: #fff}
.layui-form-selected dl{display: block;}
.layui-form-selected .layui-edge{margin-top: -.09rem; -webkit-transform:rotate(180deg); transform: rotate(180deg)}
.layui-form-selected .layui-edge{margin-top: -.03rem}
.layui-form-selected .layui-edge{margin-top: -.09rem}
.layui-form-selectup dl{top: auto; bottom: .42rem}
.layui-select-none{margin: .05rem 0; text-align: center; color: #999}
.layui-select-disabled .layui-disabled{border-color: #eee !important}
.layui-select-disabled .layui-edge{border-top-color: rgba(7,133,253,.5)}

/* 单选框 */
.layui-form-radio{display: inline-block; vertical-align: middle; line-height: .28rem; margin: .06rem .1rem 0 0; padding-right: .1rem; cursor: pointer; font-size: 0;}
.layui-form-radio *{display: inline-block; vertical-align: middle; font-size: 14px;}
.layui-form-radio>i{margin-right: .08rem; font-size: .22rem; color: #c2c2c2;}
.layui-form-radioed>i,.layui-form-radio>i:hover{color: #0785fd;}
.layui-radio-disbaled>i{color: #e2e2e2 !important;}

/* 复选框 */
.layui-form-checkbox{position: relative; display: inline-block; vertical-align: middle; height: .3rem; line-height: .3rem; margin-right: .1rem; padding-right: .3rem; background-color: #fff; cursor: pointer; font-size: 0;  -webkit-transition: .1s linear; transition: .1s linear; box-sizing: border-box; user-select: none}
.layui-form-checkbox *{display: inline-block; vertical-align: middle;}
.layui-form-checkbox span{padding: 0 .1rem; height: 100%; font-size: .14rem; border-radius: 2px 0 0 2px; 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; top: 0; width: .3rem; height: .28rem; border: 1px solid #d2d2d2;  border-radius: 0 2px 2px 0; color: #fff; font-size: .2rem; text-align: center;}
.layui-form-checkbox:hover i{border-color: #c2c2c2; color: #c2c2c2;}
.layui-form-checked, .layui-form-checked:hover{border-color: #0785fd;}
.layui-form-checked span, .layui-form-checked:hover span{background-color: #0785fd;}
.layui-form-checked i, .layui-form-checked:hover i{color: #0785fd;}
.layui-form-item .layui-form-checkbox{margin-top: .04rem;}

/* 复选框-开关风格 */
.layui-form-switch{position: relative; display: inline-block; vertical-align: middle; height: .22rem; line-height: .22rem; min-width: .35rem; padding: 0 .05rem; border: 1px solid #d2d2d2; border-radius: .2rem; cursor: pointer; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear; user-select: none}
.layui-form-switch i{position: absolute; left: .05rem; top: .03rem; width: .16rem; height: .16rem; border-radius: .2rem; background-color: #d2d2d2; -webkit-transition: .1s linear; transition: .1s linear;}
.layui-form-switch em{position: relative; top: 0; width: .25rem; margin-left: .21rem; padding: 0!important; text-align: center!important; color: #999!important; font-style: normal!important; font-size: .12rem;}
.layui-form-onswitch{border-color: #0785fd; background-color: #0785fd;}
.layui-form-onswitch i{left: 100%; margin-left: -.21rem; background-color: #fff;}
.layui-form-onswitch em{margin-left: 5px; margin-right: .21rem; color: #fff!important;}

.layui-checkbox-disbaled{border-color: #e2e2e2 !important;}
.layui-checkbox-disbaled span{background-color: #e2e2e2 !important;}
.layui-checkbox-disbaled i{border-color: #e2e2e2 !important;}
.layui-checkbox-disbaled:hover i{color: #fff !important;}

.j-form-textarea textarea{display: block; width: 100%; padding: .15rem; resize: none; box-sizing: border-box; outline: none; border: none; box-shadow: 0 .02rem .08rem rgba(0,0,0,.3); border-radius:4px; transition: all .6s}
.j-form-textarea textarea:focus{box-shadow: 0 .02rem .08rem rgba(21,134,255,.9)}

/* layui日期插件样式重置 */
.layui-laydate{border:0!important;}
.layui-laydate .layui-laydate-header{background-color:#0785fd; color: #FFF!important}
.layui-laydate .layui-laydate-header i{color: #FFF!important}
.layui-laydate td.layui-this{background-color:#0785fd !important}
.layui-laydate-content tr td.laydate-selected{background-color:rgba(21,134,255,.8); color: #FFF}
.layui-laydate-content tr td.laydate-selected:hover{background-color:rgba(21,134,255,.8)!important; opacity: .6}
.layui-laydate-footer span:hover{color:#0785fd !important}
.layui-laydate-header i:hover, .layui-laydate-header span:hover{opacity: .6; color:#FFF !important}
.layui-laydate .laydate-year-list .layui-this{color:#FFF !important; background-color:#0785fd !important}
.layui-laydate li.layui-this{background-color:#0785fd !important}
.layui-laydate-footer span[lay-type=date]{color:#0785fd !important;}

/* layer样式重置 */
div.layui-layer{border-radius: .17rem}
div.layui-layer .layui-layer-title{padding: 0 .8rem 0 .15rem; font-size: .16rem; height: .5rem; line-height: .5rem; border-radius: .17rem .17rem 0 0; border-bottom:none;}
.layui-layer .layui-layer-content{height: 100%!important}
.layui-layer .layui-layer-btn{padding: 0; margin-top: -.5rem; position: relative; z-index: 1}
.layui-layer .layui-layer-btn a{border: none; margin: .08rem 0 0 .08rem; height: auto; line-height: inherit;}

/* layui分页样式 */
.layui-laypage span{background:none; height: .3rem; line-height: .3rem; font-size:.14rem; margin: 0 .03rem; padding: 0 .12rem; display: inline-block; border: none}
.layui-laypage .layui-laypage-curr .layui-laypage-em{display: none}
.layui-laypage a,.layui-laypage-curr{display: inline-block; margin: 0 .03rem; padding: 0 .12rem; text-align: center; height: .3rem; line-height: .3rem; background: #FFF; box-sizing: border-box; border-radius: .05rem; font-weight: bold; color: #0785fd}
.layui-laypage .layui-laypage-curr{color: #FFF; background: #0785fd}
.layui-laypage .layui-laypage-curr em{font-style: inherit;}
.layui-laypage .layui-laypage-count{background: #FFF; box-shadow: 0 .02rem .08rem rgba(12,93,135,.4); border-radius: .05rem; padding: 0 .1rem; margin-right: .08rem; height: .3rem; line-height: .3rem; display: inline-block; color: #0785fd}
.layui-laypage .layui-laypage-skip{display: inline-block; margin-left: .1rem; background:none;}
.layui-laypage .layui-input{display: inline-block; margin: 0 .06rem; color:#0785fd; padding: 0 .12rem; text-align: center; height: .3rem; line-height: .3rem; background: #FFF; box-sizing: border-box; border-radius: .05rem; font-weight: bold; width: 60px; border: none; outline: none; box-shadow: 0 .02rem .08rem rgba(12,93,135,.4);}
.layui-laypage .layui-laypage-btn{background: linear-gradient(to right, #0785fd 0%,#00aeff 100%); color: #FFF; border: 1px solid rgba(255,255,255,0); cursor: pointer; display: inline-block; box-sizing: border-box; padding: 0 .15rem; border-radius: .05rem; user-select: none; position: relative; height: .3rem; line-height: .3rem; text-align: center; margin-left: .1rem; outline: none}
.layui-laypage .layui-laypage-btn:active{opacity: .5}
.layui-laypage .layui-laypage-limits{display: inline-block; position: relative; vertical-align: middle}
.layui-laypage .layui-laypage-limits select{margin: 0; padding: 0 .15rem 0 .08rem; display: block; height: .3rem; outline: none; border: none; box-shadow: 0 .02rem .08rem rgba(12,93,135,.4); border-radius: .05rem; box-sizing: border-box; cursor: pointer; margin-right: .08rem; color: #0785fd; appearance:none;-moz-appearance:none; -webkit-appearance:none; cursor: pointer; vertical-align: middle}
.layui-laypage .layui-laypage-limits select::-ms-expand{display: none}
.layui-laypage .layui-laypage-limits:after{content: " "; display: block; position: absolute; right: .1rem; top: .14rem; width: 0; height: 0; border:.04rem solid transparent; border-top:.04rem solid #0785fd;}


/* 图片上传组件 */
.j-ImgSource{width: 100%; height: 3.5rem; overflow-y: auto}
.j-ImgSource-item{width: 20%; float: left}
.j-ImgSource-item-upload{transition: all .6s}
.j-ImgSource-item-upload,.j-ImgSource-uploading{text-align: center; color: #FFF; text-shadow: 0 0 4px rgba(0,0,0,.2); font-size: 20px; line-height: 1.6rem; display: block}
.j-ImgSource-item-upload .j-ImgSource-item-status{font-size: .6rem; line-height: 1.6rem}
.j-ImgSource-item-upload:hover{background-color: #888}
.j-ImgSource-item-c{height: 1.6rem; position: relative; margin: 8px; background-repeat: no-repeat; background-position: center center; background-color: #EEE; box-shadow:0 2px 5px rgba(0,0,0,.2); background-size: contain; cursor: pointer}
.j-ImgSource-item-c.selected{font-family: "Font Awesome 5 Free"; font-weight: 900}
.j-ImgSource-item-c.selected:before{content: "\f00c"; position: absolute; right: 10px; bottom: 10px; font-size: 25px; color: #0785fd}


/**************************** 业务样式 ***************************/
/* 我的应用列表 */
.j-yw-Application-List{float: left; width: 25%}
.j-yw-Application-Sort{font-size: .18rem; color: #0785fd}
.j-yw-Application-Item{margin: .17rem .1rem .2rem .1rem; box-shadow: 0 .03rem .15rem rgba(21,134,255,.5); height: 2.5rem; position: relative; border-radius: .17rem}
.j-yw-Application-ItemBody{position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: .17rem; overflow: hidden;}
.j-yw-Application-ItemBody>div{background-size: cover; background-repeat: no-repeat; background-position: center top; transition: all .6s; width: 100%; height: 100%; transform-origin: 50% 50%}
.j-yw-Application-Item:hover .j-yw-Application-ItemBody>div{transform: scale(1.2);}
/* linear-gradient(to top, rgba(0,0,0,.9) 0%,rgba(0,0,0,0) 100%) */
.j-yw-Application-ItemInfo{position: absolute; left: 0; right: 0; bottom: 0; background: #FFF; z-index: 1; border-radius: 0 0 .12rem .12rem}
.j-yw-Application-ItemTXT-c{position: absolute; left: .1rem; right: .1rem; top: -.17rem; z-index: 1}
.j-yw-Application-ItemTXT{margin: 0; padding: .06rem .1rem; display: inline-block; box-shadow: 0 .03rem .15rem rgba(21,134,255,.5); border-radius: .34rem; background: #0785fd; color: #FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; box-sizing:border-box;}
.j-yw-Application-ItemTXT-u{background: #888}
.j-yw-Application-ItemBtns-a{display: block; float: left; width: 50%; text-align: center; margin: 0; padding: .12rem 0}
.j-yw-Application-ItemBtns a{cursor: pointer; transition: all .6s}
.j-yw-Application-ItemBtns-a a{margin: 0 .03rem}
.j-yw-Application-ItemBtns a:hover{color: #0785fd}