body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,blockquote{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
img{border:0}
a{outline:0;color:#313131;text-decoration:none}
.cl:after{content:'\20';display:block;height:0;clear:both}
.cl{*zoom:1}
em, cite{ font-style:normal;}
.fl{float:left}

input {-webkit-appearance:none; border-radius:0; /*去除input默认样式*/}
input[type="submit"],
input[type="reset"],
input[type="button"],
input{-webkit-appearance:none;}

@media only screen and (min-width:320px){html{font-size:25px;}}
@media only screen and (min-width:340px){html{font-size:26.56px;}}
@media only screen and (min-width:360px){html{font-size:28.13px;}}
@media only screen and (min-width:380px){html{font-size:29.69px;}}
@media only screen and (min-width:480px){html{font-size:37.5px;}}
@media only screen and (min-width:640px){html{font-size:50px;}}

nav{ position:fixed; bottom:0; min-width:320px;max-width:800px; width:100%; padding:6px 0 5px; border-top:1px solid #d7d7d7; background:#fff; opacity:0.95; overflow:hidden; z-index:9999;}
nav ul{ display:table; width:100%;}
nav ul li{ width:20%; text-align:center; display:table-cell; vertical-align:middle;}
nav ul li a{ display:block; color:#808080;}
nav .active a{ color:#007aff;}
nav ul li i{ background:url(../images/footer_icon.png) no-repeat; background-size:cover; width:25px; height:24px; display:inline-block; overflow:hidden;}
nav ul li span{ display:block; text-align:center; margin-top:-3px;}
nav .i1{ background-position:0px 0px;}
nav .i2{ background-position:0 -27px;}
nav .i3{ background-position:0px -54px;}
nav .i4{ background-position:0 -78px;}
nav .i5{ background-position:0 -105px;}
nav .active .i1{ background-position:0 -131px;}
nav .active .i2{ background-position:0 -157px;}
nav .active .i3{ background-position:0 -184px;}
nav .active .i4{ background-position:0 -209px;}
nav .active .i5{ background-position:0 -236px;}

.list_loading{height:16px;padding:20px 0 20px;text-align:center}
.list_loading i{height:22px;width:22px;display:inline-block;background:url(../images/loading.png) no-repeat 0 0;background-size:22px 22px;margin-right:10px;vertical-align:middle;-webkit-animation:loading 1s infinite linear;-ms-animation:loading 1s infinite linear;-o-animation:loading 1s infinite linear;-moz-animation:loading 1s infinite linear;animation:loading 1s infinite linear}
.list_loading span{height:16px;display:inline-block;line-height:16px;vertical-align:middle;color:#999;font-size:13px;}

.pl_loading{ font-size:12px; height:24px; line-height:24px; text-align:center; border:1px solid #ddd; background:#fff; border-radius:4px; margin:5px 0; overflow:hidden;}

body{min-width:320px;max-width:800px;margin:0 auto;background:#f1f1f1;font:12px/1.5 "Microsoft Yahei","Arial";color:#191919;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;}
.container{width:100%;max-width:800px;min-height:176px;margin:0 auto; position:relative;overflow:hidden}
.marginTop60{ margin-top:63px; overflow:hidden;}
.header{height:50px;padding:0;line-height:45px;text-align:center;border-bottom:0px solid #00bafe;position:relative;background:#2b323d}
.header #menu{float:left;margin-left:10px;margin-top:12px}
#menu{width:27px;height:27px;font:0/0 a;background:url(../images/sprite.png) no-repeat 0 0;background-size:90px;cursor:pointer}
.header .favorite{float:right;width:27px;height:24px;font:0/0 a;background:url(../images/sprite.png) no-repeat 0 -48px;background-size:80px;margin-right:8px;margin-top:13px}
.header .login{float:right;position:relative;width:21px;height:24px;font:0/0 a;background:url(../images/sprite.png) no-repeat 0 -24px;background-size:80px;margin-right:15px;margin-top:13px}
.header .login_in{float:right;position:relative;width:21px;height:24px;font:0/0 a;background:url(../images/sprite.png) no-repeat 0 -189px;background-size:80px;margin-right:15px;margin-top:13px}
.header .login i,.header .login_in i{ width:8px; height:8px; display:block; background:#f00; border-radius:100px;position:absolute; right:-5px; top:-3px;}
.header .logo{position:absolute;left:50%;display:block;width:60%;margin-left:-30%;line-height:50px;color:#fff; font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#guide{position:absolute;left:0;top:50px;z-index:999;background:#f8f8f8;width:100%;overflow:hidden;display:none;box-shadow:0 2px 2px #666}
#guide ul{overflow:hidden;margin-left:-1px;border-bottom:1px solid #fff;border-bottom:1px solid #dcdcdc}
#guide li{float:left;width:25%;text-align:center;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;margin-left:-1px}
#guide li a{color:#4398d1;display:block;border-left:1px solid #fff;border-top:1px solid #fff;line-height:63px;font-size:16px}
.footer{text-align:center;padding:10px;line-height:14px;background:#007aff; color:#fff}
.footer p{ line-height:22px; text-align:center;}
.footer a{display:inline-block;padding:0 2px;background-position:right -60px; color:#fff}
.footer_wap{ padding:10px 0; margin:10px 0 65px 0; text-align:center; background:#fff;}
/*.footer_wap{    position: fixed;  bottom: 100px;  min-width: 320px;  max-width: 800px;  width: 100%;  padding: 6px 0 5px;  border-top: 1px solid #d7d7d7;  background: #fff;  opacity: 0.95;  overflow: hidden;  z-index: 9999;text-align:center}*/
.footer_wap .nav{ margin:5px 0;}
.footer_wap .nav a{ display:inline-block; margin:0 10px; font-size:12px; color:#666; line-height:22px;}
.footer_wap .nav a img{ width:60px; vertical-align:middle;}
.footer_wap .wangwen a{ margin:0 3px; font-size:12px; color:#666; line-height:22px;}
.footer_wap .copyright{ color:#666; line-height:22px;}
#return{background:0}
.header .home{float:left;margin-left:2.5%;margin-top:0px;width:30px; height:30px; display:block;}
.header .home a{ font:0/0 a; cursor:pointer; position:absolute; top:12px; left:10px; width:30px; height:30px; display:block; background:url(../images/icon-home.png) no-repeat; background-size:30px;}
.header .home2{float:right;position:relative;margin-right:2.5%;margin-top:0px;width:30px; height:30px; display:block;}
.header .home2 a{ font:0/0 a; cursor:pointer; position:absolute; top:12px; left:0px; width:30px; height:30px; display:block; background:url(../images/icon-home.png) no-repeat; background-size:30px;}
.header .back{float:left;margin-left:2.5%;margin-top:12px}
.header .back{width:30px; height:30px; display:block;}
.header .back a{ font:0/0 a; cursor:pointer; content:''; position:absolute; top:15px; left:15px; width:14px; height:14px; border:#fff solid; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.bindPhone-box .btn input {background:#cc0000!important;}

.m-back-div{ background-color: #fff;border-bottom:1px solid #e4e4e4; text-align: center; line-height: 45px; font-size:15px; max-width:800px; top:0; z-index: 1000; height:45px;position: fixed;width: 100%}
.B-back{ width:25px;height:25px; display:block; position: absolute;top: 10px;left: 10px;}

.g-top{ position:fixed; width:100%; min-width:320px;max-width:800px; top:0; height:60px; background:#fff; border-bottom:1px solid #d7d7d7; opacity:0.95; z-index:9999;}
.g-top .logo{ position:absolute; left:10px; top:11px; width:110px; display:block;}
.g-top .search{padding:11px 55px 0 130px;}
.g-top .search .sear_input{ width:100%; height:38px; border:1px #ccc solid; border-radius:4px; font-size:14px; padding-left:8px; vertical-align:middle; box-sizing:border-box;}
.g-top .search .btn_input{ position:absolute; right:56px; top:1px; width:34px; height:34px; margin:12px 0 0 130px; display:block; border:none; background:#fff url(../images/searchBg.png) 9px no-repeat; background-size:18px;cursor:pointer;}
.g-top a.guanzhu{ position:absolute; right:0; top:10px;}
.g-top a.guanzhu i{ width:38px; height:38px; display:inline-block; vertical-align:top; margin-right:8px;}
.g-top a.guanzhu i.icon-guanzhu{ background:url(../images/icon-guanzhu.png) no-repeat; background-size:cover;}
.g-top-qd{ position:fixed; width:100%; top:0; left:0; height:60px; background:#fff; border-bottom:1px solid #d7d7d7; opacity:0.95; z-index:9999;}
.g-top-qd .search{padding:11px 10px 0 10px;}
.g-top-qd .search .sear_input{ width:100%; height:38px; border:1px #ccc solid; border-radius:4px; font-size:14px; padding-left:8px; vertical-align:middle; box-sizing:border-box;}
.g-top-qd .search .btn_input{ position:absolute; right:12px; top:1px; width:34px; height:34px; margin:12px 0 0 130px; display:block; border:none; background:#fff url(../images/searchBg.png) 9px no-repeat; background-size:18px;cursor:pointer;}

.personal_info{ margin:0 auto 10px auto; text-align:center; background:#fff; }
.personal_info li{ width:49%; display:inline-block; margin:8px 0; font-size:16px;}
.personal_info li:nth-child(1){ border-right:1px solid #D7D7D7;}
.personal_info li a{ color:#222; display:block; padding:5px 0;}
.personal_info li i{ width:18px; height:18px; display:inline-block; vertical-align:top; margin-top:2px; margin-right:8px;}
.personal_info li i.icon-grzx{ background:url(../images/icon-grzx.png) no-repeat; background-size:cover;}
.personal_info li i.icon-wdlb{ background:url(../images/icon-wdlb.png) no-repeat; background-size:cover;}
.personal_info li i.open {  background: url(../images/open.png) no-repeat;  background-size: cover;  }

.icon-nav{border-top:1px #D7D7D7 solid;border-bottom:1px #D7D7D7 solid;padding:10px 0;overflow:hidden;height:70px;background:#fff;margin-bottom:15px;}
.icon-nav a{font-size:16px;float:left;width:25%;padding-top:50px;height:18px;line-height:18px;color:#333;text-align:center;background:url(../images/icon-nav.png) no-repeat;background-size:45px auto;}
.icon-nav .zx{background-position:center 0;}
.icon-nav .phb{background-position:center -69px;}
.icon-nav .yy{background-position: center -138px}
.icon-nav .fl{background-position:center -207px;}

.index-ggao2{ width:100%; text-align:center; margin:0 auto 10px auto;}
.index-ggao2 a{ width:90%; font-size:13px; color:#fff; padding:5px 10px; background:#3D3D3D; border-radius:8px; display:block; margin:0 auto;}
.index-ggao2 img{ width:35px; height:35px; display:inline-block; vertical-align:middle; margin-right:10px;}

.index-more{ text-align:center; border-top:0px solid #D7D7D7; overflow:hidden;}
.index-more a{ background:#fff; display:table; font-size:14px; line-height:30px; height:30px; padding:0 15px; margin:10px auto; color:#666; border-radius:100px;}
.details-more{ text-align:center; border-top:0px solid #D7D7D7; overflow:hidden;}
.details-more a{ background:#fff; display:table; font-size:14px; line-height:30px; height:30px; padding:0 15px; margin:10px auto; color:#666; border-radius:100px;}

#my_game{ padding:10px 0; border-bottom:1px solid #D7D7D7; background:#fff; overflow:hidden;}
#my_game .my_game_main { height:75px; margin:0px 0 0 0; padding:0 5px; position:relative;overflow:hidden;z-index:1;}
#my_game .swiper-slide{ width:50px; height:75px;float:left; padding:0 10px;}
#my_game .swiper-slide a{ color:#222;}
#my_game .swiper-slide img { width:50px;height:50px;border-radius:15px;margin:0 0 0px}
#my_game .swiper-slide span{display:block;color:#222; height:20px;font-size:12px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.tabbtn { line-height:45px; overflow:hidden; background:#fff; margin:0 auto 15px auto; width:100%;}
.tabbtn ul { display:table; width:100%;}
.tabbtn li { width:20%; text-align:center; display:table-cell; vertical-align:middle;}
.tabbtn li a {display:block; color:#333; font-size:17px; font-weight:700;}
.tabbtn li a:hover { text-decoration:none; color:#333;}
.tabbtn li.current a { border-bottom:3px solid #007aff;}

.tabbtnBox {height:45px; line-height:45px; overflow:hidden; background:#fff; border:1px solid #ddd; margin:10px 0;}
.tabbtnBox ul { display:table; width:100%;}
.tabbtnBox li { width:25%; text-align:center; font-weight:500; display:table-cell; vertical-align:middle;}
.tabbtnBox li a { position:relative; display:block; color:#007aff; font-size:16px; border-right:1px solid #ddd; width:100%; }
.tabbtnBox li a i.icon-hot{ position:absolute; top:0; right:0; z-index:11; width:35px; height:35px; display:inline-block; background:url(../images/icon-hot.png) no-repeat;}
.tabbtnBox li a:hover { text-decoration:none; color:#007aff;}
.tabbtnBox li.current a{ background:#007aff; color:#fff;}
.tabbtnBox li.current a i.icon-hot{ background:none;}

.footer-tabbtn { line-height:40px; overflow:hidden; background:#fff; margin:0 auto; width:100%;}
.footer-tabbtn ul { display:table; width:100%;}
.footer-tabbtn li { width:20%; text-align:center; display:table-cell; vertical-align:middle;}
.footer-tabbtn li a { display:block; color:#333; font-size:16px; border-top:2px solid #007aff;}
.footer-tabbtn li a:hover { text-decoration:none; color:#707070;}
.footer-tabbtn li.current a { border-top:2px solid #0099FF; color:#0099FF; font-weight:700; height:40px;}

.index-banner{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;z-index:1;width:100%; margin:0 auto;}
.index-banner .swiper-wrapper li{float:left}
.index-banner .swiper-wrapper li img{width:100%;height:100%; display:none;}
.index-banner .index-pagination{position:absolute;left:75%;bottom:0;width:100%;height:20%;text-align:center;overflow:hidden;z-index:1001;}
.index-banner .index-pagination span{width:2.8%;height:34%;margin-top:2.6%;margin-right:2%;border-radius:50%;background:#797979;float:left;display:inline-block;}
.index-banner .index-pagination span.swiper-active-switch{background:#fff; }
.index-banner .banner-title{position:absolute;left:0;bottom:0;color:#fff;font-size:1.6em;width:100%;background:rgba(0, 0, 0, 0.4); height:20%; padding-left:3%;z-index:1000;}
.index-banner .banner-title p{ margin-top:1%;}

.box-hd{ margin-top:10px; overflow:hidden; position:relative;}
.box-hd ins{ float:left; width:6px; height:14px; background:#007aff; margin:13px 6px 0 10px; border-radius:100px;}
.box-hd .over{ border-bottom:0px solid #d7d7d7; height:36px; line-height:36px; background:#fff;}
.box-hd .over h3{ font-weight:normal; color:#191919; border-top:1px solid #fff; line-height:38px; font-size:16px;}
.box-hd .over .more{ float:right; color:#888; margin-right:10px; font-size:14px;}
.box-hd .over strong{ font-size:25px;}
.marginTop{ margin-top:0;}

.game-list{ margin:0 0 10px 0; background:#fff;}
.game-list li{ position:relative; background:#fff; /*border-bottom:1px solid #d7d7d7;*/ padding:12px 10px; overflow:hidden;}
.game-list li:last-child{ border-bottom:none;}
.game-list li a{ display:block; width:100%;/* overflow:hidden;*/}
.game-list li:nth-child(1) { border-top:none;}
.game-list li i { float:left; background:url(../images/icon-default.png) no-repeat; background-size:cover; width:64px; height:64px; display:inline-block; overflow:hidden; margin:3px 0 0 0; border-radius: 15px;}
.game-list li i img{width:100%; height: 100%;}
.game-list li i span.new{ position:absolute; left:7px; top:10px;}
.game-list li i.icon-wdlb{ width:12px; height:12px; float:none; vertical-align:top; background:url(../images/icon-wdlb.png) no-repeat; background-size:cover; border-radius:0; margin:9px 0 0 5px;}
.game-list li dl{ float:left; margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:70%;}
.game-list li dt{ font-size:14px; line-height:30px; color:#191919;}
.game-list li dt strong{ font-weight:500;}
.game-list li dd,.game-list li dd p{ color:#666; line-height:18px; height:18px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.game-list li dd.fenlei{ color:#666; font-size:12px;}
.game-list li .play{ position:absolute; right:3%; top:26px; width:74px; display:block; vertical-align:middle}
.game-list li .golook{ position:absolute; right:10px; top:28px; width:70px; height:30px; display:block; vertical-align:middle; background:#189aed; text-align:center; line-height:30px; border-radius:100px; color:#fff; font-size:1.1em;}
.game-list li .golook2{ position:absolute; right:10px; top:12px; width:65px; height:23px; display:block; vertical-align:middle; background:#007aff; text-align:center; line-height:24px; border-radius:100px; color:#fff; font-size:1.1em;}
.game-list li .shouc{ position:absolute; right:10px; bottom:11px; width:65px; height:23px; display:block; vertical-align:middle; border:1px solid #00BB9C; text-align:center; line-height:24px; border-radius:100px; color:#00BB9C; font-size:1.1em;}
.game-list li .shouc_off{ position:absolute; right:10px; bottom:11px; width:65px; height:23px; display:block; vertical-align:middle; border:1px solid #00BB9C; text-align:center; line-height:24px; border-radius:100px; color:#fff; font-size:1.1em; background:#00BB9C;}
.game-list li .star{ height:21px; margin-top:3px;}
.game-list li .star img{ width:14px; height:14px; vertical-align:middle; float:left;}
.game-list li .txt{ width:72%; margin:0 0 0 10px; overflow:hidden;}
.game-list li .txt .Red{ color:#f00;}

.game-list .empty{ height:260px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#aaa; text-align:center; text-align:center; line-height:200px; background:#fff;}

.index-ggao{ margin:-2px 0 -6px 0; padding:0;}
.index-ggao img{ width:100%;}

.blogroll{ background:#fff; padding:10px; overflow:hidden;}
.blogroll a{ background:#efefef; border-radius:100px; height:30px; line-height:30px; padding:5px 10px; margin-right:5px; color:#666;}

.zhuanti{ background:#4E633F;}
.theme-white{ background:#fff;}
.theme-green{ background:#4E633F;}
.theme-blue{ background:#1C5567;}
.theme-pink{ background:#D56F7D;}
.theme-white .zt-intro{ position:relative; color: #222; color:#333; border-bottom: 1px solid #D7D7D7;}
.theme-green .zt-intro{ position:relative; color: #222; color:#fff; border-bottom: 1px solid #718265;}
.theme-blue .zt-intro{ position:relative; color: #222; color:#fff; border-bottom: 1px solid #497785;}
.theme-pink .zt-intro{ position:relative; color: #222; color:#fff; border-bottom: 1px solid #CCB0B0;}
.zt-intro img{ width: 100%; height:4.8rem;}
.zt-intro h2{ margin: 10px; font-size: 18px;}
.zt-intro p{ margin: 10px; line-height:22px; text-indent:2em; font-size: 14px;}
.zt-intro div{ margin:20px 10px; line-height:22px; font-size: 14px;}
.zt-intro div a img{ width:90px; height:22px; vertical-align:top;}
.zt-intro .back{position:absolute; top:10px; left:10px; line-height:36px; font-size:14px; display:block; background: rgba(51,51,51,0.4); border-radius:100px;}
.zt-intro .back a{ width:36px; height:36px; display:block; color:#fff;}
.zt-intro .back a i{ font:0/0 a; cursor:pointer; content:''; position:absolute; top:12px; left:14px; width:10px; height:10px; border:#fff solid; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}

.zt-list{ overflow:hidden;}
.theme-white .zt-list li{ position:relative; border-radius:0px; border-bottom:1px solid #D7D7D7; padding:10px; overflow:hidden;}
.theme-green .zt-list li{ position:relative; border-radius:0px; border-bottom:1px solid #718265; padding:10px; overflow:hidden;}
.theme-blue .zt-list li{ position:relative; border-radius:0px; border-bottom:1px solid #497785; padding:10px; overflow:hidden;}
.theme-pink .zt-list li{ position:relative; border-radius:0px; border-bottom:1px solid #CCB0B0; padding:10px; overflow:hidden;}
.zt-list li a{ display:block; width:100%; /*overflow:hidden;*/}
.zt-list li i { float:left; background:url(../images/icon-default.png) no-repeat; background-size:cover; width:60px; height:60px; display:inline-block; overflow:hidden; margin:3px 0 0 0; border-radius: 12px;}
.zt-list li i img{width:100%; height: 100%;}
.zt-list li dl{ float:left; margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:70%;}
.zt-list li dt{ font-size:16px; line-height:24px; color:#fff;}
.theme-white .zt-list li dt{ font-size:16px; line-height:24px; color:#333;}
.theme-white .zt-list li dd{ color:#999; line-height:18px; height:18px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.theme-green .zt-list li dd{ color:#B7BFB1; line-height:18px; height:18px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.theme-blue .zt-list li dd{ color:#A1B8C0; line-height:18px; height:18px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.theme-pink .zt-list li dd{ color:#DCD8D8; line-height:18px; height:18px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.theme-white .zt-list li .golook{ position:absolute; right:10px; top:22px; width:70px; height:30px; display:block; vertical-align:middle; background:#007aff; text-align:center; line-height:30px; border-radius:100px; color:#fff; font-size:1.1em;}
.theme-green .zt-list li .golook{ position:absolute; right:10px; top:22px; width:70px; height:30px; display:block; vertical-align:middle; background:#B8C0B2; text-align:center; line-height:30px; border-radius:100px; color:#4E633F; font-size:1.1em;}
.theme-blue .zt-list li .golook{ position:absolute; right:10px; top:22px; width:70px; height:30px; display:block; vertical-align:middle; background:#A4BBC2; text-align:center; line-height:30px; border-radius:100px; color:#1C5567; font-size:1.1em;}
.theme-pink .zt-list li .golook{ position:absolute; right:10px; top:22px; width:70px; height:30px; display:block; vertical-align:middle; background:#FFE1E1; text-align:center; line-height:30px; border-radius:100px; color:#D56F7D; font-size:1.1em;}
.zt-more{ text-align:center;}
.zt-more a{ width:100%; display:block; font-size:14px; margin:0 auto; line-height:50px; color:#f2f2f2; font-size:16px;}
.theme-white .zt-more{ text-align:center;}
.theme-white .zt-more a{ width:100%; display:block; font-size:14px; margin:0 auto; line-height:50px; color:#999; font-size:16px;}

.theme-white .zt-old{ border-bottom:1px solid #D7D7D7; overflow:hidden;}
.theme-white .zt-old .zt-over{ border-bottom:1px solid #D7D7D7; border-top:1px solid #d7d7d7; height:48px; line-height:48px;}
.theme-green .zt-old{ border-bottom:1px solid #718265; overflow:hidden;}
.theme-green .zt-old .zt-over{ border-bottom:1px solid #718265; border-top:1px solid #718265; height:48px; line-height:48px;}
.theme-blue .zt-old{ border-bottom:1px solid #497785; overflow:hidden;}
.theme-blue .zt-old .zt-over{ border-bottom:1px solid #497785; border-top:1px solid #497785; height:48px; line-height:48px;}
.theme-pink .zt-old{ border-bottom:1px solid #CCB0B0; overflow:hidden;}
.theme-pink .zt-old .zt-over{ border-bottom:1px solid #CCB0B0; border-top:1px solid #CCB0B0; height:48px; line-height:48px;}
.zt-old .zt-over h3{ font-weight:normal; color:#fff; line-height:48px; font-size:17px; margin:0 0 0 10px;}
.zt-old .zt-over .more{ float:right; color:#f2f2f2; margin-right:10px; font-size:14px;}
.theme-white .zt-old .zt-over h3{ font-weight:normal; color:#333; line-height:48px; font-size:17px; margin:0 0 0 10px;}
.theme-white .zt-old .zt-over .more{ float:right; color:#999; margin-right:10px; font-size:14px;}

.theme-white .zt-old .zt-cont{ background:#fff; padding:0 10px; overflow:hidden;}
.theme-green .zt-old .zt-cont{ background:#75945F; padding:0 10px; overflow:hidden;}
.theme-blue .zt-old .zt-cont{ background:#2E89A7; padding:0 10px; overflow:hidden;}
.theme-pink .zt-old .zt-cont{ background:#E4A3AB; padding:0 10px; overflow:hidden;}
.zt-old .zt-cont a{ position:relative; width:100%; text-align:center; display:block; margin:15px 0; border-radius:6px;}
.zt-old .zt-cont a img{ width:100%; height:4.8rem; display:block; border-radius:6px;}
.zt-old .zt-cont a p{ position:absolute; bottom:0; width:100%; background: rgba(0,0,0,.5); color:#fff; line-height:40px; font-size:15px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.game-detail-back{ position:relative; height:27px; background:#fff; margin-top:3px; overflow:hidden;}
.game-detail-back .back{position:absolute; top:0px; left:5px; line-height:36px; padding-left:22px; font-size:16px; display:block;}
.game-detail-back .back a{ width:40px; height:40px; display:block; color:#000;}
.game-detail-back .back a i{ font:0/0 a; cursor:pointer; content:''; position:absolute; top:10px; left:10px; width:12px; height:12px; border:#000 solid; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}

.game-detail{ position:relative; background:#fff; border-bottom:1px solid #D7D7D7; padding:15px 10px; overflow:hidden;}
.game-detail a{ display:block; width:100%; overflow:hidden;}
.game-detail i { float:left; background:url(../images/icon-default.png) no-repeat; background-size:cover; width:70px; height:70px; display:inline-block; overflow:hidden; margin:3px 0 0 0; border-radius: 12px;}
.game-detail i img{width:100%; height: 100%;}
.game-detail dl{ float:left; margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:70%;}
.game-detail dt{ font-size:17px; line-height:30px; color:#4C4B4C;}
.game-detail dd{ color:#747F8C; line-height:20px; font-size:12px;}
.game-detail dd.fenlei{ color:#929292; font-size:14px; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.game-detail .shouc{ position:absolute; right:10px; top:15px; width:60px; height:60px; display:block; text-align:center; line-height:105px; border-radius:4px; color:#222; font-size:15px; background:url(../images/collect_bg.png) no-repeat 10px -61px; background-size:40px;}
.game-detail .shouc_off{ position:absolute; right:10px; top:15px; width:60px; height:60px; display:block; text-align:center; line-height:105px; border-radius:4px; color:#222; font-size:15px; background:url(../images/collect_bg.png) no-repeat 10px top; background-size:40px;}
.game-detail .star{ height:20px; }
.game-detail .star img{ width:14px; height:14px; vertical-align:middle; float:left;}
.game-detail .txt{ width:72%; margin:0 0 0 10px; overflow:hidden;}
.game-detail .txt .Red{ color:#f00;}
.game-detail a.gotos{ width:100%; background:#378BD1; text-align:center; color:#fff; font-size:18px; line-height:40px; border-radius:6px; margin:10px auto 0 auto; display:block;}
.game-detail-bottom{ background:#fff; padding:15px 10px; overflow:hidden;}
.game-detail-bottom a.gotos{ width:100%; background:#378BD1; text-align:center; color:#fff; font-size:18px; line-height:40px; border-radius:6px; display:block;}

#game_img{ padding:5px 0; background:#fff; overflow:hidden;}
#game_img .swiper-container { height:250px; margin:10px 0 10px 10px;position:relative;overflow:hidden;z-index:1;}
#game_img .swiper-slide{ height:250px;float:left;}
#game_img .swiper-slide img { display:block; height:246px; margin:0 10px 0 0;}

.game-introduce{ background:#fff; padding:10px;}
.game-introduce span{ line-height:22px;}
.game-introduce .desc{ display:none;}
.game-introduce em{ color:#4D9FE2; font-weight:700; display:inline-block; line-height:22px; cursor:pointer;}
.game-introduce p{ text-indent:2em; color:#666; line-height:22px; font-size:14px;}

.related{width:100%; background:#fff; border-bottom:1px solid #D7D7D7; margin-bottom:10px; overflow:hidden;}
.related h2{line-height:24px; font-size:16px; font-weight:normal; color:#333; margin:10px 0 0 10px;}
.related li{width:20%; text-align:center; float:left; display:block; margin:15px 2.5%; }
.related li img{width:64px;height:64px;border-radius:6px;margin:0 0 2px}
.related span{display:block;overflow:hidden;height:18px;font-size:12px; white-space:nowrap; text-overflow:ellipsis;}
.related span.open{background:#007aff; border-radius:100px; height:30px; line-height:30px; width:64px; margin:5px auto 0 auto; color:#fff; font-size:14px;}

.topics{ width:100%; background:#fff; padding:10px 0; margin:0 auto; text-align:center; border-bottom:1px solid #d7d7d7; overflow:hidden;}
.topics a{ width:44%; display:inline-block; text-align:center; margin:5px 5px; border-radius:6px; }
.topics a img{ width:100%; height:3rem; display:block; border-radius:6px;}
.topics a p{ width:100%; color:#222; text-align:center; line-height:36px; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.fenlei_tit{ width:100%; background:#fff; font-size:16px; height:26px; line-height:26px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin-top:15px; padding-left:10px; color:#222; overflow:hidden;}

.list_classify{ padding:10px 0; margin-bottom:15px; background:#fff; border-bottom:1px solid #d7d7d7; overflow:hidden;}
.list_classify dt,.list_classify dd{float:left; width:20%; padding:5px 0; text-align:center}
.list_classify dt a,.list_classify dd a{ display:block; color:#333; font-size:14px;}
.list_classify a span{ display:block; margin-top:8px}
.list_classify a img{ width:50px; border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;}

.list_classify2{ margin:10px 0; padding:6px; background:#fff; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; overflow:hidden;}
.list_classify2 li{float:left; width:25%; padding:4px 0; text-align:center}
.list_classify2 li a{ display:block; color:#333; font-size:14px; padding:4px 0; margin:0 3px; border:1px solid #eaeaea; border-radius:30px;}
.list_classify2 li a.current{ background:#007aff; color:#fff;}

.list_classify3{ border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; background:#fff; margin:10px 0; overflow:hidden;}
.list_classify3 li{ float:left; width:33%; border-top:1px solid #ececec; border-left:1px solid #ececec; padding:3% 0; text-align:center;}
.list_classify3 li img{ width:70px; display:block; text-align:center; margin: 0 auto  6px auto; border-radius:16px;}
.list_classify3 li a{ color:#333; font-size:14px; display:block; font-weight:700;}
.list_classify3 li:nth-child(1),.list_classify3 li:nth-child(4),.list_classify3 li:nth-child(7),.list_classify3 li:nth-child(10){ border-left:none;}
.list_classify3 li:nth-child(1),.list_classify3 li:nth-child(2),.list_classify3 li:nth-child(3),.list_classify3 li:nth-child(10){ border-top:none;}
.list_classify3 li:nth-child(7),.list_classify3 li:nth-child(8),.list_classify3 li:nth-child(9){ border-bottom:1px solid #ececec;}
.list_classify3 li:nth-child(10){ border-right:1px solid #ececec;}

/*
.list_classify3{ margin:15px 0; text-align:center;  overflow:hidden;}
.list_classify3 li{ width:28%; background:#fff; border-radius:0px; margin:5px; padding:10px 0; display:inline-block;}
.list_classify3 li img{ width:70px; height:70px; text-align:center; margin:0 auto 5px auto; display:block; vertical-align:middle; border-radius:16px;}
.list_classify3 li a{ font-size:16px; display:block;} */

.game-fenlei{ width:100%; background:#fff; padding:0px 0 10px 0; margin-bottom:10px; border-bottom:1px solid #eaeaea; overflow:hidden;}
.game-fenlei-list{ width:45%; text-align:center; float:left; display:block; margin:15px 2.5% 0 2.5%; border-radius:8px; position:relative;}
.game-fenlei-list img{ max-width:100%; display:block; border-radius:8px;}
.game-fenlei-list p{ position:absolute; bottom:0; color:#fff; border-bottom-right-radius:8px; border-bottom-left-radius:8px; background-color:rgba(0,0,0,0.6); width:100%; line-height:24px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.kaifubiao-box{ position:relative; overflow:hidden;}
.kaifubiao-box .orange{ background:#f80;}
.kaifubiao-line{ border-left:1px solid #D7D7D7; height:100%; width:2px; position:absolute; left:25px; top:10px; min-height:170px; z-index:0;}
.kaifubiao-time{ position:relative; background:#65CB37; width:110px; height:34px; line-height:34px; display:block; margin:10px; border-top-left-radius:30px; border-top-right-radius:8px; border-bottom-left-radius:30px; border-bottom-right-radius:8px; }
.kaifubiao-time i.icon-kfb{ width:22px; height:22px; vertical-align:top; background:url(../images/icon-kfb.png) no-repeat; background-size:cover; border-radius:0; margin:6px 8px 0 5px; display:inline-block;}
.kaifubiao-time p{ display:inline-block; color:#fff; font-size:14px;}
.kaifubiao-title{ width:100%; background:#fff; text-align:center; overflow:hidden;}
.kaifubiao-title span{ font-size:16px; line-height:40px; color:#65CB37; font-weight:700;}
.kaifubiao-title span.orange{ color:#FF8800; background:#fff;}
.kaifubiao-list{ position:relative; border-top:0px solid #D7D7D7;}
.kaifubiao-list li{ position:relative; background:#fff; border-radius:0px; border-bottom:0px solid #D7D7D7; padding:10px; margin-bottom:0px; overflow:hidden;}
.kaifubiao-list li a{ display:block; width:100%; overflow:hidden;}
.kaifubiao-list li i { float:left; background:url(../images/icon-default.png) no-repeat; background-size:cover; width:64px; height:64px; display:inline-block; overflow:hidden; margin:3px 0 0 0; border-radius: 15px;}
.kaifubiao-list li i img{width:100%; height: 100%;}
.kaifubiao-list li i.icon-wdlb{ width:12px; height:12px; float:none; vertical-align:top; background:url(../images/icon-wdlb.png) no-repeat; background-size:cover; border-radius:0; margin:9px 0 0 5px;}
.kaifubiao-list li dl{ float:left; margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:70%;}
.kaifubiao-list li dt{ font-size:14px; line-height:30px; color:#191919;}
.kaifubiao-list li dt strong{ font-weight:500;}
.kaifubiao-list li dd{ color:#666; line-height:18px; height:18px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.kaifubiao-list li .golook{ position:absolute; right:10px; top:28px; width:70px; height:30px; display:block; vertical-align:middle; background:#007aff; text-align:center; line-height:30px; border-radius:100px; color:#fff; font-size:1.1em;}
.kaifubiao-box .more{ position:relative; text-align:center; border-bottom:1px solid #D7D7D7;}
.kaifubiao-box .more a{ background:#fff; width:100%; display:block; font-size:14px; margin:0 auto; line-height:50px; color:#929292; font-size:17px;}

.forum-main{ background:#fff; padding:10px 0; margin:10px 0;}
.forum-tabbtn {height:34px; line-height:34px; background:#fff; border:2px solid #4791CE; border-radius:6px; margin:0px auto; width:94%;display:table;}
.forum-tabbtn li { width:20%; text-align:center; display:table-cell; vertical-align:middle;}
.forum-tabbtn li a {display:block; color:#333; font-size:15px;}
.forum-tabbtn li a:hover { text-decoration:none; color:#333;}
.forum-tabbtn li.current a { background:#4791CE; color:#fff;}
.forum-tabbtn li:nth-last-child(1) a { border-right:none;margin-right:-1px }

.forum-list{ margin-top:10px;}
.forum-list li{ border-bottom:1px solid #ABABAB; line-height:50px; height:50px; margin:0 10px; position:relative; display:block;}
.forum-list li:nth-last-child(1) { /*border-bottom:none;*/}
.forum-list li p a:after{content:''; position:absolute; top:20px; right:4px; width:10px; height:10px; border:#aaa solid; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.forum-list li p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:94%;}
.forum-list li p a{ color:#000; font-size:14px;}
.forum-list li p a.title{ color:#000; font-size:14px; width:100%;display:inline-block;}
.forum-list .Red{ color:#ff3c30}
.forum-list .Orange{ color:#ff9602}
.forum-list .Green{ color:#4ad965}
.forum-list .Blue{ color:#5757d6}


.moods-list { background:#fff; margin:5px 10px 0 10px;}
.moods-list li { border-bottom:1px solid #ABABAB; position:relative; font-size:14px; overflow:hidden; padding:10px 0;}
.moods-list li .txt{ width:77%; overflow:hidden;}
.moods-list h3 { font-size:16px; font-weight: normal; line-height:34px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.moods-list p { font-size:14px; line-height:26px; color:#969696; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.moods-list p span{ color:#ff9602; font-size:16px;}
.moods-list li:nth-last-child(1) { /*border-bottom:none;*/}
.moods-list i { background:url(../images/icon-default.png) no-repeat; background-size:cover; width:60px; height:60px; display:inline-block; overflow:hidden; margin:3px 8px 0 0; border-radius: 6px;}
.moods-list i img{width:100%; height: 100%;}

.Textlist{ background:#fff; margin:15px 0 0 0;min-height:100px; border-top:1px solid #E0E1E2; border-bottom:1px solid #E0E1E2; }
.Textlist a{ display:block; overflow:hidden;padding:10px 10px 5px 10px;}
.Textlist li{ border-bottom:1px solid #F4F4F4;}
.Textlist li:last-child{ border:none}
.Textlist h2{ font-size:1.25em; font-weight:normal; line-height:1.8em; color:#101010;}
.Textlist h2 img {max-width: 19px;height: auto;margin-right:2px;}
.Textlist h2 .ico_green{ font-size:0.75em; line-height:1.6em;}
.Textlist .summary, .Textlist p{ color:#A0A0A0; font-size:0.875em;height:20px; overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.Textlist h2 .ico_jing{ background:#60AFE7;}
.ico_pic{ background:#FD913A;}
.Textlist h2 .ico_hot {background:#FF7850;}
.Textlist h2 .ico_qiang {background: #BA67FF;}
.Tnum{ clear:both; text-align:right; padding:5px 0;}
.name_user{ float:left; color:#3668B3; font-size:0.875em; vertical-align:middle; margin:2px 0 0 0}
.Tnum i{ font-style:normal; font-size:0.825em; color:#B7B7B7; float:left;margin: 3px 0 0 5px;}
.Tnum em{ display:inline-block; margin-left:8px; height:24px; font-size:0.875em; padding:0 0 0 23px; background:url(../images/sprite.png) no-repeat; background-size:70px auto; vertical-align:middle; color:#B7B7B7;line-height: 1.8em;}
.Tnum em.ico_eye{ background-position:0 -91px}
.Tnum em.ico_talk{ background-position:0 -114px}
.Tnum .rightbox{ float:right; color:#B7B7B7; font-size:0.875em;line-height: 1.8em;}



.my_head_new { background:#fff; border-bottom:1px solid #ddd; /*background:#fff url(../images/my_head_bg.jpg) no-repeat;*/ background-size:cover; width:100%; height:100px;}
.my_head_new .tx { position:relative; padding-left:18px;}
.my_head_new .tx_con { background:url(../images/icon-default.png) no-repeat; background-size:cover; width:60px; height:60px; display:block; margin-top:20px; margin-right:15px; border-radius:50%; position:relative; float:left;}
.my_head_new .tx_con img { width:100%; height:60px; border-radius:50%;}
.my_head_new .tx_con i { background:url(../images/my_01.png) no-repeat; width:30px; height:18px; background-size:cover; position:absolute; top:0px; right:0px; display:block;}
.my_head_new .name { padding-top:18px; color:#333;}
.my_head_new .name p:nth-child(1) { font-size:16px; font-weight:700;}
.my_head_new .name p:nth-child(2) { padding-top:0px; font-size:14px; color:#666}
.my_head_new .name p span{ color:#EF9315;}
.my_head_new .tx:after{content:''; position:absolute; top:40px; right:20px; width:16px; height:16px; border:#c7c7cc solid; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.my_head_new .name p a.link{ color:#1C6BB4; font-size:13px; margin-left:10px; border:1px solid  #1C6BB4; border-radius:4px; padding:0 4px;}

.uc_classify{ padding:10px 0; margin:10px 0; background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd; overflow:hidden;}
.uc_classify dt{float:left; width:25%; padding:10px 0; text-align:center;}
.uc_classify dt a{ display:block; color:#333; font-size:14px;}
.uc_classify a span{ display:block; width:60px; text-align:center; margin:0 auto; position:relative;}
.uc_classify a img{ width:50px; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;}
.uc_classify a span.hint{ position:absolute; top:-58px; right:0px; width:12px; height:12px; background:#f00; border-radius:50px;}

.my_menu_new { overflow:hidden; margin:10px 0; border-top:1px solid #e5e5e3; border-bottom:1px solid #e5e5e3;}
.my_menu_new li { position:relative; background:#fff; padding:0 10px;}
.my_menu_new li:after{content:''; position:absolute; top:25px; right:20px; width:10px; height:10px; border:#c7c7cc solid; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.my_menu_new li:last-child a{ border-bottom:none;}
.my_menu_new li:nth-child(1),.my_menu_new li:nth-child(5){ border-bottom:none;}

.my_menu_new i { background:url(../images/my_icon.png) no-repeat; width:30px; height:30px; background-size:cover; display:inline-block; float:left; margin:0px 10px 0 0;}
.my_menu_new li a { display:block; border-bottom:1px solid #e5e5e3; overflow:hidden; padding:15px 10px; position:relative;}
.my_menu_new li b { color:#f00; font-family:Verdana; padding:0 3px; font-size:14px;}
.my_menu_new span { display:block;}
.my_menu_new .i01 { background-position:0 0;}
.my_menu_new .i02 { background-position:0 -32px;}
.my_menu_new .i03 { background-position:0 -64px;}
.my_menu_new .i04 { background-position:0 -95px;}
.my_menu_new .i05 { background-position:0 -127px;}
.my_menu_new .i06 { background-position:0 -150px;}
.my_menu_new li span { color:#000; font-size:16px; line-height:30px;}
.my_menu_new a span.hint{ position:absolute; top:12px; left:32px; width:12px; height:12px; background:#f00; border-radius:50px;}
.my_menu_new a span.hhr{ position:absolute; top:20px; right:30px; font-size:13px; line-height:22px; background:#f00; color:#fff; padding:0 8px; border-radius:100px;}

.login_out{ margin:10px 10px; text-align:center}
.login_out a{ background:#ff9602; width:100%; display:block; border-radius:3px; padding:14px 0; color:#fff; font-size:18px; margin-bottom:10px;}
.login_out a.fais{ background:#fff; border:1px solid #aaa; width:99.6%; display:block; border-radius:3px; padding:12px 0; color:#000; font-size:18px; margin-bottom:20px;}

.user-portrait{ padding:10px 0; margin-top:45px; background:#fff url(../images/my_head_bg.jpg) no-repeat; background-size:cover;}
.user-portrait .btn-file{position:relative;display:inline-block;overflow:hidden;width:100%; text-align:center;}
.user-portrait .btn-file input{position:absolute;top:0; width:60px; height:60px;opacity:0;cursor:pointer;filter:alpha(opacity:0);}
.user-portrait a.btn-file img{width:60px;height:60px;border-radius:50px;}

.my_info_list { overflow:hidden; margin:0;}
.my_info_list li { position:relative; background:#fff; padding:0 10px;}
.my_info_list li:after{content:''; position:absolute; top:19px; right:20px; width:10px; height:10px; border:#c7c7cc solid; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.my_info_list li:last-child a,.my_info_list li:nth-child(4) a,.my_info_list li:nth-child(7) a{ border-bottom:none;}
.my_info_list li:nth-child(1),.my_info_list li:nth-child(5){ border-top:1px solid #ddd;}
.my_info_list li:nth-child(4){ margin-bottom:10px; border-bottom:1px solid #ddd;}
.my_info_list li:nth-child(6){ margin-bottom:0px; border-bottom:1px solid #ddd;}

.my_info_list li a{ display:block; border-bottom:1px solid #e5e5e3; overflow:hidden; padding:10px 10px;}
.my_info_list li b{ color:#f00; font-family:Verdana; padding:0 3px; font-size:14px;}
.my_info_list li span{ color:#999; font-size:14px; line-height:30px;position:relative}
.my_info_list li .sp1{ display:inline-block; width:70px; color:#333}
.my_info_list li a.jf{ display:block; position:absolute; right:50px; top:0; border:1px solid #1C6BB4; padding:0 6px; margin-top:13px; border-radius:6px; color:#1C6BB4; height:22px; line-height:22px; z-index:10}

.user-submit{ text-align:center; background:#fff; overflow:hidden;}
.user-submit a{ background:#007aff; width:90%; display:block; border-radius:3px; padding:10px 0; margin:15px auto; color:#fff; font-size:15px;}

.my_renwu_list { overflow:hidden; margin:10px 0 10px 0; border-top:1px solid #e5e5e3; border-bottom:1px solid #e5e5e3;}
.my_renwu_list li { position:relative; background:#fff; padding:0 10px;}
.my_renwu_list li:after{content:''; position:absolute; top:19px; right:20px; width:10px; height:10px; border:#c7c7cc solid; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.my_renwu_list li:last-child a,.my_renwu_list li:nth-child(2) a{ border-bottom:none;}
.my_renwu_list li:nth-child(1){ border-top:1px solid #ddd;}
.my_renwu_list li:nth-child(4){ border-bottom:1px solid #ddd;}
.my_renwu_list li:nth-child(2){ margin-bottom:10px; border-bottom:1px solid #ddd;}
.my_renwu_list li:nth-child(1):after,.my_renwu_list li:nth-child(4):after{ border:#c7c7cc solid; border-width:0;}
.my_renwu_list li:nth-child(3):after{ border-width:0 2px 2px 0; top:16px;}

.my_renwu_list li a{ display:block; border-bottom:1px solid #e5e5e3; overflow:hidden; padding:10px 10px;}
.my_renwu_list li b{ color:#f00; font-family:Verdana; padding:0 3px; font-size:14px;}
.my_renwu_list li span{ color:#000; font-size:14px; line-height:30px;position:relative}
.my_renwu_list li a.signin{ display:block; position:absolute; right:20px; top:0; border:1px solid #1C6BB4; padding:0 14px; margin-top:13px; border-radius:6px; background:#1C6BB4; color:#fff; height:22px; line-height:22px; z-index:10}

.updown_cash_main{ background:#fff; overflow:hidden;}
.updown_cash{ position:relative; background:#E5E4E3; border-radius:6px; margin:10px 0; margin-bottom:10px; overflow:hidden;}
.updown_cash a{ display:block; width:100%; overflow:hidden;}
.updown_cash i { float:left; background:url(../images/icon-default.png) no-repeat; background-size:cover; width:60px; height:60px; display:inline-block; overflow:hidden; margin:3px 0 0 0; border-radius: 12px;}
.updown_cash i img{width:100%; height: 100%;}
.updown_cash dl{ float:left; margin-left:10px;}
.updown_cash dt{ font-size:15px; line-height:22px; color:#4C4B4C;}
.updown_cash dd.send{ color:#CC0000; line-height:14px; font-size:12px; border-radius:6px; border:1px solid #CC0000; text-align:center;}
.updown_cash dd.size{ color:#99989C; line-height:22px; font-size:12px;}
.updown_cash .download{ position:absolute; right:10px; top:30px; width:40px; height:8px; display:block; vertical-align:middle; background:#EEAA58; text-align:center; line-height:8px; border-radius:4px; color:#fff; font-size:1em;}


.my_dongtai{ border-left:1px solid #4791CE; margin:0 0 0 40px; padding:20px 0; position:relative;}
.my_dongtai .leibie{}
.my_dongtai .leibie dl{ position:absolute; left:-40px; width:76px; font-size:12px;}
.my_dongtai .leibie dt{ border:1px solid #4791CE; width:32px; height:32px; line-height:32px; text-align:center; border-radius:100px; color:#4791CE; background:#fff; margin-left:22px;}
.my_dongtai .leibie dd{ text-align:center; background:#E5E4E3; margin:5px 0; font-size:8px; color:#4791CE;}

.my_dongtai .content{ margin:0 0 0 40px; position:relative;}
.my_dongtai .content p{ line-height:22px; color:#3E3F3F;}
.my_dongtai .content .box{ background:#fff; border-radius:6px; margin:10px 10px 10px 0; padding:10px; overflow:hidden;}
.my_dongtai .content .box a{ }
.my_dongtai .content .box i { float:left; background:url(../images/icon-default.png) no-repeat; background-size:cover; width:60px; height:60px; display:inline-block; overflow:hidden; margin:3px 10px 0 0; border-radius: 12px;}
.my_dongtai .content .box i img{width:100%; height: 100%;}
.my_dongtai .content .box dl{ width:100%; padding-bottom:5px; display:block;}
.my_dongtai .content .box dt{ text-align:left;font-size:12px; line-height:24px; color:#191919; margin-bottom:10px;}
.my_dongtai .content .box dd.time{ text-align:right; color:#99989C; line-height:22px; font-size:12px; position:absolute; right:20px; bottom:5px;}


.my_pay_new { background:#fff; /*background:#fff url(../images/my_head_bg.jpg) no-repeat;*/ background-size:cover; width:100%; height:100px;}
.my_pay_new .tx { position:relative; padding-left:18px;}
.my_pay_new .tx_con { background:url(../images/icon-default.png) no-repeat; background-size:cover; width:60px; height:60px; display:block; margin-top:20px; margin-right:15px; border-radius:50%; position:relative; float:left;}
.my_pay_new .tx_con img { width:100%; height:60px; border-radius:50%;}
.my_pay_new .tx_con i { background:url(../images/my_01.png) no-repeat; width:30px; height:18px; background-size:cover; position:absolute; top:0px; right:0px; display:block;}
.my_pay_new .name { padding-top:25px; color:#333;}
.my_pay_new .name p:nth-child(1) { font-size:16px; font-weight:700;}
.my_pay_new .name p:nth-child(2) { padding-top:5px; font-size:14px; color:#666}
.my_pay_new .name p span{ color:#EF9315;}
.my_pay_new .tx:after{content:''; position:absolute; top:40px; right:20px; width:16px; height:16px; border:#c7c7cc solid; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.my_pay_new .name p a.link{ color:#1C6BB4; font-size:13px; margin-left:10px; border:1px solid  #1C6BB4; border-radius:4px; padding:0 4px;}

.my_pay_list { overflow:hidden; margin:10px 0 10px 0; border-top:1px solid #e5e5e3; border-bottom:1px solid #e5e5e3;}
.my_pay_list li { position:relative; background:#fff; padding:0 10px;}
.my_pay_list li:after{content:''; position:absolute; top:19px; right:20px; width:10px; height:10px; border:#c7c7cc solid; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.my_pay_list li:last-child a,.my_pay_list li:nth-child(2) a{ border-bottom:none;}
.my_pay_list li:nth-child(1){ border-top:1px solid #ddd;}
.my_pay_list li:nth-child(4){ border-bottom:1px solid #ddd;}
.my_pay_list li:nth-child(2){ margin-bottom:10px; border-bottom:1px solid #ddd;}
.my_pay_list li:nth-child(4):after{ border:#c7c7cc solid; border-width:0;}
.my_pay_list li:nth-child(3):after{ border-width:0 2px 2px 0; top:16px;}

.my_pay_list li a{ display:block; border-bottom:1px solid #e5e5e3; overflow:hidden; padding:10px 10px;}
.my_pay_list li b{ color:#f00; font-family:Verdana; padding:0 3px; font-size:14px;}
.my_pay_list li span{ color:#000; font-size:14px; line-height:30px;position:relative}
.my_pay_list li a.signin{ display:block; position:absolute; right:20px; top:0; border:1px solid #1C6BB4; padding:0 14px; margin-top:13px; border-radius:6px; background:#1C6BB4; color:#fff; height:22px; line-height:22px; z-index:10}

.pay_main{ background:#fff; margin:0 auto; text-align:center; overflow:hidden;}
.pay_main .pay_main_div{ padding:10px 0;}
.pay_main .pay_main_div a{width:118px; margin:5px;display:inline-block;text-align:center;background-color:#EFEFEF;font-size:14px;cursor: pointer;}
.pay_main .pay_main_div a.current{ background:#FFC12C; color:#fff;}

.payBtn{ margin:10px 10px; text-align:center}
.payBtn a{ background:#f84d36; width:100%; display:block; border-radius:3px; padding:12px 0; color:#fff; font-size:18px; margin-bottom:10px;}


.my_pay_detail{ margin-bottom:10px;}
.my_pay_detail h3{ font-weight:300; padding:10px;}
.my_pay_detail .lists{ background:#fff; width:100%; border-top:1px solid #e5e5e3; border-bottom:1px solid #e5e5e3;}
.my_pay_detail .lists li{ margin:0 0 0 10px; padding:10px 10px 10px 0; border-bottom:1px solid #e5e5e3; overflow:hidden;}
.my_pay_detail .lists li dl{ float:left;}
.my_pay_detail .lists li dt{ font-weight:700; font-size:14px; line-height:24px;}
.my_pay_detail .lists li dd{ color:#ccc; }
.my_pay_detail .lists li span{ float:right; line-height:38px;}
.my_pay_detail .lists li span.col-red{ color:#f00;}
.my_pay_detail .lists li span.col-green{ color:#090;}

.ranking-main{ margin:0px 0 0 0; overflow:hidden;}
.ranking-tabbtn {height:30px; line-height:30px;  border-radius:3px; margin:10px auto; width:94%;display:table;}
.ranking-tabbtn li { width:20%; text-align:center; display:table-cell; vertical-align:middle;}
.ranking-tabbtn li a {    color: white; font-size:17px;}
.ranking-tabbtn li a:hover { text-decoration:none; color:#333;}
.ranking-tabbtn li.current a { border-bottom: 2px solid #23c9b6}
.ranking-tabbtn li:nth-last-child(1) a { }
.ranking-tabbtn li:nth-last-child(2) a {

}
.ranking-tabbtn li:nth-last-child(3) a { }

.ranking-list{ margin:0;}
.ranking-list li{ position:relative; background:#fff; padding:8px 8px 8px 8px; border-bottom:0px solid #D7D7D7; overflow:hidden;}
.ranking-list li:nth-child(1) { border-top:1px solid #D7D7D7;}
.ranking-list li a{ margin-left:18px; display:block; width:100%; overflow:hidden;}
.ranking-list li i { float:left; background:url(../images/icon-default.png) no-repeat; background-size:cover; width:64px; height:64px; display:inline-block; overflow:hidden; margin:3px 0 0 0; border-radius: 12px;}
.ranking-list li i img{width:100%; height: 100%;}
.ranking-list li dl{ float:left; margin-left:10px;}
.ranking-list li dt{ font-size:14px; line-height:30px; color:#4C4B4C;}
.ranking-list li dt strong{ font-weight:500;}
.ranking-list li dd{ color:#99989C; line-height:18px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ranking-list li dd.fenlei{ color:#99989C; font-size:12px;}
.ranking-list li .play{ position:absolute; right:3%; top:26px; width:65px; height:23px; display:block; vertical-align:middle}
.ranking-list li .play2{ position:absolute; right:3%; top:12px; width:65px; height:23px; display:block; vertical-align:middle}
.ranking-list li .shouc{ position:absolute; right:3%; bottom:11px; width:65px; height:23px; display:block; vertical-align:middle}
.ranking-list li .golook{ position:absolute; right:10px; top:28px; width:70px; height:30px; display:block; vertical-align:middle; background:#007aff; text-align:center; line-height:30px; border-radius:100px; color:#fff; font-size:1.1em;}
.ranking-list li .game_sum{  height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
.ranking-list li .star{ height:21px; margin-top:3px;}
.ranking-list li .star img{ width:14px; height:14px; vertical-align:middle; float:left;}

.ranking-list li label{background:#fff;color:#666;display:block;float:left;font-family:Arial;font-size:16px;font-style:normal;width:20px;height:30px;line-height:20px;padding-top:10px;text-align:center;text-indent:0px;position:absolute;left:2px;top:22px; border-radius:0px;}
.ranking-list li .t01{background:#fff;}
.ranking-list li .t02{background:#fff;}
.ranking-list li .t03{background:#fff;}



.sBar{ height:47px; top:10px;font-size:13px; margin:0 10px;position:relative;overflow:hidden;zoom:1;clear:both;background:#f1f1f1;}
.sBar .sText{ width:100%; border:1px solid #dadce2;font-size:14px;color:#737373; padding:0 0 0 6px;height:36px;line-height:36px;-webkit-appearance:none;}
.sBar .btn{ position:absolute; right:1px; top:1px; width:34px; height:34px; display:block; border:none; background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDM0MiwgMjAxMC8wMS8xMC0xODowNjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNkY2OTZFNDk1OTExMUU0OTc1RkNFNEE5NDNGRjQ5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNkY2OTZFNTk1OTExMUU0OTc1RkNFNEE5NDNGRjQ5OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2RjY5NkUyOTU5MTExRTQ5NzVGQ0U0QTk0M0ZGNDk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI2RjY5NkUzOTU5MTExRTQ5NzVGQ0U0QTk0M0ZGNDk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BUc0zQAAAN5QTFRF+vr6+/v7/Pz87+/v9vb2s7Oz/f392tra6urq8/Pzurq69PT05+fn6enp3d3d+Pj4tLS0t7e38PDwuLi4vr6+u7u7vLy8x8fH2dnZ09PTyMjI3t7excXFwMDA0dHR19fX4+Pj4eHh1dXV8fHx0tLSubm5zc3NycnJy8vL6+vr3NzcwcHB29vbxMTE8vLywsLC9fX15OTkysrKw8PDtra25ubmzMzM+fn5v7+/vb29z8/P7Ozs0NDQtbW1xsbG4uLi39/f2NjY6Ojo1tbW7e3t9/f35eXl/v7+srKy////aRR5uQAAAhBJREFUeNqElIdy4kAMhuX1uhewj3LGIbSEXgKElEvPlV2//wudvItNsS+nGWaE/CF+NUNyMP3J70Sd+ElPzgwyh7mjFy7tZeSyMoiZbX5sbZMVIBKJR1pgN+qBJvyInEHQTMN2MzL899iIXq/Tr004gZQLjN2OfVe1bih1VHe6ucXIhXIE6ZcYqX94DkgdDJzPjo2xSz2HmIsiGr4KB6kMVB8pLSsSEqhxHvhLclI0GczxH2t7WcB6aWKVnPWPqD8w3pOpIFXd8CApdPmznmsHp4qJHFaAmIOpqo6Euui6xUT45A8W1BW/hj6WH7ISiKnY077QCkPOZ05SZhaWPZQTGXG+oKXQzYrzUUVAY8635RB94HwsoWfOH/+RCZv+LCEDq7NKoQFWZ0hNJrrvpdVNcXqmrC7EGralfZrh8GRzgF7hjNySjq8xfkX3s/OwZ41KAfqNsq+9/eyYlaZqKWeMskgTWSzbJ3OVUqey7tONzpcDN5P2cCn44+RoM82GuJif+mHHl35dnMd6r2D9Ku4LPwbLr4UMYnma1VlrOF5Vhf8wDFJKz++OLN/ugpMLDu56u49vGSWl6dSct2xtT2h2a27Se/V7RmXvArC8uL/ZtmvtxaYfexYemJJTh7eKQkNz133r7iYhVYTgjGLH7WEEKpUKkLwXktIGkHxlgqr++hpCatrsWP+BEmJNQvgrwADnJCcRDOLqkQAAAABJRU5ErkJggg==') 9px no-repeat; background-size:18px;cursor:pointer; }

.sBar-content{ background:#fff; margin:10px 0; padding-bottom:10px; border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;}
.sBar-content dl{margin:0 10px;clear:both;zoom:1;overflow:hidden}
.sBar-content dt{font-size:13px;height:40px;color:#007aff;line-height:40px;border-bottom:1px solid #eaeaea;}
.sBar-content dt span{float:right;width:30px;height:40px}
.sBar-content dd{clear:both;zoom:1;overflow:hidden}
.sBar-content .hot dd{margin:15px 0 0 4px}
.sBar-content .hot li{display:block;float:left;width:30%;margin:0 3.33% 10px 0;height:36px;line-height:36px;text-align:center;}
.sBar-content .hot li a{border-radius:4px;border:1px solid #e8ebf0;background:#fafafa;display:block;}
.sBar-content .hot li a:hover{background:#eaecf1}

.ad_banner{ width:100%;}
.ad_banner img{ width:100%;}


.pl-form{ padding:20px 10px; overflow:hidden;}
.pl-form textarea{ width:97.6%; height:70px; border:2px solid #eaeaea; line-height:18px; padding:1%;}
.pl-form .pl-mun{ float:left; line-height:30px; font-size:14px;}
.pl-form .fb-btn{ float:right; background:#007aff; border:none; padding:10px 20px; color:#fff; font-size:14px; font-weight:700;}
.pl-form .Red{ color:#f00; margin:0 4px;}


.review{ background:#fff; margin-bottom:10px; border-bottom:1px solid #D7D7D7;}
.sns_feed{ background:#fff; border-radius:0; margin: 0 0 0 0; position:relative;/* box-shadow:0 1px 3px #c4c4c4;*/ border-top:1px solid #d7d7d7;}
.sns_feed .user{/* position:absolute; top:-36px; height:72px; width:100%;*/ padding:10px 7px 0 0;}
.sns_feed .user .pic{/* position:absolute; left:13px;*/ float:left; width:50px; height:50px; border:0px solid #d7d7d7; background:#d7d7d7; border-radius:100px; z-index:3; margin: 0 0 0 10px;}
.sns_feed .user .pic a{ display:block; width:100%; height:100%;}
.sns_feed .user .pic img{ width:50px; height:50px; border-radius:100px; }
.sns_feed .user .name{ /*padding-left:64px;*/padding-left:10px; padding-right:30px; padding-top:0; line-height:26px; position:relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.sns_feed .user .name i { background:url(../images/wb_icon.png) no-repeat; width:20px; height:20px; background-size:cover; display:inline-block; position:relative; top:4px; margin-right:2px;}
.sns_feed .user .name .i1 { background-position:0 -120px;}
.sns_feed .user .name .i2 { background-position:0 -158px;}
.sns_feed .user .name .rspan { display:inline-block; font-size:14px !important;}
.sns_feed .user .name a{ font-size:15px; color:#378bd1;/* font-weight: bold;*/ font-weight:normal;}
.sns_feed .user .name .del{ font-size:12px; position:absolute; top:0; right:5px; font-weight:normal;}
.sns_feed .user .from_t{/* padding-left:64px;*/ padding-left:10px; padding-top:0; padding-right:10px; font-size:13px; color:#969696;/*white-space: nowrap;text-overflow: ellipsis;*/overflow: hidden;}
.sns_feed .user .from_t .time{ float:left; padding-right:5px;}

.sns_feed .arrow-msg{ padding:4px 10px 10px 10px; line-height:23px; font-size:16px; color:#686868;}
.sns_feed .arrow-msg .info p{ padding:8px 0 0 0;}
.sns_feed .arrow-msg .info img{ vertical-align:middle;}
.sns_feed .arrow-msg .reply_box{ padding: 10px 0 0 0;}
.sns_feed .arrow-msg .reply_box .content{ margin:0 0 10px 0;}
.sns_feed .arrow-msg .reply_box .margin60{ margin:0 0 10px 60px;}
.sns_feed .arrow-msg .reply_box .content p{ font-size:14px;}
.sns_feed .arrow-msg .reply_box .aww{ position:relative; z-index:5; height:6px;}
.sns_feed .arrow-msg .reply_box .aww em{font-family:SimSun; font-size:14px; line-height:14px; position:absolute; font-style:normal; left:19px; top:0; display:inline-block; z-index:2; color:#eaeaea;}
.sns_feed .arrow-msg .reply_box .aww i{font-family:SimSun; font-size:14px; line-height:14px; position:absolute; font-style:normal; left:19px; top:1px; display:inline-block; z-index:3; color:#fafafa;}

.sns_feed .arrow-msg .reply_box .awshow{ background:#fafafa; position:relative; z-index:4; padding:2px 10px 2px 10px; color:#8f8f8f; border:1px solid #eaeaea; border-radius:3px;}
.sns_feed .arrow-msg .reply_box .awshow p{font-size:13px; line-height:20px; padding:2px 0;}
.sns_feed .arrow-msg .reply_box .awshow p a{ font-size:12px; color:#007aff;}

.sns_feed .arrow-msg .reply_box .z-hf{ margin:10px 0; width:100%; position:relative;}
.sns_feed .arrow-msg .reply_box .z-hf .hf-input{ width:98%; height:36px; line-height:36px; border:1px solid #eaeaea; padding:0 1%; vertical-align:top; display:inline-block;}
.sns_feed .arrow-msg .reply_box .z-hf .hf-btn{ background:#007aff; border:none; padding:10px; border:none; color:#fff; font-size:14px; font-weight:700; width:75px; position:absolute; right:-1px; top:0;}

/* 游戏合作 */
.topic_detail{ padding:20px 10px; margin:10px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#fff;}
.topic_detail dt{ font-size:16px; text-align:center; font-weight:700; line-height:40px;}
.topic_detail dd p{font-size:14px; line-height:26px}

.qr_code_pc_outer{position:fixed;top:50px;right:0;left:0;display:block !important;color:#717375;text-align:center;z-index:9999; width:1024px; margin:0 auto;}
.qr_code_pc{position:absolute;top:0;right:-150px;padding:16px;border:1px solid #d9dadc;background-color:#fff;}
.qr_code_pc p{font-size:13px;line-height:20px;}
.qr_code_pc_img{width:102px;height:102px;}

/* 友情链接 */
.mylinks{ background:#fff; border-bottom:1px solid #e8e8e8; padding:10px;}
.mylinks a{ line-height:28px; margin:0 5px;}

.child-fst-tip{ position:relative; color: #222; background: #fff; margin:0 0 15px 0; border-bottom: 1px solid #D7D7D7;}
.child-fst-tip img{ width: 100%;/* height:7.7rem;*/}
.child-fst-tip h2{ margin: 10px; font-size: 17px;}
.child-fst-tip p{ margin: 10px; line-height:22px; text-indent:2em; font-size: 14px; color:#929292;}
.child-fst-tip div{ margin:20px 10px; line-height:22px; font-size: 14px;}
.child-fst-tip div a img{ width:90px; height:22px; vertical-align:top;}
.child-fst-tip .back{position:absolute; top:5px; left:5px; line-height:36px; padding-left:22px; font-size:16px; display:block;}
.child-fst-tip .back a{ width:40px; height:40px; display:block; color:#fff;}
.child-fst-tip .back a i{ font:0/0 a; cursor:pointer; content:''; position:absolute; top:10px; left:10px; width:12px; height:12px; border:#fff solid; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}


.game-more{ text-align:center; }
.game-more a{ background:#fff; width:100%; display:block; margin:0 auto; line-height:36px;}


.openGame{ width:100%; height:60px; text-align:center; position:fixed; bottom:0; left: 0; background-color:rgba(255,255,255,0.8); z-index:99;}
.openGame a{ background:#4D9FE2; line-height:60px; padding:8px 25px; margin:0 4px; border-radius:4px; color:#fff; font-size:16px;}
.openGame a.tucao{ background:#F6B253;}

.game-tabbtn { line-height:40px; overflow:hidden; background:#f1f1f1; margin-top:10px;}
.game-tabbtn ul { display:table; width:100%;}
.game-tabbtn li { width:25%; text-align:center; font-weight:700; display:table-cell; vertical-align:middle;}
.game-tabbtn li a {position:relative; display:block; color:#9a9aa0; font-size:16px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-top:1px solid #bbb;}
.game-tabbtn li a:hover { text-decoration:none; color:#4690CD;}
.game-tabbtn li.current a { background:#fff; color:#4690CD; line-height:39px; border-top:3px solid #4690CD; border-bottom:none;}
.game-tabbtn li:nth-last-child(1) a { border-right:none;}
.game-tabbtn li a span{ position:absolute; top:8px; left:50%; margin-left:20px; background:#f00; font-size:12px; color:#fff; border-radius:50px; font-weight:300; width:22px; height:22px; line-height:22px; display:block;}
.game-tabbtn li.current a span{ display:none;}

.Fadecon-list{ border-bottom:1px solid #eaeaea;}
.rankings{ background:#fff; overflow:hidden;}
.rankings li{ padding:10px; background:#F5F5F5; font-size:14px; overflow:hidden;}
.rankings li a{ height:40px; display:block;}
.rankings li:nth-last-child(2),.rankings li:nth-last-child(4),.rankings li:nth-last-child(6),.rankings li:nth-last-child(8),.rankings li:nth-last-child(10){ background:#fff;} 
.rankings .ranknum{ float:left; width:40px; line-height:40px; font-size:13px; margin-right:10px; text-align:center;}
.rankings .rankname{ float:left; height:40px; width:50%; color:#000; line-height:40px; overflow:hidden;}
.rankings .rankname img{ width:40px; display:inline-block; border-radius:50px; overflow:hidden;}
.rankings .rankname span{ vertical-align:top; margin-left:10px; width:60%; display:inline-block;;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rankings .fr{ float:right; color:#999; line-height:40px;}
.rankings .ranknum1{ background:url(../images/rankingbg.png) no-repeat 0 0px; width:36px; height:36px; background-size:36px; color:#fff;}
.rankings .ranknum2{ background:url(../images/rankingbg.png) no-repeat 0 -36px; width:36px; height:36px; background-size:36px; color:#fff;}
.rankings .ranknum3{ background:url(../images/rankingbg.png) no-repeat 0 -74px; width:36px; height:36px; background-size:36px; color:#fff;}


.dm{position:fixed; top:0;left:0;display:none;width:100%;height:100%; z-index:9999; overflow:hidden;}
.dm .send a.d_del{ width:36px; display:block; margin-left:5px; display:none;}
.dm .send .d_del img{ width:36px; height:36px; vertical-align:middle; border:0;}
.dm .d_screen .d_mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.67;filter:alpha(opacity=50) z-index:1;}
.send,.send .s_con,.send .s_fiter{left:0;width:100%;height:60px;}
.dm .d_screen .d_show{position:relative;z-index:2; }
.dm .d_screen .d_show div{position:absolute;top:0;left:0;display:table;color:#FFDE00;font-weight:500;font-size:18px;line-height:28px;}
.send{position:absolute;bottom:0;}
.send .s_fiter{position:bottom:0;background:#000;opacity:.8;filter:alpha(opacity=80);}
.send .s_con{position:absolute;top:0;z-index:2;text-align:center;line-height:60px;}
.send .s_con input{vertical-align:middle; font-size:14px;}
.send .s_con .s_txt{padding:0 3px;min-width:200px; width:60%;height:36px;outline:0;border:1px solid #5bba32;border-radius:4px 0 0 4px;line-height:36px;}
.send .s_con .s_sub{width:60px;height:38px;outline:0;border:0;border:1px solid #5bba32;border-radius:0 4px 4px 0;background:#65c33d;color:#fff;font-size:14px;line-height:38px;cursor:pointer;}
.send .s_con .s_sub:hover{background:#3eaf0e;}

/*mod-more*/
.mod-more{ text-align:center; border-top:0px solid #d7d7d7; overflow:hidden;}
.mod-more a{ background:#efefef; display:table; font-size:14px; line-height:30px; height:30px; padding:0 15px; margin:10px auto; color:#666; border-radius:100px;}


#j_app_desc{overflow: hidden; zoom: 1;}
.packMore{ width:100%; padding:0px 0px 2px 0; background:#fff; border-bottom:1px solid #eaeaea; overflow:hidden;}
.packMore .more_btn{float: right; width:40px; height:20px;color: #4690CD;cursor: pointer;line-height: 20px;overflow: hidden;display: none; font-size:12px; margin-right:6px;}
.packMore .more_btn.bbj{float: right; width:40px; height:20px;color: #4690CD;cursor: pointer;line-height: 20px;overflow: hidden;display: none; font-size:12px; margin-right:6px;}

#back-to-top{ position: fixed; bottom: 80px; right: 3%; width: 40px; height: 40px; background:rgba(0,153,255,0.7); border-radius:100px; z-index:9999;}
#back-to-top a{ text-align: center; text-decoration: none; color: #d1d1d1; display: block; width: 40px; height: 40px; -moz-transition: color 1s; -webkit-transition: color 1s; -o-transition: color 1s; outline:none;}

.remarks{ text-align:center; line-height:10px; margin-top:10px; color:#f84d36;}

.tab-more{ width:100%; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#fff; text-align:center; }
.tab-more a{ width:48%; text-align:center; display:inline-block; padding:10px 0; font-size:12px;}
.tab-more a:nth-last-child(1){ border-left:1px solid #eaeaea;}

/* 活动中心 */
.huodong{ width:100%;}
.huodong-list{ position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; margin:10px 0 10px 0;}
.huodong-list img{ width:100%; }
.huodong-list .txt{ padding:0 10px;}
.huodong-list .txt h3{ width:70%; height:24px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.huodong-list .txt .time{ width:100%; height:30px; line-height:30px; color:#969696;}
.huodong-list .txt .btn{ position:absolute; bottom:12px; right:10px; font-size:14px; background:#007aff; color:#fff; padding:6px 14px; border-radius:4px;}
.huodong-list .txt .gray{ background:#ccc;}
.huodong-empty{ min-height:300px; line-height:160px; text-align:center; font-size:14px; color:#969696;}
.huodong-empty a{ color:#007aff; text-decoration:underline;}

.huodong-content{ }
.huodong-content img{ width:100%; vertical-align:top;}

.huodong-content .related{width:96%; background:#fff; border-bottom:1px solid #eaeaea; margin-bottom:10px; padding:0 2%; overflow:hidden;}
.huodong-content .related h2{line-height:24px; font-size:16px; font-weight:normal; color:#333; margin:10px 0 0 10px;}
.huodong-content .related h3{ text-align:center; margin-top:10px; color:#f00;}
.huodong-content .related ul{ padding:0 3%; margin:10px; text-align:center; border:2px dashed #ddd; overflow:hidden;}
.huodong-content .related li{width:28%; text-align:center; float:none; display:inline-block; margin:12px 2%; }
.huodong-content .related li img{width:60px;height:60px;border-radius:6px;margin:0 0 4px;}
.huodong-content .related span{display:block;overflow:hidden;height:20px;font-size:12px; color:#f00;}

.huodong-tabbtn { line-height:40px; overflow:hidden; background:#fff; margin-top:10px; border-bottom:1px solid #ddd;}
.huodong-tabbtn ul { display:table; width:100%;}
.huodong-tabbtn li { width:25%; text-align:center; font-weight:700; display:table-cell; vertical-align:middle;}
.huodong-tabbtn li a {display:block; color:#9a9aa0; font-size:16px; border-right:1px solid #ddd;}
.huodong-tabbtn li a:hover { text-decoration:none; color:#4690CD;}
.huodong-tabbtn li.current a { background:#4690CD; color:#fff; line-height:40px; border-bottom:none;}
.huodong-tabbtn li:nth-last-child(1) a { border-right:none;}

.Fadecon-tab{ border-bottom:1px solid #eaeaea; background:#fff; margin-bottom:10px; padding:10px; }
.Fadecon-tab p{ color:#000; line-height:22px;}

.weixinq{ margin-bottom:10px; padding:15px 10px; background:#fff; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; overflow:hidden;}
.weixinq p{ width:100%; line-height:30px; font-size:16px; color:#000; text-align:center; }

.weixinq .pic img{ width:300px; text-align:center; display:block; margin:10px auto;}
.weixinq .links{ width:100%; margin:10px 0; overflow:hidden;}
.weixinq .links a{ background:#4690CD; color:#fff; width:180px; height:50px; line-height:50px; text-align:center; display:block; margin:0 auto; font-size:16px;}

.login-box{ background:#fff; border-bottom:1px solid #ddd; padding:10px;}
.login-box .login-box-form{ width:100%;}
.login-box .login-box-form li{ margin:10px 0; width:100%; text-align:center; overflow:hidden;}
.login-box .login-box-form li .input1{ background:url(../images/icon-login.png) no-repeat 14px 9px; background-size:21px;}
.login-box .login-box-form li .input2{ background:url(../images/icon-login.png) no-repeat 14px -21px; background-size:20px;}
.login-box .login-box-form li .input1,.login-box .login-box-form li .input2{ width:95.4%; height:40px; text-align:center; font-size:16px; padding:0 2% 0 2%; border:1px solid #ddd; -webkit-box-shadow:inset 0 5px 3px #f5f5f5; -moz-box-shadow:inset 0 5px 3px #f5f5f5; box-shadow:inset 0 5px 3px #f5f5f5;}
.login-box .login-box-form li a.forgot{ float:right; width:100px; display:block; text-align:right; line-height:22px; font-size:14px; }
.login-box .login-box-form li .btn{ background:#FF3333; width:47.7%; margin-right:2%; border:none; line-height:40px; font-weight:700; font-size:16px; color:#fff;}
.login-box .login-box-form li .btn2{ background:#33CC66; width:47.7%; margin-left:2%; border:none; line-height:40px; font-weight:700; font-size:16px; color:#fff;}
.login-box .login-box-form li .code-input{ float:left; width:50%; }
.login-box .login-box-form li .input-text{ background:url(../images/icon-login.png) no-repeat 14px -54px; background-size:20px;}
.login-box .login-box-form li .input-text{ width:100%%; height:40px; text-align:center; font-size:16px; padding:0 2% 0 2%; border:1px solid #ddd; -webkit-box-shadow:inset 0 5px 3px #f5f5f5; -moz-box-shadow:inset 0 5px 3px #f5f5f5; box-shadow:inset 0 5px 3px #f5f5f5;}
.login-box .login-box-form li #getcode{ float:right; width:44%; cursor:default; background:#ff9602; line-height:42px; font-size:16px; color:#fff;}
.login-box .login-box-form li a.clause{  display:block; text-align:left; line-height:22px; font-size:14px; color:#03A9F4;}
.login-box .login-box-form li .input-submit{ background:#ff9602; border:none; width:100%; display:block; border-radius:3px; padding:14px 0; color:#fff; font-size:18px; margin-bottom:10px; cursor:pointer;}
.login-box .shortcut{ }
.login-box .shortcut h3{ margin-top:20px; line-height:30px; text-align:center; font-size:16px; background:#e5e5e5;}
.login-box .shortcut .icons{ margin:0 auto; padding:10px 0; text-align:center; background:#eee;}
.login-box .shortcut .icons li{ width:30%; display:inline-block;}
.login-box .shortcut .icons img{vertical-align:middle;}
.login-box .shortcut .icons a.btn{background:#33CC66;}
.login-box .shortcut .icons a.btn2{background:#28B5FA;}
.login-box .shortcut .icons a.btn3{background:#E95235;}
.login-box .shortcut .icons a.btn,.login-box .shortcut .icons a.btn2,.login-box .shortcut .icons a.btn3{ width:50px; height:50px; line-height:50px; text-align:center; display:inline-block; border-radius:100px; overflow:hidden;}
.hint-txt{ text-align:center; color:#f00; line-height:30px; margin-top:10px;}

/* 礼包 */
.libao-tabbtn {height:30px; line-height:30px; background:#fff; border:1px solid #007aff; border-radius:3px; margin:10px auto; width:94%;display:table; overflow:hidden;}
.libao-tabbtn li { width:20%; text-align:center; display:table-cell; vertical-align:middle;}
.libao-tabbtn li a {display:block; color:#007aff; font-size:17px;}
.libao-tabbtn li a:hover { text-decoration:none; color:#333;}
.libao-tabbtn li.current a { background:#007aff; color:#fff;}
.libao-tabbtn li:nth-last-child(1) a { border-right:none;}

.libao-list{ margin:0 0 10px 0;}
.libao-list li{ position:relative; background:#fff; border-radius:0px; border-bottom:0px solid #D7D7D7; padding:8px 8px 8px 10px; overflow:hidden;}
.libao-list li:last-child { border-top:1px solid #D7D7D7;}
.libao-list li a{ display:block; width:100%; overflow:hidden;}
.libao-list li i { float:left; background:url(../images/icon-default.png) no-repeat; background-size:cover; width:64px; height:64px; display:inline-block; overflow:hidden; margin:3px 0 0 0; border-radius: 12px;}
.libao-list li i img{width:100%; height: 100%;}
.libao-list li i span.new{ position:absolute; left:9px; top:10px;}
.libao-list li dl{ float:left; margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:70%;}
.libao-list li dt{ font-size:14px; line-height:30px; color:#4C4B4C;}
.libao-list li dt strong{ font-weight:500;}
.libao-list li dd,.libao-list li dd p{ color:#666; line-height:18px; height:18px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.libao-list li dd.fenlei{ color:#666; font-size:12px;}
.libao-list li dd.fenlei span{ float:left;vertical-align:top;}
.libao-list li dd.fenlei span em{ color:#FD9937;}
.libao-list li .play{ position:absolute; right:3%; top:26px; width:74px; display:block; vertical-align:middle}
.libao-list li .btn-blue{ position:absolute; right:3%; top:24px; width:60px; height:30px; display:block; vertical-align:middle; background:#007aff; text-align:center; line-height:30px; border-radius:4px; color:#fff; font-size:12px;}
.libao-list li .btn-yellow{ position:absolute; right:3%; top:24px; width:60px; height:30px; display:block; vertical-align:middle; background:#FD9937; text-align:center; line-height:30px; border-radius:4px; color:#fff; font-size:12px;}
.libao-list li .btn-gray{ position:absolute; right:3%; top:24px; width:60px; height:30px; display:block; vertical-align:middle; background:#8c8c8c; text-align:center; line-height:30px; border-radius:4px; color:#fff; font-size:12px;}
.libao-list li .input-blue{ position:absolute; right:3%; top:24px; width:60px; height:30px; display:block; vertical-align:middle; background:#007aff; text-align:center; line-height:30px; border-radius:4px; color:#fff; font-size:12px; border:none;}


.libao-list li dd.fenlei .progress{ position: relative; top:1px; width:55%; height: 14px; overflow: hidden; background-color: #d7d7d7; border-radius: 8px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
.libao-list li dd.fenlei .progress-bar{ background-color: #FD9937; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; float: left; height: 100%; font-size: 12px; line-height: 25px; color: #fff; text-align: center; transition: width .6s ease; box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);}
.libao-list li dd.fenlei .sr-only{ position: absolute; left:40%; text-align:center; margin:0 auto; color:#fff; font-size:12px; line-height:14px;}


.libao-list .bz{ color:#f00; text-align:center; margin-top:10px;}
.libao-list .noRelated{ color:#999; font-size:14px; text-align:center; padding:15px 0; background:#fff;}

.libao_info{overflow:hidden;background:url(../images/libao_bg.jpg) no-repeat;background-size:cover}
.libao_info .back{position:absolute; top:5px; left:5px; line-height:36px; padding-left:22px; font-size:16px; display:block;}
.libao_info .back a{ width:40px; height:40px; display:block; color:#fff;}
.libao_info .back a i{ font:0/0 a; cursor:pointer; content:''; position:absolute; top:10px; left:10px; width:12px; height:12px; border:#fff solid; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.libao_info h1{font-size:20px;line-height:2;margin-top:25px;padding:0.5em;text-align:center;color:#fff}
.libao_info .info_con{position:relative;overflow:hidden; padding:0 0 15px 0;}
.libao_info .time{ text-align:center; color:#fff; margin:5px 0; font-size:14px;}
.libao_info .info_con .data{position:absolute;top:50%;width:35%;margin-top:-25px;text-align:center;color:#fff}
.libao_info .info_con .data:first-child{left:0}
.libao_info .info_con .data:last-child{right:0}
.libao_info .info_con .data p{font-size: 14px;line-height:22px;}
.libao_info .info_con .icon{overflow:hidden; box-sizing:border-box; width:100px; margin:0 auto; border:6px solid rgba(255, 255, 255, .4); -webkit-border-radius:50%;border-radius:50%}
.libao_info .info_con .icon img{display:block;width:100%}
.libao_info .info_btn{height: 50px;padding-top:10px;padding-bottom:10px;text-align:center}
.libao_info .info_btn a{font-size: 16px; width:30%; color:#fff; line-height: 24px; display:inline-block; height: 24px; padding:6px 0; margin:0 10px; -webkit-border-radius:4px; border-radius:4px; background:#007aff3428;}
.libao_info .info_btn a.btn_gray{ background:#8c8c8c;}
.libao_info .info_btn a.btn_orange{ background:#FF9602;}

.libao_info .progress{ position: relative; top:3px; left:19%; width:62%; height: 14px; overflow: hidden; background-color: #d7d7d7; border-radius: 6px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
.libao_info .progress-bar{ background-color: #FD9937; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; float: left; height: 100%; font-size: 12px; line-height: 25px; color: #fff; text-align: center; transition: width .6s ease; box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);}
.libao_info .sr-only{ position: absolute; left:44%; text-align:center; margin:0 auto; color:#fff; font-size:12px; line-height:14px;}

.libao-list .game-introduce{ background:#fff; font-size:14px; padding:10px; border-bottom:1px solid #D7D7D7;}
.libao-list .game-introduce p{ text-indent:0em; margin-left:5px; color:#666; line-height:22px;}

/*  资讯中心 */
.news_list{ width:100%; background:#fff;}
.news_list li{padding:10px; border-bottom:1px solid #E4E4E4; position:relative; height:60px;}
.news_list li:last-child{border-bottom:none;}
.news_list li .a1{position:absolute; left:10px; top:10px; width:100px;height:60px; background:url(../images/default_new.jpg) no-repeat; background-size:cover;}
.news_list li .a1 img{width:100px; height:60px;}
.news_list li .a2{position:absolute; left:120px; top:10px; right:10px; line-height:20px; height:40px; overflow:hidden; font-size:14px; color:#666;}
.news_list li a:hover{text-decoration:underline; color:#00b3ff;}
.news_list li .p1{position:absolute; right:10px; color:#b2b2b2; font-size:12px; bottom:10px;}

.news_hd{border-bottom:1px solid #e4e4e4;padding:6px 10px; background:#fff;}
.news_hd h1{font-size:20px;line-height:28px;margin:2px 0;font-weight:400;}
.news_hd .info{line-height:24px;font-size:13px;margin:2px 0}
.news_hd .info span{display:inline-block;margin-right:4px;color:#b0b0b0}

.md_article{padding:4px  10px; margin-bottom:10px; background:#fff; overflow:hidden;}
.md_article p{margin: 10px 0;overflow:hidden;font-size:14px;line-height:22px}
.md_article img{max-width:100%;height:auto}

.public_bt{ width:100%; margin:4px 0 0 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#fff; overflow:hidden;}
.public_bt-title{ padding:6px 12px;}
.public_bt-title i{ width:3px; height:14px; display:inline-block; background:#00A2FF; border-radius:100px; vertical-align:middle;}
.public_bt-title h3{ font-size:14px; display:inline-block; color:#333; margin-left:0.2rem; vertical-align:middle;}

/* 礼包码弹出层 */
.popup-libaoM{ position:fixed; top:50%; left:50%; z-index:10001; display:block; margin:-30% 0 0 -40%; width:80%; border-radius:5px; background:rgba(255,255,255,0.94); color:#000; font:12px/1.5 "Microsoft Yahei","Arial";}
.popup-libaoM .box{ padding:15px 15px 10px 15px; overflow:hidden;}
.popup-libaoM .box h2{ text-align:center; font-size:15px; line-height:30px; font-weight:300;}
.popup-libaoM .box p{ text-align:center; font-size:15px; line-height:30px; height:30px; color:#333; background:#dfdfdf; width:70%; margin:10px auto; border-radius:5px;}
.popup-libaoM .link{ border-top:1px solid #d7d7d7; }
.popup-libaoM .link a{ display:inline-block; padding:12px 0; width:49.8%; color:#007aff; text-align:center; font-size:15px; text-decoration:none;}
.popup-libaoM .link a:first-child{ border-right:1px solid #d7d7d7;}
.mask-libaoM{ position:fixed; top:0; left:0; z-index:10000; display:block; overflow:hidden; width:100%; min-height:100%; background:rgba(0,0,0,0.6);}

/* 弹出层 */
.popup-box{ position:fixed; top:50%; left:50%; z-index:10; display:none; margin:-100px 0 0 -40%; padding-top:16px; width:80%; border-radius:4px; background:#fff; opacity:.94; color:#000;}
.popup-box h4{ text-align:center; font-weight:700; font-size:16px; margin-bottom:10px;}
.popup-box p{ padding:0px 10px 0px 10px; text-align:center; font-size:14px; line-height:22px; vertical-align:top;}
.popup-box i.icon-success{ width:32px; height:32px; display:block; line-height:20px; margin:10px auto; background:url(../images/icon-success.png) no-repeat; background-size:cover;}
.popup-box i.icon-fail{ width:32px; height:32px; display:block; line-height:20px; margin:10px auto; background:url(../images/icon-fail.png) no-repeat; background-size:cover;}
.popup-box p.red{ color:#f00;}
.popup-box .open-game a{ text-align:center; display:block; margin:10px auto 0 auto; padding:6px 0; border:1px solid #007aff; height:20px; line-height:20px; color:#007aff; border-radius:4px;}
.popup-box .open-game a:first-child{ border-right:1px solid #007aff;}
.popup-box .kahao{ text-align:center; font-size:14px; margin:10px auto 20px auto; background:#FD9937; width:80%;}
.popup-box .kahao em{display:block; line-height:34px; color:#000; margin:0 auto; background:#f0f0f0;}
.popup-box .btns{ border-top:1px solid #b2b2b2;}
.popup-box  a{ display:inline-block; padding:10px 0; width:49.8%; color:#007aff; text-align:center; font-size:16px;}
.popup-box  a:first-child{ border-right:1px solid #b2b2b2;}
.popup-box .btns2{ border-top:1px solid #b2b2b2;}
.popup-box .btns2 a{ border:none; width:100%; font-weight:300;}
#mask{ position:fixed; top:0; left:0; z-index:9; display:none; overflow:hidden; width:100%; min-height:100%; background:#000; opacity:.7;}

/* 关注微信弹出层 */
.gz-box{ position:fixed; top:50%; left:50%; z-index:10003; display:none; margin:-130px 0 0 -130px; width:260px; border-radius:5px; background:#fff; opacity:.94; color:#000; font:12px/1.5 "Microsoft Yahei","Arial";}
.gz-box .content{ margin:5px 5px 10px 5px;}
.gz-box .content img{ width:100%;}
.gz-box p{ text-align:center; font-size:13px; margin-top:-6px;}
#mask2{ position:fixed; top:0; left:0; z-index:10002; display:none; overflow:hidden; width:100%; min-height:100%; background:#000; opacity:.7;}

/* safari设置发送桌面 */
.to-desktop-tips *{ margin: 0;padding: 0; }
.to-desktop-tips img{ border: 0; }
.to-desktop-tips{z-index:99999; position: fixed;bottom: 10px;left: 50%;margin-left: -90px;width: 168px;height: 48px;padding: 6px;background-color: rgba(0,0,0,.6);border-radius: 6px; }
.to-desktop-tips:after{ position: absolute;bottom: -10px;left: 50%;margin-left: -10px;width: 0;height: 0;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid rgba(0,0,0,.6);content: ""; }
.to-desktop-tips .desktop-img{ width: 48px;height: 48px;float: left;margin-right:10px; }
.to-desktop-tips .desktop-img img{ display: block;width: 100%;height: 100%; }
.to-desktop-tips .desktop-tips{ width: 110px;height: 48px;float: left; }
.to-desktop-tips .desktop-tips p{ font-size: 12px;height: 24px;line-height: 24px;color: #fff; }
.to-desktop-tips .desktop-tips p span{ display: inline-block;height: 24px;float: left;margin-right: 4px; }
.to-desktop-tips .desktop-tips p i{ display: inline-block;width: 20px;height: 20px;background: url(../images/to-desktop-icon-2.png) center center no-repeat;
    -webkit-background-size: 100% 20px;
    background-size: 100% 20px; }
.to-desktop-tips .close-desktop-tips{ position: absolute;top: 6px;right: 6px;display: block;width: 10px;height: 10px;background: url(../images/close-desktop-tips.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%; }

/* loading旋转动作样式 */
@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loading {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}
@media screen and (max-width:640px){
    .ranking-list li dl{ float:left; margin-left:10px; width:130px;}
	.ranking-list li .game_sum{ width:180px; height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
	.qr_code_pc_outer{display:none !important;}
	.links-none{ display:none;}
}
@media screen and (max-width:320px){
    .ranking-list li dl{ float:left; margin-left:10px; width:130px;}
	.ranking-list li .game_sum{ width:130px; height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
	.qr_code_pc_outer{display:none !important;}
}
.my_head_new .name { padding-top:18px; color:#333;}
.my_head_new .name p:nth-child(1) { font-size:16px; font-weight:700;}
.my_head_new .name p:nth-child(2) { padding-top:0px; font-size:14px; color:#666}

.show-tip{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: none;
    margin: -100px 0 0 -40%;
    /*padding-top: 16px;*/
    width: 80%;
    border-radius: 20px;
    background: #fff;
    opacity: .94;
    color: #000;
    padding:16px 10px;

}

.show-tip .tips-content{
    font-size:14px;

}
.show-tip .tip-bind{

    text-align: center;
    padding-top:20px;

}
.show-tip .tip-bind button{

    border:0px;
    padding:7px 7px;
    border-radius: 10px ;
    margin-right:50px;
    color:white;
    vertical-align: middle;
    background: #189aed;
}