﻿@charset "utf-8";
*{ padding:0; margin:0;}
ul li{ list-style:none;}
a{text-decoration:none;}
img{ border:none; float:left;}
input{border:none; background:none;}
.inputtext {border:1px solid #cccccc;}
textarea{outline:0;}
.clear{clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.hide,.popup{ display:none;}
html,body{ font-size:12px;font-family:"Arial","宋体"; color:#606060; background:#f1f1f1;}
#page{ height:auto;}
.automw{ width:auto;}
.autocw{width:1180px;margin:0 auto;padding:0px;}
.contentfw{width:1180px; margin:0 auto;}
.nosoo{padding-top:40px;min-height:780px;}
.yy-icon{ display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/yy-icon.png);}
.yy-diy-return {width:14px; height:20px; background-position: -209px -320px;}
.yy-all {width:16px; height:16px; background-position: -406px -378px}
.yy-all.active{width:16px; height:16px; background-position: -340px -322px}
.yy-allw {width:16px; height:16px; background-position: -274px -322px}
.yy-ap {width:12px; height:23px; background-position: -66px -524px}
.yy-cdel {width:16px; height:16px; background-position: -208px -322px}
.yy-cedit {width:16px; height:16px; background-position: -0px -327px}
.yy-ceditw {width:16px; height:16px; background-position: -68px -326px}
.yy-comment {width:16px; height:20px; background-position: -142px -322px}
.yy-comment.active{width:16px; height:20px; background-position: -482px -340px}
.yy-commentw {width:16px; height:20px; background-position: -416px -308px}
.yy-didian {width:12px; height:16px; background-position: -62px -597px}
.yy-gt {width:40px; height:40px; background-position: -90px -100px}
.yy-jjb {width:22px; height:22px; background-position: -252px -180px}
.yy-kz {width:16px; height:16px; background-position: -132px -458px}
.yy-kz.active{width:16px; height:16px; background-position: -0px -459px}
.yy-kzw {width:16px; height:16px; background-position: -66px -458px}
.yy-laba {width:12px; height:14px; background-position: -0px -657px}
.yy-lg {width:16px; height:16px; background-position: -198px -454px}
.yy-lg.active{width:16px; height:16px; background-position: -132px -392px}
.yy-lgw {width:16px; height:16px; background-position: -0px -393px}
.yy-like {width:14px; height:20px; background-position: -262px -587px}
.citemqt .yy-like.active{background-position: -328px -530px}
.yy-like.active{width:14px; height:20px; background-position: -395px -510px}
.yy-likew {width:14px; height:20px; background-position: -198px -520px}
.yy-nu {width:7px; height:4px; background-position: -123px -724px}
.yy-nuh {width:7px; height:4px; background-position: -505px -286px}
.yy-nv {width:7px; height:4px; background-position: -505px -232px}
.yy-pn {width:11px; height:18px; background-position: -0px -721px}
.yy-pn2 {width:11px; height:18px; background-position: -62px -663px}
.yy-pp {width:11px; height:18px; background-position: -124px -656px}
.yy-pp2 {width:11px; height:18px; background-position: -190px -590px}
.yy-ppm2 {width:15px; height:26px; background-position: -330px -454px}
.yy-qql {width:25px; height:26px; background-position: -430px -232px}
.yy-sfb {width:60px; height:50px; background-position: -330px -0px}
.yy-sic {width:20px; height:20px; background-position: -72px -256px}
.yy-sinal {width:33px; height:26px; background-position: -350px -100px}
.yy-so {width:30px; height:32px; background-position: -350px -176px}
.yy-soi {width:9px; height:9px; background-position: -185px -658px}
.yy-soi1 {width:17px; height:14px; background-position: -349px -258px}
.yy-soi2 {width:13px; height:15px; background-position: -459px -542px}
.yy-soi3 {width:11px; height:16px; background-position: -251px -657px}
.yy-sqq {width:60px; height:50px; background-position: -220px -0px}
.yy-ssina {width:60px; height:50px; background-position: -110px -0px}
.yy-stt {width:60px; height:50px; background-position: -0px -0px}
.yy-time {width:20px; height:20px; background-position: -143px -252px}
.yy-tj {width:12px; height:16px; background-position: -128px -590px}
.yy-tjh {width:12px; height:16px; background-position: -128px -524px}
.yy-tj.active{width:12px; height:16px; background-position: -128px -524px}
.yy-tjhs {width:12px; height:16px; background-position: -0px -591px}
.yy-tjw {width:12px; height:16px; background-position: -0px -525px}
.yy-tup {width:9px; height:4px; background-position: -185px -717px}
.yy-tyh {width:33px; height:30px; background-position: -267px -100px}
.yy-tyi {width:37px; height:30px; background-position: -180px -100px}
.yy-tyu {width:42px; height:30px; background-position: -440px -80px}
.yy-tyv {width:43px; height:30px; background-position: -440px -0px}
.yy-ufollowa {width:13px; height:13px; background-position: -389px -643px}
.yy-ufollowa1 {width:13px; height:13px; background-position: -389px -680px}
.yy-ufollowb {width:13px; height:13px; background-position: -455px -607px}
.yy-ufollowc {width:13px; height:13px; background-position: -326px -600px}
.yy-umjt {width:14px; height:21px; background-position: -264px -516px}
.yy-upload {width:16px; height:12px; background-position: -264px -454px}
.yy-uploadb {width:32px; height:22px; background-position: -433px -160px}
.yy-user {width:21px; height:16px; background-position: -72px -190px}
.yy-user2 {width:16px; height:16px; background-position: -310px -700px}
.yy-usms {width:13px; height:13px; background-position: -392px -580px}
.yy-view {width:18px; height:20px; background-position: -281px -252px}
.yy-view.active{width:18px; height:20px; background-position: -213px -252px}
.yy-vieww {width:18px; height:20px; background-position: -0px -257px}
.yy-weibo {width:22px; height:17px; background-position: -0px -190px}
.yy-weixin {width:40px; height:40px; background-position: -0px -100px}
.yy-wz {width:16px; height:16px; background-position: -66px -392px}
.yy-wz.active{width:16px; height:16px; background-position: -472px -476px}
.yy-xl {width:16px; height:16px; background-position: -406px -444px}
.yy-xlh {width:16px; height:16px; background-position: -340px -388px}
.yy-yc {width:16px; height:16px; background-position: -274px -388px}
.yy-yc.active{width:16px; height:16px; background-position: -208px -388px}
.yy-ycw {width:16px; height:16px; background-position: -472px -410px}
.yy-app {width:16px; height:16px; background-position: -360px -700px}
.yy-app.active{width:16px; height:16px; background-position: -440px -700px}
.yy-timeb{width:16px; height:17px; background-position: -220px -700px}
.yy-timeb.active{width:16px; height:17px; background-position: -280px -700px}
.yy-loadding{background:url(../images/loading.gif) no-repeat;width:14px; height:14px; display:inline-block;}
.yy-rotate,.yy-rotatem:hover{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.yy-rotated{transition:transform ease .3s;-webkit-transition:-webkit-transform ease .3s}
#header{ width:100%; height:50px;z-index:9;background:#323436; }
#headerbody{height:50px;}
#hlogo{float:left; width:220px; height:42px; display:block;}
#hlogo img {width:220px; height:42px;}
#hnav{ width:auto; height:50px;float:left; margin-left:20px;}
#hnav li{ width:auto; height:50px; float:left;}
#hnav li a{ padding:0 20px; line-height:50px; display:block;color:#8C8C8C; font-size:14px; transition:background-color ease .3s}#hnav li a:hover{ background-color:#454648;color:#fff;}
#hnav li a.active{ background-color:#4b4d4f;color:#f1f1f1;}
#hnav li.hnavmore a{ position:relative;}
#hnav li.hnavmore .yy-tup{transition:transform ease .3s;-webkit-transition:-webkit-transform ease .3s}#hnav li.hnavmore a span{ left:8px;top:-2px; position:relative;}
#hnav li.hnavmore ul{ padding:0px 0 10px 0;position:absolute; height:auto; width:77px; background:#454648; display:none}#hnav li.hnavmore li{ height:28px; float:left; width:100%;}
#hnav li.hnavmore li a{ height:28px; line-height:30px; font-size:12px; padding:0; text-align:center;}
#hnav li.hnavmore:hover span{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#hnav li.hnavmore:hover a{background-color:#454648;}
#hnav li.hnavmore li a:hover{ color:#fff; background:#6bc30d}
#hnav li.hnavmore:hover ul{ display:block;}
#navuplpad{ margin-left:20px;}
#hnav li#navuplpad a{ background-color:#6bc30d;color:#ffffff;}
#navuplpad a span{ margin-right:8px;}
#hrnav{ float:right;height:50px;background:#323436;}
#soform{ float:left; 0px;}
#soform form{ background:#434649; width:170px; height:32px;}
#soform form input{ float:left;}
#soform form input[type=text]{ line-height:14px; height:14px; color:#8b8d90; padding:9px; width:122px; outline:none}#soform form input[type=submit]{ width:30px; height:32px; cursor:pointer; transition:background-color ease-out .3s}#soform form input[type=submit]:hover{ background-color:#2a2c2e}#likeurl{width:32px; height:32px; display:block; float:left; margin:10px 10px 0 10px; background:#36393B}#likeurl span{ margin-left:9px; margin-top:7px;background-position: -328px -530px; width:16px; height:20px;}
#userpanel{ position:relative; float:left;}
#userimage{ display:block; background:#36393B;width:30px; height:30px;padding:10px;}
#userimage:hover{background:#2a2a2a}#userpanel span#uxx {background:#FF0000;color: #FFFFFF;padding: 1px 2px;position: absolute;right: 0;top: 0;}
#userpanel ul{ width:145px; position:absolute; right:0; display:none;}
#userpanel ul li a{color: #CCCCCC;display: block;height: 30px;line-height: 30px;text-indent: 30px; background:#2a2a2a}#userpanel ul li a span{ color: #FF0000;float: right;margin-right: 15px;}
#userpanel ul li a:hover {background-color: #6BC30D;color: #FFFFFF;}
#userpanel:hover ul{ display:block}
#mulogin{ float:left; margin-top:10px; margin-left:10px;}
#mulogin a{background:#505050;color: #ACACAC;display: block;float:left;font-size: 14px;height: 32px;line-height: 32px;text-align: center;transition: color 0.3s ease-out 0s;width: 70px;}
#mulogin a:hover{color:#fff;}
#mulogin a#muregbtn{ background:#6BC30D; color:#fff;}
#somoreitem{height:20px; width:100%;padding:10px 0;position:fixed; top:110px; z-index:1;background-color: #e3e4e4; display:none}.smiitem{ float:left; margin-right:10px;}
.smiitxt{ line-height:20px; height:20px; padding:0 10px; background:#555759; color:#fff; float:left;}
.smiic{ background:#555759; width:20px; height:20px; float:left; border-left:#e3e4e4 1px solid; cursor:pointer;}
#smiitemclose{ padding-left:10px;border-left:#afb0b0 1px solid;}
#smiitemclose .smiitxt,#smiitemclose .smiic{ background:#afb0b0;}
#smiitemclose .smiic{ border:none;}
#sooptions{ height:40px; width:100%;padding:10px 0;position:fixed; top:50px; z-index:2;background-color: #f7f8f8;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
#socontent{height:40px;}
.soitem{ margin-right:1px; cursor:pointer; width:100px; float:left;}
.soitemlabel{ width:100px; height:40px; line-height:40px;text-align:center; color:#535353;}
.soitemlabeltxt{ margin:0 10px;}
.yy-soi1{ position:relative; top:2px;}
.yy-soi{transition:transform ease .3s;}
.soitemcontent{background:#fff; box-shadow:0 1px 6px rgba(0, 0, 0, 0.2); display:none}#socat .yy-soicon,#socat .soitemcontent li span{top:4px}#socat .soitemlabel{ background: #edeeee;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.11);box-shadow: inset 0 1px 1px rgba(0,0,0,.11)}.soht .soitemcontent{ width:450px; height:auto; padding:20px;box-shadow:0 1px 6px rgba(0, 0, 0, 0.2)}.soht .soitemcontent li{ height:28px; width:90px; display:block; float:left; line-height:28px;}
.soht .soitemcontent li a{height:28px; width:89px; display:block;text-align:center; float:left;}
.soht .soitemcontent li span{ display:inline-block; margin-top:6px; float:left; background:#d9d9d9; height:10px; width:1px;}
.soht .soitemcontent li:nth-child(5n+0) span{ display:none}.soht .soitemcontent a:hover{ background:#686868; color:#fff;}
.soht .soitemcontent a.active{background:#6bc30d; color:#fff;}
.soht .soitemcontent li a{ color:#747474;}
.yy-soi2,.yy-soi3{position:relative;top:3px}#socolors .soitemcontent{ width:300px;}
#socolors li{ position:relative;width:30px; height:24px;}
#socolors li a{transition:all ease .2s;width:30px; height:24px; position:absolute;}
#socolors li a:hover{-webkit-transform:scale(1.4);transform:scale(1.4); z-index:3;}
#socolors li a.active{-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.24), inset 2px 3px rgba(0,0,0,.16); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.24), inset 2px 3px rgba(0,0,0,.16); box-shadow: 1px 1px 2px rgba(0,0,0,.24), inset 2px 3px rgba(0,0,0,.16); border: solid 2px #fff; z-index:2; width:26px; height:20px}#socolors li a.active:hover{transform:scale(1);-webkit-transform:scale(1)}.sotj,.sotj .soitemlabel{ width:126px}.sotj .yy-soicon{ position:relative;top:6px}.sotj .soitemcontent{ width:126px; height:auto;padding:10px 0}.sotj .soitemcontent li{ width:126px; height:34px; float:left; display:block; border-bottom:#e5e5e5 1px solid}.sotj .soitemcontent li:last-child{ border:none;}
.sotj .soitemcontent li span{right:10px; position:relative; top:7px;width:18px;}
.sotj .soitemcontent li span.yy-view{right:11px;}
.sotj .soitemcontent li a{ width:126px; height:34px; line-height:34px; color:#747474; text-align:center; display:block;}
.sotj .soitemcontent li a:hover{ background:#6bc30d; color:#fff;}
.sotj .soitemcontent li a:hover span.yy-all{ background-position: -274px -322px}.sotj .soitemcontent li a:hover span.yy-yc{background-position: -472px -410px}.sotj .soitemcontent li a:hover span.yy-app{background-position: -400px -700px}.sotj .soitemcontent li a:hover span.yy-kz{background-position: -66px -458px}.sotj .soitemcontent li a:hover span.yy-lg{background-position: -0px -393px}.sotj .soitemcontent li a:hover span.yy-wz{background-position: -60px -720px}.sotj .soitemcontent li a:hover span.yy-tj{ background-position: -0px -525px}.sotj .soitemcontent li a:hover span.yy-timeb{ background-position: -250px -700px}.sotj .soitemcontent li a:hover span.yy-like{background-position: -198px -520px}.sotj .soitemcontent li a:hover span.yy-view{background-position: -0px -257px}.sotj .soitemcontent li a:hover span.yy-comment{background-position: -416px -308px}.sotj span.yy-tj,.sotj .soitemcontent li span.yy-tj,.sotj span.yy-tjh,.sotj .soitemcontent li span.yy-tjh,.sotj .soitemcontent li span.yy-timeb{top:4px}.sotj .soitemcontent li a.active{color:#6bc30d}.sotj .soitemcontent li a.active:hover{ color:#fff}.soitem:hover .yy-soi{ transform:rotate(180deg);-webkit-transform:rotate(180deg)}.soitem:hover .soitemcontent{ display:block}#sonews{height:40px; line-height:40px; margin-left:30px; float:left;}
#sonews .yy-laba{ float:left; margin-top:12px; margin-right:18px}#sonewsbody{ float:left; width:535px; height:40px; overflow:hidden; font-size:13px}#sonewsbody li{width:535px; height:20px; line-height:20px; padding:10px 0}#sonewsbody a{ color:#1F8902;margin:0 5px; max-width:150px; height:20px; line-height:20px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display:inline-block; vertical-align:top}#sonewsc{ float:left; width:7px; margin-top:12px; margin-left:20px}#sonewsc .yy-rotate{ margin-top:10px;}
.apptags a{font-size:14px; padding:0 20px; display:block; float:left; width:auto;}
.apptags a:hover{background:#e8e9e9}
.apptags a.active{ background:#686868; color:#fff}
#container{ padding-top:0px;}
#main{ padding-top:0px}#main.nosoo{ padding-top:40px;}
.citem
	{
		width:280px; 
		height:270px;
		margin-bottom:20px; 
		background:#fff;
		float:left; 
		margin-right:20px;
		#margin-left:7px;
		#margin-right:8px;
}
.citem:nth-child(4n){ margin-right:0px;}

.citem.qbm{}
.citem.qbm .citemtop{ height:130px}
.citem.app .citemtop{ height:497px}
.citem.nf{height:225px;}
.citem.jy{ height:450px;}
.citem.bm{width:580px; height:500px}
.citem.nf.app{ height:542px}
.citem.me.app{ height:587px}
.citem.me.like{ height:262px}
.citem.qz{ height:auto;}
.citem .citemtop{width:280px; height:180px; position:relative; display:block;overflow:hidden}
.citem .citemtop img,.citem .citemimg{ width:100%; height:100%;}
.citem .citemtxt{ background:#fff;padding: 10px 20px;position: absolute;width: 240px; height:40px; bottom:-60px; transition:bottom ease .3s}
.citem:hover .citemtxt{ bottom:0}.citem .citemtitle{ width:240px; display:block;color: #000000;font-size: 18px;font-weight:500;height: 22px;overflow: hidden; white-space:nowrap;-o-text-overflow: ellipsis; text-overflow: ellipsis;}
.citem .citemtc{ margin-top:8px; height:20px; line-height:20px;}
.citem .citemtc .yy-time{ width:auto; text-indent:20px; margin-left:-4px; color:#a0a0a0}
.citem .citemtc .ccolor{ float:right; margin-top:8px;}
.citemtc .ccolor a{width: 23px; display: block; height: 4px; border-style:solid; border-width:1px; margin-left:1px; float:left; transition:all ease .2s}
.citemtc .ccolor a:hover{ transform:scale(1.4)}
.ccgray {background:#D3D5D4; border-color:#D3D5D4}
.ccblack {background:#000; border-color:#000}
.ccwhite {background:#fff; border-color:#D3D5D4}
.ccorange {background:#ff7f03; border-color:#ff7f03}
.ccblue {background:#2779a7; border-color:#2779a7}
.ccgreen {background:#4CBF0E; border-color:#4CBF0E}
.ccyellow {background:#ffde00; border-color:#ffde00}
.ccred {background:#f01e1e; border-color:#f01e1e}
.ccpurple {background:#c818fb; border-color:#c818fb}
.ccpink {background:#E9016E; border-color:#E9016E}
.citemtc .ccolor a.ccfull{ background:url(../images/colorful.png); width:25px; height:6px; border:none}
.citemqt{ width:auto; height:22px; padding:12px 20px 8px 20px;}
.citemqt .yy-icon{ height:20px; width:auto; height:20px; line-height:20px; text-indent:25px; margin-right:15px; font-family:Arial; color:#BFBFBF}
.citemqt .yy-tj{ width:16px; height:15px; float:right; margin-right:0; margin-top:3px;}
.citemfoot{ padding-bottom:11px;border-top:#f2f2f2 1px solid; margin-top:3px}
.citemfoot a.citemfimg{ color:#828282; line-height:24px;}
.citemfoot a.citemfimg img{ margin-right:8px;position:relative; top:-1px;}
.citemfoot  span{ margin-left:10px;color:#C0C0C0}
.citemfoot span a{ color:#C0C0C0}
.citemfoot .yy-icon{ margin:0; text-indent:0}
.citemfoot .yy-like{ width:14px; margin-right:2px;}
.citemfoot .yy-comment{ width:16px;}
#citemslide,#citemss li{ width:580px; height:270px; overflow:hidden;position:relative; }#citemss li .cisb{ position:absolute; width:560px; height:50px; padding:10px; background:#fff; bottom:-70px; transition:bottom ease .3s}.citemzl{ display:inline; position:relative}.miniprofile{ position:absolute; width:326px; height:128px; padding:10px; background:#fff; z-index:5;  top:27px; left:-32px; box-shadow:0 1px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.2);transition:opacity ease .3s .1s; -webkit-transition:opacity ease .3s .1s; opacity:0; display:none}.miniprofile:before{ left:45px; top:-8px; transform:rotate(45deg);-webkit-transform:rotate(45deg);background:#FFFFFF;box-shadow: -2px -2px 4px -2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: -2px -2px 4px -2px rgba(0, 0, 0, 0.2);content: "";height: 20px;position: absolute;width: 20px;z-index: -1;}
.miniprofile.right{ left:-120px;}
.miniprofile.right:before{left:135px; }
.miniprofile.bottom{ top:-160px}
.miniprofile.bottom:before{ bottom:-8px; top:auto;transform:rotate(-134deg);-webkit-transform:rotate(-134deg);}
.citemfoot:hover .miniprofile{ display:block;opacity:1}
.citem_qz_user .miniprofile{ left:0px}
.citem_qz_user .citemfrt{background:#fff;}
.citemfoot div.hbzl-s3{ float:right; margin:0}
.citemfoot div.hbzl-s3 a{ margin-right:0; width:64px; margin-top:-2px; border:#f2f2f2 1px solid; background:#fff; -moz-box-sizing:border-box}
.citemfoot div.hbzl-s3 a span{color:#adadad}
.citemfoot div.hbzl-s3 a:hover{ background:#6BC30D; border-color:#6BC30D; color:#fff}
.citemfoot div.hbzl-s3 a:hover .yy-icon{background-position: -389px -643px}
.citemfoot div.hbzl-s3 a:hover span{color:#fff}
.citemfrt.citemqth{ color:#fff; font-size:14px; background:#6bc30d; border-top:none}
.mnphead div{ float:left; margin-left:10px; width:266px}.mnphead div span{ line-height:24px; height:24px;}
.mnps-1,.mnps-2,.mnps-3{ display:inline-block; float:left;}
.citemfoot span.mnps-1{ font-size:14px; color:#000; margin-left:0;}
.citemfoot span.mnps-2{ font-size:12px; color:#a8a8a8; }
.mnps-1,.mnps-2{width:80px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.citemfoot span.mnps-3{ font-size:12px; color:#a8a8a8;float:right; margin-left:0}
.citemfoot span.mnps-3 span{ color:#1f8902; margin-left:0 }
.mnpbody{ margin-top:10px;}
.citemfoot .hbzl-s3{ margin-top:26px;}
.citemfoot .hbzl-s3 span{color:#fff; text-indent:0; margin-left:0}
.citemfoot .hbzl-s3 span.yy-icon{  margin:0 5px 0 0;width:13px; height:13px; float:none;}
.mnpbody a{ width:105px; height:68px; display:block; float:left; margin-right:5px; position:relative; background:#F0F0F0}.mnpbody a div{ width:105px; height:68px; background:rgba(255,255,255,0); position:absolute; left:0; top:0;}
.mnpbody a:hover div{background:rgba(255,255,255,.3); transition:background ease .3s}
.mnpbody a:last-child{ margin:0}.cisu{ width:80px; margin:0 10px}
.cisu a{ width:80px; display:block; font-size: 12px;height: 22px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#535353}
.cisu a.cisuc{ font-size:12px; color:#6BC30D;}
.cisc a{font-size: 14px;font-weight: 700;height: 29px;line-height: 28px; color:#535353}
.cisc p{height: 21px;line-height: 19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:410px;}
#citemss li:hover .cisb{ bottom:0}
#citemslide .slidecon{ position:absolute; width:25px; height:45px;text-align:center;top:110px; background-color:rgba(0,0,0,.5); transition:left 0.3s ease-out,right 0.3s ease-out,background-color 0.3s ease-out;}
#citemslide .slidecon span{ margin-top:12px;}
#citemslide .slidecon:hover{background-color: #6bc30d;}
#citemslide .slideprev{ left:-25px}
#citemslide .slidenext{ right:-25px;}
#citemslide:hover .slideprev{ left:0px}
#citemslide:hover .slidenext{ right:0px}
#listcontent .citem:nth-child(6n){ margin-right:0}
.citemtxt_jy{padding: 24px 20px 10px 20px;}
.citemsummary{ font-size:13px; color:#999999; line-height:24px; margin-top:10px; height:120px; overflow:hidden}
.citem.qz .citemtxt_jy{ padding-top:0}.citem.qz .citemsummary{ margin:0;}
#listcontent .citem.bm:nth-child(3n){ margin-right:0}
.citem.bm .citemtop{width:580px; height:270px;}
.citem.bm .citemtitle{ width:540px;}
.citem.bm .citemsummary{ height:90px;}
.citem.qz.masonry-brick{ margin-right:0px;}
.citemfrt{ background:#f8f8f8; margin-top:0; position:relative}
.citemfrt span.cfrtn{ margin-left:0; color:#828282; line-height:24px}
.citemfrt a.cfrtlc{ display:none;color:#1F8902;line-height:24px}
.citemfrt:hover span.cfrtln{display:none}
.citemfrt:hover a.cfrtlc{display:inline-block}
.citemfrt .cfrtcc{ position:absolute; top:46px; left:-10px; width:auto; height:auto; line-height:20px;-webkit-box-shadow: 0 2px 9px rgba(0,0,0,.15);box-shadow: 0 2px 9px rgba(0,0,0,.15);padding:10px 20px; background:#ffffff; z-index:5; display:none; min-width:260px; border-radius:1px}
.citemfrt .cfrtcc:before{ right:34px; top:-5px; transform:rotate(45deg);-webkit-transform:rotate(45deg);background:#FFFFFF;box-shadow: -2px -2px 4px -2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: -2px -2px 4px -2px rgba(0, 0, 0, 0.2);content: "";height: 10px;position: absolute;width: 10px;z-index: -1;}
.citemfrt:hover .cfrtcc{display:block}#listloading{padding-top:20px; height:40px; width:100%; background:rgba(255,255,255,1); text-align:center;}
#listloading img{ float:none; width:16px; height:16px; margin-right:20px;}
#listloading span{ font-size:14px; position:relative; top:-3px;}
#pages{ margin-bottom:40px; height:36px;}
#pages span{ float:left; margin:0 18px 0 13px; line-height:28px;}
#pages a{ width:36px; height:36px; background:#fff; display:block; color:#a9a9a9; line-height:36px; text-align:center; font-family:Arial; float:left; margin-right:5px;transition:background-color 0.2s ease-out}#pages a#pageactive{ background:#70ca10;color:#fff;}
#pages a:hover{ background:#969696; color:#fff;}
#pageprev span{position:relative; top:8px}
#pagenext span{position:relative; top:8px}
.imitem{ width:580px; height:300px; background:#fff; margin-top:20px; margin-bottom:0px; margin-right:20px;#margin-right:5px;#margin-left:5px; float:left;}
.imitem:nth-child(3n+0){ margin-right:0}
.imhead{ height:60px; border-bottom:#f0f1f1 1px solid; text-indent:18px; line-height:60px; font-size:18px; color:#6b6b6b}
.immore{ height:60px; width:99px; display:block; float:right; line-height:60px; text-align:center; font-size:14px; color:#7e7e7e; border-left:#f0f1f1 1px solid; text-indent:0}
.ituihuo{ padding:20px;}
.ituihuo li{ width:270px; height:50px; margin-bottom:20px; float:left;}
.ituihuo li .ithimg{ width:50px; height:50px; float:left;}
.ituihuo li  div{ margin-left:15px; float:left; margin-top:3px;}
.ituihuo li  div a{ color:#696969; font-size:14px;}
.ituihuo li  div p{ font-size:12px; color:#aaaaaa; margin-top:3px;}
.cmitem{ width:1180px; height:3000px; background:#fff; margin-top:20px; margin-bottom:0px; margin-right:20px; float:left;}
.cmituihuo{ padding:0px;}
.cmituihuo li{ width:1180px; height:180px; margin:20px 0px 0px 0px; float:none;}
.cmituihuo li .ithimg{ width:50px; height:50px; float:left;}
.cmituihuo li  div{ margin-left:15px; float:left; margin-top:3px;}
.cmituihuo li  div a{ color:#696969; font-size:14px;}
.cmituihuo li  div p{ font-size:12px; color:#aaaaaa; margin-top:3px;}
.reitem{ width:580px; height:680px; background:#fff; margin-top:20px; margin-bottom:40px; margin-right:20px; #margin-left:5px; #margin-right:5px; float:left;}
.reitem:nth-child(2n){ margin-right:0}
.rehead{ height:60px; border-bottom:#f0f1f1 1px solid; text-indent:18px; line-height:60px; font-size:18px; color:#6b6b6b}
.remore{ height:60px; width:99px; display:block; float:right; line-height:60px; text-align:center; font-size:14px; color:#7e7e7e; border-left:#f0f1f1 1px solid; text-indent:0}
.release { padding:20px;font-size:14px;}
.release li{ width:540px; height:130px; margin-bottom:20px; float:left;}
.release li .redetail{ width:540px; float:left;line-height:24px;}
.release li .reimg{ width:122px; height:122px; float:left;}
.release li .applyimg{ width:80px; height:24px;}
.release li .applydisableimg{ width:80px; height:24px;}
.release li .startimg{margin-left:10px;width:48px; height:24px;}
.release li .finishimg{margin-left:10px; width:48px; height:24px;}
.release li .retext{ margin-left:15px; float:left; margin-top:3px;float:left;}
.release li .retitle{ color:#696969; font-size:18px;}
.release li  a{ color:#696969;}

.prreitem{ width:1180px; height:680px; margin-top:20px; margin-bottom:40px;}
.projectlist { width:1180px;font-size:14px;}
.projectlist li{ width:580px; height:160px; float:left;background:#fff; float:left;}
.projectlist li:nth-child(2n){ width:580px; height:160px;margin:0 0 0 20px;}
.projectlist li .redetail{ width:540px; float:left;line-height:24px;margin:20px;}
.projectlist li .reimg{ width:122px; height:122px; float:left;}
.projectlist li .applyimg{ width:80px; height:24px;}
.projectlist li .applydisableimg{ width:80px; height:24px;}
.projectlist li .startimg{margin-left:10px;width:48px; height:24px;}
.projectlist li .finishimg{margin-left:10px; width:48px; height:24px;}
.projectlist li .retext{ margin-left:15px; float:left; margin-top:3px;float:left;}
.projectlist li .retitle{ color:#696969; font-size:18px;}
.projectlist li  a{ color:#696969;}

.infoitem{ width:1180px; height:830px; margin-top:20px; margin-bottom:40px;}
.infolist { width:1180px;font-size:14px;}
.infolist li{ width:580px; height:160px; float:left;background:#fff; float:left;margin:20px 0px 0px 0px;}
.infolist li:nth-child(2n){ width:580px; height:160px;margin:20px 0 0 20px;}
.infolist li .redetail{ width:540px; float:left;line-height:24px;margin:20px;}
.infolist li .reimg{ width:162px; height:122px; float:left;}
.infolist li .applyimg{ width:80px; height:24px;}
.infolist li .applydisableimg{ width:80px; height:24px;}
.infolist li .startimg{margin-left:10px;width:48px; height:24px;}
.infolist li .finishimg{margin-left:10px; width:48px; height:24px;}
.infolist li .retext{ margin-left:15px; float:left; margin-top:3px;float:left;width:363px;}
.infolist li .retitle{ color:#696969; font-size:18px;font-weight:bold;}
.infolist li  a{ color:#696969;}

#imacc{ float:right; text-indent:0}
#imacc a{ width:70px; height:60px; display:block;float:left; text-align:center; border-left:#f0f1f1 1px solid}
#imacc a span{ position:relative; top:18px;}
#imacc a:hover{ background:#969696}
#imacc a:hover .yy-ap{width:12px; height:23px; background-position: -452px -670px}
#iwz{ margin:20px;}
#iwz li{ width:540px; height:180px;}
#iwz li div{ margin-left:20px; float:left; width:230px;color:#B3B3B3; margin-top:10px;}
#iwz li div a{ display:block; color:#515050; font-size:16px; width:220px; white-space:nowrap; text-overflow: ellipsis; height:30px; line-height:30px;overflow:hidden;}
#iwz li div span{ font-family:Arial; font-size:12px; display:block}#iwz li div p{ font-size:12px; margin-top:15px; color:#7d7d7d; line-height:24px;width:230px; height:100px; overflow:hidden;}
#inewsh{ width:530px; height:45px; padding:25px; background:#fff; border-bottom:#f0f1f1 1px solid;}
#inewsdate span{background:url(../images/date.png) no-repeat;display: block;float: left;height: 50px;margin-left: 2px;width: 40px; transition:background-position ease-out .5s}#inewsdate span#igdline{background-position:0 -500px}#inewstitle{ margin-left:25px; float:left;}
#inewstitle p{ color:#757575; font-size:16px}#inewstitle p#inewtd{font-size:22px}#inewstitle p#inewtd span{ font-family:Arial;}
#inewsc{ margin-top:5px}#inewsc a{ display:block; width:40px; height:40px;background:#e8e8e8; float:left;margin-left:1px; line-height:40px; text-align:center;}
#inewsc a:hover{ background:#969696}#inewsc a span{ margin-top:10px;}
#inewsb,#inewsb ul,#inewsb li{width:530px; height:150px; overflow:hidden;}
#inewsb{ margin:25px;}
.inewstitle{font-size: 16px;color:#535353;}
.inewsbody {color: #939292;font-size: 12px;height: 60px;line-height: 24px;overflow: hidden;margin-top: 30px; height:75px;}
#ijob{ margin-top:15px}#ijob li{ width:100%; height:70px;}
.iji1{ width:10px; height:70px; float:left; display:block;}
.iji2{ margin-left:30px; width:54px; height:42px; padding-top:3px; float:left;}
.iji3{ font-size:36px; color:#9d9d9d; font-family:Arial;}
.iji4{ font-size:12px; color:#515050; font-family:Arial;}
.iji5{ float:left; padding-top:10px; margin-left:18px}.iji5 a{ color:#515050; font-size:14px; height:30px; line-height:30px;}
#ijob li:hover{ background:#f6f7f7;}
#ijob li:hover .iji1{ background:#515050;}
.imitemtwo{ background:none}.imiwiki{ width:280px; height:100%; float:left; margin-right:20px; background:#fff}.imiwiki+.imiwiki{ margin-right:0}.imiwiki img{  float:none}.imiwiki div{ padding:25px}.imiwiki div a{ font-size:16px; color:#535353}.imiwiki div p{ color: #939292;font-size:12px;height: 60px;line-height: 20px;overflow: hidden; margin-top:30px}.imitemad{ height:130px;}
#links{ padding:20px 30px; background:#fff; margin:10px 0 50px 0;line-height:24px}#links span{ color: #3E3E3E;margin-right: 10px;}
#links a{ color:#949494; margin-right:20px; }
#footer{ margin:20px 0 0 0; background:#222324; width:100%; height:60px; padding:20px 0; color:#8E8E8E}
#flinks a{color: #CECECE;font-size: 14px; margin-right:40px; height:20px;}
#flinks a.yy-weibo{vertical-align: middle; height:20px;}
#banquan{ color:#8E8E8E; font-family:Arial; margin-top:22px;}
#banquan a{ color:#70CA10;}
.projectblock{ background:#fff; margin-bottom:20px;border-top:1px solid #fff;}
#czslide{ position:relative;}
#czslide,#czslide ul,#czslide li{width:1140px; height:560px; overflow:hidden;}
#czslide .slidecon{ position:absolute; width:70px; height:80px;text-align:center;top:240px; background-color:rgba(0,0,0,.5); transition:left 0.3s ease-out,right 0.3s ease-out,background-color 0.3s ease-out;}
#czslide .slidecon span{ margin-top:28px;}
#czslide .slidecon:hover{background-color: #6bc30d;}
#czslide .slideprev{ left:-75px}#czslide .slidenext{ right:-75px;}
#czslide:hover .slideprev{ left:0px}#czslide:hover .slidenext{ right:0px}.projectbi{ margin-top:30px;}
#projectba{ margin-top:20px;}
#projectba a{ float:left; display:block;margin-right:10px;width:60px; height:50px;transition:background-color ease .3s}
#projectba a.pvlbtn{ width:280px;text-align:center; font-size:14px; color:#fff; line-height:50px; margin-right:10px}
.pvlbtn .yy-icon{top:4px; position:relative; right:10px}
#plike .yy-icon{ top:6px}
#pview{ background-color:#6bc30d;}
#plike{ background-color:#FF8A00;}
#plike.active{ background-color:#dddddd;}
.pvshare{ background-color:#dddddd;}
.pvshare.yy-ssina:hover{background-color:#D63B22;}
.pvshare.yy-sqq:hover {background-color:#3EB0D8;}
.pvshare.yy-stt:hover {background-color:#31C1EB;}
.pvshare.yy-sfb:hover {background-color:#39599F;}
#prenqi{ font-size:48px; color:#535353}#prenqi span{ font-size:14px; margin-right:10px;}
.pcbitem{ margin-right:15px}#pcbtitle{ color:#7e7e7e; font-size:28px;}
#pcbau a{ color:#1f8902 ;}
#projectbb .yy-time{ width:auto; text-indent:20px; height:22px; line-height:22px; position:relative; top:1px;}
#pcbbc{ margin-top:5px; line-height:24px; color:#848484; font-size:13px;}
#pcbbc span{ color:#373737;}
.pctiem{ margin-bottom:12px;}
.pctiem span{ margin-right:10px;}
.pctiem a:first-of-type{ margin-left:10px;}
.pctiem a{ width:40px; height:10px; display:inline-block;}
#pcolor a{ border-width:1px; border-style:solid;height:8px;}
#ptags span{ margin-right:8px}#ptags a {background:#EDEDED;display:inline-block;height: 25px;line-height: 25px; color:#838383;padding: 0 10px;transition: background-color 0.3s ease-out 0s; width:auto;}
#ptags a:hover {background:#65686A;color: #FFFFFF;}
#puinfo{ width:auto; height:50px;margin:20px 10px 30px 10px;}
#puinfo #puinfobody{float:left}#puinfobody h3{color: #8C8C8C;font-size: 24px;font-weight: 500;}
.puinfoBewrite{width:auto; height:auto;margin:0px 10px 30px 10px;}
#puinfobody p{ color:#989898; line-height:20px}#puinfobody p a{ margin-left:5px;color: #1F8902;}
#puinfobody p span{ width:auto; text-indent:20px; line-height:20px; vertical-align:top}#plicense{color: #D86B01;height: 60px;line-height: 60px;}
#usertx{ position:relative; float:left; width:70px}.usermetas{ width:290px; height:74px; padding:15px; background:#fff; position:absolute; left:65px; top:-35px;box-shadow: 0 3px 5px rgba(0,0,0,.2); opacity:0; transform:scale(0);-webkit-transform:scale(0); transform-origin:0 50%;-webkit-transform-origin:0 50%;transition:transform ease .3s,opacity ease .3s;-webkit-transition:all ease .3s;}
#usertx:hover .usermetas,.usermetas.active{  transform:scale(1); -webkit-transform:scale(1); opacity:1;}
.usermetas p{text-overflow: ellipsis;white-space: nowrap;width:100%; overflow:hidden; height:20px; line-height:20px; color:#a8a8a8; font-size:12px; }.usermetas div{ margin-top:10px;}
.umname{ font-size:14px; color:#000; margin-right:10px}.ufwsms{ display:block; width:80px; height:24px; text-align:center; color:#fff; line-height:24px; background:#505152; float:left; margin-right:10px;}
.ufwsms .yy-icon{ position:relative; top:2px; margin-right:5px;}
.ufwsms .yy-ceditw{ top:4px;}
.ufollowa{ background:#6bc30d;}
.ufollowb{ background:#ff8400;}
.ufollowc{ background:#cccccc;}
.usermetas .yy-umjt{ position:absolute; left:-14px; top:40px;}

#bannerstylea{ margin-top:0px;}
#bannerstylea li{ text-align:center; width:100%; margin-bottom:10px;}
#bannerstylea a{background:url(../images/loadlogo.png) no-repeat center; display:block;}
#bannerstylea img {margin:0 auto; #margin-top:20px;float:left; display:block; max-width:100%; height:auto;}
#bannerstyleabody{ line-height:24px; font-size:14px; color:#595959}
span{ white-space:normal}
#bannerastyleabody a{ color:#6bc30d;}
#bannerastyleabody img{ float:none; margin:0 auto;}
#bannerafoot{ margin-top:30px}
#bannerafoot #plike{color: #FFFFFF;display: block;font-size: 14px;height: 50px;line-height: 50px;text-align: center;width: 100%; margin-bottom:20px;}
#bannerafoot #plike .yy-likew{top:6px; position:relative; right:5px}#wholike{ background:url(../images/like.gif); width:77px; height:50px; display:block; float:left;}

#projectpost{ margin-top:10px;}
#projectpost li{ text-align:center; width:100%; margin-bottom:10px;}
#projectpost li a{background:url(../images/loadlogo.png) no-repeat center; display:block;}
#projectpost li img {margin:0 auto; float:none; display:block; max-width:100%; height:auto;}
#projectposta{ margin-top:10px;}
#projectposta li{ text-align:center; width:100%; margin-bottom:10px;}
#projectposta li a{}
#projectposta li img {margin:0 auto; float:none; display:block; max-width:100%; height:auto;}
#projectposta .prtext {width:14px; height:20px;}
#projectpostbody{ line-height:24px; font-size:14px; color:#595959}
span{ white-space:normal}
#projectpostbody a{ color:#6bc30d;}
#projectpostbody img{ float:none; margin:0 auto;}
#projectfoot{ margin-top:30px}#projectfoot #plike{color: #FFFFFF;display: block;font-size: 14px;height: 50px;line-height: 50px;text-align: center;width: 100%; margin-bottom:20px;}
#projectfoot #plike .yy-likew{top:6px; position:relative; right:5px}#wholike{ background:url(../images/like.gif); width:77px; height:50px; display:block; float:left;}
#likeuser{ margin-left:80px; height:auto;}
#likeuser a{float:left;height:50px;margin-right: 10px;width: 50px;margin-bottom: 10px}#projecttcs{ margin-top:40px;}
#pxgheader{ height:30px; line-height:30px; font-size:16px; margin-bottom:20px;}
#pxgheader a{ width:30px; height:30px; float:left; background:#e8e8e8; text-align:center; margin-left:1px;transition:background-color ease .3s}#pxgheader a:hover{background-color: #969696;}
#pxgheader a span{ margin-top:6px}#pxgslide{width:1138px; max-width:100%; height:180px; overflow:hidden;}
#pxgslide ul{ min-width:1144px;}
#pxgslide li{ margin-right:6px; width:280px; height:180px; float:left;}
#comment{height:auto; width:100%;}
.cpraise{ float:right; color:#1F8902; cursor:pointer}.cpraise.active{ color:#929292;cursor:default}#cmhead p{ height:30px; line-height:30px; margin-bottom:10px}#cmhead a{color:#1F8902}a#cm-s1{ color:#989898;}
#postcm,.cmitembody{width:auto; height:auto; margin-left:70px;}
.textbg{height:73px;border:#dae2e5 1px solid;border-right:none; padding:5px; width:auto; margin-right:119px;}
#comment textarea{ width:100%; height:100%;resize:none; border:none; font-size:12px; font-family:微软雅黑,Arial; color:#818181}#postcm a#postmbtn{ width:124px; height:85px; display:block; background:#aeaeae; float:right; line-height:85px; text-align:center; color:#fff; font-size:16px; transition:background-color ease .3s}#postcm a#postmbtn:hover{ background:#70ca10}#cm-s2{ height:55px; line-height:55px; font-size:14px}.cm-s3{ margin:0 8px;}
.cm-s4 a{margin-right:10px;}
.cmitem{ padding:20px 0px;border-top:#dae2e5 1px solid; height:auto}.cmitembody{ height:auto;}
.cmitembody p{ line-height:22px; width:100%}.cmitembody p a{color:#1F8902}.cmitembody p.cm-s6{ margin:10px 0; line-height:26px;}
.cmitembody p.cm-s6 img{ float:none; display:inline-block; vertical-align:top}.cmitembody p a.cm-s5{ color:#ff7800; margin:0 5px; visibility:hidden}.cmitem:hover .cm-s5{ visibility:visible}.postquotes{ background:#f4f4f4; padding:10px; color:#b1b1b1}.postquotes img{ float:none;}
.postreply{ width:100%; height:auto; display:none; margin-top:10px;}
.postreply .textbg{border-right:#dae2e5 1px solid;margin-right:0;}
.postreply a.submitbtn{ width:124px; height:30px; float:right; margin-top:12px; display:block; text-align:center; color:#fff; font-size:14px; line-height:30px;background:#aeaeae; float:right;transition:background-color ease .3s}.postreply a.submitbtn:hover{ background:#70ca10}.postreply .postbq{ float:left;}
.postreply .submitwarning{margin-top:10px; float:left;}
a#pagemore,a#pxgmore{ width:100%; height:35px; text-align:center; line-height:35px; display:block; float:left;margin:20px 0; font-size:14px; background:#c8c8c8; color:#fff;transition:background-color ease .3s}a#pxgmore{ margin-bottom:10px;}
a#pagemore:hover{ background:#666}#pages a#pagemore{ margin:0}#designerscontent{ margin-bottom:40px;}
#designerscid{ border-bottom:#dedede 1px solid; height:50px; margin-bottom:20px}#designerscid li{ width:150px; height:50px; line-height:50px; float:left; text-align:center; position:relative; top:-1px}#designerscid li.active{border-bottom:#6bc30d 3px solid;}
#designerscid li a{ display:block; color:#5d5d5d; font-size:18px;}
#dcidmore .yy-icon{ position:relative; margin-left:10px; top:-5px;}
#dcidmore:hover{ background:#fff;box-shadow: 0 3px 5px rgba(0,0,0,.2);}
#dcidmore:hover .yy-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#dcidmore:hover div{ display:block;}
#dcidmore div{background:#fff;box-shadow: 0 3px 5px rgba(0,0,0,.2); display:none}#dcidmore div ul{ padding:10px 0}#dcidmore div ul li{ width:150px; height:28px; line-height:28px; }#dcidmore div ul li a{text-align:left; text-indent:24px; font-size:12px; color:#707173;transition:background-color ease .3s}#dcidmore div ul li a span{ width:3px; height:28px; background:#fff; display:inline-block; float:left; transition:background-color ease .3s}#dcidmore div ul li a:hover{ background:#efefef;}
#dcidmore div ul li a:hover span{background:#6bc30d}.designersitem{ width:1140px; height:120px; background:#fff; float:left; display:block; padding:20px; border-bottom:#f0f1f1 1px solid}.sjlinfo{ margin-left:20px;}
.sjlinfo p{line-height:24px; height:24px}.sjl-s2 span{ float:left}.ducitys{ max-width:180px; height:auto; overflow:hidden; display:inline-block;white-space: nowrap;text-overflow: ellipsis; }.sjl-s1{ color:#737373; font-size:18px; margin-top:5px}.sjl-s2 .yy-icon{margin-right:10px; position:relative; top:3px;}
.sjl-s2 .yy-renqi,.sjl-s2 .yy-user{ margin-left:20px;}
.sjl-s4{ margin-top:20px;}
.sjr{ margin-top:5px;}
.sjr a{ margin-right:10px; width:171px; height:110px; display:block; float:right; background:#f0f0f0}.sjr a#sjgmore{ width:42px; margin-right:0; border:#6bc30d 1px solid; transition:background-color ease .3s;background:#ffffff; float:right;}
.sjr a#sjgmore span{ position:relative; left:10px; top:49px;}
.sjr a#sjgmore:hover{ background:#6bc30d}.sjr a#sjgmore:hover .yy-jjb{width:22px; height:22px; background-position: -180px -180px}#designerscontent #pages{ margin:40px 0}#postcontent{ max-width:1000px; height:auto; background:#F7F8F8;}
#postslider{ width:260px; float:right; height:400px;}
#postmain{ width:auto; margin-right:260px;background:#fff;box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.1);}
#postmain #projectbb{ padding:20px; width:auto;}
.postbq{ height:16px; margin-top:10px; position:relative;width:16px; height:16px;}
.postbq:hover .postbqbody{ display:block;}
.yy-xl{cursor:pointer;}
.postbqbody{ position:absolute;width:210px; height:auto; display:none }.postbqbody ul{ margin-top:10px;background:#fff;padding:20px; width:210px; height:auto;box-shadow: 0 4px 16px rgba(0,0,0,.13);}
.postbqbody li{ float:left; width:30px; height:30px; position:relative;}
.postbqbody li a{ width:29px; height:29px;border:#e1e1e1 1px solid; display:block; transition:border-color ease .3s}.postbqbody li a img{ margin:1px; width:28px; height:28px}.postbqbody li a:hover{ border-color:#6BC30D; position:absolute; z-index:2}#homeheader{ height:161px;padding-top:50px;border-bottom:#dedede 1px solid; background:#fff;}
#hbzlinfo{ margin-left:15px;}
.hbzl-s1{ color:#8c8c8c; font-size:24px; line-height:24px;}
.hbzl-s1 .yy-icon{ margin:0 10px}.hbzl-s1 a{ font-size:12px; color:#1f8902;}
.hbzl-s11{font-size:12px; color:#707173;}
.hbzl-s2{ color:#939393; width:700px; height:20px; overflow:hidden}.hbzl-s2 .yy-icon{ margin-right:5px; position:relative; top:3px;}
.hbzl-s3{ margin-top:10px;}
#hbzl2{ float:right; width:230px}.hbzl-s4{ color:#707173;}
.hbzl-s4 .yy-icon{ margin-right:10px; position:relative; top:4px;}
.hbzl-s4 .yy-user2{ margin-left:10px;}
.hbzl-s4 .hbzl-s4t{ color:#1f8902; font-size:14px}.hbzl-s4 .hbzl-s4tb{ font-size:36px}#twomenu{ margin-top:16px;}
#twomenu li{ width:150px; height:64px; line-height:65px; float:left; text-align:center;}
#twomenu li.active{border-bottom:#6bc30d 3px solid;}
#twomenu li a{ display:block; color:#5d5d5d; font-size:18px;}
#hbwork { width:900px; float:left;}
#hbwork .citemfoot a{margin-right:10px; color:#1f8902; font-size:12px;float:right; line-height:16px; height:16px; text-indent:25px; }#hbwork .citemtop  a{ position:relative;}
#hbwork .citemtop  a div{color:#ffffff; background:#ff0000; font-size:14px; height:40px; line-height:40px; width:280px; position:absolute; top:70px;  text-align:center;}
#hblh{ float:right; width:230px; height:auto;}
.hblhtitle{ height:20px; line-height:20px; font-size:18px; width:100%; color:#000}.hblhtitle a{ float:right; font-size:12px; margin-right:20px;}
.hblhbody{padding-top:15px; border-top:#dfe5e8 1px solid;border-bottom:#dfe5e8 1px solid; margin:20px 0}.hblhbody li{ width:50px; height:90px; overflow:hidden; float:left; margin-right:10px; margin-bottom:15px}.hblhbody li:nth-child(4n){ margin-right:0}.hblhbody li p{ line-height:18px;width:50px; height:18px; overflow:hidden;font-size:12px;text-overflow: ellipsis;white-space: nowrap; color:#c7c7c7; float:left;}
.hblhbody li p.hblh-s1{ margin-top:5px; color:#565656}#bgmask{ position:fixed; width:100%; height:100%; top:0; background:#000; z-index:998; display:none;}
#userlogin{ width:440px; height:490px; position:fixed; top:-550px; left:50%;margin-left:-220px;background:#fff; z-index:999; overflow:hidden;}
#ulpanel{ width:340px; margin:60px auto 0 auto;}
#ulpanel p,#ul-s5{ float:left; width:100%;}
#ul-s1 a{ color:#ff4200;}
#ul-s2{ color:#292929; font-size:30px; float:left;}
#ul-s3{ float:right; color:#707070; font-size:18px; position:relative; top:14px}#ul-s4{ font-size:14px; color:#292929; margin-top:15px; height:20px;}
.inputtxt2{ height:40px; width:340px;border:#dae2e5 1px solid;line-height:42px; color:#979696; margin-top:10px; text-indent:10px; font-family:"微软雅黑",Arial; transition:border-color ease .3s}.inputtxt2:focus {border-color: #FF9600;}
#loginpw { position:relative; float:left;}
#loginpw .pwdtips{ position:absolute; top:23px; left:10px;height:32px; width:340px; color:#979696}#ul-s5{ margin-top:20px; position:relative;}
#sendlogin{ background:#70ca10; width:130px; height:40px; display:block; color:#fff; font-size:24px; line-height:40px; text-align:center; float:left;font-family:"微软雅黑",Arial; cursor:pointer;}
#ul-s5 div{ float:left; margin-left:30px; margin-top:12px;}
#ul-s5 div label{ margin-left:5px;}
#ul-s6{ float:right; line-height:40px; color:#353535;}
#ulline{ width:100%; height:1px; border-bottom:#ecf2f5 1px solid; float:left; margin-top:24px; margin-bottom:8px;}
#qtpanel{width:340px; margin:0 auto;}
#qtpanel p{ height:56px; line-height:56px;}
#qtpanel a{ width:160px; height:40px; display:block; float:left; line-height:40px; text-align:center; color:#fff;}
#qtpanel a span{ display:inline-block; position:relative; right:12px; top:8px;}
#qtpanel a#sinal{ background:#d63b22;}
#qtpanel a#qql{ background:#3eb0d8; margin-left:20px}#culp{ width:16px; height:16px; display:block; position:absolute; right:20px; top:20px; background:#fff;}
#culp a div{background:#7c7c7c}.submitwarning {background:#FF7200;color: #FFFFFF;font-size: 12px;height: 20px;line-height: 20px;margin-left: 14px;padding: 0 4px;text-align: center; display:none}.submitloading{ background-color:rgb(255,255,255); opacity:.8; background-position:center;height: 40px;left: 0;position: absolute;top: 0;width: 130px; display:none;}
.inputmust{ color:#ff0000}.pnitem{ padding:10px 50px; border-bottom:1px solid #ECF2F5; font-size:14px; color:#757575; min-height:40px;}
.pnitem .pnlabel{ width:90px;display:inline-block;float:left; height:40px; line-height:40px;}
.pnitem .pnlabel span{ width:10px; display:inline-block}.pnitem input,.pnitem textarea{font-family:"微软雅黑",Arial;color:#757575;}
.pnitem input.inputtxt{ height:20px; line-height:20px; padding:10px 0; border:#DBE2E6 1px solid; width:500px; text-indent:10px;}
.pnitem textarea{width:750px; height:90px;border:#dbe2e6 1px solid; resize:none; padding:5px;}
#postnew{ background:#fff; margin-bottom:40px; padding-bottom:38px;}
#pntitle{ font-size:30px; height:70px; line-height:70px;}
#pntitle span{font-size:12px; margin-left:40px; }#postbtn,#removebtn{  background:#70CA10;color: #FFFFFF; display:inline-block;height: 40px;line-height: 40px;text-align: center;width: 120px; float:left;}
#removebtn{ background:#bbbbbb}#pnfoot{ margin-left:140px; margin-top:40px; height:40px;line-height: 40px;}
#loadedmsg{ float:left; margin-left:10px; font-size:13px; display:none}#loadedmsg a{ color:#1F8902}#simagebody{ display:none}.imgup{ margin-left:90px;}
#simgarea{ background:url(../upload/simgarea.jpg); width:280px; min-height:180px; float:left;}
#simgqueue,#imgqueue,#imagelist{ margin-top:10px;}
#simageupload{ margin-left:30px; margin-top:60px; float:left;}
#imageupload{ line-height:40px;}
#imageupload .uploadifive-button{ float:left; margin-right:20px;}
.imageitem a.viewimg{cursor:move;}
.imageitem textarea{ height:68px; margin-left:20px;}
#bmslide{ height:360px; width:100%;}
#bmslide img{ float:none; margin:0 auto; width:1140px; display:block; height:360px;}
#bmheader{ margin:30px auto; }#bms-1{ margin-left:22px; margin-top:-18px;}
#bms-1-1{ color:#777777; font-size:24px; height:56px; line-height:56px;}
#bms-1-1 span{ color:#ff8a00; font-size:48px; margin-left:14px;}
#bms-1-2{color:#9b9b9b; font-size:14px;}
#bms-1-2 span{color:#ff8a00; }#designerscid li#bms-2{ float:right;width:270px;}
#designerscid li#bms-2 a{ width:270px; height:51px; line-height:50px; text-align:center; display:block; color:#fff; background:#ff8a00; font-size:18px}#bms-2 .yy-uploadb{ position:relative; left:20px; top:12px;}
#bms_2{ color:#777777; font-size:24px; margin-top:10px; font-weight:bold}#bms_3{ margin-top:25px;}
.bms_3i{ width:370px; height:125px; float:left; margin-right:22px}.bms_3i_a{ width:125px; height:125px; float:left;}
.bms_3i_a img{border-radius:62px;}
.bms_3i_b{ margin-left:20px; float:left; width:225px;}
.bms_3i_b_1{ font-size:18px; color:#000; margin-top:10px;}
.bms_3i_b_1 span{ font-size:12px; color:#6e6e6e; margin-left:15px}.bms_3i_b_2{ margin-top:15px; color:#6e6e6e;font-size:12px; line-height:20px; margin-bottom:5px;}
#bms_4{ margin-top:120px; font-size:14px}#bms_4_a{ color:#777777; font-size:24px;font-weight:bold}#bms_4_b{ color:#777777; line-height:30px; margin-top:30px}.abc {color: #ff8a00;}
#bms_4 a{ color:#66c31d }.bcd {text-align: center;font-size: 40px; font-weight:bold;width:720px; margin:0 auto; margin-bottom:30px}.smsitem{ padding:20px 50px;position:relative}.cma{ width:60px;height:60px;}
.cmb{min-height:50px; border:#e4e4e4 1px solid; margin:0 80px; padding:25px; }#cmmessage .cmb{ border:none; height:130px; padding:0}#cmtxt{  height:90px; resize:none; border:#c7c7c7 1px solid;padding:10px;}
#cmtxt textarea{ border:none; background:#fff;width:100%; height:90px; resize:none;font-family:Arial,"微软雅黑"; font-size:13px; color:#535353;}
.cmb p{ line-height:20px; font-size:13px}.cmb p span{color:#828282; margin-left:10px;}
.smsitem .umic{ right:135px; top:30px}.cmb #postbtn{ float:right; margin-top:10px; height:30px; line-height:30px; width:124px;}
.newscount{ color:#fff; font-family:Arial; font-size:12px; background:#ff0000; padding:2px}#postform{ padding:30px 0}#postform .pnitem{ border:none}#control{ height:100%; width:260px; position:fixed; right:-195px; top:0px; background:#fff; z-index:2}#control ul{border-top:1px solid rgba(0,0,0,.12); padding-top:62px;}
#control ul li{ padding:10px; height:46px; border-bottom:1px solid rgba(0,0,0,.12); cursor:pointer}#control ul li div{float:left;}
#control ul li div p{ height:23px; line-height:23px;}
#control ul li div.fyla{ width:140px; margin-left:10px;}
#control ul li div.fylb{ float:right;}
#control ul li div.fylb p{ text-align:right}#control ul li div.fylc{ margin-left:10px; line-height:46px; height:46px; font-size:13px; color:#737373; white-space:nowrap}#cbbfixed{ position:fixed; right:10px;transition:bottom ease .3s;  bottom:-85px;z-index:3;}
.cbbtn{ width:40px; height:40px; display:block; background-color:rgba(51,51,51,.6); }#gotop{ background-color:rgba(51,51,51,.6);transition:background-color ease .3s; margin-top:1px;}
#gotop:hover{background-color: #70CA10;}
#cweixin{ background:rgba(0,0,0,.2)}#cweixin div{ background:url(../images/weixin.png); width:194px; height:199px; position:absolute; left:-194px; top:-115px; opacity:0; transform:scale(0);-webkit-transform:scale(0);transform-origin:100% 70%;-webkit-transform-origin:100% 70%;transition:transform ease .3s,opacity ease .3s;-webkit-transition:all ease .3s; }#cweixin:hover div{ display:block;transform:scale(1); -webkit-transform:scale(1); opacity:1;}
#thankyou{ width:630px; height:180px; position:absolute; top:50%; margin-top:-90px; left:50%; margin-left:-315px}#thankyou p{ width:100%; text-align:center;}
.tks-1{ font-size:48px; line-height:60px; height:60px; color:#6bc30d}.tks-2{ color:#929292; font-size:16px; height:30px; line-height:30px;}
.tks-3{ height:30px;line-height:30px; margin-top:35px;}
.tks-3 a{ font-size:16px; color:#999797; height:30px; line-height:30px; display:block; float:left; text-indent:15px; margin-left:50px;}
.tks-3 a span{ float:left;}
#linkspage p,#articlepage p.atitle{line-height:41px; color:#848484;font-size:32px;margin-bottom:40px;}
#linkspage a{ font-size:16px; color:#535353; height:30px; line-height:30px; margin-right:10px;}
#articlepage{ font-size:13px;}
#articlepage a{ color:#535353}#umnav{ height:60px;}
#umnav li{ width:150px; height:60px; float:left; margin-right:1px;}
#umnav li a{ display:block; background:#6e6f71; color:#fff; font-size:18px; line-height:60px; text-align:center}#umnav li#umnactive a{ background:#fff; color:#000}#umbody{ width:100%; height:auto; background:#fff; margin-bottom:20px;}
.umitem{ padding:40px 50px; height:auto; min-height:60px; border-bottom:#f0f1f1 1px solid; width:auto; position:relative;transition:all ease-out .3s; position:relative;color:#535353;}
.umitem a{ color:#535353;}
.umitem a.umtx{ width:60px; height:60px; float:left}.umitem div{ margin-left:80px; width:auto; font-size:14px; line-height:24px; padding-top:5px;}
.umitem p .umidate{ font-size:12px; color:#828282; margin-left:18px;}
.umitem p img{ float:none; vertical-align:middle}.umic{ width:16px; height:16px; display:block; background:url(../images/uploadifive-cancel.png) no-repeat; position:absolute; right:25px; top:20px}.umitem div a{ margin:0 5px; font-size:14px;text-decoration:underline;}
.umitem div a.muname{margin:0}#homecontent{ margin-top:20px;}
#ulikecat{ height:40px; background:#f7f8f8;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding:10px 0}#ulcb{ position:relative; z-index:2; width:280px}#ulcblabel{ width:280px; height:40px; line-height:40px; text-indent:20px; color:#535353; background:#edeeee; cursor:pointer}#ulcbabeltxt{width:251px; height:40px; display:inline-block;overflow:hidden; float:left; color:#444444; font-size:14px}#ulcblabel .yy-soi{transition:transform ease .3s; float:left; margin-top:16px;}
#ulcbcontent{background:#fff;width:280px; height:auto; display:none}#ulcbcontent li{ height:35px; border-bottom:#e3e3e3 1px solid; line-height:35px; text-indent:30px;}
#ulcbcontent li a{ display:block; color:#8a8a8a;transition:ease .3s; transition-property:background,color}#ulcbcontent li a:hover{ color:#fff; background:#6bc30d}#ulcb:hover .yy-soi{transform:rotate(180deg);-webkit-transform:rotate(180deg)}#ulcb:hover #ulcbcontent{ display:block;}
.popupwindow{ width:540px; height:370px; position:fixed; left:100px; top:200px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); display:none; z-index:3}.pwhead{ height:40px; color:#fff; background:#404040;border-radius:3px 3px 0 0; line-height:40px; text-indent:10px; font-size:14px}.pwhead .pwclose{ margin-right:10px; margin-top:10px;}
.pycontent{ height:330px; border:#c2c2c2 1px solid; border-top:none;z-index: 100; background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;}
.pybody{ height:258px;padding:10px; overflow-y:auto }.pytxt{ width:100%;height:52px;-moz-box-sizing:border-box;box-sizing:border-box; padding:10px;cursor:text;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;border:#c2c2c2 1px solid; border-right-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0); outline:none; transition:all ease-out .3s; resize:none; font-size:13px; color:#6B6A6A}.pytxt:focus{border: 1px solid #4D90FE;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;}
.pyitem{ width:80%; height:auto; margin-bottom:10px;}
.pyitem.fr .pyit{ float:right;}
.pyitem.fr .pyib{ float:right;}
.pwclose{ width:16px; height:16px; position:relative; display:block; float:right;-webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all ease-out .3s}.pwclose:hover{transform:rotate(225deg);-webkit-transform:rotate(225deg)}.pwclose_h{ width:16px; height:2px; background:#fff;position:absolute; top:7px}.pwclose_s{ width:2px; height:16px; background:#fff; position:absolute; left:7px}#projectfix{ position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:none; z-index:5; overflow:auto;overflow-x:hidden}#projectitem{ padding-top:60px;}
.fixed{position:fixed; z-index:9999; top:0; left:0;  width:100%; height:100%; background:rgba(0,0,0,.2)}.fixed-container{position:absolute; z-index:9999; top:50%; left:50%;}
.yy-alert-container{background:#FFF;-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2); box-shadow: 2px 3px 5px rgba(0,0,0,.2); width:440px; height:200px; margin-left:-240px; margin-top:-120px; padding:20px;}
.yy-alert-content{ margin-top:50px;}
.yy-alert-content p{ text-align:center;}
.yy-alert-title{ font-size:24px; color:#000; height:30px; line-height:24px;}
.yy-alert-subtitle{ height:16px; font-size:12px; color:#767676;}
.yy-alert-control{ width:260px; height:32px; margin:20px auto;}
.yy-alert-control a{ width:120px; height:32px; display:block; background:#6bc30d; float:left; text-align:center; line-height:32px; color:#fff;}
.yy-alert-control a.yy-alert-control-canel{ background:#686868; margin-left:20px;}
.yy-alert a.yy-alert-close{ float:right;}
.popuplitem{ width:480px; height:270px; background:#fff; margin-left:-240px; margin-top:-135px;}
#pplhead{ height:50px; background:#f7f8f8; color:#474747; font-size:18px; line-height:50px; margin-bottom:30px;}
#pplhead .yy-cdel{ float:right; margin-top:15px;cursor:pointer}.pplc{ padding:0 30px}#pplcimg{ width:140px; height:90px;float:left;}
#pplcr{ float:left; margin-left:20px;}
#pplselect{width:260px; height:40px;}
#pplselectlabel{ width:260px; height:40px; border:#d2d2d2 1px solid; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; line-height:40px; padding:0 10px; cursor:pointer}#pplselectlabeltxt{ font-size:14px; color:#626262;}
#pplselectlabel .yy-soi{ float:right; margin-top:12px;}
#pplselectcontent{ border:#d2d2d2 1px solid; border-top:none; max-height:120px; overflow:auto; background:#fff; position:relative; z-index:2; display:none}#pplselectcontent li{ height:30px; line-height:30px; text-indent:10px;}
#pplselectcontent li a{ font-size:14px;color:#626262; display:block;}
#pplselectcontent li a:hover{ background:#f3f3f3;}
#pplselectcontent li a.active{ background:#979797; color:#fff;}
#pplacat{margin-top:10px;}
#pplainput{height:18px; padding:10px; border:#d2d2d2 1px solid; width:160px; float:left;}
#pplainput input{ font:14px Arial,"微软雅黑"; color:#626262;}
#addcatbtn{float:right; width:66px; height:40px; text-align:center; line-height:40px; background:#9a9a9a; display:block; font-size:14px; color:#fff;cursor:pointer}#addcatbtn:hover{background:#70CA10}.pplc #postbtn{ background:#ff8400}.pplc #postbtn,.pplc #removebtn{ width:290px; margin-top:30px; font-size:16px; cursor:pointer}.pplc #removebtn{ width:120px; margin-right:10px;}
#popuplike #postbtn{ width:100%;}
.ullitem{ width:260px;height:290px; padding:0 10px; background:#fff; float:left; margin-right:20px; margin-bottom:40px; border-bottom:#e3e3e3 5px solid;}
.ullitem.me{ height:340px;cursor:move}.ullitem .ullititle{ height:50px; line-height:50px; color:#5e5d5d; font-size:14px; text-indent:10px; }.ullitem .citemtop{ width:260px; height:167px;background:#F0F0F0}.ullitem ul{ margin:10px 0;height:51px}.ullitem ul li{ width:80px; height:51px; float:left; margin-right:10px; background:#F0F0F0}.ullitem ul li:last-child{ margin-right:0px}.ullitem .ulledit{ height:40px; width:100%; display:block; background:#f3f3f3; font-size:14px; color:#818181; line-height:40px; text-align:center; margin-bottom:20px;}
.ullitem .ulledit:hover{ background:#6bc30d;color:#fff}#hbwork .citemfoot a.ulledit{ margin-right:0}.ui-sortable-placeholder{-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.12); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.12); box-shadow: inset 0 1px 3px rgba(0,0,0,.12); background:#e7e7e7;}
#popupeditlikecat .popuplitem{ height:240px}
#popupeditlikecat #pplcr{ margin-left:0}
#popupeditlikecat #pplainput{ width:400px}
@media screen and (max-width:1880px) {.autocw{width:1180px;}
#listcontent .citem:nth-child(6n){ margin-right:20px}
#listcontent .citem:nth-child(4n){ margin-right:0}
#listcontent .citem.bm:nth-child(3n){ margin-right:20px}
#listcontent .citem.bm:nth-child(2n){ margin-right:0}
.imitem:nth-child(3n+0){ margin-right:20px}
.imitem:nth-child(2n+0){ margin-right:0}
.imitem:last-child{ display:none}}
div.tagsinput { border:1px solid #DBE2E6; background: #FFF; padding:2px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput span.tag {display: block; float: left; padding: 5px; text-decoration:none; background: #EDEDED; color: #838383; height:16px; line-height:16px; margin-right: 5px; margin-bottom:5px;font-size:13px; margin-top:5px}
div.tagsinput span.tag a { font-weight: bold; color: #838383; text-decoration:none;}
div.tagsinput input { width:auto; margin:0px; font-size: 13px; border:1px solid transparent; padding:8px 5px; background: transparent; color: #000; outline:0px; text-indent:0; color:#757575}
div.tagsinput div { display:block; float: left; }.tags_clear { clear: both; width: 100%; height: 0px; }.not_valid {background: #FBD8DB !important; color: #90111A !important;}
.uploadifive-button { width:120px; height:40px; line-height:40px; color:#fff; background:#9f9f9f; text-align:center;}
.uploadifive-button input{ height:100%}.uploadifive-queue-item,.imageitem {background-color: #F5F5F5;border-bottom: 1px dotted #D5D5D5;font: 12px Arial, Helvetica, Sans-serif;margin-top: 3px;padding: 15px;}
.uploadifive-queue-item .close,.imageitem .close{background: url(../images/uploadifive-cancel.png) 0 0 no-repeat;display: block;float: right;height: 16px;text-indent: -9999px;width: 16px;}
.uploadifive-queue-item .progress {border: 1px solid #D0D0D0;height: 3px;margin-top: 5px;width: 100%;}
.uploadifive-queue-item .progress-bar {background-color: #0072BC;height: 3px;width: 0;}
.tips{ line-height:40px; font-size:14px}.tips strong{ margin:0 5px; color:#ff8400}.tips a{ color:#6BC30D; margin:0 10px;}
.edui-container{ float:left; width:980px; margin-bottom:5px;}

.photo_login {width:300px;height:175px;border:1px solid #ccc;margin:100px auto;padding:15px 0 0 0;}
.photo_login .login_inputtext {width:150px;height:20px;border:1px solid #ccc;}
.photo_login .photo_state {}
.photo_login .photo_uid {width:210px;margin:15px auto 0 auto;border:0px solid #ccc;}
.photo_login .photo_pwd {width:210px;margin:15px auto 0 auto;border:0px solid #ccc;}
.photo_login .photo_submit {width:200px;margin:15px auto 0 auto;text-align:center;}
.photo_login .photo_submit input[type="submit"] {cursor:pointer;font-weight:none;font-style:color:#cccccc;width:113px;height:42px;padding:0;border:none;background:url(../images/sprite.png) 0 -73px no-repeat;}
.photo_login .photo_share_submit {width:110px;margin:15px auto 0 auto;text-align:center;line-height:15px}
.photo_login .photo_share_submit img{border:0px;}
.photo_login .photo_share_submit a{border:0px;}
.photo_login .photo_share_register {width:110px;margin:15px auto 0 auto;text-align:center;line-height:15px;float:left;}
.photo_login .photo_share_register img{border:0px;}
.photo_login .photo_share_register a{border:0px;}
.photo_login a:link{color:#606060;}
.photo_login a:visited{color:#606060;}
.photo_login a:hover{color:#ff0000;}
.photo_login a:active{color:#ff0000;}

.photo_register {width:560px;height:200px;border:1px solid #ccc;margin:10px auto 0px auto;padding:15px 0 0 0;}
.photo_register .login_inputtext {width:150px;height:20px;border:1px solid #ccc;}
.photo_register .photo_state {}
.photo_register .regitem {width:240px;margin:15px 0 0 30px;border:0px solid #ccc;float:left;}
.photo_register .photo_submit {width:200px;margin:15px auto 0 45px;text-align:center;float:left;}
.photo_register .photo_submit input[type="submit"] {cursor:pointer;font-weight:none;font-style:color:#cccccc;width:113px;height:42px;padding:0;border:none;background:url(../images/sprite.png) 0 -73px no-repeat;}
.photo_register .photo_share_register {width:110px;margin:30px auto 0 60px;text-align:center;line-height:15px;float:left;}
.photo_register .photo_share_register img{border:0px;}
.photo_register .photo_share_register a{border:0px;}
.photo_register a:link{color:#606060;}
.photo_register a:visited{color:#606060;}
.photo_register a:hover{color:#ff0000;}
.photo_register a:active{color:#ff0000;}
.photo_register .notice {margin:20px 30px 0px 30px;border:0px solid #ccc;}
.register_success{height:350px;width:350px;text-align:left;margin:100px auto 0px auto;}
.register_error{height:350px;width:350px;text-align:left;margin:100px auto 0px auto;}

.welcome {color:#ccc;background:#323436;height:40px;font-size:14px;}
.welcome .wl_padding {padding:15px 0 0 0;}
.welcome a:link{color:#ccc;font-size:14px;}
.welcome a:visited{color:#ccc;font-size:14px;}
.welcome a:hover{color:#ccc;font-size:14px;}
.welcome a:active{color:#ccc;font-size:14px;}

.welcome_login  {color:#ccc;background:#323436;height:50px;font-size:14px;}
.welcome_login .wl_padding {padding:10px 0 0 0;}
.welcome_login a{background:#505050;color: #ACACAC;display: block;float:left;font-size: 14px;height: 32px;line-height: 32px;text-align: center;transition: color 0.3s ease-out 0s;width: 70px;}
.welcome_login a:hover{color:#fff;}
.welcome_login a#muregbtn{ background:#6BC30D; color:#fff;}
