/*网站通用样式 start*/
* {font-family: "微软雅黑";font-size: 14px;color: #333333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img{padding: 0;margin: 0;}
a{text-decoration: none;color: #000000;}
.clearfix:after {display: table;content: ' ';clear: both;}
.inline, .clearspace {font-size: 0;}
.inline > * {display: inline-block;vertical-align: middle;}
img{border-width: 0;}
a,button{cursor:pointer;}
.button:hover{background: #1466c7;color: #FFFFFF;}
input,textarea,select,button{outline: none;}
a.sele{background: #1466c7;color: #FFFFFF;}
.ellipsis_text {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*网站通用样式 end*/

/*开关按钮 start*/
.mui-input-row .mui-btn+input, .mui-input-row label+input, .mui-input-row:last-child {background: 0 0;}
.mui-input-row {position: relative;}
.mui-input-row {clear: left;overflow: hidden;}
.mui-switch-blue.mui-active {border: 2px solid #007aff;background-color: #007aff;}
.mui-switch.mui-active {border-color: #4cd964;background-color: #4cd964;}
.mui-switch-blue.mui-active {border: 2px solid #007aff;background-color: #007aff;}
.mui-switch {position: relative;display: block;width: 74px;height: 28px;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-property: background-color, border;transition-property: background-color, border;border: 2px solid #ddd;border-radius: 20px;background-color: #fff;background-clip: padding-box;margin: auto;}
.mui-switch.mui-active:before {right: auto;left: 15px;content: 'On';color: #fff;}
.mui-switch:before {font-size: 13px;position: absolute;top: 5px;right: 11px;content: 'Off';text-transform: uppercase;color: #999;}
.mui-switch.mui-active .mui-switch-handle {-webkit-transform: translate(48px, 0);transform: translate(48px, 0);}
.mui-switch .mui-switch-handle {position: absolute;z-index: 1;top: 0px;left: -1px;width: 28px;height: 28px;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;-webkit-transition-property: -webkit-transform, width, left;transition-property: transform, width, left;border-radius: 16px;background-color: #fff;background-clip: padding-box;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);box-shadow: 0 2px 5px rgba(0, 0, 0, .4);}
/*开关按钮 end*/

/*首页 start*/
.nav-left{background: #282d37;width: 210px;height: 100%;position: absolute;left: 0;right: 0;}
.logo{height: 135px;text-align: center;line-height: 135px;border-bottom: 2px solid #222731;}
.logo img{vertical-align: middle;width: 210px;}
.index-ul li.index-ul-li{height: 34px;background: #303641;line-height: 34px;margin-top: 4px;display: inline-block;width: 210px;}
.index-ul li .nav-li:hover{border-right: 5px solid #5296e7;}
.index-ul li .nav-li.active{border-right: 5px solid #5296e7;}
.index-ul li a{font-size: 16px;color: #7e98ac;display: block;margin-left: 30px;}
.index-ul li a img{vertical-align: middle;margin-right: 15px;}
.index-ul-ul{display: none;}
.index-ul-ul li .index-list{font-size: 14px;color: #7e98ac;}
.index-ul-ul li{font-size: 16px;color: #7e98ac;height: 34px;line-height: 34px;vertical-align: middle;}
.index-ul-ul li:hover a{color: #5296e7;}
.index-ul-ul li:hover a em{background: #5296e7;border: 1px solid #5296E7;}
.index-ul-ul li .index-list em{display: inline-block;width: 7px;height: 7px;border-radius: 50%;border: 1px solid #7e98ac;margin-right: 10px;vertical-align: middle;}
.index-border{position: fixed;height: 100%;width: 210px;background: #282d37;overflow-y: auto;overflow-x: hidden;z-index: 999;}
.nav-right{margin-left: 210px;position: relative;}
.head{padding-left: 15px;height: 50px;line-height: 50px;background: #FFFFFF;}
.head .head-img{padding: 10px;display: inline-block;height: 20px;line-height: 20px;}
.head .head-img:hover{background: #b9b9b9;border-radius: 3px;}
.head .head-img img{vertical-align: sub;}
.nav-right .close{float: right;padding: 0 25px;border-left: 1px solid #f1f4f9;cursor:pointer;}
.nav-right .close:hover{background: #5296e7;}
.nav-right .close img{vertical-align: middle;}
.nav-right .user{float: right;padding-right: 15px;position: relative;}
.nav-right .user:hover .user-bottom{display: block;}
.nav-right .user:hover .user-name{color: #5296e7;}
.nav-right .user img{vertical-align: middle;}
.nav-right .user .user-name{font-size: 14px;color: #7fa1ae;display: inline-block;}
.user-bottom{position: absolute;width: 100%;display: none;}
.user-bottom .xiu{font-size: 16px;color: #FFFFFF;background: #282d37;border-radius: 3px;display: inline-block;width: 84px;text-align: center;line-height: 36px;position: absolute;top: -9px;left: 0;padding: 5px 0;}
.xiu-a{display: block;font-size: 16px;color: #FFFFFF;}
.xiu-a:hover{background: #0c1017;}
.user-bottom img{position: absolute;top: -17px;right: 11px;}
.heading-title{margin-left: 20px;position: absolute;left: 55px;top: 13px;}
.heading-text{color: #a6b0c1;font-size: 16px;}
.main{padding: 0 30px;margin-top: 10px;}
.main-text{background: #FFFFFF;padding: 20px 30px;margin: 25px 0px;border-radius: 10px;}
.main-head{font-size: 24px;color: #333333;padding-bottom: 20px;border-bottom: 1px solid #d3d3d3;}
.agin{padding: 8px 19px;float: right;border-radius: 3px;background: #5296e7;color: #FFFFFF;border: 0;}
.main-div{margin-top: 0px;font-size: 0;background: #FFFFFF;}
.main-div-text{margin-top: 20px;text-align: center;}
.list-div .money{font-size: 28px;font-weight: bold;color: #FFFFFF;display: block;}
.list-div{color: #FFFFFF;width: 17%;display: inline-block;text-align: center;padding: 30px 0;border-radius: 10px;margin-right: 3%;}
.blue{background: #00a1e9;}
.yelow{background: #f39801;}
.red{background: #dc5a64;}
span.red {
    background-color: transparent;color: red;padding: 4px;display: inline-block;
}
.green{background: #22ad38;}
.black{background: #303641;}
.main-div table{width: 100%;border-spacing: 0;border-collapse: collapse;border: 1px solid #e0e6e8;border-radius: 5px;overflow: hidden;}
.main-div table thead{background: #40424c;border: 1px solid #40424C;}
.main-div table th{color: #e6e7e7;font-size: 14px;text-align: center;padding: 5px 0;}
.main-div table td{text-align: center;border: 1px solid #e0e6e8;}
.table{border: 1px solid #e0e6e8;}
.qq{text-align: center;margin-top: 30px;}
.qq p{color: #7e98ac;text-align: center;margin-top: 5px;font-size: 12px;}
.qq strong{color: #7e98ac;font-size: 12px;font-weight: normal;}
.dark{background: #f0f1f4;}
.tint{background: #fcfcfd;}
.open-green{background: green;color: #FFFFFF;}
.close-grey{background: grey;color: #FFFFFF;}
/*首页 end*/

/*授权管理 start*/
.operation{background: #FFFFFF;margin: 5px 30px;padding: 10px 20px;}
.input-search{border: 1px solid #5296e7;border-radius: 30px;width: 194px;height: 30px;line-height: 30px;font-size: 0;display: inline-block;vertical-align: middle;}
.input-search input{border: 0;width: 130px;vertical-align: middle;height: 25px;padding-left: 5px;}
.input-search img{vertical-align: middle;margin: 0 15px;}
.query{background: #5296e7;border: 0;color: #FFFFFF;border-radius: 3px;padding: 8px 21px;vertical-align: middle;margin-left: 20px;}
.cash{color: #ff6600;}
.switch{border: 1px solid #5296e7;color: #5296e7;padding: 3.5px 14px;border-radius: 3px;vertical-align: middle;}
.td-operation img{vertical-align: middle;margin-left: 5px;cursor:pointer;}
.main-div table td.table-text{text-align: left;}
.overly{display: none;}
.back{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);left: 0;top: 0;z-index: 999;}
.overly-main{position: fixed;z-index: 999;width: 400px;height: auto;top: 50%;left: 50%;margin-top: -91px;margin-left: -200px;}
.overly-head{background: #40424c;color: #FFF;padding: 10px 20px;}
.overly-head .cha-dele{float: right;}
.overly-text{background: #FFFFFF;padding: 15px 30px;}
.confirm{margin: 30px 0;}
.cancel{padding: 7px 20px;border: 1px solid #e5e5e5;border-radius: 3px;}
.confirm-button{background: #5296e7;border: 0;color: #FFFFFF;border-radius: 3px;padding: 8px 21px;vertical-align: middle;}
.operation-button{text-align: center;font-size: 0;}
.operation-button button , .operation-button a{vertical-align: middle;margin: 0 15px;}
.cash-name{margin: 0 10px;vertical-align: bottom;}
.page{padding: 15px 30px;float: right;}
.page a:hover{background: #5296e7;border: 1px solid #5296E7;color: #FFFFFF;}
.page .acti{background: #5296e7;border: 1px solid #5296E7;color: #FFFFFF;}
.page .gray{background: #ebebeb;color: #9a9a9a;}
.page .gray:hover{background: #ebebeb;color: #9a9a9a;border: 1px solid #EBEBEB;}
.page .page-up{padding: 5px 8px;border: 1px solid #ececec;border-radius: 3px;font-size: 14px;}
.page .page-lower{padding: 5px 8px;border: 1px solid #ececec;border-radius: 3px;font-size: 14px;}
.page .last{padding: 5px 8px;border: 1px solid #ececec;border-radius: 3px;font-size: 14px;}
.page .go{padding: 5px 8px;border: 1px solid #ececec;border-radius: 3px;font-size: 14px;}
.page input{width: 35px;height: 29px;border: 1px solid #ECECEC;font-size: 16px;text-align: center;}
.page-number{padding: 4px 10px;border: 1px solid #ececec;border-radius: 3px;font-size: 14px;}
/*授权管理 end*/

/*修改授权 start*/
.main-heading{background: #f7f7f7;padding: 10px 15px;}
.main-heading .main-span{color: #ff6600;font-size: 16px;padding-left: 10px;border-left: 5px solid #5296e7;}
.fill-in{margin-left: 100px;margin-top: 40px;margin-bottom: 30px;}
.fill-in .fill-in-div{margin-bottom: 10px;height: 37px;line-height: 37px;}
.fill-in .fill-in-text{height: auto;}
.fill-in .fill-in-div label{display: inline-block;width: 260px;text-align: right;margin-right: 20px;}
.fill-in .fill-in-div input{width: 273px;height: 25px;border: 1px solid #d5d6da;border-radius: 3px;padding: 5px;}
.fill-in .fill-in-div textarea{width: 273px;height: 100px;border: 1px solid #d5d6da;border-radius: 3px;padding: 5px;vertical-align: top;}
.fill-in .fill-in-div .first{width: 70px;text-align: center;padding-left: 0;}
.explain{color: #FF6600;display: inline-block;margin-left: 15px;}
.keep{background: #5296e7;color: #FFFFFF;padding: 5px 44px;border: 0;border-radius: 3px;margin-top: 30px;}
/*修改授权 end*/

/*充值 start*/
.value{margin-left: 20px;display: inline-block;width: 160px;}
.recharge-fill{display: inline-block;}
.amount{display: inline-block;}
.recharge{margin-bottom: 20px;}
.mode{width: 100px;height: 35px;line-height: 35px;text-align: center;display: inline-block;background: #dbdbdb;border: 1px solid #d5d6da;margin-left: 20px;border-radius: 3px;margin-bottom: 20px;}
.mode:hover{background: #ff6600;color: #FFFFFF;border: 1px solid #FF6600;}
.selected{background: #ff6600;color: #FFFFFF;border: 1px solid #FF6600;}
.recharge-main{width: 1200px;margin: auto;text-align: center;padding-top: 50px;background: #FFFFFF;padding-bottom: 50px;margin-top: 20px;}
.recharge-text{font-size: 16px;margin-top: 10px;}
.recharge-button{background: #5296e7;color: #FFFFFF;padding: 5px 44px;border: 0;border-radius: 3px;margin-top: 30px;}
/*充值 end*/

/*余额变更记录 start*/
.record-time{display: inline-block;vertical-align: middle;}
.record-time input{padding: 4px;border: 1px solid #5296e7;border-radius: 3px;}
.record-time select{padding: 4px;border: 1px solid #5296e7;border-radius: 3px;}
/*余额变更记录 end*/

/*系统策略 start*/
.td-blue{color: #5296e7;}
/*系统策略 end*/

/*添加系统策略 start*/
.fill-in .fill-in-div input[type=radio]{width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;}
.radio{margin-left: 285px;}
.radio div{display: inline-block;}
.fill-in .check-div{height: auto;}
.check-div .radio div{width: 290px;margin-bottom: 10px;}
.fill-in .fill-in-div input.add-input {width: 70px;padding-left: 23px;}
.check-div .radio div.add-money{display: inline-block;position: relative;width: auto;margin-bottom: 0;}
.add-money span{position: absolute;left: 5px;top: 0px;}
.check-div .radio div label{margin-right: 0;}
.fill-in .fill-in-div .radio label{width: auto;}
.label-left{float: left;}
.fill-in .fill-input input{width: 65px;}
.fill-in .fill-in-div input[type=checkbox]{width: 16px;height: 16px;vertical-align: sub;margin-right: 5px;}
.add-select{width: 285px;height: 37px;border: 1px solid #d5d6da;border-radius: 3px;padding: 5px;margin-left: 4px;}
/*添加系统策略 end*/

/*统计分析 start*/
.tab{width: auto;height: 35px;line-height: 35px;background: #5296e7;border-radius: 3px;font-size: 0;text-align: center;display: inline-block;border: 1px solid #5296e7;}
.tab .tab-a{display: inline-block;width: 165px;height: 35px;line-height: 35px;text-align: center;color: #FFFFFF;vertical-align: middle;}
.tab .backg{background: #FFFFFF;color: #5296E7;border-radius: 3px;}
.update-time{vertical-align: middle;height: 33px;line-height: 42px;display: inline-block;margin-left: 30px;}
/*统计分析 end*/

/*添加会员 start*/
.fill-select{width: 90px;height: 36px;border: 1px solid #d6d7dc;border-radius: 3px;margin-right: 3px;}
/*添加会员 end*/

/*登录 start*/
.sign-head{background: #282d37;height: 80px;line-height: 80px;}
.sign-head img{vertical-align: middle;margin-left: 20px;width: 150px;}
.sign-border{width: 1200px;margin: auto;font-size: 0;}
/*.sign-main{background: url(../img/banner-back.png) no-repeat;background-position: center;height: 580px;width: 100%;text-align: center;margin-top: 50px;}*/
.window-head{background: url(../img/window-top.png) no-repeat;height: 60px;line-height: 60px;text-align: center;color: #FFFFFF;font-size: 22px;}
.window{display: inline-block;width: 420px;overflow: hidden;vertical-align: middle;margin-left: 50px;margin-top: 80px;text-align: left;}
.window-main{background: #FFFFFF;padding: 50px 0;border: 1px #e5e5e5 solid;}
.sign-div{width: 345px;margin: auto;padding: 15px 5px;border-bottom: 1px solid #ddeafa;}
.sign-div img{vertical-align: middle;}
.sign-div input{vertical-align: middle;padding-left: 30px;width: 280px;font-size: 16px;border: 0;}
.banner-img{vertical-align: middle;max-width: 700px;}
.sign-button{text-align: center;margin-top: 40px;}
.button-a{width: 345px;height: 50px;line-height: 50px;text-align: center;color: #FFFFFF;background: #5296e7;border: 0;}
.sign-a{padding: 0 50px;margin-top: 20px;}
.sign-forget{float: right;}
.window-div{width: 1200px;margin: auto;text-align: center;margin-top: 150px;}
.copy{background: #6c7484;text-align: center;color: #FFFFFF;padding: 10px 0;line-height: 1.8;margin-top: 60px;}
.copy span{display: block;}
.copy a{font-size: 16px;color: #FFFFFF;}
.confirm-a .cash-name{margin-top: 10px;display: block;font-size: 16px;}
.group-nu{font-size: 20px;text-align: center;margin-top: 30px;}
/*登录 end*/

/*注册 start*/
.register{padding: 70px 0;text-align: center;}
.register-div{border: 1px solid #d2d2d2;padding: 10px;margin-bottom: 30px;position: relative;}
.register-left{text-align: left;display: inline-block;}
.yzm{width: 146px;height: 44px;line-height: 44px;text-align: center;background: #f2f2f2;color: #333333;display: inline-block;position: absolute;top: 3px;right: 3px;}
.register-button .button-a{width: 367px;}
.code-main{display: inline-block;vertical-align: top;line-height: 1.7;margin-left: 15px;}
.code-main span{font-size: 23px;color: #39a1ea;}
.code{margin-bottom: 45px;}
.register-right{display: inline-block;vertical-align: top;margin-left: 80px;text-align: left;}
.code-main span.cash{color: #ff6600;}
.sign-head-right{float: right;color: #FFFFFF;}
/*注册 end*/

/*忘记密码 start*/
.forgot-div{padding-right: 0;border-right: 0;}
.schedule{width: 640px;height: 5px;background: #CCCCCC;border-radius: 30px;margin: auto;}
.schedule-cash{background: #FF6600;height: 5px;}
.schedule{position: relative;margin-bottom: 80px;text-align: left;}
.schedule-main{text-align: center;margin: 0 45px;display: inline-block;margin-top: -15px;}
.schedule-number{display: block;width: 23px;height: 23px;text-align: center;line-height: 23px;font-size: 16px;background: #FF6600;border-radius: 50%;color: #FFFFFF;margin: auto;margin-bottom: 10px;}
.number-hui{background: #cccccc;}
.cash-hui{color: #CCCCCC;}
.four-text{font-size: 28px;margin: 100px 0;text-align: center;}
/*忘记密码 end*/

/*常见问题 start*/
.question{width: 1200px;margin: auto;margin-top: 20px;padding: 0;}
.problem-fill-in{margin-left: 30px;margin-right: 30px;}
.fill-in .problem-list{height: auto;}
.fill-in .problem-list .problem-label{color: #ff6600;}
.fill-in .problem-list .problem label{width: 50px;float: left;}
.problem-answer{color: #5296e7;}
.problem-main{margin-left: 70px;}
.question-qq{margin-top: 40px;}
/*常见问题 end*/

@media only screen and (max-width: 1200px) {
.border{width: 1200px;}
.index{width: 1200px;}
.index-border{display: none;}
.nav-right{margin-left: 0;}
}
@media only screen and (max-width: 720px) {
    .border{width: 100%;}
    .index{width: 100%;}
    .index-border{display: none;}
    .nav-right{margin-left: 0;}
    .agin{padding: 4px 8px;float: none;}
    .window-div{width: 100%;}
    .window{width:100%;margin:0;}

    /*手机端适配*/
    .nav-right .close {display: none}
    .operation {margin: 2px;}
    .record-time input {width: 100px;}
    .main {padding: 2px;}
    .index-ul li a {line-height: 2.4em;}
}
/*模态窗口*/
.modal {position: fixed;top:0;right:0;bottom:0;left:0;width: 100%;height: 100%;background-color: transparent;z-index: 1001}
.modal .overlay {position: fixed;top:0;right:0;bottom:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index:1002}
.modal .body {position: fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;z-index: 1003;margin: auto;border-radius: 4px;}
.modal .body .title {line-height: 22px;font-size: 24px;padding: 4px;background-color: #40424c;color: #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.modal .body .title h3, .modal .body .title .close {color: #fff;}
.modal .body .title .close {    float: right;font-size: 22px;border: 0;line-height: 20px;display: inline-block; height: 22px;padding: 0;text-align: center;width: 22px;}
.modal .body .content {padding: 6px;}

/*报价计算表单样式*/
.form-groups {padding: 24px;}
.form-groups .group-head {width: 690px;border-bottom: 1px solid #e5e5e5}
.form-groups .group-title {float: right;color: #ff6600;border-bottom: 3px solid #ff6600;padding: 5px 10px 5px 15px;font-size: 19px;display: inline-block;}
.form-groups .group-body {padding-top: 18px;padding-bottom: 18px;}
.form-groups .row .input-group {width: 430px;line-height: 50px;font-size: 16px;position: relative}
.form-groups .row .input-group img.down {position: absolute;left: 232px;top: 16px;}
.form-groups .row .input-group-big {width: 720px;}
.form-groups .row .input-group >label {width: 90px;display: inline-block;text-align: right;}
.form-groups .row .input-group .unit {display: inline-block;margin: auto 10px;}
.form-groups .row .input-group .add {display: inline-block;font-size: 30px;line-height: 30px;vertical-align: sub;    width: 30px;text-align: center;}
.form-groups .row .input-group .link {display: inline-block;width: 18px;text-align: center;}
.form-groups ul.down-select {overflow:hidden;display: none;list-style: none;position: absolute;left: 105px;top: 35px;z-index: 1001;background-color: #fff;border-bottom:1px solid #767676;border-right:1px solid #767676;border-left:1px solid #767676;}
.form-groups ul.down-select li {list-style: none;width: 145px;line-height: 30px;padding-left:5px;padding-right:5px }
.form-groups ul.down-select li:hover {background-color: #e5e5e5;}
.form-groups ul.down-select.show {display: block;}
.form-groups input[type='text'] {height: 29px;}
.form-groups input,.form-groups textarea {border:1px solid #767676;line-height: 29px;border-radius: 8px;padding-left: 5px;padding-right: 5px;width: 145px;margin: auto 10px;}
.form-groups input.small {width: 50px;}
.form-groups input.small-left {margin-right: 3px;}
.form-groups input.small-right {margin-left: 3px;}
.form-groups .row .input-group .cell {display: inline-block;margin:auto 10px;}
.form-groups .row .input-group .cell label {display: inline-block;margin: auto 10px;}
.form-groups input[type='checkbox'] {width: auto;margin: 0;}
.form-groups .row .input-group-big input[type='text'], .form-groups .row .input-group-big textarea {width: 574px;}
.form-groups .row .input-group-big textarea {    width: 648px;
    margin-left: 14px;}
.form-groups .primary {width: 658px;margin-left:34px;background-color: #ff6600;color: #fff;line-height: 32px;border:0;font-size: 19px;border-radius: 8px;}

/*状态字体*/
.statetd{color: #007aff;font-weight: bold;}