chente 3 лет назад
Родитель
Сommit
e911f713f4
2 измененных файлов с 529 добавлено и 487 удалено
  1. 83 44
      css/global.css
  2. 446 443
      css/style.css

+ 83 - 44
css/global.css

@@ -2607,11 +2607,7 @@ border:none
   width:683px;
   height:47px;
   top:85px;
-<<<<<<< HEAD
-  left:315px;
-=======
   left:305px;
->>>>>>> e7aed4bb57c01dc6c86f4dc4e439b97174a2dd46
   transition: all 0.2s ease-in 0s;
   transform: translateX(30px);
   transition-delay: 0.2s;
@@ -2721,6 +2717,85 @@ border:none
   opacity:1;
 }
 
+/*工程造价材料调差*/
+.banner-entry.banner-eleven {
+  background:#e36335 url(bing-banner05.png) center center;
+}
+.banner-eleven .animation{
+  position:absolute;
+  opacity:0
+}
+.banner-eleven .images-1{
+  background:url(banner-ol-sever.png) 0 bottom;
+  width:1110px;
+  height:375px;
+  top:190px;
+  left:0;
+  transition: all 0.8s ease-out 0s;
+  transform: translateY(-30px);
+}
+.banner-eleven .title-1{
+  /*background:url(banner-ol-sever.png) 0 0;*/
+  width:1110px;
+  height:55px;
+  top:55px;
+  left:35px;
+  font-size: 40px;
+  color: #fff;
+  transition: all 0.8s ease-in 0s;
+  transform: translateY(-30px);
+}
+.banner-eleven .title-2{
+  background:url(banner-ol-sever.png) 0 -63px;
+  width:750px;
+  height:50px;
+  top:110px;
+  left:30px;
+  transition: all 0.4s ease-in 0s;
+  transition-delay: 0.8s;
+  transform: translateY(-40px);
+}
+.banner-eleven.show .images-1{
+  transform: translateY(0px);
+  opacity:1;
+}
+.banner-eleven.show .title-1{
+  transform: translateY(0px);
+  opacity:1;
+}
+.banner-eleven.show .title-2{
+  transform: translateY(0px);
+  opacity:1;
+}
+.banner-eleven .more-button{
+  position:absolute;
+  top:100px;
+  right:40px;
+  z-index: 99;
+  opacity:0;
+  transition: all 0.4s ease-in 0s;
+  transform: translateY(-30px);
+  transition-delay: 0.8s;
+}
+.banner-eleven.show .more-button{
+  transform: translateY(0px);
+  opacity:1;
+}
+.banner-eleven .more-button a{
+  color:#fff;
+  background:#e36335;
+  border:1px solid #e36335;
+  padding:15px 30px;
+  text-decoration: none;
+  font-size: 16px
+}
+.banner-eleven .more-button a:hover{
+  color:#fff;
+  background:#f37143;
+  padding:17px 32px;
+}
+/*工程造价材料调差*/
+
 .banner-two.show .title-3{
 -webkit-animation:pulse 0.4s infinite ease;
 -moz-animation:pulse 0.4s infinite ease;}
