.wrappper { width: 100%; min-width: 1200px; margin: 0 auto; }
.container { width: 1200px; margin: 0 auto; padding: 0 10px 0; box-sizing: border-box; }
.container:after { display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; content: "."; }

/* top */
.header { width: 100%; min-width: 1200px; background-color: #fff; box-shadow: 0px 4px 9px 0px rgba(184,182,182,0.5); }
.header .top_bg { width: 100%; min-width: 1200px; background-color: #333; }
.header .top { width: 1200px; margin: 0 auto; height: 45px; line-height: 45px; color: #fff; font-size: 14px; padding: 0 10px 0; box-sizing: border-box; }
.header .top a { text-decoration: none; }
.header .top a:hover { color: #D40300; }

/* index */
.header .top .left { float: left; }
.header .top .left dl { float: left; width: 125px; }
.header .top .left dt { padding: 0 10px; font-size: 12px; color: #C5B28F; background: #000; cursor: pointer; }
.header .top .left dt i { display: inline-block; background: url(icon.png) no-repeat; }
.header .top .left dt i:nth-child(1) { float: left; width: 28px; height: 35px; margin-right: 5px; background-position: -10px 0px; }
.header .top .left dt i:nth-child(2) { float: right; width: 15px; height: 35px; background-position: -45px 0px; }
.header .top .left dd { display: none; position: absolute; z-index: 999; width: 420px; /*width: 450px;*/ line-height:25px; padding: 10px 10px 0; background-color: rgba(200,0,11,.95); box-sizing: border-box; }
.header .top .left dl.over dd { display: block; }
.header .top .left dd a { display: inline-block; overflow: hidden; margin: 0 10px; color: #fff; text-align: center; }
.header .top .left dd a:hover { opacity: .8; }

/* common */
.header .top .left li { float: left; margin-right: 15px; color: #fff; }
.header .top .left li a { color: #fff; }
.header .top .left li a:hover { color: #fff; opacity: .8; }
.header .top .left li.more { position: relative; cursor: pointer; padding-right: 18px; }
.header .top .left li.more:after { position: absolute; z-index: 999; right: 0; top: 20px; width: 13px; height: 7px; background: url(icon.png) no-repeat -65px -10px; content: ""; }
.header .top .left li.more .sub { display: none; position: absolute; background-color: rgba(182,23,4,1); right: 0; top: 45px; width: 60px; z-index: 999; }
.header .top .left li.more .sub a { display: block; float: none; line-height: 30px; margin: 0; padding: 0; text-align: center; font-weight: normal; color: #fff; border-bottom: solid 1px rgba(255,255,255,.7); }
.header .top .left li.more .sub a:hover { background-color: #820504; background-color: rgba(212,3,0,1); }
.header .top .left li.more.over { }
.header .top .left li.more.over:after { background: url(icon.png) no-repeat -65px -30px; }
.header .top .left li.more.over .sub { display: block; }

.header .top .right { float: right; font-size: 12px; display:none; }
.header .top .right li { float: left; }
.header .top .right li a { display: inline-block; padding: 0 10px; color: #fff; }
.header .top .right li a:hover { background-color: #D40300; color: #fff; }
.header .top .right li a.app { display: none; }
.header .top .right li a.mail { display: none; }
.header .top .right li a.cmail { display: none; }
.header .top .right li a.login { display: none0; }
.header .top .right li a.reg { display: none0; }
.header .top .right li a i { display: inline-block; margin-right: 5px; background: url(icon.png) no-repeat; vertical-align: middle; }
.header .top .right li a.app i { width: 12px; height: 19px; background-position: -10px -55px; }
.header .top .right li a.mail i { width: 17px; height: 13px; background-position: -35px -55px; }
.header .top .right li a.cmail i { width: 17px; height: 13px; background-position: -65px -55px; }
.header .top .right li a.login i { width: 11px; height: 13px; background-position: -95px -55px; }
.header .top .right li a.reg i { width: 13px; height: 13px; background-position: -115px -55px; }

.header .info { position: relative; width: 1200px; margin: 0 auto; height: 100px; padding: 15px 10px; box-sizing: border-box; }
.header .info .logo { position: relative; display: block; float: left; width: 269px; height: 70px; background: url(logo.png) no-repeat 0 50%; background-size: auto 38px; }
.header .info .logo a { display: block; height: 100%; font-size: 12px; overflow: hidden; text-indent: -666px; }
.header .info .txt { float: left; width: 170px; height: 70px; background: url(logo_txt.png) no-repeat 0 50%; background-size: 170px auto; display: none; }
.header .info .ads { position: relative; float: right; z-index: 0; display: none0; }
.header .info .ads img { height: 70px; }
.header .info .search { float: right; height: 40px; line-height: 40px; margin-top: 15px; }
.header .info .search form { display: flex; }
.header .info .search input { width: 280px; padding: 0 10px; background-color: #fff; border: 1px solid #cccccc; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center; }
.header .info .search a { width: 100px; background: #333; text-align: center; font-size: 20px; color: #fff; display: block; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.header .info .searchsc { width: 650px; height: 61px; float: right; background-image: url(../article/shici/search.png); background-repeat: no-repeat; margin-top: 6px; }
.header .info .searchsc form { display: -webkit-flex; display: flex; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; }
.header .info .searchsc input { width: 500px; background: transparent; padding-left: 25px; border: 0; color: #8d7165; font-size: 16px; line-height: 61px; }
.header .info .searchsc input:focus { border: 0; outline: 0; }
.header .info .searchsc .btn { width: 108px; height: 52px; line-height: 400px; overflow: hidden; margin: 4px 6px 0 0; font-weight: bold; background: transparent; display: block; border: none; cursor: pointer }

/* index */
.header .indexNav { width: 1200px; margin: 0 auto; height: 42px; }
.header .indexNav strong { display: block; float: left; font-weight: bold; }
.header .indexNav dl { position: relative; float: left; height: 42px; line-height: 42px; padding: 0 25px 0 25px; }
.header .indexNav dt { float: left; }
.header .indexNav dd { float: left; }
.header .indexNav dl a { display: block; float: left; margin: 0 10px 0 5px; padding: 0; font-size: 16px; }
.header .indexNav dl a:hover { font-weight: bold; }
.header .indexNav dl:after { content: ''; position: absolute; right: 0; top: 19px; border-right: 0px solid #d8d8d8; height: 20px; width: 0; }
.header .indexNav .navMore { position: relative; height: 24px; cursor: pointer; display: block; padding-right: 23px; }
.header .indexNav .navMore:after { position: absolute; z-index: 1; right: 0; top: 17px; width: 13px; height: 7px; background: url(icon.png) no-repeat -65px -10px; content: ""; }
.header .indexNav .navMore .con { display: none; position: absolute; background-color: rgba(200,0,11,.8); right: 0; top: 24px; width: 60px; z-index: 2; }
.header .indexNav .navMore .con a { display: block; float: none; line-height: 30px; margin: 0; padding: 0; text-align: center; font-weight: normal; color: #fff; }
.header .indexNav .navMore .con a:hover { background-color: #820504; background-color: rgba(200,0,11,1); }
.header .indexNav .navMore.over:after { background: url(icon.png) no-repeat -65px -30px; }
.header .indexNav .navMore.over .con { display: block; }

/* channel */
.header .channelNav { width: 1200px; margin: 0 auto; padding: 13px 0; font-size: 16px; line-height: 16px; }
.header .channelNav a { margin: 0 36px; color: #000; }
.header .channelNav a:hover,
.header .channelNav a.current { font-weight: bold; }
.header .channelNav em { position: absolute; display: inline-block; overflow: hidden; width: 1px; height: 16px; vertical-align: top; background-color: #A1A1A1; }

/* list */
.header .listNav { width: 1200px; margin: 0 auto; padding: 13px 0; font-size: 16px; line-height: 16px; }
.header .listNav a { margin: 0 36px; }
.header .listNav a:hover,
.header .listNav a.current { font-weight: bold; color: #D40300; }
.header .listNav em { position: absolute; display: inline-block; overflow: hidden; width: 1px; height: 16px; vertical-align: top; background-color: #A1A1A1; }

/* sport */
.header .sportNav { display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; width: 1180px; height: 56px; line-height: 56px; margin: 0 auto; font-size: 18px; }
.header .sportNav a { position: relative; width: 150px; color: #000; text-align: center; }
.header .sportNav a:hover { font-weight: bold; }
.header .sportNav a.current { font-weight: bold; }
.header .sportNav em { position: absolute; display: inline-block; overflow: hidden; left: 0; top: 20px; width: 1px; height: 16px; line-height: 16px; vertical-align: middle; background-color: #A1A1A1; }

/* ent */
.header .entNav { display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; width: 1180px; height: 43px; line-height: 43px; margin: 0 auto; margin-top: 10px; border-bottom: solid 1px #f2f2f2; }
.header .entNav li { width: 146px; height: 16px; margin-top: 14px; border-left: solid 1px #f2f2f2; position: relative; text-align: center; float: left; font-size: 14px; color: #fff; }
.header .entNav li:first-child { border-left: none; }
.header .entNav li a { position: absolute; left: 0; top: -15px; width: 100%; height: 39px; border-top: solid 4px transparent; font-size: 16px; line-height: 39px; display: block; }
.header .entNav li a:hover { color: #f46200; }
.header .entNav li a.current { color: #f46200; /*border-bottom: solid 1px #ff5911;*/ }

/* tech */
.header .techNav { float: right; width: 810px; height: 70px; margin-top: 15px; box-sizing: border-box; }
.header .techNav ul { display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; float: left; width: 600px; margin-top:12px;}
.header .techNav li { width: 75px; text-align: center; }
.header .techNav li i { position: relative; display: inline-block; float: left; width: 11px; height: 38px; margin-top: -15px; background: url(icon.png) no-repeat -205px -120px; }
.header .techNav li em { position: relative; display: inline-block; float: left; width: 6px; height: 11px; margin-top: 5px; background: url(icon.png) no-repeat -225px -135px; }
.header .techNav li a { color: #202020; }
.header .techNav li a:hover { color: #146032; }
.header .techNav li a.current { color: #146032; }
.header .techNav .set { position: relative; float: right; padding-top: 11px; color: #666; cursor: pointer; }
.header .techNav .set i { position: relative; float: left; width: 12px; height: 15px; margin-top: 2px; margin-right: 5px; background: url(icon.png) no-repeat -310px -130px; }
.header .techNav .set span { position: absolute; z-index: 999; display: none; right: 0; top: 58px; width: 260px; height: 60px; line-height: 28px; padding: 10px; background-color: #fff; font-size: 14px; border: solid 1px #eee; border-radius: 10px; box-shadow: 1px 1px 10px #999; }
.header .techNav .set span strong { color: #146032; margin-right: 10px; }
.header .techNav .set:hover span { display: block; }

/* finance */
.header .financeNav { display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; width: 1160px; height: 56px; line-height: 56px; margin: 0 auto; font-size: 18px; }
.header .financeNav a { position: relative; color: #333; }
.header .financeNav em { display: block; width: 6px; height: 11px; margin: 23px 23px 0 23px; background: url(icon.png) -225px -135px; }
.header .financeNav a:hover { color: #ff4f4f; }
.header .financeNav a.current { color: #ff4f4f; }

/* auto */
.header .autoNav { width: 100%; min-width: 1200px; margin: 0 auto; background: #333; }
.header .autoNav ul { display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; width: 1180px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 16px; }
.header .autoNav li { text-align: center; }
.header .autoNav li:hover { background: #4a4a4a; }
.header .autoNav li.current { background: #4a4a4a; }
.header .autoNav a { display: block; width:147px; color: #fff; text-align: center;}
.header .autoNav a:hover { color: #fff; }

/* game */
.header .gameNav { float: right; width: 810px; height: 70px; margin-top: 15px; box-sizing: border-box; }
.header .gameNav ul { display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; float: left; width: 600px; margin-top:12px; }
.header .gameNav li { width: 75px; text-align: center; }
.header .gameNav li i { position: relative; display: inline-block; float: left; width: 11px; height: 38px; margin-top: -15px; background: url(icon.png) no-repeat -205px -120px; }
.header .gameNav li em { position: relative; display: inline-block; float: left; width: 6px; height: 11px; margin-top: 5px; background: url(icon.png) no-repeat -225px -135px; }
.header .gameNav li a { color: #202020; }
.header .gameNav li a.current,
.header .gameNav li a:hover { color: #fc6b6b; }
.header .gameNav .set { position: relative; float: right; padding-top: 11px; color: #666; cursor: pointer; }
.header .gameNav .set i { position: relative; float: left; width: 12px; height: 15px; margin-top: 2px; margin-right: 5px; background: url(icon.png) no-repeat -310px -130px; }
.header .gameNav .set span { position: absolute; z-index: 999; display: none; right: 0; top: 58px; width: 260px; height: 60px; line-height: 28px; padding: 10px; background-color: #fff; font-size: 14px; border: solid 1px #eee; border-radius: 10px; box-shadow: 1px 1px 10px #999; }
.header .gameNav .set span strong { color: #146032; margin-right: 10px; }
.header .gameNav .set:hover span { display: block; }

/* cluture */
.header .cultureNav { display: flex; margin-left: auto; justify-content: space-between; align-items: center; width: 810px; height: 70px; line-height: 56px; font-weight: bold; font-size: 20px; }
.header .cultureNav li { position: relative; float: left; margin: 10px 40px 0 0; }
.header .cultureNav li a { color: #000000; }
.header .cultureNav li a.current,
.header .cultureNav li a:hover { color: #D40300; }

/* health */
.header .healthNav { display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; width: 1180px; min-width: 1180px; height: 45px; line-height: 30px; margin: 0 auto; border-top: solid 4px #21ADBB; border-bottom: solid 1px #f2f2f2; }
.header .healthNav li { position: relative; float: left; width: 130px; height: 16px; margin-top: 14px; border-left: solid 1px #f2f2f2; text-align: center; font-size: 14px; color: #fff; }
.header .healthNav li:first-child { border-left: none; }
.header .healthNav li a { position: absolute; display: block; left: 0; top: -14px; width: 100%; height: 39px; line-height: 39px; border-top: solid 4px transparent; font-size: 16px; }
.header .healthNav li a.current,
.header .healthNav li a:hover { color: #21ADBB; }
.header .healthNav li.current a { color: #21ADBB; border-top: solid 4px #21ADBB; }

/* art */
.header .artNav { float: left; height: 40px; margin: 6px 0 0 30px; }
.header .artNav li { position: relative; float: left; padding-right: 55px; }
.header .artNav li a { width: 105px; height: 20px; display: block; background-repeat: no-repeat; background-size: 100%; margin-top: 20px; opacity: 0.8; }
.header .artNav li a:hover { width: 105px; height: 20px; display: block; background-repeat: no-repeat; background-size: 100%; margin-top: 20px; opacity: 1.0; }
.header .artNav li:nth-child(1) a { background-image: url(../article/art/a1.png); }
.header .artNav li:nth-child(2) a { background-image: url(../article/art/a2.png); }
.header .artNav li:nth-child(3) a { background-image: url(../article/art/a3.png); }
.header .artNav li i { position: absolute; right: 27.5px; top: 20px; font-size: 14px; color: #DEDEDE; }

/* shici */
.header .shiciNav_bg { min-width: 1200px; margin: auto; background-image: url(../article/shici/shiciNav.png); }
.header .shiciNav { width: 1180px; min-width: 1180px; height: 60px; line-height: 60px; margin: 0 auto; font-size: 16px; display: flex; overflow: hidden; flex-flow: row wrap; flex-wrap: nowrap; justify-content: space-between; }
.header .shiciNav a { display: block; width: 168px; color: #dadbcd; text-align: center; }
.header .shiciNav a.current,
.header .shiciNav a:hover { color: #cac780; background: rgba(225, 224, 199, 0.1); }

/* about */
.header .aboutNav { width: 100%; background-color: #ca1701; }
.header .aboutNav ul { width: 1200px; margin: 0 auto; height: 40px; padding-left: 200px; background-color: #ca1701; box-sizing: border-box; }
.header .aboutNav li { float: left; position: relative; zoom: 1; z-index: 0; font: 16px/38px "Microsoft YaHei"; }
.header .aboutNav li a { position: relative; display: block; height: 40px; line-height: 40px; margin: 0; padding: 0 15px 0 30px; padding-right: 30px; color: #fff; text-decoration: none; }
.header .aboutNav li a:hover { background-color: #b61704; }
.header .aboutNav li.hover .son { display: block; background-color: #b61704; }
.header .aboutNav li.hover a { background-color: #b61704; }
.header .aboutNav li .current { display: block; padding-right: 30px; background-color: #b61704; }
.header .aboutNav li .more { position: absolute; width: 9px; height: 6px; right: 16px; top: 18px; background: url(icon.png) no-repeat -85px -10px; }
.header .aboutNav li:hover .more { background-position: -85px -30px; }
.header .aboutNav li .son { display: none; position: absolute; width: 124px; left: 0; top: 40px; overflow: hidden; zoom: 1; }
.header .aboutNav li .son a { display: block; padding-left: 32px; font: 14px/28px "Microsoft Yahei","΢ÈíÑźÚ"; white-space: nowrap; overflow: hidden; }
.header .aboutNav li .son a:link,
.header .aboutNav li .son a:visited { margin: 0; color: #fff; text-decoration: none; background: none; }
.header .aboutNav li .son a:hover,
.header .aboutNav li .son a:active { background-color: #ca1701; }
.header .banner { width: 100%; min-width: 1200px; margin: 0 auto; height: 150px; background: #000 url(/d/images/banner.jpg) no-repeat 50% 50%; }

/* link */
#link { position: fixed; z-index: 1200; height: 255px; bottom: 225px;; right: 50%; margin-right: -665px; display: none0; }
#link > div { display: none; overflow: hidden; position: absolute; left: -158px; height: 151px; border: 1px solid #f0f0f0; }
#link a { text-decoration: none; }
#link img { border: none; border-radius: 0px; }
#link a { display: block; overflow: hidden; z-index: 10; width: 50px; height: 50px; line-height: 78px; color: #fff; font-size: 10px; background-size: 20px; text-align: center; }
#link a.gzh { background: #1a1a1a url(mark.svg) 15px 8px no-repeat; display: none; }
#link a.gzh:hover { background: #d22222 url(mark.svg) 15px 8px no-repeat; }
#link a.wx { background: #1a1a1a url(mark.svg) 15px 8px no-repeat; border-top: 1px #f0f0f0 solid; }
#link a.wx:hover { background: #81bc06 url(mark.svg) 15px 8px no-repeat; }
#link a.qq { background: #1a1a1a url(qq.svg) 12px 5px no-repeat; background-size: 27px; border-top: 1px #f0f0f0 solid; }
#link a.qq:hover { background: #0fcd9e url(qq.svg) 12px 5px no-repeat; background-size: 27px; }
#link a.write { background: #1a1a1a url(write.svg) 15px 8px no-repeat; border-top: 1px #f0f0f0 solid; }
#link a.write:hover { background: #ffba08 url(write.svg) 15px 8px no-repeat; }
#link a.up { background: #1a1a1a url(up.svg) 15px 8px no-repeat; border-top: 1px #f0f0f0 solid; }
#link a.up:hover { background: #2e6cf3 url(up.svg) 15px 8px no-repeat; }
#link .gzh_img { top: 0; }
#link .wx_img { /*top: 51px;*/ top: 0; }
#link img { width: 151px; height: 151px; }
@media screen and (min-width:1200px) {
    #link { right: 50%; margin-right: -665px; }
}