body,div,ul,li,dl,dt,dd,p,span,a,input,select,textarea,em,i,img,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
body{font-size:12px; font-family:"Microsoft Yahei"; overflow-x:hidden; background:#eee3cd;}
ul,li,dl,dt,dd,p,span,a,input,select,textarea,em,i,img,h1,h2,h3,h4,h5,h6{font-style:normal; list-style-type:none; background:none; border:none;}
a{color:#fff; text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
.clearfix{*zoom:1;}
.clearfix:after{height:0; font-size:0; display:block; clear:both; overflow:hidden; visibility:hidden; content:"";}
.f_l{float:left;}
.f_r{float:right;}
.indent{text-indent:-999px; overflow:hidden;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.mt5{margin-top:5px;}



.bg{background:url(../jpg/bgce1a.jpg) center top no-repeat #eee3cd;}
.wrap{width:1204px; margin:0 auto; position:relative;}

.home_head{height: 1180px; position:relative;}
header{height:88px; color:#000;}
.logo{background:url(../png/logo-3.png) center top no-repeat; width:214px; height:126px; position:absolute; left:50%; margin-left:-156px; top:0; z-index:5;}
.menu{height:48px; line-height:26px; padding-top:20px;}
.menu a{color:#fff; display:inline-block; margin:0 40px; text-align:center; position:relative;}
.menu a:hover{color:#cc9332;}
.menu a p{line-height:20px; color:#645e51; font-size:12px;}
.menu a:hover p{color:#716a5e;}
.menu a.m3{margin:0 190px 0 40px;}


.content{background:url(../jpg/main_bgce1a.jpg) center top no-repeat; position:relative; height: 3656px; width:1204px;}


.download{width:482px; height:136px; background:rgba(255,255,255,0.63); overflow:hidden; position: absolute; bottom: 240px; left: 360px;}
.download dt,.download dd{ float: left;}
.download dt{width: 95px;  color: #000; font-size: 15px; margin:12px 19px 0 17px; text-align:center;}
.download .ecode_img{width:95px; height:95px; background:#fff;}
.download dt img{width:100% !important; height:100% !important;}
.download .btn_link{margin-top: 12px;}
.download .download_btn{height:52px; width:204px; display:block; margin:0 auto 7px; background:url(../png/download_btns.png) center top no-repeat;}
.download a.ad_btn{ background-position: 0 -59px;}
.download a.ios_btn{ background-position: 0 0;}
.gift_link{ width: 128px; height: 136px; background:url(../png/gift_btn.png) center top no-repeat; margin-left: 19px;}
.gift_link a{display: block;  width: 128px; height: 136px; }

.news_title{width: 1073px; height: 71px; margin: 0 auto 118px; background:url(../png/news_title.png) center top no-repeat;}
.data_title{width: 1073px; height: 73px; margin: 0 auto 40px; background:url(../png/data_title.png) center top no-repeat;}
.news_bg{ background:url(../png/news_bg.png) center top no-repeat; width: 1196px; height: 569px; position: relative;}

.slider{width:398px; height:505px; padding: 23px 20px 22px 32px; background:url(../png/slide_bg.png) center top no-repeat; border-radius: 4px; margin-left: 110px; top: -70px;  position:relative; z-index:3;}
.slider .bd{width:100%; height:100%; background: #372e24;}
.slider .hd{ text-align: center; width: 100%; height: 21px; margin-top: 30px;}
.slider .hd li{width:20px; height:21px; background:url(../png/slide_li.png) center top no-repeat; text-indent:-999px; overflow:hidden; margin:0 6px; display: inline-block; cursor:pointer;}
.slider .hd li.on{ background:url(../png/slide_li_on.png) center top no-repeat;}



.gift_side{ background:url(../gift_area.html) no-repeat; width:210px; height:133px; padding-top:198px; color:#d3b877; font-size:16px;}
.gift_side a{height:45px;display:block;text-align: center;line-height: 40px;color: #FBF8CF;font-size: 20px;font-weight: bold;}
.gift_side dt{ margin-left:82px; line-height:30px;}
.gift_side dd{ text-align:center; padding-top:5px; line-height:22px;}

.news{width:530px; height:321px; margin-left: 20px; padding-top:60px; color:#000; overflow:hidden; position:relative; z-index:3;}
.news .more{position:absolute; top:75px; right:25px; font-family: simsun;  color:#000; font-size: 16px; font-weight: bold;}
.news .tit{height:55px; margin-bottom: 20px; color:#000000; font-size:24px; text-align:center;}
.news .tit a{width:116px; height:55px; line-height:55px; color:#2e2007; float:left; position:relative; cursor:pointer;}
.news .tit a.on{color:#fff; background:url(../png/news_on6667.png) repeat;}

.news .txt{height: 340px; overflow: hidden;}
.news .txt li{height:40px; line-height:40px; padding: 0 10px; border-bottom: 1px dotted #473e33; font-size:16px; position:relative;}
.news .txt li a{color:#0f0700; font-size: 16px; display:block; overflow:hidden; cursor:pointer;}
.news .txt li a:hover{color:#c60005;}

.active_area{ height:331px; width:324px; font-size:20px; text-align:center;}
.active_area li{ float:left; width:161px; height:109px; margin:0 0 2px 1px; background:url(../link_bg.html) no-repeat;}
.active_area li a{ display:block; color:#302322;}
.active_area li a .a_ico{ background:url(../link_btns.html) no-repeat; width:54px; height:54px; display:block; margin:14px auto 4px; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.active_area li a.a1 .a_ico{background-position:0 0;}
.active_area li a.a2 .a_ico{background-position:-69px 0;}
.active_area li a.a3 .a_ico{background-position:-142px 0;}
.active_area li a.a4 .a_ico{background-position:-214px 0;}
.active_area li a.a5 .a_ico{background-position:-284px 0;}
.active_area li a.a6 .a_ico{background-position:-353px 0;}
.active_area li a:hover .a_ico{-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); -webkit-transition:all 0.4s linear 0.05s; -moz-transition:all 0.4s linear 0.05s; -o-transition:all 0.4s linear 0.05s; -ms-transition:all 0.4s linear 0.05s; transition:all 0.4s linear 0.05s;}


.gamedata{margin-top: 240px; height: 450px;}
.gamedata li{float: left; width: 300px;}
.data_tit{ display: block; width: 231px; height: 76px; margin: 0 auto 20px; line-height: 76px; font-size: 30px; color: #302322; text-align: center; background:url(../png/data_tit.png) no-repeat;}
.data_list{padding: 0 10px;}
.data_list a{ width: 50%; float: left; color: #d4cec5; text-align: center; font-size: 18px; line-height: 36px;}



.zyjs{width:100%;height:929px; margin-top: 30px; position:relative; overflow:hidden;}
.profession{width:100%;position:relative;height:929px;}
.profession_tab_list{width:212px;height:435px; position:absolute;top:150px; left:0; z-index: 99;}
.profession_tab_list ul{width:100%;}
.profession_tab_list ul li{cursor: pointer; width:212px;height: 67px; margin-bottom:20px;}
.profession_tab_list ul li span{width:212px;height: 67px; display: block;background:url(../png/role_tab.png) no-repeat; color: #deb58c; font-size: 22px; text-align: center; line-height: 67px;}
.profession_tab_list li.on span{background:url(../png/role_tab_on.png) no-repeat; color: #ffb27b;}

.gender{height:929px; width:1150px; position:absolute; left:0; top: 0;}
.profession_tab_ct{height:929px;width:100%;position:absolute;}
.profession_tab_ct .intro .txt{position:absolute; top:40px; right: 0; z-index:99;width:500px;}
.role_name{ width:172px; height:92px; margin-left: 20px; margin-bottom: 5px;}
.role_zs{background:url(../png/zhanshi.png) no-repeat;}
.role_ds{background:url(../png/daoshi.png) no-repeat;}
.role_fs{background:url(../png/fashi.png) no-repeat;}
.role_border{background:url(../png/role_border.png) no-repeat; width: 484px; height: 19px;}
.txt01{ color: #f4af6b; font-size: 18px; line-height: 32px; margin-top: 30px;}

.gender_tabs{position:absolute;top:156px;right:182px;z-index:99;height:80px;width:40px;}
.gender_tabs li{cursor:pointer;height:39px;float:left;width:37px;background:url(../man_tab.html) no-repeat; position:absolute}
.gender_tabs li.onan{background-position:0 -39px;top:0}
.gender_tabs li.onv{background-position:-37px -39px;top:39px}
.gender_tabs li.on.onan{background-position:0 0;}
.gender_tabs li.on.onv{background-position:-37px 0;}

.profession_tab_ct .intro .txt .txt-jn-list{width: 270px;float: left;height: 222px;overflow: hidden;}
.profession_tab_ct .intro .txt .txt-jn-list .hd{height:46px;width:100%;}
.profession_tab_ct .intro .txt .txt-jn-list .hd ul{float:left;  position:absolute; height:46px;  }
.profession_tab_ct .intro .txt .txt-jn-list .hd ul li{float:left;cursor:pointer; width:40px; float: left;cursor: pointer;height: 40px; margin-top: 0px;margin-right: 10px;padding:3px;}
.profession_tab_ct .intro .txt .txt-jn-list .hd ul li img{width:40px;height:40px;float:left;}
.profession_tab_ct .intro .txt .txt-jn-list .hd ul li.on{border:3px solid #C2423E;padding:0px;}
.profession_tab_ct .intro .txt .txt-jn-list .bd ul{zoom:1;}
.profession_tab_ct .intro .txt .txt-jn-list .bd li{width: 208px;margin-left: 3px;height: 165px;}
.profession_tab_ct .intro .txt .txt-jn-list .bd li img{float:left;width: 208px; height: 165px;}



.sns em{width:100px; height:100px; background:#fff;}
.sns em img{width:100% !important; height:100% !important;}
.sns span{*width:140px; line-height:25px; padding:25px 20px;}
.sns span i{width:20px; line-height:16px; color:#fff; font-weight:bold; background:#008abd; text-align:center; display:inline-block; vertical-align:middle; margin-right:6px;}

.kefu{height:60px!important; line-height:30px; text-align:center; padding:20px 10px !important;}

.self_link{line-height:30px; text-align:center;}
.self_link a{color:#816941; display:inline-block; padding:14px 0; margin:0 14px;}
.self_link a:hover{color:#cfcfcf;}
.self_link a span{width:42px; height:42px; border:1px solid #85848c; display:block; margin:0 auto;}
.self_link a em{width:40px; height:30px; background-image:url(../png/icon-2.png); display:block; margin:6px auto;}
.self_link a:hover em{border-color:#7773a9;}
.self_link em.b1{width:28px; background-position:0 -114px;}
.self_link em.b2{width:16px; background-position:-28px -114px;}

/* 合作媒体 */
.media{width:200px; color:#000; background:#fff; border-bottom:1px solid #c2c2c2; margin:12px auto; position:relative;}
.media dt{height:30px; line-height:30px; font-size:12px; border:1px solid #dfdfdf; border-bottom:none; padding:0 10px; cursor:pointer; position:relative;}
.media dt i{width:32px; height:32px; background-image:url(../png/up_down.png); background-color:#816941; overflow:hidden; position:absolute; top:-1px; right:-1px;}
.media dt i.media_up{background-position:0 0;}
.media dt i.media_down{background-position:0 -32px;}
.media dd{width:198px; height:90px; background:#fff; border:1px solid #dfdfdf; border-top:none; overflow-y:auto; position:absolute; bottom:30px; left:0; z-index:9; display:none;}
.media dd li{line-height:30px;}
.media dd li a{color:#666; display:block; padding:0 10px;}
.media dd li a:hover{color:#847db5;}



/***** 内页部分 *****/
.inside{background:url(../jpg/inside_bg.jpg) center top no-repeat #fceedd;}
.inside header{margin-bottom:538px; position: relative;}
.inside_con{padding-top: 50px;}
.inside_title{ width: 736px; height: 60px; line-height: 60px; margin: 0 auto; color: #444444; font-size: 30px; text-align: center; background:url(../png/inside_title.png) no-repeat center center; text-align:center;}

/*内页左边*/
.inside_left{width:176px; height:554px; color:#fff; background:url(../inside_left.html) no-repeat; text-align:center; overflow:hidden; padding:92px 50px 0 50px; position:relative; margin-top:-10px;}
.inside_left .code{width:182px; color:#8b6314; margin:0 auto;}
.inside_left .code dt{width:178px; line-height:34px; margin:0 auto 40px;}
.inside_left .code dt em{height:172px; background:#fff; border:2px solid #cdbfb0; overflow:hidden; display:block; margin:0 auto;}
.inside_left .code dt em img{width:100% !important; height:100% !important;}
.inside_left .code dd{margin:84px 0 10px;}
.inside_left .code dd a{height:40px; font-size:14px; background-image:url(../down_btn.html); display:block; padding:9px 20px; margin-top:8px;}
.inside_left .code dd a.b1{background-position:0 0;}
.inside_left .code dd a.b2{background-position:0 -58px;}
.inside_left .code dd a.b3{background-position:0 -120px; height:42px;}
.inside_left .code dd a em{height:32px; background-image:url(../icon.html); float:left;}
.inside_left .code dd a.b1 em{width:26px; background-position:0 0; margin:3px 24px 0 0;}
.inside_left .code dd a.b2 em{width:30px; background-position:0 -32px; margin:3px 20px 0 0;}
.inside_left .code dd a.b3 em{width:30px; background-position:0 -96px; margin:5px 20px 0 0;}
.inside_left .code dd a.b3 p{ font-size:20px; line-height:40px;}
.inside_left .code dd a span{float:left;}
.inside_left .code dd a p{line-height:20px; font-size:16px;}
.inside_left .kefu_infor{line-height:22px; font-size:14px; text-align:center; padding:5px 0 !important;}
.inside_left .kefu_infor .red{color:#d7321f;}

/*内页右边*/
.inside_right{width:910px; color:#666; background:#f3f0e7; }
.inside_right .con_tit{height:68px; line-height:68px; background:#6b4c2d;}
.inside_right .con_tit span{width:160px; color:#fff; text-align:center; display:inline-block;}
.inside_right .con_tit p{color:#fff; font-weight:normal; display:inline-block; margin-right:20px;}
.inside_right .con_tit a{color:#fff; margin:0 5px;}
.inside_right .con_tit a:hover{text-decoration:underline;}

/*新闻*/
.news_list{min-height:800px; height:auto;}
.news_list .tit{height:70px; border-bottom: 1px solid #979797; font-size: 24px; text-align: center; padding-top: 40px; padding-left: 300px;}
.news_list .tit a{width:100px; line-height:70px; margin-right: 67px; color:#444; text-align:center; float:left; cursor:pointer;}
.news_list .tit a.on{border-bottom:3px solid#b00000; color: #b00000;}

.news_list .txt{padding:45px 20px 15px;}
.news_list .txt .list{padding:0 10px;}
.news_list .txt .list li{height:45px; line-height:45px; border-bottom: 1px solid #979797; color:#393939; font-size:18px; display:block; padding:20px 60px; position:relative;}
.news_list .txt .list li a{color:#393939; margin-left:20px;}
.news_list .txt .list li a:hover{color:#ac2f2f;}
.news_list .txt .list li em{width:74px; height:40px; background:#80715b; display: inline-block; border-radius: 4px; color: #fff; text-align: center; line-height: 40px; margin-right: 40px;}
.news_list .txt .list li:hover em{background: #ac2f2f;}
.news_list .txt .collec li{height:640px; overflow-y:auto; padding:0 30px 0 10px;}
.news_list .scott{text-align:center; padding:60px 0 40px; font-size: 16px;}
.news_list .scott span{display: inline-block; margin: 0 10px;}
.news_list .scott a{border: 1px solid #9f9f9f; background: #fff; color: #595959; padding:3px 8px;}
.news_list .scott a.active,.news_list .scott a:hover{color:#fff;  border:1px solid #ac2f2f; background: #ac2f2f;}
.news_list .scott input{color:#333; background:#fff;  padding:3px 8px; margin-left:4px;}
.inside_footer{ background:url(../jpg/inside_foot.jpg) center top repeat; padding-top: 130px;}
.inside_footer .gy-main,.inside_footer .gy-main a{color:#e6dcd2 !important;}

/*内页新闻内容*/
.news_con{color:#000; padding:50px 0 30px;}

.game_read_tit{line-height:40px; font-size:26px; text-align:center; margin-bottom:14px; color: #444444;}
.con_tit a{ color: #444;}
.game_read_zz{color:#5a5a5a; font-size: 16px; text-align:center; border-bottom:1px solid #9a9393; padding-bottom:30px; margin:0 40px 40px 40px;}
.game_read_txt{line-height:36px; font-size:16px; color:#494949; padding:0 150px;}
.game_read_txt a{color:#5e5e5e;}
.game_read_txt a:hover{color:#333; text-decoration:underline;}
.game_read_txt img{margin:10px 0;}



/*底部*/
footer{color:#1f1a1b; background:url(../jpg/footer_bg.jpg) center top repeat; position:relative;}
footer .item_con{border-bottom:1px solid #2e2e2e; padding:25px 0;}
footer .item_con ul{width:1200px; margin:0 auto;}
footer .item{width:280px; height: 100px; background:url(../png/foot_li.png) right center no-repeat; padding:0 10px; float:left;}
footer .last{background:none;}
footer .gy-footer{color:#1f1a1b;}
footer a{color:#1f1a1b !important;}

.age_tips {
    position: fixed;
    right: 120px;
    bottom: 40px;
    width: 71px;
    height: 91px;
    background:url(../png/age_icon_71480c.png) 0 0 no-repeat; 
    cursor: pointer;
    z-index: 20;
}

.age_tips_mask {
    width: 100%;
    height: 100%;
    background: #000000;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 100;
}

.age_tips_pop {
    position: fixed;
    top: 24%;
    left: 25%;
    z-index: 101;
    width: 50%;
    height: 52%;
    background: #383A46;
    border-radius: 20px;
    color: #ffffff;
}

.age_tips_close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 39px;
    background:url(../png/age_icon_clost_38480c.png) 0 0 no-repeat;
}

.age_tips_tit {
    height: 12%;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.age_tips_h {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    vertical-align: bottom;
}

.age_tips_con {
    height: 80%;
    width: 90%;
    margin: 10px auto 0;
    overflow-y: auto;
    font-size: 18px;
    line-height: 32px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    text-align: justify
}

.age_tips_p {
    margin: 16px 0;
}