@charset "utf-8";
/* CSS Document */

/***********************公共样式**************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table, caption, tbody,tfoot, thead, tr, th, td, article, aside,canvas, details, embed, figure, figcaption,footer, header, hgroup, menu, nav, output,ruby, section, summary, time, mark, audio,video{
	margin:0;
	padding:0;
}
article, aside, details, figcaption,figure, footer, header, hgroup, menu,nav, section{display:block;}

html{overflow-x:hidden;-webkit-text-size-adjust:none;}
body{ font-size:12px; font-family:"微软雅黑","arial"; color:#535353!important; background:#121212!important;}
ol, ul, li{list-style:none;}

fieldset, img{border:0;}
a{color:#5c5c5c;outline:none;}
a:hover{color:#6bc30d;}
del, ins, a{text-decoration:none;}
em, i{font-style:normal;}
input, button,
textarea, select{outline:none;}
textarea{resize:none;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
.clearfl{clear:both;}
.clearfix:after{
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	line-height:0;
	content:'\20';	
}
.clearfix{
	clear:both;
	*display:table;
	*zoom:1;
}
.fl{
	display:inline;
	float:left;
}
.fr{
	display:inline;
	float:right;
}
.vaimg{
	display:table-cell;
	*display:block;
	overflow:hidden;
	font:0px/0px 'Arial';
	text-align:center;
	vertical-align:middle;
}
.vaimg img{
	vertical-align:middle;
}


.common{min-width:280px; position:relative; margin:0 auto;}


.ogrid .nav .navcur {background:#6BC30D;}
.ogrid .nav .navcur a {color: #fff;}
.ogrid .navlist {margin-top: 8px;}
.ogrid .navlist a {height: 32px;width: 32px;display: block;background-color: #505050;background-repeat:no-repeat; background-position:-213px -267px;}
.ogrid .navlist a:hover{background-color: #6BC30D;}
.ogrid .nav {left:-133px; position:relative; }
.ogrid .logo {left:60px}
.ogrid .nav ul {overflow:hidden; position:absolute; height:260px; left:0px;top:50px;z-index:-99;background:#202123; display:none;}
.ogrid .nav li {vertical-align: bottom;float:none; width:100px; height:50px;}
.ogrid .nav li a{width:100%;margin:0;padding:0;text-align:center;display:block;float:none;}

.navlist{display:block}
.ogrid .navlist{display:block;}



.login {position:relative;height:32px;line-height:32px;margin-top: 8px;}
.login li {float:left;display: block;}
.login li a {text-align: center;font-size:14px; float:left;display:block;width:70px;height:32px;line-height:32px; background:#505050;color: #acacac;}
.login .reg a{background:#6BC30D;color:#fff;}




.openlogin i{font-size: 12px; margin-right:2px;}
.openlogin a{-webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear; -o-transition:color 0.3s linear; transition:color 0.3s linear;}
.openlogin a:hover{color: #fff;}

.loginmenu {display:none;}
.loginmenu a{display:block;width:32px;height:32px;}
.loginmenu a:hover{background-color:#6BC30D;}
.logintoggle {cursor:pointer;}
.logintoggle .loginmenu{display:block;}
.logintoggle ul{display:none; right:0px;top:42px;position:absolute;z-index:99;}
.logintoggle ul li a {width: 130px;}
.logintoggle.loginmenu a {display: block;width:32px;height:32px;}
.logintoggle.loginmenu a: hover{background-color: #6BC30D;}










#searcht {height:32px;margin:8px 10px 0 0px;background:#505050;float:right;padding-left:10px;position:relative;z-index:0;}
.searchtxt{padding-right:8px;width:120px;background:none;border:none;color:#999;height:14px;line-height:14px;
display:block;float:left;font-size:12px; padding-top:9px; padding-bottom:9px;}
.searchbtn{width:32px;height:32px;display:block; float:left;border:none;cursor:pointer;}
.searchbtn:hover {background-color:#1a1a1a;}


.switchresult{background:#3d3e40;height:50px;margin-bottom: 30px;padding-top:30px;}
.uetab {height:50px;}
.uetab ul {width:280px;height: 50px;display: block;}
.uetab ul li {display: block;float: left;}
.uetab ul li a {display:block;float:left;width:140px;height:50px;line-height: 50px;text-align:center;background: #505153;color:#c3c3c3;font-size:14px;}
.uetab ul .tabcur a {background: #F5F6F7;color: #484848;}






#select{position: relative;z-index:7}

#select .common {position: relative; }
.cases{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.cate{float:left;padding:10px 0px 10px 0;position:relative;}
.cate li{display:block;float:left;background:#e8e8e8;}
.cate .addbag {margin-left:0;}
.cate li a{display: block;float:left;  background-repeat:no-repeat;width:40px;
height:40px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition: all 0.3s linear;transition:all 0.3s linear;}
.cate .sccur{background:#6bc30d;}
.cate .sccur:hover{background:#6bc30d;}
.cate li:hover{background:#606060; color:#fff;}
.cate .home{margin-left:0;background:#5d5d5d;}
.cate .home a{width: 80px;background:none;line-height:40px;color:#fff;font-size:12px;text-align:left;
text-indent:15px;cursor:default;}
.cate .home .sccur{background:#5d5d5d;}
.cate .home:hover{background:#5d5d5d;}
.cate .home a:hover{color:#fff;}
.cate .home .sccur a{color:#fff;}
.cate .home{position:relative;}
.cate .addbag a{background-position:-30px 13px;}
.cate .clipboard a{background-position:-72px 13px;}
.cate .eyedropper a{background-position:-112px 12px;}
.cate .grid a{background-position:-153px 13px;}
.cate .calendar a{background-position:-194px 13px;}
.cate .addbag a:hover {background-position:-30px -30px;}
.cate .clipboard a:hover {background-position:-72px -30px;}
.cate .eyedropper a:hover {background-position:-112px -29px;}
.cate .grid a:hover {background-position:-153px -30px;}
.cate .calendar a:hover {background-position:-194px -30px;}


.cate .addbag .sccurt{background-position:-30px -30px;}
.cate .clipboard .sccurt{background-position:-72px -30px;}
.cate .eyedropper .sccurt{background-position:-112px -29px;}
.cate .grid .sccurt{ background-position:-153px -30px;}
.cate .calendar .sccurt{background-position:-194px -30px;}



.cate .addbag{position:relative;}
.addbag_arrow {position:absolute;width:5px;height: 9px;left:-5px;top:15.5px;}
.cate .addbag:hover.addbag_arrow {background-position:0 -9px;}
.cate .addbag .sccur.addbag_arrow { background-position:0 -18px;}
  
  


.catedecoration {
  width:80px;
  height:27px;
  position:absolute;
  left:55px;
  top:-27px;
  background:#505050;
}



#catemove {display: none;}
.catedecoration span {
  height:6px;
  width:13px;
  display:block;
  position:absolute;
  bottom:-6px;
  left:33px;
}.catedecorationtext {
  height: 27px;
  position: absolute;
  top: -27px;
  left: 55px;
  width: 80px;
  overflow: hidden;
}
.catedecorationtext .tul {
  display:block;
  width:400px;
  height:27px;
}
.cate .catedecorationtext .tli {
  width:80px;
  background:none;
  height: 27px;
  display: block;
  float: left;
  line-height: 27px;
  text-align: center;
  color:#fff;
  font-size:12px;
  margin:0;}
.cate. catedecorationtext .tli:hover{background:none;}
  

.search{width:100px; height:40px; background-color:#e6e6e6; line-height:40px; text-align:center; font-size:14px; margin-top:9px;}  
.selectList{width:100%; padding-top:20px;}

.selectone a{height:26px; line-height:26px; display:inline-block; background-color:#FFF; padding:0px 15px; margin-right:3px; margin-bottom:10px;}
.selectone a:hover{background-color:#5d5d5d; color:#FFF}



.viewcase{margin-top:10px;}
.viewcase li{width:280px; height:233px; border-bottom:5px solid #e9e9e9; background-color:#FFF; float:left; padding:9px 10px 4px 10px; margin-right:20px; margin-bottom:20px;}
.viewcase ul{width:105%;}
.viewcase li img{width:280px; height:180px}
.viewcase li p{height:53px; line-height:53px;}
.viewcase li p span{display:inline-block; height:53px; width:180px; float:left; overflow:hidden; font-size:15px;}
.viewcase li p em{float:right; width:90px; display:inline-block; height:53px; text-indent:15px; overflow:hidden}  
.viewcase li:hover{background-color:#6bc30d; border-bottom:5px solid #356106}
.viewcase li:hover p{ color:#FFF}
.viewcase li:hover p em{}



.page{height:36px; width:100%; font-size:13px; clear:both; margin-top:20px; margin-bottom:45px;}
.page a{width:36px; height:36px; line-height:36px; text-align:center; float:left; display:inline-block; background-color:#FFF; margin-right:5px;}

.page em{width:36px; height:36px; text-align:center; line-height:36px; display:inline-block; float:left; margin-right:5px;}

.page a:hover{background-color:#70ca10; color:#FFF;}
.page a.pagePrev{ font-family:SimSun; font-size:16px;}


.footer_bj{background-color:#222324; color:#8e8e8e; padding:10px 0px;}
.footer p{line-height:24px;}

.footer p span{float:right;}