@charset "utf-8";
/*弹窗 --- begin*/
.popup{position: fixed;top:0;left: 0;height: 100%;width: 100%;z-index: 100}
.popup-mask{background: #000;opacity: 0.2;position: absolute;width: 100%;height: 100%;top:0;left: 0;filter:alpha(opacity=20);}
.popup-box{border-radius: 8px;position: absolute;width: 100%;z-index: 91;}
.popup-box .box-title{user-select: none;font-size: 16px;color: #333;position: relative;line-height: 40px;height: 40px;border-radius: 8px 8px 0 0;background: #ffffff;  border-bottom: 1px solid #f1f1f1;}
.popup-box .box-title.no-title{background: #fff;}
.popup-box .box-title>p{text-align: left;border-radius: 8px 8px 0 0;text-indent: 10px;}
.popup-box .box-title>.close{position: absolute;top:12px;right: 15px;width: 16px;height: 16px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAtElEQVQokXXSwXHDIBAF0GdKsM4pAqUF6+x0kLTgQuQanA7ic1SDXITvqSEHwwxeCy7MLLyB/bCb5/kHI4646Y+MK9aEd7xhKQs9sJR9Yyon/GHfgRXsy76PhBVTgGMHTPV6NuAvPrcAVFThoYGXLRARj/ROoXZqwRbKOIfaWQinRbn0MpQrfZV5KPUcUU2pggnfTY+D5jmS11gPTQ83z+EsyMnja7QgfqUIr/Vx7x0Q4R3rPy8fO3ESPjUXAAAAAElFTkSuQmCC") no-repeat;cursor: pointer;}
.popup-box .box-content{background: #fff;min-height: 100px;border-radius: 0 0 8px 8px;overflow: visible;padding-bottom: 20px;}
.popup-box .box-title>.close:hover{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAtElEQVQokXXSwXHDIBAF0GdKsM4pAqUF6+x0kLTgQuQanA7ic1SDXITvqSEHwwxeCy7MLLyB/bCb5/kHI4646Y+MK9aEd7xhKQs9sJR9Yyon/GHfgRXsy76PhBVTgGMHTPV6NuAvPrcAVFThoYGXLRARj/ROoXZqwRbKOIfaWQinRbn0MpQrfZV5KPUcUU2pggnfTY+D5jmS11gPTQ83z+EsyMnja7QgfqUIr/Vx7x0Q4R3rPy8fO3ESPjUXAAAAAElFTkSuQmCC") no-repeat;}
/* .popup-box .box-title .box-title-left-bar{display: block;position: absolute;left: 0;height: 8px;width: 2px;background: #1e1e1e;top: 50%;margin-top: -4px;} */
/*loadding框样式*/
.loading{position: fixed;top:0;left: 0;height:100%;width:100%;background:rgba(255,255,255,0);z-index:998;}
.loading_c{position: absolute;top:50%;left: 50%;height:30px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
 .loading_c span {display:block;float:left;margin:0 6px;width:5px;height:10px;border-radius:3px;-webkit-animation:load .5s ease infinite;}
 @-webkit-keyframes load {0%,100% {height:10px;background:#21bb62;margin:0 6px;}
 50% {height:20px;margin-top:-5px;background:#607ffb;}
 }
 .loading span:nth-child(2) {-webkit-animation-delay:0.1s;}
 .loading span:nth-child(3) {-webkit-animation-delay:0.2s;}
 .loading span:nth-child(4) {-webkit-animation-delay:0.3s;}
 .loading span:nth-child(5) {-webkit-animation-delay:0.4s;}
/*提示框样式*/
.da-tip .popup-box{background: #fff;border-radius: 0.3rem;width: 320px;color:#333;text-align: center;font-size: 16px;position: absolute;left: 50%;margin:-90px 0 0 -160px;top:50%;z-index: 100;}
.da-tip .popup-box .da-tip-con{height: 128px;position: relative;}
.da-tip .popup-box .da-tip-con p{position: absolute;top:50%;width: 80%;text-align: center;left: 10%;}
.da-tip .popup-box .da-tip-btns{padding: 15px 0;border-top:1px solid #eaeaea;cursor: pointer;color: #3173cb;}
/*确定框样式*/
.da-confirm{background: rgba(0,0,0,.3)}
.da-confirm .popup-box{padding-bottom:10px;background: #fff;border-radius: 0.3rem;width: 400px;color:#333;text-align: center;font-size: 16px;position: absolute;left: 50%;margin:-123px 0 0 -200px;top:50%;}
.da-confirm .da-confirm-content{padding: 20px 20px 0;text-align: center;height: 128px;position: relative;}
.da-confirm .da-confirm-content p{position: absolute;top:50%;width: 80%;text-align: center;left: 10%;}
/*小奥框样式*/
.da-ao-tip{z-index: 100;top:0;left:0;position: fixed;width: 100%;height:100%;display: none;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;background: rgba(0,0,0,.3)}
.da-ao-tip>div{background: #fff;border-radius: 0.3rem;width: 80%;text-align: center;position: relative;}
.da-ao-tip>div>i{position: absolute;right: 0.8rem;top:0.8rem;display: block;width: 1rem;height: 1rem;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABnUlEQVRYhb3WvU4VQRQA4M+RAgqF+whW9uIbeH0BEht6QoWlhRWxMMESS0oTk6uJPoC8AjyAhU9gcoMhwYLCgtlkQ/bunZ8dTzOZ/684u2ceLBaLh3iLI2ziM97gj3bxGB+wj7/4iPcbeBcxXRziOV5i2QCyg3Psxv6jaNgMOBjYsIsfmDWG9OMgYGvFxqlBYxDYCvg+csBUoHUQ+BbcJe5FQ1AK5BKvA67cJWsLUCpkjqsQB5YNQDmQJYTexJSgbMh9zFSgIsgQphZUDFmFKQVVQcYwuaAntZB1mBzQz1pICiYVtFELScWkgqogOZgSUBYkF9OBXuF2zbrbuC7rPZSL2cFX4zkizn+RWctyMCn/kX5kF9dUzCwTUgRKwczigWOQsRxKBq3DpEAu8TS2VaAxTCpkjl+xrQKtwuRAus93GfvFz48hTAmki9Radj4Euo+pgeSAng2B+pgpIFWgDjMlpBgUsN0AUgLaDjhtBMkFnQbsNYTkgPYCbhpDUkE3AWf/AZICOgs4xgl+4xqf8KIBpA+ax3uu470nOP4HcwmtJqFiJtwAAAAASUVORK5CYII=) 0 0 / 100% 100% no-repeat;cursor: pointer;}
.da-ao-tip>div>div:nth-child(2){position: relative;height: 10.5rem;width: 6rem;margin: 0 auto;padding: 1.5rem 0 1rem; }
.da-ao-tip>div>div:last-child{padding: 1rem 0;color:#262626;font-size: 1rem;}
/*smalltip 样式*/
.da-small-tip {position:fixed;top:68px;left:50%;line-height:20px;background:#fff;max-width:200px;min-width:120px;color:#666;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);z-index:9999;padding: 8px;background: #ffeeee;color: #fc5659;animation:transY 0.2s linear;}
.da-small-tip .c-message-icon {color:#fff;width:40px;height:40px;text-align:center;position:absolute;left:0;top:0;line-height:40px}
.da-small-tip .c-message-close {position:absolute;right:10px;color:#999;text-decoration:none;cursor:pointer;font-size:30px;top:0;line-height:34px;display:block;height:40px}
.da-small-tip .c-message-close:hover {color:#666}

/*弹框 --- end*/

/* 错误提示 */
.error-tip{background: #fd960b;color:#fff;font-size: 0.9rem;text-align: center;padding: 0.2rem 0;visibility: hidden;}
/* 没事数据提示 */
.table-no-data{text-align: center;height: 200px;width: 100%;}
.no-data{display:block;text-align: center;padding: 90px 0;font-size: 14px;color:#333;}
/* 按钮 */
.btn{margin: 0 auto;font-size: 14px;padding: 5px 15px;text-align: center;background: #6e9ced;color:#fff;border-radius: 3px;cursor: pointer;user-select: none;}
.btn-gray{background: #f7f7f7;color:#666!important;}
.btn1{width: 90px;padding: 5px 0;text-align: center;border-radius: 3px;color: #fff;font-size: 14px;cursor: pointer;user-select: none;}
.y_btn{background: #6e9ced;color: #fff;}
.y_btn:hover{background: #4377df;}
.g_btn{background: #f7f7f7;color: #666666;}
.g_btn:hover{background: #eeeeee;}

/* 单选 */
.radio{cursor: pointer;position: relative;line-height: 24px;padding-left:30px;}
.radio:before{content:'';background:#fff;border-radius:100%;border:1px solid #b4b4b4;display:inline-block;width:22px;height:22px;position:absolute;left:0;top:0;vertical-align:middle;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease;}
.radio.active:before{background-color:#5FB878;box-shadow:inset 0 0 0 4px #f4f4f4;border-color:#5FB878;}
.radio:hover:before{border-color:#5FB878;}
.radio.disabled:before{border-color:#e2e2e2;}
.radio.active.disabled:before{box-shadow:inset 0 0 0 4px #f4f4f4;border-color:#e2e2e2;background:#b4b4b4;}
.radio.disabled:hover:before{border-color:#e2e2e2;}
/*单选 后跟文字*/
.radio.radio-alone{padding-left:0}
.radio.radio-alone:before{position: relative;}
/* 多选 */
.checkbox{cursor: pointer;position: relative;line-height: 24px;padding-left:30px;}
.checkbox:before{content:'';border-radius:3px;background:#fff;border:1px solid #b4b4b4;display:inline-block;width:22px;height:22px;position: absolute;left: 0;top:0;vertical-align: middle;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease;}
.checkbox:after{content:'';display:inline-block;width:7px;height:16px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(40deg);-webkit-transform:rotate(40deg);position: absolute;left:7px;top:0;}
.checkbox.active:before{background-color:#5FB878;border-color:#5FB878;}
.checkbox:hover:before{border-color:#5FB878;}
.checkbox.disabled:before{border-color:#e2e2e2;}
.checkbox.active.disabled:before{background-color:#b4b4b4;}
.checkbox.disabled:hover:before{border-color:#e2e2e2;}
.checkbox.checkbox-alone{padding-left:0;}
.checkbox.checkbox-alone:before{position: relative;}
.checkbox.checkbox-alone:after{position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%) rotate(40deg);-webkit-transform:translate(-50%, -50%) rotate(40deg);margin-top: -3px;}
/* 下拉框 */
.select{height: 28px;line-height: 28px;background: #fff;position: relative;font-size: 14px;border: 1px solid #e5e6e7;border-radius: 3px;}
.select p{cursor: pointer;float: none!important;width: 100%!important;}
.select p span{text-indent: 10px;text-align:left;color:#999;font-size: 14px;float: left;width: calc(100% - 26px);display: block;padding: 0 5px;margin-top: 1px;height: 28px;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.select p span.select-grey{color:#777!important;}
.select p i{position: relative;overflow:hidden;font-size: 16px;width: 16px;height:10px;float: right;display: block;margin: -24px 4px 0 0;background:url("../images/da-icon.png") 3px -38px no-repeat;}
.select p i.down{background-position-x: -17px;}
.select ul{position: absolute;background: #fff;padding: 5px 0px;width: 100%;top: 2.2rem;box-shadow:0 2px 8px 2px #f4f4f4;display: none;max-height: 300px;overflow-y: auto;z-index:9;border: 1px solid #eee;}
.select ul li{float: none;text-align: left;color:#666;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px;margin: 0;}
.select ul li:hover{background-color: #F6F6F6;-webkit-transition: .3s background;transition: .3s background;}
.select ul li.active{background: #3376c5;color:#fff;}
.select ul{animation: select-box .2s ease-in; -webkit-animation: select-box .2s ease-in;transform: translate3d(0, 5px, 0);}
/* 增加模糊搜索 */
.select .sel-dot{ position: absolute; font-weight: normal; color: #f00;left: 10px; }
.search input{ display: none; }
.select-show .sear-mask{ background: #fff; position: absolute; padding: 2px 10px; width: 100%; border: solid 1px #e5e6e7; border-top: none; border-bottom: none;z-index:10 }
.select-show ul{ border-radius: 0 0 .3rem .3rem; top:92px;}
.select-show input{ display: block; width: 100%; height: 30px; border-radius: 3px; border: solid 1px #eeeeee;background:#fff  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAAEF7NTqAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAADaADAAQAAAABAAAADQAAAACKAjqUAAABmUlEQVQoFW1Rvy9DURQ+5/a958dAJ4lNJNJOGFS1EhPBYvcPGJiRiJFE4i8gTCaTkE4GItJ3X/U1zx8gFSuTqdo+ru/cKhXOcM893z3n+845lwimdXmW5XAcqpLvBzeC/thf5OeNyuVyisIwdIu+frK4MSYhFwBGaV06l4CZjXhrvtZHtsbXQb2dDpVCUetdm/FN9lUhTvjEsw0k09CWBcANgwQdS0yg2QT1KyjPLIBDFXVwz0Z95HNT/Z7nrH7T4fI8nc8NtDN9/26B6COtwPfYBls+8QA/5BhDkxB0oBjbB25WPNdJSxuODkoyk+qstC13AlEUJWu1txP7ICtsxO+nZMwYkl4wYoSRkpAZRdzNxIe5XHatLccyH4bfY1Ib+Xx2v5NZ7q02ghKIxl0nMZLJZKoKLNgWX/5XIEXC7rnuvPTejON1wRRUrsA3gw8eFOA/azbflwVnSly3PE6s/sCQWQFrhYza9jwVNhqchMgi8B2o9EkyysLenq65XxvCQobBukRsUmS4zqx811W39UZ8gW4mbBlR4RPAu8f6TnWadAAAAABJRU5ErkJggg==) no-repeat 96% 50%!important;}
.select-show ul li.sel-item-last{ border-bottom: none; }
/* 增加模糊搜索 end*/
/* 分页 */
.pagination{margin: 30px auto 0;width: 560px;}
.pagination{line-height: 28px;font-size: 14px;height: 30px;}
.pagination ul{user-select: none;}
.pagination ul li{float: left;color:#333;width: 30px;height: 30px;cursor: pointer;text-align: center;list-style: none;padding: 0;}
.pagination ul li:hover{color:#4377df;}
.pagination ul li.active{background: #4377df;border-radius: 3px;color:#fff;}
.pagination ul li.num{line-height: 30px;}
.pagination ul li.page_prev{margin-right: 20px;}
.pagination ul li.page_next{margin-left: 20px;}
.pagination .disabled{color:#eee;cursor: default;}
.pagination .disabled:hover{color:#eee;}
.pagination p{margin-left: 20px;}

/*上传*/
.da-upload-file{display: none!important;}
.da-upload-iframe {position: absolute;width: 0;height: 0;border: 0;visibility: hidden  }
.da-upload-wrap {position: relative;vertical-align: middle}
.da-upload-wrap .da-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;}

/*弹框行*/
.box-panel{margin: 0 auto;padding: 20px 0;}
.line-panel{}
.line-panel .box-line{}
.box-line{margin: 0 auto;font-size: 14px;color: #333;text-align: center;padding: 10px 0;}
.box-line li{margin-top: 20px;line-height: 28px;}
.box-line .label{display: block;float: left;color:#333;font-size: 14px;line-height: 26px;text-align: left;}
.box-line .label i{color:#ff9820;font-style:normal;}
.box-line .timer{width: 135px;height:26px;line-height:26px;border: 1px solid #eee;border-radius: 3px;display: block;float: left;}
.box-line .btn{line-height: 19px;width: 60px;padding: 4px 0;margin-left: 10px;}
.box-line input{border: 1px solid #eee;padding: 5px;outline: none;height: 17px;}
.box-line .line-comp{float: left;}

.box-btn-panel{text-align: center;}
.btn-panel{text-align: center;margin: 0 auto;padding: 20px 0 10px;}
.btn-panel .btn{float: left;margin: 0 15px;}

.s-box-t{font-size: 24px;color: #f09034;font-weight: bold;text-align: center;}
.s-box-input{width: 188px;border: 1px solid #e5e4e4;border-radius: 3px;padding: 5px 10px;font-size: 16px;margin: 20px auto 0;outline: none;display: block;text-align: center;}
.s-box-tip{font-size: 14px;color:#919191;width: 210px;margin: 10px auto 0;}
.s-box-tip i{color:#f09034;font-style: normal;}
.s-box-err-tip{color:#ff0005;width: 80%;margin: 10px auto;text-align: center;visibility: hidden;}
.s-box-btn{background:#f08e35;width: 210px;margin: 0 auto;padding: 8px 0;}

.jedatebox{animation: select-box .2s ease; -webkit-animation: select-box .2s ease;}
/* .loading{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 110;
}
.loading_c{
    height: 55px;
    width: 55px;
    position: absolute;
    left: 50%;
	top:385px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.loading_c:before{
    content: '';
    height: 8px;
    width: 35px;
    background: #9c9898;
    opacity: .2;
    border-radius: 50%;
    position: absolute;
    top: 75px;
    left: 11px;
    animation: shadow .5s linear infinite;
    display: none\9;
}
.loading_c:after{
    border-radius: 5px;
    animation: rotate .5s linear infinite;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA4BAMAAABEYRaeAAAAHlBMVEUAAABLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0vVRKshAAAACnRSTlMAMyoJBSMSHg4YLtm/4wAAAaVJREFUOMutlD1PAkEQhldODunYwwPp2AiJJSgxsVs/CkspxNiBNpRgIsbuqGzFaPy73r07u8Mdt51TzdwzuzPzMovYtUCS/Qu7OdPlLPhRadxf6V32Yb/E8yJ7kmwFdiq9rCa9LFB+tpZeFko/W/tZIP2s4oLo4e1V5djS+hOdVbhQzA7soW8rrE3mKz9Z9bFlM+McC7bQMmXUd4DlteUWObaPAyRzW+TtCmwP7K5sZ8QQTBcYOhSbDLUo+0vKR5NWzRhm6ZoO4Lc1/Iyho4TugZ0gGKcMcvHELnNIrCMQWXaYRRViTTBlWUzrJWwrEIhsYELhJq8yW6DRSCjySSDp7knZ2P50l8waKN8WSy/riJmXNfEJrFhPNbAui5I+Rdp93eaFzBLMkEDwRl6XCKmREfyIX5OTsNaCxLQtdcumaK1LbxYMK+CWYIaiyITaCtUGCPomA42iflo7Tkxej/4IeD2vR+RUcBqdkse24iXuFVA45e2PdJ6dO69aPBhs1digc7bRdp6iialIvrbih8vGcOKFwYuMn7PpdRm9/b3vv8+3evoDBIlVzqkEfZIAAAAASUVORK5CYII=') no-repeat;
} */
@keyframes shadow {
0%, 100% {transform: scaleX(1);}
50% {transform: scaleX(1.2);}
}

@keyframes rotate {
0% {
    transform: translateY(0) ;
}
25% {
    transform: translateY(10px);
}
50% {
    transform: translateY(20px) scale(1.1, 0.9);
   
}
75% {
    transform: translateY(10px) ;
}
100% {
    transform: translateY(0) ;
}
}
/* da弹窗动画 */
.box-animate{animation: box .3s ease-in; -webkit-animation: box .3s ease-in;box-shadow: rgba(155, 155, 155, 0.5) 0px 3px 9px;}
@keyframes box {
    0% {
        transform: translate3d(0, -20px, 0);
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: .9;
    }
    100% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes box {
    0% {
        transform: translate3d(0, -20px, 0);
        -webkit-transform: translate3d(0, -20px, 0);
        opacity: .9;
    }
    100% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes select-box {
    0% {
        transform: translate3d(0, 10px, 0);
        -webkit-transform: translate3d(0, 10px, 0);
        opacity: .8;
    }
    100% {
        transform: translate3d(0, 5px, 0);
        -webkit-transform: translate3d(0, 5px, 0);
        opacity: 1;
    }
}
@-webkit-keyframes select-box {
    0% {
        transform: translate3d(0, 10px, 0);
        -webkit-transform: translate3d(0, 10px, 0);
        opacity: .8;
    }
    100% {
        transform: translate3d(0, 5px, 0);
        -webkit-transform: translate3d(0, 5px, 0);
        opacity: 1;
    }
}
/* da弹窗灰色背景动画 */
.popup-mask{animation: mask .2s ease-in; -webkit-animation: mask .2s ease-in;}
@keyframes mask {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.2;
    }
}
@-webkit-keyframes mask {
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.2;
    }
}
@keyframes transY {0% {transform: translateY(10px)}100% {transform: translateY(0px)}}
@keyframes transScal {0% {transform: translate(-50%,-50%) scale(0.9);opacity: .8;}100% {transform: translate(-50%,-50%) scale(1);opacity: 1;}}