html,body,div,ul,p,dl,dt,dd,em,span {margin:0; padding:0; font-size:100%; vertical-align:baseline;}
            html {font-size:15.6vw; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; *text-overflow:ellipsis; -webkit-tap-highlight-color:rgba(0,0,0,0);}
            body {color:#000; background-color:#ddd; margin:0 auto;font:100%/1.5 -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif; -webkit-font-smoothing:antialiased;}
            a {outline:none; color:#000; text-decoration:none; -webkit-user-select:none; -webkit-user-drag:none; -webkit-tap-highlight-color:rgba(0,0,0,0);background-color: transparent;}
            img {border:0; max-width:100%; display:block;}
            li {list-style:none;}
            i,em {font-style:normal;}
            div,p {word-break:break-all; word-wrap:break-word;}
            html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; *text-overflow:ellipsis; -webkit-tap-highlight-color:rgba(0,0,0,0);}
            .clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
            .clear {zoom:1;}
            .hide {display:none;}
            @media  screen and (min-width:640px){
                html {font-size:100px;}
            }

            .browser_tips {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.8); top:0; left:0; z-index:999;}
            .browser_tips img {width:3.57rem; float:right; margin:.2rem .2rem 0 0;}
            .tt_wrap {position:fixed; width:100%; height:100%; background-color:#fff; top:0; left:0; z-index:999;}
            #qrcode {position:absolute; width:1.5rem; top:0; left:-1.7rem; padding:.05rem; background-color:#fff; border:1px solid #e7e7e7; margin:auto; border-radius:.1rem; z-index:999;}
            #qrcode div {font-size:.18rem; line-height:.3rem; margin-bottom:.05rem; color:#fff; background-color:#000; border-radius:.05rem;}
            .loading_page {position:fixed; width:2rem; height:.5rem; padding-top:1.1rem; font-size:.2rem; color:#fff; border-radius:6px; top:0; bottom:0; left:0; right:0; margin:auto; text-align:center; background:url("//cdn-fe.ziwanyouxi.com/paihang/paihang-1/static/images/loading-1.gif") center .25rem no-repeat; background-size:.7rem; background-color:rgba(0,0,0,.6); z-index:999;}

            .main {margin:auto; max-width:640px; height:100%; padding-bottom:.5rem; font-size:.14rem;}
            .rec_list {margin:.2rem;}
            .rec_list a {display:block; width:1.8666rem; height:2.43rem; padding-top:.26rem; border-radius:.15rem; text-align:center; float:left; overflow:hidden;}
            a.rec_list_1 {background:url(https://img.bygamesdk.com/assets/rec_bg_1.gif) no-repeat; background-size:cover; background-color:#e4a387;}
            a.rec_list_2 {background:url(https://img.bygamesdk.com/assets/rec_bg_2.gif) no-repeat; background-size:cover; margin:0 .2rem; background-color:#e4a7b6;}
            a.rec_list_3 {background:url(https://img.bygamesdk.com/assets/rec_bg_3.gif) no-repeat; background-size:cover; background-color:#c398d2;}
            .rec_list_img {width:1.14rem; height:1.14rem;margin:0 auto; border-radius:.18rem;}
            .rec_list_name {padding-top:.12rem; height:.35rem; font-size:.23rem; color:#fff; overflow:hidden;}
            .rec_list_scoring {font-size:.13rem; height:.3rem; color:#cdffb2;}
            .rec_list_btn {position:relative; padding-top:.12rem; height:.4rem; color:#fff; background-color:#000; background-color:rgba(0,0,0,0.3); font-size:.2rem;  border-radius:0 0 .15rem .15rem;}

            .top_list {margin:.2rem; min-height:5rem; background-color:#fff; border-radius:.15rem;}
            .top_list_title {height:.74rem; font-size:.23rem;}
            .top_list_title div {width:100%; float:left; text-align:center; line-height:.74rem; border-bottom:1px solid #e7e7e7; box-sizing:border-box;}
            .top_list_title div:active {background-color:#f2f2f2;}
            .top_list_title .active {color:#ff7200; font-weight:bold; position:relative;}
            .top_list_title .active:before {content: ''; width:100%; height: 0.03rem; background-color:#ff7200; position:absolute; bottom:-1px; left:0;}

            .type_list_title {height:.74rem; font-size:.23rem;}
            .type_list_title div {width:33.333%; float:left; text-align:center; line-height:.74rem; border-bottom:1px solid #e7e7e7; box-sizing:border-box;}
            .type_list_title div:active {background-color:#f2f2f2;}
            .type_list_title .active {color:#ff7200; font-weight:bold; position:relative;}
            .type_list_title .active:before {content: ''; width:100%; height: 0.03rem; background-color:#ff7200; position:absolute; bottom:-1px; left:0;}

            .game_list li {border-bottom:.01rem solid #e7e7e7; position:relative;}
            .game_list li:first-child span {color:#fff; font-weight:bold; background:url(https://img.bygamesdk.com/assets/icon_medals.png) 50% 57% no-repeat; background-size:.29rem;}
            .game_list a {display:block; width:100%; height:.75rem; padding:.2rem 0; overflow:hidden;}
            .game_list a:active {background-color:#f2f2f2;}
            .game_list span {display:block; width:.69rem; line-height:.75rem; text-align:center; font-size:.2rem; color:#D7B6A2; font-weight:bold; float:left;}
            .game_list i {display:block; width:.75rem; height:.75rem; float:left;}
            .game_list dl {width:3.1rem; height:.80rem; padding-left:.15rem; float:left; overflow:hidden;}
            .game_list dt {height:.32rem; font-size:.22rem; overflow:hidden; vertical-align:middle;}
            .game_list dt em {display:block; float:left; padding:.0rem .08rem 0 .08rem; vertical-align:middle; margin:0 .05rem .05rem .05rem; font-size:.13rem; border-radius:.03rem; color:#999; border:1px solid #e0e0e0;}
            .game_list dt em.game_list_title {line-height:.32rem; font-size:.22rem; padding:0; margin:0; border:none; color:#000;}
            .game_list dt em.blue {background-color:#106ce2; color:#fff; border-color:#106ce2;}
            .game_list dt em.green {background-color:#3ebc00; color:#fff; border-color:#3ebc00;}
            .game_list dt em.orange {background-color:#ff9c1c; color:#fff; border-color:#ff9c1c;}
            .game_list dd {height:.22rem; font-size:.15rem; color:#999; overflow:hidden;}
            .game_list dd em {color:#f36;}
            .game_list dd b {padding:.02rem .05rem; margin-right:.05rem; font-weight:normal; font-size:.14rem; border-radius:.05rem; color:#fff;}
            .label_blue {background-color:#3c72ee;}
            .label_red {background-color:#e13848;}
            .label_green {background-color:#30a121;}
            .label_orange {background-color:#ef7600;}
            .game_list .down_btn {position:absolute; width:1.1rem; height:.44rem; color:#fff; background-color:#ff5a00; border-radius:.25rem; top:0; bottom:0; right:.2rem; margin:auto; text-align:center; line-height:.44rem; font-size:.2rem; z-index:998;}
            .game_list .down_btn:hover {color:#ff5a00; background-color:#fff; border:1px solid #ff5a00;}

            .bt_list {background-color:#fff7c5;}
            .bt_list li {border-bottom:1px solid #f0e7ae;}

            a.list_more {position:relative; display:block; margin:.2rem; font-size:.25rem; height:.55rem; line-height:.55rem; border-radius:.15rem; text-align:center; border:1px solid #ff5a00; color:#ff5a00;}
            a.list_more:active {color:#fff; background-color:#ff5a00;}
            .foot {line-height:1rem; font-size:.16rem; text-align:center; color:#bbb;}

            .nav {position:fixed; width:100%; max-width:640px; height:.8rem; background-color:#323232; bottom:0; left:0; right:0; z-index:998; margin:auto; background-color:rgba(0,0,0,0.8);}
            .nav a:link,.nav a:visited {display:block; width:33.33%; padding-top:.08rem; height:.72rem; color:#fff; font-size:.17rem; text-align:center; float:left;}
            .nav a:active,.nav a.active {background-color:rgba(100,100,100,0.9);}
            .nav i {display:block; background-size:.37rem; background-position:center 0; background-repeat:no-repeat; width:.87rem; padding-top:.42rem; margin:0 auto;}
            .nav_i1 {background-image:url("https://img.bygamesdk.com/assets/icon_nav_1.png");}
            .nav_i2 {background-image:url("https://img.bygamesdk.com/assets/icon_nav_2.png");}
            .nav_i3 {background-image:url("https://img.bygamesdk.com/assets/icon_nav_3.png");}
                .part-top{z-index: 199;}
        .popup-layout,.popup-gift{background: rgba(0,0,0,.6);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 200;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;-webkit-box-align: center;text-align: center;display: none;}
        .popup-container{position: relative;width: 75%;}
        .popup-container img{display: block;width: 100%;}
        .popup-con,.popup-con-gift{font-size:16px;background: #000;width: 75%;color: #fff;border-radius: 5px;opacity: 0.9;padding: 12px 6px 12px 6px;}
        .close-btn {position: absolute;right: 4px;top: 4px;width: 20px;height: 20px;background: #000;}
        .close-btn:before, .close-btn:after {position: absolute;left: 9px;content: ' ';height: 21px;width: 2px;background-color: #333;}
        .close-btn:before {transform: rotate(45deg);}
        .close-btn:after {transform: rotate(-45deg);}
        .close{position: absolute;top: 2px;right: 2px;width: 10%;}
        #toast{position: fixed;bottom: 0;width: 100%;text-align: center;display: none;opacity: 0}
        #toast-content{font-size: 16px;color: #fff;padding: 6px 8px;background-color: #000;display: inline-block;border-radius: 4px;}
		
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width:100%;height: auto;}