@charset "gb2312";
html{color:#000;background:#E8E8E8;overflow-y:scroll; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul,li{list-style:none}caption{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; outline: none;}input,textarea,select{*font-size:100%; outline: none;}legend{color:#000}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); outline: none;}
body{ font-size:20px}
button,input,select,textarea { font: 12px/1.5 arial;}
.hidden{ display: none;}
.clear:after { content: '\20'; display: block; height: 0; clear: both;}
a { color: #333; text-decoration: none;}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0;} 
textarea { resize: none;}
button{ border: medium none; cursor: pointer;}

/*public area*/


.top_w{ height:3.35em;overflow:hidden; zoom:1; background-color:#b1573c; width:100%;}
.top_w .step{ height:3.35em; line-height:3.35em; text-align: center; overflow: hidden; letter-spacing:0.2em;}
.top_w .step strong{color:#fff; font-size:1.5em; display:block; font-weight:normal; }

/*
.main{ min-width: 320px;}
.tab_w{width: 100%; height: 43px;z-index: 200000; left: 0; top: 0;}
.main .tab{ width: 100%; height: 43px;z-index: 2;position: relative;}
.main .tab ul{ height: 43px; overflow: hidden; zoom:1;}
.main .tab ul li{ width: 50%; height: 43px; float: left; position: relative;}
.main .tab ul li .line{ height: 30px; width: 1px; position: absolute; top: 5px; right: 0; overflow: hidden; background: #efefef;}
.main .tab ul li a{ display: block; text-align: center; line-height: 43px; color: #333; font-size: 16px;font-family:Arial,Tahoma; background: url(img/guide_active.png) left 43px; background-size:990px 43px;}
.main .tab ul li a.active{ color: #56abe4; background-position:center 43px;}
.main .tab_pos{ width: 100%; height: 40px; left: 0; top: 0; display: none;}
*/
.m_con,
.m_con_n{ max-width:720px; position: relative; margin:auto}
.m_con{  overflow: hidden; margin-top:-7px;}
.m_con_n{ overflow: hidden;}
.hotImg_box{ background: #fff; padding:1.5em 1.5em 3.4em 1.5em; position:relative; }
.hotImg {position: relative;width: 100%; overflow:hidden; }
.hotImg ul {width: 500%;z-index: 1;}
.hotImg ul li {float: left;width: 20%;}
.hotImg ul img {float: left;width: 100%;}
.hotImg_box .Dl { bottom: 1em; left:0; position: absolute;z-index: 2; text-align:center; width:100%}
.hotImg_box dl { margin-left:45%;}
.hotImg_box dl dt {border-radius: 50% 50% 50% 50%; display: block;float: left;height: 0.6em;margin-right: 0.7em;width: 0.6em;  background:#c9c9c9}
.hotImg_box dl dt.hov { background:#f75d2e;}
.m_list{ background:#41396a; height:11.1em; border-bottom:1px solid #d7d5d6;}
.m_list .m_ul{ background:#41396a; height:11.1em }
/*.m_list .m_ul .li_box{ position: relative;box-shadow: 0 0 0.4em rgba(102,102,102,.4);background:#fff}
.m_list .m_ul2 li{ }
.m_list .m_ul li.gaofen,
.m_list .m_ul li.difen{ display:none;}*/
.m_list .m_ul li .in_a{ display: block;  width: 100%; position: relative; z-index:8}
.m_list .m_ul2 li .in_a{ z-index:8}
/*.m_list .m_ul li .in_a .tj{ display: block; width: 3.45em; height: 3.45em; position: absolute; left: 0; top: 0; text-indent: -1000px;  background:url(img/tj.png) no-repeat;background-size:3.45em 3.45em;}*/
.m_list .m_ul li .in_a .shang{ position: relative; height:11.1em}
.m_list .m_ul li .in_a .h{ display: block; width:7.35em; height:7.35em; border-radius:0.4em; position: absolute; left:1.45em; top:2em;}
.m_list .m_ul li .in_a .h img{ display: block; width: 100%; height: 100%;}
.m_list .m_ul li .in_a .detail{ padding: 2.2em 0 0 10.2em; position: relative;}
.m_list .m_ul li .in_a .detail li{ width: 100%; color:#dcdcdc; min-height: inherit; margin-bottom:1em}
.m_list .m_ul li .in_a .detail ol li:last-child{ margin-bottom:0;}
.m_list .m_ul li .in_a .detail li h3{ font-size:2.2em; color: #fff;}
/*.m_list .m_ul li .in_a .star,
.m_list .m_ul li .in_a .star .d,
.m_list .m_ul li .in_a .star .i,
.m_list .m_ul li .in_a .star .ii,
.m_list .m_ul li .in_a .star .iii,
.m_list .m_ul li .in_a .star .v,
.m_list .m_ul li .in_a .iv{ width:6.7em; height: 1.1em; position: relative; background:url(img/star_bg_1.png) no-repeat z-index: 1; background-size: 6.7em 1.1em;}*/
.m_list .m_ul li .in_a .star{ width: 100%; height: 1.1em; position: relative; }
.m_list .m_ul li .in_a .star .i,
.m_list .m_ul li .in_a .star .ii,
.m_list .m_ul li .in_a .star .iii,
.m_list .m_ul li .in_a .star .v,
.m_list .m_ul li .in_a .iv{ width: 1.38em; height: 1.1em;  position: absolute; left: 0; top: 0;z-index: 2; background:url(img/star_bg.png) no-repeat; background-size: 6.9em 1.1em;}
.m_list .m_ul li .in_a .star .ii{ width: 2.76em;}
.m_list .m_ul li .in_a .star .iii{ width: 4.14em;}
.m_list .m_ul li .in_a .star .v{ width: 5.52em;}
.m_list .m_ul li .in_a .star .iv{ width:6.9em;}
.m_list .m_ul li .in_a .dx,.m_list .m_ul li .in_a .xz{font-size:0.9em; vertical-align:middle;}
.m_list .m_ul li .in_a .sep{ margin:0 1.1em; font-size:0.6em}

.m_list .m_ul li .down_load/*,
.m_list .m_ul li .down_loaded,
.m_list .m_ul2 li .down_load,
.m_list .m_ul2 li .down_loaded*/{display: block; width: 9.85em; height: 3.1em;  border: medium none;border-radius: 0.5em; color: #fff;cursor: pointer;text-align: center;background: url(img/bg_btn62.png) repeat-x 0 0;position: absolute; right: 1.25em; top:4em; background-size:9.85em 3.1em; line-height: 3.1em; z-index: 10; letter-spacing:0.2em;}
/*.m_list .m_ul li .down_loaded{ background: url(img/bg_btned.png) repeat-x 0 0; background-size: 10px 35px; z-index: 10;}*/
.m_list .m_ul2 li .down_load span{ font-size:1.8em}

.in_txt{ padding:0.2em 1.5em 1.4em; background: #fff; color:#434343; line-height:1.6em;}
.in_txt h4{ font-size:1.4em; padding:0.4em 0; letter-spacing:.1em;}
.in_txt p{ font-size:1.1em; margin-top:0.2em; padding-bottom:1.2em; border-bottom:1px solid #ababab;}
/*.in_txt .all{ border-top:1px solid #ababab; border-bottom:1px solid #ababab; height:3em; line-height:3em; text-align:center; color:#f75d2e; cursor:pointer; margin:0.7em 0;}
.in_txt .all span{ font-size:1.2em;}*/

.game_list{ padding:1.1em 1.15em 1.7em 1.15em; background:#898989;}
.game_list .game_item{ margin-bottom:0.45em; border:1px solid #747373; border-radius:0.1em; }
.game_list .game_item_con{ background:#e7e7e7; padding:1px; height:7.1em; position: relative;}
.game_list .in_a{ display: block; background:#fff; height:100%; position: relative; z-index:8}
.game_list li .in_a .shang{ position: relative; height:100%}
.game_list li .in_a .h{ display: block; width:6em; height:6em; border-radius:0.4em; position: absolute; left:1em; top:.5em;}
.game_list li .in_a .h img{ display: block; width: 100%; height: 100%;}
.game_list li .in_a .detail{ padding: 1.2em 0 0 8.1em; position: relative;}
.game_list li .in_a .detail li{ width:100%; color:#959595; margin-bottom:0.3em}
.game_list li .in_a .detail ol li:last-child{ margin-bottom:0;}
.game_list li .in_a .detail li h3{ font-size:1.7em; color:#000;}

.game_list .in_a .star{ width: 100%; height: 1.1em; position: relative; }
.game_list .in_a .star .i,
.game_list .in_a .star .ii,
.game_list .in_a .star .iii,
.game_list .in_a .star .v,
.game_list .in_a .iv{ width: 5.1em; height: .85em;  position: absolute; left: 0; top: 0;z-index: 2; background:url(img/bg_star.png) no-repeat; background-size: 5.1em .85em;}
.game_list .in_a .star .ii{ width: 2.04em;}
.game_list .in_a .star .iii{ width: 3.06em;}
.game_list .in_a .star .v{ width: 4.08em;}
.game_list .in_a .star .iv{ width:5.1em;}
.game_list .in_a .dx,.game_list .in_a .xz{font-size:0.9em; vertical-align:middle;}
.game_list .in_a .sep{ margin:0 1.1em; font-size:0.6em}

.game_list .down_load/*,
.m_list .m_ul li .down_loaded,
.m_list .m_ul2 li .down_load,
.m_list .m_ul2 li .down_loaded*/{display: block; width:8.4em; height: 2.65em;  border: medium none;border-radius: 0.5em; color: #fff;cursor: pointer;text-align: center;  right: 2.4em; top:2.2em; background-size:8.4em 2.65em; line-height: 2.65em; z-index: 10; letter-spacing:0.2em;}
/*.m_list .m_ul li .down_loaded{ background: url(img/bg_btned.png) repeat-x 0 0; background-size: 10px 35px; z-index: 10;}*/
.game_list .down_load span{ font-size:1.5em}

/*page2*/
.top_img{ display:block; height:35.2em; width:100%; position:relative;}
.top_img .banner{ width:100%; height:100%;}
.top_words{ height:3.25em; overflow:hidden; zoom:1; border-bottom:1px solid #b9715b; border-top:1px solid #b9715b; background-color:#c24f2c; width:100%;}
.top_words .step{ height:3.25em; line-height:3.25em; overflow: hidden; letter-spacing:0.2em; padding-left:2.1em;}
.top_words .step strong{color:#fff; font-size:1.25em; display:block; font-weight:normal; }

/*.m_con_n .game_list_1{ padding:.8em 1em 1.35em; background:#dcdcdc;}
.m_con_n .game_list_1 .game_item{border:1px solid #b9b8b9; }
.m_con_n .game_list_1 .down_load{display: block; width:7.1em; height: 2.25em;  border: medium none;border-radius: 0.4em;color: #fff;cursor: pointer;text-align: center; top:2.4em; background-size:7.1em 2.25em; line-height: 2.25em; z-index: 10; letter-spacing:0.2em;}
.m_con_n .game_list_1 .down_load span{ font-size:1.3em}*/

/*page3*/
.top_w_blue{ height:4.9em; overflow:hidden; zoom:1; background:url(img/top_w_bg.jpg) repeat-x; width:100%; background-size:100% 4.9em;}
.top_w_blue .step{ height:4.9em; line-height:4.9em; text-align:center; overflow: hidden;}
.top_w_blue .step strong{ color:#fff; font-size:2.4em; display:block; font-weight:normal; }
.game_intro{ background:#fff; overflow:hidden; }
.game_intro .in_a{ display: block; position: relative;}
.game_intro .in_a .shang{ position: relative; height:100%}
/*.game_intro .in_a .h{ display: block; width:9.65em; height:9.65em; border-radius:0.4em; position: absolute; left:.9em; top:1.2em;}*/
/*.game_intro .in_a .h img{ display: block; width: 100%; height: 100%;}*/
/*.game_intro .in_a .detail{ padding: 1.9em 0 0 11.6em; position: relative;}*/
.game_intro .in_a .detail li{ width:100%; color:#8b8b8b;}
/*.game_intro .in_a .detail ol li:first-child{ margin-bottom:3em;}*/
.game_intro .in_a .detail ol li:last-child{ margin-top:1.2em;}
.game_intro .in_a .detail li h3{ font-size:2em; color:#010101;}
.game_intro .in_a .xz{font-size:1.75em;}
.game_intro .in_a .td{ padding-left:2.1em; padding-right:.6em; background:url(img/type.png) no-repeat center left; background-size:1.5em 1.5em; float:left;}
/*.game_intro .in_a .td:last-child{ padding-right:0}*/
/*.game_intro .in_a .td strong{font-size:1.5em; font-weight:normal;}*/
.game_intro .free_dld{ display: block; height:5.3em; position:absolute;top:8.5%;border-radius: 0.5em; color: #fff;cursor: pointer; text-align: center; line-height:4.9em; letter-spacing:0.2em; }
.game_intro .free_dld span{ font-size:2.5em}
.y_favor{ background:#fff;}
.y_favor .cnxh{ padding-left:1.8em; color:#010101; padding-bottom:.8em; position:relative;}
.y_favor .cnxh strong{ font-size:1.9em; font-weight:normal;}
.y_favor .cnxh span{ position:absolute; height:4px; width:9.5em; background:#007ae9; top:100%; left:1.1em;}
.y_favor .icon_list{ border-top:4px solid #d7d7d7; padding:1.3em 1em 3.8em; overflow:hidden;}
.y_favor .icon_list li{ float:left; width:7.4em; text-align:center; margin-right:1.1em; margin-bottom:2.3em;}
.y_favor .icon_list li:nth-child(4n){ margin-right:0;}
.y_favor .icon_list .pic{ width:7.4em; height:7.4em;}
.y_favor .icon_list .pic img{ width:100%;}
.y_favor .icon_list .name{ margin-top:.6em; color:#010101;}
.y_favor .icon_list .name span{ font-size:1.2em;}

/*page4*/
.top_img1{ display:block; height:34.5em; width:100%; position:relative;}
.top_img1 .banner{ width:100%; height:100%;}
.top_title {background: #e5f6fd;}
.top_title .up{ width:100%; height:0.2em; background:url(img/titleUp_bg.jpg) repeat-x; background-size:100% 0.2em;}
.top_title .name{ background:url(img/titleName_bg.jpg) repeat-x; background-size:100% 3.75em; width:100%; height:3.75em; line-height:3.75em; padding-left:2em; overflow: hidden; color:#fff;}
.top_title .name strong{ font-size:2.4em; font-weight:normal;}
.top_title .name span{ font-size:1.3em; padding-left:1.1em;}
.top_title .down{ width:100%; height:1.25em; background:url(img/titleDown.png) no-repeat; background-size:100% 1.25em;}
.showImg_box{ background: #e5f6fd; padding:1.4em 0.7em 4.7em; position:relative; }
.showImg {position: relative;width: 100%; overflow:hidden; }
.showImg ul {width: 500%;z-index: 1;}
.showImg ul li {float: left;width: 20%;}
.showImg ul img {float: left;width: 100%;}



/*
.m_list .m_ul li .in_a .dn{ border-top: 1px solid #ededed; padding: 5px 13px;}
.m_list .m_ul li .in_a .dn p{ line-height: 22px; color: #666; font-size: 14px;}
.load_more{ height: 32px; line-height: 32px; text-align: center;color: #333; background: #fff;}
.load_more a{ display: block; width: 65px; height: 32px; margin: 0  auto; padding-left: 10px; background: url(img/loading7.gif) no-repeat left center; background-size: 14px 14px; color: #333;}

.footer{ text-align: center;color: #999; background:#FFF; clear:both; margin-top:0.25em;}
.footer .f_list{ height: 34px; line-height: 34px; font-size: 14px; border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.footer .f_list a{ display: inline-block; color:#999;}
.footer .f_list i{ color: #ccc; font-style: normal; margin: 0 0.5em;}
.footer .copy_right{ height: 4em; line-height: 4em;}
.footer .copy_right p{ font-size:1.2em}

.step_wrap{height: 45px; width: 100%; left: 0; top: 0; z-index: 10;}
.steped{ height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #eeeeee; overflow: hidden;font-family:SimSun; position: relative;}
.step_pos{height: 45px; width: 100%; display: none;}

.steped span{ display: inline-block; width: 50px; height:45px; background: url(img/bg_soline.png) no-repeat right center; background-size: 3px 31px; float: left; position: absolute; left: 0; top: 0;}
.steped span{ height: 50px; background: url(img/bg_step_boxed.png) repeat-x 0 0; background-size: 10px 45px;}
.step .return_last,
.steped .return_last{ display: inline-block; height: 45px; width: 50px; background: url(img/bg_step.png) no-repeat 17px 15px; background-size: 12px 20px;}


.btn_w{ width: 100%; height: 5.4em; position: fixed; left: 0; bottom: 0; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.5); z-index:9}
.btn_w2{ width: 100%; height: 5.4em; background: #fff;}
.btn_box{ padding: 0.5em 1.5em;}
.pro_b,
.pro_blue{border: medium none;border-radius:0.3em;color: #fff;cursor: pointer;display: block;height: 4.4em;text-align: center;width: 100%; background: url(img/public_btn_btn.png) repeat-x 0 0; background-size: 33em 4.4em; line-height:4.4em}
.pro_b span{text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.45); font-size:1.9em}

.copy_n{position: absolute; left: 7em; top: 0em; display: inline-block; }
.copy_n i{font-size:1.2em; font-style:normal}
.bg_no_con{ width: 100%; height: 114px; line-height: 114px;  margin:0 auto; background: #fff; text-align: center;font-size: 18px; color: #989898;}


/*20140307 lijiaxiong
.hotImg table{ border-collapse: separate;border-spacing: 3px 0; width: 100%;}
.hotImg table td{width: 50%;background: #e6e6e6 url(img/bg_logo.png) no-repeat center center; background-size: 84px 29px;}
*/

@media only screen and (max-width:300px){body{font-size:8px}.m_con_n{max-width:300px}}
@media only screen and (max-width:300px) and (min-width:290px){body{font-size:8.33333px}.m_con_n{max-width:290px}}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8.61111px}.m_con_n{max-width:300px}}
@media only screen and (max-width:320px) and (min-width:310px){body{font-size:8.88889px}.m_con_n{max-width:310px}}
@media only screen and (max-width:330px) and (min-width:320px){body{font-size:9.16667px}.m_con_n{max-width:320px}}
@media only screen and (max-width:340px) and (min-width:330px){body{font-size:9.44444px}.m_con_n{max-width:330px}}
@media only screen and (max-width:350px) and (min-width:340px){body{font-size:9.72222px}.m_con_n{max-width:340px}}
@media only screen and (max-width:360px) and (min-width:350px){body{font-size:10.00000px}.m_con_n{max-width:350px}}
@media only screen and (max-width:370px) and (min-width:360px){body{font-size:10.27778px}.m_con_n{max-width:360px}}
@media only screen and (max-width:380px) and (min-width:370px){body{font-size:10.55556px}.m_con_n{max-width:370px}}
@media only screen and (max-width:390px) and (min-width:380px){body{font-size:10.83333px}.m_con_n{max-width:380px}}
@media only screen and (max-width:400px) and (min-width:390px){body{font-size:11.11111px}.m_con_n{max-width:390px}}
@media only screen and (max-width:410px) and (min-width:400px){body{font-size:11.38889px}.m_con_n{max-width:400px}}
@media only screen and (max-width:420px) and (min-width:410px){body{font-size:11.66667px}.m_con_n{max-width:410px}}
@media only screen and (max-width:430px) and (min-width:420px){body{font-size:11.94444px}.m_con_n{max-width:420px}}
@media only screen and (max-width:440px) and (min-width:430px){body{font-size:12.22222px}.m_con_n{max-width:430px}}
@media only screen and (max-width:450px) and (min-width:440px){body{font-size:12.50000px}.m_con_n{max-width:440px}}
@media only screen and (max-width:460px) and (min-width:450px){body{font-size:12.77778px}.m_con_n{max-width:450px}}
@media only screen and (max-width:470px) and (min-width:460px){body{font-size:13.05556px}.m_con_n{max-width:460px}}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:13.33333px}.m_con_n{max-width:470px}}
@media only screen and (max-width:490px) and (min-width:480px){body{font-size:13.61111px}.m_con_n{max-width:480px}}
@media only screen and (max-width:500px) and (min-width:490px){body{font-size:13.88889px}.m_con_n{max-width:490px}}
@media only screen and (max-width:510px) and (min-width:500px){body{font-size:14.16667px}.m_con_n{max-width:500px}}
@media only screen and (max-width:520px) and (min-width:510px){body{font-size:14.44444px}.m_con_n{max-width:510px}}
@media only screen and (max-width:530px) and (min-width:520px){body{font-size:14.72222px}.m_con_n{max-width:520px}}
@media only screen and (max-width:540px) and (min-width:530px){body{font-size:15.00000px}.m_con_n{max-width:530px}}
@media only screen and (max-width:550px) and (min-width:540px){body{font-size:15.27778px}.m_con_n{max-width:540px}}
@media only screen and (max-width:560px) and (min-width:550px){body{font-size:15.55556px}.m_con_n{max-width:550px}}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:15.83333px}.m_con_n{max-width:560px}}
@media only screen and (max-width:580px) and (min-width:570px){body{font-size:16.11111px}.m_con_n{max-width:570px}}
@media only screen and (max-width:590px) and (min-width:580px){body{font-size:16.38889px}.m_con_n{max-width:580px}}
@media only screen and (max-width:600px) and (min-width:590px){body{font-size:16.66667px}.m_con_n{max-width:590px}}
@media only screen and (max-width:610px) and (min-width:600px){body{font-size:16.94444px}.m_con_n{max-width:600px}}
@media only screen and (max-width:620px) and (min-width:610px){body{font-size:17.22222px}.m_con_n{max-width:610px}}
@media only screen and (max-width:630px) and (min-width:620px){body{font-size:17.50000px}.m_con_n{max-width:620px}}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:17.77778px}.m_con_n{max-width:630px}}
@media only screen and (max-width:650px) and (min-width:640px){body{font-size:18.05556px}.m_con_n{max-width:640px}}
@media only screen and (max-width:660px) and (min-width:650px){body{font-size:18.33333px}.m_con_n{max-width:650px}}
@media only screen and (max-width:670px) and (min-width:660px){body{font-size:18.61111px}.m_con_n{max-width:660px}}
@media only screen and (max-width:680px) and (min-width:670px){body{font-size:18.88889px}.m_con_n{max-width:670px}}
@media only screen and (max-width:690px) and (min-width:680px){body{font-size:19.16667px}.m_con_n{max-width:680px}}
@media only screen and (max-width:700px) and (min-width:690px){body{font-size:19.44444px}.m_con_n{max-width:690px}}
@media only screen and (max-width:710px) and (min-width:700px){body{font-size:19.72222px}.m_con_n{max-width:700px}}