/* 2020-08-21 input输入框 */
* { padding: 0; margin: 0; box-sizing: border-box; }
a { text-decoration: none; }
h3 { margin-bottom: 30px; }
ul { list-style: none; }
hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}
/* //////////表单输入框//////////////////////////////////// */
/* 去掉ie自带的input x */
input::-ms-clear, input::-ms-reveal { display: none; }
/*
.jc-inputLine { display: flex; align-items: center; flex-direction: row; margin: 20px; }
.jc-inputLine span { margin-right: 20px; display: block; line-height: 40px; text-align: right; white-space: nowrap; width: 80px; }
.jc-input { width: 240px; height: 40px; line-height: 40px; background: #ffffff; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 15px; outline: none; text-align: left; color: #909399; font-size: 14px; box-sizing: border-box; }
.jc-input::-ms-clear, .jc-input::-ms-reveal { display: none; }
.jc-needimg { position: relative; }
.jc-inputimg { position: absolute; top: 50%; margin-top: -8px; right: 12px; width: 16px; height: 16px; }
.jc-input:hover, .jc-input:focus { border-color: rgb(26, 140, 254); }
.jc-middle-input { height: 36px; border-radius: 4px; line-height: 36px; }
.jc-small-input { height: 32px; border-radius: 3px; font-size: 12px; line-height: 32px; }
.jc-disabledStyle { cursor: not-allowed; background: #f5f7fa; }
.jc-disabledStyle:hover { border-color: #dcdfe6; }
*/ 
.tip { line-height: 25px; }
.form-group{margin-bottom:1rem}
.form-group label{display:inline-block;margin-bottom:.5rem}
.form-control{display:block;height: 38px;line-height: 38px;padding: 0 9px;width:100%;border:1px solid #ced4da;border-radius:.25rem;background-color:#fff;background-clip:padding-box;color:#495057;font-weight:400;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control:focus,.form-control:hover{border-color:#1a8cfe}
.form-text{display:block;margin-top:.25rem;color:#6c757d!important}
.form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px)}
.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}
.form-control-icon{ position: absolute; top: 50%; margin-top: -10px; right: 20px; width: 16px; height: 16px;}
.form-control:focus{transition:border linear .2s,box-shadow linear .5s;-moz-transition:border linear .2s,-moz-box-shadow linear .5s;-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;outline:none;border-color:rgba(93,149,242,.75);box-shadow:0 0 8px rgba(93,149,242,.105);-moz-box-shadow:0 0 8px rgba(93,149,242,.5);-webkit-box-shadow:0 0 8px rgba(93,149,242,3);}


/* 按钮组、输入框组 */
.btn-group > .jc-btn { position: relative; float: left; }
.btn-group .jc-btn + .jc-btn, .btn-group .jc-btn + .btn-group, .btn-group .btn-group + .jc-btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }
.btn-group > .jc-btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-group > .jc-btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
.btn-group > .jc-btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-group > .jc-btn:first-child { margin-left: 0; }
      

.input-group { position: relative; display: table; border-collapse: separate; }
.input-group-btn:last-child > .jc-btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .jc-btn-group:not(:first-child) > .jc-btn, .input-group-btn:first-child > .jc-btn:not(:first-child), .input-group-btn:last-child > .jc-btn, .input-group-btn:last-child > .jc-btn-group > .jc-btn, .input-group-btn:last-child > .dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .jc-btn, .input-group-btn:first-child > .jc-btn-group > .jc-btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .jc-btn-group:not(:last-child) > .jc-btn, .input-group-btn:last-child > .jc-btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0px; }
.input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }

/* 2020-08-24 MessageBox弹窗 */
.jc-modal, .jc-alertbtn { width: 435px; min-height: 195px; background: #ffffff; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.06); margin: 0 auto; padding: 20px; box-sizing: border-box; display: flex; flex-direction: row; position: relative; z-index: 9999; }
.jc-alertbtn { position: fixed; right: 0; left: 0; margin: auto; top: 0; }
.jc-mask::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: .6; z-index: 9998; }
.jc-successbtn { width: 200px; min-height: 100px; padding: 10px; }
.jc-successbtn .jc-modal-button { bottom: 10px; right: 0; }
.jc-successbtn .jc-modal-title { margin-left: 6px; }
.jc-svg-success { width: 24px; height: 24px; position: absolute;background: url(../fonts/btn-success.svg) no-repeat; background-size: 100% auto; }
.jc-svg-warning { width: 24px; height: 24px;position: absolute; background: url(../fonts/949a6f7e4f7245debe527c2b905e939e.svg) no-repeat; background-size: 100% auto; }
.jc-modal-content { display: flex; flex-direction: column; margin-left: 36px; width: 100%; }
.jc-modal-icon-none { margin-left: 0;}

