@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%;}
.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;cursor: move;user-select: none;}
.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("../images/close.png") no-repeat;cursor: pointer;}
.popup-box .box-content{background: #fff;min-height: 100px;border-radius: 0 0 8px 8px;overflow: visible;}
.popup-box .box-title>.close:hover{background: url("../images/close.png") 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框样式*/
.da-loadding{display: none;z-index: 101;}
.da-loadding .popup-box{width: 64px;height: 64px;margin:-32px 0 0 -32px;left: 50%;top:50%;}
.da-loadding img{display: block;width: 64px;}
/*提示框样式*/
.da-tip{}
.da-tip .popup-box{background: #fff;border-radius: 0.3rem;width: 400px;color:#333;text-align: center;font-size: 16px;position: absolute;left: 50%;margin:-82px 0 0 -200px;top:50%;}
.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: 10px 0;border-top:1px solid #d2d2da;cursor: pointer;}
/*确定框样式*/
.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;}
/*弹框 --- 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;}
.radio>i{display: inline-block;width: 16px;height: 16px;background: url("../img/da-icon.png") 0 0 no-repeat;}
.radio.active>i{background: url("../img/da-icon.png") -20px 0 no-repeat;}
.radio>span{position: relative;top:-3px;margin-left: 12px;color: #666;font-size: 14px;}
/* 多选 */
.checkbox{cursor: pointer;}
.checkbox>i{display: inline-block;width: 14px;height: 14px;background: url(../img/da-icon.png) 0 -20px no-repeat;}
.checkbox.active>i{background-position:-20px -20px;}
.checkbox>span{position: relative;top:-3px;margin-left: 12px;color: #666;font-size: 14px;float: none;cursor: pointer;user-select: none;}
/* 下拉框 */
.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% - 30px);display: block;padding: 0 5px;margin-top: 1px;height: 28px;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.select p i{position: relative;overflow:hidden;font-size: 16px;width: 16px;height:10px;float: right;display: block;margin: 9px 4px 0 0;background:url("../images/da-icon.png") 3px -38px no-repeat;}
.select p i.down{background-position-x: -17px;}
.select ul{border: solid 1px #e5e6e7;border-top: none;position: absolute;background: #fff;padding: 5px 0px;border-radius: 0.3rem;width: 100%;top: 2.2rem;box-shadow:0 2px 8px 2px #f4f4f4;display: none;max-height: 300px;overflow-y: auto;z-index:9;}
.select ul li{float: none;text-align: left;border-bottom: 1px solid #dad7e0;color:#666;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px;margin: 0;}
.select ul li.active{background: #f18e1e;color:#fff;}

/* 增加模糊搜索 */
.select .sel-dot{ position: absolute; font-weight: normal; color: #f00;left: 10px; }
.search input{ display: none; }
.select-show{}
.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; padding: 0 10px 5px;}
.select-show input{ display: block; width: 100%; height: 30px; border-radius: 3px; border: solid 1px #eeeeee; }
.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;}
.loading{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 10;
}
.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(../images/loading_grey.png) 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% {
    ransform: translateY(10px) ;
}
100% {
    transform: translateY(0) ;
}
}