html,body,div,ol,ul,li,span,p,a,b,i,img,h1,h2,input,select,textarea,button{ margin: 0; padding: 0; border: 0; }
html,body{ width: 100%; min-height: 100%}
input,textarea,select,button{ outline: none; }
ul,ol,li{ list-style: none; }
a{ text-decoration: none; }

@media screen and (min-width: 1024px) {
	html,body{ width: 640px; margin: 0 auto; position: relative; font-size: 40px!important; }
}

.index .header{ width: 100%; height: 19.225rem; background-image: url(img/m_01.jpg); background-size: 100% 100%; position: relative; }
.index .part_1{ width: 100%; height: 27.075rem; background-image: url(img/m_02.jpg); background-size: 100% 100%; position: relative; }
.index .part_2{ width: 100%; height: 11.1rem; background-image: url(img/m_03.jpg); background-size: 100% 100%; position: relative; }
.index .part_3{ width: 100%; height: 9.225rem; background-image: url(img/m_04.jpg); background-size: 100% 100%; position: relative; }
.index .part_4{ width: 100%; height: 25.25rem; background-image: url(img/m_05.jpg); background-size: 100% auto; position: relative; }

.index .header img{ width: 100%; display: block; }
.index .header .logo{ width: 4.5rem; display: block; position: absolute; top: .3rem; right: 0 }
.index .header .video_btn{ width: 2.25rem; display: block; position: absolute; top: 12.5rem; left:50%; margin-left: -1.125rem; }
.index .header .more{ position: absolute; bottom: .5rem; width: 2.5rem; left: 50%; margin-left: -1.25rem; }
.index .header .game_cz{ width: 3.5rem; display: block; position: absolute; top: 12rem; right: .32rem; }
.index .header .download_box{ width: 3.25rem; position: absolute; top: 15.7rem; right: .5rem; }
.index .header .download_box a{ display: block; margin-bottom: .1rem }
.index .header .nav_btn{ width: 1.5rem; display: block; position: absolute; top: .5rem; left: .2rem; }
.index .header .fb_btn{ width: 1.5rem; display: block; position: absolute; top: .5rem; left: 2.2rem; }
.index .header .nav_box{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #3e3eb4; z-index: 7; display: none}
.index .header .nav_box .nav_close{ width: 1.3rem; display: block; position: absolute; top: .55rem; left: .3rem }
.index .header .nav_box .fb_btn{ width: 1.5rem; display: block; position: absolute; top: .5rem; left: 2.2rem; }
.index .header .nav_box .nav{ width: 100%; padding-top: 1rem; }
.index .header .nav_box .nav a{ height: 4rem; line-height: 4rem; font-size: 1.2rem; color: #fff; text-align: center; display: block; border-bottom: 1px #ddd solid; }

.part_1 .focus{ margin: 0 auto; width: 14.5rem; height: 6.25rem;position: relative; padding-top: .5rem;}
.part_1 .focus img{width: 14.5rem;height: 6.25rem;}
.flex-control-nav.flex-control-paging{text-align: center; position: absolute; bottom: -.7rem; width: 100%; text-align: center; height: .5rem; overflow: hidden;}
.flex-control-nav.flex-control-paging li{display: inline-block;margin:0 .2rem}
.flex-control-nav.flex-control-paging li a{text-indent: 100000px;display: block;width: .5rem;height: .5rem;background-image: url("/style/img/dot.png"); background-size: 100% 100%; background-size: 100% 100%;cursor: pointer}
.flex-control-nav.flex-control-paging li a.flex-active{background-image: url("/style/img/dot_cur.png")}

.part_1 .news_tab{ width: 100%; padding-top: 1.5rem; text-align: center; }
.part_1 .news_tab a{ width: 5.15rem; height: 2.35rem; display: inline-block; margin: 0 .2rem; font-size: .9rem; color: #fff; line-height: 2.1rem; text-align: center; background-size: 100% 100%; background-image: url(img/news_tab.png);}
.part_1 .news_tab a.cur{  background-image: url(img/news_tab_cur.png); }
.part_1 .news_list{width: 15rem; margin: 0 auto; padding-top: .5rem; overflow: hidden;}
.part_1 .news_list li{width: 100%;}
.part_1 .news_list li a{display: block;width: 100%;height: 1.75rem;line-height: 1.75rem;background: #9981D5;font-size: .7rem;color: #fff;box-sizing: border-box;padding: 0 .5rem 0 3.5rem;border-radius: 1rem;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: .2rem;}
.part_1 .news_list li a .t{position: absolute;width: 3rem;height: 1.75rem;border-radius: 1rem;left: 0;top: 0;text-align: center}
.part_1 .news_list li a b{ font-weight: normal; }
.part_1 .news_list li a .active{background: #8F0C4D}
.part_1 .news_list li a .notice{background: #0F0C8F}
.part_1 .news_more{ width: 6.8rem; display: block; margin: 0 auto; }
.part_1 .news_more img{ width: 100%; display: block; }

.part_2 .tese{ width: 12.75rem; height: 7.4rem; margin: 0 auto; padding-top: 1.5rem; position: relative;}
.part_2 .tese img{ width: 12.75rem; height: 7.4rem; display: block; }
.slide {position:relative;}
.part_2 .flex-direction-nav { width:100%; position:absolute; top:50%;}
.part_2 .flex-direction-nav a {width:1.5rem; height:1.8rem; margin-top:-.6rem; display:block; position:absolute; top:50%; background-repeat:no-repeat; text-indent:-9000px; transition: .5s; background-size: 100% 100%;}
.part_2 .flex-direction-nav a.flex-prev {left:-1.5rem; background-image: url(/style/img/prev.png);}
.part_2 .flex-direction-nav a.flex-prev:hover {transform: translateX(-10px);}
.part_2 .flex-direction-nav a.flex-next {right:-1.5rem; background-image: url(/style/img/next.png);}
.part_2 .flex-direction-nav a.flex-next:hover { transform: translateX(10px); }

.part_3 .btn_box{ width: 100%; text-align: center; padding-top: 1rem;}
.part_3 .btn_box a{ width: 5.2rem; display: block; float: left; margin: 0 .05rem; }
.part_3 .btn_box img{ width: 100%; display: block; }
.part_3 .btn_box a:nth-child(1){ margin-top: .1rem }
.part_3 .btn_box a:nth-child(2){ margin-top: .3rem }
.part_3 .btn_box a:nth-child(3){ margin-top: -.05rem }

.soc_box{ width: 14.5rem; margin: 0 auto; padding-top: 1rem; }
.soc_box img{ width: 100%; display: block; }
.soc_box a{ margin-bottom: .2rem; display: block; }

.footer{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 5;}
.footer .link{ text-align: center; font-size: .5rem; color: #010101;}
.footer .link a{ display: inline-block; color: #010101; margin: 0 .1rem; }
.footer .copyright{ font-size: .4rem; color: #797979; text-align: center; padding-top: .1rem; white-space: nowrap; }
.footer .foot_info{ width: 100%; overflow: hidden; }
.footer .foot_info .ico_15{ width: .9rem; display: block; float: left; margin-left: 1.2rem; margin-top: .5rem}
.footer .foot_info .logo_wanmei{ width: 4.5rem; display: block; float: left; margin: .5rem }
.footer .foot_info .logo_palacegames{ width: 3rem; display: block; float: left; margin: .3rem 0 0 0; }
.footer .logo_game{ display: block; float: left; width: 3.25rem; margin-left: .5rem}
.footer .logo_game img{ width: 100%; }

.back{ width: 2rem; display: block; position: absolute; top: .5rem; right: .5rem; z-index: 3;}
.back img{ width: 100%; display: block; }

.body_news{ width: 100%; height: 50rem; background-image: url(img/news_bg.jpg); background-size: 100% 100%; position: relative; background-repeat: no-repeat;}
.body_news .news_tab{ width: 100%; padding-top: 9.9rem; text-align: center; }
.body_news .news_tab a{ width: 5.15rem; height: 2.35rem; display: inline-block; margin: 0 .2rem; font-size: .9rem; color: #fff; line-height: 2.1rem; text-align: center; background-size: 100% 100%; background-image: url(img/news_tab.png);}
.body_news .news_tab a.cur{  background-image: url(img/news_tab_cur.png); }

.body_news .news_list{ width: 15rem; margin: 0 auto; padding-top: 1rem; padding-bottom: 30px; }
.body_news .news_list ul li{ width: 100%; height: 4rem; background-color: rgba(255,255,255,.2); margin: 5px 0; position: relative;}
.body_news .news_list ul li a{ width: 12rem; height: 3rem; display: table-cell; vertical-align: middle; font-size: .7rem; color: #fff; line-height: 1.5rem; padding:.5rem; overflow: hidden; }
.body_news .news_list ul li a:hover{ color: #ffcc00 }
.body_news .news_list ul li a b{ font-weight: normal; }
.body_news .news_list ul li .news_time{ position: absolute; top: 1.7rem; right: .5rem; font-size: .5rem; color: #ffcc00; }
.body_news .news_list ul li .news_name{}

.body_news .news_content{ width: 100%; height: 31.5rem; overflow: auto;padding: 1rem; box-sizing: border-box; margin-top: 1rem;}
.body_news .news_content .news_title{ padding:0 .5rem .5rem .5rem; border-bottom: 1px #ddd solid; }
.body_news .news_content .news_title h1{ font-size: .7rem; color: #fff; text-align: center; }
.body_news .news_content .news_title .news_time{ display: block; width: 100%; text-align: center; font-size: .6rem; color: #d1c7f0; padding-top: .2rem;}
.body_news .news_content .content{ padding: .5rem 0; font-size: .5rem; color: #d1c7f0}
.body_news .news_content .content *{ font-size: .5rem!important; line-height: .8rem!important; max-width: 100%!important }

.body_gamedata{ width: 100%; height: 97.5rem; background-image: url(img/gonglue_bg.jpg); background-size: 100% auto; position: relative; background-repeat: no-repeat;}

.body_gamedata .part_1 { padding-top: 17.5rem; height: 22.5rem; }
.body_gamedata .part_1 .zhinan { width: 100%; margin: 0 auto; text-align: center;}
.body_gamedata .part_1 .zhinan a{ width: 3.5rem; height: 6.825rem; display: inline-block; background-image: url(img/zn_bg.png); background-size: 100% 100%; margin:.1rem;}
.body_gamedata .part_1 .zhinan a span{ width: .75rem; display: block; margin: 0 auto; padding-top: 2rem; font-size: .75rem; color: #783d88; line-height: .8rem; }

.body_gamedata .part_2 .inner{ width: 100%; padding-top: 5.4rem; height: 27.5rem; text-align: center; }
.body_gamedata .part_2 .zr_box a{ width: 45%; display: inline-block;; margin: .2rem; transition: .5s}
.body_gamedata .part_2 .zr_box a:hover{ transform: translateY(-5px); }
.body_gamedata .part_2 .zr_box a img{ display: block;  width: 100%;}

.body_gamedata .part_2 .gamedata_box{ width: 15rem; margin: 0 auto; padding-top:1rem}
.body_gamedata .part_2 .gamedata_box .gamedata_tab{ width: 12.5rem; margin: 0 auto; text-align: center;}
.body_gamedata .part_2 .gamedata_box .gamedata_tab a{ width: 2.85rem; height: 1.25rem; display: inline-block; margin: .1rem 0; background-image: url(img/gamedata_tab.png); background-size: 200% 100%; background-repeat: no-repeat; background-position: right; font-size: .6rem; color: #883d60; line-height: 1.25rem; text-align: center;}
.body_gamedata .part_2 .gamedata_box .gamedata_tab a.cur{ background-position: left; color: #fff; }
.body_gamedata .part_2 .gamedata_box .gamedata_tab a:hover{ background-position: left; color: #fff; }
.body_gamedata .part_2 .gamedata_box .gamedata_list{ width: 100%; padding-top: .5rem; overflow: hidden;}
.body_gamedata .part_2 .gamedata_box .gamedata_list ul li{ width: 100%; height: 1.85rem; background-color: #eaccda; margin: .1rem 0; float: left; vertical-align: bottom; }
.body_gamedata .part_2 .gamedata_box .gamedata_list ul li .name{ width: 2rem; height: 1.3rem; display: block; float: left; background-image: url(img/ico_gamedata.png); background-size: 100% 100%; margin: .25rem .5rem; line-height: 1.3rem; color: #fff; font-size: .6rem; }
.body_gamedata .part_2 .gamedata_box .gamedata_list ul li a{ width: 9rem; display: block; float: left; line-height: 1.85rem; font-size: .6rem; color: #883d60; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.body_gamedata .part_2 .gamedata_box .gamedata_list ul li a:hover{ color: #000 }
.body_gamedata .part_2 .gamedata_box .gamedata_list ul li .time{ font-size: .6rem; color: #883d60; display: block; float: right; padding-right: .4rem; line-height: 1.85rem; }
.body_gamedata .part_2 .gamedata_box .gamedata_more{display: block; margin: .5rem auto 0; width: 13rem; transition: .5s}
.body_gamedata .part_2 .gamedata_box .gamedata_more img{ width: 100%; }

.body_gamedata .part_3 .fy{ width: 100%; padding-top: 5rem; text-align: center; }
.body_gamedata .part_3 .fy a{ width: 3.625rem; display: inline-block; margin: .1rem; position: relative; transition: .5s}
.body_gamedata .part_3 .fy a img{ width: 100%; display: block; }

.header_gonglue{ width: 100%; height: 15.45rem; background-image: url(img/header_gonglue.png); background-size: 100% 100%; position: relative;}
.header_miwen{ width: 100%; height: 15.25rem; background-image: url(img/header_miwen.png); background-size: 100% 100%; position: relative;}
.gamedata_bg{ width: 100%; padding: 1rem 0 5rem 0; min-height: 15rem; background-image: url(img/gonglue_bg.png); background-size: 100% 100%; position: relative;}

.gamedata_bg .news_title{ padding:0 .5rem .5rem .5rem; border-bottom: 1px #ab87b5 solid; }
.gamedata_bg .news_title h1{ font-size: .7rem; color: #783d88; text-align: center; }
.gamedata_bg .news_title .news_time{ display: block; width: 100%; text-align: center; font-size: .6rem; color: #ab87b5; padding-top: .2rem;}
.gamedata_bg .content{ padding: .5rem; font-size: .5rem; color: #783d88}
.gamedata_bg .content *{ font-size: .5rem!important; line-height: .8rem!important; max-width: 100%!important }

.header_miwen .gamedata_tab{ width: 100%; margin: 0 auto; padding-top: 12.5rem; position: relative; z-index: 2; text-align: center;}
.header_miwen .gamedata_tab a{ width: 3.425rem; height: 3.6rem; display: inline-block; background-image: url(/style/img/gamedata_tab_1.png); background-repeat: no-repeat; background-position: right; background-size: 200% 100%; font-size: .9rem; color: #783d88; line-height: 3.3rem; text-align: center;}
.header_miwen .gamedata_tab a.cur{ background-position: left; color: #fff; }

.gamedata_bg .gamedata_list{ width: 15.375rem; margin: 0 auto; padding-top: 4rem; overflow: hidden;}
.gamedata_bg .gamedata_list ul li{ width: 100%; height: 2.65rem; background-image: url(img/miwen_list.png); background-size: 100% 100%; float: left; margin: .1rem 0; position: relative;}
.gamedata_bg .gamedata_list ul li a{ width: 10.5rem; display: block; padding: .4rem 0 .1rem 1.5rem; font-size: .75rem; color: #783d88; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.gamedata_bg .gamedata_list ul li a b{ font-weight: normal; }
.gamedata_bg .gamedata_list ul li a:hover{ color: #000 }
.gamedata_bg .gamedata_list ul li p{ font-size: .5rem; color: #ab87b5; padding-left: 1.5rem; width: 10.5rem; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gamedata_bg .gamedata_list ul li .time{ font-size: .6rem; color: #ab87b5; display: block; position: absolute; top: 1rem; right: 1.3rem; }

.body_tujian{ width: 100%; height: 36.125rem; background-image: url(img/tujian_bg.jpg); background-size: 100% auto; position: relative; background-repeat: no-repeat;}
.body_tujian_detail{ width: 100%; background-image: url(img/tujian_detail_bg.png); background-color: #fff; background-repeat: no-repeat; background-size: 100% auto; position: relative; background-repeat: no-repeat;}
.body_tujian .back{ top: 8rem; }
.body_tujian .tj_tab{width: 10rem;margin: 0 auto; padding-top: 8.2rem; text-align: center;}
.body_tujian .tj_tab ul li{ width: 2.8rem; display: inline-block; margin: -.2rem .1rem; }
.body_tujian .tj_tab ul li a{width: 2.8rem; height: 2.8rem; background-image: url(/style/img/tj_btn.png); background-size: 200% 100%; background-position: left; font-size: .7rem; color: #fff; text-align: center; display: table-cell; vertical-align: middle; line-height: 2.8rem;}
.body_tujian .tj_tab ul li a:hover{ background-position: right}
.body_tujian .tj_tab ul li.cur a{ background-position: right; }

.body_tujian .role_list{width: 100%;height:17.4rem;overflow: hidden; padding-top: .5rem; text-align: center;}
.body_tujian .role_list li{margin: .1rem; display: inline-block; width: 2.75rem; transition: .5s}
.body_tujian .role_list li:hover{ transform: translateY(-5px); }
.body_tujian .role_list li .ico{display: block;width: 2.75rem;}
.body_tujian .role_list li .role_name{text-align: center;color: #523E00;font-size: .4rem;white-space: nowrap; width: 100%; display: block;}

.page_numb{ width: 100%; text-align: center; padding: .5rem 0 0; }
.page_numb a{ width: .7rem; height: .7rem; display: inline-block; margin: 0 .1rem; border: 1px #2c471d solid; font-size: .4rem; color: #2c471d; text-align: center; line-height: .7rem; }
.page_numb a.prev{ background-color: #2c471d; color: #fff; width: 2rem; }
.page_numb a.next{ background-color: #2c471d; color: #fff; width: 2rem; }
.page_numb a.cur{ background-color: #2c471d; color: #fff;}
.page_numb a:hover{ background-color: #2c471d; color: #fff;}


.body_tujian_detail .header{ width: 100%; height: 17.075rem; position: relative;}
.body_tujian_detail .header_mask{ width: 100%; display: block; position: absolute; bottom: 0; left: 0; z-index: 2; }

.body_tujian_detail .back{ left: 0; top: 5.5rem; z-index: 3; width: 2.725rem}

.body_tujian_detail .header .role_type{ width: 2.725rem; position: absolute; top: 20px; left: 0; z-index: 3; }
.body_tujian_detail .header .role_type a{ width: 2.725rem; height: 2.275rem; display: block; background-image: url(img/role_ico.png); background-size: 100% 100%; line-height: 2.1rem; text-indent: .5rem; font-size: .7rem; color: #fff; }
.body_tujian_detail .header .role_type a.cur{ background-image: url(img/role_ico_cur.png); }
.body_tujian_detail .role_name{ color: #aa1418; font-size: 1rem; position: absolute; top: 17.075rem; left: 0; z-index: 4; background-image: url(img/title_1.png); background-size: 100% 100%; line-height: 2.275rem; font-weight: bold; text-align: center; width: 100%; height: 2.25rem; display: block;}
.body_tujian_detail .role_info{ width: 14rem; margin: 0 auto; z-index: 3; padding-top: 3rem;}
.body_tujian_detail .role_info h1{ width: 100%; display: block; position: relative; font-size: 1rem; color: #4f2585; text-indent: 1rem;}
.body_tujian_detail .role_info h1:before{ content: ""; width: .6rem; height: .6rem; display: block; background-color: #4f2585; transform: rotate(45deg); position: absolute; top: .5rem; left: 0; }
.body_tujian_detail .role_info p{ width: 100%; display: block; overflow: hidden; font-size: .55rem; line-height: .8rem; color: #4f2585; padding-top: .2rem }
.body_tujian_detail .role_word{ width: 14rem; margin: 0 auto; z-index: 3; padding-top: .5rem;}
.body_tujian_detail .role_word h1{ width: 100%; display: block; position: relative; font-size: 1rem; color: #4f2585; text-indent: 1rem;}
.body_tujian_detail .role_word h1:before{ content: ""; width: .6rem; height: .6rem; display: block; background-color: #4f2585; transform: rotate(45deg); position: absolute; top: .5rem; left: 0; }
.body_tujian_detail .role_word p{ width: 100%; display: block; overflow: hidden; font-size: .55rem; line-height: .8rem; color: #4f2585; padding-top: .2rem }
.body_tujian_detail .role_img{ position: absolute; top: 0; left: -5%; z-index: 1; width: 120%;}

.body_tujian_detail .skill{ width: 14rem; margin: 0 auto; padding-top: 1rem; padding-bottom:8rem; overflow: hidden; }
.body_tujian_detail .skill ul li{ width: 100%; position: relative; }
.body_tujian_detail .skill ul li:before{ content: ""; width: 3rem; height: 3rem; display: block; background-image: url(/style/img/skill.png); background-size: 100% 100%; position: absolute; top: .5rem; left: 1rem }
.body_tujian_detail .skill ul li h1{ display: block; margin-left: 5rem; padding-top: 1rem; position: relative; font-size: 1rem; color: #4f2585; text-indent: 1rem; }
.body_tujian_detail .skill ul li h1:before{ content: ""; width: .6rem; height: .6rem; display: block; background-color: #4f2585; transform: rotate(45deg); position: absolute; top: 1.5rem; left: 0; }
.body_tujian_detail .skill ul li p{ font-size: .6rem; color: #4f2585; line-height: .8rem; width: 100%; padding-top: 1.5rem }

.role_tab{ width: 100%; position: absolute; top: 12.5rem; left: 0; z-index: 3; text-align: center;}
.role_tab a{ width: 3.65rem; height: 3.65rem; background-size: 200% 100%; display: inline-block; background-position: left;}
.role_tab .role_1{ background-image: url(/style/img/role_1.png);}
.role_tab .role_2{ background-image: url(/style/img/role_2.png);}
.role_tab .role_3{ background-image: url(/style/img/role_3.png);}
.role_tab .role_4{ background-image: url(/style/img/role_4.png);}
.role_tab a.cur{ background-position: right; }


.mask{ width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; background-color: #000; z-index: 8; opacity: .8; filter: alpha(opacity=80); display: none}

.pop_video{ width: 12.5rem; height: 7rem; padding: .1rem; background-color: #000; position: absolute; top: 2.5rem; left: 50%; margin-left: -6.35rem; z-index: 9; display: none}
.pop_video .close{ width: .875rem; height: .875rem; padding: .125rem; top: -1.25rem; right: 0; display: block; position: absolute; background-color: #000}
.pop_video .close img{ width: 100%; display: block; transition: .5s }
.pop_video .close:hover img{ transform: rotate(180deg); }



.pagenum_Me{width:100%; height:1.25rem; line-height: 1.25rem; margin:0 auto; font-size: 0.55rem;}
.pagenum_Me ul{ text-align:center; list-style:none}
.pagenum_Me ul li{position: relative; display:inline-block; height: 1.25rem; border-radius: 1rem; overflow: hidden; margin: 0 .1rem; color:#333; }
.pagenum_Me ul li a{padding:0 0.5rem; height: 1.25rem; display: block; text-decoration:none; color:#333; background: #ece4e3;}
.pagenum_Me ul li a:hover{text-decoration:underline}
.pagenum_Me .selected{position: relative; font-weight: bold;}
.pagenum_Me .selected a{padding:0 0.5rem; text-decoration:none; color:#fff; background: #e3505f;}