@CHARSET "UTF-8";

html,body {width:100%;height:100%;overflow:hidden;}

.rechargegame-holder {position: absolute;    top: 50px;    left: 0;    right: 0;    bottom: 55px;    overflow: hidden;    text-align: left;}

.rechargegame-holder > .zhichong-head-tab {width: 100%;    margin: 8px 0;    clear: both;    overflow: hidden;}
.rechargegame-holder > .zhichong-head-tab > a {display: block;    height: 30px;    line-height: 30px;    width: 33.32%;    float: left;    color: #777777;    font-size: 14px;     text-align: center;}

.rechargegame-holder .top {width: 100%;    padding: 10px 0;    overflow: hidden;    border-bottom: 1px solid #DADADA;}
.rechargegame-holder .top > div:nth-child(1) {position: relative;   height: 30px;    line-height: 30px;    margin: 0 10px;    background: #E5E5E5;    text-align: center;    color: #939395;   border-radius: 5px;}
.rechargegame-holder .top > div:nth-child(1)::after {position: absolute;    width: 15px;    height: 15px;    top: 50%;    margin-top: -7px;    left: 50%;    margin-left: -80px;    content: "";    background: url(/img/application/zhichong-search.png) center center no-repeat;    background-size: 100%;}
.rechargegame-holder .top > div:nth-child(2) {display: none;   position: relative;    margin: 0 10px;    height: 30px;    overflow: hidden;}
.rechargegame-holder .top > div:nth-child(2) > span:nth-child(1) {position: relative;    display: block;    height: 100%;    margin: 0 55px 0 0;    overflow: hidden;}
.rechargegame-holder .top > div:nth-child(2) > span:nth-child(1) > input {display: block;    width: 90%;    height: 30px;    line-height: 30px;    padding: 0 10% 0 0;    background: #E5E5E5;    border-radius: 5px;    font-size: 14px;    overflow: hidden;    text-indent: 10px;}
.rechargegame-holder .top > div:nth-child(2) > span:nth-child(1) > span {position: absolute;    display: block;    width: 20px;    height: 20px;    background: #5D646C;    border-radius: 10px;    top: 50%;    margin-top: -10px;    right: 10px;   cursor: pointer;}
.rechargegame-holder .top > div:nth-child(2) > span:nth-child(1) > span::before {position: absolute;    display: block;    width: 76%;    height: 1px;    content: "";    background: #ffffff;    top: 50%;    margin-top: -0.5px;    left: 50%;    margin-left: -36%;    transform: rotate(45deg);    transform-origin: center;}
.rechargegame-holder .top > div:nth-child(2) > span:nth-child(1) > span::after {position: absolute;    display: block;    width: 76%;    height: 1px;    content: "";    background: #ffffff;    top: 50%;    margin-top: -0.5px;    left: 50%;    margin-left: -38%;    transform: rotate(-45deg);    transform-origin: center;}
.rechargegame-holder .top > div:nth-child(2) > span:nth-child(2) {position: absolute;    display: block;    width: 50px;    height: 30px;    line-height: 30px;    overflow: hidden;    top: 0;    right: 0;    color: #6D6E70;    font-size: 14px;    text-align: center;}

.rechargegame-holder #wrapper {position: absolute;    top: 100px;    left: 0;    right: 0;    bottom: 5px;    overflow: hidden;}
.rechargegame-holder #wrapper ul {margin: 0 10px;}
.rechargegame-holder #wrapper ul li {height: 30px;    line-height: 30px;    border-bottom: 1px solid #F1F1F1;    clear: both;    overflow: hidden;    color: #78797B;    font-size: 14px;    text-overflow: ellipsis;    white-space: nowrap;}