.main { width:820px; height:auto; float:left}

ul.list { width:100%; height:auto; float:left; clear:both}
ul.list li { width:100%; height:auto; float:left; clear:both; padding:30px 0; border-bottom:#E2E2E2 1px solid}
ul.list li.last { border-bottom:none}
ul.list li .img { width:200px; height:auto; float:left; max-height:125px; _height:125px; overflow:hidden}
ul.list li .img img { width:200px}
ul.list li .info { width:600px; height:auto; float:right}
ul.list li.noimg .info { width:100%}
ul.list li .info h3 { width:100%; height:auto; float:left; clear:both; line-height:30px; font-size:22px; padding-bottom:10px}
ul.list li .info .summary { width:100%; height:auto; float:left; clear:both; font-size:16px; color:#666666; padding-bottom:10px}
ul.list li .info .func { width:100%; height:auto; line-height:24px; float:left; clear:both; font-size:12px; color:#878787}
ul.list li .info .func a { color:#878787}
ul.list li .info .func a:link,ul.list li .info .func a:visited { color:#878787}
ul.list li .info .func a:active,ul.list li .info .func a:hover { color:#FA6843}
ul.list li .info .func .writer { width:auto; height:24px; float:left; overflow:hidden}
ul.list li .info .func .stat { width:auto; height:24px; float:left; overflow:hidden; padding-left:20px}
ul.list li .info .func .share { width:auto; height:24px; float:left; overflow:hidden; padding-left:20px}
ul.list li .info .func .share span { display:block; width:auto; height:24px; float:left; padding-left:22px; padding-right:8px; background:url(../image/share.png) left top no-repeat}
ul.list li .info .func .share a { display:block; width:24px; height:24px; float:left; padding-right:3px; background-image:url(../image/share.png); background-repeat:no-repeat}
ul.list li .info .func .share a.weibo { background-position:0px -24px}
ul.list li .info .func .share a.qzone { background-position:0px -48px}
ul.list li .info .func .share a.weixin { background-position:0px -72px}
ul.list li .info .func .tags { width:auto; height:24px; float:right}
ul.list li .info .func .tags a { margin-left:10px}



.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}



.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,.pagearea b{ display:block; width:auto; height:34px; line-height:34px; float:left; color:#666666; background-color:#EEEEEE; padding:0 15px;margin-right: 4px; font-size:14px; text-decoration:none;cursor: pointer;}
.pagearea span:hover { color:#FA6843}
.pagearea b { font-style:normal; color:#FFFFFF; background-color:#368DEC;}




.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}