.jc-modal-title { font-size: 18px; color: #303133; margin-bottom: 12px; }
.jc-modal-info { font-size: 14px; color: #909399; line-height: 20px; margin-bottom: 54px;height: 100%; }
.jc-modal-button { position: absolute; right: 20px; bottom: 30px; display: flex; flex-direction: row;  }
.jc-modal-button button{display:inline-block;} 
.jc-modal-btn{float:left;}
.jc-modal-success, .jc-modal-default, .jc-modal-error { display: block; outline: none; border: none; min-width: 56px; padding:0 20px; height: 32px; background: #409eff; border-radius: 3px; font-size: 12px; color: #ffffff; line-height: 28px; margin-left: 10px; }
.jc-modal-default { background: #ffffff; border: 1px solid #dcdfe6; color: #5a5e66; }
.jc-modal-error { background: #fa5555; }
.jc-modal-icon-close{ cursor:pointer;    width: 16px;    height: 16px;    background: url(../fonts/icon_prompt_close.svg) no-repeat;    background-size: 100% auto;right: 20px;    position: absolute;    z-index:999;}
.jc-modal-image,.jc-modal-full{ padding:0;border:0;}
.jc-modal-image .jc-modal-icon-close, .jc-modal-full .jc-modal-icon-close{top: 10px;right:11px; width:28px;height:28px; background: url(../images/close-circle.png) no-repeat;}
.jc-modal-image .jc-modal-info, .jc-modal-full .jc-modal-info{margin-bottom: 0;}
.jc-modal-image .jc-modal-content, .jc-modal-full .jc-modal-content{margin-left: 0;}
.jc-modal-open .jc-mask {  overflow-x: hidden;  overflow-y: auto;}
.jc-modal-open {  overflow: hidden;}
.jc-mask{ z-index:9998;   position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.jc-alertbtn{ position:relative;}

/* 2020-08-24 tab选项卡 */
.jc-taball { width: 400px; margin: 20px auto; }
.jc-tab-title { list-style: none; display: flex; justify-content: space-between; flex-direction: row; align-items: center; }
.jc-tab-title li { padding: 8px 16px; box-sizing: border-box; position: relative; text-align: center; border-right: 1px solid #dcdfe6; border-top: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6; cursor: pointer; }
.jc-tabbox { margin-top: 10px; }
.jc-tabbox div { text-align: center; height: 50px; line-height: 50px; background-color: #f8f8f8; }
.jc-tabbox div { display: none; }
.jc-tab-title li:first-child { border-left: 1px solid #dcdfe6; }
.jc-tab-brief { border-bottom: 2px solid #e4e7ed; }
.jc-tab-brief .jc-tab-title li { border: none; }
.jc-tab-complex .jc-tab-title li { width: 100px; color: #aaa; /* border-bottom: 4px solid #e5e5e5 */ }
.jc-tab-complex li:first-child { border-radius: 4px 0px 0px 0px; }
.jc-tab-complex li:last-child { border-radius: 0px 4px 0px 0px; }
.jc-tab-complex .jc-tab-title li { padding: 8px 16px; box-sizing: border-box; position: relative; text-align: center; border-right: 1px solid #dcdfe6; border-top: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6; cursor: pointer; }
.jc-tab-complex .jc-tab-title .jc-this { color: #1989fa; border-bottom-color: transparent !important; }
.jc-tab-bgcolor .jc-tab-title li { width: 100px; }
.jc-tab-bgcolor li:first-child { border-radius: 4px 0px 0px 4px; }
.jc-tab-bgcolor li:last-child { border-radius: 0px 4px 4px 0px; }
.jc-tab-color { background: #f0f2f5; height: 36px; padding: 2px; }
.jc-tab-color .jc-tab-title { height: 36px; }
.jc-tab-color .jc-tab-title li { border: none; width: 100px; border-radius: 2px; }
.jc-tab-Minimalist .jc-tab-title li { width: 100px; border: none; }
.jc-this { color: #1989fa; border-bottom-color: transparent !important; }
.jc-thisbg { color: #ffffff; background: #409eff; border-color: #409eff !important; }
.jc-thisbdcolor { color: #1989fa; background: #e6f1fc; border-color: #a3d0fd !important; }
.jc-thisbgcolor { color: #1989fa; background: #ffffff; }
.jc-tabborder { display: block; position: absolute; bottom: -2px; left: 0; width: 64px; height: 2px; background-color: #1989fa; }
.jc-tab-round { display: block; width: 4px; height: 4px; background: #c0c4cc; border-radius: 50%; position: absolute; right: 0; top: 50%; margin-top: -2px; }
/* 2020-09-29 更改后tab选项卡 */
.jc-tabs { width: 900px; margin: 0; }
.jc-tabs-nav li a { width: 100%; display: inline-block; font-size: 14px; color: #aaa; background-color: #f8f8f8; text-decoration: none; padding: 8px 16px; box-sizing: border-box; position: relative; text-align: center; border-right: 1px solid #dcdfe6; border-top: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6; cursor: pointer; background-color: #fff; }
.jc-tabs>ul { width: 400px; display: flex; margin-left: 0px; }
.jc-tabs>ul li { flex-grow: 1; display: inline-block; }
.jc-tabs .tab-brief li a { background-color: #fff; border-bottom: 2px solid #e5e5e5; border-top: none; border-right: none; border-left: none; font-size: 14px; color: #aaa; text-decoration: none; }
.jc-tabs .jc-tabs-content { min-height: 200px; margin-top: 10px; line-height: 200px; text-align: center; background-color: #f8f8f8; }
.jc-tabs .tab-brief li { margin-right: 0px; }
.jc-tabs .tab-brief .active a { border-bottom: 2px solid #1989fa; color: #1989fa; }
.jc-tabs .tab-complex .active a { color: #1989fa; border-bottom-color: transparent !important; }
.jc-tabs .tab-bgcolor .active a { color: #ffffff; background: #409eff; border-color: #409eff !important; }
.jc-tabs .tab-bgcolor2 .active a { color: #1989fa; background: #e6f1fc; border-color: #a3d0fd !important; }
.jc-tabs .jc-tabs-nav .jc-tab-color { height: 36px; }
.jc-tab-color li a { border: none; width: 100px; border-radius: 2px; background: #f0f2f5; }
.jc-tabs .jc-tab-color .active a { color: #1989fa; background: #fff; border: 2px solid #f0f2f5; border-bottom: none; }
.jc-tabs .jc-tab-Minimalist a { border: none; }
.jc-tabs .jc-tab-Minimalist .active a { color: #1989fa; background: #fff; border-bottom: none; position: relative; }
.jc-tabs .jc-tab-Minimalist .active .jc-tab-round { background: #1989fa; }
.jc-tab-round { display: block; width: 4px; height: 4px; background: #c0c4cc; border-radius: 50%; position: absolute; right: 0; top: 50%; margin-top: -2px; }
.jc-tabs .jc-tabs-nav li:first-child { border-radius: 4px 0px 0px 0px; border-left: 1px solid #dcdfe6; }
.jc-tabs .jc-tabs-nav li:last-child { border-radius: 0px 4px 4px 0px; }
.jc-tabs .tab-brief li:first-child { border-left: none; }
.jc-tabs .jc-tab-color li:first-child { border-left: none; }
.jc-tabs .jc-tab-Minimalist li:first-child { border-left: none; }

/*轮播图组件v2*/
.jc-slide-wrap{position:relative;overflow:hidden;width:600px;height:300px}
.jc-slide-wrap ul.jc-slide{position:absolute;top:0;left:0;width:100%;height:100%}
.jc-slide-wrap ul.jc-slide li{position:relative;float:left;width:600px;height:100%}
.jc-slide-wrap ul.jc-slide li>div{position:absolute;top:20px;left:35px}
.jc-slide-wrap ul.jc-slide li>div h3{text-transform:uppercase;font-size:36px}
.jc-slide-wrap ul.jc-slide li>div span{font-size:21px;font-family:Neucha,Arial,sans serif}
.jc-slide-wrap ul.jc-slide li i{display:block;width:100%;text-align:center;font-size:90px;line-height:400px}
.jc-slide-btns{position:absolute;top:50%;z-index:100;margin-top:-25px;width:50px;height:60px;background:rgba(0,0,0,.1);text-align:center;line-height:57px;cursor:pointer;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;-ms-transition:all .1s ease}
.jc-slide-btns:hover{background:rgba(0,0,0,.3)}
.jc-slide-btns.next{right:-50px;border-radius:7px 0 0 7px}
.jc-slide-btns.previous{left:-50px;border-radius:0 7px 7px 0}
.jc-slide-counter{position:absolute;top:30px;right:35px;width:auto}
.jc-slide-wrap.active .next{right:0}
.jc-slide-wrap.active .previous{left:0}
.jc-slide-wrap .next img,.jc-slide-wrap .previous img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.jc-slide-pagination-wrap{position:absolute;bottom: 30px;    left: 0;    right: 0;margin-right:auto;margin-left:auto;height:15px;min-width:20px;text-align:center}
.jc-slide-pagination-wrap ul{width:100%}
.jc-slide-pagination-wrap ul li{position:relative;top:0;display:inline-block;margin:0 4px;width:5px;height:5px;border-radius:50%;background:#fff;opacity:.5}
.jc-slide-pagination-wrap ul li.active{top:3px;width:12px;height:12px;box-shadow:rgba(0,0,0,.1) 1px 1px 0;opacity:1}
.jc-slide-pagination-wrap ul li,.jc-slide-wrap ul{-webkit-transition:all .3s cubic-bezier(1,.01,.32,1);-moz-transition:all .3s cubic-bezier(1,.01,.32,1);-o-transition:all .3s cubic-bezier(1,.01,.32,1);transition:all .3s cubic-bezier(1,.01,.32,1);-ms-transition:all .3s cubic-bezier(1,.01,.32,1)}
/* 轮播图组件结束 */

/* 2020-9-09 */
/*notice消息提示*/
.jc-notice { position: fixed; z-index:9999; left: 50%; top: 20px; min-width: 130px; height: 40px; line-height: 40px; padding: 0 38px; background-color: #ffffff; border: 1px solid #ebeef5; border-radius: 4px; font-size: 14px; font-weight: 400; text-align: left; color: #909399; letter-spacing: 1px; transform: translateX(-50%); background-repeat: no-repeat; background-position: 16px center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; }
.jc-notice-normal { background-color: #ecf5ff; padding: 0px 21px; color: #409eff; border: 1px solid #c6e2ff; }
.jc-notice-success { background-color: #f0f9eb; border: 1px solid #e1f3d8; color: #67c23a; background-image: url('../fonts/icon-notice-success.svg'); }
.jc-notice-info { background-color: #fdf6ec; border: 1px solid #faecd8; color: #faad14; background-image: url('../fonts/icon-notice-info.svg'); }
.jc-notice-danger { background-color: #fef0f0; border: 1px solid #fde2e2; color: #fa5555; background-image: url('../fonts/icon-notice-danger.svg'); }
/*loading加载*/
.jc-loading { position: fixed;z-index:9999; top: 50%; left: 50%; margin-top: -20px; height: 40px; line-height: 40px; padding: 0px 24px 0px 44px; background-color: #ffffff; border: 1px solid #e4e7ed; border-radius: 4px; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.06); font-size: 14px; font-weight: 400; color: #909399; transform: translateX(-50%); cursor: default; background-image: url('../images/ico_loading.gif'); background-repeat: no-repeat; background-position: 19px center; }
.jc-loading-success { background-color: #ffffff; border: 1px solid #e1f3d8; color: #52c41a; background-image: url('../fonts/icon-notice-success.svg'); }
.jc-loading-danger { background-color: #ffffff; border: 1px solid #fde2e2; color: #fa5555; background-image: url('../fonts/icon-notice-danger.svg'); }
/*Notification通知*/
.jc-notification { position: fixed; top: 50%; left: 50%; margin-left: -165px; margin-top: -42.5px; width: 330px; min-height: 85px; background-color: #ffffff; border: 1px solid #ebeef5; padding: 0 56px; border-radius: 4px; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.06); background-repeat: no-repeat; background-position: 16px 15px; }
.jc-notification .title { margin-top: 16px; margin-bottom: 8px; font-size: 18px; font-weight: 700; }
.jc-notification .tip { font-size: 14px; font-weight: 400; text-align: left; margin-bottom: 16px; }
.jc-notification-normal { background-color: #ecf5ff; color: #409eff; border: 1px solid #c6e2ff; }
.jc-notification-success { background-image: url('../fonts/icon-notification-success.svg'); background-size: 24px 24px; }
.jc-notification-info { background-image: url('../fonts/icon-notification-info.svg'); }
.jc-notification-danger { background-image: url('../fonts/icon-notification-danger.svg'); }
/* 2020-9-09 */
/*prompt提示框*/
.jc-prompt { position: fixed;z-index:9990; left: 50%; top: 20px; width: 620px; height: 40px; padding-left: 38px; padding-right: 20px; line-height: 40px; background-color: #ecf5ff; border-radius: 4px; transform: translateX(-50%); background-repeat: no-repeat; background-position: 16px center; }
.jc-prompt .close { float: right; margin-top: 13px; width: 14px; height: 14px; cursor: pointer; }
.jc-prompt .detail { float: right; font-size: 13px; font-weight: 400; color: #388ded; cursor: pointer; }
.jc-prompt-normal { background-image: url('../fonts/icon-notice-normal.svg'); color: #409eff; }
.jc-prompt-success { background-image: url('../images/icon-notice-success.svg'); color: #67c23a; background-color: #f0f9eb; }
.jc-prompt-info { background-image: url('../fonts/icon-notice-info.svg'); color: #faad14; background-color: #fdf6ec; }
.jc-prompt-danger { background-image: url('../fonts/icon-notice-danger.svg'); color: #fa5555; background-color: #fef0f0; }
.jc-prompt-info .detail { color: #faad14; }
/*prompt提示框(带辅助文字介绍)*/
.jc-promptTitle-normal.jc-promptTitle { padding-left: 17px; }
.jc-promptTitle { position: fixed;z-index:9990; left: 50%; top: 20px; width: 620px; min-height: 74px; padding-left: 52px; background: #ecf5ff; border-radius: 4px; transform: translateX(-50%); background-repeat: no-repeat; background-position: 16px center; background-size: 24px 24px; overflow: hidden; padding-right: 15px; padding-bottom: 10px; }
.jc-promptTitle .title { margin-top: 16px; margin-bottom: 5px; color: #409eff; font-size: 14px; }
.jc-promptTitle .tip { color: #409eff; font-size: 12px; }
.jc-promptTitle .close { position: absolute; top: 17px; right: 17px; cursor: pointer; }
/* .jc-promptTitle-normal { background-image: url('../fonts/icon-notice-normal.svg'); } */
.jc-promptTitle-success { background-image: url('../images/icon-notice-success.svg'); background-color: #f0f9eb; }
.jc-promptTitle-success .title { color: #52c41a; }
.jc-promptTitle-success .tip { color: #52c41a; }
.jc-promptTitle-info { background-image: url('../fonts/icon-notice-info.svg'); background-color: #fdf6ec; }
.jc-promptTitle-info .title { color: #faad14; }
.jc-promptTitle-info .tip { color: #faad14; }
.jc-promptTitle-danger { background-image: url('../fonts/icon-notice-danger.svg'); background-color: #fef0f0; }
.jc-promptTitle-danger .title { color: #fa5555; }
.jc-promptTitle-danger .tip { color: #fa5555; }
.jc-prompt-bottom{ bottom: 10px; top: inherit;}
/* 2020-09-10 */
/* jc-tooltip-bgc,带背景,工具提示 ,上下 左右 */
/* jc-tooltip-bgc,带背景,工具提示 ,上下 左右 */
.jc-tooltip { position: relative; display: inline-block; }
.jc-tooltip > div { display: none; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); padding: 8px 10px; color: #fff; background-color: #303133; border: 1px solid #303133; border-radius: 4px; }
.jc-tooltip > div::after { content: ''; position: absolute; top: 50%; transform: translate(0, -50%); border: 8px solid transparent; }
/* 左侧 */
.jc-tooltip-left > div { left: -100px; }
.jc-tooltip-left > div::after { right: -16px; border-left-color: #303133; }
.jc-tooltip-left:hover div { display: block; }
/* 右侧 */
.jc-tooltip-right > div { left: 73px; white-space: nowrap; }
.jc-tooltip-right > div::after { left: -16px; border-right-color: #303133; }
.jc-tooltip-right:hover div { display: block; }
/* 上侧 */
.jc-tooltip-top > div { top: -50px; left: 50%; transform: translate(-50%, 0); white-space: nowrap; }
.jc-tooltip-top > div::after { top: auto; left: 50%; transform: translate(-50%, 0); bottom: -16px; border-top-color: #303133; }
.jc-tooltip-top:hover div { display: block; }
/* 下侧 */
.jc-tooltip-bottom > div { left: 50%; transform: translate(-50%, 0); top: 45px; white-space: nowrap; }
.jc-tooltip-bottom > div::after { left: 50%; transform: translate(-50%, 0); top: -16px; border-bottom-color: #303133; }
.jc-tooltip-bottom:hover div { display: block; }
/* 2020-09-10 */
/* /滑块/ */
.jc-auxiliar-moving { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: 0 0; z-index: 999999; }
.jc-slider { height: 4px; background: #e2e2e2; border-radius: 3px; position: relative; cursor: pointer; }
.jc-slider-bar { border-radius: 3px; position: absolute; height: 100%; }
.jc-slider-step { position: absolute; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #FFF; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.jc-slider-wrap { width: 36px; height: 36px; position: absolute; top: -16px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; text-align: center; }
.jc-slider-wrap-btn { width: 12px; height: 12px; border-radius: 50%; background: #FFF; display: inline-block; vertical-align: middle; cursor: pointer; transition: .3s; }
.jc-slider-wrap:after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
.jc-slider-wrap-btn.jc-slider-hover,
.jc-slider-wrap-btn:hover { transform: scale(1.2); }
.jc-slider-wrap-btn.jc-disabled:hover { transform: scale(1) !important; }
.jc-slider-tips { position: absolute; top: -42px; z-index: 66666666; white-space: nowrap; display: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #FFF; background: #000; border-radius: 3px; height: 25px; line-height: 25px; padding: 0 10px; }
.jc-slider-tips:after { content: ''; position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #000 transparent transparent; }
.jc-slider-input { width: 70px; height: 32px; border: 1px solid #e6e6e6; border-radius: 3px; font-size: 16px; line-height: 32px; position: absolute; right: 0; top: -15px; }
.jc-slider-input-btn { display: none; position: absolute; top: 0; right: 0; width: 20px; height: 100%; border-left: 1px solid #d2d2d2; }
.jc-slider-input-btn i { cursor: pointer; position: absolute; right: 0; bottom: 0; width: 20px; height: 50%; font-size: 12px; line-height: 16px; text-align: center; color: #999; }
.jc-slider-input-btn i:first-child { top: 0; border-bottom: 1px solid #d2d2d2; }
.jc-slider-input-txt { height: 100%; font-size: 14px; }
.jc-slider-input-txt input { height: 100%; border: none; }
.jc-slider-input-btn i:hover { color: #009688; }
.jc-slider-vertical { width: 4px; margin-left: 34px; }
.jc-slider-vertical .jc-slider-bar { width: 4px; }
.jc-slider-vertical .jc-slider-step { top: auto; left: 0; -webkit-transform: translateY(50%); transform: translateY(50%); }
.jc-slider-vertical .jc-slider-wrap { top: auto; left: -16px; -webkit-transform: translateY(50%); transform: translateY(50%); }
.jc-slider-vertical .jc-slider-tips { top: auto; left: 2px; }

/* 2020-09-12 */
/*new-upload*/
.jc-uploadWrap{  position:relative;  width: 130px;  height: 105px;} 
.jc-uploadWrap input { z-index: 100; cursor: pointer; opacity: 0; -moz-opacity: 0;  filter: alpha(opacity=0);width: 100%;  height: 100%;  position: absolute; left: 0px;  top: 0px; }
.jc-uploadWrap .cover_tip_txt{  color:#979898;font-size: 13px;  margin:5px; position: absolute; top: -26px; }
.jc-uploadWrap input{  z-index: 100;  cursor: pointer;  opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);width: 100%;  height: 100%;  position: absolute;  left: 0px;  top: 0px; z-index:1500;}
.jc-uploadWrap .ubtn {  top: 0;  background: #eff1f3; z-index: 10;  width: 100%; height: 100%;}
.jc-uploadWrap:hover .ubtn { z-index: 12;}
.jc-uploadWrap .ubtn, .jc-uploadWrap span, .jc-uploadWrap i {position: absolute; left: 0;  text-align: center; color: #bfbfbf;  cursor: pointer; width: 100%;}
.jc-uploadWrap span { top: -20px; font-size: 80px;}
.jc-uploadWrap i { top: 70%; font-size: 14px; line-height: 14px; font-style: inherit;} 
.jc-uploadWrap img { position: absolute; left: 0;  top: 0;width: 100% ; height:100%;  background: #eff1f3; z-index: 10;}

/*2020-10-23*/
/* 进度条 */
.jc-progress { width: 100%; display: flex; flex-direction: row; align-items: center; overflow: hidden; }
.jc-bg-progress { height: 26px !important; border-radius: 13px !important; }
.jc-progress-article { width: 80%; height: 6px; background: #ebeef5; border-radius: 3px; position: relative; margin-right: 20px; }
.jc-schedule { position: absolute; top: 0; left: 0; height: 100%; background-color: #1890ff; border-radius: 3px; }
.jc-progress-txt { color: #8c8c8c; line-height: 22px; width: 20%; }
.jc-bg-txt { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 12px; color: #ffffff; line-height: 22px; }
.jc-progress-success { background: url(../fonts/prosuccess.svg) center no-repeat; height: 22px; background-size: 13px auto; background-position: 0; }
.jc-progress-warning { background: url(../fonts/prowring.svg) center no-repeat; height: 22px; background-size: 13px auto; background-position: 0; }
.jc-progress-error { background: url(../fonts/proerror.svg) center no-repeat; height: 22px; background-size: 13px auto; background-position: 0; }
.jc-circle-success { background: url(../fonts/circlesuccess.svg) center no-repeat; height: 22px; background-size: 16px auto; background-position: 0; }
.jc-circle-warning { background: url(../fonts/circlewring.svg) center no-repeat; height: 22px; background-size: 16px auto; background-position: 0; }
.jc-circle-error { background: url(../fonts/circleerror.svg) center no-repeat; height: 22px; background-size: 16px auto; background-position: 0; }
.jccircle-bar { margin: 20px; width: 76px; height: 76px; position: relative; }
.jccircle-bar-left, .jccircle-bar-right { width: 76px; height: 76px; }
.jccircle-bar-right { clip: rect(0,auto,auto,38px); background-color: #ebeef5; }
.jccircle-bar-left { clip: rect(0,38px,auto,0); background-color: #ebeef5; }
.jc-circle-mask { width: 68px; height: 68px; background-color: #fff; text-align: center; color: rgba(0,0,0,0.5); }
.jc-circle-mask :first-child { height: 68px; line-height: 68px; display: block; }
/*所有的后代都水平垂直居中，这样就是同心圆了*/
.jccircle-bar * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
/*自身以及子元素都是圆*/
.jccircle-bar, .jccircle-bar > * { border-radius: 50%; }
/* 2020-09-14 */
/* checkbox */
.jc-check { -webkit-appearance: none; display: inline-block; width: 13px; height: 13px; margin: 0; cursor: pointer; vertical-align: bottom; background: #fff; border: 1px solid #c6c6c6; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-right: 4px; top: -3px; }
.jc-check:checked::after { content: url(../img/checkmark.png); display: block; position: absolute; top: -6px; left: -5px; }
    
/* 2020-09-15 */
/* switch开关 */
.jc-switch { appearance: none; -moz-appearance: button; -webkit-appearance: none; }
.jc-switch { position: relative; margin: 0; width: 40px; height: 20px; border: 1px solid #dcdfe6; outline: 0; border-radius: 10px; box-sizing: border-box; background-color: #dcdfe6; -webkit-transition: background-color 0.1s, border 0.1s; transition: background-color 0.1s, border 0.1s; }
.jc-switch:before { content: " "; position: absolute; top: 0; left: 0; width: 38px; border-radius: 10px; background-color: #dcdfe6; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1); transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1); transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1); }
.jc-switch:after { content: " "; position: absolute; top: 50%; left: 1px; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background-color: #FFFFFF; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35); }
.jc-switch:checked:before { transform: scale(0); }
.jc-switch:checked:after { transform: translateX(20px); }
.jc-switchl { margin-right: 10px; }
.jc-switchr { margin-left: 10px; }
/* 2020-09-15 */
/* table开关 */
/*.jc-thead input { opacity: 1 !important; }
.jc-thead .jc-table-ul { height: 54px; line-height: 54px; }
.jc-thead .jc-table-ul li { background-color: #f2f2f2; }
.jc-tbody .jc-table-ul { height: 56px; }
.jc-vemptydiv { position: relative; height: 100%; }
.jc-vcenter { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; line-height: 25px; }
.jc-texthiddle { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.jc-table-ul { width: 100%; list-style: none; display: flex; border-left: 1px solid rgba(200, 200, 200, .5); }
.jc-table-ul li { border-right: 1px solid rgba(200, 200, 200, .5); border-top: 1px solid rgba(200, 200, 200, .5); text-align: center; overflow: hidden; display: block; padding: 0 5px; }
.jc-tbody .jc-table-ul:last-child li { border-bottom: 1px solid rgba(200, 200, 200, .5); }
.hover-rowstyle, .active-rowstyle { background: rgb(230, 247, 255) !important; }
.jc_operate { height: 30px; line-height: 30px; margin: 0 10px; cursor: pointer; color: rgb(26, 140, 254); }
.jc_operate:hover { color: red; }
.jc_t_img { height: 54px; width: 54px; border-radius: 50%; background-color: aquamarine; }
.jc_td_click { cursor: pointer; }
.jc_icon { height: 24px; width: 24px; display: block; margin: 0 5%; }
.jc_operate_td { display: flex; align-items: center; justify-content: center; cursor: pointer; height: 100%; }
.jc_sort { display: flex; flex-direction: column; cursor: pointer; margin-left: 8px; line-height: 10px; }
.jc_sortactive { color: seagreen; }
.jc_sort_flx { display: flex; align-items: center; justify-content: center; }
.jc_sort_span { height: 10px; width: 10px; display: block; margin: 2px 0; font-size: 14px; }
.jc_th_right,
.jc_th_left { position: absolute; top: 0; z-index: 10; background-color: #ffffff; width: 0 !important; border-top: 1px solid rgba(200, 200, 200, .5); }
.jc_th_right { right: 0; border-right: 1px solid rgba(200, 200, 200, .5) !important; box-shadow: -3px 0 5px .1px rgba(200, 200, 200, .5); }
.jc_th_left { left: 0; border-right: none !important; border-left: 1px solid rgba(200, 200, 200, .5); box-shadow: 3px 0 5px .1px rgba(200, 200, 200, .5); }*/

.jc-table{position:relative;overflow:hidden;box-sizing:border-box;flex:1;width:100%;max-width:100%;background-color:#fff;font-size:14px;color:#606266;border-spacing: 0;    border-collapse: collapse;}
.jc-table__append-wrapper{overflow:hidden}
.jc-table thead{color:#909399;font-weight:500}
.jc-table thead th{border-bottom: 1px solid #ebeef5;} 
.jc-table thead.is-group th{background:#f5f7fa}
.jc-table td,.jc-table th{padding:12px 10px;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:23px;}
.jc-table tr{background-color:#fff}
.jc-table tr input[type=checkbox]{margin:0}
.jc-table td,.jc-table th.is-leaf{border-bottom:1px solid #ebeef5}
.jc-table th.is-sortable{cursor:pointer}
.jc-table th{overflow:hidden;user-select:none;background-color:#fff}
.jc-table th > .cell{display:inline-block;box-sizing:border-box;position:relative;vertical-align:middle;padding-left:10px;padding-right:10px;width:100%}
.jc-table th > .cell.highlight{color:#409eff}
.jc-table td div{box-sizing:border-box}
.jc-table thead,.jc-table tbody{table-layout:fixed;border-collapse:separate}
.jc-table td{transition:background-color .25s ease} 
.jc-table-hover tr:hover > td{background-color:#f5f7fa} 
.jc-table-empty{line-height:60px;color:#909399} 
/* 2020-09-15 */
/* select */
/*select下拉框*/
.jc-select { width: 224px; min-height: 40px; height: auto; padding-left: 15px; background: #ffffff; border: 1px solid #d8dce6; border-radius: 4px; outline: none; cursor: default; background-image: url('../images/icon-select-point.svg'); background-position: right 10px center; background-size: 10px 10px; background-repeat: no-repeat;vertical-align: top; }
.jc-select-remove { background-image: url('../fonts/icon_select_close.svg'); background-size: 12px 12px; position: absolute; top: 15px; right: 10px; height: 12px; width: 12px; background-color: white; }
.jc-select:hover { border: 1px solid #c0c4cc; }
.jc-select:focus { border: 1px solid #1989fa; }
.jc-select-disable { background-color: #f5f7fa; }
.jc-select-disable:hover { border: 1px solid #d8dce6; }
.jc-select-multiselect { padding-top: 8px; }
.jc-selectbox { position: relative; max-height: 300px; overflow: auto; min-height: 258px; height: auto; padding-top: 20px; background: #ffffff; border: 1px solid #e4e7ed; border-radius: 6px; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.06); }
.jc-selectall .point { z-index: 9; position: absolute; top: -6px; left: 20px; width: 12px; height: 12px; border-top: 1px solid #e4e7ed; border-left: 1px solid #e4e7ed; transform: rotate(45deg); background: #ffffff; }
.jc-selectbox .select { width: 100%; height: 34px; line-height: 34px; padding: 0 20px; font-size: 14px; font-weight: 400; color: #5a5e66; transition: background-color 0.2s; cursor: pointer; }
.jc-selectbox .select:hover { background-color: #f5f7fa; }
.jc-selectbox .select:active { color: #1989fa; }
.jc-selectbox .selected { opacity: 1; background-image: url('../fonts/icon-select-checked.svg'); background-size: 16px 16px; background-position: right 20px center; background-repeat: no-repeat; }
.jc-selectbox-group .group { position: relative; }
.jc-selectbox-group .group:not(:last-child) { margin-bottom: 20px; padding-bottom: 10px; }
.jc-selectbox-group .group:not(:last-child)::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -92px; width: 184px; height: 1px; background: #dcdfe6; }
.jc-selectbox-group .group .title { margin-bottom: 5px; padding: 0 20px; width: 100%; font-size: 12px; font-weight: 400; color: #909399; }
.jc-selectall { position: absolute; z-index: 9; width: 100%; display: none; margin-top: 2px; }
.jc-selectcontent { position: relative;display: inline-block; width: 224px; }
.jc-multiselect-clear { display: inline-block; align-items: center; flex-direction: row; flex-wrap: nowrap; margin-bottom: 2px; padding: 4px 26px 4px 10px; font-size: 12px; font-weight: 400; color: #5a5e66; background: #f0f2f5; border-radius: 3px; position: relative; }
.jc-list-clear { position: absolute; background-image: url('../fonts/icon_select_close.svg'); background-position: right 0px center; background-size: 12px 12px; background-repeat: no-repeat; height: 16px; width: 16px; top: 4px; right: 8px; }
.jc-select-placeholder{ position:absolute;color: #666;top: 11px;left: 16px;font-size: 13px;}
/* 2020-09-16 */
/*栅格系统 start*/
.container { max-width: 1200px; margin-left: auto; margin-right: auto; }
.container-fluid { width: 100%; }
.container .row, .container-fluid .row { position: relative; margin-right: -10px;    margin-left: -10px; }
/*.offset10{margin-left:10px;margin-right:10px;}*/
.container .row:after, .container-fluid .row:after { display: block; clear: both; content: ""; }
.container .row [class^="col"], .container-fluid .row [class^="col"] { float: left; min-height: 1px;padding-right: 10px;    padding-left: 10px; }
.container .row [class^="w-"], .container-fluid .row [class^="w-"] { float: left; min-height: 1px;padding-right: 10px;    padding-left: 10px; }
.container .row .r0{padding-right:0}.container .row .l0{padding-left:0}
/**栅格模式1:按照12的整数倍进行分割*/
.col-1 { width: 8.33333333%; }
.col-2 { width: 16.66666667%; }
.col-3 { width: 20%; }
.col-4 { width: 33.33333333%; }
.col-5 { width: 94%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; }
.col-8 { width: 66.66666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333%; }
.col-11 { width: 91.66666667%; }
.col-12 { width: 100%; }

/**栅格模式2:按照10%的倍数进行分割*/
.w-10{ width:10%;}
.w-20{ width:20%;}
.w-30{ width:30%;}
.w-40{ width:40%;}
.w-50{ width:50%;}
.w-60{ width:60%;} 
.w-70{ width:70%;}
.w-80{ width:80%;}
.w-90{ width:90%;}
.w-100{ width:100%;}

.card{/*margin:10px 10px 10px 0;*/ margin-top:10px; background:#fff;border:1px solid #ebebeb;border-radius:.25rem}
.card-img{width:100%;height:180px;background:#868e96}
.card-body{min-height:1px;padding:0.75rem}
.card-title{margin-bottom:.75rem;font-size:18px;font-weight:500;color:#303133}
.card-transition .card { transition:transform .3s;}
.card-transition .card:hover{ box-shadow: 0 3px 10px 0 rgba(104,117,131,.14); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}
/*文字通用行高24*/
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh30{line-height:30px;}

/*高度*/
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h120{height:120px;}
.h160{height:160px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.h500{height:500px;}
/*end*/
/*通用css*/
.m10{margin:10px} .m20{margin:20px}
.p10{padding:10px;}.p20{padding:20px;} 
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}    
.mt10{margin-top:10px;}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}
.pt10{padding-top:10px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pt60{padding-top:60px;}
.ml10{margin-left:10px;}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}
.pl10{padding-left:10px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}.pl60{padding-left:60px;}
.gray,a.gray{color: #909399;}.red,a.red{color:#f1403c} .white,a.white{color:#fff}                                                                                                                             
.bg{background:#fff;}  .bg-gray{background:#f7f8fb;}   .bg-white{background:#fff;}       
.bg-color1{background:#FFFFCC}
.bg-color2{background:#CCFFFF}
.bg-color3{background:#FFCCCC}
.bg-color4{background:#99CCCC}
.bg-color5{background:#3399CC}
.bg-color6{background:#CCFFCC}
.bg-color7{background:#FFFFCC}                                                                                                                       
.bold{font-weight:700}
.center{text-align:center} .t-left{text-align:left;} .t-right{text-align:right;}
.size12{font-size:12px}
.size14{font-size:14px}
.size16{font-size:16px}
.size18{font-size:18px}
.size20{font-size:20px}
.size24{font-size:24px}
.size26{font-size:26px}
.size30{font-size:30px}
.size36{font-size:36px}
.size46{font-size:46px}
.size100{font-size:100px}
.shadow{box-shadow:0 3px 6px 0 rgba(99,110,155,.1)}
.border{border: 1px solid #dee2e6!important;}.border-top0{border: 1px solid #dee2e6!important; border-top: 0!important;}
.rounded{ border-radius:3px;}
.f-left{float:left;}
.f-right{ float:right;}
.hide{ display:none;}
.fixed-top{position: fixed;top: 0;right: 0; left: 0;z-index: 1030;} 
.fixed-bottom{position: fixed; bottom: 0;right: 0;left: 0;z-index:1030;}
.overflow-hide{overflow: hidden!important;}
.clear{ clear:both;}

/* 2020-09-16 */
/*tag标签*/
.jc-tag { display: inline-block; padding: 8px 10px; font-size: 12px; font-weight: 400; color: #ffffff; background: #409eff; border-radius: 3px; letter-spacing: 1px; cursor: pointer; }
.jc-tag-success { background: #67c23a; }
.jc-tag-info { background: #e6a23c; }
.jc-tag-danger { background: #fa5555; }
.jc-tag-normal { background: #909399; }
.jc-tag-light { padding: 8px 9px; background: #ecf5ff; color: #409eff; border: 1px solid #d9ecff; }
.jc-tag-lightSuccess { padding: 7px 9px; background: #f0f9eb; color: #67c23a; border: 1px solid #e1f3d8; }
.jc-tag-lightInfo { padding: 7px 9px; background: #fdf6ec; color: #e6a23c; border: 1px solid #faecd8; }
.jc-tag-lightDanger { padding: 7px 9px; background: #fef0f0; color: #fa5555; border: 1px solid #fde2e2; }
.jc-tag-lightNormal { padding: 7px 9px; background: #f4f4f5; color: #909399; border: 1px solid #e9e9eb; }
.jc-tag-void { padding: 7px 9px; background: #ffffff; color: #409eff; border: 1px solid #b3d8ff; }
.jc-tag-voidSuccess { padding: 7px 9px; background: #ffffff; color: #67c23a; border: 1px solid #c2e7b0; }
.jc-tag-voidInfo { padding: 7px 9px; background: #ffffff; color: #e6a23c; border: 1px solid #f5dab1; }
.jc-tag-voidDanger { padding: 7px 9px; background: #ffffff; color: #fa5555; border: 1px solid #fbc4c4; }
.jc-tag-voidNormal { padding: 7px 9px; background: #ffffff; color: #909399; border: 1px solid #d3d4d6; }
/*可移除tag*/
.jc-tag-remove { position: relative; display: inline-block; padding: 8px 26px 8px 10px; font-size: 12px; font-weight: 400; background: #ecf5ff; color: #409eff; border: 1px solid #d9ecff; border-radius: 3px; letter-spacing: 1px; cursor: pointer; }
.jc-tag-remove .close { position: absolute; top: 50%; right: 6px; margin-top: -7px; display: inline-block; width: 14px; height: 14px; text-align: center; line-height: 14px; font-style: normal; font-family: none; font-size: 14px; border-radius: 50%; transition: background-color color 0.2s; }
.jc-tag-remove:hover .close { background-color: #409eff; color: white; }
.jc-tag-removeSuccess { background: #f0f9eb; border: 1px solid #e1f3d8; color: #67c23a; }
.jc-tag-removeSuccess:hover .close { background-color: #67c23a; }
.jc-tag-removeInfo { background: #fdf6ec; border: 1px solid #faecd8; color: #e6a23c; }
.jc-tag-removeInfo:hover .close { background-color: #e6a23c; }
.jc-tag-removeDanger { background: #fef0f0; border: 1px solid #fde2e2; color: #fa5555; }
.jc-tag-removeDanger:hover .close { background-color: #fa5555; }
.jc-tag-removeNormal { background: #f4f4f5; border: 1px solid #e9e9eb; color: #909399; }
.jc-tag-removeNormal:hover .close { background-color: #909399; }
/*不同尺寸*/
.jc-tag-big { padding-top: 5px; padding-bottom: 5px; }
.jc-tag-middle { padding-top: 3px; padding-bottom: 3px; }
.jc-tag-small { padding-top: 1px; padding-bottom: 1px; }
/*Badge徽标*/
.jc-badge { position: absolute; top: -10px; right: -20px; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #fa5555; border-radius: 50%; box-shadow: 0px 3px 6px 0px rgba(199,33,33,0.3); font-size: 12px; color: #ffffff; cursor: default; }
.jc-badge-square { position: absolute; top: -10px; right: -40px; display: inline-block; width: 38px; height: 20px; line-height: 20px; text-align: center; background: #fa5555; border-radius: 10px; box-shadow: 0px 3px 6px 0px rgba(199,33,33,0.3); font-size: 12px; color: #ffffff; cursor: default; }
/*Status*/
.jc-Status { display: inline-block; width: 6px; height: 6px; background: #1890ff; box-shadow: 0px 3px 6px 0px rgba(24,144,255,0.3); border-radius: 50%; }
.jc-Status-success { background: #52c41a; box-shadow: 0px 3px 6px 0px rgba(82,196,26,0.3); }
.jc-Status-danger { background: #fa5555; box-shadow: 0px 3px 6px 0px rgba(199,33,33,0.3); }
.jc-Status-info { background: #faad14; box-shadow: 0px 3px 6px 0px rgba(250,173,20,0.3); }
.jc-Status-normal { background: rgba(0,0,0,0.25); box-shadow: 0px 3px 6px 0px rgba(157,157,157,0.3); }
/* 2020-09-16 */
/* Popover 弹出框 */
.jc-popover-tips, .jc-popover-title-tips, .jc-popover-btn-tips { position: absolute;min-width: 150px; display: inline-block; padding: 16px; border: 1px solid #ebeef5; border-radius: 4px; vertical-align: middle; font-size: 14px; box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.06); color: #606266; cursor: pointer; display: none; background-color: white; }
.jc-popover-tips::after { content: ''; position: absolute; bottom: -14px; left: 50%; transform: translate(-50%, 0); border: 8px solid transparent; border-top-color: #fff; }
.jc-popover-title-tips h4 { font-size: 16px; color: #303133; }
.jc-popover-title-tips div { margin-top: 10px; line-height: 20px; width: 154px; }
.jc-popover-title-tips::after { content: ''; position: absolute; bottom: -14px; left: 50%; transform: translate(-50%, 0); border: 8px solid transparent; border-top-color: #fff; }

/* 带按钮 */

.jc-popover-btn-tips::after { content: ''; position: absolute; bottom: -14px; left: 50%; transform: translate(-50%, 0); border: 8px solid transparent; border-top-color: #fff; }
.jc-popover-btn-tips p { line-height: 20px; width: 154px; }
.jc-popover-btn-tips > div { margin-top: 16px; margin-left: 50px; display: flex; flex-wrap: nowrap; }
.jc-popover-btn-tips > div > button { border: none; outline-style: none; width: 56px; line-height: 28px; border-radius: 3px; text-align: center; cursor: pointer; }
.jc-popover-btn-tips > div > button:nth-child(1) { color: #409EFF; background-color: #fff; }
.jc-popover-btn-tips > div > button:nth-child(2) { color: #fff; background-color: #409EFF; }
.jc-popover-all { position: relative; display:inline; }
.jc-popover-btn { padding: 8px 16px; border: 1px solid #409EFF; border-radius: 5px; outline: none; background-color: transparent; cursor: pointer; color: #409EFF; white-space: nowrap; }
.jc-popover-btn:hover { background-color: #409EFF; color: #fff; }
.jc-popover-btn:hover ~ .jc-popover-tips,
.jc-popover-btn:hover ~ .jc-popover-title-tips { display: block; }
/* /202-09-17/ */
/*分页样式*/
.jc-paging { clear: both; margin-top: 36px; margin-bottom: 36px; width: 100%; }
.jc-paging ul {height: 30px; }
.jc-paging ul li { float: left; margin-right: 10px;  min-width:30px ;height: 30px; line-height: 30px; text-align: center; cursor: pointer;background: #f0f2f5;border-radius: 2px;padding: 0 12px;margin-top: 5px; }
.jc-paging .jc-nobg li { background-color: #fff; }
.jc-paging ul li a{ display: inline-block; width: 100%; height: 100%; color: #606266; font-size: 14px; }
.jc-pagin-tip em{ margin:0px 5px;}
.jc-paging .jc-nobg .active { background-color: #fff; }
.jc-paging .jc-nobg .active a { color: #1989FA; }
.jc-paging ul li:hover {background-color: #ccc;color:#606266;}
.jc-paging ul li:hover a{color:#606266;}
.jc-paging .jc-nobg li:hover { background-color: #eeeeee; }
.jc-paging ul li.active { border: none; background: #1989FA; color: #fff; cursor: default; }
.jc-paging ul li.active a { color: #ffffff; }
.jc-paging ul li.disabled a {color: #C0C4CC; }
.pagingbg { background: url(../images/arrow2.png) no-repeat center center; background-size: 16px; }
.jc-goto { width: 35px; padding: 0 !important; margin-left: 35px; }
.jc-goto span { color: black !important; }
.jc-padingget:focus { outline-color: rgba(220,223,230,1); }
.jc-padingget { text-align: center; width: 100%; height: 100%; display: block; border: none; }
.jc-padingget:checked { border-color: transparent; }
.jc-pabtn { position: absolute; left: 60px; top: 0; padding: 6px 10px; border: 1px solid #d5d8de; outline: none; border-radius: 3px; background-color: #ffffff; }
.jc-pabtn:active { background-color: #1989fa; }
.jc-pagin-pre, .jc-pagin-next { width: 30px; padding: 0 !important; }
.jc-pagin-pre a { background: url(../images/arrow1.png) no-repeat center center; background-size: 11px; }
.jc-pagin-next a { background: url(../images/arrow2.png) no-repeat center center; background-size: 11px; }

/*页面文字大小*/
.head1 {font-size:36px;line-height:48px;}
.head2 {font-size:28px;line-height:44px;}
.head3 {font-size:22px;line-height:36px;}
.head4 {font-size:18px;line-height:30px;}
.head5 {font-size:16px;line-height:28px;}

.jc-btn {outline:none;display:inline-block;white-space:nowrap;text-align:center;padding: 8px 22px;color:#666;font-size:14px;border:none;border-radius:4px;cursor:pointer;background-color: transparent;border: 1px solid transparent;line-height: 1.42857143;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.jc-btn-default {border:1px solid #dcdfe6;}
.jc-btn-main {background-color:#409EFF;color:#fff;border-color:#409EFF;}
.jc-btn-success {background-color:#67C23A;color:#fff;border-color:#67C23A;}
.jc-btn-message {background-color:#909399;color:#fff;border-color:#909399;}
.jc-btn-warm {background-color:#FAAD14;color:#fff;border-color:#FAAD14;}
.jc-btn-danger {background-color:#FA5555;color:#fff;border-color:#FA5555;}
.jc-btn:disabled{opacity: 0.65;cursor: not-allowed;}


/*鼠标悬浮*/
.jc-btn-default:hover {background-color:#ecf5ff;color:#409EFF;border-color:#B3D8FF;}
.jc-btn-main:hover {background-color:#66B1FF;}
.jc-btn-success:hover {background-color:#85CE61;}
.jc-btn-message:hover {background-color:#A6A9AD;}
.jc-btn-warm:hover {background-color:#EBB563;}
.jc-btn-danger:hover {background-color:#F78989;}
/*鼠标点击*/
.jc-btn-default:active {background-color:#ECF5FF;color:#409EFF;border-color:#3A8EE6;}
.jc-btn-main:active {background-color:#3A8EE6;}
.jc-btn-success:active {background-color:#5DAF34;}
.jc-btn-message:active {background-color:#82848A;}
.jc-btn-warm:active {background-color:#CF9236;}
.jc-btn-danger:active {background-color:#DD6161;}
.jc-btn-round{border-radius: 18px;}

/*线框按钮 命名保持不变，添加btn-type="simple" 属性即可*/
.jc-btn-default[btn-type="simple"] {border-color:#DCDFE6;}
.jc-btn-main[btn-type="simple"] {border-color:#409EFF;background-color:#fff;color:#409EFF;}
.jc-btn-main[btn-type="simple"]:hover {border-color:#409EFF;background-color:#409EFF;color:#fff;}
.jc-btn-main[btn-type="simple"]:active {background-color:#1a8cfe;}
.jc-btn-success[btn-type="simple"] {border-color:#c2e7b0;background-color:#f0f9eb;color:#67C23A;}
.jc-btn-message[btn-type="simple"] {border-color:#d3d4d6;background-color:#f4f4f5;color:#909399;}
.jc-btn-warm[btn-type="simple"] {border-color:#f5dab1;background-color:#fdf6ec;color:#faad14;}
.jc-btn-danger[btn-type="simple"] {border-color:#FBC4C4;background-color:#fef0f0;color:#FA5555;}
.jc-btn-sm{padding: 4px 20px;border-radius: 2px;}
/*页面a标签样式*/
a{color: #606266;}
a:hover{color: #1890FF;  }
.a-main,.a-main:hover{color: #1890FF;}
.a-success,.a-success:hover{color: #67C23A;}
.a-danger,.a-danger:hover{color: #FA5555;}
.a-warm,.a-warm:hover{color: #F1AA40;}
.underline{text-decoration: underline;}


/*分享弹窗css*/
#share_global > p { width: 226px; height: 40px; background: #333444; opacity: 0.8; border-radius: 5px; line-height: 40px; text-align: center; position: absolute; top: 45%; left: 13%; font-size: 14px; color: #fff; z-index: 10; display: none; }
.sharecopy { margin-left: -3px !important; background: url(../images/share_g4.png) no-repeat; background-size: 100% auto;; }
.sharecopy:hover { opacity: .8;; }
.social-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none; }
.social-share .social-share-icon { position: relative; display: inline-block; width: 40px; height: 40px; font-size: 20px; border-radius: 50%; line-height: 40px; color: #666; text-align: center; vertical-align: middle; transition: background 0.6s ease-out 0s; }
.social-share .icon-weibo { color: #ff763b; border-color: #ff763b; background: url(../images/share_g1.png) no-repeat; background-size: 100% auto;; }
.social-share .icon-qq { color: #56b6e7; border-color: #56b6e7; background: url(../images/share_g3.png) no-repeat; background-size: 100% auto;; }
.social-share .icon-qzone { color: #FDBE3D; border-color: #FDBE3D; background: url(../images/share_g2.png) no-repeat; background-size: 100% auto;; }
.social-share .icon-weibo:hover { opacity: .8;; }
.social-share .icon-qq:hover { opacity: .8;; }
.social-share .icon-qzone:hover { opacity: .8;; }
.social-share .icon-wechat { position: relative; color: #7bc549; border-color: #7bc549;; }
.social-qrcode img { width: 100%; height: 100%; }
.social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; }


/*表单验证css*/
 @font-face{font-family:verJs;src:url(iconfont.eot?t=1552017381506);src:url(../fonts/iconfont.eot) format('embedded-opentype'),url('../fonts/766125100b864853b124aa64e95b7c0b.woff') format('woff2'),url(../fonts/iconfont.woff) format('woff'),url(../fonts/iconfont.ttf) format('truetype'),url(../fonts/iconfont.svg) format('svg')}
.verJsFont{font-family:verJs!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/*.icon-search:before{content:"\e631"}
.icon-guanbi:before{content:"\e676"}
.icon-plus:before{content:"\e67c"}
.icon-gobottom:before{content:"\e65d"}
.icon-minus:before{content:"\e68b"}
.icon-check-box-others:before{content:"\e662"}

.icon-menu:before{content:"\e603"}
.icon-check-box-cicre:before{content:"\e65a"}
.icon-warning:before{content:"\e68f"}
.icon-error:before{content:"\e621"}
.icon-edit-remark:before{content:"\e623"}
.icon-check-box:before{content:"\e600"}
.icon-caret-left:before{content:"\e6cc"}
.icon-caret-down:before{content:"\e6cd"}
.icon-caret-right:before{content:"\e6ce"}
.icon-caret-up:before{content:"\e6d0"}
.icon-radio-cicre:before{content:"\e677"}
.icon-gotop:before{content:"\e602"}
.icon-radio:before{content:"\e66a"}
.icon-success:before{content:"\e61a"}
.icon-refresh:before{content:"\e652"}
.icon-lg{font-size:2em}*/

.icon-info:before{content:"\e7c5"}
.icon-info-o:before{content:"\e614"}
.ver-error-input{border:1px solid #ff1f30}
.ver-errors{color:#ff1f30;font-size:12px;margin:0!important;position:relative;width:auto;max-width:220px;background-color:#eee;padding:0 10px;border-radius:5px;display:inline-block;left:1px;vertical-align:top;top:1px;line-height:30px}
.ver-errors .ver-error-caret{color:#dedede;position:absolute;left:-12px;width:15px;height:30px;line-height:30px;top:0}
.ver-errors .ver-error-caret.ver-icon-carets:before{content:"\e6cc"}
.ver-money-input{vertical-align:middle;color:#333}
.ver-money-input::before{content:"￥"}
.ver-money-input>input{width:60px;border:0;border-bottom:1px solid #dedede;padding:0;margin:0}
.ver-error-inputs{border:1px solid #ff1f30;border-right:0}
.ver-errorMessageBlock{display:block;top:5px;width:100%;max-width:100%;left:0;background:0 0}

/*图片预览css*/
.zoomify, .preview-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }
.zoomify.zoomed { cursor: -webkit-zoom-out; cursor: zoom-out; padding: 0; margin: 0; border: none; border-radius: 0; box-shadow: none; position: relative; z-index: 1501; }
.zoomify-shadow { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; z-index: 1500; background: rgba(0,0,0,.8); opacity: 0; }
.zoomify-shadow.zoomed { opacity: 1; cursor: pointer; cursor: -webkit-zoom-out; cursor: zoom-out; }


.zoom-mask-layer *{box-sizing:border-box;margin:0;padding:0}
.zoom-mask-layer{position:fixed;top:0;left:0;z-index:1503;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.zoom-mask-layer .zoom-mask-layer-close{position:absolute;top:20px;right:20px;width:32px;height:32px;background:url(../fonts/542caeb6577d443ca5f65e489f64b498.woff)}
.zoom-mask-layer-container .zoom-img-next{    right: 20px;    left: auto;}
.zoom-mask-layer-container .zoom-mask-layer-imgbox{position:relative;overflow:hidden;width:100%;height:100%}
.zoom-mask-layer-container .zoom-mask-layer-imgbox.has-small{height:calc(100% - 75px)}
.zoom-mask-layer-imgbox .zoom-mask-layer-imgName{position:absolute;bottom:-30px;left:50%;z-index:999;padding:5px;width:630px;height:30px;background:rgba(0,0,0,.3);color:#fff;transition:all linear .3s;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);-ms-transform:translate(-50%)}
.zoom-mask-layer-imgbox:hover .zoom-mask-layer-imgName{bottom:0}
.zoom-mask-layer-imgbox .zoom-layer-img-box{position:relative;width:100%;height:100%}
.zoom-layer-img-box>p{position:absolute;top:0;left:0;width:100%;height:100%;cursor:move;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center;-ms-transform-origin:center;-webkit-margin-before:0;-webkit-margin-after:0}
.zoom-mask-layer-imgbox .zoom-layer-img-box img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1)}
.zoom-mask-layer-imgbox .zoom-layer-img-box img:hover{cursor:zoom-out;}
.zoomImg-hide-box{display:none!important}