@charset "utf-8";
/*页面共用CSS*/
html{ width:100%; height:auto}
body { font-family:"Lucida Grande","微软雅黑","黑体","宋体","新宋体","Arial"; font-size:14px; color:#666666; width:100%;min-width:1080px; height:auto; float:left; clear:both; margin:0px auto; line-height:22px; padding-top:42px; _padding-top:0px; z-index:1;}
input,textarea,select { font-family:"Lucida Grande","微软雅黑","黑体","宋体","新宋体","Arial"; color:#666666; outline:none}
a{ text-decoration:none; color:#666666}
a:link { color:#666666; text-decoration:none}
a:visited { color:#666666; text-decoration:none}/*334F67*/
a:active { color:#FF6D00; text-decoration:none}
a:hover { color:#FF6D00; text-decoration:underline}
.gray { color:#a0a0a0}
a.gray{ text-decoration:none; color:#a0a0a0}
a.gray:link { color:#a0a0a0; text-decoration:none}
a.gray:visited { color:#a0a0a0; text-decoration:none}
a.gray:hover { text-decoration:underline}
.littlegray { color:#B9B9B9}
a.littlegray{ text-decoration:none; color:#B9B9B9}
a.littlegray:link { color:#B9B9B9; text-decoration:none}
a.littlegray:visited { color:#B9B9B9; text-decoration:none}
a.littlegray:hover { text-decoration:underline}
.darkgray { color:#999999}
a.darkgray{ text-decoration:none; color:#999999}
a.darkgray:link { color:#999999; text-decoration:none}
a.darkgray:visited { color:#999999; text-decoration:none}
a.darkgray:hover { text-decoration:underline}
.blue { color:#29A7E1}
a.blue{ text-decoration:none; color:#29A7E1}
a.blue:link { color:#29A7E1; text-decoration:none}
a.blue:visited { color:#29A7E1; text-decoration:none}
a.blue:hover { text-decoration:underline}
.yellow { color:#FCBF0F}
a.yellow{ text-decoration:none; color:#FCBF0F}
a.yellow:link { color:#FCBF0F; text-decoration:none}
a.yellow:visited { color:#FCBF0F; text-decoration:none}
a.yellow:hover { text-decoration:underline}
.red { color:#F06896}
a.red{ text-decoration:none; color:#F06896}
a.red:link { color:#F06896; text-decoration:none}
a.red:visited { color:#F06896; text-decoration:none}
a.red:hover { text-decoration:underline}
.green { color:#69BD72}
a.green{ text-decoration:none; color:#69BD72}
a.green:link { color:#69BD72; text-decoration:none}
a.green:visited { color:#69BD72; text-decoration:none}
a.green:hover { text-decoration:underline}
img,a img{border:0; object-fit:cover}
img { vertical-align:middle}
h1, h2, h3, h4, h5 { width:100%; height:auto; float:left; clear:both; font-size:16px; color:#666666; font-weight:normal}
div,p { width:100%; height:auto; float:left; clear:both; word-break:break-all}
ul,dl { width:100%; height:auto; float:left; clear:both}
ul,li,dl{
	list-style:none;
	text-indent: 0px;
}
li,dd { width:100%; height:auto; float:left; clear:none}
* { margin:0px; padding:0px}
.left { float:left}
.right { float:right}
.space { width:100%; height:10px; line-height:10px; float:left; clear:both; overflow:hidden}
.nowrap { white-space:nowrap; word-break:keep-all}
.pt10 { padding-top:10px;}
.pb10 { padding-bottom:10px}
.pl10 { padding-left:10px;}
.pr10 { padding-right:10px}
.pt5 { padding-top:5px;}
.pb5 { padding-bottom:5px}
.pl5 { padding-left:5px;}
.pr5 { padding-right:5px}
.page { padding:20px 0}

.container { min-width:1080px}
.center { width:1080px; float:none; margin:0px auto;}

h2.general { height:40px; line-height:40px; overflow:hidden; font-size:17px}
h2.general span { display:block; width:auto; height:40px; float:left}
h2.general span.t { float:left}
h2.general span.m { width:36px; padding-left:15px}
h2.general span.m a { display:block; width:36px; height:40px; background:url(../img/more.gif) left 16px no-repeat; text-indent:-999em}
h2.general span.right { float:right}
ul.imglist {}
ul.imglist li { width:auto; height:auto}/*须重新定义宽高和padding-right/top*/
ul.imglist li.last { padding-right:0}/*须重写*/
ul.imglist li .img { overflow:hidden}/*须重新定义宽高*/
ul.imglist li .img img { width:100%}
ul.imglist li .info { padding-top:5px; overflow:hidden}/*须重新定义高和line-height*/
ul.listview {}/*通用 有无img均可*/
ul.listview li { padding-top:10px; padding-bottom:13px; background:url(../img/listviewbg.gif) left bottom repeat-x}
ul.listview li.last { padding-bottom:0; background:none}
ul.listview li.nobg { padding-bottom:10px; background:none}
ul.listview li.nobg .reply:hover{background-color:rgba(0,132,255,.1);}

ul.listview li.big { padding-top:20px; padding-bottom:23px}
ul.listview li.big.nobg { padding-bottom:20px}
ul.listview li .img { clear:none; overflow:hidden}/*须重新定义宽以及高(或最大高)*/
ul.listview li .img img { width:100%; height:100%; object-fit: cover}
ul.listview li .info { clear:none; float:right; line-height:20px}/*须重新定义宽*/
ul.listview li .info.noimg { width:100%; float:left}
ul.listview li .info h1 { font-size:19px; padding:7px 0; line-height:26px}
ul.listview li .info h2 { font-size:17px; padding:6px 0; line-height:24px}
ul.listview li .info h3 { font-size:15px; padding:5px 0; line-height:22px}
ul.listview li .info h4 { font-size:14px; padding:4px 0; line-height:18px}
ul.listview li .info h5 { font-size:12px; padding:3px 0; line-height:16px}
ul.listview li .info p { color:#B9B9BB; line-height:20px; padding:2px 0}
ul.sideitemlist {}/*有背景 最多有5个li*/
ul.sideitemlist li { font-size:16px; line-height:22px; padding:9px 0; background-image:url(../img/sideitemlistbg.png); background-repeat:no-repeat}
ul.sideitemlist li.small { font-size:14px; line-height:20px}
ul.sideitemlist li.li1 { background-position:left 10px}
ul.sideitemlist li.li2 { background-position:left -190px}
ul.sideitemlist li.li3 { background-position:left -390px}
ul.sideitemlist li.li4 { background-position:left -590px}
ul.sideitemlist li.li5 { background-position:left -790px}
ul.sideitemlist li span { padding-left:40px; display:block; width:auto; height:auto; float:left; clear:both}
ul.sidesimplylist {}/*无背景*/
ul.sidesimplylist li { font-size:14px; line-height:20px; padding:5px 0}

.imgblock { clear:none; width:auto; height:auto; background-color:#EAEAEA}/*须重新定义宽度*/
.imgblock .img { width:100%; height:auto; overflow:hidden}/*须重新定义高度*/
.imgblock .img img { width:100%; height:100%}
.imgblock .info { width:100%; height:auto}/*须重新定义高度*/
.imgblock .info p { width:auto; height:100%; line-height:inherit; padding:0 5px; font-size:16px}/*须重新定义宽度(-10)以及line-height*/
.imgblock .info p span { display:block; width:100%; height:100%; overflow:hidden; text-align:center}

ul.tags { width:240px}
ul.tags li { width:70px; height:25px; padding-right:15px}
ul.tags li.last { padding-right:0}
ul.tags li span { display:block; width:70px; height:25px; line-height:25px; overflow:hidden}

.adgroup { width:100%; overflow:hidden}
.adgroup.w670 { width:770px}
.adgroup.w240 { width:240px}
.adgroup.w980 { width:1080px}
.ad { width:100%; overflow:hidden}
.ad img { width:100%; height:auto}
.relative { position:relative}
.hidden { display:none}
a.write { display:block; width:240px; height:72px; text-align:center; text-decoration:none; text-indent:-999em; line-height:72px; background:url(../img/write.gif) center center no-repeat}
.byellow a.write { background-image:url(../img/write_yellow.gif)}
.bred a.write { background-image:url(../img/write.gif)}
.bgreen a.write { background-image:url(../img/write.gif)}
.bblack a.write { background-image:url(../img/write_gray.gif)}
.f14 { font-size:14px}
span.bhits { display:block; width:auto; height:20px; line-height:20px; float:left; font-size:12px; background:url(../img/hits.png) left center no-repeat; padding-left:22px}
span.bcomment { display:block; width:auto; height:20px; line-height:20px; float:left; font-size:12px; background:url(../img/comment.png) left center no-repeat; padding-left:17px}

.header { min-width:980px; height:42px; background:url(../img/head/bg_blue.gif) left top repeat-x #29A7E1; position:fixed; left:0; top:0; z-index:9999}
.header ul.menu { width:100%; height:42px}
.header ul.menu li { width:auto; height:42px; background:url(../img/head/vline.gif) right center no-repeat}
.header ul.menu li.last { background:none}
.header ul.menu li a.navfont { display:block; width:108px; height:42px; text-decoration:none}
.header ul.menu li a.navfont:hover { background: left top repeat-x #78BFEB}
.header ul.menu li.navnow a.navfont { background:url(../img/head/bg_blue_active.gif) left top repeat-x #78BFEB}
.header ul.menu li.navnow2 a.navfont { background:url(../img/head/bg_blue_active.gif) left top repeat-x #78BFEB}
.header ul.menu li a.navfont span { display:block; width:108px; height:42px; line-height:42px; font-size:14px; color:#FFFFFF; text-align:center}
.header ul.menu li a.navfont.moremenu span { background:url(../img/head/arrow.gif) center 32px no-repeat}
.header ul.menu li .morelist { position:absolute; z-index:9999; left:-1px; top:42px; background-color:#FFFFFF; border:#C3C3C3 1px solid; border-top-style:none; width:108px; display:none}
.header ul.menu li .morelist a { display:block; width:108px; height:30px; line-height:30px; float:left; clear:both; white-space:nowrap; word-break:keep-all; overflow:hidden; text-align:center; text-decoration:none}
.header ul.menu li .morelist a:hover { color:#FFFFFF; background-color:#78BFEB}

.top { padding:20px 0}
.top .logo { width:235px; height:51px; clear:none}
.top .logo a { display:block; width:100%; height:100%; background:url(../img/head/logo_blue.gif) 0 0 no-repeat}
.top .search { width:403px; clear:none; padding-left:80px}
.top .search .searchform { width:403px; height:34px}
.top .search .searchform form { display:block; width:100%; height:100%; background:url(../img/searchbg.gif) 0 0 no-repeat; float:left; clear:both; position:relative}
.top .search .searchform form .searchitems { width:85px; height:34px; position:relative}
.top .search .searchform form .searchitems .searchitems_choosed { width:56px; height:34px; line-height:34px; font-size:14px; padding-left:8px; white-space:nowrap; word-break:keep-all; overflow:hidden; color:#999999; cursor:pointer}
.top .search .searchform form .searchitems ul { display:none; width:70px; border:#C1C1C1 2px solid; border-top-style:none; background-color:#FFFFFF; position:absolute; z-index:9998; top:32px; left:0; font-size:14px}
.top .search .searchform form .searchitems ul li { height:26px; line-height:26px; overflow:hidden}
.top .search .searchform form .searchitems ul li a { display:block; width:56px; height:100%; padding:0 7px; color:#999999; white-space:nowrap; word-break:keep-all; text-decoration:none}
.top .search .searchform form .searchitems ul li a:hover { background-color:#efefef}
.top .search .searchform form input { display:block; width:auto; height:34px; line-height:34px; float:left; overflow:hidden; border:none; background:none; font-size:14px; color:#CCCCCC;}
.top .search .searchform form input[type="text"] { width:260px; padding:0 9px}
.top .search .searchform form input[type="button"],.top .search .searchform form input[type="submit"] { width:40px; float:right; cursor:pointer}

.top .search .searchform form #search_results { display:none; width:316px; background-color:#FFFFFF; border:#cccccc 2px solid; border-top-style:none; padding-bottom:10px; position:absolute; left:83px; top:32px; z-index:9997}
.top .search .searchform form #search_results ul { width:316px}
.top .search .searchform form #search_results li { width:296px; clear:both; line-height:16px; padding:5px 10px;}
.top .search .searchform form #search_results li a { display:block; width:296px; height:auto; float:left; clear:both}
.top .search .searchform form #search_results a.close_search_results { display:block; width:16px; height:16px; line-height:14px; font-weight:bold; text-decoration:none; position:absolute; bottom:2px; right:1px; z-index:1}

.top .search .hotwords { width:100%; height:30px; line-height:30px; overflow:hidden; color:#666666}
.top .search .hotwords a { color:#878787; margin-right:6px}

.top .loginmenu { width:auto; height:20px; line-height:20px; float:right; clear:none; padding-top:10px; font-size:14px; color:#CCCCCC}
.top .loginmenu a { margin-left:5px; margin-right:5px}
.top .loginmenu img { vertical-align:middle}

.top .loginedmenu { width:250px; height:44px; line-height:22px; float:right; clear:none; font-size:12px; color:#CCCCCC}
.top .loginedmenu .lgitem { width:100px; height:22px; float:left; clear:none}
.top .loginedmenu .lgitem a { display:block; width:76px; height:22px; line-height:22px; background-image:url(../img/loginedmenu.png); background-repeat:no-repeat; padding-left:24px; color:#B9B9B9; overflow:hidden}
.top .loginedmenu .lgitem a.message { background-position:left 0px}
.top .loginedmenu .lgitem a.message.noread { background-position:left -22px}
.top .loginedmenu .lgitem a.homepage { background-position:left -88px}
.top .loginedmenu .lgitem a.cart { background-position:left -44px}
.top .loginedmenu .lgitem a.out { background-position:left -66px}
/*    顶部白线取消
.bblue .header { background:url(../img/head/bg_blue.gif) left top repeat-x #29A7E1}
.bblue .header ul.menu li a.navfont:hover { background:url(../img/head/bg_blue_active.gif) left top repeat-x #78BFEB}
.bblue .header ul.menu li.navnow a.navfont { background:url(../img/head/bg_blue_active.gif) left top repeat-x #78BFEB}
.bblue .header ul.menu li.navnow2 a.navfont { background:url(../img/head/bg_blue_active.gif) left top repeat-x #78BFEB}
.bblue .header ul.menu li .morelist a:hover { background-color:#78BFEB}
.bblue .top .logo a { background-image:url(../img/head/logo_blue.gif)}
.bblue a:active,.bblue a:hover { color:#29A7E1}
.bblue h2.general { color:#29A7E1}

.byellow .header { background:url(../img/head/bg_yellow.gif) left top repeat-x #FCBF0F}
.byellow .header ul.menu li a.navfont:hover { background:url(../img/head/bg_yellow_active.gif) left top repeat-x #FA9A12}
.byellow .header ul.menu li.navnow a.navfont { background:url(../img/head/bg_yellow_active.gif) left top repeat-x #FA9A12}
.byellow .header ul.menu li.navnow2 a.navfont { background:url(../img/head/bg_yellow_active.gif) left top repeat-x #FA9A12}
.byellow .header ul.menu li .morelist a:hover { background-color:#FA9A12}
.byellow .top .logo a { background-image:url(../img/head/logo_yellow.gif)}
.byellow a:active,.byellow a:hover { color:#FCBF0F}
.byellow h2.general { color:#FCBF0F}

.bred .header { background:url(../img/head/bg_red.gif) left top repeat-x #F06896}
.bred .header ul.menu li a.navfont:hover { background:url(../img/head/bg_red_active.gif) left top repeat-x #F29EBF}
.bred .header ul.menu li.navnow a.navfont { background:url(../img/head/bg_red_active.gif) left top repeat-x #F29EBF}
.bred .header ul.menu li.navnow2 a.navfont { background:url(../img/head/bg_red_active.gif) left top repeat-x #F29EBF}
.bred .header ul.menu li .morelist a:hover { background-color:#F29EBF}
.bred .top .logo a { background-image:url(../img/head/logo_red.gif)}
.bred a:active,.bred a:hover { color:#F06896}
.bred h2.general { color:#F06896}

.bgreen .header { background:url(../img/head/bg_green.gif) left top repeat-x #69BD72}
.bgreen .header ul.menu li a.navfont:hover { background:url(../img/head/bg_green_active.gif) left top repeat-x #39A540}
.bgreen .header ul.menu li.navnow a.navfont { background:url(../img/head/bg_green_active.gif) left top repeat-x #39A540}
.bgreen .header ul.menu li.navnow2 a.navfont { background:url(../img/head/bg_green_active.gif) left top repeat-x #39A540}
.bgreen .header ul.menu li .morelist a:hover { background-color:#39A540}
.bgreen .top .logo a { background-image:url(../img/head/logo_green.gif)}
.bgreen a:active,.bgreen a:hover { color:#69BD72}
.bgreen h2.general { color:#69BD72}

.bblack .header { background:url(../img/head/bg_black.gif) left top repeat-x #000000}
.bblack .header ul.menu li a.navfont:hover { background:url(../img/head/bg_black_active.gif) left top repeat-x #666666}
.bblack .header ul.menu li.navnow a.navfont { background:url(../img/head/bg_black_active.gif) left top repeat-x #666666}
.bblack .header ul.menu li.navnow2 a.navfont { background:url(../img/head/bg_black_active.gif) left top repeat-x #666666}
.bblack .header ul.menu li .morelist a:hover { background-color:#AAAAAA}
.bblack .top .logo a { background-image:url(../img/head/logo_black.gif)}
.bblack a:active,.bred a:hover { color:#333333}
.bblack h2.general { color:#333333}
  顶部白线取消原文结束  
*/
.bblue .header { background:left top repeat-x #29A7E1}
.bblue .header ul.menu li a.navfont:hover { background:left top repeat-x #78BFEB}
.bblue .header ul.menu li.navnow a.navfont { background:left top repeat-x #78BFEB}
.bblue .header ul.menu li.navnow2 a.navfont { background:left top repeat-x #78BFEB}
.bblue .header ul.menu li .morelist a:hover { background-color:#78BFEB}
.bblue .top .logo a { background-image:url(../img/head/logo_blue.gif)}
.bblue a:active,.bblue a:hover { color:#29A7E1}
.bblue h2.general { color:#29A7E1}
 
.byellow .header { background:left top repeat-x #FCBF0F}
.byellow .header ul.menu li a.navfont:hover { background:left top repeat-x #FA9A12}
.byellow .header ul.menu li.navnow a.navfont { background:left top repeat-x #FA9A12}
.byellow .header ul.menu li.navnow2 a.navfont { background:left top repeat-x #FA9A12}
.byellow .header ul.menu li .morelist a:hover { background-color:#FA9A12}
.byellow .top .logo a { background-image:url(../img/head/logo_yellow.gif)}
.byellow a:active,.byellow a:hover { color:#FCBF0F}
.byellow h2.general { color:#FCBF0F}

.bred .header { background:left top repeat-x #F06896}
.bred .header ul.menu li a.navfont:hover { background:left top repeat-x #F29EBF}
.bred .header ul.menu li.navnow a.navfont { background:left top repeat-x #F29EBF}
.bred .header ul.menu li.navnow2 a.navfont { background:left top repeat-x #F29EBF}
.bred .header ul.menu li .morelist a:hover { background-color:#F29EBF}
.bred .top .logo a { background-image:url(../img/head/logo_red.gif)}
.bred a:active,.bred a:hover { color:#F06896}
.bred h2.general { color:#F06896}

.bgreen .header { background:left top repeat-x #69BD72}
.bgreen .header ul.menu li a.navfont:hover { background:left top repeat-x #39A540}
.bgreen .header ul.menu li.navnow a.navfont { background:left top repeat-x #39A540}
.bgreen .header ul.menu li.navnow2 a.navfont { background:left top repeat-x #39A540}
.bgreen .header ul.menu li .morelist a:hover { background-color:#39A540}
.bgreen .top .logo a { background-image:url(../img/head/logo_green.gif)}
.bgreen a:active,.bgreen a:hover { color:#69BD72}
.bgreen h2.general { color:#69BD72}

.bblack .header { background: left top repeat-x #000000}
.bblack .header ul.menu li a.navfont:hover { background:left top repeat-x #666666}
.bblack .header ul.menu li.navnow a.navfont { background:left top repeat-x #666666}
.bblack .header ul.menu li.navnow2 a.navfont { background:left top repeat-x #666666}
.bblack .header ul.menu li .morelist a:hover { background-color:#AAAAAA}
.bblack .top .logo a { background-image:url(../img/head/logo_black.gif)}
.bblack a:active,.bred a:hover { color:#333333}
.bblack h2.general { color:#333333}
/*顶部白线取消修改结束*/

.daohang { height:22px; overflow:hidden; font-size:14px; line-height:22px}
.daohang a.dhindex { background:url(../img/home.gif) left center no-repeat; padding-left:14px}

.footer { background-color:#333132; color:#BCBABB; padding-top:50px; padding-bottom:50px}
.footer a { color:#BCBABB}
.footer a:active,.footer a:hover { color:#E0DEDF}
.footer .ourlinks { width:auto; height:30px; clear:none}
.footer .ourlinks a { display:block; width:auto; height:30px; line-height:30px; float:left; padding-right:41px; padding-left:40px; background:url(../img/vline16_white.gif) right center no-repeat; font-size:16px}
.footer .ourlinks a.first { padding-left:0}
.footer .ourlinks a.last { padding-right:0; background:none}
.footer .ourplace { width:auto; height:30px; float:right; clear:none}
.footer .ourplace a { display:block; width:auto; height:30px; float:left; margin-left:18px; _margin-left:9px; background-image:url(../img/ww.gif); background-repeat:no-repeat}
.footer .ourplace a.app { width:29px; background-position:0px center}
.footer .ourplace a.qq { width:29px; background-position:-47px center}
.footer .ourplace a.wb { width:37px; background-position:-93px center}
.footer .ourplace a.wx { width:37px; background-position:-146px center}
.footer .ourrights { padding-top:60px; font-size:14px}
.footer .ourrights li { width:280px; padding-right:70px; line-height:28px}
.footer .ourrights li.last { padding-right:0}
#topcontrol {width:auto}
.cc-compliance {width:auto}