/*
Theme Name: uehtml
Author: uehtml
Description: 一个uehtml 主题。
Version: 1.0
*/
@charset "utf-8";
*::-moz-selection,
::selection {
background: #f76aaa;
text-shadow: none;
color: #fff
}
* {
padding: 0;
margin: 0;
}
ul li {
list-style: none;
}
a {
text-decoration: none;
color: #009F5D;
}
img {
border: none !important;
}
input {
border: none;
background: none;
}
textarea {
outline: 0;
}
small {
font-size: .7em;
}
dl {
-webkit-margin-before: 0 !mportant;
-webkit-margin-after: 0 !mportant;
}
.clear {
clear: both;
}
.gallery {
margin-top: 0 !important;
}
.fl {
float: left;
}
.fr {
float: right;
}
.hide,.popup {
display: none;
}
html,body {
font: 14px Arial,"微软雅黑";
color: #929292;
width: 100%;
height: 100%;
background: #f1f1f1;
}
body {
}
#page {
width: 100%;
height: auto;
}
.automw {
width: auto;
}
.autocw {
width: 1180px;
margin: 0 auto;
}
.contentfw {
width: 1180px;
margin: 0 auto;
}
.nosoo {
min-height: 780px;
}
.yy-icon {
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
background-image: url(../image/yy-icon.png);
}
.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 {
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-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-time {
width: 20px;
height: 20px;
background-position: -143px -252px
}
.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(../image/loading.gif) no-repeat;
width: 14px;
height: 14px;
display: inline-block;
}
.yy-rotate,.yy-rotatem:hover {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.yy-rotated {
transition: transform ease .3s;
-webkit-transition: -webkit-transform ease .3s
}
/* ------------------------- 正式结构 ---------------------- */
#header {
width: 100%;
height: 50px;
position: fixed;
z-index: 30;
background: #323436;
top: 0;
}
#headerbody {
height: 50px;
}
#hlogo {
float: left;
width: 150px;
height: 50px;
display: block;
margin-top: 5px;
}
#hnav {
width: auto;
height: 50px;
float: left;
}
#hnav li {
width: auto;
height: 50px;
float: left;
}
#hnav li a {
padding: 0 15px;
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: 88px;
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: #009F5D
}
#hnav li.hnavmore:hover ul {
display: block;
}
#navuplpad {
margin-left: 20px;
}
#hnav li#navuplpad a {
background-color: #009F5D;
color: #ffffff;
}
#navuplpad a span {
margin-right: 8px;
}
#hrnav {
float: right;
}
#soform {
float: left;
margin-top: 10px;
}
#soform form {
background: #434649;
width: 170px;
height: 32px;
}
#soform form input {
float: left;
}
#soform form input[type=text] {
line-height: 14px;
height: 2-px;
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
}
#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: 20;
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;
overflow: hidden;
}
.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: #009F5D;
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;
overflow: visible;
}
#socolors li a {
transition: all ease .2s;
width: 30px;
height: 24px;
position: absolute;
}
#socolors li a:hover {
-webkit-transform: scale(2);
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: #009F5D;
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 {
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
}
.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 a {
color: #009F5D;
margin: 5px;
}
#sonewsc {
float: left;
width: 7px;
margin-top: 5px;
line-height: 1;
}
#sonewsc .yy-rotate {
margin-top: 10px;
}
#social-btns {
float: right;
position: relative;
}
#social-btns .social-weixin-qcode {
display: none;
position: absolute;
top: 105%;
right: 0;
z-index: 999;
width: 150px;
height: 150px;
}
#social-btns .social-btn-weixin:hover ~ .social-weixin-qcode {
display: block;
}
#social-btns .social-weixin-qcode img {
width: 100%;
height: 100%;
}
#container {
padding-top: 120px;
}
#main {}
#main.nosoo {
}
.citem {
width: 280px;
height: 270px;
margin-bottom: 40px;
background: #fff;
float: left;
margin-right: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
#content .citem:nth-child(3),
#content .citem:nth-child(9) {
margin-right: 0
}
.citem .citemtop,.citem .citemimg {
width: 280px;
height: 180px;
position: relative;
display: block;
overflow: hidden
}
.citem .citemtxt {
background: #fff;
padding: 10px 20px;
position: absolute;
width: 240px;
height: 40px;
bottom: -25px;
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 .yy-kz,
.citem .citemtc .yy-didian {
width: auto;
text-indent: 20px;
margin-left: 10px;
margin-top: -2px;
line-height: 20px;
font-size: 12px;
float: right;
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(../image/colorful.png);
width: 25px;
height: 6px;
border: none
}
.citemqt {
width: auto;
height: 21px;
padding: 12px 20px 8px 20px;
}
.citemqt .yy-icon a {
color: #BFBFBF;
}
.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 {
height: 23px;
border-top: #f2f2f2 1px solid;
margin-top: 3px
}
.citemfoot a.citemfimg {
color: #828282;
line-height: 24px;
}
.citemfoot a.citemfimg img {}
.citemfoot .citemzl {
float: right;
}
.citemfoot .tags {
float: left;
color: #C0C0C0;
margin-top: 5px;
}
.citemfoot .tags a {
color: #C0C0C0
}
.citemfoot .tags span.tags-1 *:nth-child(n+2) {
display: none;
}
.citemfoot .tags span.tags-2 *:nth-child(n+4) {
display: none;
}
.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
}
.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 img {
width: 105px;
.soitemtt{overflow: hidden;
}
#article-tag {
clear: both;
border: 1px dotted #ccc;
padding: 5px;
margin-bottom: 5px;
}
height: 68px;
}
.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 {
font-size: 12px;
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 a .yy-kz {
width: auto;
text-indent: 20px;
margin-left: 10px;
margin-top: -2px;
line-height: 20px;
font-weight: normal;
float: right;
color: #a0a0a0;
font-size: 12px;
}
.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;
z-index: 4;
}
#citemslide .slidecon span {
margin-top: 12px;
}
#citemslide .slidecon:hover {
background-color: #009F5D;
}
#citemslide .slideprev {
left: -25px
}
#citemslide .slidenext {
right: -25px;
}
#citemslide:hover .slideprev {
left: 0px
}
#citemslide:hover .slidenext {
right: 0px
}
#listcontent .citem {
margin-right: 20px;
}
#listcontent .citem:nth-child(4n) {
margin-right: 0
}
.citem_jy {
height: 450px;
}
.citem_jy .citemtxt_jy {
padding: 24px 20px 10px 20px;
}
.citem_jy .citemsummary {
font-size: 13px;
color: #999999;
line-height: 24px;
margin-top: 10px;
height: 120px;
overflow: hidden
}
#listcontent .citem_bm:nth-child(3n) {
margin-right: 0
}
.citem_bm {
width: 580px;
height: 500px
}
.citem_bm .citemtop {
width: 580px;
height: 270px;
}
.citem_bm .citemtitle {
width: 540px;
}
.citem_bm .citemsummary {
height: 90px;
}
.citem_qz {
height: auto;
}
.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: #009F5D;
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 {
position: fixed;
padding-top: 20px;
height: 40px;
width: 100%;
bottom: 0;
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: 15px;
height: 36px;
}
#pages span {
float: left;
width: 50px;
height: 36px;
display: block;
line-height: 36px;
margin-top: 10px;
}
#pages a {
width: 50px;
height: 36px;
display: block;
background: #fff;
color: #a9a9a9;
line-height: 36px;
text-align: center;
font-family: Arial;
float: left;
margin-right: 5px;
margin-top: 10px;
transition: background-color 0.2s ease-out
}
#pages em {
width: 50px;
height: 36px;
display: block;
background: #fff;
color: #a9a9a9;
line-height: 36px;
text-align: center;
font-family: Arial;
float: left;
margin-right: 5px;
margin-top: 10px;
transition: background-color 0.2s ease-out
}
.pagenow {
background: #009F5D;
color: #fff;
width: 60px;
height: 36px;
display: block;
line-height: 36px;
text-align: center;
font-family: Arial;
float: left;
margin-right: 5px;
margin-top: 10px;
transition: background-color 0.2s ease-out
}
#pages a#pageactive {
background: #009F5D;
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-bottom: 40px;
margin-right: 20px;
float: left;
}
.imitem:nth-child(2n) {
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;
}
#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: 8px;
}
#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(../image/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 {
background: #222324;
width: 100%;
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: #009F5D;
}
.projectblock {
padding: 20px;
background: #fff;
margin-bottom: 20px;
}
#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: #009F5D;
}
#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: #009F5D;
}
#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;
margin-top: 15px;
}
#puinfo #puinfobody {
float: left
}
#puinfobody h2 {
color: #8C8C8C;
font-size: 24px;
font-weight: 500;
}
#puinfobody p {
color: #989898;
line-height: 20px
}
#puinfobody p a {
margin-left: 5px;
color: #009F5D;
}
#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
}
#lis ul {
padding: 15px 15px 15px 17px;
}
#lis li {
height: 60px;
margin: 0px 8px 10px 0px;
width: 60px;
float: left;
}
.ufwsms {
display: block;
width: 80px;
height: 24px;
text-align: center;
color: #fff;
line-height: 24px;
background: #ff8400;
float: left;
margin-right: 10px;
}
.ufwsms .yy-icon {
position: relative;
top: 2px;
margin-right: 5px;
}
.ufwsms .yy-ceditw {
top: 4px;
}
.ufollowa {
background: #009F5D;
}
.ufollowb {
background: #ff8400;
}
.ufollowc {
background: #cccccc;
}
.usermetas .yy-umjt {
position: absolute;
left: -14px;
top: 40px;
}
#projectpost {
margin-top: 10px;
}
#projectpost ul li {
margin: 10px 0;
background: url(../image/1bc05d7a6aeaf7596e10d75f2e4a1cd8.png) no-repeat 0 10px;
padding-left: 20px;
list-style: none;
}
#projectpost ol li {
margin: 10px 0;
margin-left: 20px;
}
#projectpost li a {
background: url(../image/loadlogo.png) no-repeat center;
display: block;
}
#projectpost li img {
margin: 0 auto;
float: none;
display: block;
max-width: 100%;
height: auto;
}
.banner img {
margin: 0px 10px 20px 10px;
}
.banner2 img {
margin: 10px 10px 0px 10px;
}
#hnav li ul li {
height: 28px;
float: left;
width: 100%;
}
#hnav li li a {
height: 28px;
line-height: 30px;
font-size: 12px;
padding: 0;
text-align: center;
}
#hnav li li a:hover {
color: #fff;
background: #009F5D;
}
#wholike {
background: url(../image/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 {}
#pxgheader {
height: 30px;
line-height: 30px;
font-size: 16px;
margin-bottom: 20px;
}
#pxgheader a {
width: 30px;
height: 30px;
float: left;
text-align: center;
margin-left: 1px;
}
#pxgheader a:hover {
}
#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%;
}
#cmhead p {
height: 30px;
line-height: 30px;
margin-bottom: 10px
}
#cmhead a {
color: #009F5D
}
a#cm-s1 {
color: #989898;
}
#postcm,.cmitembody {
width: auto;
height: auto;
margin-left: 70px;
margin-top: -55px;
}
.textbg {
height: 73px;
border: #dae2e5 1px solid;
border-right: none;
padding: 5px;
width: auto;
margin-right: 119px;
}
#comment textarea {
border: 0px solid #fff;
resize: none;
border: none;
font-size: 12px;
font-family: 微软雅黑,Arial;
color: #FFF
}
#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: #009F5D
}
#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: #009F5D
}
.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: #009F5D
}
.postreply .postbq {
float: left;
}
.postreply .submitwarning {
margin-top: 10px;
float: left;
}
a#pagemore {
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#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: #009F5D 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: #009F5D
}
.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-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: #009F5D 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: #009F5D
}
.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;
margin-bottom: 20px;
}
#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: 50%;
height: 64px;
line-height: 65px;
float: left;
text-align: center;
}
#twomenu li.active {
border-bottom: #009F5D 3px solid;
}
#twomenu li a {
display: block;
color: #5d5d5d;
font-size: 18px;
}
#hbwork {
max-width: 1200px;
float: left;
}
#hbwork .citem,.citem_nf {
height: 225px;
}
#hbwork .citem_me {
height: 265px
}
#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: 100%;
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: 400px;
height: 350px;
position: fixed;
top: -550px;
left: 50%;
margin-left: -220px;
background: #fff;
z-index: 999;
overflow: hidden;
}
#ulpa {
width: 340px;
margin: 60px auto 0 auto;
}
#ulpa 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;
}
#setlogin {
background: #009F5D;
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-ss {
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 {
background: #009F5D;
color: #FFFFFF;
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
width: 120px;
float: left;
}
#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: #009F5D
}
#simagebody {
display: none
}
.imgup {
margin-left: 90px;
}
#simgarea {
background: url(../image/simgarea.jpg);
width: 280px;
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: #009F5D;
}
#cweixin {
background: rgba(0,0,0,.2)
}
#cweixin div {
background: url(../image/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: #009F5D
}
.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(../image/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
}
.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
}
.yy-alert {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.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;
position: absolute;
z-index: 9999;
top: 50%;
left: 50%;
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: #009F5D;
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;
}
@media screen and (max-width:1880px) {
.autocw {
width: 1180px;
}
#content .citem:nth-child(6n-1) {
margin-right: 20px
}
#content .citem:nth-child(4n-1) {
margin-right: 0px
}
#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 {
}
}
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(../image/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;
}
/*--评论样式--*/
.commentlist .comment {
border-top: 1px dashed #eee;
list-style: none;
font-size: 12px;
}
.commentlist li.comment ul.children {
margin-left: 20px;
}
.commentlist .depth-1 {
margin: 10px 0;
}
.commentlist li {
position: relative;
padding: 20px 0px;
}
.commentlist .comment-body {
padding: 5px 0;
}
ol.commentlist li div strong {
color: #009F5D;
}
.commentlist p {
margin: 10px 0 10px 70px;
line-height: 22px;
font: 12px Arial,"微软雅黑";
}
.reply a:link,.reply a:visited {
text-align: center;
color: #ff7800;
margin: 0 5px;
}
.datetime {
margin-left: 70px;
color: #aaa;
}
.commentmetadata {
margin-left: 50px;
color: #aaa;
}
ol.commentlist li div.vcard img.avatar {
position: relative;
float: left;
margin: 4px 6px 0 0;
padding: 2px;
width: 50px;
height: 50px;
border: 1px dashed #eee;
background: #fff;
}
ol.commentlist li div.floor {
float: right;
color: #bbb;
}
#respond {
overflow: hidden;
padding: 10px 0;
}
#respond_box {
clear: both;
}
#comment {
background: #fff;
}
#commentform #comment-author-info {
padding: 5px 0;
}
#commentform p,#commentform p a {
color: #999;
font-size: 14px;
}
#commentform input {
margin: 5px 0;
padding: 3px;
width: 250px;
height: 24px;
border: 1px solid #EBECEC;
background: #f9f9f9;
line-height: 24px;
}
#commentform textarea {
margin: 4px 0 0;
padding: 4px;
width: 98%;
height: 130px;
border: 1px solid #EBECEC;
background: #f9f9f9;
font-size: 14px;
}
#commentform input:focus,#commentform textarea:focus {
border: 1px solid #55D1FF;
}
#commentform input#submit,#commentform input#reset {
margin: 10px 10px 0 0;
padding: 3px;
width: 120px;
height: 32px;
background: #08A5E0;
color: #fff;
text-align: center;
line-height: 24px;
}
#commentform #submit:hover,#commentform #reset:hover {
background: #40BBEC;
}
#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;
}
#links ul li {
float: left;
}
#links ul {
float: left;
}
.mnpbody img {
width: 100px;
height: 68px;
display: block;
float: left;
margin-right: 5px;
position: relative;
background: #F0F0F0;
}
#rcframe {
position: fixed;
right: 0;
top: 200px;
z-index: 300;
}
#rc {
float: right;
}
#rc a {
width: 100px;
height: 30px;
display: block;
background: #fff;
margin-top: 1px;
transition: all ease-out .2s;
line-height: 30px;
color: #fff;
position: relative;
right: -63px;
}
#rc a:hover {
background-color: #6BC30D;
right: 0
}
#rc a span {
display: inline-block;
background: url(../image/iconrc.png);
float: left;
}
#rc a#rca span {
width: 37px;
height: 30px;
background-position: -0px -90px
}
#rc a#rca:hover span {
background-position: -37px -30px
}
#rc a#rch span {
width: 37px;
height: 30px;
background-position: -74px -30px
}
#rc a#rch:hover span {
width: 37px;
height: 30px;
background-position: -37px -60px
}
#rc a#rcm span {
width: 37px;
height: 30px;
background-position: -0px -30px
}
#rc a#rcm:hover span {
width: 37px;
height: 30px;
background-position: -0px -60px
}
#rc a#rca.active span {
width: 37px;
height: 30px;
background-position: -37px -90px
}
#rc a#rca.active:hover span {
width: 37px;
height: 30px;
background-position: -0px -0px
}
#rc a#rct span {
width: 37px;
height: 30px;
background-position: -37px -0px
}
#rc a#rct:hover span {
width: 37px;
height: 30px;
background-position: -74px -0px
}
#rc a:hover {
background-color: #6BC30D;
right: 0;
}
#rc a {
background: none repeat scroll 0 0 #383847;
}
/*--文章内页--*/
blockquote {
color: #666;
line-height: 1.6;
background: #F9F9F9 url(../image/icon_quote_s.gif) no-repeat 20px 6px;
margin: 15px 0;
padding: 10px 30px 10px 65px;
zoom: 1;
}
#projectpostbody img {}
#projectpostbody, #projectpostbody * {
word-wrap: break-word !important;
word-break:break-all !important;
}
#projectpostbody .aligncenter {
margin: 0 auto;
text-align: center;
display: block;
}
#projectpostbody .page-navi {
margin: 40px 0;
text-align: center;
}
#projectpostbody .page-navi a {
padding: 5px 10px;
background-color: #6BC30D;
color: #FCF21A;
}
#projectpostbody .video-source a {
font-size: 1.3em;
padding: 1em 2em;
}
#projectpostbody .page-navi a:hover {
background-color: #009F5D;
}
#projectpost img {
float: none;
max-width: 100%;
}
#projectpostbody h4,
#projectfoot h4 {
color: #009F5D;
margin: 20px -20px 20px -24px;
padding: 10px 20px 9px 20px;
border-left: 4px solid #009F5D;
background-color: #EDEDED;
line-height: 24px;
font-size: 14px;
}
#projectpostbody h5,#projectpostbody h6,
#projectfoot h5,#projectfoot h6 {
font-weight: bold;
color: #333;
font-size: 14px;
}
#projectpostbody pre {
margin: 20px 0;
font: 12px/20px 'courier new';
background: #4A4A4A;
padding: 20px 10px;
color: #000000;
border-radius: 0;
border: none;
background: url("../image/code_bg.gif") repeat scroll 0 0 #f2f3f5;
}
#projectpostbody {
line-height: 33px;
font-size: 18px;
color:#333;
}
#projectpostbody a {
color: #009F5D;
}
#projectpostbody .source-items .source-item {
background: #009F5D;
color: #fff;
padding: 10px 15px;
margin: 5px;
white-space: nowrap;
word-break: keep-all;
float: left;
}
#projectpostbody .source-items .source-item:hover {
background: #008E52;
}
/* 该文的relate_posts */
#projectpostbody .relate-posts {}
#projectpostbody .relate-posts .relate-post {
margin: 30px 0;
}
#projectpostbody .relate-posts .relate-post .relate-post-thumb {
float: left;
margin: 0 20px 20px 0;
}
#projectpostbody .relate-posts .relate-post .relate-post-title {
font-size: 1.2em;
margin-bottom: 10px;
}
#projectpostbody .relate-posts .relate-post .relate-post-info {
font-size: 12px;
}
#projectpostbody .relate-posts .relate-post .relate-post-info .yy-time {
width: auto;
text-indent: 20px;
line-height: 20px;
margin-right: 20px;
}
#projectpostbody .relate-posts .relate-post .relate-post-excerpt {
font-size: .9em;
}
#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
}
#projectfoot .
{
padding-left: 0;
}
#projectfoot .citemqt .likecount {
margin-top: 10px;
}
.ad-area {
max-width: 100%;
overflow-y: hidden;
}
.actGotop {
position: fixed;
_position: absolute;
bottom: 45px;
right: 10px;
width: 40px;
height: 63px;
display: none;
}
.actGotop a,.actGotop a:link {
width: 40px;
height: 63px;
display: inline-block;
background: url(../image/blog7year_gotop.png) no-repeat;
_background: url(../image/blog7year_gotop.gif) no-repeat;
outline: none;
}
.actGotop a:hover {
width: 40px;
height: 63px;
background: url(../image/blog7year_gotopd.gif) no-repeat;
outline: none;
}
/*! Hint.css - v1.3.1 - 2013-11-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */
/*-------------------------------------*\
HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
* HINT.css is a tooltip library made in pure CSS.
*
* Source: https://github.com/chinchang/hint.css
* Demo: http://kushagragour.in/lab/hint/
*
* Release under The MIT License
*
*/
/**
* source: hint-core.scss
*
* Defines the basic styling for the tooltip.
* Each tooltip is made of 2 parts:
* 1) body (:after)
* 2) arrow (:before)
*
* Classes added:
* 1) hint
*/
.hint, [data-hint] {
position: relative;
display: inline-block;
/**
* tooltip arrow
*/
/**
* tooltip body
*/
}
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
}
.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
visibility: visible;
opacity: 1;
}
.hint:before, [data-hint]:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001;
}
.hint:after, [data-hint]:after {
content: attr(data-hint);
background: #383838;
color: white;
text-shadow: 0 -1px 0px black;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
/**
* source: hint-position.scss
*
* Defines the positoning logic for the tooltips.
*
* Classes added:
* 1) hint--top
* 2) hint--bottom
* 3) hint--left
* 4) hint--right
*/
/**
* set default color for tooltip arrows
*/
.hint--top:before {
border-top-color: #383838;
}
.hint--bottom:before {
border-bottom-color: #383838;
}
.hint--left:before {
border-left-color: #383838;
}
.hint--right:before {
border-right-color: #383838;
}
/**
* top tooltip
*/
.hint--top:before {
margin-bottom: -12px;
}
.hint--top:after {
margin-left: -18px;
}
.hint--top:before, .hint--top:after {
bottom: 100%;
left: 50%;
}
.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
/**
* bottom tooltip
*/
.hint--bottom:before {
margin-top: -12px;
}
.hint--bottom:after {
margin-left: -18px;
}
.hint--bottom:before, .hint--bottom:after {
top: 100%;
left: 50%;
}
.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
/**
* right tooltip
*/
.hint--right:before {
margin-left: -12px;
margin-bottom: -6px;
}
.hint--right:after {
margin-bottom: -14px;
}
.hint--right:before, .hint--right:after {
left: 100%;
bottom: 50%;
}
.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
/**
* left tooltip
*/
.hint--left:before {
margin-right: -12px;
margin-bottom: -6px;
}
.hint--left:after {
margin-bottom: -14px;
}
.hint--left:before, .hint--left:after {
right: 100%;
bottom: 50%;
}
.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
/**
* source: hint-color-types.scss
*
* Contains tooltips of various types based on color differences.
*
* Classes added:
* 1) hint--error
* 2) hint--warning
* 3) hint--info
* 4) hint--success
*
*/
/**
* Error
*/
.hint--error:after {
background-color: #b34e4d;
text-shadow: 0 -1px 0px #592726;
}
.hint--error.hint--top:before {
border-top-color: #b34e4d;
}
.hint--error.hint--bottom:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
border-right-color: #b34e4d;
}
/**
* Warning
*/
.hint--warning:after {
background-color: #c09854;
text-shadow: 0 -1px 0px #6c5328;
}
.hint--warning.hint--top:before {
border-top-color: #c09854;
}
.hint--warning.hint--bottom:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
border-left-color: #c09854;
}
.hint--warning.hint--right:before {
border-right-color: #c09854;
}
/**
* Info
*/
.hint--info:after {
background-color: #3986ac;
text-shadow: 0 -1px 0px #193b4d;
}
.hint--info.hint--top:before {
border-top-color: #3986ac;
}
.hint--info.hint--bottom:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--left:before {
border-left-color: #3986ac;
}
.hint--info.hint--right:before {
border-right-color: #3986ac;
}
/**
* Success
*/
.hint--success:after {
background-color: #458746;
text-shadow: 0 -1px 0px #1a321a;
}
.hint--success.hint--top:before {
border-top-color: #458746;
}
.hint--success.hint--bottom:before {
border-bottom-color: #458746;
}
.hint--success.hint--left:before {
border-left-color: #458746;
}
.hint--success.hint--right:before {
border-right-color: #458746;
}
/**
* source: hint-always.scss
*
* Defines a persisted tooltip which shows always.
*
* Classes added:
* 1) hint--always
*
*/
.hint--always:after, .hint--always:before {
opacity: 1;
visibility: visible;
}
.hint--always.hint--top:after, .hint--always.hint--top:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--left:after, .hint--always.hint--left:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--always.hint--right:after, .hint--always.hint--right:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
/**
* source: hint-rounded.scss
*
* Defines rounded corner tooltips.
*
* Classes added:
* 1) hint--rounded
*
*/
.hint--rounded:after {
border-radius: 4px;
}
/**
* source: hint-effects.scss
*
* Defines various transition effects for the tooltips.
*
* Classes added:
* 1) hint--bounce
*
*/
.hint--bounce:before, .hint--bounce:after {
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
/* 新增的 */
.item {
width: 600px;
padding-left: 260px;
position: relative;
padding-bottom: 30px;
}
.item .thumb {
position: absolute;
left: 0;
top: 0;
width: 240px;
height: 150px;
overflow: hidden;
}
.item .thumb img {
max-width: 100%;
height: auto;
-moz-opacity: 0.3;
opacity: 0.3;
filter:alpha(Opacity=30);
}
.item .thumb img:hover {
-moz-opacity: 1;
opacity: 1;
filter:alpha(Opacity=100);
}
.item .title {
font-size: 22px;
}
.item .title a {
color: #333;
}
.item .info {
margin: 15px 0;
}
.item .info .info-author-avatar{
margin-right: 20px;
line-height:20px;
}
.item .info .yy-time,
.item .info .yy-view,
.item .info .yy-comment {
width: auto;
text-indent: 20px;
line-height: 20px;
margin-right: 20px;
}
.item .info .yy-comment a {
color: #929292;
}
.item .relate-film {
margin-top: 10px;
}
.item .relate-film a{
color: #929292;
}
#projectcontent {
margin-top: -60px;
}
#projectpostbody .attachment-full {
display: block;
margin: auto;
margin-bottom: 0;
}
#projectpostbody p {
font-size: 18px;
color:#333;
line-height:33px
}
#container.author {
padding-top: 40px;
}
#container.author .contentfw {
width: 1200px;
}
#container.author .citemfoot {
background: #fff;
}
#container.author .citem {
margin-bottom: 20px;
height: 270px;
}
#container.author .citemfoot {
padding-top: 10px;
}
#container.author .citemfoot .citemzl,
#container.author .item .info-author-avatar {
display: none;
}
#container.author .citemfoot a {
text-indent: 0;
float: none;
color: #D1D1D1;
padding: 0;
margin: 0;
}
.projectblock.yingping h4 {
padding-bottom: 20px;
font-size: 1.4em;
font-weight: normal;
}
.projectblock.yingping .ping {
margin-bottom: 15px;
}
.ping .ping-author {
float: left;
margin-right: 15px;
}
.ping .ping-title a {
color: #333;
font-weight: bold;
}
.ping .ping-info .yy-icon {
width: auto;
padding-left: 22px;
margin-right: .6em;
line-height: 20px;
}
.ping .ping-info .yy-icon a {
color: #929292;
}
.ping .ping-excerpt p {
margin: 0;
padding: 0;
}
@media screen and (max-width:1180px) {
#headerbody.automw,#headerbody .autocw {
width: 99% !important;
margin-left: 1%;
}
#main.autocw {
margin-left: 25px;
}
#footer .autocw {
margin:0 10px;
}
}
/* ----------------------- PAD 上看看 --------------------------*/
@media screen and (max-width: 800px) {
img {
max-width: 100% !important;
height: auto;
}
#hlogo {
width: 120px;
margin-top: 0;
}
#hlogo img {
max-width: 100%;
height: auto;
margin-top: 10px;
}
#container.single-page {
padding-top: 110px;
background-color:#fff;
}
#container.single-page .automw,
#container.single-page .autocw {
width: 100%;
}
#projectpostbody h4,
#projectfoot h4 {
text-indent: 10px;
padding-left: 0;
padding-right: 0;
margin-left: -10px;
margin-right: -6px;
}
#projectpostbody .relate-posts .relate-post .relate-post-thumb {
width: 140px;
height: 90px;
margin-bottom: 10px;
}
#projectpostbody .relate-posts .relate-post .relate-post-title {
font-size: 1.1em;
margin-bottom: 0;
}
#projectpostbody .relate-posts .relate-post .relate-post-excerpt {
font-size: .8em;
clear: both;
line-height: 1.2;
}
#container.single-page .nosoo {
width: auto;
}
.projectblock {
padding: 10px;
}
.bdshare-slide-button-box {
display: none !important;
}
}
/* --------------------------- 小的盒子，手机上就不这样显示 ----------------------- */
@media screen and (min-width:640px) {
.small-box {
width: 180px;
height: 310px;
overflow: hidden;
}
.small-box .citemtop,.small-box .citemimg {
width: 180px;
}
.small-box .citemtop img {
margin-left: -50px;
max-width: 280px !important;
}
.small-box .citemtop {
height: 220px;
}
.small-box .citemtxt {
padding: 10px 10px;
width: 160px;
position: static;
}
.small-box .citemtitle {
width: 140px;
font-size: 16px;
font-weight: normal;
}
.small-box .citemqt {
padding: 10px 10px 8px 10px;
}
.small-box .citemqt .yy-icon {
margin-right: 10px;
}
.small-box .citemqt > .yy-icon:last-child {
margin-right: 0;
}
.small-box .citemfoot {
margin-top: 0;
}
#content .small-box:nth-child(6n-1) {
margin-right: 20px;
}
#content .small-box:nth-child(4n-1) {
margin-right: 20px
}
#content .small-box:nth-child(6n+3),
#last-films .small-box:nth-child(6n+1){
margin-right: 0
}
}
#last-films h3 {
font-size: 22px;
font-weight: normal;
padding: 0px 0 20px 0;
}
/* ---------------------- 手机上查看 --------------------------*/
@media screen and (max-width: 640px) {
#cproIframe2002holder,#cproIframe2001holder,#cproIframe2004holder {
display: none !important;
}
.nosoo {
width: auto;
}
.projectblock.ralate-posts {
display: none;
}
.automw,.autocw {
width: 100%;
}
#main.autocw {
margin-left: 0;
}
#hlogo {
width: 90px;
margin-top: 0;
}
#hlogo img {
max-width: 100%;
height: auto;
margin-top: 10px;
}
#hnav {
margin-left: 0px;
}
#hnav li a {
padding: 0 10px;
}
#hrnav {
margin-right: 5px;
}
#soform form,#soform form input[type=text] {
width: 60px;
}
#soform form input[type=submit] {
display: none;
}
#mulogin,#userpanel,#sooptions {
display: none;
}
#container {
padding-top: 40px;
width: auto;
}
#container.home-page {
padding-top: 110px;
}
#citemslide {
margin-top: -85px;
margin-bottom: 0;
max-height: 176px;
overflow: hidden;
}
#citemslide,
#citemss,
#citemss li,
#citemss li img.slide-img {
width: 100%;
height: auto;
}
#citemss li .cisb {
display: none;
}
#citemslide .slidecon {
top: 50%;
margin-top: -22.5px;
}
#citemslide .slideprev {
left: 0;
}
#citemslide .slidenext {
right: 0;
}
.citem {
box-shadow: none;
}
.citem.film-box {
width: 50%;
overflow: hidden;
margin: 0;
height: auto;
background: none;
}
#content .film-box:nth-child(2n),
#last-films .film-box:nth-child(2n) {
clear: left;
}
.citem.film-box .citemtop {
width: auto;
height: auto !important;
margin: 10px;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 0;
background: #fff;
padding-bottom: 70px;
}
#content .citem:nth-child(2n-1) .citemtop,
#last-films .citem:nth-child(2n-1) .citemtop {
margin-left: 5px;
margin-right: 10px;
}
#content .citem:nth-child(6n-1),#content .citem:nth-child(4n-1) {
margin-right: 0
}
#listcontent .citem:nth-child(6n),#listcontent .citem:nth-child(4n),#listcontent .citem_bm:nth-child(3n),#listcontent .citem_bm:nth-child(2n) {
margin-right: 0
}
#listcontent .citem {margin-right: auto;}
.citem .citemtxt {
padding: 5px;
display: block;
height: auto;
width: 100%;
bottom: 0;
float: none;
}
.citem:hover .citemtxt {
bottom: 0;
}
.citem .citemtc .yy-kz {
float: none;
}
.citem .citemqt .yy-icon {
width: auto;
text-indent: 20px;
margin-right: 10px;
}
.citem .citemtitle {
width: 90%;
padding-top: 10px;
font-size: 1.1em;
height: 1.5em;
}
.citemqt {
width: auto;
height: auto;
padding: 5px;
margin-left: 5px;
margin-right: 5px;
background: #fff;
}
#content .citem:nth-child(2n-1) .citemqt,
#last-films .citem:nth-child(2n-1) .citemqt {
margin-right: 10px;
margin-left: 5px;
}
.citemfoot {
height: auto;
margin-top: 0;
margin-bottom: 10px;
padding: 5px;
}
.citemfoot .tags span.tags-2 *:nth-child(n+2) {
display: none;
}
#last-films h3 {
padding: 30px 0 10px 10px;
}
#pages {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.imitem,#links {
display: none;
}
#footer {
padding: 20px 10px;
width: auto;
height: auto;
}
#flinks a {
font-size: 1em;
margin-right: .8em;
height: auto;
}
#banquan {
margin-top: 1em;
}
.item {
width: auto;
padding-left: 0;
padding-bottom: 20px;
padding-top: 20px;
margin: 0 10px;
}
.item .title {
font-size: 16px;
}
.item .thumb {
position: static;
float: left;
margin: 0 1em 1em 0;
width: 120px;
height: 75px;
}
.item .thumb img {
-moz-opacity: 1;
opacity: 1;
filter:alpha(Opacity=100);
}
.item .info .info-author-avatar,
.item .info .yy-icon {
margin-right: 5px;
}
#container.author .contentfw,#hbwork {
width: auto;
}
#container.author .citem {
height: auto;
}
#container.author .citem:nth-child(2n-1) {
clear: left;
}
#puinfo {
position: relative;
}
#puinfobody h2 {
margin-right: 40px;
}
#usertx,#usertx img {
width: 35px !important;
height: 35px !important;
}
#usertx {
position: absolute;
top: 0;
right: 0;
}
#prenqi.fr {
font-size: 24px;
font-weight: bold;
position: absolute;
top: 35px;
right: 0;
}
#prenqi.fr span {
font-size: 14px;
margin-right: 0;
font-weight: normal;
}
.wp2pcs-local-video-player,
.wp2pcs-local-video-player > div {
width: 100% !important;
max-height: 320px;
}
.source-items .ad-area {
float: none !important;
}
#projectpostbody .source-items .source-item small {
display: none;
}
#tanx-popwin-outermm_15570727_9578919_32900582,
.responsive-640-hidden {
display: none !important;
}
.responsive-640-visible {
display: inline !important;
}
}/* end 640px */
@media screen and (max-width: 320px) {
.citem .citemtc .yy-kz,
.item .info .yy-time,
.item .info .yy-view,
.item .info .yy-comment {
width: 50px;
text-indent: 20px;
margin-right: 0;
}
.citem .citemtc .yy-kz {
width: 20px;
}
.citemqt .yy-icon {
text-indent: 20px;
margin-right: 5px;
}
#citemslide {
max-height: 149px;
}
.responsive-320-hidden {
display: none !important;
}
.responsive-320-visible {
display: inline !important;
}
}
.ad-body {
text-align: center;
vertical-align: middle;
margin-bottom: 10px!important;
}
.ad-body img {
max-width: 100%;
height: auto;
}