@charset "utf-8";
/* CSS Document */

html{ background: #fff;}
::-webkit-scrollbar { width: 16px; height: 10px;}
/*scroll shadow radius*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #ddd;}
/*swipe inset radius*/
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #029ed7;}
.touch{ display: block; width: 100%; height: 1rem; line-height: 1rem; background: #ff9900; color: #fff; font-size: 0.46rem; text-align: center; border-radius: 0.06rem; }
/**/
.wrap_width { max-width: 720px; margin:0 auto; background:#271501;}
.wrap_area{ padding: 0.15rem 0.27rem; position: relative; box-sizing:border-box; width:100%;display: inline-block;}
.banner{ width: 100%; height:7rem;}
.banner img{ width: 100%;}
a:hover {cursor: pointer;}
.btn {  text-align:center;}

.wrap_area p.title { display: block; width: 100%; height: 1rem; line-height: 1rem; color: #964a0a; font-size: 0.36rem; text-align: center; border-radius: 0.06rem; font-weight:500; margin:0.1rem 0; background:rgba(0,0,0,0.5)}
/**/
/*.wrap_area .icons {margin-top: 1.4rem; }
.wrap_area .icons .m {display: inline-block; width: 1.5rem;	height: 1.5rem; margin: 0 0.28rem ;}
.wrap_area .icons .m img{ width: 100%;}
.wrap_area .icons .m .name{width: 100%;text-align: center;font-weight: bold; margin-top:0.15rem }
*/
/*wrap_propt*/
.wrap_propt { width: 100%;min-height: 1.6rem; background:rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; box-shadow: 0 0 2px rgba(0,0,0,0.35); z-index:110;}
.wrap_propt .logo_lt {position: relative;}
.wrap_propt .logo_lt .img { display: block; width: 1.2rem; height: 1.2rem; position: absolute; top: 0.22rem; left: 0.28rem; overflow: hidden;}
.wrap_propt .logo_lt .img img{ display: block; width: 100%; height: 100%;}
.wrap_propt .logo_lt .lt_t{ padding: 0.25rem 0 0 1.74rem; color: #333;}
.wrap_propt .logo_lt .lt_t h3{ font-size: 0.3rem; color:#fff;}
.wrap_propt .logo_lt .lt_t p { font-size: 0.23rem; color: #ccc; display: inline-block; margin-top: 0.02rem; width:100%; }
.wrap_propt .logo_lt .lt_t p span { float:left;}
.wrap_propt .logo_lt .lt_t p span.star { width:1.2rem; height:0.3rem; display:block;} 
.wrap_propt .logo_lt .top_btn{ display: block; width: 2.1rem; height: 0.7rem; line-height: 0.7rem; background: #b80718; color: #fff; text-align: center; font-size: 0.42rem; border-radius: 0.08rem; position: absolute; top: 0.5rem; right: 0.3rem; font-size:0.3rem}
/***/


/*game-item*/
.game-item {margin: 0.25rem 0;/*height: 2.2rem; */position: relative; float:left;  text-align:center; }
.game-item .pic {position: absolute;left: 0rem;top: 0rem; width:100%;height: 2.2rem;background-size: 100% 100%;}
.game-item .game_ico {/*position: absolute;left: 0.2rem;top: 0.4rem;*/width: 1.5rem; z-index:100; margin:0 auto;}
.game-item .tip {/*position: absolute;left: 1.4rem;top: 0.4rem;*/width: 2.2rem;font-size: 0.2rem; padding:0.2rem 0 ;}
.game-item .tip h3 { color:#ff7400; font-size:0.24rem; text-align:center; font-weight:500;}
.game-item .tip p { color:#333333; margin-top:0.09rem; width:100%; display:inline-block; font-size:0.22rem;}
.game-item .tip p span { float:left;}
.game-item .tip p span.star { width:1.2rem; height:0.3rem; display:block;} 
.game-item .s_btn {display: block;background:#ff9900;width: 1.5rem;height: 0.6rem; line-height:0.6rem;text-align:center; color:#fff;font-weight: bold;border-radius: 0.03rem;/* position:absolute; top:0.82rem; left:4.9rem;*/ font-size:0.3rem; margin:0 auto;}

/*footer*/
.footer{ min-height: 0.50rem; padding: 0.13rem 0; text-align:center;width: 100%;display: inline-block; background:none; margin-top:24.5rem}
.footer p {color: #844902; font-size: 0.25rem;}
.footer p:last-child{ margin-top: 0.1rem;}