@charset "utf-8";
/* 基于normalize bootstrap 的全局重置CSS文件部分1.2版本 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {  font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 消除移动浏览器点击蓝色背景 */}
body {  margin: 0;text-align:left;font-size: 12px; background:#fff;font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
article,aside,details, /* 1 */figcaption,figure,footer,header,main, /* 2 */menu,nav,section,summary { /* 1 */  display: block;}
audio,canvas,progress,video {  display: inline-block;}
audio:not([controls]) {  display: none;  height: 0;}
progress {  vertical-align: baseline;}
template, /* 1 */[hidden] {  display: none;}
a {  background-color: transparent; /* 1 */  -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover {  outline-width: 0;}
abbr[title] {  border-bottom: none; /* 1 */  text-decoration: underline; /* 2 */  text-decoration: underline dotted; /* 2 */}
b,strong {  font-weight: inherit;}
b,strong {  font-weight: bolder;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background-color: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sub {  bottom: -0.25em;}
sup {  top: -0.5em;}
img {  border-style: none;}
svg:not(:root) {  overflow: hidden;}
code,kbd,pre,samp {  font-family: monospace, monospace; /* 1 */  font-size: 1em; /* 2 */}
figure {  margin: 1em 40px;}
hr {  box-sizing: content-box; /* 1 */  height: 0; /* 1 */  overflow: visible; /* 2 */}
button,input,select,textarea {  font: inherit; /* 1 */  margin: 0; /* 2 */}
optgroup {  font-weight: bold;}
button,input { /* 1 */  overflow: visible;}
button,select { /* 1 */  text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] {  -webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}
fieldset {  border:0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  box-sizing: border-box; /* 1 */  color: inherit; /* 2 */  display: table; /* 1 */  max-width: 100%; /* 1 */  padding: 0; /* 3 */  white-space: normal; /* 1 */}
textarea {  overflow: auto;}
[type="checkbox"],[type="radio"] {  box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  -webkit-appearance: textfield; /* 1 */  outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-input-placeholder {  color: inherit;  opacity: 0.54;}
::-webkit-file-upload-button {  -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */}
/* normalize.css结束 */
.clearfix {	*zoom:1}
.clearfix:before,.clearfix:after {	display:table;	line-height:0;	content:""}
.clearfix:after {	clear:both}
p{margin: 0;}
img {	width:auto\9;	height:auto;	max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
ul li,ol li{list-style:none}
.f-fl,.f-lifl li{float:left;display:inline}
.f-fr{float:right;display:inline}
a,a:visited{text-decoration:none;color:#2a2a2a;}
em{ font-style:normal;}
/* 全站全局CSS部分结束 */

/*通用头部*/
.g-class-top{ width:100%; height:45px; display:-webkit-box; background:#ff5b3b; padding:0 10px; box-sizing:border-box; position:fixed; top:0; left:0; z-index:20;}
.g-class-top .g-class-back{ width:12px; height:21px; background:url(../images/moblie-bg.png) no-repeat -88px -268px; background-size:414px; margin:10px 0 0 0; display:block; overflow:hidden}
.g-class-top .u-webname{ width:auto; height:45px; line-height:45px; text-align:center; -webkit-box-flex:1; font-size:20px; font-weight:normal; color:#fff; display:block; overflow:hidden}
.g-class-top .u-webname a{ color:#fff}
.g-class-top h1{ width:100px; height:45px; line-height:45px; text-align:left; font-size:20px; font-weight:normal; color:#fff; display:block; overflow:hidden}
.g-class-top h1 a{ color:#fff}
.g-class-top .g-search{ width:20px; height:20px; background:url(../images/moblie-bg.png) no-repeat -326px 0; background-size:414px; margin:12px 10px 0 0; display:block; overflow:hidden;}
.g-class-top .m-nav-btn{ width:39px; height:45px; background:url(../images/moblie-bg.png) no-repeat -195px 14px; background-size:414px; display:block; overflow:hidden; text-indent:-9999px;}
.g-class-top .m-hover{background-position:-237px 14px; background-color:#fff}

.g-class-top .m-search{ width:auto; height:auto; display:-webkit-box; overflow:hidden; padding:8px 8px 0 12px; box-sizing:border-box;  -webkit-box-flex:1;}
.g-class-top .m-search .search-input{ width:auto; height:28px; line-height:28px; font-size:14px; font-weight:normal; color:#666; text-indent:10px; background:#fff; display:block; overflow:hidden; -webkit-box-flex:1; border:0; padding:0; margin:0; border-radius:4px 0 0 4px;}
.g-class-top .m-search .search-button{ width:28px; height:28px; display:block; overflow:hidden; border:0; padding:0; background:url(../images/home-icon.png) no-repeat 0 -60px #fff; background-size:400px; border-radius:0 4px 4px 0;}

.g-main-nav{ width:100%; height:auto; display:flex; overflow:hidden; background:#fff; position:fixed; left:0; top:45px; z-index:20; border-bottom:1px solid #eee;}
.g-main-nav a{ width:auto; height:36px; line-height:36px; font-size:15px; font-weight:normal; color:#333; text-align:center; display:block; overflow:hidden; flex:1}
.g-main-nav a.f-hover{ background:#f60; color:#fff;}

/*影藏栏目导航*/
.g-hide-nav{ width:100%; height:auto; background:#fff; box-shadow:0px 2px 3px #ccc; padding:0 0 10px 0; box-sizing:border-box; display:none; overflow:hidden; position:fixed; right:0; top:45px; z-index:999;}
.g-hide-nav .g-hide-btn{ width:100%; height:auto; padding:10px 10px 0; box-sizing:border-box; display:flex; overflow:hidden}
.g-hide-nav .g-hide-btn li{ width:50%; height:38px;  border:1px solid #eee; box-sizing:border-box; text-align:center; display:block; overflow:hidden; flex:1}
.g-hide-nav .g-hide-btn li:nth-child(2){ border-left:0;}
.g-hide-nav .g-hide-btn li strong{ width:auto; height:36px;line-height:36px; font-size:15px; font-weight:normal; color:#333; padding:0 5px; box-sizing:border-box; display:inline-block; overflow:hidden; margin:auto;}
.g-hide-nav .g-hide-btn .f-hover{ background:#f60; color:#fff; border-color:#f60;}
.g-hide-nav .g-hide-btn .f-hover strong{ color:#fff;}
.g-hide-nav .g-hide-cont{ width:100%; height:auto; padding:0 0 20px 0; box-sizing:border-box; display:none; overflow:hidden}
.g-hide-nav .g-hide-cont li{ width:25%; height:auto; float:left; padding:20px 0 0 0; box-sizing:border-box; display:inline; overflow:hidden}
.g-hide-nav .g-hide-cont li a{ width:auto; height:auto; padding:0 10px; box-sizing:border-box; display:block; overflow:hidden; margin:auto;}
.g-hide-nav .g-hide-cont li a b{ width:50px; height:50px; background:url(../images/nav-icon.png) no-repeat 12px 13px #19b5fe; background-size:25px; border-radius:50px; display:block; overflow:hidden; margin:auto;}
.g-hide-nav .g-hide-cont li a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:6px 0 0; display:block; overflow:hidden;}
.g-hide-nav .g-hide-cont li:nth-child(2) a b{background-color:#ff9900;background-position: 13px -32px;}
.g-hide-nav .g-hide-cont li:nth-child(3) a b{background-color:#6a71e6;background-position: 13px -81px;}
.g-hide-nav .g-hide-cont li:nth-child(4) a b{background-color:#fe4a65;background-position: 12px -126px;}
.g-hide-nav .g-hide-cont li:nth-child(5) a b{background-color:#48dc6c;background-position: 12px -169px;}
.g-hide-nav .g-hide-cont li:nth-child(6) a b{background-color:#ff4400;background-position: 14px -214px;}
.g-hide-nav .g-hide-cont li:nth-child(7) a b{background-color:#ffcc00;background-position: 15px -262px;}
.g-hide-nav .g-hide-cont li:nth-child(8) a b{background-color:#55ae03;background-position: 12px -306px;}
.g-hide-nav .g-hide-cont li:nth-child(9) a b{background-color:#bf55ec;background-position: 13px -351px;}

.g-hide-nav .g-hide-soft li:nth-child(1) a b{background-position: 15px -396px;}
.g-hide-nav .g-hide-soft li:nth-child(2) a b{background-color:#ff9900;background-position: 13px -441px;}
.g-hide-nav .g-hide-soft li:nth-child(3) a b{background-color:#6a71e6;background-position: 13px -488px;}
.g-hide-nav .g-hide-soft li:nth-child(4) a b{background-color:#fe4a65;background-position: 13px -534px;}
.g-hide-nav .g-hide-soft li:nth-child(5) a b{background-color:#48dc6c;background-position: 13px -578px;}
.g-hide-nav .g-hide-soft li:nth-child(6) a b{background-color:#ff4400;background-position: 13px -623px;}
.g-hide-nav .g-hide-soft li:nth-child(7) a b{background-color:#ffcc00;background-position: 13px -669px;}
.g-hide-nav .g-hide-soft li:nth-child(8) a b{background-color:#55ae03;background-position: 12px -306px;}


/*返回顶部*/
.m-backtop{ width:50px; height:51px; background:url(../images/moblie-bg.png) no-repeat 0 -312px; background-size:414px; overflow:hidden; position:fixed; bottom:80px; right:20px; display:none; z-index:9999; font-size:0;}

footer{clear: both;display: block;background-color: #f5f5f5;text-align: center;overflow: hidden;}

footer span{display: block;height: 70px;background: url() no-repeat center ;background-size: 160px auto;}

footer p{font-size: 10px;color: #999;line-height: 22px;margin:10px 0;}
footer i{font-style: normal;}
footer a,footer a:visited {color: #999;}


.i-f-nav{background: #ebebeb;border-top: 1px solid #d9d9d9;width: 100%;height: 40px;display: block;overflow: hidden;}
.i-f-nav li{width: 25%;height: 40px;border-right: 1px solid #d9d9d9;float: left;box-sizing: border-box;display: inline;overflow: hidden;}
.i-f-nav li:last-child{border-right: none;}
.i-f-nav a{width: 100%;height: 40px;line-height: 40px;font-size: 14px;font-weight: normal;color: #333;text-align: center;display: block;overflow: hidden;text-decoration: none;}





/*通用头部*/

#top{height: 45px; background: #ff5b3b;  width: 100%;  z-index: 2015; position: fixed;top: 0;}
#top>div{ width: 100%;  margin: 0 5px;display:-webkit-box;  box-sizing:border-box; position:fixed; }
#top .logo{margin-top: 9px;width:auto; height:45px; line-height:45px; text-align:center; -webkit-box-flex:1; font-size:20px; font-weight:normal; color:#fff; display:block; overflow:hidden}
#top .logo img {width: 120px; display: block; margin: 0 auto;}
#top .search{ width:auto; height:auto; display:-webkit-box; overflow:hidden;  box-sizing:border-box;  -webkit-box-flex:1;height: 30px;   border-radius: 20px; background: #fff; margin-left: 6px; margin-top: 8px; display: -webkit-box;    overflow: hidden;    box-sizing: border-box;}
#top .search .form{ }
#top .search .key{width: auto; height: 28px; line-height: 24px;font-size: 14px;color: #888; border: none;background: none; overflow: hidden;-webkit-box-flex: 1; padding-left: 10px;display: block;outline: none;}
#top .search   .btn{  display: block; background: url(../images/ico_img_cha.png) no-repeat center;height:20px;width:20px; background-size: auto 100%;border:none;margin: 4px 5px 0 0;}
#top span{ display: inline-block;flex: 0 0 34px;width: 40px;height: 34px; margin:5px  0 0 5px; background: url(../images/r-icon-pre.png) no-repeat left bottom; background-size: 33px auto;}
/*menu导航*/


.m-nav {    position: fixed;    width: 100%;    top: 45px;    z-index: 8000;    overflow-x: scroll;      box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;    background: #fff;}

.m-navul {    display: flex;    flex-direction: row;    -webkit-box-align: center;    align-items: center;    -webkit-box-pack: start;    justify-content: flex-start;    max-width: 1000px;    -webkit-box-flex: 1;    flex-grow: 1;    height: 36px;    border-bottom: 1px solid #eee;}



.m-nav li {      position: relative;    cursor: pointer; transition: color 0.3s ease-in-out 0s;margin: 0; width: 20%;   }

.m-nav li a{ display: block;height: 36px;     line-height:36px; position: relative   ; font-size: 15px; text-align: center;}

.g-main-nav a.f-hover  { color:#ff5b3b; background-color: #fff; }

 .m-nav .f-hover  i {
    width: 12px;
    height: 3px;
    background: #fff;
    border-radius: 12px;
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
    display: block;
    overflow: hidden;
    background-color: #ff5b3b;
} 


.m-b2g {    position: fixed;    right: 0px;    top: 50px;    height: 40px;    width: 5px;    pointer-events: none;    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);}
.m-ttop { margin-top: 83px;}
.m-donwtop {margin-top: 42px;}




/*二级显示的2菜单<!--影藏的导航-->*/
.burger { display: none; position: fixed;min-width: 320px; max-width: 768px;  z-index: 999999; width: 100%; top: 45px; background: rgba(255,255,255,.95); border-top: 1px solid #f5f5f5; overflow-x: hidden; overflow-y: scroll;}
.data-warp{  padding: 5px 0;}

.burger .back{margin: 20px 0;text-align: center;}
.burger .back button{display: inline-block;    outline: none; width: 87%;background: #ff5b3b;border-radius: 8px;color: #fff;font-weight: bold;padding: 9px 0;font-size: 14px;border:none}
.burger .back button:active{opacity: .7;}

.m-topdul h4 { height: 24px; line-height: 24px;font-weight: normal; font-size: 16px; border-left: 4px #ff5b3b solid ; padding-left: 8px ; margin: 10px 0 0 20px;}

/* .burger {display: block;} */

.g-hide-cont{ width:100%; height:auto; padding:0 0 20px 0; box-sizing:border-box;  overflow:hidden}
.g-hide-cont li{ width:33%; height:auto; float:left; padding:15px 0 0 0; box-sizing:border-box; display:inline; overflow:hidden}
.g-hide-cont li a{ width:auto; height:auto; padding:0 10px; box-sizing:border-box; display:block; overflow:hidden; margin:auto;}
.g-hide-cont li a b{ width:26px; height:26px; background:url(../images/nav-icon2.png) no-repeat 7px 6px #19b5fe; background-size:14px; border-radius:50px; display:block; overflow:hidden; float: left;}
.g-hide-cont li a strong{ height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333;padding-left: 10px; margin:6px 0 0; display:block; overflow:hidden;}
.g-hide-cont li:nth-child(2) a b{background-color:#ff9900;background-position: 7px -20px;}
.g-hide-cont li:nth-child(3) a b{background-color:#6a71e6;background-position: 7px -47px;}
.g-hide-cont li:nth-child(4) a b{background-color:#fe4a65;background-position: 6px -72px;}
.g-hide-cont li:nth-child(5) a b{background-color:#48dc6c;background-position: 6px -96px;}
.g-hide-cont li:nth-child(6) a b{background-color:#ff4400;background-position: 7px -120px;}
.g-hide-cont li:nth-child(7) a b{background-color:#ffcc00;background-position: 7px -148px;}
.g-hide-cont li:nth-child(8) a b{background-color:#55ae03;background-position: 6px -173px;}
.g-hide-cont li:nth-child(9) a b{background-color:#bf55ec;background-position: 7px -173px;}

.g-hide-soft li:nth-child(1) a b{background-color:#6a71e6;background-position: 7px -198px;}
.g-hide-soft li:nth-child(2) a b{background-color:#ff9900;background-position: 7px -223px;}
.g-hide-soft li:nth-child(3) a b{background-color:#6a71e6;background-position: 7px -248px;}
.g-hide-soft li:nth-child(4) a b{background-color:#fe4a65;background-position: 6px -274px;}
.g-hide-soft li:nth-child(5) a b{background-color:#48dc6c;background-position: 6px -299px;}
.g-hide-soft li:nth-child(6) a b{background-color:#ff4400;background-position: 6px -325px;}
.g-hide-soft li:nth-child(7) a b{background-color:#19b5fe;background-position: 7px -350px;}
.g-hide-soft li:nth-child(8) a b{background-color:#55ae03;background-position: 7px -501px;}
.g-hide-soft li:nth-child(9) a b{background-color:#f72459;background-position: 7px -299px;}

.g-hide-cont li a b.ios {background-position: 7px -500px;}




.g-key-tabbtn{ width:100%; height:auto; padding:12px 12px 0 0; box-sizing:border-box; display:flex; overflow:hidden}
.g-key-tabbtn li{ width:auto; height:42px; line-height:42px; font-size:14px; font-weight:normal; color:#383838; background:#fff; border-radius:4px; margin:0 0 0 12px; display:block; overflow:hidden; flex:1; text-align:center}
.g-key-tabbtn li i{ font-style:normal; color:#f30; font-weight:bold}
.g-key-tabbtn li.f-hover{ background:#ff7054; color:#fff;}

.g-key-tabbtn li.f-hover i{ color:#fff; }

.g-game-box{ width:100%; height:auto; background:#fff; margin:5px 0 0 0; box-shadow:0 2px 3px #ccc; padding:0 10px 15px; box-sizing:border-box; display:block; overflow:hidden}
.g-game-box .g-game-img{ width:80px; height:80px; float:left; position:relative; zoom:1; margin:15px 0 0 5px; display:inline; overflow:hidden;}
.g-game-box .g-game-img img{ width:100%; height:80px; display:block; overflow:hidden; border-radius:10px;}
.g-game-box .g-game-img b{ width:100%; height:80px; background:url(../images/down-img-light.png) no-repeat left top; background-size:80px; position:absolute; left:0; top:0; z-index:5}

.g-game-box .w-text{ width:100%; height:auto; display:block; overflow:hidden; margin:10px 0 0 0; padding:0;}
.g-game-box .w-text textarea{ width:100%; height:30px; display:block; overflow:hidden; margin:0; padding:0; box-sizing:border-box; border:1px solid #ccc;}

.g-game-box .w-button{ width:100%; height:auto; display:block; overflow:hidden; padding:0; margin:12px 0 0;}
.g-game-box .w-button #verify{ width:100%; height:30px; line-height:30px; background:#ff4d4e; font-size:14px; font-weight:normal; font-family:"microsoft yahei"; text-align:center; color:#fff; padding:0; margin:0; border:0; display:block; overflow:hidden; border-radius:4px;}

.g-game-box .g-game-ly{ width:100%; height:auto; display:block; overflow:hidden; margin:0; padding:0;}
.g-game-box .g-game-ly dl{ width:100%; height:auto; display:block; overflow:hidden; margin:0 0 0 0;box-sizing:border-box}
.g-game-box .g-game-ly dl dt{ width:100%; height:14px; line-height:14px; font-size:14px; font-weight:normal; font-family:"microsoft yahei"; color:#1c934e; margin:10px 0 0 0;}
.g-game-box .g-game-ly dl dt b{ font-size:14px; font-weight:normal; font-family:"microsoft yahei";}
.g-game-box .g-game-ly dl dt i{ display:none}
.g-game-box .g-game-ly dl dt em{ display:none}
.g-game-box .g-game-ly dl dd{ width:100%;height:auto; line-height:20px; font-size:12px; font-weight:normal; color:#151515; text-indent:25px; padding:6px 0 0 6px; display:block; background:url(../images/down-ly-bg.png) no-repeat 14px 7px; overflow:hidden; margin:0 }
.g-game-box .g-game-ly dl dd p{ display:none}