@charset "utf-8";
body{
    background: #EFF1F2;
}
.g-main{margin-bottom: 30px}
.open-service-box{
    margin: 30px 0 0;
    width:100%;
    min-height: 573px;
   /* background: #fff;*/
    border-radius: 6px;
    /*padding: 0 30px;*/
}
.open-service-box .open-service-menu{
    padding: 0 30px;
    box-sizing: border-box;
    width:100%;
    padding-top: 25px;
    /*height: 40px;*/
    border-bottom: 1px solid #E4E8EE;
    display: flex;
    align-items: center;
    background: #ffffff;
}
.open-service-menu a{
    width:145px;
    height: 40px;
    color: #333333;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.open-service-menu a.active{
    background: #FFAF36;
    color: #ffffff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.open-service-tab{

}
.open-service-tab .open-services-list{
    padding: 0 30px;
    box-sizing: border-box;
    min-height: 507px;
    background: #ffffff;
}
.service-search-box {
    margin-left: auto;
    font-size: 13px;
    color: #999999;
    top: -15px;
}
.service-search-box .search {
    position: absolute;
    right: -1px;
    top: -15px;
    width: 264px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #D4D7DB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 2;
    padding-left: 7px;
    box-sizing: border-box;
}

.service-search-box .searchbtn {
    position: absolute;
    right: 3px;
    top: -7px;
    width: 23px;
    height: 23px;
    z-index: 3;
    background: url(../images/newIcon/nav_search.png) no-repeat 0px 0px;
    border: none;
}
.open-service-tab ul{
    padding: 10px 0;
}
.open-service-tab li{
    width:100%;
    height: 155px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #E4E8EE;
}
.open-service-tab li:last-child{
    border-bottom: none;
}
.open-services-list li .icon {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 15px;
    background-color: #e2e2e2;
    overflow: hidden;
}
.open-services-list li .icon img {
    width: 90px;
    height: 90px;
    border-radius: 15px;
    position: relative;
    z-index: 2;
}
.open-services-list li .game-info{
    width:200px;
    margin-left: 16px;
}
.open-services-list li .game-info .game-name{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    width:95%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.open-services-list li .game-info .game-type{
    margin-top: 15px;
    font-size: 14px;
    color: #999999;
}
.open-services-list li .date-remind-box{
    width:250px;
}
.open-services-list li .date-remind-box.today .open-date{
    color:#FFAF36 ;
}
.open-services-list li .date-remind-box .open-date{
    width:250px;
    font-size: 16px;
    color: #333333;
}
.open-services-list li .date-remind-box .service-remind{
    display: block;
    width: 82px;
    height: 32px;
    background: #FFAF36;
    color: #ffffff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    margin-top: 5px;
    border-radius:4px;
    cursor: pointer;
}
.open-services-list li  .open-services-name{
    width:300px;
    font-size: 16px;
    color: #333333;
}
.open-services-list li .game-butn-box{
    margin-left: auto;
    height: auto;
    display: flex;
    align-items: center;
}
.open-services-list li .game-butn-box a{
    display: block;
    width:110px;
    height: 36px;
    border: 1px solid #FFAF36;
    box-sizing: border-box;
    line-height: 36px;
    color: #FFAF36;
    font-size: 14px;
    border-radius:4px;
    text-align: center;
}
.open-services-list li .game-butn-box a:hover{
    background:#FFAF36 ;
    color: #ffffff;
}
.open-services-list li .game-butn-box .lq-gift-butn{
margin-right: 14px;
}
.open-services-list li .game-butn-box .lq-gift-butn.disabled{
    color: #ffffff;
    background: #C6C6C6;
    border: 1px solid #C6C6C6;
}