.fl{float: left;}
.fr{float: right;}
.padding{padding: 0;}
.margin{margin: 0;}


.padding-l{padding-left: 0;}
.padding-r{padding-right: 0;}
.margin-l{margin-left: 0;}
.margin-r{margin-right: 0;}
.radius-n{border-radius: inherit;}
.border-n{border-radius: inherit;}
ul,ol,li{list-style: none;}
dl,dt,dd{margin: 0;padding: 0;}
.dib{display: inline-block;vertical-align: middle;}
.padding-5{padding: 5px 10px;}
.radius-3{border-radius: 3px;}
.radius-5{border-radius: 5px;}
input[type=checkbox],input[type=radio]{margin:1px 0 0}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);border-radius: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #169bd5;}

.bg-wrap{width:100%;height:100%;overflow:hidden}
.wrapper{width:100%;height:100%;overflow-x:hidden}
.bg{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#169bd5;background-size:100% 100%;overflow:hidden}

/*登录*/
.login-wrap{margin-top:150px}
.login-wrap .control-label{width:24px;height:28px;display:block;float:left;margin:8px 12px 0;background:url(../img/ico.png) no-repeat;}
.login-wrap .control-label.username{background-position:-36px -41px}
.login-wrap .control-label.password{background-position:-60px -41px}
.login-wrap .control-label.token{background-position:-123px -41px}
.login-form{margin-top:40px;margin-bottom:200px;padding:10px 15px 30px;background:#fff;color:#666;border-radius:5px}
.login-form .form-group{margin:20px 22px 0 22px;overflow:hidden}
.login-form .border{border:1px solid #ccc}
.login-form .form-control.border-none{border:none}
.login-form .input-wrap{padding-left:0;width:75%}
.login-form .input-wrap2{width:40%}
.login-form .yzm-tb{width:35%;margin:0 2%;line-height:44px;text-align:center}
.login-form .hyz{cursor:pointer}
.login-form .input-wrap2 .form-control{margin:0;height:44px;border:1px solid #ccc}
.login-form .form-control{margin:5px 0;border-left:1px solid #ccc;border-radius:0;border-top:0;border-bottom:0;border-right:0}
.login-form .text-wrap .form-control{padding:22px 15px;border:1px solid #ccc;width:100%}
.login-form .form-control:focus{border-color:#da3347;outline:0;-webkit-box-shadow:none;box-shadow:none}
.login-form .checkbox label{padding-left:10px;font-size:12px;color:#8a8a8a}
.login-form .forget-password{padding-top:8px;padding-right:0}
.login-form .forget-password a{font-size:12px;color:#8a8a8a}
.login-form .forget-password a:hover{color:#da3347}
.system-copyright{line-height:25px;font-size:16px;color:#fff}
.submit-wrap .btn{background:#169bd5;color:#fff;padding:10px 12px;border-radius:0}


/*欢迎页*/
.system-top{width:96%;margin:25px auto 0}
.system-top .logo-txt{color:#fff}
.system-top .logo-txt h1{font-size:28px}
.system-top .logo-txt p{font-size:40px}
.system-top .logo-txt p label{color:#fff000}
.system-top .pull-right{height:15px;line-height:15px;color:#fff;overflow:hidden}
.system-top .pull-right .dib{padding:0 10px}
.system-top .pull-right a{border-left:1px solid #7f8a92}
.system-top .modify{color:#f6d600}
.system-top .quit{color:#999}
.system-ul{margin-top:76px;margin-bottom:200px}
.system-ul li{margin-top:40px;text-align:center}
.system-ul li div{width:175px;height:175px;border-radius:50%;margin:auto;background:url(../img/ico1.png) no-repeat;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden}
.system-ul li div span{display:block;width:90px;height:98px;margin:41.5px auto;background:url(../img/ico1.png) no-repeat}
.system-ul li p{margin-top:15px;color:#fff;font-size:24px}
.system-ul li .color1{background-position:0 -98px}
.system-ul li .color2{background-position:-175px -98px}
.system-ul li .color3{background-position:0 -273px}
.system-ul li .color4{background-position:-175px -273px}
.system-ul li .icon1{background-position:0 0}
.system-ul li .icon2{background-position:-90px 0}
.system-ul li .icon3{background-position:-180px 0}
.system-ul li .icon4{background-position:-270px 0}
.system-ul li:hover a{text-decoration:none}
.system-ul li:hover div{box-shadow:0 0 15px #fff}

/*头部*/
.header{border-bottom:3px solid #169bd5;background:#169bd5}
.header h1{margin:15px 0 5px 20px;font-size:25px;color:#fff}
.header h1 label{color:#fff000}
.right-info{margin-top:15px;padding-right:20px;color:#fff}
.right-info a{color:#fff}
.right-info .top a{height:15px;line-height:15px;padding-left:10px;margin-left:10px;border-left:1px solid rgba(255,255,255,.5)}
.right-info .top span{margin-left:3px;color:#fff100}
.right-info .bottom{margin-top:5px}
.right-info .bottom a{margin-left:20px}
.right-info .bottom i{display:inline-block;vertical-align:middle;margin-right:3px;width:18px;height:16px;background:url(../img/ico.png) no-repeat}
.right-info .bottom .icon1{background-position:0 -41px}
.right-info .bottom .icon2{background-position:-18px -41px}

/*主体*/
.main{width:100%;position:absolute;}
.arrow{width:16px;height:75px;cursor:pointer;background:url(../img/tgl2.png) no-repeat 0 0;position:absolute;right:-16px;top:40%}
.side-left{width:200px;height:91%;position:fixed;background:#eee;padding:0;border-right:1px solid #ddd;z-index:2}
.side-right{height:90%;position:fixed;right:0;left:200px}
.copyright{width:100%;padding:10px 35px;position:fixed;bottom:0;z-index:999;color:#fff;background:#169bd5}


/*左侧栏目菜单*/
.nav_left{width:100%;height: 90%;}
.nav_leftlist{}
.nav_leftlist dl{margin-bottom: 5px;}
.nav_leftlist dl dt{height:40px;line-height:40px;padding:0 25px;position:relative;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size:16px;font-weight:normal;color: #333;cursor: pointer;}
.nav_leftlist dl dt span{width: 0;height: 0;border-style: solid;position: absolute;right: 23px;top:15px;}
.nav_leftlist dl dd{padding:8px 0 0px;display: block;}
.nav_leftlist dl dd a{display:block;height:30px;line-height:30px;background:url("../img/arrow-r.png") no-repeat 25px center;padding-left:40px;font-size: 14px;color:#333;text-decoration: none;cursor: pointer;}
.nav_leftlist dl dd a.cur{background:url("../img/arrow-r2.png") no-repeat 25px center;color: #d01d33;}
.show1{border-width: 6px 5px 0 5px;border-color: #aaaaaa transparent transparent transparent;}
.hide1{border-width: 5px 0 5px 6px;border-color: transparent transparent transparent #aaaaaa;}

/*内页样式*/
/*.wrapper-content{height:775px;margin:15px auto;overflow-y: scroll;position: relative;}*/
.wrapper-content{width:100%;height:100%;overflow-y: scroll;position: absolute;}
.wrap{height:96%;margin:2% 20px 0;}


.btn-box{}
.btn-box span{cursor: pointer;margin: 5px 3px;}

/*颜色*/
.blue{background: #30abe4;color: #fff;}
.blue_1{background: #33a8ff;color: #fff;}
.blue_2{background: #288fbf;color: #fff;}
.orange{background: #ff6737;color: #fff;}
.orange_1{background: #ff7e00;color: #fff;}
.orange_2{background: #f29100;color: #fff;}
.green{background: #18a093;color: #fff;}
.red{background: #ff0000;color: #fff;}
.red_1{background:rgba(255,0,0,.5);color: #fff;}
.gray{background: #afafaf;color: #fff;}
.gray_1{background: #b6b6b6;color: #fff;}

.file-box{position: relative;overflow: hidden;display:inline-block;vertical-align:middle;line-height:25px;margin:3px 0px;padding:2px 10px;border-radius:3px;color: #fff;cursor: pointer;}
.file-box form,.file-box input{width:100%;height:100%;position: absolute;left: 0%;top: 0%;overflow: hidden;opacity: 0;color: #fff;cursor: pointer;}
.file-box:hover{cursor: pointer;}

/*翻页*/
.page{width:100%;bottom:4%;border-left: 1px solid #e2e2e2;border-radius: 3px;}
.page a:last-child{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page a{float:left;padding:6px 15px;border: 1px solid #e2e2e2;border-left:0;color: #333;text-decoration:none;}
.page a:hover{background:#eee;}
.page a.current{background:#169bd5;border-color: #169bd5;color: #fff;}

/*表格*/
select{min-width:100px;height: 36px;padding: 0 5px;border: 1px solid #a0b5fc;}
input[type='text'],input[type='password']{min-width:32%;margin-right:3px;padding: 7px 5px;border: 1px solid #a0b5fc;}
input[type='radio'],input[type='checkbox']{margin-right: 3px;margin-left: 3px;}
textarea{width: 70%;padding: 5px;resize: none;border: 1px solid #a0b5fc;}
.submit{background:#0da99e;color:#fff;padding:8px 30px;border-radius:3px;border: none}


/*搜索框*/
.search{margin:20px auto;;}
.search input[type='date'],.search input[type='datetime-local']{margin-right:3px;padding: 7px 5px;border: 1px solid #a0b5fc;line-height: normal;}
.search input{min-width:182px;margin-right:10px;_min-width:182px;*min-height:182px;}
.search .submit{margin-left:10px;}

/*--th有背景*/
.table{margin:10px auto;}
.table th,.table td{border: 1px solid #ddd;text-align: center;padding:7px 5px;}
.table th{background: #eee;font-weight: normal;font-size: 15px;}
.table td{}
.table span{cursor: pointer;margin:3px;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{vertical-align: middle;}

/*--th无背景*/
.table2{width:100%;margin:10px auto;}
.table2 th,.table2 td{border: 1px solid #ddd;padding:7px 5px;}
.table2 th{font-weight: normal;font-size: 15px;text-align: right;}
.table2 td{}
.table2 span{cursor: pointer;margin:3px;}

/*--无边框*/
.table3{width: 100%;margin:20px 0;}
.table3 th{color: #ae0015;text-align: right;}
.table3 td{padding: 6px 8px;}

.table5{width: 100%;margin:20px 0;}
.table5 th{color: #ae0015;text-align: right;}
.table5 td{padding: 6px 8px;}
.table5 td input[type='text'],.table5 textarea{width: 100%;}


.table4{margin:20px auto;font-size: 18px;}
.table4 th{text-align: right;}
.table4 td{padding: 7px 5px;}
/*.table4 thead th{text-align:center;}*/

/*选项卡*/
.tab-wrap{}
.tab-wrap .nav-tabs>li{margin-right: 8px;}
.tab-wrap .nav-tabs>li>a{color: #666;}
.tab-wrap .nav-tabs>li.active a{color:#ae0015;}
.tab-wrap .tab-content{padding:15px 0;font-size: 14px;}

/*install*/
.install{width: 500px;margin: auto;}
.install .table{width: 100%;}
.install .table th{text-align: right;width: 100px;}
.install .table td{text-align: left;}
.install .table td input[type='text']{width: 95%}
.install .table2 th,.install .table2 td{text-align: center;}
.install .table2 th{background: #eee;}
.install input[type='button'],.install input[type='submit']{background:#da3347;color:#fff;padding:8px 30px;border:0;border-radius:3px;border: none;cursor: pointer;}
/*.sub_yes{padding: 8px 25px;;border:0;background: #ff8259;color: #fff;cursor: pointer;}*/

/*媒体样式*/
@media (max-width: 350px){}
@media (min-width:768px) {
    .navbar-header {float: none;}
    .navbar-nav {float: none;margin: 0;}
    .navbar-nav>li {float: none;}
    .modal-dialog {margin: 200px auto;}
}
@media (max-width:703px) {
    .right-info{margin-top: 5px;}
}
@media (max-width:768px) {}
@media screen and (max-width: 991px) {
    .bg-wrap{overflow: inherit;}
    /*.bg {position:inherit;}/*隐掉后 页面缩小后登录页背景满屏*/
}
@media screen and (max-width:1200px){
    .header{padding-bottom: 5px;}
    .menu-ul{display: none}
    .navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: #0086bf;border-radius: 0;border: 0; -webkit-box-shadow: none;box-shadow: none}
    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 25px}
    .navbar-nav .open .dropdown-menu>li>a {line-height: 20px}
    .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {background-image: none}
}
@media (min-width:1200px) {
    .navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: #0086bf;border-radius: 0;border: 0; -webkit-box-shadow: none;box-shadow: none}
    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 25px}
    .navbar-nav .open .dropdown-menu>li>a {line-height: 20px}
    .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {background-image: none}
}
@media (min-width:703px)and (max-width:768px){}
@media (min-width:768px)and (max-width:1200px){}
@media screen and (max-width:1300px){}











