@charset "UTF-8";
/*2020 6.18 xiaozhu */
/*reset*/
body { background: #eadefe; font-size: 14px; line-height: 24px; font-family: Verdana, arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "\9ED1\4F53", sans-serif; _font-family: "\5B8B\4F53"; color: #333; position: relative; min-width: 1190px; }

body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, cude, i { margin: 0; padding: 0; }

a { color: #4b4b4b; text-decoration: none; cursor: pointer; outline: none; }

a:hover { color: #af81fb; text-decoration: underline; }

ol, ul, li { list-style: none; }

em, i { font-style: normal; }

img { border: none; max-width: 100%; display: inline-block; vertical-align: top; }

input, textarea { outline: none; background: none; border: none; }

textarea { resize: none; }

.cf { *zoom: 1; clear: both; }

.cf:after { content: '\20'; display: block; height: 0; clear: both; }

.fl, .fr { _display: inline; }

.fl { float: left; }

.fr { float: right; }

.yahei { font-family: "\5FAE\8F6F\96C5\9ED1"; _font-family: "\5B8B\4F53"; }

.w980 { width: 980px; margin: 0 auto; }

.lh { text-indent: -9999px; overflow: hidden; }

.pr { position: relative; }

.ct { text-align: center; }

.mt10 { margin-top: 10px !important; }

.mt20 { margin-top: 20px !important; }

.mt30 { margin-top: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.tac { text-align: center; }

.w { width: 980px; margin: 0 auto; position: relative; }

.tbar a:hover { color: #f60; }

.tbar { position: relative; z-index: 9999999; font-size: 12px; }

.bre { width: 980px; margin: 0 auto; }

.logo { width: 121px; height: 32px; }

.l-link .more1 { color: #848484; }

.opacity { opacity: .95; }

.opacity:hover { opacity: 1; }

.w1000 { width: 1000px; position: relative; margin: 0 auto; }

.f20 { font-size: 20px; }

.blue { color: #4195eb; }

.green { color: #10ac5a; }

.yellow { color: #f6bb26; }

.yellow:hover { text-decoration: underline; color: #f6bb26; }

.pink { color: #8e50ff; }

.red { color: #fb5088; }

.red:hover { text-decoration: underline; color: #fb5088; }

/* bg */
.ztbg { position: absolute; left: 0; top: 0; height: 1200px; width: 100%; }

.ztbg p { background-repeat: no-repeat; background-position: center top; height: 240px; }

.ztbg p.bg1 { background-image: url(/images/hhczjh2h5/head_01.jpg); }

.ztbg p.bg2 { background-image: url(/images/hhczjh2h5/head_02.jpg); }

.ztbg p.bg3 { background-image: url(/images/hhczjh2h5/head_03.jpg); }

.ztbg p.bg4 { background-image: url(/images/hhczjh2h5/head_04.jpg); }

.ztbg p.bg5 { background-image: url(/images/hhczjh2h5/head_05.jpg); }

.wrap { min-width: 980px; width: 100%; overflow: hidden; overflow-y: auto; position: relative; }

.wrap.wrap_01 { background: url(/images/hhczjh2h5/content-bg.jpg) center top no-repeat; }

.wrap.wap-bottom { background: url(/images/hhczjh2h5/pl-bg.jpg) center bottom no-repeat; padding-bottom: 10px; }

/******************游戏框*********************/
.topinfo { height: 51px; margin: 0px auto 0; width: 1070px; background: url(/images/hhczjh2h5/infobg.png) center center no-repeat; position: relative; }

.topinfo .hd { padding: 10px 0 0; }

.topinfo .n_box { overflow: hidden; background: url(/images/hhczjh2h5/ico1.png) left top no-repeat; padding: 3px 10px 3px 50px; width: 296px; height: 30px; line-height: 30px; }

.topinfo .n_box li { width: 100%; height: 30px; overflow: hidden; }

.topinfo .n_box a { color: #efefef; height: 30px; display: block; }

.topinfo .n_box a:hover { color: #af81fb; }

.topinfo .btn a { width: 108px; height: 36px; float: left; display: inline; margin-left: 10px; text-align: center; line-height: 34px; color: #efefef; background: url(/images/hhczjh2h5/top-btn.png) 0 0 no-repeat; }

.game_box { position: relative; }

.nbox { width: 461px; margin: 0 auto; padding-right: 352px; position: relative; border: 2px solid #efefef; background: #fff; }

.nbox.ssbox { padding-right: 0; }

.nbox.ssbox .chat-box { display: none; }

.nbox.ssbox .ico { right: -15px; background-image: url(/images/hhczjh2h5/jt_v1.png?v=22); }

.nbox:hover .ico { filter: alpha(opacity=100); opacity: 1; }

.nbox .ico { width: 15px; height: 72px; display: block; position: absolute; top: 50%; right: 350px; margin-top: -36px; background: url(/images/hhczjh2h5/jt1.png?v=22) no-repeat; z-index: 50; cursor: pointer; filter: alpha(opacity=70); opacity: 0.7; }

.chat-box { width: 350px; height: 100%; position: absolute; top: 0; right: 0; border-left: 2px solid #efefef; border-left: 0; background: #000; }

.game_box .game_c { background: #fff; }

.game_box h1 { font-size: 14px; }

.game_box .g_name { margin-right: 10px; }

.game_box strong { color: #af81fb; }

.full { height: 100%; overflow: hidden; }

.full .game_c { background: #464646; }

.full .game_box { margin-top: 0; }

/****************导航***************/
.menu_box { height: 144px; background: url(/images/hhczjh2h5/menu-bg.png) no-repeat; }

.menu_box .m-logo { width: 180px; height: 90px; display: block; overflow: hidden; line-height: 999px; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -45px 0 0 -90px; background: url(/images/hhczjh2h5/mlogo.png) center center no-repeat; }

.menu_box .menu { width: 945px; margin: 0 auto; padding: 42px 0 0; position: relative; z-index: 3; }

.menu_box .menu li { width: 125px; float: left; display: inline; text-align: center; }

.menu_box .menu li.i4 { margin-left: 190px; }

.menu_box .menu li a { display: block; width: 125px; height: 62px; line-height: 62px; text-align: center; overflow: hidden; font-size: 22px; color: #6335d0; }

.menu_box .menu li a:hover { background: url(/images/hhczjh2h5/menu-on.png) center center no-repeat; text-decoration: none; color: #fff; text-shadow: 0 1px 1px #4b0288; }

.w700 { width: 700px; }

.w270 { width: 270px; }

/******************公用框***************/
.pubox { background: url(/images/hhczjh2h5/zs1.png) 10px 10px no-repeat #fff; border: 1px solid #c8a7ff; padding: 15px 0; position: relative; }

.pubox .zs { width: 25px; height: 23px; background: url(/images/hhczjh2h5/zs.png) 0 0 no-repeat; display: block; position: absolute; z-index: 0; }

.pubox .zs.lt { top: 0; left: 0; background-position: -25px -23px; }

.pubox .zs.rt { top: 0; right: 0; background-position: 0 -23px; }

.pubox .zs.lb { bottom: 0; left: 0; background-position: -25px 0; }

.pubox .zs.rb { bottom: 0; right: 0; background-position: 0 0; }

.pubox .imgzs { position: absolute; top: -5px; left: 0; z-index: 5; }

.pubox .ozs { position: absolute; z-index: 2; }

.pubox .pubcont { position: relative; z-index: 3; }

.pubox .pub-tit { padding: 0 35px; text-align: center; position: relative; }

.pubox .pub-tit .tzs { width: 721px; height: 24px; background: url(/images/hhczjh2h5/hzs.png) no-repeat; position: absolute; top: 10px; right: 38px; display: block; }

.pubox .pub-tit .name { background: url(/images/hhczjh2h5/pub-title.png) left center no-repeat; height: 43px; line-height: 41px; font-size: 24px; color: #af81fb; float: left; font-weight: bold; }

.pubox .pub-hd { margin: 15px auto 0; overflow: hidden; width: 940px; z-index: 2; position: relative; }

.pubox .pub-hd a { width: 108px; height: 38px; display: inline-block; vertical-align: top; font-size: 18px; color: #ffffff; background: url(/images/hhczjh2h5/btn-hd.png) no-repeat; text-align: center; line-height: 38px; margin: 0 2px; }

.pubox .pub-hd a:hover { text-decoration: none; }

.pubox .pub-hd a.on { background-image: url(/images/hhczjh2h5/btn-hd-on.png); }

.pubox .pub-pic, .pubox .pub-pic2, .pubox .pub-pic5 { width: 936px; margin: 10px auto 0; }

.pubox .pub-pic li, .pubox .pub-pic2 li, .pubox .pub-pic5 li { width: 150px; margin: 10px 3px 0; text-align: center; position: relative; line-height: 32px; float: left; }

.pubox .pub-pic li .img, .pubox .pub-pic2 li .img, .pubox .pub-pic5 li .img { width: 140px; height: 249px; border: 1px solid #c8a7ff; border-radius: 4px; padding: 4px; }

.pubox .pub-pic li .img img, .pubox .pub-pic2 li .img img, .pubox .pub-pic5 li .img img { width: 140px; height: 249px; border-radius: 2px; }

.pubox .pub-pic li .text, .pubox .pub-pic2 li .text, .pubox .pub-pic5 li .text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 30px; line-height: 30px; }

.pubox .pub-pic li a, .pubox .pub-pic2 li a, .pubox .pub-pic5 li a { display: block; }

.pubox .pub-pic5 { width: 246px; margin: 15px auto 0; display: block; overflow: hidden; }

.pubox .pub-pic5 li { width: 112px; margin: 0 5px 0; }

.pubox .pub-pic5 li img { border: 1px solid #653bce; width: 110px; height: 196px; }

.pubox .pub-pic5 .text { color: #6335d0; }

.pubox .pub-more { width: 921px; height: 47px; overflow: hidden; background: url(/images/hhczjh2h5/more.png) no-repeat; margin: 0 auto; }

.pubox .pub-more a { width: 162px; height: 39px; display: block; text-align: center; line-height: 39px; margin: 0 auto; font-size: 16px; color: #ffffff; }

.pubox .pub-line1 { border-bottom: 1px solid #eadeff; }

.pubox .pub-line { height: 10px; border-bottom: 1px dashed #c8a7ff; }

.pubox .pub-tit2 { padding: 4px 18px 5px 52px; height: 33px; line-height: 33px; position: relative; }

.pubox .pub-tit2 .name { font-size: 18px; font-weight: bold; float: left; background: url(/images/hhczjh2h5/slide-name.png) left top no-repeat; color: #6335d0; font-weight: bold; }

.pubox .pub-tit2 .more { float: right; color: #6335d0; font-size: 16px; }

.pubox .pub-tit2 .more:hover { color: #f6bb26; }

/********公用翻页**********/
.page { height: 28px; padding: 10px 0; text-align: center; line-height: 22px; }

.page a { display: inline-block; vertical-align: top; width: 34px; height: 33px; background: url(/images/hhczjh2h5/ico-pages.png) 0 -42px no-repeat; margin: 4px 2px 0; text-align: center; line-height: 33px; color: #fff; }

.page a.cur, .page a:hover { background-position: 0 -75px; text-decoration: none; }

.page .prev, .page .next { margin-top: 0; }

.page .prev { background-position: 0 0; }

.page .prev:hover { background-position: 0 0; }

.page .next { background-position: -30px 0; }

.page .next:hover { background-position: -30px 0; }

.page span { display: inline-block; vertical-align: top; margin: 4px 5px 0 0; color: #c8a7ff; line-height: 33px; }

/*************通用banner*************/
.banner { width: 970px; border: 1px solid #c8a7ff; background: #fff; padding: 4px; }

.banner a { display: block; }

.banner a img { width: 970px; }

/************游戏介绍模块************/
.box1 { position: relative; z-index: 2; }

.box1 .ozs { width: 145px; height: 163px; position: absolute; top: 5px; right: 5px; z-index: 1; background: url(/images/hhczjh2h5/box1-zs.png) no-repeat; }

.box1 .pubcont { padding: 0 20px 0 30px; }

.box1 .game-ins { width: 434px; height: 140px; border-right: 1px dashed #c8a7ff; padding: 6px 24px 0 0; }

.box1 .game-ins .title { width: 340px; height: 40px; text-align: center; line-height: 40px; background: url(/images/hhczjh2h5/box1-title.png) no-repeat; line-height: 40px; font-size: 22px; color: #6335d0; margin: 0 auto; }

.box1 .game-ins .ins { text-indent: 2em; line-height: 23px; height: 92px; overflow: hidden; color: #4b4b4b; }

/********公用搜索**********/
.pub-search { height: 32px; overflow: hidden; }

.pub-search .input { width: 207px; height: 24px; padding: 2px 10px; text-indent: 18px; border: 1px solid #c8a7ff; background: url(/images/hhczjh2h5/ico-seach.png) left center no-repeat #f3f3f3; outline: none; float: left; }

.pub-search .sbtn { width: 89px; height: 32px; display: block; float: right; background: url(/images/hhczjh2h5/btn-search.png) no-repeat; line-height: 999px; overflow: hidden; outline: none; border: 0; }

/**************搜索加入群模块**************/
.obox { width: 330px; padding: 25px 120px 10px 10px; position: relative; }

.obox .hot-key { line-height: 35px; }

.obox .hot-key a { display: inline-block; vertical-align: top; margin: 0 10px; }

.obox .ewm-list { padding: 25px 0 0; width: 100%; }

.obox .ewm-list li { width: 50%; line-height: 40px; text-align: center; float: left; }

.obox .ewm-list li img { width: 100px; height: 100px; border: 1px solid #c8a7ff; }

.obox .qqun { position: relative; width: 100%; height: 30px; cursor: pointer; }

.obox .qqun .qqtxt { float: left; display: inline; width: 187px; height: 28px; border: 1px solid #c8a7ff; padding: 0 30px 0 10px; line-height: 28px; overflow: hidden; background: url(/images/hhczjh2h5/sj.png) no-repeat right center #f3f3f3; }

.obox .qqun .qqbtn { width: 89px; height: 32px; display: block; float: right; background: url(/images/hhczjh2h5/btn-add.png) no-repeat; line-height: 999px; overflow: hidden; outline: none; border: 0; }

.obox .qqun ul { display: none; position: absolute; top: 30px; left: 0; width: 207px; background: #fff; border: 1px solid #eee; padding: 0 10px; overflow: hidden; z-index: 100; }

.obox .qqun ul li { float: left; display: inline; width: 100%; border-top: 1px dashed #eee; margin-top: -1px; height: 28px; line-height: 28px; overflow: hidden; cursor: default; }

.obox .qqun ul li.on { color: #c00; }

.obox .ewm { width: 110px; height: 98px; background: url(/images/hhczjh2h5/ewmbg.png?v=2) left top no-repeat; position: absolute; right: 0; top: 25px; z-index: 2; text-align: right; }

.obox .ewm img { width: 71px; height: 71px; border: 2px solid #af81fb; border-radius: 2px; }

/**/
.tj-box { margin: 15px 25px 0; width: 430px; }

.tj-box .tit { height: 28px; line-height: 28px; }

.tj-box .tit .name { font-weight: bold; font-size: 18px; height: 28px; overflow: hidden; float: left; display: inline; color: #af81fb; }

.tj-box .tit .more { float: right; display: inline; color: #6335d0; font-size: 16px; }

.tj-box .scroll-box { padding: 0 30px; position: relative; margin: 10px 0; width: 370px; }

.tj-box .scroll-box .prev, .tj-box .scroll-box .next { width: 30px; height: 25px; position: absolute; top: 50%; margin-top: -25px; background: url(/images/hhczjh2h5/jt.png?v=12) no-repeat; }

.tj-box .scroll-box .prev { left: 0; background-position: -30px 0; }

.tj-box .scroll-box .prev:hover { background-position: -30px -25px; }

.tj-box .scroll-box .next { right: 0; background-position: 0 0; }

.tj-box .scroll-box .next:hover { background-position: 0 -25px; }

.tj-box .scroll-box .pic { width: 100%; overflow: hidden; }

.tj-box .scroll-box .pic ul { width: 9999px; }

.tj-box .scroll-box .pic ul li { width: 80px; height: 78px; overflow: hidden; float: left; display: inline; margin: 0 6px; text-align: center; }

.tj-box .scroll-box .pic ul li img { width: 74px; height: 48px; border: 1px solid #714bd3; display: block; padding: 2px; }

.box2 { position: relative; z-index: 1; /***************滚动轮播****************/ }

.box2 .ozs { width: 236px; height: 187px; position: absolute; top: 5px; right: 5px; z-index: 1; background: url(/images/hhczjh2h5/box2-zs.png) no-repeat; }

.box2 .bleft { width: 470px; float: left; margin-left: 20px; position: relative; }

.box2 .bleft .btn-group { height: 80px; }

.box2 .bleft .btn-group a { width: 230px; height: 80px; display: block; line-height: 9000px; overflow: hidden; }

.box2 .bleft .btn-group a.btn-get { background: url(/images/hhczjh2h5/btn-get.png) no-repeat; }

.box2 .bleft .btn-group a.btn-enter { background: url(/images/hhczjh2h5/btn-enter.png) no-repeat; }

.box2 .bleft .line { width: 0; height: 265px; border-right: 1px dashed #c8a7ff; position: absolute; bottom: 10px; right: -8px; }

.box2 .photoView { width: 434px; height: 288px; border: 1px solid #c8a7ff; background: #f6f0ff; margin: 10px auto 0; overflow: hidden; }

.box2 .photoView .bigPic { width: 332px; height: 288px; float: left; overflow: hidden; position: relative; }

.box2 .photoView .bigPic li { width: 332px; height: 288px; position: relative; }

.box2 .photoView .bigPic li img { width: 332px; height: 288px; }

.box2 .photoView .bigPic li .tit { height: 40px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; line-height: 40px; text-align: center; color: #fff; font-size: 16px; filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B2000000", endColorstr="#B2000000"); background-color: rgba(0, 0, 0, 0.7); }

.box2 .photoView .smallPic { float: right; overflow: hidden; margin-right: 7px; display: inline; width: 82px; height: 204px; position: relative; padding: 42px 0; }

.box2 .photoView .smallPic .prev, .box2 .photoView .smallPic .next { width: 100%; height: 24px; text-align: center; position: absolute; left: 0; background: url(/images/hhczjh2h5/jt1.png?v=22) no-repeat; }

.box2 .photoView .smallPic .prev { top: 5px; background-position: 0 0; }

.box2 .photoView .smallPic .prev:hover { background-position: -82px 0; }

.box2 .photoView .smallPic .next { bottom: 5px; background-position: 0 -24px; }

.box2 .photoView .smallPic .next:hover { background-position: -82px -24px; }

.box2 .photoView .smallPic .pic { width: 100%; height: 204px; border-bottom: 1px dotted #c8a7ff; }

.box2 .photoView .smallPic .pic ul { height: 9999px; }

.box2 .photoView .smallPic .pic ul li { cursor: pointer; width: 100%; height: 40px; line-height: 40px; padding: 5px 0; border-top: 1px dotted #c8a7ff; color: #6335d0; text-align: center; }

.box2 .photoView .smallPic .pic ul li.on { background: #af81fb; color: #ffffff; }

.box2 .photoView .smallPic .pic ul li span { display: inline-block; vertical-align: middle; line-height: 20px; padding: 0 10px; max-height: 40px; overflow: hidden; }

/************新闻资讯************/
.news-box { float: right; display: inline; width: 423px; margin: 12px 36px 0 0; }

.news-box .t1 { background: url(/images/hhczjh2h5/news-title.png) center top no-repeat; text-align: center; height: 45px; line-height: 45px; overflow: hidden; display: block; width: 100%; color: #6335d0; font-size: 22px; font-weight: bold; }

.news-box .t1:hover { text-decoration: none; }

.news-box .t2 { text-align: center; height: 25px; line-height: 25px; padding: 10px 0 0; overflow: hidden; display: block; width: 100%; font-size: 18px; color: #4b4b4b; }

.news-box .gengxin { padding-top: 5px; text-align: right; }

.news-box .gengxin a { color: #6335d0; font-size: 16px; }

.news-box .pubcont { padding: 0 22px 0; height: 307px; }

.news-box .wul { height: 245px; overflow: hidden; margin: 6px 0 0; }

.news-box .wul li { float: left; display: inline; height: 35px; position: relative; overflow: hidden; width: 351px; padding: 0 0 0 72px; line-height: 27px; }

.news-box .wul li i { background: url(/images/hhczjh2h5/ico-news.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -12px; left: 0; display: block; width: 54px; height: 25px; line-height: 25px; text-align: center; font-size: 12px; color: #af81fb; overflow: hidden; }

.news-box .wul li .i-gl { background-position: 0 -52px; color: #fff; }

.news-box .wul li .i-gg { background-position: 0 -26px; color: #fff; }

.news-box .wul li .i-hd { background-position: 0 -78px; color: #fff; }

.news-box .wul li span { position: absolute; top: 0; right: 0; display: block; width: 45px; height: 24px; color: #6335d0; }

.news-box .wul li a { width: 301px; display: inline-block; *display: inline; *zoom: 1; height: 34px; line-height: 34px; overflow: hidden; border-bottom: 1px dotted #6335d0; padding-right: 50px; color: #4b4b4b; }

.news-box .wul li a:hover { color: #f6bb26; border-bottom-color: #f6bb26; text-decoration: none; }

.news-box .wul li a:hover span { color: #f6bb26; }

.box4 .ozs, .box5 .ozs, .box6 .ozs { width: 236px; height: 187px; position: absolute; left: 5px; bottom: 0; z-index: 1; background: url(/images/hhczjh2h5/box4-zs.png) no-repeat; }

.box4 .pub-tit .tmore, .box5 .pub-tit .tmore, .box6 .pub-tit .tmore { font-size: 18px; color: #af81fb; float: right; margin-top: 5px; }

.box4 .pub-tit .tzs, .box5 .pub-tit .tzs, .box6 .pub-tit .tzs { top: 40px; }

.box4 .pub-search, .box5 .pub-search, .box6 .pub-search { margin-right: 20px; }

.box4 .pub-search .sbtn, .box5 .pub-search .sbtn, .box6 .pub-search .sbtn { margin-left: 10px; }

/* fixed */
*html { background-image: url(about:blank); background-attachment: fixed; }

.fixed-menu { position: fixed; left: 50%; bottom: 100px; z-index: 110; text-align: center; width: 90px; margin-left: 510px; overflow: hidden; background: url(/images/hhczjh2h5/fixed-top.png) no-repeat center top; padding: 25px 0 0; }

.fixed-menu ul { width: 100%; margin: 0 auto; }

.fixed-menu ul li { width: 56px; height: 43px; margin: 0 auto; overflow: hidden; }

.fixed-menu ul li a { width: 100%; display: block; height: 42px; line-height: 42px; border-bottom: 1px dashed #6335d0; color: #6335d0; }

.fixed-menu ul li a:hover { color: #af81fb; background: url(/images/hhczjh2h5/fixed-a.png) center center no-repeat; }

.fixed-menu .fixed-b { width: 100%; height: 41px; padding: 9px 0 0; background: url(/images/hhczjh2h5/fixed-bottom.png) center bottom no-repeat; }

.fixed-menu .fixed-b .top { width: 56px; height: 27px; font-weight: bold; line-height: 27px; margin: 0 auto; color: #fff; display: block; background: url(/images/hhczjh2h5/backtop-bg.png) center center no-repeat; }

.footer { background: #ededed; }

.footer .phone_wrapper { background: #ededed; }

.links { padding: 10px; background: #fff; }

.links li { background: url(/images/hhczjh2h5/link3.png) no-repeat left center; float: left; width: 12.5%; height: 24px; line-height: 24px; overflow: hidden; }

.links li a { display: block; padding-left: 15px; font-size: 12px; height: 24px; overflow: hidden; }

.pl { width: 960px; padding: 10px; background: #fff; color: #666; min-height: 300px; }

.table { width: 900px; border: 1px solid #c8a7ff; margin: 10px auto 0; }

.table .i1 { width: 77px; }

.table .i2 { width: 88px; }

.table .i3 { width: 98px; }

.table .i4 { width: 102px; }

.table .i5 { width: 105px; }

.table .i6 { width: 130px; }

.table .i7 { width: 115px; }

.table th, .table td { text-align: center; background: #fff; font-weight: normal; padding: 1px 0; line-height: 41px; }

.table th span, .table td span { display: block; padding: 8px 0; line-height: 25px; }

.table th { border-right: 1px dotted #c9aafc; }

.table td { border-top: 1px dotted #c9aafc; border-right: 1px dotted #c9aafc; }

.table .odd td span { background: #eee4ff; }

/********************内页*********************/
.inside .footer { margin-top: 20px; }

.inside .inside-menu { background: url(/images/hhczjh2h5/menu-bg1.png) no-repeat; position: relative; height: 117px; }

.inside .inside-menu .menu { width: 955px; margin: 0 auto; padding: 27px 0 0; position: relative; z-index: 3; }

.inside .inside-menu .menu li { width: 120px; float: left; display: inline; text-align: center; }

.inside .inside-menu .menu li.i1 { width: 110px; }

.inside .inside-menu .menu li.i4 { margin-left: 230px; }

.inside .inside-menu .menu li a { display: block; width: 100%; height: 62px; line-height: 62px; text-align: center; overflow: hidden; font-size: 22px; color: #6335d0; }

.inside .inside-menu .menu li a i { width: 20px; height: 10px; background: url(/images/hhczjh2h5/ico-menu.png) left center no-repeat; display: inline-block; vertical-align: top; margin-top: 26px; }

.inside .inside-menu .menu li a:hover, .inside .inside-menu .menu li a.on { text-decoration: none; color: #fb6192; }

.inside .inside-menu .menu li a:hover i, .inside .inside-menu .menu li a.on i { background-image: url(/images/hhczjh2h5/ico-menu-hover.png); }

.inside .m-enter { width: 217px; height: 101px; display: block; overflow: hidden; line-height: 999px; position: absolute; top: -15px; left: 50%; z-index: 5; margin-left: -122px; background: url(/images/hhczjh2h5/enter-btn.png) 0 0 no-repeat; }

.inside .box4 .pub-line { width: 920px; margin: 0 auto 10px; }

.inside .pubox { background-image: none; }

.inside .pubox.in-search { background: url(/images/hhczjh2h5/s-zs1.png) right center no-repeat #fff; }

.inhead-bg { width: 1920px; left: 50%; margin-left: -960px; overflow: hidden; position: absolute; top: 0; z-index: 1; }

.inhead-bg img { width: 100%; }

.inmain { padding: 250px 0 0; position: relative; z-index: 2; }

.in-search .pubcont { padding: 5px 22px; }

.in-search .pub-search { width: 403px; }

.in-search .pub-search .input { width: 280px; }

.in-search .hot-key { line-height: 30px; background: url(/images/hhczjh2h5/ico2.png) left center no-repeat; padding-left: 25px; }

.in-search .hot-key a { display: inline-block; vertical-align: top; margin: 0 10px; }

.in-search .hot-key a:hover { color: #fb5088; }

.location { background: url(/images/hhczjh2h5/ico2.png) left center no-repeat; margin: 0 20px; padding-left: 25px; }

.location p { line-height: 40px; float: left; }

.location p span, .location p a { display: inline-block; vertical-align: top; margin: 0 4px; }

.location .tg, .location .enter { width: 91px; height: 32px; display: block; line-height: 30px; color: #fff; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background: url(/images/hhczjh2h5/pub-btn.png) 0 0 no-repeat; }

.location .tg:hover, .location .enter:hover { text-decoration: none; }

.location .enter { margin-left: 15px; color: #ffffff; width: 75px; background-position: 0 0; }

.location .enter:hover { background-position: 0 -30px; text-decoration: none; }

/*******************文章详情页********************/
.article { background: url(/images/hhczjh2h5/zs1.png) right 2px no-repeat; padding: 10px 25px; }

.article h1 { color: #6335d0; font-size: 18px; text-align: center; line-height: 30px; padding: 10px 0; }

.article .intro { text-align: center; }

.article .intro span { display: inline-block; vertical-align: top; margin: 0 25px; color: #a2a2a2; }

.article .article-cont { line-height: 30px; padding: 10px 0 20px; margin: 10px 0 0; }

.article .article-cont img { margin: 10px 0; }

.article .art-banner { width: 100%; height: auto; }

.pagesion { padding: 20px 0; width: 100%; }

.pagesion a { width: 50%; overflow: hidden; }

.pagesion a span { display: inline-block; vertical-align: top; background: url(/images/hhczjh2h5/ico-menu.png) left center no-repeat; padding-left: 25px; }

.pagesion a:hover { color: #fb6192; text-decoration: underline; }

.pagesion a:hover span { background-image: url(/images/hhczjh2h5/ico-menu-hover.png); }

.pagesion a.next { text-align: right; }

.detail-seo { padding: 10px 10px; margin-bottom: 15px; border: 1px solid #af81fb; }

.detail-seo span, .detail-seo a { display: inline-block; vertical-align: top; }

.detail-seo span { font-size: 18px; font-weight: bold; color: #6335d0; }

.detail-seo a { margin: 0 10px; }

.detail-seo a:hover { color: #fb6192; }

.pinglun { background: #f3f3f3; width: 100%; }

.pinglun .inside-pl { padding: 10px; }

.adv-box { text-align: center; padding: 3px; }

.adv-box .pubcont { padding: 0 0; }

.adv-box img { width: 100%; }

.gl-list { padding: 5px 17px 0; }

.gl-list li { height: 30px; overflow: hidden; line-height: 30px; padding: 0 50px 0 0; position: relative; }

.gl-list li span { position: absolute; top: 0; right: 0; display: block; width: 45px; height: 24px; }

.gl-list li a { display: block; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*youxituijian*/
.game-tj { padding: 0; height: 312px; background: url(/images/hhczjh2h5/tj-bg.png) 0 0 no-repeat #fff !important; }

.game_list_tj { padding: 15px 0 0 70px; }

.gametuij, .h5-tj { width: 920px; background: url(/images/hhczjh2h5/gametuij.png) no-repeat left top; height: 198px; font-size: 12px; clear: both; position: relative; overflow: hidden; }

.gametuij ul, .h5-tj ul { height: 72px; padding: 0 0 25px 40px; }

.gametuij ul li, .h5-tj ul li { float: left; width: 72px; height: 72px; padding: 0 6px; display: block; position: relative; margin: 0 6px; _display: inline; }

.gametuij ul li img, .h5-tj ul li img { width: 72px; height: 72px; display: block; }

.gametuij ul li em, .h5-tj ul li em { width: 75px; height: 18px; line-height: 18px; display: block; position: absolute; top: 54px; left: 6px; text-align: center; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; background: url(/images/hhczjh2h5/aft_bg.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="http://newsimg.5054399.com/aoyi/v1/index/images/aft_bg.png"); }

.gametuij .gametuij-btn1, .gametuij .gametuij-btn2, .gametuij .go-h5, .h5-tj .gametuij-btn1, .h5-tj .gametuij-btn2, .h5-tj .go-h5 { width: 40px; height: 75px; line-height: 999; position: absolute; top: 0; left: 0; }

.gametuij .gametuij-btn2, .h5-tj .gametuij-btn2 { top: 100px; }

.gametuij a, .h5-tj a { color: #fff; }

.gametuij a:hover, .h5-tj a:hover { color: #ff0; }

.h5-tj { background-image: url(/images/hhczjh2h5/h5tuiji.png); height: 100px; }

/**********新闻列表**********/
.search-result { font-size: 18px; font-weight: bold; color: #6335d0; padding: 15px 22px; }

.search-result span { color: #fb5088; }

.news-list li { height: 80px; border-bottom: 1px solid #eadeff; padding: 10px 22px; color: #4b4b4b; }

.news-list li .tit { height: 26px; overflow: hidden; line-height: 26px; font-size: 16px; font-weight: bold; }

.news-list li .tit .time { float: right; font-weight: normal; color: #b4b2b2; font-size: 14px; }

.news-list li .nr { height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.news-list li .bot { height: 26px; line-height: 26px; overflow: hidden; margin-top: 5px; color: #aeacac; }

.news-list li .bot span { margin-right: 15px; float: left; }

.news-list li .bot a { color: #fb5088; float: right; }

.no-result { min-height: 200px; position: relative; padding: 10px 60px 0 260px; }

.no-result img { width: 148px; height: 183px; border: 1px solid #c8a7ff; position: absolute; top: 50%; left: 60px; margin-top: -92px; }

.no-result p { padding: 4px 0; line-height: 24px; }

.no-result .red { color: #f9494d; }

.zsbox { background: url(/images/hhczjh2h5/zs1.png) right bottom no-repeat #fff !important; }

.ins-zs { width: 185px; height: 305px; display: block; background: url(/images/hhczjh2h5/ins-zs.png) no-repeat; position: absolute; left: 0; bottom: 0; z-index: 2; }

/*******人物图鉴******/
.tj-title { height: 30px; line-height: 22px; overflow: hidden; background: url(/images/hhczjh2h5/inside-title.png) center center no-repeat; text-align: center; font-size: 24px; color: #af81fb; font-weight: bold; }

.tj-text { padding: 15px 25px; }

.tj-img { width: 416px; margin: 10px auto 20px; padding: 7px; }

.tj-img img { width: 416px; border: 1px solid #8c4afa; border-radius: 28px; }

.tj-detail { padding: 15px 55px 0 110px; }

.tj-detail .tj-img { width: 300px; }

.tj-detail .tj-img img { height: 534px; width: 300px; }

.tjtab { width: 411px; border: 2px solid #c8a8ff; padding: 3px; border-radius: 15px; margin-top: 10px; position: relative; }

.tjtab .zz { z-index: 1; width: 28px; height: 52px; display: block; background: url(/images/hhczjh2h5/tabico.png) no-repeat; position: absolute; }

.tjtab .zz.lt { top: -2px; left: -2px; background-position: 0 0; }

.tjtab .zz.rt { top: -2px; right: -2px; background-position: -28px 0; }

.tjtab .zz.lb { bottom: -2px; left: -2px; background-position: 0 -52px; }

.tjtab .zz.rb { bottom: -2px; right: -2px; background-position: -28px -52px; }

.tjtab .cont { border: 1px solid #c8a8ff; height: auto; padding: 11px 0 0; }

.tjtab .title { width: 359px; height: 33px; background: #f3ecff; font-size: 18px; color: #6335d0; font-weight: bold; text-align: center; line-height: 33px; border-radius: 9px; margin: 0 auto; }

.tjtab .list { margin-top: 10px; width: 100%; }

.tjtab .list li { float: left; width: 50%; }

.tjtab .list li span { display: block; height: 43px; line-height: 43px; border-top: 1px solid #c8a8ff; border-left: 1px solid #c8a8ff; text-align: center; margin-left: -1px; }

.ad_left, .ad_right { width: 120px; height: 400px; position: absolute; z-index: 900; top: 211px; zoom: 1; }

.ad_left { margin-right: 315px; right: 50%; }

.ad_right { margin-left: 315px; left: 50%; }

.close_ad { display: block; width: 14px; height: 14px; line-height: 150px; overflow: hidden; position: absolute; z-index: 1000; top: 0px; right: 0; background: url(about:blank); cursor: pointer; }

.scrollStyle { overflow: hidden; overflow-y: auto; /*滚动条整体样式*/ /*滚动条滑块*/ /*滚动条轨道*/ }

.scrollStyle::-webkit-scrollbar { width: 10px; height: 163px; position: relative; }

.scrollStyle::-webkit-scrollbar-thumb { width: 10px; background: #936c5f; }

.scrollStyle::-webkit-scrollbar-track { width: 10px; background: #ebedf0; }

.main { position: relative; z-index: 1; }

#w4-slidetxt li a:hover { color: #000000 !important; }

.pubox .pub-pic2 li { width: 196px; margin: 10px 18px 0; }

.pubox .pub-pic2 li .img { width: 186px; height: 139px; overflow: hidden; }

.pubox .pub-pic2 li .img img { width: 186px; height: 139px; }
.box2 .photoView .smallPic .prev, .box2 .photoView .smallPic .next{
 user-select: none;
}