@charset "utf-8";
html,body{width: 100%; height: 100%; margin: 0 auto;}
body,font,form,ul,li,p,h1,h2,h3,h4,h5,h6,input,select,span,table,tr,th,td,a,b{font-family:"微软雅黑"; margin:0; padding:0; font-size:14px; color:#555}
body,font{line-height:22px; text-align:center;}
body a{outline:none; blr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
body{min-width:1200px; background-color: #f7f7f7;}
input,select,textarea{line-height:16px; outline:none;}
input[type="text"]:focus,input[type="password"]:focus{border-color: #1358e2!important;}
ul,li,span{list-style-type:none;}
table{ width: 100%; border-collapse:collapse;}
img{max-width: 100%; border:0; vertical-align: middle;}
a, li, p, div {transition: color 0.5s ease 0s;}
dl, dt, dd{margin: 0;}
button{outline: none;}
.floatL{float:left;}
.floatR{float:right;}
.floatN{float: none;}
.setwidth{position: relative; margin: 0 auto; width: 1200px;}
.clear::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}

input::-webkit-input-placeholder { 
color: #d3d3d3; 
} 
input:-moz-placeholder { 
color: #d3d3d3; 
} 
input::-moz-placeholder { 
color: #d3d3d3; 
} 
input:-ms-input-placeholder { 
color: #d3d3d3; 
}

/*左侧导航*/
.shared-sidebar{position: fixed; top: 0; left: 0; height: 100%; max-height: 1080px; width: 160px;}
.show-nav .shared-sidebar{width: 290px;}
.shared-first-sidebar{position: absolute; top: 0; left: 0; width: 160px; height: 100%; background-color: #384457; z-index: 2;}
.shared-team{width: 160px; padding: 20px 0; background-color: #2d3646;}
.shared-team .logo{margin: 0 auto; width: 70px; height: 70px; border-radius: 100%; overflow: hidden;}
.shared-team p{margin: 9px 0 3px; line-height: 23px; padding: 0 5px; font-size: 16px; color: #fff;}
.sidebar-nav{}
.sidebar-nav>li{width: 100%; height: 60px; line-height: 60px; text-align: left;}
.sidebar-nav>li>a{display: block; position: relative; font-size: 16px; color: #fff;}
.sidebar-nav>li>a::before{display: block; content: ""; width: 5px; height: 60px; position: absolute; top: 0; left: 0;}
.sidebar-nav>li .sidebar-icon{display: inline-block; position: relative; top: -1px; margin: 0 13px 0 27px; width: 27px; vertical-align: middle; background: url(../images/sidebar-icon.png) no-repeat;}
.sidebar-nav>li .sidebar-icon-dashboard{height: 15px; background-position: 0 -22px;}
.sidebar-nav>li .sidebar-icon-home{height: 22px; background-position: 0 -75px; top: -3px;}
.sidebar-nav>li .sidebar-icon-about{height: 22px; background-position: 0 -137px;}
.sidebar-nav>li .sidebar-icon-album{height: 22px; background-position: 0 -195px;}
.sidebar-nav>li .sidebar-icon-products{height: 20px; background-position: 0 -255px;}
.sidebar-nav>li .sidebar-icon-news{height: 22px; background-position: 0 -312px;}
.sidebar-nav>li .sidebar-icon-message{height: 20px; background-position: 0 -373px;}
.sidebar-nav>li .sidebar-icon-banner{height: 25px; background-position: 0 -431px;}
.sidebar-nav>li .sidebar-icon-admin{height: 22px; background-position: 0 -490px;}
.sidebar-nav>li .sidebar-icon-setting{height: 22px; background-position: 0 -548px;}


.sidebar-nav>li.hover,.sidebar-nav>li.active,.sidebar-nav>li.hover{background-color: #fff;}
.sidebar-nav>li.hover>a,.sidebar-nav>li.active>a,.sidebar-nav>li.hover>a{color: #1358e2;}
.sidebar-nav>li.hover>a::before,.sidebar-nav li.active>a::before{background-color: #1358e2;}
.sidebar-nav li.hover .sidebar-icon-dashboard,.sidebar-nav>li.active .sidebar-icon-dashboard{height: 16px; background-position: -27px -21px;}
.sidebar-nav>li.hover .sidebar-icon-home,.sidebar-nav>li.active .sidebar-icon-home{background-position: -27px -75px;}
.sidebar-nav>li.hover .sidebar-icon-about,.sidebar-nav>li.active .sidebar-icon-about{background-position: -27px -137px;}
.sidebar-nav>li.hover .sidebar-icon-album,.sidebar-nav>li.active .sidebar-icon-album{background-position: -27px -195px;}
.sidebar-nav>li.hover .sidebar-icon-products,.sidebar-nav>li.active .sidebar-icon-products{background-position: -27px -255px;}
.sidebar-nav>li.hover .sidebar-icon-news,.sidebar-nav>li.active .sidebar-icon-news{background-position: -27px -312px;}
.sidebar-nav>li.hover .sidebar-icon-message,.sidebar-nav>li.active .sidebar-icon-message{background-position: -27px -373px;}
.sidebar-nav>li.hover .sidebar-icon-banner,.sidebar-nav>li.active .sidebar-icon-banner{background-position: -27px -431px;}
.sidebar-nav>li.hover .sidebar-icon-admin,.sidebar-nav>li.active .sidebar-icon-admin{background-position: -27px -490px;}
.sidebar-nav>li.hover .sidebar-icon-setting,.sidebar-nav>li.active .sidebar-icon-setting{background-position: -27px -548px;}

/*二级菜单*/
.shared-second-sidebar{display: none; position: absolute; top: 0; margin-left: 160px; padding-bottom: 20px; width: 130px; height: 100%; max-height: 1080px; background-color: #fff; -moz-box-shadow:6px 0 5px rgba(56,68,87,.04); -webkit-box-shadow:6px 0 5px rgba(56,68,87,.04); box-shadow:6px 0 5px rgba(56,68,87,.04);}
.show-nav .active .shared-second-sidebar{display: block;}
.shared-second-sidebar .sidebar-wrap{display: block; height: 100%;}
.shared-second-sidebar .on{display: block;}
.second-sidebar-nav{position: relative; height: 100%; padding-bottom: 10px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.shared-second-sidebar .second-sidebar-title{height: 62px; line-height: 62px; margin: 0 17px 0 13px; padding-top: 6px; border-bottom: 1px solid #d2d2d2; font-size: 18px; font-weight: 500; text-align: left; text-indent: 7px;}
.second-sidebar-nav>ul{position: absolute; top: 69px; left: 0; bottom: 10px; padding-right: 20px; width: 100%; overflow-x: hidden; overflow-y: scroll;}
.second-sidebar-nav li{margin-top: 20px; width: 130px; line-height: 38px; font-size: 14px; text-align: left; cursor: pointer;}
.second-sidebar-nav>ul>li>a{display: block; position: relative; padding: 8px 0; width: 126px; line-height: 22px; border-right: 4px solid transparent; text-indent: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.second-sidebar-nav>ul>li.second-group-nav .second-group-title{display: table-cell; position: relative; padding: 8px 20px; max-width: 80px; line-height: 22px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.second-sidebar-nav>ul>li.second-group-nav .second-group-title i{display: inline-block; width: 20px; height: 100%; background: url(../images/icon_down.png) center right no-repeat; position: absolute; top: 0; right: 0;} 
.second-sidebar-nav>ul>li.collapsed ul{display: none; margin-top: 8px; padding: 0 20px;} 
.second-sidebar-nav>ul>li.second-group-nav ul li{margin: 0; padding-left: 35px; width: 95px;} 
.second-sidebar-nav>ul>li.second-group-nav ul li a{display: block; padding: 7px 5px 7px 0; width: 85px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 

.second-sidebar-nav>ul>li:hover>a,.second-sidebar-nav>ul>li.active>a{color: #1358e2; border-color: #1358e2;}
.second-sidebar-nav>ul>li.collapsed .second-group-title i{background: url(../images/icon_right.png) center right no-repeat;} 
.second-sidebar-nav>ul>li ul li:hover a,.second-sidebar-nav>ul>li ul li.active a{color: #1358e2;} 


table th{font-weight: 500; color: #333; background-color: #f1f1f3;}
table td{word-break: break-all;}
table .grid-tr-mousemove td{background-color: #e4e9f4;}
table.second-table td{background-color: #fff;}
table.second-table .grid-tr-mousemove td{background-color: #e4e9f4!important;}
.btn{width: 120px; height: 35px; background-color: #1358e2; border: none; border-radius: 100px; font-size: 16px; color: #fff;}
.foot-logo{padding: 50px 0;}


.pages-box{line-height: 27px;}
.pages-box .txt{margin-right: 45px; vertical-align: middle;}
.pages{display: inline-block; margin-top: 48px; width:100%;}
.pages span,.pages a{display: inline-block; width: 27px; height: 27px; line-height: 27px; border-radius: 5px; vertical-align: middle;}
.pages span,.pages a:hover{background-color: #1358e2; color: #fff;}
.pages .startbtn{background: url(../images/icon-startbtn.png) center center no-repeat;}
.pages .startbtn:hover{background: url(../images/icon-startbtn1.png) center center no-repeat #1358e2;}
.pages .prevbtn{background: url(../images/icon-prevbtn.png) center center no-repeat;}
.pages .prevbtn:hover{background: url(../images/icon-prevbtn1.png) center center no-repeat #1358e2;}
.pages .nextbtn{background: url(../images/icon-nextbtn.png) center center no-repeat;}
.pages .nextbtn:hover{background: url(../images/icon-nextbtn1.png) center center no-repeat #1358e2;}
.pages .endbtn{background: url(../images/icon-endbtn.png) center center no-repeat;}
.pages .endbtn:hover{background: url(../images/icon-endbtn1.png) center center no-repeat #1358e2;}
#AspNetPager1_input{height: 25px; border-width: 1px; vertical-align: middle;}
#AspNetPager1_btn{width: 32px; height: 27px; vertical-align: middle; background-color: #1358e2; color: #fff; border: 1px solid #1358e2; border-radius: 2px;}