@charset "utf-8";


#pages ul li a { -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }

.defaultfont { color:#6B6A6A; }

.athead .defaultfont { color:#535353; }

body { padding-top:50px; }

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

#uelink .common { overflow-x:hidden; }

#uebaike .common { overflow-x:hidden; }

.fl { float:left; }

.fr { float:right; }

.clear { clear:both; }

.mt5 { margin-top:5px; }

.mb10 { margin-bottom:10px; }

.mb15 { margin-bottom:15px; }

.mb20 { margin-bottom:20px; }

.mb30 { margin-bottom:30px; }

.mb50 { margin-bottom:50px; }

.mb80 { margin-bottom:80px; }

.pd10 { padding:10px; }

.pd15 { padding:15px; }

.pd20 { padding:20px; }

.pd25 { padding:25px; }

.pdh20 { padding:20px 0; }

.pdw20 { padding:0 20px; }

.pd50 { padding:50px; }

.pdh40 { padding:40px 0; }

.arial { font-family: "arial"; }

.green { color:#7fac00; }

.greenhover:hover { background-color:#6bc30d; }

.greenpress:active { background-color:#6bc30d; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; }

::selection { background:#a3db18; color:#fff; }
::-moz-selection {
background:#a3db18;
color:#fff;
}
::-webkit-selection {
background:#a3db18;
color:#fff;
}

.colorlarge .orange { background:#ff7f03; }

.colorlarge .white { background:#fff url('white_fixed.png') no-repeat 0 0; }

.colorlarge .white a { background:url('white_fixed_r.png') no-repeat 100% 0; }

.colorlarge .blue { background:#2779a7; }

.colorlarge .green { background:#4CBF0E; }

.colorlarge .yellow { background:#ffde00; }

.colorlarge .red { background:#f01e1e; }

.colorlarge .purple { background:#c818fb; }

.colorlarge .pink { background:#E9016E; }

.colorlarge .gray { background:#d3d5d4; }

.colorlarge .black { background:#000; }

.colorlarge .colorful { background:url(colorful2.png); }

.colorlarge td { height:6px; background:#333; }

.colorlarge .color-full { height:6px; cursor:pointer; background-image: url('d.png'); }

.colorsmall ul { margin-top:2px; }

.colorsmall ul li { display:block; float:left; margin-right:1px; height:20px; width:25px; position:relative; z-index:0; }

.colorsmall ul li a { display:block; float:left; width:25px; height:6px; margin-top:5px; position:absolute; left:0; top:0; }

.colorsmall .white a { background:#fff; width:23px; height:4px; border:1px solid #DADADA; }

.colorsmall .orange a { background:#ff7f03; }

.colorsmall .blue a { background:#2779a7; }

.colorsmall .green a { background:#4CBF0E; }

.colorsmall .yellow a { background:#ffde00; }

.colorsmall .red a { background:#f01e1e; }

.colorsmall .purple a { background:#c818fb; }

.colorsmall .pink a { background:#E9016E; }

.colorsmall .gray a { background:#d3d5d4; }

.colorsmall .black a { background:#000; }

.colorsmall .colorful a { background:url(colorful2.png); }

#header { width:100%; background:#323436; position:fixed; left:0; top:0; z-index:10; height:50px; }

.logo { height:50px; float:left; margin-right:20px; position:relative; }

.logo a { display:block; margin-top:4px; }

.logo img { width:170px; height:42px; }

.nav .light a { color:#bcff00; }

.nav .light a:hover { color:#bcff00; }

.nav .light:hover a { color:#bcff00; }

.nav { position:relative; float:left; height:50px; line-height:50px; z-index:11; }

.nav ul { height:50px; display:block; }

.nav .navcur { background:#6BC30D; }

.nav .navcur:hover { background:#6BC30D; }

.nav .navcur a { color:#fff; }

.ogrid .nav .navcur { background:#6BC30D; }

.ogrid .nav .navcur a { color:#fff; }

.ogrid .navlist { margin-top:8px; }

.ogrid .navlist a { height:32px; width:32px; display:block; background-color:#505050; background-image:url('icons.png'); background-repeat:no-repeat; background-position:-213px -267px; }

.ogrid .navlist a:hover { background-color:#6BC30D; }

.ogrid .nav { left:-192px; }

.ogrid .logo { left:60px }

.ogrid .nav ul { overflow:hidden; position:fixed; height:100%; left:-440px; top:50px; z-index:-99; background:#202123; }

.ogrid .nav li { vertical-align:bottom; float:none; }

.ogrid .nav li a { width:100%; margin:0; padding:0; text-align:center; display:block; float:none; }

.navlist { display:none; }

.ogrid .navlist { display:block; }

/*.nav li { display:block; float:left; -webkit-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear; -o-transition:background-color 0.3s linear; transition:background-color 0.3s linear; }

.nav li:hover { background:#454648 }

.nav li:hover a { color:#fff; }

.nav li a { padding:0 25px; margin-left:3px; display:block; float:left; font-size:14px; color:#8C8C8C; -webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear; -o-transition:color 0.3s linear; transition:color 0.3s linear; }

.nav li a:hover { font-size:14px; color:#fff; }
*/
.loginmenu { display:none; }

.logintoggle { cursor:pointer; }

.logintoggle .loginmenu { display:block; }

.logintoggle ul { display:none; right:0px; top:42px; position:absolute; z-index:99; }

.logintoggle ul li a { width:130px; }

.openlogin i { font-size:12px; background:url('icons.png') no-repeat -40px -430px; margin-right:2px; }

.openlogin a { -webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear; -o-transition:color 0.3s linear; transition:color 0.3s linear; }

.openlogin a:hover { color:#fff; }

.logintoggle .loginmenu a { display:block; width:32px; height:32px; background-color:#505050; background-image:url('icons.png'); background-repeat:no-repeat; background-position:-215px -220px; }

.logintoggle .loginmenu a:hover { background-color:#6BC30D; }

.login { position:relative; height:32px; line-height:32px; margin-top:8px; }

.login li { float:left; display:block; }

.login li a { text-align:center; font-size:14px; float:left; display:block; width:70px; height:32px; line-height:32px; background:#505050; color:#acacac; }

.login .reg a { background:#6BC30D; color:#fff; }

.hide { display:none; }

.show { display:block; }

.date { border:1px solid #ced8db; padding:0 11px 6px 11px; color:#8f8f8f; }

.day { font-size:41px; font-weight:bold; display:block; height:40px; overflow:hidden; margin-bottom: 3px; }

.year { font-size:11px; -webkit-text-size-adjust:none; display: block; text-align: center; }

.commend { padding-top: 7px; margin-left:15px; }

.css { display:block; font-size:28px; font-weight:700; height:26px; overflow:hidden; }

.cmd { font-size:14px; height:18px; overflow:hidden; color:#666; line-height:19px; }

.cmdtitle a { font-size:30px; color:#6f6f6f; display:block; height:30px; overflow:hidden; }

.favoriteslist .newlist { height:262px; }

.addfavorite { font-size:16px; background-color:#9b9b9b; color:#fff; display:block; height:52px; line-height:52px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }

.addfavorite:hover { background-color:#6bc30d; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }

.addfavorite_l { background-color:#6bc30d; }

#addlike i { width:18px; height:16px; display:inline-block; background-image:url('icons.png'); background-repeat:no-repeat; background-position:-83px -72px; }

.author { height:24px; line-height:24px; color:#828282; }

.author a { display:block; float:left; height:24px; margin-right:10px; color:#828282; }

.addfavorite span { color:#f4f4f4; }

.cmdinfo { position:relative; height:288px; }

.cmdinfo p { color:#848484; }

.cmdinfo p span { color:#373737; }

#select .common { position:relative; }

.fold { width:20px; height:20px; cursor:pointer; background-image:url('icons.png'); background-repeat:no-repeat; background-position:0px -224px; position:absolute; top:-10px; right:0px; }

.cases { border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }

.listbox .boxtags, .showcase .boxtags { border-top:1px solid #F6F6F6; }

.boxtags { position:absolute; height:50px; line-height:50px; border-top:1px solid #DBDBDB; width:280px; overflow:hidden; left:0; bottom:0; }

.boxtags ul { padding-left:30px; background:url(icons.png) no-repeat 3px -160px; }

.boxtags li { display:block; float:left; padding-left:25px; background:url('li.png') no-repeat 0 24px; white-space:nowrap; }

.boxtags li a { color:#939292; }

.boxtags li a:hover { color:#303030; text-decoration:underline; }

.showcase .boxtags ul, .listbox .boxtags ul { width:220px; margin:0 auto; display:block; }

.scw img { width:100%; }

.showcase .artfields, .listbox .artfields { margin-top:5px; }

.firstlastpage, .pages .firstlastpage { display:none; }

.cate { float:left; padding:10px 0px 10px 0; position:relative; }

.cate li { display:block; float:left; background:#e8e8e8; }

.cate .addbag { margin-left:0; }

.cate li a { display:block; float:left; background-image:url(icons.png); background-repeat:no-repeat; width:40px; height:40px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }

.cate .sccur { background:#6bc30d; }

.cate .sccur:hover { background:#6bc30d; }

.cate li:hover { background:#606060; color:#fff; }

.cate .home { margin-left:0; background:#5d5d5d; }

.cate .home a { width:80px; background:none; line-height:40px; color:#fff; font-size:12px; text-align:left; text-indent:15px; cursor:default; }

.cate .home.sccur { background:#5d5d5d; }

.cate .home:hover { background:#5d5d5d; }

.cate .home a:hover { color:#fff; }

.cate .home.sccur a { color:#fff; }

.cate .home { position:relative; }

.cate .addbag a { background-position:-30px 13px; }

.cate .clipboard a { background-position:-72px 13px; }

.cate .eyedropper a { background-position:-112px 12px; }

.cate .grid a { background-position:-153px 13px; }

.cate .calendar a { background-position:-194px 13px; }

.cate .addbag a:hover { background-position:-30px -30px; }

.cate .clipboard a:hover { background-position:-72px -30px; }

.cate .eyedropper a:hover { background-position:-112px -29px; }

.cate .grid a:hover { background-position:-153px -30px; }

.cate .calendar a:hover { background-position:-194px -30px; }

.cate .addbag .sccurt { background-position:-30px -30px; }

.cate .clipboard .sccurt { background-position:-72px -30px; }

.cate .eyedropper .sccurt { background-position:-112px -29px; }

.cate .grid .sccurt { background-position:-153px -30px; }

.cate .calendar .sccurt { background-position:-194px -30px; }

.cate .addbag { position:relative; }

.addbag_arrow { position:absolute; width:5px; height:9px; left:-5px; top:15.5px; background:url('addbag-arrow.png') no-repeat 0 0; }

.cate .addbag:hover .addbag_arrow { background-position:0 -9px; }

.cate .addbag.sccur .addbag_arrow { background-position:0 -18px; }

#sort { display:block; width:100px; position:absolute; top:10px; right:0; color:#535353; background:#e6e6e6; text-indent:18px; }

#sort dl { overflow:hidden; height:40px; }

#sort dt { display:block; height:40px; line-height:40px; cursor:default; position:relative; }

#sort dt i { display:block; width:5px; height:3px; background:url('cate.png') no-repeat 0 -3px; top:18px; right:20px; position:absolute; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

#sort dd { display:block; height:40px; line-height:40px; cursor:pointer; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

#sort dd:hover { background:#5D5D5D; color:#fff; }

#sort dt .rotatei { transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); }

#sort dd a { display:block; height:100%; }

#sort dd a:hover { color:#fff; }

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

#catemove { display:none; }

.catedecoration span { height:6px; width:13px; display:block; position:absolute; bottom:-6px; left:33px; background:url(icons.png) no-repeat 0 -380px; }

.catedecorationtext { height:27px; position:absolute; top:-27px; left:55px; width:80px; overflow:hidden; }

.catedecorationtext .tul { display:block; width:400px; height:27px; }

.cate .catedecorationtext .tli { width:80px; background:none; height:27px; display:block; float:left; line-height:27px; text-align:center; color:#fff; font-size:12px; margin:0; }

.cate .catedecorationtext .tli:hover { background:none; }

#searcht { height:32px; margin:8px 10px 0 0px; background:#505050; float:right; padding-left:10px; position:relative; z-index:0; }

#search { display:none; margin-top: 10px; height: 40px; padding: 0 10px; }

.search { height:25px; line-height:25px; margin-top:8px; float:left; }

.searchtags .sca, .searchtags .scb { color:#b2b2b2; }

.searchtags ul { display:block; height:25px; }

.searchtags li { background:#3a3a3a; display:block; float:left; margin-right:5px; }

.searchtags li:hover { background:#2d2d2d; }

.searchtags a { color:#b2b2b2; display:block; float:left; padding:0 10px; margin-left:5px; }

.searchtags .closetag { display:block; float:left; background: url(icons.png) no-repeat 8px -68px; height:25px; padding:0; width:25px; margin-left:0; }

.closetag:hover { background-color:#1a1a1a; }

.searchtxt { padding-right:8px; width:120px; background:none; border:none; color:#999; height:14px; line-height:14px; display:block; float:left; font-size:12px; padding-top:9px; padding-bottom:9px; }

.searchbtn { width:32px; height:32px; display:block; float:left; background:url(icons.png) no-repeat -35px -65px; border:none; cursor:pointer; }

.searchbtn:hover { background-color:#1a1a1a; }

.sca { color:#676767; }

.scb { color:#b6b6b6; }

.viewcate { margin-top:20px; }

.viewcate li { white-space:nowrap; }

.cate1 ul li, .cate2 ul li, .cate5 ul li { display:block; float:left; margin:0 5px 10px 0; }

.cate1 ul li a, .cate2 ul li a, .cate5 ul li a { display:block; float:left; height:26px; line-height:26px; padding:0 15px; background: #fff; }

.cate1 ul li a:hover, .cate2 ul li a:hover, .cate5 ul li a:hover { background:#636363; }

.cate1 ul li:hover .sca, .cate2 ul li:hover .sca, .cate5 ul li:hover .sca { color:#fff; }

.cate1 .selected a, .cate2 .selected a, .cate5 .selected a { background:#636363; }

.cate1 .selected .sca, .cate2 .selected .sca, .cate5 .selected .sca { color:#fff; }

.cate3 a, .cate4 a { position:relative; }

.cate3 .gselected, .cate4 .gselected { position:absolute; right:5px; bottom:5px; }

.cate3 .selected .gselected, .cate4 .selected .gselected { background:url('icons.png') no-repeat -3px -126px; width:16px; height:16px; }

.cate3 li { display:block; float:left; width:80px; text-align:center; margin-right:13px; }

.cate3 li a { display:block; width:80px; height:80px; margin-bottom:10px; }

.cate3 .white { background:none; }

.cate3 .white a { background:#fff; }

.cate3 .black a { background:#000; }

.cate3 .blue a { background:#2779a7; }

.cate3 .green a { background:#4CBF0E; }

.cate3 .yellow a { background:#ffde00; }

.cate3 .orange a { background:#ff7f03; }

.cate3 .red a { background:#f01e1e; }

.cate3 .purple a { background:#c818fb; }

.cate3 .gray a { background:#d3d5d4; }

.cate3 .pink a { background:#E9016E; }

.cate3 .colorful a { background:url(colorful.png); }

.cate4 li { display:block; float:left; width:80px; text-align:center; margin-right:20px; }

.cate4 li a { display:block; width:80px; height:80px; margin-bottom:10px; background-image:url('layout.png'); background-color:#fff; }

.cate3 ul li, .cate4 ul li { margin-bottom:10px; }

.response { position:relative; }

.response .layout-r { position:absolute; top:8px; right:-45px; }

.cate1, .cate2, .cate3, .cate4, .cate5 { display:none; }

.artfields li, .artfields li a { color:#bfbfbf; display:block; }

.artfields li { display:block; float:left; height:12px; line-height:12px; background-image:url('icons.png'); background-repeat:no-repeat; cursor:pointer; padding-left:20px; text-align:right; }

.sc_info p { height:60px; color:#939292; line-height:20px; }

.sc_info p span { color:#565656; }

.views { background-position:-208px -144px; }

.comment { background-position:-126px -108px; }

.likeit { background-position:-208px -108px; position:relative; }

.comment:hover { background-position:-126px -127px; }

.dontlikeit { background-position:-208px -126px; }

.showcase { background:#fff; height:373px; position:relative; }

.sc_preview { width:280px; height:180px; overflow:hidden; position:relative; }

.sc_preview a { display:block; }

.sc_detail { position:absolute; bottom:-60px; left:0; background:#fff; padding:10px 20px 0px 20px; width:240px; }

.sc_detail h3 a { font-size:18px; font-weight:500; color:#000; overflow:hidden; height:22px; }

.postdate { color:#bdbdbd; display:block; text-indent:15px; height:20px; line-height:20px; background:url('icons.png') no-repeat -4px -104px; }

.listbox { background:#fff; height:295px; position:relative; }

.pages { width:60px; height:40px; margin-top:18px; }

.pages li { display:block; }

.pages li a:hover { background-color:#666; -webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -o-transition:all 0.9s linear; transition:all 0.9s linear; }

.pages .prev a { background-position:-58px -223px; }

.pages .next a { background-position:-56px -257px; }

.pages li a { display:block; width:25px; height:25px; background-image:url('icons.png'); background-color:#505050; }

#flink .common { background:#fff; }

#flink dt { margin-right:25px; }

#flink dt, #flink dd { display:block; float:left; margin-right:20px; line-height:24px; }

#flink dt { color:#3e3e3e; margin-right:10px; display:block; float:left; }

#flink dd a { color:#949494; -webkit-transition:color 0.3s ease-out; -moz-transition:color 0.3s ease-out; -o-transition:color 0.3s ease-out; transition:color 0.3s ease-out; }

#flink dd a:hover { color:#3e3e3e }

#flink dt a { color:#ff6000 }

#footer { background:#222324; line-height:24px; color:#8e8e8e; position:relative; z-index:1; }

#footer ul { margin-bottom:10px; }

#footer li { display:block; float:left; padding-right:40px; margin-bottom:5px; }

#footer li a { color:#cecece; font-size:14px; -webkit-transition:color 0.3s ease-out; -moz-transition:color 0.3s ease-out; -o-transition:color 0.3s ease-out; transition:color 0.3s ease-out; }

#footer li a:hover { color:#fff; }

.copy .weibo2 { vertical-align: middle; margin-left:10px; }

.weibo2 { opacity:0.8; -moz-opacity:0.8; background:url('weibo2.png') no-repeat 0 0; }

.weibo2:hover, .weixin:hover { opacity:1; -moz-opacity:1; }

.weibo2 { margin-top:4px; }

.weixin { background:url('weixin.png') no-repeat 0px 4px; padding-left:20px; opacity:0.8; -moz-opacity:0.8; position:relative; }

.weixin_l { width:258px; height:258px; background:url('weixin_l.png'); position:fixed; z-index:0; bottom:-258px; left:0; }

.offsetleft { position:absolute; left:0; top:0; height:5px; width:5px; }

.copy a { color:#8E8E8E; }

.copy .light { color:#70ca10; }

.copy span { margin-right:5px; }

.copy a { margin-right:5px; }

.copyright { margin-right:100px; float:left; }

.bstvsl { color:#7c7c7d; display:block; float:left; }

.contentdate { }

.contentdate .css { font-size:42px; line-height: 40px; height:auto; font-weight:700; }

.contentdate .cmd { font-size:14px; }

.contentdate .commend { padding-top:0; margin-left:25px; }

.share li { display:block; float:left; margin-right:13.33333333333333px; }

.share li a { display:block; float:left; background:#9b9b9b; }

.share .sinal a:hover { background:#d63b22 }

.share .qql a:hover { background:#3eb0d8 }

.share .renrenl a:hover { background:#1f87cc }

.share .doubanl a:hover { background:#319947 }

.share .twitterl a:hover { background:#31c1eb }

.share .facebookl a:hover { background:#39599f }

.ctitle { font-size:32px; font-weight:700; margin-right:20px; }

.curl { line-height:49px; height:32px; overflow:hidden; }

.curl a { color:#1F8902; }

.cdecoration { line-height:20px; color:#848484; font-size:14px; -webkit-text-size-adjust:none; }

.cdecoration p { word-wrap:break-word; }

.cdecoration span { color:#373737; }

.anothercommend { width:280px; margin-top: 8px; }

.othercommend { background:#eaeaea; }

.othercommend .othercommendt { font-size:12px; font-weight:500; background:#e6e6e6; height:50px; }

.othercommendt .author { margin:12px 0 0 20px; float:left; }

.listboxl { background:#fff; position:relative; }

.listboxl .sc_preview { width:240px; height:154px; }

.listboxl .sc_preview img { width:240px; }

.listboxl .sc_detail { width:220px; height:60px; padding: 10px 10px 0px 10px; }

.listboxl .boxtags ul { padding-left:35px; background-position:8px -160px; display:block; height:50px; }

.listboxl .boxtags { width:240px; }

.listboxl .artfields { margin-top:5px; }

.listboxl .sc_detail h3 a { height:24px; }

.listboxl .sc_info { height:75px; }

.cdecoration h3, .ccolor h3, .ctags h3 { font-size:12px; font-weight:500; height:40px; line-height:40px; color:#535353; text-indent:5px; }

.cdecoration h3 i, .ccolor h3 i, .ctags h3 i { background-image: url(icons.png); background-repeat: no-repeat; width:20px; height:40px; display:block; float:left; }

.cdecoration h3 i { background-position:-218px -466px; }

.ccolor h3 i { background-position:-124px 12px; }

.ctags h3 i { background-position:-43px 12px; }

.ctags ul li { display:block; float:left; margin-right:5px; margin-bottom:5px; }

.ctags ul li a { display:block; float:left; background:#fff; height:27px; line-height:27px; padding:0 12px; }

.ctags ul li a:hover { background:#65686a; }

.ctags ul li a:hover .sca { color:#fff; }

.morewebsite h2 { font-size:18px; font-weight:500; border-bottom:1px solid #E6E6E6; height:40px; margin-bottom:20px; }

.othercommend .boxtags { border-top:solid 1px #e6e6e6; }

.commentpost_login h3 { color:#999; font-weight:500; font-size:12px; }

.commentpost_login h3 a { color:#1F8902; }

.quotes .pd10 { border:1px solid #F0F0F0; background:#F4F4F4; color:#B1B1B1; }

.reply_content { min-height:26px; }

.quotes h4 { font-weight:500; line-height:14px; overflow:hidden; height:20px; }

.viewpofile { float:left; display:block; }

.poster_w { background:#FF7200; color:#fff; font-size:12px; margin-left:20px; display:none; height:24px; line-height:24px; float:left; padding:0 10px; margin-bottom:10px; }

.submitthisreply .poster_w { margin-left:0; }

.posterinfo { height:24px; line-height:24px; }

.posterinfo span { margin-right:5px; }

.posterinfo a { color:#989898; }

#comment .light a { color:#1F8902; }

.posteravatar { height:85px; }

.postinput { height:85px; float:left; }

.postinput textarea { margin-left:20px; display:block; height: 73px; border: #DAE2E5 1px solid; resize: none; border-right: none; padding: 5px; font-size: 12px; color: #818181; overflow-y:hidden; width:200px; float:left; }

.postbtn { width:124px; }

.postbtn a { width: 124px; height: 85px; display: block; background: #AEAEAE; float: right; line-height: 85px; text-align: center; color: white; font-size: 16px; }

.postbtn a:hover { background:#70CA10; }

#tbxx { margin-top: 10px; float: left; margin-left:70px; }

#tbxx label { margin-left: 8px; }

.commentresult h3 { font-weight:500; height:50px; line-height:40px; }

.athead span { color:#c4cfdd; margin-right:10px; }

.clistavatar { margin-right:20px; }

.acommentmsg { padding:20px 0; margin-bottom:10px; border-top:1px solid #dae2e5; }

.clistcontent { line-height:24px; color:#6B6A6A; }

.replythiscomment { color:#FF7800; display:none; }

.replyinput { display:none; }

.replyinput textarea { height: 83px; width:100%; resize: none; font-size: 12px; color: #818181; overflow-y:hidden; display:block; line-height:20px; border:0; line-height:12px; }

.replyinput .mb10 { padding:5px; }

.submitthisreply a { width:124px; height:30px; line-height:30px; color:#fff; background:#AEAEAE; display:block; text-align:center; float:right; }

.submitthisreply a:hover { background:#70CA10; }

.morecomment a { display:block; height:35px; line-height:35px; color:#fff; background:#c8c8c8; text-align:center; font-size:14px; }

.morecomment a:hover { background:#666; }

.smallpipt textarea { height:30px; }

.smallpipt .postbtn { width:auto; }

.smallpipt .postinput, .smallpipt .posteravatar { height:50px; }

.smallpipt .postbtn a { height:42px; width:40px; line-height:20px; font-size:14px; }

.retina { background-image:url('iconsx2.png'); background-size:240px 400px; }

#maskblack { position:fixed; z-index:8; width:100%; height:200%; top:0; left:0; background:url('bblock-80.png'); display:none; }

#slider { }

.sliderulone { position:relative; }

.sliderwrap { overflow:hidden; position:relative; }

.sliderwrap img { width:100%; display:none; }

.sliderwrap ul { display:block; float:left; }

.sliderwrap ul li { display:block; float:left; }

.sliderwrap ul li a { display:block; float:left; }

.sliderbtnprev, .sliderbtnnext { width:70px; height:70px; position:absolute; top:50%; margin-top:-35px; background:url('bblock-20.png'); }

.sliderbtnprev .btnarrow, .sliderbtnnext .btnarrow { width:70px; height:70px; position:absolute; top:0; left:0; cursor:pointer; background:url('iconsx2.png') no-repeat; }

.sliderbtnprev { left:-110px; }

.sliderbtnnext { right:-110px; }

.sliderbtnprev .btnarrow { background-position:-153px -434px; }

.sliderbtnnext .btnarrow { background-position:-100px -494px; }

.sliderbtnprev:hover, .sliderbtnnext:hover { background:url('gblock-80.png'); }

.viewdetail { position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; color:#fff; font-size:16px; text-align:center; background:#6bc30d; display:block; display:none; }

.viewlitpic { position:relative; }

.foldround { height:50px; line-height:50px; background:#fff; margin-top:1px; cursor:pointer; text-align:center; font-size:14px; color:#454648; }

.foldround img { vertical-align:middle; margin-left:10px; }

.foldround:hover { background:#E6E6E6; }

.foldround:hover .foldarrow { background-position:0 4px; }

.foldarrow { background:url('foldround_open.png') no-repeat 0 -26px; width:14px; height:18px; font-size:18px; margin-left:10px; }

.foldround .foldroundon { background:url('foldround_close.png') no-repeat 0 3px; }

.foldround:hover .foldroundon { background:url('foldround_close.png') no-repeat 0 -27px; }

.loginmask { width:100%; height:100%; z-index:8; background:#000; position:fixed; top:0; left:0; display:none; }

#loginalert { width:440px; background:#fff; position:fixed; top:-600px; left:50%; margin-left:-220px; z-index:99999; display:none; }

.closealert { width:20px; height:20px; cursor:pointer; background:url('icons.png') no-repeat -220px -315px; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out; }

.closealert:hover { transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); }

.loginwrap { width:340px; margin:0 auto; }

.loginh { height:40px; margin-top:20px; }

.loginh .fl { font-size:30px; line-height:40px; color:#292929; }

.loginh .fr { font-size:18px; line-height:50px; color:#707070; }

.loginh .fr a { font-size:18px; line-height:50px; color:#FF4200; margin-left:5px; }

.loginwrap h3 { font-size:14px; font-weight:500; height:20px; margin-top:15px; color:#292929 }

.loginbtn { line-height:70px; color:#6B6A6A; }

.logininput input { display:block; height:14px; line-height:14px; width:100%; border: #DAE2E5 1px solid; text-indent:10px; overflow:hidden; color:#979696; padding-top:13px; padding-bottom:13px; }

.logininput .loginusername { margin-top:15px; margin-bottom:10px; }

.loginsubmit input { width:130px; height:40px; line-height:40px; color:#fff; background:#70CA10; display:block; text-align:center; font-size:20px; border:none; font-family:'微软雅黑'; cursor:pointer; }

.loginsubmit { width:130px; height:40px; margin:15px 20px 0 0; position:relative; }

.loginsubmiting { height:40px; background:#fff; position:absolute; top:0; left:0; width:130px; opacity:0.8; filter:alpha(opacity=80); display:none; }

.loginsubmiting_inner { height:40px; background:url('loading.gif') no-repeat 50% 50%; width:130px; position:absolute; top:0; left:0; }

.loginpd { border-bottom:1px solid #ecf2f5; }

.thirdlogin .pd50 { padding-top:30px; padding-bottom:30px; }

.thirdlogin h4 { color:#6B6A6A; font-weight:500; margin-bottom:20px; }

.thirdlogin ul li { display:block; float:left; margin-bottom:10px; }

.thirdlogin ul li a { display:block; float:left; height:40px; line-height:40px; width:160px; color:#fff; text-indent:60px; }

#sinal a { background:#d63b22 url('share/weibo.png') no-repeat 0px -5px; }

#qql a { background:#3eb0d8 url('share/qq.png') no-repeat 0px -5px; }

#renrenl a { background:#1f87cc url('share/renren.png') no-repeat 0px -5px; }

#doubanl a { background:#319947 url('share/douban.png') no-repeat 0px -5px; }

.thirdlogin ul li { margin-right:20px; }

.userpanel { position:relative; }

.userpanel dt { padding:10px; background:#36393b; position:relative; height:30px; overflow:hidden; }

.userpanel dt.userpanel_cur { background:#2a2a2a }

.userpanel dt span { display:block; height:16px; line-height:16px; background:red; color:#fff; padding:0 2px; top:0; right:0; position:absolute; }

.userpanel dt img { width:30px; }

.userpanel dl, .userpanel dt, .userpanel dd { display:block; }

.userpanel dd { position:absolute; top:50px; right:0; width:145px; background:#2a2a2a; display:none; }

.userpanel dd li a { height:30px; line-height:30px; color:#ccc; display:block; text-indent:30px; }

.userpanel dd li a:hover { background-color:#6BC30D; color:#fff; }

.userpanel dd li .fl { margin-left:15px; }

.userpanel dd li .fr { margin-right:15px; color:red }

.upmenu .favorites, .upmenu .upload { display:block; width:35px; height:30px; float:left; margin-top:10px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.upmenu .favorites:hover, .upmenu .upload:hover { background-color:#2a2a2a; }

.upmenu .upload { background:#3b3e40 url(icons.png) no-repeat -205px -371px; margin-right:10px; position:relative; border-bottom:10px solid #323436; }

.upmenu .upload_a { width:140px; position:absolute; top:40px; right:-60px; background:#2a2a2a; display:none; }

.upmenu .upload_a ul { display:block; }

.upmenu .upload_a ul li a { display:block; height:30px; line-height:30px; color:#ccc; display:block; text-indent:15px; }

.upmenu .upload_a ul li a:hover { background:#6BC30D; color:#fff; }

.upmenu .favorites { background:#3b3e40 url(icons.png) no-repeat -165px -371px; margin-right:2px; position:relative; }

#pages ul li { display:block; float:left; width:36px; height:36px; text-align:center; line-height:36px; margin-right:5px; color:#a9a9a9; }

#pages ul .pagecur a { background:#70CA10; color:#fff; }

#pages ul .pagecur a:hover { background:#70CA10; color:#fff; }

#pages ul li a { display:block; float:left; background:#fff; width:36px; height:36px; text-align:center; line-height:36px; color:#a9a9a9; }

#pages ul li a:hover { background-color:#969696; color:#fff; }

#pages ul .prev a { background:#fff url('icons.png') no-repeat -52px -217px; }

#pages ul .next a { background:#fff url('icons.png') no-repeat -75px -247px; }

#pages ul .prev a:hover { background-position:-76px -217px; }

#pages ul .next a:hover { background-position:-50px -247px; }

#post_head { background:#F0F0F0; }

#post_head ul { display:block; float:left; margin-right:30px; }

#post_head ul li { float:left; }

#post_head ul li a { display:block; float:left; width:150px; height:60px; line-height:60px; text-align:center; font-size:18px; margin-right:1px; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out; background:#6e6f71; color:#fff; }

#post_head ul li a:hover { background:#4d4e50; color:#fff; }

#post_head ul .post_head_cur a { background:#fff; color:#535353; }

#post_head ul .post_head_cur a:hover { background:#fff; color:#535353; }

#post_head h4 { font-size:12px; font-weight:500; display:block; float:left; height:60px; line-height:60px; }

.wared { color:#ff0000; }

#upload .common { background:#fff; }

.pnline { border-bottom: #ECF2F5 1px solid; width:100%; }

.apostline { margin-left:50px; }

.posth { line-height:50px; }

.posth h3 { font-size:30px; font-weight:500; line-height:30px; }

.postformleft { width:100px; line-height:40px; font-size:14px; display:block; height:40px; }

.posttitle textarea { resize:none; width:460px; height:160px; padding:20px; border:1px solid #DBE2E6; overflow-y:hidden; }

.posttitle textarea:focus { border:1px solid #e0c614; }

.apinput { display:blocl; float:left; height:38px; width:500px; border:1px solid #DBE2E6; line-height:38px; text-indent:20px; }

.apinput:focus { border:1px solid #e0c614; }

.choosecate .postformleft { line-height:20px; }

.post_check_info { position:absolute; top:0; left:620px; height:40px; width:220px; position:absolute; top:0; border:1px solid #a5a5a5; background:#a5a5a5; color:#fff; display:none; }

.post_check_info .pd10 { height:20px; line-height:20px; text-align:left; text-indent:28px; background:url('tips.png') no-repeat 10px -47px; }

.post_check_info.post_check_info_w { border:1px solid #ffe2be; background:#fffada; display:block; }

.post_check_info.post_check_info_w .pd10 { background-position:10px 1px; color:#979696; }

.post_check_info.post_check_info_t { background-color:transparent; border:#fff; display:block; }

.post_check_info.post_check_info_t .pd10 { background-position:10px -95px; }

.likeatag ul li { display:block; float:left; margin: 0 5px 10px 0; height: 26px; }

.likeatag ul li a { display:block; float:left; background:#F8F8F8; height: 26px; line-height: 26px; padding: 0 15px; white-space:nowrap }

.likeatag ul li a:hover, .likeatag ul .tagselected a { background:#636363; }

.likeatag ul li a:hover .sca, .likeatag ul .tagselected .sca { color:#fff; }

.likeaswitcher li { display:block; float:left; width:80px; text-align:center; margin:0 20px 10px 0; height:110px; position:relative; }

.likeaswitcher li a { display:block; width:80px; height:80px; margin-bottom:10px; position:relative; }

.likeaswitcher .gselected { position:absolute; right:5px; bottom:5px; }

.likeaswitcher .tagselected .gselected { background:url('icons.png') no-repeat -3px -126px; width:16px; height:16px; }

#bimgqueue { }

.drag_area { height:100px; position:relative; }

.drag_area_c { width:760px; height:100px; background:#F5F5F5 url('dragarea.png') no-repeat 0 50%; position:relative; }

.drag_area_c_litpic { margin-left:25px; }

.drag_area_c_litpic img { width:124px; height:80px; }

.drag_area_c_info textarea { width:540px; height:70px; overflow:hidden; margin-left:10px; resize: none; border:#dbe2e6 1px solid; padding:5px; }

.drag_area_c_info textarea:focus { border:1px solid #e0c614; }

.drag_area .cancel a { position:absolute; width:16px; height:16px; right:10px; top:10px; background:url('uploadify-cancel.png'); cursor:pointer; }

.post_new_pic { cursor:pointer; float:left; }

.upload_line { }

.upload_line th { text-align:left; line-height: 40px; font-size: 14px; font-weight:500; width:100px; }

.wared.un { color:#fff }

.upload_wrap { margin:0 auto; background:#fff; }

.postcolor .white a { background:#fff; border:1px solid #F2F2F2; }

.postcolor .orange a { background:#ff7f03; }

.postcolor .blue a { background:#2779a7; }

.postcolor .green a { background:#4CBF0E; }

.postcolor .yellow a { background:#ffde00; }

.postcolor .red a { background:#f01e1e; }

.postcolor .purple a { background:#c818fb; }

.postcolor .pink a { background:#E9016E; }

.postcolor .gray a { background:#d3d5d4; }

.postcolor .black a { background:#000; }

.postcolor .colorful a { background:url(colorful2.png); }

.postlayout li a { background-image:url('layout.png'); background-color:#fff; border:1px solid #F2F2F2; }

#simgarea { background: url('simgarea.jpg'); width: 280px; height: 180px; float: left; margin-right:30px; }

#simgup span { display:block; margin-top:20px; }

.simctrl { margin:40px 0 0 0; }

#postbtn, .postclass { background:#70CA10; color:#fff; width:130px; height:40px; line-height:40px; text-align:center; display:block; float:left; font-size:16px; border:none; cursor:pointer; }

#pofile .common { }

#index_list_round { height:310px; margin-bottom:40px; overflow:hidden; position:relative; }

.index_list_content { position:relative; }

.index_list_content li { display:block; width:580px; height:310px; position:absolute; top:0; left:0; overflow:hidden; }

.index_list_content li a { display:block; width:580px; height:310px; position:absolute; top:0; left:0; }

.index_list_content li img { width:580px; }

.index_list_arrow li { display:block; top:95px; position:absolute; width:27px; height:46px; background:url('bblock-30.png'); cursor:pointer; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.index_list_arrow li:hover { background-color:#a0ee4d; }

.index_list_arrow li i { display:block; width:16px; height:16px; background:url('icons.png') no-repeat 0 0; }

.index_list_arrow .index_list_arrow_prev { left:-30px; }

.index_list_arrow .index_list_arrow_next { right:-30px; }

.index_list_arrow .index_list_arrow_prev i { background-position:-87px -228px; margin:16px 0 0 6px; }

.index_list_arrow .index_list_arrow_next i { background-position:-60px -257px; margin:16px 0 0 6px; }

.index_list_arrow .index_list_cur.index_list_arrow_prev { left:0; }

.index_list_arrow .index_list_cur.index_list_arrow_next { right:0; }

.index_list_info { width:100%; height:70px; background:#fff; position:absolute; bottom:-70px; left:0; }

.index_list_info .pd10 { display:none; }

.index_list_avatar { width:50px; height:50px; }

.index_list_avatar a { display:block; }

.index_list_avatar a img { width:50px; height:50px; }

.index_list_user { margin-left:10px; overflow:hidden; white-space:nowrap }

.index_list_info_content { width:390px; margin-left:20px; }

.index_list_info_name { display:block; font-size:14px; height:29px; line-height:28px; width:70px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }

.index_list_info_name a { }

.index_list_info_cate a { color:#6bc30d; }

.index_list_info_content a { height:29px; line-height:28px; font-size:14px; font-weight:700; }

.index_list_info_content p { height:21px; overflow:hidden; line-height:19px; }

.newlist { height:310px; margin-bottom:40px; }

.newlist .sc_detail { height:50px; overflow:hidden; }

.listline { height:1px; background:#f8f8f8; width:100%; }

.listtags { height:40px; line-height:40px; overflow:hidden; }

.listtags ul { height:40px; }

.listtags li { display:block; float:left; padding-left:25px; background:url('li.png') no-repeat 0 19px; white-space:nowrap; }

.listtags li a { color:#939292; }

.listtags li a:hover { color:#303030; text-decoration:underline; }

.listbox .listfields { margin-top:0; height:40px; line-height:40px; }

.listfields li { display:block; float:left; margin-top:13px; margin-right:20px; }

.artfields .viewit { background-position:-207px -145px; }

.artfields .discussionvsit { background-position:-165px -145px; height:14px; }

.cmperson { height:50px; }

.cmperson .author { margin-top:12px; }

.author span { color:#C0C0C0; }

.likeiti { cursor:pointer; height:25px; color:#fff; line-height:25px; position:absolute; width:50px; top: -30px; text-align: center; left:-17px; background:#ff8a00; display:none; }

.sc_info .pdw20 { position:relative; }

.medal { height:40px; }

.medal i { width:16px; height:16px; float:left; display:block; margin-top:13px; background:url('awards.png') no-repeat; display:none; }

.awards i { display:block; }

.nsmall { width:240px; height:auto; }

.nsmall .sc_detail { width:200px; }

.nsmall .sc_preview { width:240px; height:160px; }

.nsmall .sc_preview img { width:240px; }

.showavatar { width:80px; height:80px; margin-right:20px; }

.showavatar img { width:80px; height:80px; }

.userdetail { height:80px; color:#8C8C8C; }

.user_name { height:28px; line-height:28px; font-size:18px; }

.user_name span { font-size:12px; margin-left:10px; }

.user_url { height:30px; margin-left:10px; line-height:33px; overflow:hidden; }

.user_url a { color:#1F8902; }

.user_city, .user_male { margin-top:5px; }

.user_city, .user_sign, .user_male { height:20px; line-height:20px; }

.user_male { margin-left:20px; }

.user_male span { font-size:12px; }

#pofile .common { border-bottom:1px solid #EBEBEB; padding-bottom:50px; }

#fswitch .common { border-bottom:1px solid #EBEBEB; }

.male_icon { background:url('icons.png') no-repeat 0px 0px; }

.author_m { background-position: 2px -430px; }

.author_f { background-position: 2px -453px; }

.author_n { background-position: 5px -479px; }

#fswitch .ue_grid_1 { margin:0; position:relative; }

#fswitch ul { display:block; }

#fswitch ul li { display:block; float:left; }

#fswitch ul li a { display:block; float:left; height:50px; line-height:50px; width:140px; text-align:center; }

#fswitch ul li a b { color:#333; font-size:18px; font-weight:500; }

#fswitch ul li a span { color:#828282; margin-left:10px; }

.upload_cate#fswitch ul li a { height:60px; }

.upload_cate#fswitch ul li a b { color:#737373; font-size:20px; }

.fswitcharrow { width:140px; height:2px; background:#70CA10; position:absolute; bottom:0; left:0; }

.artprev, .artnext { width:23px; height:50px; display:block; position:fixed; top:50%; margin-top:-40px; background:#838383 url('icons.png') no-repeat; z-index:99; }

.artprev { left:0; background-position:-102px -453px; }

.artnext { right:0; background-position:-160px -453px; }

#backtop { width:40px; height:40px; background:#333 url('icons.png') no-repeat -27px -459px; display:block; position:fixed; right:10px; bottom:-40px; cursor:pointer; z-index:99; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; margin-left:-40px; }
@-moz-document url-prefix() {
#backtop {
right:30px;
}
}

#backtop { opacity:0.6 }

#backtop:hover { background-color:#70CA10; opacity:1 }

#veiwall a { display:block; height:50px; line-height:50px; color:#919191; background:#fff; text-align:center; font-size:14px; }

#veiwall a:hover { background:#E6E6E6; }

#veiwall a:hover span { background-position:-64px -297px; }

#veiwall span { font-size:14px; background:url('icons.png') no-repeat -88px -297px; margin-left:10px; }

#veiwall a, #veiwall a span { -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }

#resultinfo h3 { font-size:24px; color:#636363; font-weight:500; margin-bottom:10px; }

#resultinfo p { font-size:13px; color:#7d7d7d; font-weight:500; line-height:24px; }

#resultinfo .green { margin-top:20px; display:block; }

.content_responsive .ct_rsb { width:280px; float:left; margin-right:20px; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; }

.content_responsive .ct_rsb h5 { height:30px; margin-bottom:10px; }

.othercategories_ct .pd20 { padding-left:19px; padding-right:18px; }

.othercategories_ct ul li { display:block; float:left; width:80px; height:80px; margin-bottom:1px; margin-right:1px; position:relative; }

.othercategories_ct .postcolor li a { display:block; border:10px solid #f2f2f2; width:60px; height:60px; position:absolute; top:0; left:0; z-index:0; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }

.othercategories_ct .postcolor li:hover a, .othercategories_ct .postcolor .othercategories_cur a { border:10px solid #fff; -webkit-box-shadow:0px 3px 5px rgba(0,0,0,0.15); -moz-box-shadow:0px 3px 5px rgba(0,0,0,0.15); box-shadow:0px 3px 5px rgba(0,0,0,0.15); z-index:3; }

.othercategories_cur_b { width:16px; height:16px; background:url('icons.png') no-repeat -3px -126px; position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-8px; z-index:4; }

#switchresult { background:#3d3e40; height:50px; margin-bottom:30px; padding-top:30px; }

.uetab { height:50px; }

.uetab ul { width:280px; height:50px; display:block; }

.uetab ul li { display:block; float:left; }

.uetab ul li a { display:block; float:left; width:140px; height:50px; line-height:50px; text-align:center; background:#505153; color:#c3c3c3; font-size:14px; }

.uetab ul .tabcur a { background:#F5F6F7; color:#484848; }

.ueactive { height:50px; overflow:hidden; }

.ueactive .index_notice_horn { margin-top:5px; width:30px; float:left; }

.activect { width:520px; display:block; float:left; position:relative; }

.activect li { width:520px; height:50px; display:block; line-height:50px; overflow:hidden; color:#bbbbbb; }

.activect li b { color:#fff; font-weight:500; }

.activecl { width:30px; height:50px; float:right; display:block; margin-top:5px; }

.activecl li { display:block; width:20px; height:20px; background:url('icons.png') no-repeat; cursor:pointer; vertical-align:bottom; }

.activecl .activeprev { background-position:-123px -410px; }

.activecl .activeprev:hover { background-position:-123px -434px; }

.activecl .activenext { background-position:-103px -441px; }

.activecl .activenext:hover { background-position:-103px -417px; }

#news { height:299px; }

.news_head { background:#ececec; }

.getdate_m_d span { display:block; float:left; width:36px; height:50px; background:url('date.png') no-repeat 50% 0; margin-left:2px; }

.getdate_m_d .getdate_m_d_line { background-position:50% -500px; }

.news_head_title { float:left; margin-left:25px; }

.news_head_title h3 { font-weight:500; color:#757575; font-size:22px; margin-top:4px; }

.news_head_title h4 { font-weight:500; color:#757575; font-size:16px; height:20px; }

.news_head_controller li { display:block; width:40px; height:40px; cursor:pointer; background:url('icons.png') no-repeat 0 0; float:left; background-color:#757575; margin-top:5px; }

.news_head_controller .news_head_controller_prev { background-position:-74px -215px; }

.news_head_controller .news_head_controller_next { background-position:-47px -245px; margin-left:1px; }

.news_head_controller .news_head_controller_lock { background-color:#B9B9B9; cursor:default; }

.news_head_controller .news_head_controller_lock:hover { background-color:#B9B9B9; }

.news_head_controller li:hover { background-color:#6bc30d; }

.news_content { background:#fff; }

.news_content .news_title { font-size:16px; font-weight:500; }

.news_content .news_body { height:60px; padding-top:30px; padding-bottom:40px; line-height:20px; overflow:hidden; font-size:14px; color:#939292; }

.newspush a { display:block; background:#fff; }

.newspush h3 { font-size:16px; font-weight:500; }

.newspush p { height:60px; padding-top:30px; padding-bottom:40px; line-height:20px; overflow:hidden; font-size:14px; color:#939292; }

.main_cate { margin-top:10px; padding-bottom: 10px; }

.main_cate ul li { display:block; float:left; }

.main_cate ul li a { display:block; float:left; height:40px; line-height:40px; width:92.33333333px; margin-right:1px; background:#e6e6e6; text-align:center; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }

.main_cate ul .main_cate_cur a { background:#6bc30d; color:#fff; }

.main_cate ul .main_cate_cur a:hover { background:#6bc30d; color:#fff; }

.main_cate ul li a:hover { background:#454648; color:#fff; }

#index_notice { float:left; width:580px; margin-top:10px; height:40px; overflow:hidden; position:relative; }

.index_notice_li { float:left; display:block; width:520px; height:40px; position:relative; top:0; left:0; }

.index_notice_li li { height:40px; line-height:40px; display:block; }

.index_notice_li li b { color:#6bc30d; }

.index_notice_cl { width:30px; height:40px; float:left; }

.index_notice_horn { width:30px; height:40px; background:url('icons.png') no-repeat -135px -367px; float:left; }

.index_notice_cl li { display:block; width:20px; height:20px; background:url('icons.png') no-repeat; cursor:pointer; vertical-align:bottom; margin-left:10px; }

.index_notice_cl .index_notice_prev { background-position:-123px -410px; }

.index_notice_cl .index_notice_prev:hover { background-position:-83px -434px; }

.index_notice_cl .index_notice_next { background-position:-103px -441px; }

.index_notice_cl .index_notice_next:hover { background-position:-83px -417px; }

.logininput input { -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }

.logininput input:focus { border-color:#ff9600; }

.loginwrap h3 span { font-size: 14px; font-weight: 500; height: 26px; color: #292929; display:block; float:left; line-height:26px; }

.loginwrap .login_warning { display:block; height:20px; line-height:20px; background:#ff7200; color:#fff; padding:0 4px; float:left; text-align:center; font-size:12px; margin-left:14px; margin-top:3px; display:none; }

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

#searcht { z-index:8; position:relative; }

#search_class { display:none; }

#search_class_emu { position:absolute; z-index:1; width:170px; top:42px; left:0; display:none; }

#search_class_emu ul { background:#dadada; }

#search_class_emu li { display:block; height:32px; line-height:32px; background:#dadada; cursor:pointer; vertical-align:bottom; -webkit-transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; transition:all 0.1s ease-in; }

#search_class_emu li i { display:block; width:2px; height:2px; border:5px solid #f0f0f0; background:#f0f0f0; float:left; margin:10px 15px 0 20px; -webkit-transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; transition:all 0.1s ease-in; }

#search_class_emu li span { display:block; float:left; height:32px; line-height:32px; }

#search_class_emu li:hover { background:#868686; color:#fff; }

#search_class_emu li:hover i { background:#fff; border-color:#fff; }

#search_class_emu .search_class_cur i { background:#6bc30d; border-color:#6bc30d; }

#search_class_emu .search_class_cur { background:#505050; color:#fff; }

#search_class_emu .search_class_cur:hover { background:#505050; color:#fff; }

#search_class_emu .search_class_cur:hover i { background:#6bc30d; border-color:#6bc30d; }

.add_favorites { width:35px; height:30px; position:absolute; top:0; left:0; background:url('largeh.png') no-repeat 9px 8px; background-size:16px 14px; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; opacity:0.6; }

.add_favorites_hover { -moz-transform: scale(5); -webkit-transform: scale(5); -o-transform: scale(5); -ms-transform: scale(5); transform: scale(5); opacity:0.1; }

#reg_setp { position:fixed; width:100%; height:100%; background:#fff; z-index:999; top:0; left:100%; display:none; }

#reg_setp h3 { font-size:14px; font-weight:500; overflow:hidden; height:80px; line-height:90px; }

#setp_quicklogin { width:400px; height:210px; position:absolute; left:50%; margin-left:-200px; top:230px; text-align:center; display:none; }

.blogo { width:150px; height:180px; position:absolute; top:50px; left:50%; margin-left:-75px; }

.quicklogin_socical li { display:block; float:left; }

.quicklogin_socical li a { width:186px; height:46px; display:block; float:left; line-height:46px; color:#fff; text-align:left; text-indent:68px; font-size:16px; }

.quicklogin_socical_weibo { margin-bottom:20px; }

.quicklogin_socical { margin-bottom:20px; }

.quicklogin_socical_weibo a { margin-right:20px; background:#d63b22 url('share/weibo.png') no-repeat 0 0; border:2px solid #d63b22; }

.quicklogin_socical_qq a { margin-bottom:20px; background:#3eb0d8 url('share/qq.png') no-repeat 0 -2px; border:2px solid #3eb0d8; }

.quicklogin_socical_renren a { margin-right:20px; background:#1f87cc url('share/renren.png') no-repeat 0 0; border:2px solid #1f87cc; }

.quicklogin_socical_douban a { background:#319947 url('share/douban.png') no-repeat 0 0; border:2px solid #319947; }

.back_setp { width:100px; height:50px; line-height:50px; background:#8F8F90; color:#fff; cursor:pointer; font-size:22px; text-align:center; position:absolute; left:20px; top:20px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }

.back_setp:hover { background-color:#6BC30D; }

#setp_pofile { width:550px; height:210px; position:absolute; left:50%; margin-left:-275px; top:230px; text-align:center; }

.setp_pofile_input { margin-left:20px; }

.setp_pofile_input input { display:block; height:16px; margin-bottom:10px; line-height:16px; padding-top:17px; padding-bottom:17px; }

.setp_pofile_input_user, .setp_pofile_input_email, .setp_pofile_input_password, .setp_pofile_input_v_password { border:1px solid #dae2e5; color:#979696; font-size:14px; width:300px; padding:0 20px; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }

.setp_pofile_input .setp_pofile_input_password { display:none; }

.setp_pofile_input_user:focus, .setp_pofile_input_email:focus, .setp_pofile_input_password:focus, .setp_pofile_input_v_password:focus { border-color:#afb3b5; }

#setp_pofile_check { display:none; }

.setp_pofile_checkbox { text-align:left; padding-top:10px; padding-bottom:40px; }

.setp_pofile_checkb { display:block; height:13px; width:13px; background:#fff; border:1px solid #dedede; cursor:pointer; float:left; }

.setp_pofile_check_true { background:#fff url('check-dot.png') no-repeat 50% 50%; }

.setp_pofile_checkbox span { height:15px; line-height:15px; display:block; float:left; margin-left:10px; }

.setp_pofile_input .setp_pofile_input_submit { height:50px; width:340px; line-height:50px; background:#70ca10; color:#fff; cursor:pointer; border:none; font-size:24px; padding:0; font-family:'微软雅黑'; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }

.setp_pofile_input .setp_pofile_input_submit:hover { background:#6BC30D; }

#common_content_main { background:#fff; position:relative; }

.common_content_main { text-align:center; }

.common_content_main li { display:block; margin:0 auto; }

.common_content_main li.loadimagebg { background:#F6F6F6 url('img-loader.png') no-repeat 50% 50% }

.common_content_main img { max-width:100%; }

.common_content_info { margin-bottom:10px; }

.common_content_info_avatar { height:60px; width:60px; overflow:hidden; }

.common_content_info_avatar img { width:60px; height:60px }

.common_content_info_more h3 { padding:3px 0 6px 0; font-size:24px; font-weight:500; color:#8c8c8c; }

.common_content_info_avatar { margin-right:15px; }

.common_content_info_more p { color:#989898; }

.common_content_info_more p a { color:#1f8902; margin-left:5px; }

.common_content_info_more i { background:url('icons.png') no-repeat -4px -106px; width:14px; height:14px; }

.common_content_info_more span { margin-right:10px; line-height:20px }

.common_content_origin { color:#989898; font-size:14px; }

.common_content_origin a { color:#1f8902; font-size:14px; }

.license { color:#d86b01; height:50px; line-height:50px; }

.common_content_infobox .common { background:#fff; }

.common_content_infobox { border-top:1px solid #f0f1f1; }

.common_content_infobox_count { height:50px; font-size:48px; line-height:50px; font-weight:500; margin-top:10px; }

.common_content_infobox_count_em { height:50px; overflow:hidden; line-height:70px; font-size:14px; margin-right:10px; font-weight:500; }

.common_content_infobox_favorite { width:240px; margin-right:20px; }

.common_content_infobox_favorite .addfavorite i { margin-left:70px; }

.common_content_infobox_share ul li { background-color:#9b9b9b; float:left; margin-right:13.33333333333333px; -webkit-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear; -o-transition:background-color 0.3s linear; transition:background-color 0.3s linear; }

.common_content_infobox_share .sinal:hover { background:#d63b22 }

.common_content_infobox_share .qql:hover { background:#3eb0d8 }

.common_content_infobox_share .renrenl:hover { background:#1f87cc }

.common_content_infobox_share .doubanl:hover { background:#319947 }

.common_content_infobox_share .twitterl:hover { background:#31c1eb }

.common_content_infobox_share .facebookl:hover { background:#39599f }
@media screen and (max-width:1200px) {

.drag_area_c { width:660px }

.drag_area_c_info textarea { width:440px; }
}
@media screen and (max-width:580px) {

#searcht { width:280px; margin:0; padding:0; height:40px; margin-top:20px; }

#search_class_emu { width:280px; }

#search_class_emu li { height:40px; line-height:40px; }

.searchtxt { padding:13px 10px; width:220px; }

.searchbtn { height:40px; width:40px; background-position:-33px -61px; }

.common_content_origin { display:none; }

.license { height:auto; line-height:20px; margin-bottom:20px; margin-top:10px; }

.common_content_infobox_share { display:none; }

.common_content_infobox_favorite { margin-right:0; }

.normalcpst, .posteravatar, .postinput { height:40px; }

.postinput textarea { height:30px; }

.postbtn { width:40px; }

.postbtn a { width:40px; height:42px; line-height: 20px; font-size: 14px; }

#searcht { display:none; }

.common_content_infobox_count { float:left; }

.common_content_info_more h3 { padding-top:0 }

.common_content_infobox_count { margin-bottom:0px; }

#more_about { display:none; }

.common_content_infobox, #common_content_comment { background:#fff; }

.postinput textarea { border-right:1px solid #DAE2E5; }
}

.more_about_ul { position:relative; }

.more_about_ul ul { position:relative; }

.more_about_ul li { display:block; float:left; margin-right:10px; }

#more_about .common { background:#fff; }

#more_about h3 { font-weight:500; font-size:16px; height:40px; position:relative; }

#more_about ul { display:block; }

#more_about .pd20 { overflow:hidden; }

.more_about_ul { overflow:hidden; }

#more_about li img { width:100%; }

.more_about_ul_cl { position:absolute; top:-5px; right:0; }

.more_about_ul_cl ul li { display:block; background:#9B9B9B url('icons.png') no-repeat; width:30px; height:30px; float:left; margin-right:1px; cursor:pointer; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.more_about_ul_cl ul .more_about_ul_pv { background-position:-79px -220px; }

.more_about_ul_cl ul .more_about_ul_nx { background-position:-53px -250px; }

.more_about_ul_cl ul li:hover { background-color:#70CA10; }

.more_about_ul_cl ul .more_about_ul_gray, .more_about_ul_cl ul .more_about_ul_gray:hover { background-color:#CFD0D0; cursor:default; }

#common_content_comment .common { background:#fff; }

.common_content_color h3 { margin-right:20px; font-size:14px; }

.common_content_color i { display:block; width:20px; height:20px; background:url('icons.png') no-repeat -124px 3px; float:left; }

.common_content_color span { height:20px; line-height:20px; display:block; float:left; font-weight:500; color:#535353 }

.common_content_color table { width:210px; height:10px; margin-top:4px; }

.common_content_color td { height:10px; }

.common_content_color td a { display:block; height:10px; }

.common_content_color { margin:10px 0 15px 0; }

.common_content_tags h3 { margin-right:20px; margin-top:3px; font-size:14px; margin-bottom:10px; }

.common_content_tags i { display:block; width:20px; height:20px; background:url('icons.png') no-repeat -42px 3px; float:left; }

.common_content_tags span { height:20px; line-height:20px; display:block; float:left; font-weight:500; color:#535353 }

.common_content_tags ul li { float:left; margin:0 5px 5px 0; }

.common_content_tags ul li a { display:block; float:left; height:27px; line-height:27px; padding:0 10px; background:#ededed; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out; }

.common_content_tags ul li a:hover { background:#65686a; color:#fff; }

.news_content .pd25 { position:absolute; background:#fff; left:0; }

.news_head_controller li { -webkit-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear; -o-transition:background-color 0.3s linear; transition:background-color 0.3s linear; }
::-webkit-scrollbar {
width: 10px;
background: #949494;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-track {
background: #E6E6E6;
}
::-webkit-scrollbar-thumb {
background: #808080;
border-radius:100px;
-webkit-border-radius:100px;
}
::-webkit-scrollbar-thumb:active {
background: #6BC30D;
}

.reg_form_check { position:relative; }

.reg_form_check .reg_form_result { position:absolute; top:0; top:1px\9; left:352px; width:242px; height:50px; border:1px solid #a5a5a5; background:#a5a5a5; color:#fff; display:none; }

.reg_form_check .reg_form_result .pd10 { height:30px; line-height:30px; text-align:left; text-indent:38px; background:url('tips.png') no-repeat 10px -42px; }

.reg_form_check .reg_form_result_w { border:1px solid #ffe2be; background:#fffada; display:block; }

.reg_form_check .reg_form_result_w .pd10 { background-position:10px 6px; color:#979696; }

.reg_form_check .reg_form_result_t { background-color:transparent; border:#fff; display:block; }

.reg_form_check .reg_form_result_t .pd10 { background-position:10px -90px; }

.minh { height:680px; }

.minh dl { margin-bottom:30px }

.minh dt { font-size:18px; margin-bottom:10px; }

.minh dd { display:inline; height:30px; line-height:30px; margin-right:10px; }

.minh dd a { font-size:16px; }

.baikepush { height:300px; overflow:hidden; position:relative; }

.listbox .catecontent { height:100px; overflow:hidden; }

.baikepush a { position:relative; }

.baikehover { width:270px; height:240px; border:5px solid #fff; position:absolute; top:0; left:0; display:none; }

.i_outlink { background:url('icons.png') no-repeat -177px -322px; margin-left:5px; }

.othercategories h2 { color:#636363; font-size:14px; font-weight:500; background:#d1d2d2; }

.othercategories h2 span { height:20px; line-height:20px; display:block; float:left; }

.othercategories_ct { background:#e0e1e1; }

.h_color_i { background:url('icons.png') no-repeat -123px 3px; display:block; float:left; width:20px; line-height:20px; height:20px; margin-right:5px; }

#pofile { margin-top:50px; }