@@ -2957,32 +3032,20 @@ border:none
   opacity:0
 }
 .banner-ten .title-1{
-<<<<<<< HEAD
-  top:25px;
-  width: 100%;
-  text-align: center;
-=======
   top:30px;
   left:150px;
   width: 100%;
   text-align: left;
->>>>>>> e7aed4bb57c01dc6c86f4dc4e439b97174a2dd46
   font-size: 46px;
   color: #fff;
   transition: all 0.4s ease-out 0s;
   transform: translateX(30px);
 }
 .banner-ten .title-2{
-<<<<<<< HEAD
-  top:85px;
-  width: 100%;
-  text-align: center;
-=======
   top:90px;
-  left:210px;
+  left:260px;
   width: 100%;
   text-align: left;
->>>>>>> e7aed4bb57c01dc6c86f4dc4e439b97174a2dd46
   font-size: 46px;
   color: #fff;
   transition: all 0.2s ease-in 0s;
@@ -2999,51 +3062,28 @@ border:none
 }
 .banner-ten .more-button{
   position:absolute;
-<<<<<<< HEAD
-  top:205px;
-  left:50%;
-=======
   top:75px;
-  right:150px;
->>>>>>> e7aed4bb57c01dc6c86f4dc4e439b97174a2dd46
+  right:100px;
   margin-left:-78px;
   z-index: 99;
   opacity:0;
   transition: all 0.4s ease-in 0s;
-<<<<<<< HEAD
-  transform: translateY(-30px);
-  transition-delay: 0.8s;
-=======
   transform: translateX(-30px);
   transition-delay: 0.2s;
->>>>>>> e7aed4bb57c01dc6c86f4dc4e439b97174a2dd46
 }
 .banner-ten.show .more-button{
   transform: translateY(0px);
   opacity:1;
 }
 .banner-ten .more-button a{
-<<<<<<< HEAD
-  color:#22232f;
-  background: #fff;
-  border:1px solid #fff;
-=======
   color:#fff;
   background: #ff6501;
   border:1px solid #ff6501;
->>>>>>> e7aed4bb57c01dc6c86f4dc4e439b97174a2dd46
   padding:15px 30px;
   text-decoration: none;
   font-size: 16px
 }
 .banner-ten .more-button a:hover{
-<<<<<<< HEAD
-  color:#22232f;
-  background:#fff;
-  border:1px solid #fff;
-  padding:17px 32px;
-}
-=======
   color:#fff;
   background:#d95e0e;
   border:1px solid #d95e0e;;
@@ -3057,13 +3097,12 @@ border:none
   left:0px;
   transition: all 0.8s ease-in 0s;
   transform: translateY(70px);
-  z-index: 9999
+  z-index: 99
 }
 .banner-ten.show .images-1{
   transform: translateY(0px);
   opacity:1;
 }
->>>>>>> e7aed4bb57c01dc6c86f4dc4e439b97174a2dd46
 /*大司空*/
 
 /*新定额*/
