@charset "utf-8";
html{width:100%; overflow-x:hidden; overflow-y:auto}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
ol, ul, dl { list-style: none; }
body {font: 14px/1.6 "Microsoft YaHei", simsun, tahoma; color: #5f300d; background-color:#000; }
img { border: none }
table { border-collapse: collapse; border-spacing: 0 }
input, textarea, select { font: 12px "Microsoft YaHei", simsun, tahoma; outline: none }
a { color: #5f300d; text-decoration: none; outline:none}
a:hover { text-decoration:underline }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix { zoom: 1; }
.clear { clear: both }
.hidden { line-height: 99999px; overflow: hidden }
.relative { position: relative }
.fl { float: left }
.fr { float: right }
.wrapper {  margin: 0 auto; width:1200px;}

.spr{background:url(../images/spr.png)  no-repeat;}

.tab-item{ display:none}


/*===============首页===============*/
#index{ background:url(../images/full-bg-v25.jpg) center 45px no-repeat; width:1920px; position:absolute; left:50%; top:0; margin-left:-960px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#index{ margin-left:-961px}
}
#index .bg1{ background:url(../images/full-bg2.jpg) center 1111px no-repeat}
.bg2{ background:url(../images/sub-bg-v25.jpg) center 0 no-repeat;  line-height:1.6 }
#index .bg2{ background:url(../images/full-bg3.jpg) center 2254px no-repeat; padding-bottom:70px}
.header{ width:100%; min-width:1260px; height:593px; position:relative; z-index:100}
.header .wrapper{ position:relative; height:593px}
#index .back-top{ margin-right:-741px}
/*导航*/
.nav{ width:100%;height:63px; position:relative; /*background:url(../images/nav-bg-v1.png) center 0 repeat-x*/}
#yxh .nav{ background:url(../images/nav-bg-v1.png) center 0 repeat-x}
.logo{width:114px; height:114px;background:url(../images/logo-bg.png) no-repeat; position:absolute; left:50%; margin-left:-57px; top:5px; z-index:100  }
.nav-cont{ color:#856620; height:63px; line-height:63px; float:left; position:relative; z-index:100; padding-left:75px }
.nav-cont a{color:#fff; font-size:20px; margin:0 23px; font-weight:bold; background:-webkit-linear-gradient(top,#fff 40%,#5d5d5d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#index .nav-cont a{ margin:0 45px}
.nav-cont a#logoNext{ margin-left: 250px;}
#index{color: #d3bd8c;}
#index .wrapper {  margin: 0 auto; width:1320px;}

/*video*/
#btnVideo{ background:url(../images/icon-play.png) no-repeat; width:70px; height:70px; float:left;position:absolute;left:625px; top:210px;animation:btnVideo 0.3s linear infinite alternate; display:none }
.layer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:#000; filter: alpha(opacity=60); opacity: 0.6; z-index: 10000000; display: none }
.ind-video-box{width:720px; height:405px; background:#000; position:fixed; left:50%; top:50%; margin:-187px 0 0 -360px; z-index:10000001; display:none}
#video{width:720px; height:405px; background:#000 }
#video-close{ display:block; width:30px; height:30px; background:#000; position:absolute; right:-30px; top:0px; font-size:20px; text-align:center; line-height:30px; color:#fff}
@keyframes btnVideo{
    0%{ transform:scale(1)}	
	100%{transform:scale(1.2)}	
}

/*下载模块*/
.mod-down{ width:547px; height:276px; background:url(../images/mod-down.png) no-repeat; position:absolute; left:70px; bottom:-90px;}
.mod-down iframe{ position:absolute; left:45px; top:203px}
.btn-lb{width:147px;height:145px; background:url(../images/btn-gift.png) no-repeat; position:absolute; right:0; top:50px}
.btn-lb span{display: block;width:147px;height:145px;background:url(../images/btn-gift.png) no-repeat; opacity:0.5; filter:alpha(opacity=50); transition:all 0.3s linear}
.btn-lb:hover span{opacity:1; filter:alpha(opacity=100)}
.mod-down:after{content:""; display:none\9; position: absolute; width: 140px; height: 14px; background: url(../images/light.png) 0 0 no-repeat; left: 40px; top:70px;animation: mainbarcode 2.5s linear infinite alternate; background-size:100% auto; }
@keyframes mainbarcode { 0% {
transform:translate3d(0, 0, 0)
}
100% {
transform:translate3d(0, 100px, 0)
}
}

#ewm{ position:absolute; left:51px; top:65px}
.package {width: 147px;height: 147px;background: url(../images/package.png) no-repeat;position: absolute;right: -360px;top: 50px;display:none;}

.btn-ios,.btn-ios .spr,.btn-android,.btn-android .spr{ display:block;width:218px;height: 79px; background-image:url(../images/btn-down.png); background-repeat:no-repeat }
.btn-ios .spr,.btn-android .spr{opacity:0; filter:alpha(opacity=0); transition:all 0.3s linear}
.btn-ios:hover .spr,.btn-android:hover .spr{opacity:1; filter:alpha(opacity=100)}
.btn-ios{ background-position:0 0; position:absolute; left:190px; top:48px}
.btn-ios .spr{ background-position:0 -153px}
.btn-android{ background-position:0 -79px; position:absolute; left:190px; top:126px}
.btn-android .spr{ background-position:0 -232px}

/*主体内容*/
.main{ /*background:url(../images/main-bg1.png) no-repeat;*/width:1320px; margin:0 auto;}
.main-top{/* background:url(../images/main-bg2.png) no-repeat 0 828px;*/  }
.main-bot{ /*background:url(../images/main-bg3.png) no-repeat 0 2008px;*/ margin-bottom:70px; height:2859px; }
.main .wrapper{ position:relative; height:2859px}

.spr-v8{ background:url(../images/spr-v8.png) no-repeat}

/*轮播模块*/
.mod-lev1{ padding-bottom:20px; position:relative; padding-left:655px;}
.mod-lunbo{ float: left;width:625px; height:354px; position:absolute; left:32px; top:119px;}
#hotlink-box img { display:block;  width:620px; height:344px; border:2px solid #311209; border-radius:10px; opacity:0.9; filter:alpha(opacity=90) }
#hotlink-box {width:620px; height:360px; overflow: hidden }
#hotlink-box a { position: absolute;  width:625px; height:349px; overflow: hidden; left: 0; top:7px; background:#000;border-radius:10px; }
#hotlink-box a:hover img{opacity:01; filter:alpha(opacity=100)}
.lunbo-layer{ background:url(../images/focus-layer.png) no-repeat; width:651px; height:82px; position:absolute; left:-23px; top:-10px; z-index:10; pointer-events:none}
#hotlink-num{ width:625px; height:38px;margin-top:-38px; position:relative; z-index:100 }
#hotlink-num li,#hotlink-num a{ display: inline-block; width:28px; height:28px; background:url(../images/focus.png) no-repeat; font-size:0; line-height:99999px;overflow: hidden; margin:0 3px}
#hotlink-num a.on{ background-position:0 -28px}

/*新闻资讯模块*/
.tab-news{float: left; width:566px; height:335px; overflow:hidden; margin:129px 0 0 30px; padding-top:5px;}
.tab-ti{ height:55px; line-height:55px; font-size:22px; border-bottom:1px solid #c1a666; margin:0 20px 7px; position:relative}
.tab-ti li{ float:left; text-align:center; width:22%;cursor:pointer;color:#492206;}
.tab-ti li.on{ color:#831204; font-weight:bold; background:url(../images/news-on.png) center bottom no-repeat}
#news-cont,#kns-cont{ position:relative; padding:0 30px;}
.news-list table{ width:100%; margin:0 auto}
.news-list td{ height:28px; line-height:28px; padding:0 5px;  color:#8d6534; margin:0 5px; vertical-align:middle; border-bottom:1px solid #e4c272}
.news-list td a{display:block; width:330px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#5f300d }
.news-more{display: block;width:61px;height:48px;background-position:0 -529px; position:absolute; right:0; top:-99px; line-height:99999px; overflow:hidden}
.hot-news{ height:42px;overflow:hidden;}
.tab-news .hot-news{ margin-top:6px}
.hot-news h3{ height:40px; line-height:40px; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 20px}
.hot-news h3 a{ color:#831204;font-size:22px; font-weight:bold;  }
.hot-news p{ color:#8d6534; font-size:12px; text-indent:2em; padding: 0 30px}
.news-go{width:60px;height:18px; background:url(../images/news-go.png) no-repeat; display:inline-block; margin:0 0 0 5px; vertical-align:middle}
.news-go:hover{background-position:0 -18px;}
.tab-news .news-list{ height:260px; overflow:hidden}
#news-ti{ margin-bottom:10px; padding-top:8px}
#news-cont .news-list{ height:188px; overflow:hidden}
#news-cont td{ height:30px; line-height:30px}

/*推荐专题*/
.zt-ti{ height:46px; padding-left:41px }
.zt-ti li{ float: left;width: 156px;height: 46px; text-align:center; line-height:46px; font-size:20px;  background:url(../images/tab-line.png) left center no-repeat;color:#a74d0d; cursor:pointer}
.zt-ti li.on{ background:url(../images/tab-on.png) no-repeat; color:#fac948;}
.zt-list{ width:1256px;border:1px solid #58210c; border-width:1px 0 0 1px; margin:0 auto}
.zt-list a{ float: left; width:313px; height:280px; position:relative; font-size:22px; color:#fac948; border:1px solid #58210c;border-width:0 1px 1px 0; overflow:hidden}
.zt-list a:hover{ text-decoration:none; }
.zt-list a:after{content:"";background:url(../images/zt-on.png) no-repeat center center; width:330px; height:299px; position:absolute; left:-9px; top:-8px; display:none}
.zt-list a:hover:after{ display:block}
.zt-list a i{ width:313px; height:65px; background:#000; opacity:0.6; filter:alpha(opacity=60); position:absolute; left:0; bottom:0; display:block}
.zt-list a span{ width:313px; position:absolute; left:0; bottom:10px; text-align:center; z-index:2; line-height:1.3}
.zt-list a strong{ display:block; color:#f7914d; font-size:14px}
.zt-list a img{ position:absolute; left:0; bottom:0;opacity:0.9; filter:alpha(opacity=90); transition:all 0.3s linear}
.zt-list a:hover img{opacity:1; filter:alpha(opacity=100); transform:scale(1.1)}
.zt-list a:hover span,.zt-list a:hover strong{ color:#fff}

/*卡诺萨学院*/
.mod-kns{ float: left; width:516px; height:340px; position:relative; overflow:hidden; padding:40px 0 0 120px }
.mod-kns .tab-ti{ margin-bottom:30px}
.mod-kns .news-more{ top:-78px}

/*官方论坛*/
.mod-bbs{ width: 373px;float: left; padding-left:250px; position:relative; padding-top:90px}
.icon-lt{height:31px;width:34px;background-position:0 -464px;display:inline-block; vertical-align:middle; margin-right:8px}
.bbs-cont{width: 423px;height: 252px; background:#fff; position:relative}
.gg2{ width:190px; height:250px; position:absolute; left:40px; top:50px}
.gg2 img{opacity:0.9; filter:alpha(opacity=90);}
.gg2:hover img{opacity:1; filter:alpha(opacity=100)}
.mod-bbs .hot-news{color:#af811b; font-size:22px; font-weight:bold; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:65px; line-height:87px; padding:0 10px; display:none}
.mod-bbs .hot-news a{ color:#953c23; }
.bbs-hot{ padding:40px 20px 0; color:#8d6534}
.bbs-hot td{ height:28px; line-height:28px;border-bottom:1px solid #e4c272}
.bbs-hot a{color:#5f300d; display:block; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.mod-bbs .news-more{ top:47px; right:-10px}

/*六大职业*/
.mod-zy{ width:1241px; height:427px; margin-left:40px; overflow:hidden;}
.mod-zy-lq{ background:url(../images/zybg-lq.jpg) no-repeat 0 -1px}
.mod-zy-zs{ background:url(../images/zybg-zs.jpg) no-repeat 0 -1px}
.mod-zy-xz{ background:url(../images/zybg-xz.jpg) no-repeat 0 -1px}
.mod-zy-ynz{ background:url(../images/zybg-ynz.jpg) no-repeat 0 -1px}
.mod-zy-fs{ background:url(../images/zybg-fs.jpg) no-repeat 0 -1px}
.mod-zy-ws{ background:url(../images/zybg-ws.jpg) no-repeat 0 -1px}
.mod-zy-kzs{ background:url(../images/zybg-kzs.jpg) no-repeat 0 -1px}
.mod-zy p{ color:#f7914d; width:320px; height:195px; padding-left:880px; padding-top:70px}
.mod-zy-ti{ background:url(../images/zy-ti-bg.png) no-repeat; width:1003px; height:70px; margin:20px auto 0; position:relative; padding:31px 11px 0; z-index:1000}
.mod-zy-ti li{ float:left; width:134px; height:67px;  text-align:center}
.mod-zy-ti li a{ display:block; height:65px;line-height:67px;}
.mod-zy-ti li a:hover{ background:url(../images/btn-hover.png) center bottom no-repeat}
.mod-zy-ti li.li-zy-xz{ margin-right:177px}
.mod-zy-ti span{ display:inline-block; height:25px; position:relative; top:22px; display:none}
.zy-zs{width:55px;background-position:0 -368px;}
.zy-ws{width:56px;background-position:0 -393px;}
.zy-fs{width:56px;background-position:0 -418px;}
.zy-xz{width:57px;background-position:0 -443px;}
.zy-lq{width:57px;background-position:0 -468px;}
.zy-ynz{width:78px;background-position:0 -805px;}
#btnZyVideo{ width:192px; height:102px; position:absolute; left:775px; top:-114px}
#btnZyVideo i{height:29px;width:29px;background-position:0 -242px; position:absolute; left:50%; top:50%; margin:-14px 0 0 -14px;animation:btnVideo 0.3s linear infinite alternate}
#li-zy-kzs{width:172px; height:82px; position:absolute; left:415px; top:16px}
#li-zy-kzs a{ height:82px}
/*幻兽推荐*/
.mod-hs{ height:351px; position:relative}
.hs-tj-list{ width:385px;  position:absolute; left:50px; top:50px; z-index:2}
.hs-tj-list li{ float:left; width:86px; height:82px; position:relative; padding:10px 0 0 12px; margin:15px; cursor:pointer; }
.hs-tj-list li img{ width:74px }
.hs-tj-list li i{height:92px;width:98px;background-position:0 -1141px; position:absolute; left:0; top:0}
.hs-tj-list li.on img{ width:84px; margin:-5px 0 0 -5px;}
#hs-name{ width:273px; height:33px; position:absolute; left:480px; top:60px; z-index:2}
.hs-fmjhl{ background:url(../images/font.png) no-repeat 0 0}
.hs-zhjll{background-position:0 -1312px;}
.hs-myjlsd{background-position:0 -1345px;}
.hs-fyxysqb{background-position:0 -1378px;}
.hs-dtlhsxz{background-position:0 -1411px;}
.hs-mymhmtl{background-position:0 -1444px;}
.hs-tsmcxz{ background:url(../images/hs-tsmcxz.png) no-repeat!important}
.hs-intro{ color:#f7914d; width:300px; position:absolute; left:480px; top:110px; z-index:2}
.hs-pic-fyxysqb{ background:url(../images/hs-pic-qb-v1.png) no-repeat; width:551px; height:464px; position:absolute; right:-60px; bottom:0}
.hs-pic-mymhmtl{ background:url(../images/hs-pic-mtl.png) no-repeat; width:797px; height:476px; position:absolute; right:-271px; bottom:0}
.hs-pic-dtlhsxz{ background:url(../images/hs-pic-sxz.png) no-repeat; width:1059px; height:586px; position:absolute; right:-100px; bottom:0}
.hs-pic-zhjll{ background:url(../images/hs-pic-ll.png) no-repeat; width:530px; height:445px; position:absolute; right:30px; bottom:0}
.hs-pic-fmjhl{ background:url(../images/hs-pic-hl.png) no-repeat; width:672px; height:417px; position:absolute; right:-50px; bottom:0}
.hs-pic-myjlsd{ background:url(../images/hs-pic-sd.png) no-repeat; width:634px; height:394px; position:absolute; right:-140px; bottom:0}
.hs-pic-tsmcxz{ background:url(../images/hs-pic-tsmcxz.png) no-repeat; width:366px; height:463px; position:absolute; right:60px; bottom:-70px}
/*工具栏*/

.mod-tools{ width:1274px; height:99px; background:url(../images/tool-bg-v1.png) no-repeat; margin:0 auto; position:relative; margin-top:-40px; z-index:2}
.tools{ padding:0 10px}
.tools li{ float: left;width: 209px; zoom:1}
.tools li a{ display:block;width: 209px;height: 84px; text-align:center; color:#fff; font-size:16px; padding-top:10px; position: relative; line-height:99999px; overflow:hidden }
.tools li a:hover{ background:url(../images/btn-hover.png) no-repeat center bottom}
.tools li a i{ float:left; position:relative; margin-left:0; top:33px; transition:all 0.2s linear }
.tools li a:hover i{ margin-left:-3px}
.tool-icon1{height:30px;width:33px;background-position:0 -271px; left:28px}
.tool-icon2{height:35px;width:39px;background-position:0 -333px; left:18px}
.tool-icon3{height:32px;width:34px;background-position:0 -301px; left:8px}
.tool-icon4{height:29px;width:25px;background-position:0 -100px; left:38px}
.tool-icon5{height:33px;width:29px;background-position:0 -209px; top:31px!important; left:36px}
.tool-icon6{height:24px;width:26px;background-position:0 -129px; top:38px!important;left:36px}

/*英雄汇*/
.mod-yxh{height:400px; position:relative; }
.yxh-ti{float: left;width: 448px; margin-top:40px; margin-left:20px;}
.yxh-ti li{width: 448px;height: 173px;cursor:pointer; background:url(../images/yxh-ti.png) no-repeat 0 -15px; position:relative; margin-top:-3px}
.yxh-ti li img{ transition:all 0.3s linear; margin-left:0}
.yxh-ti li.on img{ margin-left:10px}
.yxh-ti1 img{ position:absolute; left:-20px; bottom:10px}
.yxh-ti2 img{ position:absolute; left:80px; bottom:-3px}
.yxh-ti li span{width:33px;height:114px; position:absolute; right:85px; top:35px}
.yxh-ti li.yxh-ti1 span{ background-position:0 -577px;}
.yxh-ti li.yxh-ti2 span{ background-position:-33px -577px;}
.yxh-ti li.yxh-ti1.on span{ background-position:0 -691px;}
.yxh-ti li.yxh-ti2.on span{ background-position:-33px -691px;}
#yxh-cont{ float: left;height: 336px;width: 850px; position:relative; z-index:10; padding-top:50px; zoom:1; display:inline}
#yxh-cont .news-more{ top:10px; right:40px}
.yxh-list{ padding-top:20px}
.yxh-list a{ float: left;width: 255px;height: 136px; overflow:hidden; margin:0 7px 25px; position:relative;+margin:0 0 10px; +padding:0 7px;}
.yxh-list a:after{content:""; background:url(../images/yxh-layer.png) no-repeat; width:308px; height:169px; position:absolute; left:-25px; top:-24px}
.yxh-list a:hover{ text-decoration:none}
.yxh-list a img{opacity:0.9; filter:alpha(opacity=90);width: 255px;height: 136px;}
.yxh-list a:hover img{opacity:1; filter:alpha(opacity=100)}
.yxh-list a span{ display:none; height:24px; line-height:24px; text-align:center; padding:0 10px; color:#ba955b; margin-top:-24px; position:relative; background:#000; opacity:0.8; filter:alpha(opacity=80); font-size:12px}
.role{width: 542px;height: 390px; background:url(../images/role.png) no-repeat; position:absolute; left:-280px; top:30px}

/*视频鉴赏*/
.mod-bot{ height:380px; position:relative; padding-top:38px}
.mod-sp{ width: 600px; height:338px; background:url(../images/video-bg.png) no-repeat;float: left; margin-left:40px; padding:5px; position:relative }
.mod-sp .news-more{ right:0; top:-50px}
.sp-cont{ background:url(../images/bg-sp.jpg) no-repeat; width:613px; height:287px; position:relative}
.sp-cont .zy-video{ left:16px; top:16px}
.sp-list{width: 138px; position:absolute; right:10px; top:16px}
.sp-list li{width: 138px;height: 77px; position:relative; margin-bottom:9px; cursor:pointer; background:#000; overflow:hidden}
.play-s{display: block;height:37px;width:29px;background-position:0 -210px; position:absolute; left:50%; top:50%; margin:-28px 0 0 -15px}
.sp-list li.on .play-s,.sp-list li:hover .play-s{ display:none}
.sp-list li img{ opacity:0.5; filter:alpha(opacity=50);width: 138px;height: 77px;}

.sp-list li.on img,.sp-list li:hover img{ opacity:1; filter:allpha(opacity=100)}
.sp-list li p{ font-size:12px; height:30px; line-height:30px; margin-top:-31px; text-align:center; position:relative; z-index:2}
/*客服专区*/
.mod-kf{ float:right;width: 613px;}
.kf-cont{width: 613px;height: 287px; position:relative; font-weight:bold; padding-top:58px; color:#f7914d}
.kf-cont a{ color:#f7914d}
.kf-wx{ float: left;width: 123px; text-align:center; font-size:16px; padding:10px 0 0 23px}
.kf-wx img{ display:block; width:100%; margin-bottom:16px}
.kf-qq{float: left;width: 350px; height:150px; padding:20px 0 0 80px}
.kf-qq a{ float: left;width: 119px; text-align:center; font-size:16px; margin-right:50px; position:relative}
.kf-qq a p{ display:none; text-align:left; width:160px; line-height:20px; background:#fff; color:#000; position:absolute; right:-180px; top:0; padding:5px; font-size:12px}
.kf-qq a:hover{ z-index:2}
.kf-qq a:hover p{ display:block}
.icon-qun,.icon-qq{height:106px;width:92px;background-position:0 -1035px;display:block; margin:0 auto 22px; position:relative; top:0; transition:all 0.3s linear}
.icon-qq{background-position:0 -929px;}
.kf-qq a:hover{ text-decoration:none}
.kf-qq a:hover i{top:5px}
.kf-txt{ color:#fff; font-size:16px; padding-top:36px; clear:both; margin-left:-30px}
.kf-txt li{ padding-left:130px; float:left; width:150px;+width:190px;+font-size:14px;}
.kf-txt strong{ float:left; margin-left:-130px; text-align:right; padding-right:10px; width:120px; color:#f7914d}



/*底部*/
.footer{ padding:25px 0; font-size:12px;border-top:1px solid #291b18;margin-top:40px; width:100%; background:#110405 }
.footer,.footer a{color:#d3bd8c}
#index .footer{border-top:0; background:none}
#index .footer a{ color:#d3bd8c}

/*右侧通道*/
/*.fix-bar{ width:126px; position:absolute; left:50%; margin-left:640px; top:661px; z-index:2000}
.fixed{ position:fixed; right:10px; top:10px; z-index:100000}
.fixed .btn-qd{ display:block}
.fix-bar img{ display:block}
.btn-td{ display:block;width: 124px;height: 46px; line-height:46px; background:#190606; color:#c3a777; font-size:16px; text-align:center; border:1px solid #ba955b;}
.cytd-icon1{display: inline-block;height:18px;width:19px;background-position:0 -61px; vertical-align:middle; margin-right:5px}
.td-list{display:block}
.td-list li{height:46px; margin-top:2px }
.td-list li a{ display:block; height:46px; line-height:46px; text-align:center; color:#fff; font-size:16px; background:#ba955b; position:relative; font-weight:bold}
.td-list li a img{ position:absolute; left:-129px; top:-60px; display:none; width:128px }
.td-list li a:hover img{ display:block}
.td-list li a i{ display:inline-block; vertical-align:middle; margin-right:5px}
.fix-bar a:hover{ text-decoration:none}
.fix-bar a:hover i{ position:relative; left:-2px}
.cytd-icon2{height:21px;width:17px;background-position:0 0;}
.cytd-icon3{height:17px;width:20px;background-position:0 -79px;}
.cytd-icon5{height:18px;width:22px;background-position:0 -96px;}
.cytd-icon4{height:21px;width:18px;background-position:0 -21px;}
.cytd-icon6{height:19px;width:19px;background-position:0 -42px;}
#contact p{ display:none; text-align:left; width:160px; line-height:20px; background:#fff; color:#000; position:absolute; right:127px; top:0; padding:5px; font-size:12px}
#contact:hover p{ display:block}*/

.fix-bar{ width:165px; height:371px; background:url(../images/cytd-bg.png) no-repeat; position:absolute; left:50%; margin-left:660px; top:736px; z-index:2000}
.fixed{ position:fixed;top:10px; z-index:100000}
.fixed .btn-qd{ display:block}
.fix-bar img{ display:block}
.btn-td{ display:block;width: 124px;height: 105px; line-height:99999px; overflow:hidden; cursor:default}
.cytd-icon1{display: inline-block;height:18px;width:19px;background-position:0 -61px; vertical-align:middle; margin-right:5px}
.td-list{display:block}
.td-list li{ float:left; width:100%;height:50px; margin-top:2px }
.td-list li a{ display:block; height:50px; position:relative;}
.td-list li a span{ display:none}
.td-list li a img{ position:absolute; left:-129px; top:-60px; display:none; width:128px }
.td-list li a:hover img{ display:block}
.td-list li a i{ position:absolute; left:35px; transition:all 0.3s linear; margin-left:0; overflow:hidden }
.fix-bar a:hover{ text-decoration:none}
.fix-bar a:hover i{ margin-left:-5px}
.cytd-icon1{height:18px;width:20px;background-position:0 -22px;top:18px}
.cytd-icon2{height:19px;width:22px;background-position:0 -61px; top:16px}
.cytd-icon3{height:22px;width:18px;background-position:0 0; left:37px!important; top:12px}
.cytd-icon4{height:20px;width:24px;background-position:0 -80px; top:12px}
.cytd-icon5{height:21px;width:21px;background-position:0 -40px; left:37px!important; top:10px}
#contact p{ display:none; text-align:left; width:160px; line-height:20px; background:#fff; color:#000; position:absolute; right:127px; top:0; padding:5px; font-size:12px}
#contact:hover p{ display:block}

.bg-jdt{height:13px;width:28px;background-position:0 -197px;}
.news-type{height:24px;width:49px;background-position:0 -659px;}


/*==============二级页=====================*/
.sub .side-nav{ display:none}
.sub .mod-down{ display:none}
.sub .header,.sub .header .wrapper{ height:490px}

.sub .fix-bar{ top:525px; margin-left:500px}
.sub .fixed{ top:10px}


#connectInfo,#news .txt{ width:600px; margin:0 auto}
#connectInfo{padding-top:40px}
#news .viewcon h3{ background:url(../images/h3-bg.png) no-repeat; width:560px; height:33px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:33px; padding:0 20px; color:#fae8c5; font-size:16px; text-shadow:0 0 3px rgba(0,0,0,0.7); font-weight:bold; margin:8px auto 8px}

/*资讯模板侧边栏*/
#news #sidebar-news{ display:block}
#sidebar-news,#sidebar-yxh{ float:left; width:234px;}
.sub .main{ float:left; width:850px; background:#fff; margin-left:10px}
.side-ios,.side-android{ background:url(../images/btn-down.png) center 0 no-repeat; display:block; width:234px; height:97px;}
.side-ios{ background-position:center 0}
.side-ios:hover{ background-position:center -97px}
.side-android{ background-position:center -194px}
.side-android:hover{ background-position:center -290px}
.side-ewm{ background:url(../images/ewm-bg.jpg) no-repeat; height:500px; padding-top:10px; position:relative}
.side-ewm img{ display:block; margin:0 auto; width:90% }
.side-gift{ display:block; background:url(../images/btn-lq.png) center 0 no-repeat; width:234px; height:254px; position:absolute; left:0; bottom:6px}
.side-gift:hover{ background-position: center -254px}
.sub .nav-cont{ padding-left:143px}

.side-zt dt{ background:url(../images/ti-icon.png) left center no-repeat; padding-left:40px; color:#ffdfa1; font-size:24px; font-weight:bold; height:47px; margin-bottom:8px; line-height:47px}
.side-zt dd a{ display:block; height:91px; background-image:url(../images/zt-bg.jpg); background-repeat:no-repeat; color:#fad58e; font-size:22px; padding:10px 100px 0 20px; opacity:0.8; filter:alpha(opacity=80) }
.side-zt dd a.side-zt2{ background-position:0 -101px}
.side-zt dd a.side-zt3{ background-position:0 -202px}
.side-zt dd a.side-zt4{ background-position:0 -303px}
.side-zt dd a:hover{opacity:1; filter:alpha(opacity=100); text-decoration:none}

#guide .side-bar{ display:block}
/*#guide .main{ float:left; width:780px}*/
.side-bar{ display:none; float:right; width:220px;}
.bar-dt1,.bar-dt2,.bar-dt3{ width:220px; height:60px; background:url(../images/info-side-v2.jpg) no-repeat; line-height:99999px; overflow:hidden; cursor:pointer}
.bar-dt1.on{ background-position:-220px 0}
.bar-dt2{ background-position:0 -60px}
.bar-dt2.on{ background-position:-220px -60px}
.bar-dt3{ background-position:0 -120px}
.bar-dt3.on{ background-position:-220px -120px}

.bar-dl{ background:#4d4d4d}
.bar-dl dd{ padding:10px 20px; color:#e9c472; display:none}
.bar-dd-show{ display:block!important}
.bar-ti{ font-size:18px; height:28px; line-height:28px; background:url(../images/icon-b.jpg) left 8px no-repeat; padding-left:20px; cursor:pointer}
.bar-links{ padding:0.3em 0 0.3em 1em; display:none }
.bar-links a{ display:block; height:22px; line-height:22px; color:#fff; background:url(../images/icon-s.jpg) left center no-repeat; padding-left:10px}
.bar-links a:hover,.bar-links a.on{ color:rgb(218, 165, 32); text-decoration:none}
/*资讯模板侧边栏*/
.content{ padding:20px;}
.pagetitle{ background:#efefee url(../images/title-bg.jpg)  no-repeat; height:117px}
.crumbs{ padding:0 16px 16px 40px; font-size:14px;  height:35px; line-height:35px;}

#article{ font-size:34px; color:#a99064; height:70px; line-height:80px; padding:0 0 0 40px; overflow:hidden}
.mod-info-ti{ height:40px; line-height:40px}

.mod-info-ti li{ float:left; width:25%; height:45px; text-align:center; line-height:40px;  cursor:pointer; font-size:20px; border-bottom:6px solid #e9e9e9}

.mod-info-ti li.on{ color:#b49273; border-bottom:6px solid #b49273}

.page_list_con ul{  padding-top:30px;}
.page_list_con li{ font-size:16px; color:#000; height:25px; line-height:25px; padding:5px 0; border-bottom:1px solid #e1e1e1; position:relative}

.page_list_con li:before{content:""; background:url(../images/biao.png) no-repeat; width:19px; height:22px; position:absolute; left:-15px; top:7px; display:none}
.page_list_con li:hover:before{ display:block}

.page_list_con li a{ color:#202020; margin-left:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:inline-block; width:450px; vertical-align:top;}
.page_list_con li:hover,.page_list_con li a:hover{ color:#9a8351}
.page_list_con li .time{ float:right; margin-left:10px;}

.num_list{ text-align:center; padding:25px;}
.num_list a{ display:inline-block; height:25px; line-height:25px; padding:0 10px; background:#9a8351; color:#fff; margin:0 3px; font-size:14px; text-decoration:none;}
.num_list span{ padding:0 5px}

.viewpage .viewtit{ padding:0 0 10px; border-bottom:1px solid #e1e1e1}
.viewpage .viewtit h2{ color:#a99064; font-size:24px; text-align:center; padding-bottom:10px;}
.viewpage .viewtit .info{ text-align:center; color:#6e6e6e; font-size:12px}
.viewpage .viewtit .info span{margin:0 20px 0 5px;display:inline-block}
.viewpage .viewcon{ padding:10px 35px;}

.viewpage .viewcon .share { text-align:center;  font-size:12px; padding-top:0px; padding-bottom:10px}
#guide .viewpage .viewcon .share{padding-left:400px}
.viewpage .viewcon .share img{ width:22px; vertical-align:middle}
.viewpage .viewcon .share a{ margin:0 2px;}
.viewpage .viewcon .share .jiathis_style_24x24{ float:right;}
.viewpage .viewcon .share .jiathis_txt{ font-size:12px;}
.viewcon .share .jtico_jiathis{ position:relative; top:-3px}

.viewpage .viewcon .txt{ color:#202020; font-size:14px; line-height:25px;}
.viewpage .viewcon .txt img{ margin:10px 0; max-width:600px;_width:expression(document.body.clientWidth > 600? "600px" : "auto");}

.viewpage .viewcon .txt a,.viewpage .viewcon .txt strong{ /*color:rgb(218, 165, 32)*/ color:#F00}

.sed_tab { margin: 0px auto 5px }
.sed_tab td { padding: 5px; border: 1px dashed #818181 }
.sed_tab td p { text-indent: 0 }

.tool_bot{ padding: 20px 0;  font-size:13px; line-height:24px }
.bottom_writer{ text-align:right;}
.bug{ border-bottom:1px solid #6e6e6e;  text-align:right; padding-bottom:5px; margin-bottom:10px}

#guide .viewcon p{ text-indent:2em}
#guide .sed_tab p{ text-indent:0em}


.result-sp li{ float:left; width:285px; height:178px; overflow:hidden; padding:10px; position:relative}
.result-sp li a{ display:block; width:285px; height:178px; background:#000; margin:0}
.result-sp li a img{ opacity:0.7; filter:alpha(opacity=70);width:285px; height:178px;}
.result-sp li a:hover img,.result-sp li a:hover .sp-title{ opacity:1; filter:alpha(opacity=100)}
/*.sp-title{ background:#000; width:275px; height:26px; line-height:26px; padding:0 5px; color:#fff; position:absolute; left:10px; bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;opacity:0.7; filter:alpha(opacity=70); text-align:center}*/
.icon-play{ background:url(../images/play-icon.png) no-repeat; width:45px; height:44px; position:absolute; left:50%; top:50%; margin:-22px 0 0 -22px; display:block}
.result-yh .sp-title,.result-yh .icon-play,.result-bz .sp-title,.result-bz .icon-play{ display:none}


.result-sp li a:hover{ text-decoration:none}

.sp-tj{ width:910px; height:364px; margin:30px 0; background:#4d4d4d}
/*.video-box{ float:left; width:650px; height:364px; background:#4d4d4d}*/
.sp-tj-list{ float:right; width:260px; height:364px}
.sp-tj-list dd{ height:80px; border-bottom:1px solid #646464; padding:5px; color:#fff; line-height:20px; font-size:12px; cursor:pointer }
.sp-tj-list dd img{ width:109px; height:81px; float:left; margin-right:5px}
.sp-tj-list dd strong{ color:#cfcfcf; font-size:14px}
.sp-tj-list dd span{ color:#c1baaa}
.sp-tj-list dd.on img{ border:2px solid #c9a350;width:105px; height:79px;}


.downloadpage{ padding-top:70px}

.d-android,.d-app,.d-ios{ display:block; width:280px; height:75px; margin-bottom:13px; background:url(../images/btn-down.jpg) no-repeat}
.d-android:hover{ background-position:-280px 0}
.d-app{ background-position:0 -75px}
.d-app:hover{ background-position:-280px -75px}
.d-ios{ background-position:0 -150px}
.d-ios:hover{ background-position:-280px -150px}

.btn-downs { border-bottom:1px solid #7b7b7b; padding-bottom:30px; margin-bottom:30px; color:#7b7b7b; font-size:16px; padding-left:100px}
.btn-downs li{ float:left; padding:0 19px}
.btn-downs li p{ text-indent:2em}

.download-ti{ height:120px; margin-top:80px; padding-left:120px}
.download-ti li{ float:left; width:232px; height:120px; position:relative;cursor:pointer}
.download-ti li.on{ border:1px dashed #555453; border-bottom:1px solid #fff; background:#fff}
.d-icon1{ display:block;width: 92px; height: 91px; background:#fff url(../images/d-icon.png) no-repeat 0 -6px; position:absolute; left:50%; margin-left:-46px; top:-40px}
.download-ti li strong{ display:block; text-align:center; font-size:18px; padding-top:70px; color:#beb6a1}

.d-icon2{ display:block;width: 59px; height: 87px; background:#fff url(../images/d-icon.png) no-repeat -248px -8px; position:absolute; left:50%; margin-left:-28px; top:-37px}
.d-icon3{ display:block;width: 95px; height: 94px; background:#fff url(../images/d-icon.png) no-repeat -463px 0; position:absolute; left:50%; margin-left:-48px; top:-37px}
.d-icon4{ display:block;width: 111px; height: 94px; background:#fff url(../images/d-icon.png) no-repeat -684px -1px; position:absolute; left:50%; margin-left:-56px; top:-37px}

.download-cont{border:1px dashed #555453; padding:20px}
.download-cont p{ padding:5px 20px}
.download-cont a{ color:#F00!important}

.downloadpage .rule{ padding:20px 30px;}
.downloadpage .rule p{ padding-left:25px; line-height:18px; padding-bottom:12px; font-size:14px;}
.downloadpage .rule p span{ width:18px; height:18px; text-align:center; line-height:18px; color:#a6a6a6; background:#19191a; float:left; border-radius:18px; margin-left:-25px;}
.downloadpage .rule p span.yel{ background:#e7c94e; color:#1c1c1c;}

.back-top{position:fixed; right:50%;margin-right:-601px; bottom:10px; z-index:200; display:none}
.back-show{display:block}
#download .back-top{margin-right:-701px;}

/*视听盛宴*/
.sub-stsy .main{ width:1102px; margin-left:50px}
.sub-stsy .main .content{ padding:20px 0 0 80px}
.sp-tj{ width:910px; height:364px; margin:30px 0; background:#4d4d4d}
.sp-tj-list{ float:right; width:260px; height:364px; overflow-y:auto}
.sp-tj-list dd{ height:80px; border-bottom:1px solid #646464; padding:5px; color:#fff; line-height:20px; font-size:11px; cursor:pointer }
.sp-tj-list dd img{ width:109px; height:81px; float:left; margin-right:5px}
.sp-tj-list dd strong{ color:#cfcfcf; font-size:14px}
.sp-tj-list dd span{ color:#c1baaa}
.sp-tj-list dd.on img{ border:2px solid #c9a350;width:105px; height:79px;}
.sp-tj .video-box{ float:left; width:649px; height:364px}

/*下载中心*/
.sub-download .main{ width:1190px}





/*游戏资料页*/
.info_ti, .d_cont dt { font-size: 16px;  padding: 5px 0 5px 20px; font-weight: bold; margin: 5px 0; border-bottom:1px solid }
.info_list dt { float: left; width: 69px; height: 25px; text-align: center; line-height: 25px; font-size: 13px; margin-right: 5px }
.info_list dl { padding: 10px 0 10px 20px; }
.info_list dt.dt_green { background: #333434; color: #c1baac }
.info_list dt.dt_blue { background: #333434; color: #c1baac }
.info_list dd { float: left; width: 550px; line-height:25px; }
.info_list dd a { margin: 0 5px }



/*口袋英雄汇*/
#yxh .bg2{ background: url(../images/bg-yxh.jpg)  center top no-repeat; padding-bottom:0}
.side-gl{ border:1px solid #e5e2d9; background:#fff; padding:10px; margin-bottom:8px}
.side-gl dt{ border-bottom:1px solid #e5e2d9; color:#ae956b; height:34px; line-height:34px; font-size:16px; position:relative; font-weight:bold}
.side-more{ background:url(../images/side-more.jpg) no-repeat; display:block; width:14px; height:14px; position:absolute; right:10px; top:10px}
.side-gl dd{ padding-top:10px; height:80px; overflow:hidden}
.side-gl dd table{ width:100%;white-space:nowrap;}
.side-gl dd td{ padding:2px}
.side-gl dd a{ display:block; width:208px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

#yxh .pagetitle{ display:none}
#yxh .content{ padding:0}
#yxh .mod-info-ti{ height:66px;}
.box-st{ float:left; width:40%;height:55px;border-bottom:6px solid #e9e9e9; padding-top:5px}
.btn-st{ display:block; background:url(../images/btn-st.png) no-repeat; width:280px; height:51px;}
.btn-st:hover{ background-position:0 -51px}
#yxh .mod-info-ti li{ float:left; width:20%; height:60px; text-align:center; line-height:60px;  cursor:pointer; font-size:20px; border-bottom:6px solid #e9e9e9}
#yxh .mod-info-ti li.on{ border-bottom:6px solid #b49273}
#yxh .mod-info-ti li.on a{ color:#b49273}
#yxh .mod-info-ti li a{ color:#7b7b7b; display:block; height:60px}
#yxh .mod-info-ti a:hover{ text-decoration:none}
#yxh .icon-play{ display:none}
.yxh-cont{ padding:20px; min-height:1055px}
.yxh-cont li{ float:left; padding:10px 18px; width:225px}
.yxh-cont li img{ display:block; width:225px;height:133px}
.yxh-cont .sp-title{  background:none; display:block; width:100%; color:#000; text-align:center}
#yxh-kind{ display:none}
#yxh .viewtit{ margin:20px 20px 0}
#yxh .viewcon img{ max-width:600px}
#yxh .viewcon{min-height:977px}
#yxh-img{ text-align:center}
#yxh-detail{ width:518px; height:154px; background:url(../images/yxh-txt-bg.jpg) no-repeat; margin:8px auto; color:#fff; font-size:18px; padding-top:30px}
#yxh-detail p{ padding:0 50px 16px 200px}
#yxh-detail strong{ color:#d5c174; float:left; width:200px; text-align:right; margin-left:-200px}

#mod-yxh .title-box{ position:inherit}
#yxh-cont .more{ top:0; margin-top:-40px}
#yxh .bg1{ background:#1e0f0c}