/*��ʼ��*/
html, body, div, span, object, iframe,input,label,a, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}
a {
    text-decoration: none;
}

i em{font-style: normal;}

body {
    font-family: '΢���ź�', Helvetica, Arial, Verdana, sans-serif;
    background-color: inherit;
}
ul, ol, li {
    list-style: none;
}
.fl{float: left;}
.fr{float: right;}
.clearfix:before , .clearfix:after{content:"";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
/*����*/
.mr7{margin-right: 7px;}
.mr20{margin-right: 20px;}
.mealPeriod{margin:0 5px;font-size:13px;display:inline-block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #dfdfdf;text-align: center;line-height: 20px;color: #808080;}
/*��¼ҳ��*/
.loginPage{width: 100%;height: 100%;}
.loginPage .loginPageL{width: 55%;display: inline-block;}
.loginPage .loginPageL .logo{margin: 50px 0 48px 33.8%;width: 20.4%;}
.loginPage .loginPageL .logo img{width: 100%;}
.loginPage .loginPageL .illustration{margin-left: 40.4%;width: 57.2%;}
.loginPage .loginPageL .illustration img{width:100%;}
.loginPage .loginPageR{width: 42.5%;margin: 148px 0 0 20px;height: 100%;}
.loginPage .loginPageR .htmleaf-container{overflow: inherit;height: 100%}
.loginPage .loginPageR .panel-lite{margin: 0;max-width: 49.6%;padding: 36px 30px 50px 30px;box-shadow: 0 0 10px 4px rgba(163, 200, 246, .2);-moz-box-shadow: 0 0 10px 4px rgba(163, 200, 246, .2);-webkit-box-shadow: 0 0 10px 4px rgba(163, 200, 246, .2);-o-box-shadow: 0 0 10px 4px rgba(163, 200, 246, .2);}
.loginPage .loginPageR .panel-lite h4{font-size: 20px;color: #010101;margin: 0 auto;line-height: 22px;}
.loginPage .loginPageR .panel-lite .form-group{color: #b8b8b8;margin-bottom: 30px;}
.loginPage .loginPageR .panel-lite .form-group + .form-group {margin-bottom:30px;}
.loginPage .loginPageR .panel-lite input[type=password]{border: none;outline: none;}
.loginPage .loginPageR .panel-lite .form-group .form-control{border-bottom: 1px solid #edf4fd;height: 45px;}
.loginPage .loginPageR .panel-lite .form-group .form-label{top: 10px;}
.loginPage .loginPageR .panel-lite .account{margin-top: 35px;}
.loginPage .loginPageR .panel-lite .verify{position: relative;}
.loginPage .loginPageR .panel-lite .verify .verifyNum{position: absolute;right: 10px;top: 8px;}
.loginPage .loginPageR .panel-lite .verify .verifyNum p{background-color:#edf4fd;width: 72px;height: 26px;line-height:26px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.loginPage .loginBtn{font-size: 16px;color: #fff;width: 138px;height: 38px;border-color: #46b8da;background-color: #5bc0de;line-height: 38px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;transition: all .4s;}
.loginPage .loginBtn:hover{background-color: #31b0d5;border-color: #269abc;box-shadow: 0 0 10px 4px rgba(163, 200, 246, .2);-moz-box-shadow: 0 0 10px 4px rgba(163, 200, 246, .2);-webkit-box-shadow: 0 0 10px 4px rgba(163, 200, 246, .2);-o-box-shadow: 0 0 10px 4px rgba(163, 200, 246, .2);transition: all .4s;}

/*��Ӫ��̨��ҳ*/
body.bgSystem{background-color: inherit;color: inherit;}
.bg_index{height: 100%;}
.bg_index .container-fluid{padding: 0 28px;background-color: inherit;}
.bg_index .navbar-default{background-color: #fff;border-bottom: 1px solid #f2f2f2;margin-bottom: 0;}
.bg_index .navbar-default .navbar-nav>li>a{font-size: 12px;color: #999;position: relative;}
.bg_index .navbar-default .navbar-nav>li>a:hover{color: #333;transition: all .2s;}
.bg_index .navbar-default .navbar-nav>li>a i{position: absolute;right: 0;font-style: normal;}
.bg_index .navbar-default .navbar-brand{color: #4d4d4d;font-size: 18px;}
.bg_index .navbar-default .navbar-brand span{color: #4d4d4d;font-size: 12px;margin-left: 10px;}
.bg_index .container-fluid .navbar-logo{float: left;line-height: 48px;height: 50px;}
.bg_index .container-fluid .shuLine{vertical-align: middle;line-height: 48px;font-size: 18px;padding: 0 25px;color: #d0e9fe;}
.bg_index .container-fluid .navbar-logo img{vertical-align: middle;}
.aside-nav{width: 193px;display: inline-block;background-color: #333e4b;position: fixed;height: 100%;left: 0;}
.aside-nav .panel-group{margin-bottom: 0;background-color: #333e4b;border-radius: 0;}
.aside-nav .panel-group .panel{background-color: #333e4b;border-radius: 0;border-color: transparent;border-bottom: 1px solid#eee;position: relative;border-bottom:none;}
.aside-nav .panel-group .panel .panel-collapse{background-color: #273038;}
.aside-nav .panel-group .panel .panel-collapse .panel-body{background-color: #273038;border-top:none;padding-top: 0;}
.aside-nav .panel-group .panel .panel-collapse .panel-body ul{background-color: #273038;padding: 0 30px;}
.aside-nav .panel-group .panel .panel-collapse .panel-body ul li{background-color: #273038;line-height: 40px;height: 40px;}
.aside-nav .panel-group .panel .panel-collapse .panel-body ul li a{font-size: 14px;color: #fff;}
.aside-nav .panel-group .panel .panel-collapse .panel-body ul li a:hover{color: #7cb6ff;}
.aside-nav .panel-group .panel-heading{cursor: pointer;padding: 20px 48px;background-color: #333e4b;}
.aside-nav .panel-group .icon_box{width: 20px;height: 24px;overflow: hidden;position: absolute;left: 24px;top: 17px;}
.aside-nav .panel-group .icon_box img{position: absolute;}
.aside-nav .panel-group .icon_box img.bg_asidePic1{top:-23px;}
.aside-nav .panel-group .icon_box img.bg_asidePic2{top:-23px;left: -24px;}
.aside-nav .panel-group .icon_box img.bg_asidePic3{top:-23px;left: -48px;}
.aside-nav .panel-group .icon_box img.bg_asidePic4{top:-23px;left: -72px;}
.aside-nav .panel-group .icon_box img.bg_asidePic5{top:-23px;left: -94px;}
.aside-nav .panel-group .icon_box img.bg_asidePic6{top:-23px;left: -120px;}
.aside-nav .panel-group .icon_box img.bg_asidePic7{top:-23px;left: -142px;}
.aside-nav .panel-group .icon_box img.bg_asidePic8{top:-23px;left: -166px;}
.aside-nav .panel-group .panel-heading .panel-title{width: 120px;}
.aside-nav .panel-group .panel-heading .panel-title span{float: right;}
.aside-nav .panel-group .panel-heading .panel-title span img{vertical-align: middle;}
.aside-nav .panel-group .panel-heading .panel-title a{color: #fff;font-size: 14px;}
.aside-nav .panel-group .panel+.panel{margin-top: 0;}
.bg_index .info{float: left;margin-left: 193px;width: 90%;}
.bg_index .info .infoInner{padding: 20px 28px 0 28px;}
.bg_index .showPageNum{padding: 0 28px;font-size: 12px;line-height: 72px;}
.bg_index .paging{display: inline-block;margin: 30px 0 0 23%;}
.bg_index .paging .pagination{margin: 0;}
.bg_index .paging .pagination li{font-size: 14px;}
.bg_index .showPageNum p a{padding: 0 5px;color: inherit;}
.bg_index .showPageNum p a.selected{color: #fb5e5e;}
#distpicker .btn{padding: 6px 24px;}

/*infoMain*/
.infoMain{max-height: 700px;overflow-y: scroll;}
.infoMain .table-bordered>thead>tr>th{border-bottom-width: 1px;}
.infoMain table{margin-bottom: 0;}
.infoMain table thead{}
.infoMain table thead tr{}
.infoMain table thead tr th{background-color: #f6fbff;font-weight: normal;font-size:14px;color:#4c4c4c;text-align: center;}
.infoMain .table>tbody+tbody{border-top: 1px solid #ddd;}
.infoMain table tbody tr td{font-size:14px;color:#808080;text-align: center;border-top: none;}
.infoMain table tbody tr td.merchantNum{position: relative;}
.infoMain table tbody tr td.operation ul{margin-left: 20%;}
.infoMain table tbody tr td.operation ul li a{padding: 0;color: #999;font-size: 16px;}
.infoMain table tbody tr td.operation ul li a .onLine,.offLine{font-size: 12px;border-radius: 10px;border: 1px solid #808080;color: #808080;display: inline-block;width: 40px;height: 18px;text-align: center;line-height: 16px;}
.infoMain table tbody tr td.operation ul li a .onLine:hover{font-size: 12px;border-radius: 10px;background-color: #7cb6ff;color: #fff;display: inline-block;width: 40px;height: 18px;text-align: center;line-height: 18px;border: none;}
.infoMain table tbody tr td.operation ul li a .offLine:hover{font-size: 12px;border-radius: 10px;background-color: #fb5e5e;color: #fff;display: inline-block;width: 40px;height: 18px;text-align: center;line-height: 18px;border: none;}
.infoMain table tbody tr td.operation ul li a:hover{color: #333;}
.infoMain table tbody tr td.merchantNum .triangle{width: 0;height: 0;border-top: 10px solid #7cb6ff;border-left: 10px solid transparent;position: absolute;top: 0;right: 0;}
/*�޸����뵯��*/
.modal.in .modal-dialog{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);left: 50%;top: 40%;margin: 0;transition: transform 0s;}
.modal.fade .modal-dialog{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);left: 50%;top: 40%;margin: 0;transition: transform 0s;}
.changePasswordDialog{width:500px;}
.changePasswordDialog .form-horizontal .control-label{font-size: 16px;font-weight: normal;}
.changePasswordDialog .form-group .form-control{width:95%;}
.changePasswordHeader{}
.changePasswordFooter{text-align: center;}
.changePasswordFooter .btn{padding: 6px 30px;}
.changePasswordFooter .btn+.btn{margin-left: 30px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.loginPage .loginPageR .panel-lite .form-group .form-label{z-index: 100;}
.loginPage .loginPageR .panel-lite .form-group .form-control{border-bottom: 1px solid #edf4fd;height: 45px;}