@@ -3289,7 +3328,7 @@ border:none
 /*走进纵横*/
 .about-tab {
   background:#fff;
-  z-index: 9999
+  z-index: 998
 }
 .about-tab li{
   float:left;

+ 446 - 443
css/style.css

@@ -1,465 +1,468 @@
-/*Reset 样式初始化*/
-html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
-br, input, button, textarea, h1, h2, h3, h4, h5,em{
-  padding: 0;
-  margin: 0;
-	font-weight: normal;
-	font-style: normal;
-	font-size: 12px;
-	font-family:"微软雅黑","Tahoma";
-	vertical-align: baseline;
-	text-align:justify;
-	word-wrap:break-word;
-	text-justify:inter-ideograph
-}
-body{text-align:center}
+body{
+  font-family:"微软雅黑","Tahoma";
+  height:100%;
+  background: #fff;
+  overflow-x: hidden;
+}
 ul, ol, li, h1 {
-	line-height:normal;
-	list-style-image:none;
-	list-style-position:outside;
-	list-style-type:none
+  line-height:normal;
+  list-style-image:none;
+  list-style-position:outside;
+  list-style-type:none;
 }
-dl {
-	margin:0
+dl,ul {
+  margin:0;
+  padding:0;
 }
 dd {
-	margin-left:0
+  margin-left:0
 }
 a {
-	outline:none;
+  outline:none;
+  text-decoration: none;
 }
 a img {
-	border:0 none
+  border:0 none
 }
 img {
-	vertical-align:middle;
-	border:0px
+  vertical-align:middle;
+  border:0px
 }
 table {
-	border-collapse:collapse
+  border-collapse:collapse
 }
+.fL {float:left}
+.fR {float:right}
 .clearfix:after {
-	content:".";
-	display:block;
-	height:0;
-	clear:both;
-	visibility:hidden
+  content:".";
+  display:block;
+  height:0;
+  clear:both;
+  visibility:hidden
 }
 .clearfix {
-	display:inline-block;
-	overflow:hidden
+  display:inline-block;
+  overflow:hidden
 }
 .clearfix {
-	display:block
+  display:block
+}
+@font-face {
+  font-family: 'iconMenu';
+  src:  url('fonts/iconMenu.eot?8f335y');
+  src:  url('fonts/iconMenu.eot?8f335y#iefix') format('embedded-opentype'),
+    url('fonts/iconMenu.ttf?8f335y') format('truetype'),
+    url('fonts/iconMenu.woff?8f335y') format('woff'),
+    url('fonts/iconMenu.svg?8f335y#iconMenu') format('svg');
+  font-weight: normal;
+  font-style: normal;
 }
-body {color:#333}
-a {color:#00A0E9;text-decoration:none}
-a:hover {color:#0091d3;text-decoration:underline}
-/**/
-.clearB {clearfix:both}
-.fL {float:left}
-.fR {float:right}
-.colGreen{color:#17ab0c}
-.colRed {color:#f70000}
-.colOrange {color:#ed8b00}
-.width960 {width:960px;margin-left:auto;margin-right:auto}
-/*css*/
-.warpHeader .mainLogo {
-	width:437px;
-	height:57px;
-	margin:10px
-}
-.warpHeader .mainLogo a {
-	display:block;
-	width:348px;
-	height:57px;
-	background:url(mainLogo.png) no-repeat
-}
-.warpHeader .mainSearch {
-	float:right;
-	height:32px;
-	border:1px solid #ccc;
-	border-radius:5px;
-	margin:25px 0 0 0
-}
-.warpHeader .mainSearch input{
-	vertical-align: top;
-	margin:5px 0 0 0;
-	height:22px;
-	font-size:14px;
-	color:#666;
-	padding:0 5px;
-	border:none;
-	width:250px
-}
-.warpHeader .mainSearch .searchBtn {
-	display:inline-block;
-	*display:inline;
-	zoom:1;
-	width:24px;
-	height:24px;
-	background:url(searchBtn.png) no-repeat 0 0;
-	margin:5px 5px 0 0
-}
-.warpHeader .mainSearch .searchBtn:hover {
-	background-position: 0 -24px
-}
-.warpHeader .mainNav {
-	height:24px;
-	width:100%;
-	background:url(navBg.png) repeat-x 0 -48px;
-	margin:0 0 20px 0
-}
-.warpHeader .mainNav .navBgLeft,.warpHeader .mainNav .navBgRight {
-	background:url(navBg.png) no-repeat 0 0;
-	font-size:1px;
-	width:7px;
-	height:24px;
-	float:left
-}
-.warpHeader .mainNav .navBgRight {
-	background-position:0 -24px;
-	float:right
-}
-.warpContent {
-	width:950px
-}
-.warpContent .sideBar {
-	width:190px;
-	float:left
-}
-.warpContent .sideBar .mainMenuEntry{
-	margin:10px 0 10px 30px;
-	padding:8px 10px 8px 10px
-}
-.warpContent .sideBar .mainMenuEntry h3{
-	text-align:right;
-	font-size:14px;
-	font-weight:600;
-	cursor:pointer
-}
-.warpContent .sideBar .mainMenuEntry ul {
-	display:none
-}
-.warpContent .sideBar .mainMenuEntry ul li{
-	text-align:right;
-	margin:8px 0 0 0
-}
-.warpContent .sideBar .mainMenuEntry ul li a:hover{
-	padding:0 5px 0 0
-}
-.warpContent .sideBar .mainMenuEntry ul li a.now {
-	padding:0 10px 0 0;
-	font-weight:600;
-	color:#993333;
-	cursor:default
-}
-.warpContent .sideBar .mainMenuEntry ul li a.now:hover {
-	
-}
-.warpContent .sideBar .menuHover {
-	background:#fff
-}
-.warpContent .sideBar .menuHover h3{
-	padding:0 0 5px 0;
-	border-bottom:1px dashed #d2d2d2;
-	cursor:default
-}
-.warpContent .sideBar .menuHover ul{
-	display:block
-}
-.warpContent .sideBar .adminInfo {
-	margin:10px 0 0 30px
-}
-.warpContent .mainContent {
-	margin:0 0 0 200px;
-	padding:10px 0 10px 10px
-}
-.mainContent .helpContent .listEntry {
-	margin: 10px 0;
-	background:url(iconSlideup.png) no-repeat 0 7px;
-	padding:0 16px
-}
-.mainContent .helpContent .listEntry h3{
-	cursor:pointer;
-	font-size:14px;
-	padding:5px 8px 0 5px;
-	color:#00A0E9
-}
-.mainContent .helpContent .listEntry h3 span{
-	color:#999
-}
-.mainContent .helpContent .listEntry h3:hover{
-	font-weight:600
-}
-.mainContent .helpContent .listEntry .listItem {
-	display:none;
-	border-bottom:1px dashed #ededed;
-	padding:0 8px 10px 8px;
-	margin:0 0 20px 0
-}
-.mainContent .helpContent .listEntry .listItem p {
-	line-height:22px;
-	color:#666
-}
-.mainContent .helpContent .listEntry .listItem p img {
-	padding:3px;
-	background:#f3f3f3;
-	border:1px solid #dfdfdf
-}
-.helpContent .qDone {
-	margin:20px 0 0 0;
-	padding:15px 15px;
-	background:#f7f7f7;
-	float:left
-}
-.mainContent .helpContent .listEntryDown {
-	background:url(iconSlidedown.png) no-repeat 0 7px
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'iconMenu' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-coin-yen:before {
+  content: "\42";
+}
+.icon-calendar:before {
+  content: "\43";
+}
+.icon-user:before {
+  content: "\44";
+}
+.icon-cog:before {
+  content: "\46";
+}
+.icon-tree:before {
+  content: "\45";
+}
+.icon-file-text2:before {
+  content: "\41";
+}
+.icon-drawer:before {
+  content: "\48";
+}
+.icon-users:before {
+  content: "\4c";
+}
+.icon-spinner9:before {
+  content: "\4b";
+}
+.icon-file-play:before {
+  content: "\4d";
+}
+.icon-file-video:before {
+  content: "\4a";
+}
+
+
+.loginWrapper{
+  position: absolute;
+  width: 430px;
+  height: 320px;
+  top: 50%;
+  left: 50%;
+  background:#fff;
+  box-shadow: 0 8px 8px -6px #aaa;
+  -moz-box-shadow:0 8px 8px -6px #aaa;
+  -webkit-box-shadow:0 8px 8px -6px #aaa;
+  border: 1px solid #eee;
+  border-radius: 5px;
+  margin-left:-225px;
+  margin-top: -160px; 
+}
+.loginContent{
+  padding: 20px 40px;
+}
+.loginTitle{
+  text-align: left;
+  padding-left:10px;
+  border-left: 4px solid #aaa;
+}
+.logoTitleOl{
+  border-left:4px solid #EB5513;
+}
+.logoTitleGw{
+  border-left: 4px solid #ff6501;
+}
+.loginForm{
+  margin: 30px 0 20px 0;
+}
+.btnLogin{
+  width:100%;
+}
+.loginTitleMain{
+  position:relative;
+}
+.loginOther{
+  position:absolute;
+  top:5px;
+  right:0;
 }
 
-.mainContent .helpContent .listEntryDown h3 {
-	font-weight:600
-}
-.mainContent .formPage h3{
-	font-size:16px;
-	font-weight:600;
-	padding:0 0 10px 0;
-	margin:0 0 10px 0;
-	border-bottom:1px dashed #ccc
-}
-.mainContent .formPage li {
-	margin:0 0 10px 0
-}
-.mainContent .formPage .postList {
-	margin:10px 0
-}
-.mainContent .formPage .postList li {
-	border-bottom:1px dashed #f2f2f2;
-	padding:0 0 5px 0;
-	margin:0 0 5px 0
-}
-.mainContent .formPage .postList li .editBar a{
-	margin:0 5px;
-	color:#ccc
-}
-.mainContent .formPage .postList li .editBar a:hover{
-	color:#FF6500
-}
-.mainContent .formPage .pageBar {
-	text-align:center;
-	margin:20px 0 0 0
-}
-.mainContent .formPage .pageBar a{
-	margin:0 5px;
-	color:#0061DE;
-	padding:2px 6px;
-	margin:0 3px 0 0;
-	border:1px solid #dedfde
-}
-.mainContent .formPage .pageBar a:hover{
-	background:#0061de;
-	border-color:#000;
-	color:#fff
-}
-.mainContent .formPage .pageBar a.current{
-	border-color:#fff;
-	color:#FF6500;
-	font-weight:600;
-	cursor:default
-}
-.mainContent .formPage .pageBar a.current:hover{
-	border-color:#fff;
-	color:#FF6500;
-	cont-weight:600;
-	background:#fff
-}
-.mainContent .formPage .pageBar a.inactivePrev{
-	border-color:#fff;
-	color:#ccc;
-	cursor:default
-}
-.mainContent .formPage .pageBar a.inactivePrev:hover{
-	background:#fff
-}
-.mainContent .catePage dl{
-	margin:20px 0;
-	width:350px
-}
-.mainContent .catePage dl dt{
-	font-size:14px;
-	margin:0 0 10px 0;
-	font-weight:600
-}
-.mainContent .catePage dl dd{
-	margin:0 0 5px 0;
-	padding:0 0 5px 0;
-	border-bottom:1px dashed #f2f2f2
-}
-.loginContent {
-	background:#fff
-}
-.loginContent .loginPanel {
-	margin:100px 0 100px 350px
-}
-.loginContent .loginPanel dt{
-	font-size:18px;
-	margin:15px 0 5px 0
-}
-.loginContent .loginPanel dd input {
-	width:200px;
-	height:22px;
-	line-height:22px;
-	font-size:18px;
-	padding:5px
-}
-.loginContent .loginPanel dd button {
-	margin:20px 0 0 0;
-	width:210px;
-	padding:5px;
-	text-align:center
-}
-.warpFooter {
-	margin-top:15px;
-	padding-top:10px;
-	border-top:1px solid #f1f1f1
-}
-.warpFooter .tel {
-	font-size:20px;
-	color:#ff7e00
-}
-.warpFooter .copyright {
-	color:#ccc
-}
-.fbList li {
-	margin:0 0 40px 0;
-	padding:0 0 0 0;
-	color:#666
-}
-.qItem .qImg,.aItem .aImg{
-	width:48px;
-	height:48px;
-	background:url(qaImg.png) no-repeat
-}
-.aItem .aImg{
-	background-position:0 -48px
-}
-.qItem .qContent,.aItem .aContent {
-	padding:10px;
-	margin:0 58px 0 48px;
-	background:#FDF7ED;	
-}
-.qItem .qContent,.aItem .aContent p{
-	line-height:22px
-}
-.aItem {margin:5px 0 0 0}
-.aItem .aContent {
-	background:#EAFAEA;
-	margin:0 48px 0 58px
-}
-.fbList li .fbInfo{
-	background:#999;
-	padding:0 5px;
-	height:20px;
-	color:#fff;
-	margin:0 0 0 48px
-}
-.categoryList dt {
-	margin:0 0 10px 0;
-	color:#ccc
-}
-.categoryList dt a{
-	display:inline-block;
-	*display:inline;
-	*zoom:1;
-	color:#333;
-	padding:5px 0 5px 30px;
-	width:160px;
-	font-weight:600
-}
-.categoryList dt a:hover{
-	background:#f2f2f2 url(categoryListLeftArrow.gif) no-repeat 10px 5px
-}
-.categoryList dt span {
-	margin:0 0 0 30px
-}
-.categoryList dd a{
-	padding:8px 0 8px 30px;
-	display:inline-block;
-	*display:inline;
-	*zoom:1;
-	width:160px;
-	color:#666
-}
-.categoryList dd a:hover{
-	background:#f2f2f2;
-	color:#333;
-	text-decoration:none
-}
-.categoryList dd a.now{
-	color:#6c9e00;
-	border-left:5px solid #90C61A;
-	font-weight:600;
-	padding-left:25px;
-	cursor:default
-}
-.categoryList dd a.now:hover{
-	background:none;
-	text-decoration:none;
-}
-.categoryList dd a span{
-	padding-right:16px;
-	background:url(catrgoryListMoreArrow.png) no-repeat right center
-}
-.helpContent {line-height:22px}
-.helpContent h2.conTitle {
-	font-size:22px;
-	margin:0 0 15px 0
-}
-.helpContent blockquote{
-	margin:10px;
-	padding:10px;
-	background:#f2f2f2
-}
-.helpContent img{
-	padding:3px;
-	border:1px solid #ccc;
-	background:#ccc;
-	margin:5px
-}
-.helpContent a img{
-	border:1px solid #999
-}
-.helpContent a:hover img{
-	border:1px solid #ccc;
-	box-shadow: 0 0 5px 0 #999;
-	background-color: #ff6501;
-}
-.helpContent table th {
-	background:#f2f2f2;
-	padding:5px 8px
-}
-.helpContent table td {
-	border-bottom:1px solid #ccc;
-	padding:5px 8px
-}
-.subCategoryList li{
-	margin:10px 0
-}
-.subCategoryList li a{
-	font-size:14px
-}
-.subCategoryList li a span{
-    background: url(catrgoryListMoreArrow.png) no-repeat scroll right center transparent;
-    padding-right: 16px;
-  }
-a.backIndex {
-	margin:0 0 15px 0;
-	display:inline-block;
-	*display:inline;
-	*zoom:1;
-	background:#f2f2f2 url(categoryListLeftArrow.gif) no-repeat left center;
-	padding:3px 5px 3px 16px;
-	color:#666;
-	border-radius:5px;
-	box-shadow:1px 1px 1px -1px #999
+/* -------------index start-------------- */
+.wrapper{
+  overflow-x:hidden;
+}
+.leftBtn{
+  position: absolute;
+  left:45px;
+  color: #2c3e50;
+  cursor: pointer;
+  transition: 0.5s all;
+}
+.leftBtn:hover{
+  text-decoration: none;
+  color: #337ab7;
+}
+.leftBtn:before{
+  content: "\4f";
+}
+.leftBtnc{
+  left:165px;
+}
+.leftBtnc:before{
+  content: "\50";
+}
+.leftContent{
+  position:fixed;
+  overflow-y:auto;
+  height:100%;
+  left:0;
+  /*width:60px;*/
+  width: 55px;
+  background:#222;
+  color: #fff;
+  overflow: hidden;
+  transition: 0.5s all;
+}
+.leftContentShow{
+  width: 175px;
+}
+.logo{
+  width:100%;
+  background:#000;
+  text-align: center; 
+  cursor:pointer;
+  overflow:hidden;
+  text-overflow:ellipsis;
+}
+.logoWd{
+  background:#8D826D;
+}
+.logoGe{
+  background:#647B97;
+}
+.logoGw{
+  background:#ff6501;
+}
+.logo h2{
+  margin:0;
+  height:34px;
+  padding:10px 0;
+  font-size: 12px;  
+}
+.logoInfo{
+  display:none;
+}
+.logo h2 a{
+  color:#fff;
+}
+.logoList{
+  width:100%;
+  position:absolute;
+  z-index: 99;
+  background:#f1f1f1;
+  padding:5px 0;
+  display:none;
+}
+.logoList ul li{
+  font-size: 12px;
+  padding:5px 0;
+}
+.logoList ul li a{
+  color:#333;
+}
+.subMenu{
+  border-bottom:1px solid #222;
+}
+.subMenuTitle a:hover{
+  color:#fff;
+  text-decoration: none;
+}
+.subMenuTitle a.active{
+  color:#fff;
+  border-left: 2px solid #FF6501;
+}
+.subMenuTitle a:focus{
+  text-decoration: none;
+}
+.subMenuTitle{
+  position:relative;
+  margin:0;
+  background:#2E2D2B;
+  font-size: 14px;
+  line-height: 25px;
+}
+.subMenuTitle a{
+  padding:15px 0;
+  color:#ccc;
+  border-left: solid 2px transparent;
+  display:block;
+  cursor: pointer;
+}
+.subMenuText{
+  position:absolute;
+  width:125px;
+  top:15px;
+  left:56px;
+  /*display:none;*/
+}
+.caret-triangle{
+  margin-top:12px;
+}
+.userMain{
+  position:absolute;
+  bottom:10px;
+}
+.userImg{
+  margin:0 12px;
+  width:32px;
+  height:32px;
+  border-radius: 18px; 
+}
+.userName{
+  /*display:none;*/
+  font-size: 14px;
+  top:8px;
+}
+.userName a{
+  color:#ccc;
+}
+.userName a:hover{
+  color:#fff;
+  text-decoration: none;
+}
+.exit{
+  margin:0 0 0 15px;
+}
+.iconImg{
+  font-size: 20px;
+  padding:0 17px;
+}
+.bg{
+  background:#2E2D2B;
+  color:#fff !important;
+}
+.subMenuContent ul{
+  padding:10px 0 10px 25px;
+  text-align: left;
+}
+.subMenuContent ul li a{
+  display:block;
+  padding:5px 0;
+  color:#ccc;
+}
+.mainWrapper{
+  margin:0 0 0 65px;
+  background:#fff;
+  overflow: hidden;
+  transition: 0.5s all;
+}
+.mainWrapperShow{
+  margin: 0 0 0 185px;
+}
+.mainWrapperSma{
+  margin:0 0 0 160px;
+  background:#fff;
+}
+.pageTop{
+  margin-top: 20px;
+}
+.shopContent{
+  margin:20px 0;
+}
+.sort{
+  float:left;
+  vertical-align: middle;
+}
+.sort .form-control{
+  width:110px;
+}
+.btnGroup{
+  float:left;
+  margin:0 20px 0 0;
+}
+.selectBox{
+  float:left;
+  width:150px;
+  margin:0 20px 0 0;
+}
+.search{
+  float:left;
+  width:465px;
+  margin:0 20px 0 0;
+}
+.tableContent{
+  margin:20px 0 0 0;
+}
+.tableContent .table{
+  margin:0;
+}
+.tabMain,.tabShopContent{
+  margin:25px 0 0 0;
+}
+.textCon{
+  margin:0 10px 0 0;
+}
+.tabMain .table tr td,.tableContent .table tr td{
+  vertical-align: middle;
+}
+.formInfo{
+  min-height: 27px;
+  padding-top: 7px;
+}
+.provinceSelect,.citySelect{
+  width:100px;
+}
+input[type="file"] {
+    display: inline;
+}
+.source{
+  margin:15px 0 0 0;
+  width:328px;
+  height:150px;
+}
+.source img{
+  width:328px;
+  height:150px;
+}
+.m-10{
+  margin:15px 0;
+}
+.classify{
+  position: fixed;
+  width: 260px;
+  height: 100%;
+  background: #fff;
+  border-right: 1px solid #ddd;
+  overflow-y: auto;
+  -webkit-box-shadow: 0 0 10px rgba(150, 150, 150, .5);
+  -moz-box-shadow: 0 0 10px rgba(150, 150, 150, .5);
+  box-shadow: 0 0 10px rgba(150, 150, 150, .5);
+}
+.classify h5{
+  background:#ddd;
+  margin:0;
+  padding:11px 10px;
+  font-size: 16px;
+  font-weight: 600;
+}
+.mainWrapperMa{
+  margin:0 0 0 285px;
+}
+.versionList ul li{
+  position:relative;
+  padding-bottom: 35px;
+}
+.versionLeft{
+  float:left;
+  width:230px;
+}
+.versionLeft .dot{
+  position:absolute;
+  top:20px;
+  left:225px;
+  display: inline-block;
+  background: #ff6501;
+  width: 12px;
+  height: 12px;
+  border-radius: 10px;
+}
+.versionRight{
+  float:left;
+  padding-left: 35px;
+  border-left: 2px solid #ccc;
+}
+.file-box{
+  display: inline-block;
+  position: relative;
+  padding: 5px 10px;
+  border-radius: 3px;
+  overflow: hidden;
+  color:#fff;
+  background-color: #337ab7;
+}
+.file-btn{
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  outline: none;
+  background-color: transparent;
+  filter:alpha(opacity=0);
+  -moz-opacity:0;
+  -khtml-opacity: 0;
+  opacity: 0;
+}
+.modal-height {
+  height:500px;
+  overflow: auto;
+}
+.list-group-item > .btn {
+    float: right;
+    margin-left:5px;
 }