@charset "utf-8";
/* Reset */
html,body{width:100%;min-width:960px}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,caption,form,fieldset,legend,input{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
caption,th{text-align:left}
img,fieldset,abbr,acronym{border:0}
img{-ms-interpolation-mode:bicubic}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}

/* Base */
body{background-color:#fff;font:12px simhei,Helvetica,sans-serif;color:#333}
a{color:#333;text-decoration:none;outline:0}
img{vertical-align:top}
textarea,input,select{font:12px simhei,Helvetica,sans-serif;vertical-align:middle}
button{display:inline-block;margin:0;padding:0;border:0;background:none;font-size:0;line-height:0;vertical-align:top;cursor:pointer}
button:active,button:focus{outline:none}
caption,legend,hr{display:none}
input.txt{padding:3px 5px 0;border:1px solid #B7B7B7;font-size:11px}
input.cbox{width:13px;height:13px;vertical-align:top}
label{cursor:pointer}
div.clear{clear:both}
iframe{border:none}

/* common */
/* fullpage */
a{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/btn_bg.gif) 0 0 repeat}
.section{min-height:600px}
.fp-tableCell{min-height:600px;text-align:center}
/* ir */
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
/* transition */
.transition_default{transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s}
.transition_fast{transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s}
.transition_none{transition:all .0s ease 0s;-moz-transition:all .0s ease 0s;-webkit-transition:all .0s ease 0s;-o-transition:all .0s ease 0s;-ms-transition:all .0s ease 0s}
.transition_slow{transition:all .7s ease 0s;-moz-transition:all .7s ease 0s;-webkit-transition:all .7s ease 0s;-o-transition:all .7s ease 0s;-ms-transition:all .7s ease 0s}
.transition_very_slow{transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s}

/* menu */
#menu{position:fixed;top:0;left:0;z-index:100;width:100%;min-width:960px;height:90px;background:#423a34;text-align:right}
#menu_list{display:inline-block;width:539px;height:90px;padding-right:50px;}
#menu_list:after{display:block;clear:both;content:''}
#menu_list>li{float:left;width:160px;height:90px;font:bold 20px Helvetica,sans-serif;cursor:pointer}
#menu_list>li h1{height:100%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/logo.png) 0 0 no-repeat}
#menu_list>li h2{height:100%}
#menu_list>li a{display:block;height:100%;padding-top:34px;color:#a68a72;text-align:left;box-sizing:border-box}
#menu_list>li#epi{position:absolute;top:0;left:50px;float:none; width:190px;}
#menu_list>li#epi a{padding-top:0}
#menu_list>li#mov{width:72px}
#menu_list>li#mov a{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/menu1_new.png) 0 0 no-repeat}
#menu_list>li#cha{width:72px}
#menu_list>li#cha a{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/menu2_new.png) 0 0 no-repeat}
#menu_list>li#fea{width:106px}
#menu_list>li#fea a{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/menu3_new.png) 0 0 no-repeat}
#menu_list>li#dwn{width:73px}
#menu_list>li#dwn a{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/menu4_new.png) 0 0 no-repeat}
#menu_list>li#not{width:88px}
#menu_list>li#not a{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/menu5_new.png) 0 0 no-repeat}
#menu_list>li.active h2 a,#menu_list>li:hover h2 a{background-position:0 -90px !important}
#menu_list>li#lan{width:128px}
#menu_list>li#lan a{padding:0}
#menu_list>li#lan div{overflow:hidden;width:108px;height:40px;margin:25px 0 0 20px}
#menu_list>li#lan div>a{overflow:hidden;height:40px}
#menu_list>li#lan:hover div{height:220px}
#menu_list>li#lan:hover div>a img{margin-top:-40px}

/* episode */
#section_episode{overflow:hidden;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/visual.jpg) 50% 0 no-repeat;background-size:cover}
#section_episode .fp-tableCell>div{position:absolute;top:0;left:0;width:100%;height:100%;min-height:600px}
#section_episode .section_con{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/screen.png) 0 0 no-repeat;background-size:100% 100%}
#section_episode .screen_dot{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/screen_dot.png) 0 0 repeat}
#section_episode h1{position:absolute;top:20%;left:50%;margin-left:-195px}
#section_episode .play_btn{position:absolute;top:51%;left:50%;margin-left:-54px}
#section_episode .cafe_btn{position:absolute;top:75%;left:50%;margin-left:-154px}
#backVideo{position:absolute;top:0;left:50%;width:100%;height:100%;margin-left:-50%}

/* movie*/
#section_movie{overflow:hidden;position:relative;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/movie_bg.jpg) 50% 0 no-repeat;background-size:cover}
#section_movie .deco_con{position:absolute;top:0;left:0;width:100%;height:100%;}
#section_movie .deco1{position:absolute;bottom:0;left:50%;width:511px;height:594px;margin-left:-890px;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/movie_bg1.png) 0 0 no-repeat;}
#section_movie .deco2{position:absolute;top:110px;left:50%;width:390px;height:348px;margin-left:400px;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/movie_bg2.png) 0 0 no-repeat;}
@media only screen and (max-width:1200px){
#section_movie .deco_con{display:none}
}
#movie_con{position:relative;width:960px;height:372px;margin:40px auto 0}
#movie_con:after{display:block;content:"";clear:both}
#movie_con ul li{position:absolute;top:0;left:5000px;width:175px;height:175px}
#movie_con ul li.movie_con_main{width:568px;height:370px}
#movie_con ul li.movie_con_episode{width:372px;height:175px}
#movie_con ul li.txt{background:#a68a72;}
#movie_con ul li.txt a{padding:40px 10px 0;color:#fff;font:18px Helvetica,simhei,sans-serif;box-sizing:border-box}
#movie_con ul li.txt a .title{display:inline-block;position:relative;width:100%;margin-bottom:15px;font:bold 14px Helvetica,sans-serif}
#movie_con ul li.txt a .over{padding:0}

#movie_con ul li .over{position:absolute;top:100%;left:100%;width:100%;height:100%;padding:40px 10px 0;font:18px Helvetica,sans-serif;color:#fff;line-height:22px;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/movie_dim3.png) 0 0 repeat;box-sizing:border-box}
#movie_con ul li .over strong{display:inline-block;margin-bottom:10px}
#movie_con ul li.movie_con_main .over{padding:143px 10px 0;}
#movie_con ul li .title{display:inline-block;position:relative;width:100%;font:bold 14px Helvetica,sans-serif}
#movie_con ul li .title em{display:inline-block;position:absolute;bottom:-5px;left:50%;width:42px;height:1px;margin-left:-21px;background-color:#fff}
#movie_con ul li a{overflow:hidden;position:relative;display:block;width:100%;height:100%}
#movie_con ul li a .mov_play_btn{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;opacity:1;filter:alpha(opacity:'100');transition:all .5s ease 0s;-moz-transition:all .7s ease 0s;-webkit-transition:all .7s ease 0s;-o-transition:all .7s ease 0s;-ms-transition:all .7s ease 0s}
#movie_con ul li a:hover .mov_play_btn{opacity:0;filter:alpha(opacity:'0')}
#movie_con .movie_con_dots{overflow:hidden;position:absolute;top:400px;left:0;width:100%;height:24px;text-align:center}
#movie_con .movie_con_dots a.active img{margin-top:-24px}
#movie_con .movie_left_btn{position: absolute;top: -76px;left: 50%;margin-left: -111px;}
#movie_con .movie_right_btn{position: absolute;top: -76px;left: 50%;margin-left: 73px;}
/* runningman layer*/
.dim{display:none;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/dim.png) 0 0 repeat}
.dim .runningman_layer_con{position:absolute;top:-150%;left:50%;width:960px;height:650px;margin:-325px 0 0 -480px;background:#a68a72}
.dim .runningman_layer_con .dim_close{position:absolute;top:30px;right:30px}
.dim .runningman_layer_con .thumb_list{overflow:hidden;width:880px;margin:70px auto 0}
.dim .runningman_layer_con ul{width:900px;margin-left:-20px}
.dim .runningman_layer_con ul:after{display:block;content:"";clear:both}
.dim .runningman_layer_con ul li{float:left;width:280px;height:160px;margin:20px 0 0 20px}
#runningman_layer.view .runningman_layer_con{top:50%}

/* character */
#section_character{overflow:hidden;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/character_bg.gif) 50% 0 no-repeat;background-size:cover}
#section_character .character_con{position:relative;width:764px;height:700px;margin:60px auto 0;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/character_card_bg.gif) no-repeat 0 0}
#section_character .character_con .character_list li{position:absolute;top:0;left:-2000px;width:746px}
#section_character .character_con .character_list li:after{display:block;content:"";clear:both}
#section_character .character_con .character_list li.active .fr{opacity:1;filter:alpha(opacity:'100')}
#section_character .character_con .fl{float:left;width:470px;height:700px}
#section_character .character_con .fr{float:right;position:relative;width:274px;height:700px;opacity:0;filter:alpha(opacity:'0')}
#section_character .character_con .fr a{display:inline-block;position:absolute;top:500px;left:26px;width:222px;height:80px}
#section_character .character_con .prev{position:absolute;top:45%;left:-120px}
#section_character .character_con .next{position:absolute;top:45%;right:-120px}
/* character layer */
#character1{overflow:hidden;position:absolute;top:-1200px;left:0;width:100%;height:710px}
#character1.active{top:0}
#character1 .character_close{position:absolute;top:20px;right:20px;width:40px;height:40px}
#character1 ul{position:absolute;top:311px;left:390px;width:300px;text-align:left}
#character1 ul li{position:relative;width:10px;height:10px;margin-bottom:50px;opacity:0;filter:alpha(opacity:'0')}
#character1 ul li span{display:block;width:100%;height:100%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/character_card_dot_bg.png) 0 0 repeat-x}
#character1 ul li em{display:block;position:absolute;top:0;left:0;width:10px;height:10px;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/character_card_dot.png) 0 0 no-repeat}

/* feature */
#section_feature{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/feature_bg.jpg) 50% 0 no-repeat;background-size:cover}
#feature_con{overflow:hidden;position:relative;width:960px;height:484px;margin:40px auto 0}
#feature_con .feature_list{overflow:hidden;position:relative;width:754px;height:424px;margin:0 auto;border:5px solid #d7bba4}
#feature_con .feature_list li{position:absolute;top:0;left:0}
#feature_con .feature_left{position:absolute;top:40%;left:0;z-index:999}
#feature_con .feature_right{position:absolute;top:40%;right:0;z-index:999}
#feature_checker{width:100%;height:24px;margin-top:20px}
#feature_checker a{display:inline-block;width:24px;height:24px;margin:0 5px}

/* download */
#section_download{background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/down_bg.jpg) 50% 0 no-repeat;background-size:cover}
#section_download .tit{margin-top:100px}
#section_download ul{overflow:hidden;width:372px;height:80px;margin:30px auto 0}
#section_download ul li{float:left;width:372px;margin-left:20px}
#section_download ul li:first-child{margin-left:0}
/*sms layer*/
#sms{display:none;position:absolute;top:50%;left:50%;width:960px;height:560px;margin:-280px 0 0 -480px;background:#22252a;border:1px solid #a68a72}
#sms .title{width:100%;height:30px;padding:58px 0 39px}
#sms .phone input{display:inline-block;width:838px;height:80px;color:#fff;font-weight:bold;font-size:24px;line-height:80px;text-align:center;border:0;border-radius:5px;background:#454b55}
#sms .phone input:focus{outline:none}
#sms .agree{width:838px;margin:40px auto 0;padding-top:40px;text-align:left;border-top:1px solid #a68a72}
#sms .btns a{display:inline-block;width:200px;height:60px;margin:0 5px;font-size:24px;color:#fff;line-height:60px;border-radius:5px;}
#sms .btns .cancel_btn{background:#a68a72}
#sms .btns .confirm_btn{background:#ba3232}
#sms .sms_close{position:absolute;top:30px;right:30px}
/* footer */
#footer{position:absolute;bottom:-156px;left:0;width:100%;height:106px;padding-top:50px;background-color:#1d1f24}
#footer.view{bottom:0}
#footer .footer_con{overflow:hidden;width:960px;margin:0 auto}
#footer .footer_con .footer_logo{float:left;width:77px;height:56px;margin-left:20px}
#footer .footer_con .footer_policy{float:left;width:520px;margin:5px 0 0 34px;font:13px simhei,Helvetica,sans-serif;color:#808080;text-align:left}
#footer .footer_con .footer_policy span{margin:0 5px}
#footer .footer_con .footer_policy p{margin-top:8px;font-family:Helvetica,sans-serif}
#footer .footer_con .footer_policy a{font:16px simhei,Helvetica,sans-serif;color:#e5e5e5;line-height:21px}
#footer .footer_con .footer_btns{float:right;width:300px;margin-top:8px}
#footer .footer_con .footer_btns:after{display:block;content:"";clear:both}
#footer .footer_con .footer_btns li{float:right;width:40px;height:40px;margin:0}
#footer .footer_con .footer_btns li.help_btn{width:102px;margin-left:15px}
#footer .footer_con .footer_btns li.help_btn a{display:block;height:100%;background-color:#3a3e46;font:16px simhei,Helvetica,sans-serif;color:#e5e5e5;line-height:40px;border-radius:5px}

/* video */
#video_con{display:none;position:fixed;top:0;left:50%;z-index:999;width:100%;height:100%;margin-left:-50%;background:url(https://webservice-cf.joycityglobal.com/web/god/images/v2/zh/dim.png) 0 0 repeat}
#youtube{position:relative;top:150px;width:100%;max-width:960px;margin:0 auto}
#youtube .video_size{width:100%}
#youtube iframe#youtube_ifr{position:absolute;top:0;left:0;width:100%;height:100%}
#youtube .close_layer{overflow:hidden;position:absolute;top:-40px;right:0;width:30px;height:30px}
#youtube .fb_list{position:absolute;bottom:-35px;right:0;width:82px;height:30px}
#youtube .fb_list li{display:none}
#youtube .fb_list li.active{display:block}