/*--- reset ---*/
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,figure,textarea,p,blockquote,iframe,table,caption,tbody,tfoot,thead,th,td{margin:0;padding:0;}
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
button,input,select,textarea{font-family: sans-serif;font-size: 100%;vertical-align: baseline;*vertical-align: middle;}
button,input{line-height: normal;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;*overflow: visible;}
button[disabled],html input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box;*height: 13px;*width: 13px;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
html{overflow-x: hidden;}
*html, *html body{background-image:url(about:blank);background-attachment:fixed;}

ol,ul{list-style: none;list-style-image: none;}
fieldset,abbr,acronym{border:0;}
abbr[title]{border-bottom: 1px dotted;}
img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,i,em,b,s,q,th,var,optgroup{font-style:normal;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;}
code,kbd,pre,samp{font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}
small{font-size: 80%;}
pre{white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
audio,canvas,video{display: inline-block;*display: inline;*zoom: 1;}
legend{border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
audio:not([controls]){display: none;height: 0;}
[hidden]{display: none;}
svg:not(:root){overflow: hidden;}
a:focus,a:active,a:hover{outline: 0;}

/*-- reset --*/
.top_height{
    top:0;
    -moz-transition:top .5s ease;
    -webkit-transition:top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}

@font-face{
    font-family: "icomoon";
    src: url("/images/fonts/icomoon.eot"); /* IE9 兼容模式 */
    src: url("/images/fonts/icomoon.eot?#iefix") format("embedded-opentype")
    ,url("/images/fonts/icomoon.woff") format("woff")
    ,url("/images/fonts/icomoon.ttf") format("truetype")
    ,url("/images/fonts/icomoon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.icon_font {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*设置图标无法选择*/
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
.icon{display: inline-block;background: url("Images/Pages/icon.png") no-repeat;}
.none{display: none;}
body{color: #333;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";font-size: 14px;line-height:22px;background: #e5e7eb;}
.color_white{background: #ffffff;}
.color_black{background: #e5e7eb;}
a,a:visited{text-decoration:none;}
input:focus{border:none;}
a:hover{
     -moz-transition: border-width .2s ease, background-color .2s ease, height 1s ease;
     -webkit-transition: border-width .2s ease, background-color .2s ease, height 1s ease;
     -o-transition: border-width .2s ease, background-color .2s ease, height 1s ease;
     transition: border-width .2s ease, background-color .2s ease, height 1s ease;
 }
.setting_left_btn,.user_left{
    -moz-transition: border-color .5s ease,left  .5s ease;
    -webkit-transition:border-color .5s ease,left  .5s ease;
    -o-transition:border-color .5s ease,left  .5s ease;
    transition: border-color .5s ease,left  .5s ease;
}
h1,h2,h3,h4,h5,h6,b,s,i{font-weight:normal;text-decoration:none;}
h1{font-size: 2.3em;}
h2{font-size: 1.7em;}
h3{font-size: 1.5em;}
h4{font-size: 1.3em;}
h5{font-size: 0.83em;}
h6{font-size: 0.67em;}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.transition{
    -moz-transition:width .2s ease, background-color .5s ease, color .2s ease,height .2s ease;
    -webkit-transition: width .2s ease, background-color .5s ease, color .2s ease,height .2s ease;
    -o-transition: width .2s ease, background-color .5s ease, color .2s ease,height .2s ease;
    transition: width .2s ease, background-color .5s ease, color .2s ease,height 1s ease;
}
.mobile_nav_main,.mobile_login_in{
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.t_font{
    -moz-transition:font-size .2s ease, margin-top .5s ease;
    -webkit-transition: font-size .2s ease, margin-top .5s ease;
    -o-transition: font-size .2s ease, margin-top .5s ease;
    transition: font-size .2s ease, margin-top .5s ease;
}

/*导航*/
.nav_topbar{width: 100%; height:96px;background: #f6f7f9;line-height:22px;}
.nav_bar{width: 100%; height: 96px;background: #104db2;}
.nav_logo{width: 164px;height: 96px;display: block;float: left;overflow:hidden;z-index:2;}
.nav_bar b{ height: 14px;border-right: 1px dotted #939393;position: absolute;top:42px;right: 0;}
  /*导航logo*/
.nav_logo_t{float: left;color: #bdd6ff;line-height: 95px;position: relative;margin-left: 5px;}
.nav_logo_t i{width: 20px;height: 20px;display: inline-block;background: url("Images/Pages/icon.png") no-repeat 0 -150px;vertical-align: text-bottom;margin-right: 5px;margin-left: 10px;}
.nav_logo_t b{left: 0;right: auto;}
.nav_main{height: 96px;line-height: 96px;float: right;}
.nav_main a{font-size: 18px;color: #ffffff;padding: 0 20px;line-height: 96px;position: relative;display: block;float: left;height: 96px; }
.nav_main a span{width:0;height: 6px;background: #00bd82;position: absolute;top: 90px;left: 0;}
.nav_main a:hover span{ width: 100%; }
.gifPannel{margin-left:0px;z-index:1;height:96px;display:inline-block;overflow:hidden}
.gifPannel img.outLeftGif{margin-left:-40px;}
  /*导航下载r*/
.nav_download{width: 100%;height:50px;border-bottom: 1px solid #e5e7eb;}
.nav_download_main{float: left;}
.nav_download_main a{padding: 10px 12px;color: #333333;line-height: 50px;position: relative;}
.nav_download_main a i{margin-right:4px;font-size: 28px;vertical-align: -6px;color: #666666;}
.nav_download_main a:hover i{color: #00bd82;}
.nav_download_main a span{position: relative;}
.nav_download_main a span b{width:0;height: 1px;background: #00bd82;position: absolute;left: 0;bottom: 0;}
.nav_download_main a:hover span b{width:100%;}
.nav_download_main a s{width:120px;height: 120px;position: absolute;top:42px;left:14px;display: none;z-index: 10000;}
.nav_download_main a s img{width: 120px;}
  /*导航登录注册*/
.nav_login{float:right;}
/*.nav_login a{display: inline-block;line-height: 32px;font-size: 16px;padding: 0 50px;margin: 9px 10px 0 0;border-radius: 5px;background: #00bd82;color: #ffffff;}*/
.nav_login_btn, .nav_register_btn{display: inline-block;line-height:32px;font-size: 16px;padding: 0 50px;margin: 9px 10px 0 0;border-radius: 5px;background: #00bd82;color: #ffffff;}
.nav_login a.nav_register_btn{background: #6592eb;}
.nav_login a:hover{background: #0b986c;}
.nav_login a.nav_register_btn:hover{background:#1e5cc4;}
/*手机导航bar*/
.mobile_nav_menu,.mobile_nav_user{width: 50px;height: 60px;display: inline-block;float: right;text-align: center;cursor: pointer;position: relative;}
  /*导航个人信息*/
.mobile_nav_user i{font-size: 25px;color:#ffffff;vertical-align:-22px;}
.mobile_login_in{position: absolute;top:50px;left:-80px;width: 140px;height:auto;background: #ffffff;border-radius:5px;padding: 10px;line-height: 36px;border: 1px solid #e5e7eb; box-shadow: 0 0 5px 3px rgba(50, 50, 50, .2);z-index: 1002;}
.mobile_login_in .index_login_in_text{width: 100%;text-align: left;}
.icon_arrow{position: absolute;top:0px;left:95px;font-size:28px;line-height: 0;color:  #e5e7eb;}
.icon_arrow_f{position: absolute;top:1px;left:95px;font-size:28px;line-height: 0;color:  #ffffff;}
.mobile_login_in .mobile_before_login a{width:100%; line-height:36px; background:#00bd82;margin-bottom:10px; color:#fff; font-size:14px; display:block;}
.mobile_before_login a.mobile_register_btn{background: #6592eb;margin-bottom:0;}
   /*菜单登录后状态*/
.mobile_nav_login .index_login_in_text{color: #ffffff;line-height: 32px;width: 44%;margin-left:2%;text-align: left;}
.mobile_nav_login .index_login_in_btn{line-height: 32px;width: 96%;margin:0 2%;background: #00bd82;color: #ffffff;}
.index_login_in_text,.index_login_in_btn{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
   /*pc登录后状态*/
.index_login_in{line-height: 50px;padding-right: 15px;}
.index_login_in_text{float: left;margin-right: 10px;color: #666;}
span.index_login_in_btn{float: right;font-size: 14px;color: #00bd82;cursor: pointer;}
.index_login_in_btn a{color:inherit;}
  /*导航菜单*/
i.icon_menu{color:#ffffff;vertical-align:-25px;font-size:30px;}
.mobile_nav{display: none;position: fixed;z-index: 1001;width: 100%;background: #104db2;height: 60px;}
.mobile_nav a.nav_logo{height: 50px;margin: 5px 0 0 5px;}
.mobile_nav a.nav_logo img{height:50px;}
.mobile_nav_main{height:365px; width:100%; background:#313235; position:absolute; top:60px; text-align:center;tranform-origin:100% 1%;}
/*.mobile_nav_a{overflow: hidden;}*/
.mobile_nav_a a {font-size:1.2em;width:25%;height:130px;color:#fff;display:block;border-right: 1px solid #2a2b2c;border-bottom:1px solid #2a2b2c;float:left;box-sizing:border-box;text-align:center;padding-top:30px;}
.mobile_nav_a a i{margin-bottom:0.5em; font-size:30px; display:inline-block;}
.mobile_nav_a a span{font-size: 18px;}
.mobile_nav_login{ width: 100%;height: 68px;background: #2a2b2c;}
/*.mobile_nav_login a{ width: 49%;height: 58px;background: #00bd82;display: inline-block;line-height: 58px;margin:4px 0.5%;font-size: 21px;color: #ffffff;}*/
.mobile_login_btn,.mobile_register_btn{width:49%;display:inline-block; line-height:58px; margin:4px 0.5%; font-size:18px;color:#fff; background:#00bd82;}
.mobile_nav_login .mobile_register_btn{ background: #828282;}
.mobile_nav_close{width: 100%;height: 42px;display:block;}
.mobile_nav_close i{vertical-align: -16px;}
.mobile_nav_main .icon_arrow{left: auto;right: 16px;color:  #333;top:0px;}
.back{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 60px;left: 0;right: 0;bottom: 0;z-index: 1000;display: none;}
.mobile_down_exchange{width: 100%;padding-top: 10px;display: none;}
.mobile_down_exchange a{display: inline-block;width:47%;margin-left: 2%;}
.mobile_down_exchange a img{width:100%;}
/*点击效果*/
.eject{
    transform-origin:100% 1%;
    -ms-transform-origin:100% 1%; /* IE 9 */
    -moz-transform-origin:100% 1%;/* Firefox */
    -webkit-transform-origin:100% 1%; /* Safari and Chrome */
    -o-transform-origin:100% 1%; /* Opera */
    transform:scale(0.1,.1);
    -ms-transform:scale(.1,.1); /* IE 9 */
    -moz-transform:scale(.1,.1); /* Firefox */
    -webkit-transform:scale(.1,.1); /* Safari and Chrome */
    -o-transform:scale(.1,.1); /* Opera */
    opacity: 0;
}
/*banner*/
.banner{background:no-repeat center top;height:686px;width: 100%;position: relative;}
.banner img.banner_1000{display: none;width: 100%;}
/*新闻*/
.index_new{width: 1200px;height: 272px;position: absolute;bottom: 0;left: 50%;margin-left: -600px;background: #ffffff;}
.index_new_banner_switch{width: 100px;height: 100%;background: #00bd82;float: left;text-align: center;}
.index_new_banner_switch i{width:21px;height: 4px;display: inline-block;background: #ffffff;margin-top: 50px; }
.index_new_banner_switch p{font-size: 24px;color: #ffffff;width: 30px;line-height: 30px;margin-left: 35px;font-weight: bold;}
.index_new_banner_switch div{padding-top:54px;display: inline-block;}
.index_new_banner_switch div span{width: 10px;height: 10px;margin: 0 4px;border: 1px solid #ffffff;display: inline-block;border-radius:10px;cursor: pointer; }
.index_new_banner_switch div span.swiper-pagination-bullet-active,.index_new_banner_switch div span.active{background: #ffffff;}
.index_new_banner{width: 637px;height: 100%;float: left;overflow: hidden;}
.index_new_banner ul{width: 2000%;height: 100%;}
.index_new_banner li{width: 637px;;height: 100%;float: left;}
.index_new_banner li a{width: 100%;height: 100%;display: block;}
.index_new_banner li a img{width: 100%}


.layout_new_list{width: 463px; height: 100%;background: #ffffff;float: right;}
.layout_new_list_title{width:100%;padding: 15px 0 0;position: relative;}
.layout_new_list_title h2{margin:0 30px 0 25px;padding-bottom:10px;border-bottom: 1px solid #e9e9e9;font-weight: bolder;}
.layout_new_list_title h2 a{font-size: 24px;color: #00bd82;line-height: 32px;}
.layout_new_list_title a.icon{width: 42px;height: 42px;background-position: -100px 0;position: absolute;top: 0;right: 0;}
.layout_new_list ul{padding:8px 25px 0;}
.layout_new_list ul li{height: 34px;}
.layout_new_list ul a{font-size: 14px;line-height: 34px;color:#333333;width: 100%;display: inline-block;}
.layout_new_list li a:hover{color:#000000;}
.layout_new_list_g{color:#666666;margin-right: 3px;float: left;}
.layout_new_list_text{width: 75%;display: inline-block;float: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.layout_new_list_time{color:#666666;float: right;}


/*container-reset*/
.container{width:100%;}
.container_main{width: 1200px;margin:0 auto; }
.container_div{width: 100%;padding: 25px 0;position: relative; }
.layout_title{color: #323539;line-height: 1;}
.layout_title_left{font-size: 16px;color: #616365;margin-left: 20px;}
a.layout_title_right{font-size: 16px;color:#00bd82;float: right;line-height: 36px;}
.layout_title b{width: 3px;height: 21px;background: #00bd82;display: inline-block;vertical-align: -3px;margin-right: 5px;}
.layout_content_div{ margin-top: 25px;overflow: hidden;width: 100%;}
  /*公共切换条*/
.layout_choice{width: 100%; height: 10px; margin-top:18px;text-align: center;}
.layout_choice span{width: 10px;height: 10px; border-radius:5px;background: #999999;display: inline-block;margin-right: 15px;cursor: pointer;vertical-align: top;}
.layout_choice span.swiper-pagination-bullet-active{background: #00bd82;}
.layout_choice span.active,span.swiper-visible-switch{background: #00bd82;}
/*container*/
  /*游戏*/
.index_game{ background: #ffffff;}
.index_game  ul{ width:2000%;position:relative;left:0;}
.index_game li{ width:377px;background: #ffffff;border-bottom: 5px solid #ebe8e9;float: left;margin-right:35px;}
.index_game li img{width: 100%;}
.index_game_content{height: 145px;padding:0 25px;position: relative; }
.index_game_content h3{line-height: 56px;font-weight: bold;color: #333333;text-indent: -6px;}
.index_game_content p{font-size: 14px;color: #999999;line-height: 20px;margin-bottom: 10px;}
.index_game_label{ width: 100%;display: block;}
.index_game_label span{ float: left;display: block;}
.index_game_label span a{font-size: 12px;color: #fff;line-height: 18px;display: inline-block;margin-right: 5px;padding: 0 5px;border-radius:3px;margin-bottom: 10px;}
a.index_game_details{width: 70px;height: 22px;display: inline-block;border: 1px solid #999999;color: #999999;text-align: center;border-radius:20px;float: right;line-height: 22px;margin-bottom: 10px;}
.index_game_details:hover{background: #00bd82;border-color: #00bd82;color: #ffffff;}
.color_wu{background: #7ddf47;}
.color_dou{background: #eea946;}
.color_game{background: #c366e6;}
.color_internet{background: #52d0a9;}
.color_wu:hover{background: #5ab827;}
.color_dou:hover{background: #ff9600;}
.color_game:hover{background: #a33dc9;}
.color_internet:hover{background: #34a985;}

  /*兑换*/
.layout_exchange{background: #ffffff;}
.layout_exchange ul{width: 2000%;position: relative;float: left;}
.layout_exchange li{width:280px;border: 1px solid #e5e7eb;float: left;margin-right:24px;box-sizing: border-box; }
.layout_exchange li:hover{border: 1px solid #00bd82;}
.layout_exchange img{width: 100%}
.layout_exchange_content{background: #f2f4f7;padding: 5px 20px;height: 78px;}
.layout_exchange_content h5{font-size: 16px;color: #21262e;line-height: 40px;font-weight: 100; overflow:hidden; text-overflow: ellipsis;  white-space: nowrap;}
.layout_exchange_content strong{font-size: 14px;color: #666666;}
.layout_exchange_content p{font-size: 18px;font-weight: bold;color:#00bd82;line-height: 36px;float: left;}
.layout_exchange_btn{font-size: 14px;color: #ffffff;background: #00bd82;border-radius:3px; width: 70px; height: 22px;float: right;line-height: 22px;text-align: center;margin-top: 7px; }

/*footer*/
.footer{width: 100%;background: #333333;  bottom:0;}
.footer_1000{width: 1000px; margin:0 auto;padding: 10px;}
.footer span{font-size: 14px;background: #3f4145;padding: 0 15px; line-height: 50px;display: block;color: #ffffff;text-align: center;margin-bottom: 20px;}
.footer_left{width: 100%; text-align:center;}
.footer_left a{background: #3f4145;display: inline-block;margin-right: 10px;border-radius: 5px; }
.footer_right{width: 100%;color: #999999;text-align:center;}

/*切换手机页*/
#phone{padding:0 25px;line-height: 46px;color: #ffffff;background: #0b986c; border-radius: 5px;position: absolute;top: 0;right: 0;font-size: 14px;margin-top: 10px;margin-right: 10px;}
@media screen and (max-width:1200px) {
    #phone {
        display: none;
    }
}
/*右侧快捷菜单*/
*{padding:0px;margin:0px;text-decoration:none;}
.OnlineQQPannel{z-index:99;position:fixed;right:0px;top:100px;font: 13px/24px "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
.MenuPannel,.MenuPannel a{float:left;width:32px;height:135px;z-index:90;overflow:hidden;}
.MenuPannel{margin-top:110px;}
#btnHide{background:url('../images/on_sc_img.png') no-repeat;}
#btnShow{background:url('../images/on_sc_img.png') no-repeat -35px 0px;}
.OnlineQQPannel .RightPannel{padding:10px;float:left;width:120px;height:355px;border:1px solid #CCC;border-radius:10px;background-color:white;} /*background-color:#f5f5f5;*/
.PannelTitle{height:30px;background:url('../images/on_sc_img.png') no-repeat -235px 5px;}
.OnlineQQPannel .RightPannel a {text-align:center;color:white;line-height:28px;width:117px;height:47px;display:block;background:url('../images/on_sc_img.png') no-repeat -79px -34px;margin:5px 0px;}
.OnlineQQPannel .RightPannel a:hover {background:url('../images/on_sc_img.png') no-repeat -79px -102px;}
.OnlineQQPannel .RightPannel .CodePannel{width:130px;min-height:125px;position:relative;left:-5px;}
.OnlineQQPannel .RightPannel .CodeText{height:32px;line-height:32px;text-align:center;font-size:16px;color:#278add;text-decoration:underline;}
/*首页下载板块*/
.download_cpt a{background:url('../images/pc_download.png?1') no-repeat 0 0; width:296px; height:68px; display:block; overflow:hidden;  text-indent:-1000em; margin:15px 0;}
.download_cpt a:hover{background:url('../images/pc_download.png?1') no-repeat 0 -68px; width:296px; height:68px; display:block; overflow:hidden;  text-indent:-1000em;}
.download_cpt p{ text-align: center;  font-size: 16px; color: #fff; padding: 5px 0 20px 0;}
.download_iph{width:350px; margin-top:30px; padding:0;}
.download_adr{width:72px; float:left; position: relative;}
.download_adr a{ display: block; width:72px; height:72px; background:url('/images/mobile/an_download.png') no-repeat 0 0;}
.download_adr a:hover{ background:url('../images/an_download.png') no-repeat 0 -72px;}
.download_adr p{color: #4d4f53; text-align:center;  font-size:16px; }
.download_ios{ width:72px; float:left; margin: 0 40px;_margin: 0 10px; position: relative;}
.download_ios a{ display: block; width:72px; height:72px; background: url('/images/mobile/ios_download.png') no-repeat 0 0;}
.download_ios a:hover{ background: url('../images/ios_download.png') no-repeat 0 -72px;}
.download_ios p{ color: #4d4f53; text-align: center; font-size: 16px; }
.download_ipad{ width:72px; float:left; position: relative;}
.download_ipad a{ display: block; width:72px; height:72px; background: url('/images/mobile/ipad_download.png') no-repeat 0 0;}
.download_ipad a:hover{ background: url('../images/ipad_download.png') no-repeat 0 -72px;}
.download_ipad p{ color: #4d4f53; text-align: center; font-size: 16px; }
.download_iph .code{width:110px; height:120px; padding:5px 6px; background:url('../images/qr_code.png') no-repeat; position: absolute; z-index:1000; top:-130px; left:-28px; display: none;}
.download_flag{background: url('../img/flag.png') no-repeat scroll center top;}
.download_adr:hover .code{display:block;}
.download_ios:hover .code{display:block;}
.download_ipad:hover .code{display:block;}
/*改版*/