.articlead_top { width:1180px; height:auto; float:left; clear:both; overflow:hidden}

.func { width:50px; height:auto; min-height:250px; _height:250px; float:left; padding-right:30px; position:relative}
.article { width:750px; height:auto; float:left}

.func .funcmenu { width:50px; height:auto; float:left; position:absolute; left:0; top:89px; z-index:999}
.func .funcmenu a { display:block; width:50px; height:50px; clear:both; text-decoration:none; margin:0 0 10px 0;padding:0; background-color:#E7E7E7; background-image:url(../image/icon.png); background-repeat:no-repeat}
.func .funcmenu a:hover { background-color:#A4D0FF}
.func .funcmenu a.weibo { background-position:0px -50px}
.func .funcmenu a.weixin { background-position:0px 00px}
.func .funcmenu a.qzone { background-position:0px -250px}
.func .funcmenu a.write { background-position:0px -150px}
.func .funcmenu a.collect { background-position:0px -100px}
.func .funcmenu a.more { background-position:0px -200px}

.article h3.title { width:100%; height:auto; line-height:36px; float:left; clear:both; overflow:hidden; padding-bottom:10px; font-size:30px; font-weight:normal}
.article .stat { width:100%; height:auto; float:left; clear:both; line-height:24px; font-size:14px; padding-bottom:10px; border-bottom:#E2E2E2 1px solid}
.article .stat .time { width:auto; height:24px; float:left; color:#666666}
.article .stat .nums { width:auto; height:24px; float:right}
.article .stat .nums span { display:block; width:auto; height:24px; float:left; color:#E64D48; background-image:url(../image/icon_article.png); background-repeat:no-repeat}
.article .stat .nums span.ahits { background-position:0px 2px; padding-right:20px; padding-left:32px}
.article .stat .nums span.acomment { background-position:0px -47px; padding-left:27px}
.article .aritclecontent { width:750px; height:auto; float:left; clear:both; overflow:hidden; padding:20px 0; font-size:16px; line-height:30px}
.article .aritclecontent p,.article .aritclecontent div { padding:5px 0}
.article .aritclecontent img,.article .aritclecontent video,.article .aritclecontent embed { max-width:750px;height: auto;}

.article .interact { width:100%; height:auto; float:left; clear:both; padding-top:20px; padding-bottom:40px}
.article .interact.h46 { height:46px}
.article .interact .praise { width:150px; height:46px; line-height:46px; background-color:#F63756; color:#FFFFFF; font-size:16px; text-align:center; margin:0px auto}
.article .interact .praise i { font-style:normal; width:26px; height:46px; display:inline-block; background:url(../image/icon_article.png) 0px -91px no-repeat}
.article .interact .praise span { padding-left:10px}

.article .accessory { width:100%; height:auto; line-height:24px; float:left; clear:both; padding-top:10px; padding-bottom:10px; border-top:#E2E2E2 1px solid; color:#999999}
.article .accessory .tags { width:auto; height:24px; float:left}
.article .accessory .tags span { display:block; width:auto; height:24px; float:left; padding-right:5px}
.article .accessory .tags span.t { padding-left:20px; background:url(../image/icon_article.png) 0px -193px no-repeat}
.article .accessory .tags span a { display:block; width:auto; height:24px; float:left; padding:0 10px; background-color:#FF6059; color:#FFFFFF; text-decoration:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px}
.article .accessory .tags span a.red { background-color:#FF6059}
.article .accessory .tags span a.yellow { background-color:#FFBB50}
.article .accessory .tags span a.green { background-color:#1AC857}
.article .accessory .tags span a.blue { background-color:#20B4FA}
.article .accessory .tags span a.black { background-color:#4C4E4B}
.article .accessory .editor { width:auto; height:24px; float:right}

.article h2.htitle { width:100%; height:30px; line-height:30px; float:left; clear:both; overflow:hidden; font-size:16px; font-weight:bold}
.article h2.htitle span.num { font-size:24px; color:#E85545}

.article .relationnews ul { width:100%; height:auto; float:left; clear:both}
.article .relationnews li { width:100%; height:36px; float:left; clear:both; background:url(../image/point.gif) left 15px no-repeat; font-size:18px; line-height:36px; overflow:hidden}
.article .relationnews li span.tt { padding-left:15px}
.article .relationnews li span.time { padding-left:10px; color:#999999; font-size:12px}

.article .articlebottom_ad { padding:20px 0}

.vote_diy li { width: 220px; padding: 0 10px; margin-top: 40px; float: left; display: inline-block; }
.vote_diy li .hd { border: 1px solid #e1e1e1; }
.vote_diy li .bd { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.vote_diy li .bd h2 { font-size: 16px; padding: 0 10px; line-height: 40px; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vote_diy li .ft { border: 1px solid #e1e1e1; padding: 10px; font-size: 14px; line-height: 30px; }
.vote_diy li .ft i { font-family: Georgia; font-size: 18px; margin-right: 5px; color: red; padding: 5px; font-style: normal;}
.vote_diy li .ft .sub-btn { width: 100px; display: inline-block; text-align: center; background: #a90600; color: #fff; cursor: pointer; }
.vote_diy li .hd img { width: 220px; height: 124px; }



.header { border-bottom:#A5A4A9 1px solid}
.header .menubar { width:100%; height:40px; float:left; clear:both; background-color:#368DEC}
.header .menu { width:auto; height:40px; float:left}
.header .menu ul.menuitems { width:auto; height:40px; float:left; clear:both}
.header .menu ul.menuitems li { width:auto; height:40px; float:left; position:relative}
.header .menu ul.menuitems li a.menua { display:block; width:auto; height:40px; line-height:40px; float:left; padding:0 11px 0 10px; font-size:14px; color:#FFFFFF; text-decoration:none; background:url(../image/vline_blue.gif) right center no-repeat}
.header .menu ul.menuitems li a.more { background:url(../image/arrow.gif) right center no-repeat}
.header .menubar .menu li .submenu { display:none; width:320px; height:auto; float:left; line-height:40px; font-size:14px; background-color:#FFFFFF; border:#C5C5C4 1px solid; border-top-style:none; position:absolute; left:-1px; top:40px; z-index:99999}
.header .menubar .menu li .submenu a { display:block; width:80px; height:40px; line-height:40px; text-align:center; text-decoration:none; overflow:hidden}
.header .menubar .menu li .submenu dl { width:100%; height:auto; float:left; overflow:hidden}
.header .menubar .menu li .submenu dd { width:80px; height:40px; float:left; overflow:hidden}
.header .menubar .menu li .submenu .normal a:link,.header .menubar .menu li .submenu .normal a:visited { color:#020202}
.header .menubar .menu li .submenu .normal a:active,.header .menubar .menu li .submenu .normal a:hover { background-color:#F1F1F1; color:#36B5EC}
.header .menubar .menu li .submenu .special { background-color:#36B5EC}
.header .menubar .menu li .submenu .special a { color:#FFFFFF}
.header .menubar .menu li .submenu .special a:active,.header .menubar .menu li .submenu .special a:hover { background-color:#26A6DD}
.header .menubar .logo { width:auto; height:40px; float:left; overflow:hidden; padding-right:10px}
.header .menubar .logo img { height:40px}
.header .shortcuts { width:auto; height:40px; float:right}
.header .shortcuts ul { width:auto; height:40px; float:left; clear:both}
.header .shortcuts li { width:auto; height:40px; float:left; padding:0 1px}
.header .shortcuts li a{color:#ffffff;line-height: 40px;}
.header .shortcuts li a.cuta { display:block; width:40px; height:40px; line-height:40px; float:left; background-image:url(../image/shortcut.png); background-repeat:no-repeat}
.header .shortcuts li a.cuta.login { width:62px; background-position:0px 0px}
.header .shortcuts li a.cuta.reg { background-position:13px -40px}
.header .shortcuts li a.cuta.cart { background-position:10px -80px}
.header .shortcuts li a.cuta.comment { background-position:10px -120px}
.header .shortcuts li a.cuta.collect { background-position:10px -160px}

.header .listlogo { width:auto; height:70px; float:left; padding-top:20px}
.header .listlogo .logo { width:236px; height:70px; float:left; overflow:hidden}
.header .listlogo .logo img { width:236px; height:70px}
.header .listlogo .listname { width:auto; height:44px; float:left; overflow:hidden; padding-top:18px; padding-left:20px}
.header .listlogo .listname span { display:block; width:auto; height:44px; float:left; line-height:44px; font-size:36px}
.header .listlogo .listname span.t { background-color:#D90F0F; color:#FFFFFF; padding:0 10px}
.header .listlogo .listname span.t.red { background-color:#D90F0F}
.header .listlogo .listname span.en { color:#B0B0B0; margin-left:10px; _margin-left:5px}

.header .navsite { width:auto; height:30px; line-height:30px; float:left; overflow:hidden; max-width:800px; color:#666666}
.header .navsite a { color:#666666}
.header .navsite a:hover { color:#FA6843}

.header .topsearch { width:auto; height:30px; float:right}
.header .topsearch.pt { padding-top:45px}
.header .topsearch input { display:block; width:auto; float:left}
.header .topsearch .txt { height:28px; border:#ACACAC 1px solid; padding:0 10px; color:#ACACAC; line-height:28px; width:250px}
.header .topsearch .btn { width:56px; height:30px; line-height:30px; margin-left:10px; text-indent:-999em; border:none; background:url(../image/searchbtn.gif) left center no-repeat; cursor:pointer}

.header .listmenu { width:100%; height:60px; float:left; clear:both; overflow:hidden}
.header .listmenu li { width:auto; height:60px; float:left; padding:0 25px; overflow:hidden}
.header .listmenu li a { display:block; width:auto; height:58px; line-height:58px float:left; font-size:16px; font-weight:normal; border-bottom:#FFFFFF 2px solid; color:#666666}
.header .listmenu li a:hover { border-bottom-color:#368DEC; color:#368DEC}
.header .listmenu li a.active { border-bottom-color:#368DEC; color:#368DEC}





.footer { background-color:#f4f4f4; padding:45px 0; color:#6f6f6f}
.footer.bluef { background-color:#368DEC}
.footer .footblock { width:100%; height:auto; float:left; clear:both; padding-bottom:50px}
.footer .footblock li { height:auto; float:left}
.footer .footblock li.first { width:260px; padding-right:90px}
.footer .footblock li .footlogo { padding-bottom:10px; width:260px; height:60px; float:left; clear:both; overflow:hidden}
.footer .footblock li .footlogo img { width:100%}
.footer .footblock li.first p { line-height:20px; width:100%; height:auto; float:left; clear:both}
.footer .footblock li.bd { border-left:#717171 1px solid; border-right:#717171 1px solid}
.footer.bluef .footblock li.bd { border-color:#FFFFFF}
.footer .footblock li.two { width:400px; padding-left:90px; padding-right:90px}
.footer .footblock li.two a { display:block; width:auto; height:36px; line-height:36px; float:left; padding-left:15px; background:url(../image/point_blue.gif) left center no-repeat no-repeat; margin-right:20px; font-size:16px; word-break:keep-all; white-space:nowrap}
.footer .footblock li.qrcode { width:88px; text-align:center; padding-left:90px}
.footer .footblock li.qrcode img { width:88px; height:88px}
.footer .footblock li a { color:#6f6f6f}

.footer .webrights { width:100%; height:auto; float:left; clear:both; overflow:hidden}
.footer .webrights p { width:100%; height:auto; float:left; clear:both; font-size:12px; color:#626264; text-align:center}
.footer.bluef .webrights p { color:#CCCCCC}
.footer .webrights p .gap { padding-left:20px}
.footer .webrights a { color:#626264}
.footer.bluef .webrights a { color:#CCCCCC}
.footer .webrights a:hover { color:#FFFFF; text-decoration:none}





.comment { width:100%; height:auto; float:left; clear:both}

.cmtform { width:710px; height:auto; float:left; clear:both; background-color:#F4F5F9; padding:20px}
.cmtform .cmtt { width:100%; height:24px; clear:both; font-size:14px; color:#666666}
.cmtform .userface { width:50px; height:50px; float:left; overflow:hidden}
.cmtform .userface img { width:50px; height:50px; border-radius:50%}
.cmtform .userface img:hover { -webkit-transform: scale(1); transform: scale(1)}
.cmtform .formcon { width:640px; height:auto; float:right}
.cmtform .formcon textarea { width:560px; height:96px; border:none; background-color:#FFFFFF; font-size:14px; color:#666666; overflow:hidden; padding:5px 10px; line-height:24px}
.cmtform .formcon textarea.gray { color:#A0A0A0}
.cmtform .formcon .numcount { width:auto; height:24px; float:left; font-size:12px; color:#999999}
.cmtform .formcon .formbtn { width:auto; height:34px; float:right}
.cmtform .formcon .formbtn input { width:80px; height:34px; line-height:34px; border:none; background-color:#E9E9E9; font-size:14px; font-weight:bold; color:#999999; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.cmtform .formcon .formbtn input.effected { background-color:#368DEC; color:#FFFFFF}

.cmtlist { width:100%; height:auto; float:left; clear:both}
.cmtlist ul { width:100%; height:auto; float:left; clear:both}
.cmtlist li { width:100%; height:auto; float:left; clear:both; padding:20px 0; border-bottom:#E2E2E2 1px solid}
.cmtlist li.last { border-bottom-style:none}
.cmtlist li .img { width:50px; height:50px; float:left}
.cmtlist li .img img { width:50px; height:50px}
.cmtlist li .roundface a { display:block; width:100%; height:100%; overflow:hidden; position:relative}
.cmtlist li .roundface a .uplayer { width:100%; height:100%; overflow:hidden; background:url(../image/filter_circle50.png) left top no-repeat; position:absolute; left:0; top:0; z-index:1}
.cmtlist li .info { width:680px; height:auto; float:right}
.cmtlist li .info .cmttitle { width:100%; height:auto; float:left; clear:both; color:#9A9A9A; font-size:14px}
.cmtlist li .info .cmttitle span.tm { padding-left:20px}
.cmtlist li .info .cmtcon { width:100%; height:auto; float:left; clear:both; overflow:hidden; padding:5px 0; font-size:14px; color:#646464}
.cmtlist li .info .cmtcon p { padding:5px 0}
.cmtlist li .info .cmtcon img,.cmtlist li .info .cmtcon video,.cmtlist li .info .cmtcon audio,.cmtlist li .info .cmtcon embed { max-width:680px}
.cmtlist li .info .do { width:100%; height:auto; float:left; clear:both; padding-top:10px}
.cmtlist li .info .do span { display:block; width:auto; height:24px; float:left; font-size:12px;cursor: pointer;}
.cmtlist li .info .do span.zan { background:url(../image/icon_article.png) 0px -147px no-repeat; padding-left:22px;}
.cmtlist li .info .do span.write { margin-left:20px;}




.page { width:100%; height:auto; float:left; clear:both; padding:30px 0; overflow:hidden}

.pagearea { width:100%; height:34px; float:left; clear:both}
.pagearea span { display:block; width:auto; height:34px; line-height:34px; float:left; padding-right:4px; color:#AAAAAA}
.pagearea span em { display:block; width:auto; height:34px; float:left; font-style:normal; color:#FFFFFF; background-color:#368DEC; padding:0 15px; font-size:14px}
.pagearea span a { display:block; width:auto; height:34px; line-height:34px; float:left; color:#666666; background-color:#EEEEEE; padding:0 15px; font-size:14px; text-decoration:none}
.pagearea span a:hover { color:#FA6843}




.side { width:320px; height:auto; float:right}

.side h2.general { width:100%; height:24px; line-height:24px; float:left; clear:both; overflow:hidden; font-size:18px}
.side h2.general span { display:block; width:auto; height:24px; float:left; border-left:#368DEC 2px solid; padding-left:20px}

.limg-rinfo { width:100%; height:auto; float:left; clear:both}
.limg-rinfo ul { width:100%; height:auto; float:left; clear:both}
.limg-rinfo li { width:100%; height:auto; float:left; clear:both; padding:10px 0}
.limg-rinfo li .img { width:100px; height:auto; float:left; max-height:70px; _height:65px; overflow:hidden}
.limg-rinfo li .img img { width:100%}
.limg-rinfo li .info { width:210px; height:auto; float:right; font-size:14px; line-height:24px}

.imglist { width:100%; height:auto; float:left; clear:both}
.imglist ul { width:100%; height:auto; float:left; clear:both}
.imglist li { width:150px; height:120px; overflow:hidden; padding:10px 0}
.imglist li .img { width:150px; height:90px; clear:both; overflow:hidden}
.imglist li .img img { width:150px; min-height:90px; _height:90px}
.imglist li .info { width:100%; height:24px; line-height:24px; clear:both; overflow:hidden; font-size:14px; padding-top:6px}