body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;border: none;}
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{-webkit-tap-highlight-color: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{font: 12px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;color: #434343;}
input{outline: none;}
em, i{font-style: normal;}
ul, ol{list-style: none;}
a{text-decoration: none;color: #969696;font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif;outline: 0;}
a:hover{text-decoration: none;}
img{border: none;width: 100%;height: auto;width: auto\9;-ms-interpolation-mode: bicubic;}
.fl{display: block;float: left;}
.fr{display: block;float: right;}
.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(1);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
#content{min-width: 320px;max-width: 768px;margin: 0 auto;background: #f5f5f5;position: relative;}
::-webkit-scrollbar{width: 6px;height: 6px;border-radius: 4px;}
::-webkit-scrollbar-thumb{background-color: #ccc;border-radius: 4px;}
.basebox{background: #fff;margin-top: 6px;overflow: hidden;position: relative;}
.basebox > .bt{display: block;overflow: hidden;margin: 0 12px 6px;padding: 6px 0;border-bottom: 1px solid #eee;}
.basebox > .bt p, .basebox > .bt h2{float: left;color: #333;font-size: 16px;font-weight: bold;line-height: 22px;border-left: 4px solid #00BFB1;text-indent: 12px;}
.basebox > .bt .more{float: right;font-size: 14px;color: #888;line-height: 25px;text-decoration: none;}
/* .QZ-up{display: none;position: fixed;z-index: 10;top: 80%;right: 5%;width: 32px;height: 32px;background: url(../images/btn-up.png) no-repeat;background-size: 100%;}*/.footer .foot{background: #333;padding: 25px 0;text-align: center;}
.footer .foot .foot-menu a{font-size: 13px;position: relative;padding-right: 10px;margin-right: 5px;}
.footer .foot .foot-menu a:after{content: '';position: absolute;right: 0;top: 5px;width: 1px;height: 10px;background: #999;}
.footer .foot .foot-menu a:last-child{padding: 0;}
.footer .foot .foot-menu a:last-child:after{display: none;}
.footer .foot p{margin-top: 12px;font-size: 13px;color: #666;}
.footer .foot p img{width: 14px;vertical-align: text-bottom;}
/*page*/.page{padding: 6px 12px 6px 6px;border-radius: 5px;display: flex;position: relative;background-color: #fff;}
.page span:before{display: block;content: '';position: absolute;right: 5px;top: 11px;width: 15px;height: 10px;background-size: auto 100%;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.page > a{flex: 1;margin: 6px 0 6px 6px;display: inline-block;line-height: 30px;border-radius: 4px;background: #f5f5f5;text-align: center;color: #333;}
.page > a:active, .page span .cbtn a:active{background: #ddd;}
.page > span{flex: 1;margin: 6px 0 6px 6px;display: inline-block;line-height: 30px;border-radius: 4px;text-align: center;background: #ff6666;color: #fff;font-size: 14px;position: relative;}
.page > span .cbtn{display: none;width: 100%;position: absolute;top: -62px;left: 0;z-index: 10;height: 92px;overflow-y: scroll;background: #fff;border-radius: 4px;-webkit-box-shadow: 0 0 3px #bbb;-moz-box-shadow: 0 30 3px #bbb;box-shadow: 0 0 3px #bbb;}
.page > span .cbtn a{display: inline-block;text-align: center;line-height: 30px;margin-bottom: 1px;float: left;width: 100%;background: #f6f6f6;font-size: 14px;color: #666;}
.imgshow{display: none;background: rgba(0, 0, 0, 0.5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2019521;}
.swiperbox{height: 100vh;z-index: 3;}
.swiperbox .swiper-container, .swiper-wrapper, .swiper-slide{height: 100% !important;}
.swiperbox img{width: initial;position: relative;z-index: 2;}
.swiper-zoom-container:before{width: 100%;height: 100%;content: ' ';position: absolute;z-index: 1;display: block;top: 0;left: 0;cursor: pointer;}
.imgshow .closebtn{position: absolute;z-index: 22;background: url(../images/newclose.png) no-repeat 11px 0px;width: 60px;height: 60px;bottom: 0 !important;top: initial;left: 10px;background-size: 40px;}
/*# sourceMappingURL=main.css.map*/.layout{margin-bottom: 5px;}
.layout{width: 100%;}
.layout>a{width: 100%;line-height: 30px;display: block;text-indent: 10px;padding: 10px 0;}
.layout a:hover{color: #111;}
.layout>div{overflow: hidden;}
/* 鐩茶祩绂勮寘闅嗙*/#top{height: 50px;background: #222;width: 100%;position: relative;z-index: 2015;}
#top>div{display: flex;flex: 1;height: 100%;margin: 0 13px;justify-content: space-between;align-items: center;}
#top .logo{width: 58px;height: 24px;color: #f6f6f6;font-size: 14px;}
#top .logo>img{width: 100%;height: 100%;}
/* search*/#top .search{flex: 1;}
#top .search .form{min-width: 220px;height: 26px;border-radius: 20px;background: #fff;margin-left: 40px;/* margin-top: 12px;*/padding-left: 12px;}
#top .search .form .key{width: 82%;float: left;height: 26px;line-height: 26px;color: #888;border: none;background: none;overflow: hidden;}
#top .search .form .btn{float: right;display: block;background: url(../images/img-cha.png) no-repeat center;height: 10px;width: 10px;margin-top: 6px;background-size: auto 100%;margin: 8px 12px 0 0;}
/* 蹇欓垾鎾€鎳娾斁鈧枀骞汇儖鍡忊偓鏂嗩煀梅顭嬧敒梅锟�*/.pageTitle{font-size: 15px;color: #FFF;width: 100px;white-space: nowrap;overflow: hidden;text-align: center;}
/* menu*/#top span{display: inline-block;flex: 0 0 34px;width: 40px;height: 34px;background: url(../images/menu.png) no-repeat left bottom;background-size: 17px 17px;background-position: 13px 9px;cursor: pointer;}
/* 鐩叉綖鑹楄幗娼炴悅姘撹棝閳ョ妴顬犵敪锟�*/.secondType{width: 100%;height: 39px;display: flex;justify-content: space-around;background-color: #fff;overflow: hidden;}
div.secondType>a{font-size: 14px;color: #333;display: inline-block;width: 100%;text-align: center;height: 39px;line-height: 39px;white-space: nowrap;overflow: hidden;}
div.secondType>a.on{color: #F55353;}
/* banner*/.swiper-container{width: 100%;height: 100%;}
.swiper-container .swiper-slide>a{display: block;position: relative;}
.swiper-container .swiper-slide>a>img{display: block;width: 100%;}
.swiper-container .swiper-slide>a>p{position: absolute;bottom: 0;left: 0;color: #fff;height: 50px;width: calc(100% - 24px);padding: 0 12px;line-height: 50px;text-align: center;font-size: 12px;background: linear-gradient(to top,#000,transparent);}
/* 鑾借尃棰呰寘閳ユ枀锟�*/.hotDiv{margin-top: 5px;background-color: #FFF;padding: 13px 0;}
.hot{display: flex;flex-direction: row;justify-content: space-between;margin:auto 12px;border: 1px solid #F2F2F2;border-radius: 6px;}
.hot .title{width:30px;height:78px;background-color: #EEE;color: #FF6666;writing-mode: vertical-lr;display: flex;justify-content: center;align-items: center;border-radius:6px 0px 0px 6px;font-weight: bold;}
.hot .gameIntro img{width: 48px;height: 48px;border-radius: 15px;}
.hotDiv .gameIntro{display: flex;flex: 1;margin-left: 15px;align-items: center;width: 64%;}
.gameIntro p{margin-left: 12px;}
.gameIntro p>a{font-size: 14px;color: #111;line-height: 15px;}
.gameIntro p>span{display: block;font-size: 12px;color: #999;margin-top: 9px;}
.hot div.gameIntro{display: none;}
.hot div.gameIntro.on{display: block;}
.hot div.gameIntro.on{display: flex;}
.changeGame{width: 78px;height: 78px;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #f5f5f5;border-radius:0px 6px 6px 0px;}
.changeGame>img{width: 20px;height: 20px;}
.changeGame>p{margin-top: 5px;color: #999;}
/* 蹇欒祩璧傚繖钘涜伀姘撻┐鑺﹀繖鑹╂ゼ*/.gameNew,.gameM,.collect,.gameStrategy,.aLink{padding:12px 12px 0 12px;background-color: #fff;margin-top: 5px;}
.gameNew>p,.gameM>p,.collect>p,.gameStrategy>p,.aLink>p{display: flex;font-size: 16px;line-height: 16px;font-weight: bold;justify-content: space-between;align-items: center;flex: 1;}
.gameNew p .more,.gameM p .more,.collect p .more,.gameStrategy p .more,.aLink p .more{display: block;width: 21px;height: 5px;background-image: url(../images/more.png);background-repeat: no-repeat;background-size: cover;background-size: 21px 5px;}
.gameNew .news a,.gameStrategy .news a{display: flex;padding:15px 0;flex-direction: row;justify-content: center;align-items: center;border-bottom: 1px solid #eee;}
.news a>div:nth-child(1){flex: 1;}
.gameNew .news div .gameTitle,.gameStrategy .news div .gameTitle{font-size: 12px;color: #333;line-height: 18px;overflow: hidden;text-overflow: ellipsis;height: 36px;margin-right: 16px;}

.gameNew .jubao{float: right;font-size: 14px;line-height: 27px;color: #e0a00ea1;}
.gameNew .jubao i{background: url(../images/fankui.png) no-repeat center;background-size: 100%;width: 20px;height: 20px;float: left;margin-right: 5px;}
.wid_wrap{ display: none; width: 100%;height: 100vh;z-index: 20198;position: fixed;left: 0;top: 0;}
.wid_wrap .win_mengban{width: 100%;height: 100vh;z-index: 20198;position: absolute;z-index: 1;left: 0;top: 0;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.wid_wrap .win_box{width: 80%;background: #fff;border-radius: 4px;position: absolute;z-index: 2;left: 10%;top: 36%;margin: -200px 0 0 0;}
.wid_wrap .win_box .title{color: #616161;font-size: 18px;font-weight: 600;text-align: center;line-height: 40px;margin-top: 10px;}
.wid_wrap .win_box ul{margin: 15px auto 0;overflow: hidden;width: 90%;}
.wid_wrap .win_box ul li{font-size: 20px;color: #666;line-height: 36px;margin-bottom: 12px;overflow: hidden;}
.wid_wrap .win_box ul li input{width: 100%;height: 36px;padding: 0 15px;float: left;font-size: 14px;background: #f7f7f7;}
.wid_wrap .win_box ul li span{float: left;width: 90px;display: block;font-size: 16px;}
.wid_wrap .win_box ul li span i{color: #f00}
.wid_wrap .win_box ul li textarea{width: 94%;float: left;padding: 9px;height: 100px !important;background: #f7f7f7;resize: none;margin: 6px 0;}
.wid_wrap .win_box .btn{text-align: center;line-height: 40px;display: block;margin: 0 auto 25px;width: 80%;height: 40px;background: #ff6666;border-radius: 6px;color: #fff;font-size: 16px;cursor: pointer;border: none;}
.wid_wrap .win_box ul li .txt{font-size: 14px;background: #f7f7f7;width: 94%;padding: 10px;overflow: hidden;margin: 8px 0;}
.wid_wrap .win_box .close{ position: absolute;right: 12px;top: 12px;font-size: 20px;line-height: 40px;font-weight: bold;}

.gameTime{margin-top: 12px;}
.gameTime>span:nth-child(1){display: inline-block;color: #F55353;font-size: 12px;}
.gameTime>span:nth-child(2){float: right;color: #999;margin-right: 12px;}
.gameTime>span:nth-child(2) i{color: #666;}
.gameImg{width: 105px;height: 63px;}
.gameImg img{width: 105px;height: 63px;border-radius: 6px;float: right;}
.gameImgs{width: 100%;display: flex;margin: 10px 0;}
.gameImgs>a{flex: 1;display: block;text-align: center;}
.gameImgs>a + a{margin-left: 12px;}
.gameImgs img{border-radius: 6px;max-width: 150px;min-width: 50px;}
.newLast{padding-bottom: 15px;margin-top: 17px;border-bottom: 1px solid #eee;}
.newLast .gameTitle a{font-size: 12px;margin-right: 12px;overflow: hidden;white-space: nowrap;color: #333;}
.newLast>div .gameTime{margin: 0;}
/* 蹇欓垾鎵斥偓濮懳垫拃濂轿插槑璇ノ诲枴锟�*/.gameM .news{display: flex;justify-content: space-between;align-items: center;padding: 15px 0;border-bottom: 1px solid #eee;}
.gameM .gameIntro>a,.gameM .gameIntro>a>img{width: 60px;height: 60px;border-radius: 12px;}
.gameM .gameIntro{display: flex;width: 75%;}
.gameM .gameIntro p{margin-left: 12px;overflow: hidden;}
.gameM .gameIntro p a{display: block;font-size: 16px;color: #111;}
.gameM .gameIntro p a,.gameM .gameIntro p span:nth-child(2),.gameM .gameIntro p span:nth-child(3){white-space: nowrap;overflow: hidden;}
.gameM .gameIntro p span:nth-child(1){font-size:14px;color: #111;}
.gameM .gameIntro p span:nth-child(2){color: #999;line-height: 11px;margin: 8px 0 8px 0;}
.gameM .gameIntro p span:nth-child(3){color: #555;line-height: 11px;}
.gameM .btn{width: 60px;height: 26px;color: #fff;background:linear-gradient(90deg,rgba(255,102,102,1),rgba(255,102,127,1));background-color: #FF6666;border-radius: 4px;line-height: 26px;text-align: center;font-weight: bold;}
.gameM .btn:hover{background:linear-gradient(90deg,rgba(255,102,102,1),rgba(255,102,127,1));background-color: #FF6666;color: #fff;opacity: .6;}
.gameM>ul{display: none;}
.gameM>ul.on{display: block;}
/* 鑾借檹鎴皳闄嗘紡姘撹伂钘涜寘閳ヨ　鈧拷*/.collect .label{margin-top: 15px;overflow: hidden;width: 103%;}
.collect .label a{float: left;display: inline-block;line-height: 24px;width: 80px;height: 24px;text-align: center;background-color: #eee;border-radius: 12px;color: #666;margin: 0 10px 10px 0;overflow: hidden;}
/* 姘撹伀閳ュ味鎺嗏偓纬鈹锯偓婧屼箙蔚閾帮拷*/.aLink{padding-bottom: 5px;overflow: hidden;}
.linkList{display: flex;flex-wrap: wrap;margin-top: 15px;width: 106%;}
.linkList>a{display: inline-block;margin-bottom: 10px;margin-right: 21px;}
/* 鐚伀鑹欐皳鑱ч垾鈷氣敒梅锟�*/.top,.goIndex,.navList{background-color: #FFF;}
.top>p{height: 50px;display: flex;justify-content: space-between;align-items: center;margin: 0 12px;font-weight: bold;}
.top>p .nav{font-size: 15px;color: #111;height: 50px;line-height: 50px;}
.top>p .closeImg{display: inline-block;width: 14px;height: 14px;background: url(../images/close.png) no-repeat center;background-size: 14px;cursor: pointer;}
/* 蹇欒墮鍗㈣幗鑺﹂埄鈷氣敒锔光偓鎾佲敒梅锟�*/.goIndex{padding:13px 0;}
.goIndex>p{margin:0 12px;height: 30px;background:linear-gradient(90deg,rgba(255,102,102,1),rgba(255,102,127,1));color: #fff;line-height: 30px;text-align: center;border-radius: 4px;background-color: #ff6666;}
/* 姘撶倝褰曠尗钘涢檵蹇欒伣閳モ埗顬狀劵锟�*/.navList{padding:2px 12px;}
.navList>div{padding:10px 0 15px 0;overflow: hidden;}
.navTitle{display: flex;justify-content: space-between;align-items: center;font-size: 15px;}
.navTitle span{display: inline-block;text-align: center;flex: 1;font-size: 18px;color: #999;}
.lineBack{width: 100%;height: 2px;background: url(../images/close.png) no-repeat center;background-size: 100% 2px;}
.navLabel{display: flex;flex-wrap: wrap;margin-top: 10px;width: 103%;}
.navLabel a{display: inline-block;width: 31%;height: 35px;line-height: 35px;text-align: center;color: #333;background-color: #f3f3f3;border-radius: 2px;margin-right: 2%;min-width: 50px;margin-bottom: 10px;float: left;}
div.navLabel a.on{background:linear-gradient(90deg,rgba(255,102,102,1),rgba(255,102,127,1));background-color: #ff6666;color: #fff;}
/* nav*/#topNav>li{cursor: pointer;height: 100%;width: 100%;text-align: center;line-height: 39px;}
.nav{background-color: #FFF;}
.nav{width: 100%;height: 39px;overflow-y: hidden;}
.nav>ul,.contentNav>ul{height: 100%;display: flex;overflow: hidden;}
/* content*/.airticle{width: 100%;margin-top: 5px;background-color: #FFF;padding-bottom: 10px;}
.contentNav{padding:2% 3%;height: 30px;}
.contentNav>ul{background-color: #eee;width: 100%;}
.contentNav>ul>li{}
.contentNav>ul>li>a{display:block;text-align: center;line-height: 30px;height: 30px;width: 70px;color: #333;}
.contentNav>ul>li.on>a{background:linear-gradient(90deg,rgba(255,102,102,1),rgba(255,102,127,1));background-color: #ff6666;color: #fff;}
.newListDetails{margin-top: 0;padding:0 13px 0 13px;}
.newListDetails .newLast{margin-top: 0;padding: 10px 0 15px 0;border-bottom: 1px solid #eee;}
.newLast .gameTime>span:nth-child(2){margin-right: 115px;}
/* 蹇欓垾鎾偓鈭额灎顏跨妴顭婎嚪纬味鎺嗏偓纬鈹灻凤拷*/.bread{margin: 12px 12px;overflow: hidden;white-space: nowrap;}
.bread>span{color: #999;}
.airDeta{background-color: #fff;padding-bottom: 2px;}
.airDeta .title{/* font-size: 16px;*/font-weight: bold;padding-top: 10px;/* line-height: 22px;*/overflow: hidden;text-align: left;}
.airticle>.titleDiv{display: flex;flex-direction: column;align-items: center;text-align: center;margin:0 12px;border-bottom: 1px solid #eee;}
.time>span{display: inline-block;color: #999;margin-top: 15px;margin-bottom: 10px;}
.airticle div .time span:nth-child(1){margin-right: 30px;white-space: nowrap;overflow: hidden;width: 118px;}
.airticle div .time span:nth-child(2){white-space: nowrap;overflow: hidden;width: 50px;}
.airText>p{text-indent: 24px;text-align: justify;}
.Gm_jieshao{padding-top: 10px;margin: 0 12px 12px;font-size: 12px;color: #434343;line-height: 24px;text-align: justify !important;}
.Gm_jieshao p{overflow: hidden;width: 100%;font-size: 14px;}
.Gm_jieshao a{color: #4C33E5;}
.Gm_jieshao tr td{text-align: center;}
.Gm_jieshao img{width: auto;margin: 6px auto;display: block;max-width: 100%;}
.morbtn{width: 100%;height: 30px;line-height: 30px;color: #1aad19;font-size: 12px;text-align: center;color: #999;background-color: #eee;}
.morbtn>i{background:url(../images/icon_more.png) no-repeat;background-size:12px auto;display: inline-block;width: 12px;height: 12px;margin-left: 5px;transform: rotateZ(0deg);background-position: center;}
.Gm_jieshao table td{border-right: 1px solid #000;border-bottom: 1px solid #000;}
.Gm_jieshao table{border-right: none;border-bottom: none;width: 100% !important;}
.Gm_jieshao iframe{width: 100%;display:block;max-width:100%;}
.Gm_jieshao h3{padding: 7px 0 3px 0;color: #F55353;margin: 0;}
.Pager{background: #fff;line-height: 40px;border-top: 1px dotted #e3e3e3;}
.Pager a{display: block;padding: 0 10px;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Pager a:last-child{border-top: 1px dotted #e3e3e3;}
/* 姘撹伂钘涜寘閳ヨ　鈧妴顭婎嚪纬味鎺嗏偓锟�*/.heji{padding:15px 12px;background-color: #fff;position: relative;}
.heji .hotGame{position: relative;}
.hotGame>a>img{display: block;border-radius: 12px;position: relative;}
.heji .lvjing{position: absolute;bottom: 0;left: 0;height: 50px;line-height: 50px;font-size: 15px;width: 100%;color: #FFF;background: linear-gradient(to bottom, transparent 10%, #000000 80%,#000000 80%, #000000 100%) !important;display: flex;flex: 1;justify-content: space-between;border-radius: 0 0 12px 12px;}
.heji .lvjing>span:nth-child(1){font-size: 14px;font-weight: bold;margin-left: 12px;white-space: nowrap;overflow: hidden;flex: 1;}
.heji .hotGame h1{font-size: 14px;font-weight: bold;margin-left: 12px;white-space: nowrap;overflow: hidden;flex: 1;}
.heji .lvjing>span:nth-child(2){font-size: 14px;margin-right: 12px;text-align: right;flex: 1;}
.jieshao{color: #555;margin-top:12px;line-height: 20px;width: 100%;}
.gameM .searchMore{display: inline-block;text-align: center;height: 30px;line-height: 30px;margin-top: 5px;width: 100%;}
.gameM .searchMore{background-color: #eee;color: #555;margin-bottom: 15px;border-radius: 4px;}
.jieshaoGame{padding: 0 12px;background-color: #FFF;}
.titleGame{display: flex;justify-content: space-between;margin-bottom: 10px;}
.titleGame>.alltitle{font-size: 14px;font-weight: bold;color: #222;}
.titleGame>.allnum{font-size: 12px;color: #ff6666;}
.collList>li{border-bottom: 1px solid #EEE;}
.collList>li + li{margin-top: 15px;}
.collList>li>a,.collList>li>a>img{display: inline-block;width: 100%;border-radius: 6px;}
.tuijian{margin-top: 10px;line-height: 20px;padding-bottom: 15px;}
/* 鐩茶祩閳ュ顭婇摪鐭儖鍡忊偓鏂嗩煀梅锟�*/.down{margin: 0;padding:0 13px 5px 13px;overflow: hidden;background-color: #fff;}
.down>.label{margin-top: 0;padding-top: 15px;width: 106%;display: block;}
.down .label>a{float: left;display: inline-block;width: 78px;height: 22px;text-align: center;line-height: 22px;margin:0 10px 10px 0;background-color: #fff;border: 1px solid #d5d5d5;border-radius: 4px;white-space: nowrap;overflow: hidden;color: #333;}
.down .label>a.on{background:linear-gradient(90deg,rgba(255,102,102,1),rgba(255,102,127,1));border: 1px solid #ff6666;color: #fff;}
/* 鐩茶祩閳ュ顭婇摪鐭煀顕肺澄舵巻鈧拷*/.gameinfor{font-size: 16px;font-weight: bold;padding:10px 0 5px 12px;line-height: 16px;}
.gameLogo{display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #FFF;padding:15px 0;}
.gameLogo>img{width: 100px;height: 100px;}
.gameLogo .dgtitle{margin-top: 15px;}
.gameLogo .dgtitle,.gameLogo .dginfor,.gameLogo>a{max-width: 350px;white-space: nowrap;overflow: hidden;}
.gameLogo .dginfor{margin-top: 10px;font-size: 14px;color: #999;}
.gameLogo>a{display: none;width:calc(100% - 24px);background-color: #ff6666;color: #FFF;line-height: 30px;text-align: center;border-radius: 4px;margin-top: 15px;}
.slideImg{overflow-y: hidden;width: calc(100% - 24px);/* height: 300px;*/margin-top: 15px;}
.slideImg>ul{width: 100%;/* height: 310px;*/overflow-y: scroll;white-space: nowrap;}
.slideImg>ul li{display: inline-block;/* width: 169px;*//* height: 300px;*/margin-right: 12px;}
.slideImg>ul li>img{/* width: 100%;*//* height: 100%;*/max-width: 300px;width: auto;max-height: 169px;height: auto;}
.infronation{width: 100%;display: flex;flex-wrap: wrap;padding:12px 0;}
.infronation>p{line-height: 20px;color: #999;width: 50%;overflow: hidden;white-space: nowrap;}
.infronation>p i{color: #333;}
.gameNum{color: #ff6666;font-size: 12px;margin-left: 20px;}
.gameType div{display: flex;justify-content: space-between;align-items: center;}
.gameType .typeList{max-width: 300px;white-space: nowrap;overflow: hidden;}
.typeList>a.on{color: #111;}
.typeList>a + a{margin: 15px 0 15px 18px;}
.typeList .tags0{margin: 15px 0 15px 0px;}
.gameType .more{display: block;width: 21px;height: 5px;background-image: url(../images/more.png);background-repeat: no-repeat;background-size: cover;background-size: 21px 5px;}
.gameType .more+.more{display: none;}
.games{width: 100%;}
.games>ul{display: block;white-space: nowrap;width: 100%;height: 168px;overflow-y: scroll;}
.games>ul+ul{display: none;}
.games>ul li{display: inline-block;text-align: center;font-size: 12px;padding: 12px 18px;margin: 0 15px 15px 0;border: 1px solid #eee;}
.games>ul li img{width: 48px;height: 48px;padding-bottom: 12px;}
.games>ul li a{display: inline-block;height: 22px;width: 48px;background:linear-gradient(90deg,rgba(255,102,102,1),rgba(255,102,127,1));background-color: #ff6666;color: #FFF;line-height: 22px;border-radius: 4px;margin-top: 10px;}
.games>ul li a:hover{background:linear-gradient(90deg,rgba(255,102,102,1),rgba(255,102,127,1));background-color: #ff6666;color: #FFF;opacity: .6;}
.heightMax{max-height: initial;}
.rotateUp{transform: rotateZ(180deg) !important;}


/* 2020-12-25 */
.search_wrap { overflow: hidden; background: #fff; }
.search_wrap .form { min-width: 220px; height: 36px; border-radius: 20px; background: #f5f5f5; padding-left: 12px; margin: 20px; display: flex; }
.search_wrap .form .key { float: left; height: 36px; width: 100%; line-height: 36px; color: #888; border: none; background: none; overflow: hidden; text-align: center; flex: 1; }
.search_wrap .form .btn { float: right; display: block; background: url(https://m.siemens-home.cn/static/images/img-cha.png) no-repeat center; height: 18px; width: 18px; background-size: auto 100%; margin: 8px 12px 0; }

.news_list li:last-child { border: none; }

.news_list li { padding: 15px 0; display: flex; border-bottom: 1px solid #eee; }

.news_list li .img { margin-right: 12px; }

.news_list li .img, .news_list li .img img { border-radius: 6px; display: block; width: 140px; height: 90px; }

.news_list li .info { flex: 1; }

.news_list li .info .bt { font-size: 16px; color: #1b1b1b; height: 25px; line-height: 25px; overflow: hidden; display: block; }

.news_list li .info p { width: 100%; float: left; font-size: 12px; color: #777; line-height: 20px; height: 40px; overflow: hidden; margin-top: 2px; }

.news_list li .info span { display: block; float: left; margin-top: 5px; line-height: 20px; font-size: 12px; color: #777; overflow: hidden; height: 20px; }

.banner { background: #fff; overflow: hidden; margin-bottom: 6px; }
.banner img { width: 100%; display: block; }
.banner .bt { display: block; text-align: center; line-height: 36px; font-size: 18px; margin: 12px; }

.mainwrap { background: #fff; overflow: hidden; }
.mainwrap .asw_wrap { margin: 12px; border: 1px solid  #eee; border-radius: 6px; background: #fff; padding: 12px; max-height: 430px; overflow-y: scroll; }
.mainwrap .asw_wrap li + li { border-top: 1px solid #eee; }
.mainwrap .asw_wrap li { padding: 12px; overflow: hidden; display: flex; }
.mainwrap .asw_wrap li .info { flex: 1; margin-right: 12px; }
.mainwrap .asw_wrap li .info .bt { display: block; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; color: #333; }
.mainwrap .asw_wrap li .info span { display: block; color: #999; margin-top: 5px; }
.mainwrap .asw_wrap li .btn { width: 90px; height: 36px; line-height: 36px; text-align: center; border-radius: 18px; font-size: 14px; color: #F55353; border: 1px solid #ffcccc; margin-top: 12px; }

.tj_list { background: #fff; margin-top: 6px; overflow: hidden; position: relative; padding: 12px 6px; }
.tj_list .title { font-size: 18px; line-height: 20px; font-weight: bold; padding: 0 6px 10px; }
.tj_list ul li { float: left; width: 50%; }
.tj_list ul li .img { margin: 0 10px; height: 0; padding-bottom: 53%; overflow: hidden; }
.tj_list ul li .img, .tj_list ul li .img img { border-radius: 6px; display: block; }
.tj_list ul li .bt { display: block; margin: 6px; font-size: 14px; color: #1b1b1b; height: 28px; line-height: 28px; text-align: center; }

.Popup_wrap { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2020; }
.Popup_wrap .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: rgba(255, 255, 255, 0.3); }
.Popup_wrap .correction_box { width: 70%; max-width: 450px; min-width: 320px; height: auto; background: #dcdbdb; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); z-index: 10; padding-bottom: 40px; margin: -150px auto 0; top: 50%; border-radius: 8px; padding: 15px; position: relative; }
.Popup_wrap .correction_box .bt { height: 50px; line-height: 25px; color: #333; overflow: hidden; font-size: 18px; font-weight: bold; }
.Popup_wrap .correction_box .info { border: 1px solid #eee; margin: 10px auto; border-radius: 6px; overflow: hidden; display: flex; }
.Popup_wrap .correction_box .info span { display: block; width: 30px; background: #eee; float: left; height: 75px; padding-top: 25px; font-size: 18px; color: #333; text-align: center; }
.Popup_wrap .correction_box .info .txt { flex: 1; margin: 10px 12px; color: #F55353; font-size: 14px; }
.Popup_wrap .correction_box .info .copybtn { height: 80px; border-left: 1px solid #eee; margin: 10px 0; padding: 0 15px; }
.Popup_wrap .correction_box .info .copybtn i { display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMTNlMmMxNC1iYmNiLTFhNGUtYWJiMS0yMWY0ZDg3NjExYmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTI5OEY0RkE0Njk1MTFFQjhBQkFDNEU0NDkwNkJGNjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTI5OEY0Rjk0Njk1MTFFQjhBQkFDNEU0NDkwNkJGNjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDg2MjNkYzAtODgwYy0xNzQ5LWFmMTItMjVkNDU0NmQ0MTFiIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGU2MWI3YjMtNDVjOS0xMWViLThmMDUtY2FmM2MzYWQ2NDk5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+OD9+VQAAAfRJREFUeNrslztLA0EUhXeTNSaKhRCDghIflaXEVhCtFcTKwoiIWImxEbQQf0IawUqTQlIpCGJlKVZJJdpHUCM+CguJ5qHnyl0Y4gxuNmO0yIGPmR1mOXd27s7eNdPptPGDBsAOCIOS4U4e8A6uQDISiZzQoOnAfBfMG3oVRwCrHgcTDzlqnYplMpmo5WDiMegHvaDg0qwMusAmGOaxdcvhzTfMN+HxOY4Aqz1F8wz8oF2250EQ4GirlclJeY+gyooArtH0gDtx5ZRUy2AQ+MBHLeYwOUC7gSBeBWMPz/naCjvh4pzVQ/xIaNzrArqvCXSDFXAJw7aK4Gxzg1Y+zRNt5cGjOKnKxGoGIb6mJN0Hk7LJZB4Tro/AEniowZy2bAbs8dgEVh/G48/KzPu4T3u8yMaOJcn2N5CA4RzaUR6j7czKjj1LiLqk8SC5Ffo+1ZlbFK4DGs39Qr+oMv8zNcwb5g3z35LJZz/JW29zOkVbud9ZV3MuMBbo0w62rHrvMwJIoUn9i4TzVhQSupSv+HRLzcuSvg6FhH5BZZ4VXoNtIRtdC4XEFJoxYehC+t6hdKaKIyGMUf2W4+2otpSi73YL/2TYOkOSjahquCQYB7NC3R7U9OhzXKAaKnNSlN89CqCDy1+3Pw2kF3AO1rDqJ9XkTwEGAJZRdui7yKeAAAAAAElFTkSuQmCC) no-repeat; width: 20px; height: 20px; margin: 10px auto 0; background-size: 100%; }
.Popup_wrap .correction_box .info .copybtn .btn { background: #f2f2f2; color: #F55353; text-align: center; line-height: 36px; padding: 0 20px; border-radius: 16px; margin-top: 12%; display: block; }
.Popup_wrap .correction_box .close_btn { background: #f2f2f2; margin: 18px auto 0; height: 36px; line-height: 36px; color: #F55353; text-align: center; font-size: 16px; border-radius: 6px; }

.aboust_list{overflow: hidden;}
.aboust_list li { border-bottom: 1px solid #ddd;padding: 10px 0;line-height: 25px; display: flex;}
.aboust_list li .bt{flex: 1;}
.aboust_list li span{margin: 0 12px; width: 100px;text-align: left;}
.aboust_list li .btn{display: inline-block;height: 22px;width: 48px; background-color: #ff6666;color: #FFF;line-height: 22px; border-radius: 4px;text-align: center;}
.morelist{text-align: center;line-height: 40px;display: block;}
.aboust_list li:nth-child(n+4){display: none;}
.aboust_list.on li {display: flex !important;}
.chakan{ height: 30px;font-size: 16px;text-align: center;line-height: 30px;font-weight: 500;}

/* 2021-11-16 */
.gameLogo{position: relative;}
.gameLogo .score_box{position: absolute;right: 12px;top: 0;width: 60px;height: 80px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;background: #ff6666;}
.gameLogo .score_box p{margin-top: 20px;font-size: 20px;}
.gameLogo .score_box p span{font-size: 16px;}
.gameLogo .score_box::after{display: block;position: absolute;bottom: 0;left: 0;content: '';border: 30px solid transparent;border-bottom: 20px solid #fff;}
.praise_box{padding: 20px 0;background: #fff;text-align: center;}
.praise_box span{position: relative; display: inline-block;cursor: pointer; margin: 0 auto;border: 2px solid #f8d5d5;height: 46px;min-width: 80px;padding: 0 20px;line-height: 46px;border-radius: 25px;font-size: 15px;color: #808080;}
.praise_box u{text-decoration: none;}
.praise_box span i{display: inline-block;width: 24px;height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA/VJREFUWEftll2ME1UUx/9nukIUw4MzsxWjojHGoMZVERM/ImriRzDxI0Z94snt1G2nu4i7kiAKBiXRkoXau2V7WxOiT2p4wAeDRKOi0YiiSNSIPpjgB2k7NQiugWV7j7m7LVt2p50pmBAT523u/d//+c259845hDP80BmOj/8OwNgKZ8HYOEe7c4W97bJW6e9drAi/RjPFUpjsts2Al4wtJ6JlClhCwGV1w0PM+Bikhm1R/FCPlROxaw2D1gK4E8D8SR1jPwzsBug9K5t/rRVMS4CqG08zeLCxkAgHmOl3gC8BcP7UOOfAdAiE1XVdCYwDAGwQtK7+8KglCn1+ELMAqonERUwT20BYwsDPXcDKOV34fN5mebBhUEnFYlC0gQjWJAbDg8Gr7Wyh0NCUBnqjERW5hZiHGVgIxh7irofMXO6XZpBZAJ4b3wzwAIC3MWEkrNHR3/zIS6l4T0Txq0QYnyDqi2bz3/jp/uh3Lq4p5Ai4D6CMJfIrWgKUk/HbDOKPiOApI3KrndmyP8xBCtJUBvquMFTtE2ZYimlp90h+14mtbV7suc52APcDWGUJ+XKQcSfznus8DeAlnVlLyAd8ASpu7CcCXWAJOa8T87Daiuv8DeCgLWTjRk3/iDiVmlvlY0f1aTezcmFY0050nuvoA3jhkb/Gz75069ajeu2JQ/hnf/zy44p/BPC1JeT1nRiH1VZcZy8BPQAWWUL+cBJAOfXEdQarr8D4whqRN4Y17UTnJZ0vQVjMhrrBfqW45yQA/eK5zpi+1paQ53ZiHFZb9ydLyHNa3IL4ToDvMiKRnvMyW/aFNQ6ja2SYgF2mkEt9ARq/XwZvtEVhKIxxWE3FjaUJNMjEw3a28JQ/QCp+JTN/pgsKQ93RKDZhg7TSVdze2wnGBwAOE9FNZjb/vS+AHqy6zloG1gH8riUK955u8KmzFdsB0D0ErDOFfL7Zc3YxSqXmg499ysBVBKw3hXzudCC8ZGw9iNYQ8B1o7s1mNnu4LUA9C48w8Gb9mmwyhVx5KhBe0smA0F/3edQU8q2ZPm36AacJggqmyDudQFTdeJHBj7cLPus/MDNA1Z2GYOANjONJW073BX5AFcdZYMzBJgYeCwoeCDBzOwB8q1it6h4pvuMXvJzsXWaQoSve1WGChwLQolLCudsgThPRNfpdAWu6hXyxGaLsOs8YwAt6jJn3KaahaE7uDNq20G35VItlpMFYXjfd1nVWRNd4TByv6d7h4clxwus1Qw39K12x7x67sUECpf3mGDxki8LGoK8OvIZBBnpLIoQNurJNaXl3TdGzYVIe+hoGQeh5z3UeBNMRayT/fhi9nyb0GTjVAEHr/gf4BysqezDEVTBvAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100%;vertical-align: middle;margin-bottom: 3px;margin-right: 4px;}
.praise_box b{
    font-weight: normal;
    position: absolute;
    color: #F55353;
    font-size: 12px;
    right: 12px;
    top: -9px;
    display: none;
}
.praise_box .on i{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZmJkYjQxNy1kNTA0LTMxNDAtOGRkYS1mMmNhODMyOWNmYWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjZDQUMwNjI0NkNEMTFFQzg3RjVCODZDNTQ0REVDODgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjZDQUMwNjE0NkNEMTFFQzg3RjVCODZDNTQ0REVDODgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N2ZiZGI0MTctZDUwNC0zMTQwLThkZGEtZjJjYTgzMjljZmFiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdmYmRiNDE3LWQ1MDQtMzE0MC04ZGRhLWYyY2E4MzI5Y2ZhYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr4C8noAAALASURBVHja7Fc9bxNBEN25XIixAw0JiAKEgApRIEVuQQIJJCpo6JBSxAnECSAlNDQodZApYhDmQ0hQIv4AouBDNAEKkECioqAiuIgi5YiJfcObu73kYp99i+2TG1Y6eXdv5r13M7vrWWJm1ctmqR63ngtQkgKTNKxeG9+7NJk7Fmf368rYyM+rY3tMeSkgJ6IGo3I+dxHzZ12lsnh7SE8vw+WtIrcwXHz4SiZEmGXRTXRP4tnpM6hviO8ikF8OLZSeRAnweOsFlKfG/bGieWicDRzw2mGmfriuY5jWMHcV0zKMbwSBArGNXxdz20N094BwWXpDxftbBNj1ysi19zFVnzNxFiYOaTLYp+Wz0Pr12IHoSRDpvmeXUXWBxNBBoC/BNUtsn8fUj5aLkK3aDLyy6NZo40sbm0fIqgKbdU0enWtg4KkBc8TDrscJp2ApP3HcIn7th7s5aDstwHSZTuy+U3oT8G6JAMhnNsPd7d3mYwYckSnAojuCHyexLa/UbzxHIwXw9PQAVv7hiN3YvTSABs/B76OjqQYBK/Rnvw5VX4IR8LB3DG470CCgwjQYWCUWAQ52mpuJ3AU4hFa1hExCGmR9EQ6jdOQuwLt3CZJLS2MNvG+6C/Dy02a6klgCOKOJPzQ/CUk9lvXoa0liE6gVS1mPmgrYtVD6CquCFlzt4sdXtYKCcLQuSGjgNgy/oGN3KRUsWB4msGMrIuaKpGAuFDbuMO9BOuc0dnxJBq9n8LrQoYgNcsESzH+qCetFsBQZ5qvNNSGPLUrDIsi3XTPgX2ONG0duVBULQM1VZ3ByfcYwZSAgJbaeTwy5cVneZ6kXrs2n8UlPQ9NuZB82Yis+Zv8PLariyLJ7KjcrBWt0tPj6cPHBLdPrQFsXEyGQ8ILtYwhuUeZMydu6mEQ1/HueK+cnTnVyIaL/l9NeC/grwACwKiap1i/fVQAAAABJRU5ErkJggg==) no-repeat;background-size: 100%;}
.QZ-up { display: none; position: fixed; z-index: 10; top: 80%; right: 5%; width: 32px; height: 32px; background: url(../images/btn-up.png) no-repeat; background-size: 100%; }

/* 20221024 */

.tagswrap { width: 102%;margin-top: 6px; }
.tagswrap a { padding: 0 8px; height: 26px; line-height: 26px; border-radius: 6px; border: 1px solid #eee;  display: block; float: left; margin: 6px 0 0 12px; font-size: 12px; font-weight: bold; color: #7fe0f8; }
.tagswrap a:nth-child(1) { color: #00c2f2; }
.tagswrap a:nth-child(2) { color: #f2b230; }
.tagswrap a:nth-child(3) { color: #e65c5c; }
.tagswrap a:nth-child(4) { color: #de73e6; }

/* 20230322 */
.collectiontags{margin-top: 12px;}
.collectiontags a{
    float: left;
    display: inline-block;
    line-height: 24px;
    padding: 0 10px;
    height: 24px;
    text-align: center;
    /* background-color: #eee; */
    border: 1px solid #eee;
    border-radius: 12px;
    color: #666;
    margin: 0 10px 10px 0;
    overflow: hidden;
}
.collectiontags li:nth-child(5n+1) a{color:#ffab80;border-color:#ffab80}
.collectiontags li:nth-child(5n+2) a{color:#be7763;border-color:#be7763}
.collectiontags li:nth-child(5n+3) a{color:#35aba7;border-color:#35aba7}
.collectiontags li:nth-child(5n+4) a{color:#66bb6a;border-color:#66bb6a}
.collectiontags li:nth-child(5n+5) a{color:#e8d851;border-color:#e8d851}

.AppList { margin: 10px 0 0; }

.AppList li { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 0; border-radius: 6px; margin-bottom: 12px; }

.AppList .num { width: 24px; height: 24px; line-height: 25px; text-align: center; font-size: 12px; font-weight: bold; margin: 24px 0 10px 10px; color: #222; background: url(../images/ic_rank.png?v1.0) no-repeat 60px 60px;background-size: 50px; }

.AppList li .img { display: block; margin-left: 10px; }

.AppList li:nth-child(1) .num { background-position: -25px -2px; text-indent: 100px;  }

.AppList li:nth-child(2) .num { background-position: 0 -26px;  text-indent: 100px; }

.AppList li:nth-child(3) .num { background-position: 0 0;  text-indent: 100px; }

.AppList li .img, .AppList li .img img { width: 70px; height: 70px; border-radius: 16px; }

.AppList li .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin: 0 12px; }

.AppList li .info .bt { line-height: 26px; height: 26px; overflow: hidden; width: 100%; font-size: 14px; color: #333; font-weight: bold; word-break: break-all; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.AppList li .info p { font-size: 12px; color: #666; line-height: 18px; height: 18px; width: 100%; overflow: hidden; margin-top: 4px; }

.AppList li .info p span {margin-right: 12px; }
.AppList li .info p span + span {margin-left: 10px;}
.AppList .btn { display: block; color: #fff; background: #F55353;  width: 56px; height: 26px; text-align: center; line-height: 26px; border-radius: 4px; font-size: 12px; margin: 23px 12px 0 0; font-weight: bold; }