html, body { width: 100%; line-height: 1.5; font: 500 12px/1.5 Microsoft Yahei,微软雅黑,宋体,Arial,Helvetica,sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, img, a, em { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6, em { font-size: 12px; font-weight: normal; font-style: normal; }
i, cite, em, var, address, dfn { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
li { list-style: none; }
p, div { word-break: break-all; word-wrap: break-word; }
/***************************颜色样式***********************************/
a:link, a:visited, a:active { color: #444; text-decoration: none; }
a:hover { color: #F63; }
a.link-lightblue:link, a.link-lightblue:visited, a.link-lightblue:active { color: #3186C8 !important; }
a.link-lightblue:hover { color: #F63 !important; }
/*淡蓝色*/
a.link-blue:link, a.link-blue:visited, a.link-blue:active { color: Blue !important; }
a.link-blue:hover { color: #F63 !important; }
/*蓝色*/
a.link-white:link, a.link-white:visited, a.link-white:active { color: White !important; }
a.link-white:hover { color: #F63 !important; }
/*白色*/
a.link-black:link, a.link-black:visited, a.link-black:active { color: Black !important; }
a.link-black:hover { color: #F63 !important; }
/*黑色*/
a.link-orange:link, a.link-orange:visited, a.link-orange:active { color: Orange !important; }
a.link-orange:hover { color: Orange !important; }
/*橙色*/
a.link-red:link, a.link-red:visited, a.link-red:active { color: Red !important; }
a.link-red:hover { color: #F63 !important; }
/*红色*/
a.link-green:link, a.link-green:visited, a.link-green:active { color: green !important; }
a.link-green:hover { color: green !important; }
/*绿色s*/
/**************************************************************/
.money, .price { color: #D70000 !important; font-family: Arial,宋体 !important; }
.color-white { color: White !important; }
/*白色*/
.color-black { color: Black !important; }
/*黑色*/
.color-blue { color: Blue !important; }
/*蓝色*/
.color-orange { color: #F63 !important; }
/*橙色*/
.color-red { color: Red !important; }
/*红色*/
.color-gray { color: Gray !important; }
/*灰色*/
.color-lightblue { color: #3186C8 !important; }
/*淡蓝色*/
.color-green { color: Green !important; }
/*绿色*/
.color-lightgreen { color: #00A4A4 !important; }
/*浅绿色*/
/***************************常用样式***********************************/
.fill { width: 100% !important; display: block; }
.fl { float: left !important; }
.fr { float: right !important; }
.hide { display: none !important; }
.clear { clear: both !important; }
.overflow-hidden, .overflow-hide { overflow: hidden; }
.clearfix:after { content: "\200B"; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
/*IE/7/6*/
.cursor-pointer { cursor: pointer; }
.clear { clear: both !important; }
.overflow { overflow: hidden; }
.align-middle, .absmiddle { vertical-align: middle; }
.family-yahei { font-family: Microsoft Yahei,"微软雅黑","宋体",Arial,Helvetica,sans-serif; }
.no-border { border: 0 !important; }
.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
img.border { border: 1px solid #C2C2C2; padding: 1px; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.sizing-border * { box-sizing: border-box; }
.hr { width: 100%; display: inline-block; margin: 3px auto; background-color: #dfdfdf; clear: both; padding: 0; border: 0; height: 2px; }
.bg-white { background-color: #FFF !important; }
.bg-gray { background-color: #DDD !important; }
.h1, .h2, .h3, .h4, .h5, .h6, .h7 { line-height: 30px; font-weight: 700; color: #444; text-shadow: 1px 1px 2px #999; font-family: Microsoft Yahei,"微软雅黑"; }
.h1 { font-size: 24px; }
.h2 { font-size: 22px; }
.h3 { font-size: 20px; }
.h4 { font-size: 18px; }
.h5 { font-size: 16px; }
.h6 { font-size: 14px; }
.h7 { font-size: 12px; }
.inline-block { display: inline-block; vertical-align: middle; }
.font-12 { font-size: 12px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-26 { font-size: 26px !important; }
.pt10 { padding-top: 10px; }
.pd10 { padding: 10px; }
.box-sizing-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*****************************分页样式*********************************/
.transform-scale, /*放大*/
.transform-spfz, /*水平反转*/
.transform-czfz /*垂直反转*/ { transition: All 0.7s ease-in-out; -webkit-transition: All 0.7s ease-in-out; -moz-transition: All 0.7s ease-in-out; -o-transition: All 0.7s ease-in-out; }
.transform-scale:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); filter: saturate(0.5); -ms-filter: saturate(0.5); -moz-filter: saturate(0.5); -webkit-filter: saturate(0.5); }
.transform-spfz:hover { transform: scale(-1,1); -webkit-transform: scale(-1,1); -moz-transform: scale(-1,1); -o-transform: scale(-1,1); -ms-transform: scale(-1,1); }
.transform-czfz:hover { transform: scale(1,-1); -webkit-transform: scale(1,-1); -moz-transform: scale(1,-1); -o-transform: scale(1,-1); -ms-transform: scale(1,-1); }

/*****************************分页样式*********************************/
.dotnetpage { line-height: 18px; padding: 10px 10px 10px 0px; text-align: center; font-size: 14px; font-family: 宋体; clear: both; overflow: hidden; zoom: 1; }
.dotnetpage-bottom { overflow: hidden; }
.dotnetpage-bottom a, .dotnetpage-bottom span { padding: 6px 16px; height: 22px; line-height: 22px; display: inline-block; border: 1px solid #CCC; color: #666; margin-right: 2px; text-decoration: none; }
.dotnetpage-bottom a:link, .dotnetpage-bottom a:visited, .dotnetpage-bottom a:active { color: #666; }
.dotnetpage-bottom a:hover, .dotnetpage-bottom .dotnetpage-current { border: 1px solid #f50000; background: #f50000; color: #fff; }
.dotnetpage-text { color: #444444; font-size: 12px; border-color: #999999 #CCCCCC #CCCCCC #999999; border-style: solid; border-width: 1px; padding: 2px; font-family: 宋体,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: 14px; height: 14px; width: 30px; }
.dotnetpage-button { border-right: #666666 1px solid; border-top: #fafafa 1px solid; font-size: 12px; padding-bottom: 0px; border-left: #fafafa 1px solid; color: #575700; padding-top: 2px; border-bottom: #666666 1px solid; font-family: "宋体"; letter-spacing: 1px; background-color: #e7e7e7; }

.main, .container { width: 1220px; margin: 0 auto; }
.head { width: 100%; background-color: #F8F8F8; }
.head-topbar,
.head-topbar-placeholder { width: 100%; height: 45px; line-height: 45px; }
.head-topbar-placeholder { _display: none; }
.head-topbar { color: #FFF; background-color: #ad080e; }
.head-topbar a:link, .head-topbar a:visited, .head-topbar a:active { color: #FFF; }
.head-topbar li:hover { background-color: #8b070c; }
.head-topbar-body { height: 45px; padding: 0 10px 0 0; line-height: 45px; }
.head-topbar-nav { float: left; height: 100%; }
.head-topbar-nav li { float: left; }
.head-topbar-nav a { padding: 0 10px; display: inline-block; font: 17px/1.25 "\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif; _font-family: "SimSun"; }
.head-topbar-slogan { height: 100%; padding: 0 20px; float: right; }
.head-topbar-slogan { background-color: #cd0c0c; font-family: Arial,Verdana; background-image: -webkit-gradient(linear,left top,left bottom,from(#cd0c0c),to(#a20000)); background-image: -webkit-linear-gradient(top,#cd0c0c,#a20000); background-image: -moz-linear-gradient(top,#cd0c0c,#a20000); background-image: -o-linear-gradient(top,#cd0c0c,#a20000); background-image: -ms-linear-gradient(top,#cd0c0c,#a20000); background-image: linear-gradient(top,#cd0c0c,#a20000); }
.head-topbar-body .btn-favorite { cursor: pointer; display: inline-block; float: right; }
.head-topbar-body .btn-favorite .am-icon-heart { display: inline-block; font-size: 16px; color: red; vertical-align: middle; margin-right: 4px; }
.head-topbar-body .btn-favorite:hover,
.head-topbar-body .btn-favorite:hover .am-icon-heart { color: #CD0C0C; font-family: Arial,Verdana; }
.headerbannerad { width: 1178px; margin: 5px auto 0; border: 1px solid #dadada; overflow: hidden; }

.head-topbar-link { height: 100%; float: right; }
.head-topbar-link li { height: 100%; float: left; padding: 0 5px; }
.head-topbar-link .am-icon-mobile { font-size: 22px; vertical-align: middle; margin-right: 4px; }
.header_nav .header_nav_mobile { float: right; height: 17px; padding: 9px 10px 8px; line-height: 17px; }
.header_nav .header_nav_mobile a { color: #fff; }
.header_nav .header_nav_mobile a i { display: inline-block; width: 12px; height: 17px; margin-right: 8px; vertical-align: middle; }
.header_nav .header_nav_mobile a img { width: 12px; height: 17px; }
.head-topbar-body .btn-favorite { cursor: pointer; display: inline-block; float: right; }
.head-topbar-body .btn-favorite .am-icon-heart { display: inline-block; font-size: 16px; color: red; vertical-align: middle; margin-right: 4px; }
.head-topbar-body .btn-favorite:hover,
.head-topbar-body .btn-favorite:hover .am-icon-heart { color: #CD0C0C; font-family: Arial,Verdana; }



.head-menu-link { height: 36px; line-height: 36px; overflow: hidden; }
.head-menu-link li { height: 100%; float: left; }
.head-menu-link li a { height: 100%; padding: 0 12px; float: left; font-family: 宋体; }

.head-nav { margin-bottom: 10px; width: 100%; height: 66px; padding-top: 10px; border-bottom: 4px solid #ef2d36; }
.head-nav-body { height: 100%; }
.head-logo { width: 300px; height: 100%; float: left; display: block; overflow: hidden; }
.head-nav-data { width: 912px; height: 100%; float: right; overflow: hidden; }
.head-nav-data li { width: 130px; height: 63px; line-height: 63px; padding-top: 3px; font-size: 22px; float: left; overflow: hidden; }
.head-nav-data li.curr, .head-nav-data li:hover { background-color: #EF2D36; }
.head-nav-data li.curr a, .head-nav-data li:hover a { color: #ef2d36; }

.head-nav-data li a { height: 100%; text-align: center; display: block; border: 1px solid #E4E4E4; border-right-width: 0; background-color: #FFF; overflow: hidden; }
.head-nav-data .icon { width: 40px; height: 30px; vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-position: left center; }
.head-nav-data .icon-news { background-image: url("/resources/nxing/images/icon/nx-news.gif"); }
.head-nav-data .icon-jian { background-image: url("/resources/nxing/images/icon/nx-jian.gif"); }
.head-nav-content { display: none; /*20160805 by yong*/ height: 40px; line-height: 40px; padding: 10px 0; overflow: hidden; }
.head-nav-content ul { height: 100%; font-size: 18px; overflow: hidden; }
.head-nav-content li { height: 100%; padding: 0 20px 0 14px; float: left; background: url(/resources/nxing/images/icon/sprite_icon.png) no-repeat right center; overflow: hidden; }
.head-nav-content li a { height: 100%; display: inline-block; overflow: hidden; }


.head2, .head2-placeholder { width: 100%; height: 44px; line-height: 44px; clear: both; }
.head2 { background-color: #333; font-family: "\5B8B\4F53", sans-serif; position: fixed; top: 0; z-index: 999; }
.head2 a:link, .head2 a:visited, .head2 a:active { color: #FFF; }
.head2 a:hover { color: #F63; }
.head2-logo { display: block; float: left; height: 36px; margin: 4px 0 0 40px; }
.head2-logo img { height: 100%; }
.head2-nav1 { height: 100%; float: left; overflow: hidden; }
.head2-nav1 li { height: 100%; float: left; padding-left: 24px; }
.head2-nav2 { height: 100%; float: right; overflow: hidden; }
.head2-nav2 li { height: 100%; float: left; padding-right: 24px; }

.head2-nav-manu { width: 68px; height: 100%; float: right; border-left: 1px solid #444; margin-right: 40px; }
.head2-nav-manu ul { }
.head2-nav-manu { width: 68px; float: right; border-left: 1px solid #444; margin-right: 40px; }
.head2-nav-manu a.ntes-nav-manu-btn { display: block; }
.head2-nav-manu a.ntes-nav-manu-btn:hover { background: #1e1e1e; }
.head2-nav-manu a.ntes-nav-manu-btn:hover .menu1 { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px); }
.head2-nav-manu a.ntes-nav-manu-btn:hover .menu3 { -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); -o-transform: translate(0, 2px); transform: translate(0, 2px); }
.head2-nav-manu em { display: block; text-indent: -999em; overflow: hidden; width: 28px; height: 44px; line-height: 0; margin-left: 20px; }
.head2-nav-manu .ntes-nav-manu-btn span { display: block; float: right; clear: both; width: 24px; height: 2px; background: #efefef; }
.head2-nav-manu span.menu1 { margin: 13px 2px 0; -webkit-transition: -webkit-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; }
.head2-nav-manu span.menu2 { margin: 6px 2px 0; }
.head2-nav-manu span.menu3 { margin: 6px 2px 0; -webkit-transition: -webkit-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; }
.head2-nav-manu .ntes-nav-manu-init .menu1 { -moz-animation: menu 800ms ease 0s 2; -webkit-animation: menu 800ms ease 0s 2; animation: menu 800ms ease 0s 2; }
.head2-nav-manu .ntes-nav-manu-init .menu2 { -moz-animation: menu 800ms ease 0.16s 2; -webkit-animation: menu 800ms ease 0.16s 2; animation: menu 800ms ease 0.16s 2; }
.head2-nav-manu .ntes-nav-manu-init .menu3 { -moz-animation: menu 800ms ease 0.32s 2; -webkit-animation: menu 800ms ease 0.32s 2; animation: menu 800ms ease 0.32s 2; }

.head2-nav-manu .ntes-nav-list-wrap { width: 100%; height: 240px; padding: 20px 0; overflow: hidden; background-color: #FFF; position: absolute; left: 0; right: 0; top: 44px; border-bottom: 1px solid #DDD; box-shadow: 1px 1px 10px #DDD; }
.head2-nav-manu .ntes-nav-list-wrap-body { width: 1200px; height: 100%; margin: 0 auto; border: 1px solid #DDD; border-width: 0 1px; }
.head2-nav-manu .ntes-nav-list-wrap .ntes-nav-ul { width: 24.9%; height: 100%; float: left; border-right: 1px solid #DDD; box-sizing: border-box; overflow: hidden; }
.head2-nav-manu .ntes-nav-list-wrap .ntes-nav-ul li { width: 33%; height: 30px; font: 13px/30px "Sim sun"; float: left; overflow: hidden; }
.head2-nav-manu .ntes-nav-list-wrap .ntes-nav-ul li a { margin-left: 35px; }
.head2-nav-manu .ntes-nav-list-wrap a:link, .head2-nav-manu .ntes-nav-list-wrap a:visited, .head2-nav-manu .ntes-nav-list-wrap a:active { color: #333; }
.head2-nav-manu .ntes-nav-list-wrap a:hover { color: #F63; }


.foot { border-top: 3px solid #FF3636; text-align: center; padding: 30px 0; }
.foot-logo { }
.foot-link { word-spacing: 20px; font-size: 14px; line-height: 50px; }
.foot-copyright { color: #808080; font-size: 14px; margin: 16px; line-height: 26px; }
