.record-sprite {background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record/record-sprites.png) no-repeat 0 0/3rem 2rem;}
.record-list{ margin: 0 .2rem;}
.div_left {width: 7.98rem;}
.record-list select{height: .28rem;line-height: .28rem;vertical-align: middle;font-size: .2rem;border-radius: 0;}
.div_left .difficulty,.div_left .complete-time,.div_left .time,.div_left .track-select{display: block;border-radius: .08rem;background: #192F54;margin-left: .1rem;text-align: center;line-height: .34rem;color: #dee7ff;font-size: .18rem;padding-left:.05rem;padding-right: .24rem;position: relative;}
.div_left .sort-down,.div_left .sort-up{color: #43daff;}
 table {font-size: .18rem;width: 100%;text-align: center;align-items: center; border-collapse: collapse; border-spacing: 0;box-sizing: border-box;}
table, table a{    color: #dee7ff;}
.list-wrap,.common_list2{margin-top: .18rem;overflow-y: scroll;flex: 1;}
 table thead {width: 100%;height: .64rem;line-height: .64rem;background: #15203e;}
 table th,  table td {text-align: center;font-weight: normal; border: none;}
table .title{ text-align: left; padding-left: .2rem;}
 tbody tr {height: .58rem;line-height: .58rem;background: #1a2e52;}
tbody tr.first,tbody tr.second,tbody tr.third{color: #b2d4fe !important;}
tbody tr.first{background: #1d5e94;}
tbody tr.second{background: #1c4c7c !important;}
tbody tr.third{background: #1b3a63;}
 tbody tr:nth-of-type(2n) {background: #152a4e;}
tbody tr:nth-of-type(2n), tbody tr:nth-of-type(2n) a{    color: #2a8bff;}
 tbody tr .play {display: inline-block;width: .3rem;height: .3rem;text-indent: -9999rem;vertical-align: middle;background-position: -2.26rem -.07rem;}
tbody tr.first .play,tbody tr.second .play,tbody tr.third .play{background-position: -2.64rem -.07rem !important;}
tbody tr:nth-of-type(2n) .play {background-position: -2.26rem -.46rem;}
 tbody tr .star {display: inline-block;width: .17rem;height: .2rem;vertical-align: middle;background-position: -1.59rem -.12rem;}
 tbody tr:nth-of-type(2n) .star {background-position: -1.9rem -.11rem;}
/*.icon-list .up,.icon-list .down {position: absolute;width: .15rem;height: .07rem;background-position: -1.2rem -0.16rem;text-indent: -9999rem;}*/
.track-select .refresh {position: absolute;top:.09rem;right:.01rem;width: .2rem;height: .15rem;background-position: -.07rem -1.82rem;text-indent: -9999rem;}
.track-select.on .refresh{background-position: -.07rem -1.63rem;}
    /*.icon-list .up{top: 0;}*/
/*.icon-list .down{transform: rotateX(180deg);bottom:0;}*/
/*.sort-down .down{background-position: -0.93rem -0.17rem;transform: rotateX(0deg);}*/
/*.sort-up .up{background-position: -0.93rem -0.17rem;transform: rotateX(-180deg);}*/

.icon-list{position: absolute;width: .14rem;height: .18rem;top: .08rem;right: .08rem;text-indent: -9999rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record/record-sprites.png) no-repeat -.81rem -1.6rem/3rem 2rem;
}
.sort-down .icon-list{
    background-position: -.62rem -1.6rem;
}
.sort-up .icon-list{
    background-position: -.41rem -1.6rem;
}
.div_right {width: 3.44rem;}
.common_list2,.list-wrap{border: 1px solid #2877a7;}
.common_list2{margin: .18rem 0 0 0;height: 4.4rem;}
.common_list2 li{position: relative;width: 100%;/* height: 1.72rem; */background: #1a2e52;margin-bottom: .04rem;padding: .14rem .08rem 0;display: flex;justify-content: space-between;box-sizing: border-box;}
.common_list2 li a.link{position: absolute;top:0;left:0;display: block;width: 100%;height:100%;}
.img-box{position: relative;width: 1.5rem;height: 1.4rem;border-radius: .08rem;overflow: hidden;}
.img-box img{display: block;width: 1.5rem;height: 1.4rem;}
.img-box .play{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;text-indent: -9999rem;background: rgba(0,0,0,.5);}
.img-box .play:after{content: '';position: absolute;top: .2rem;left:0;right: 0;width: .44rem;height: .44rem;margin:0 auto;background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record/record-sprites.png) no-repeat -.38rem -.49rem/3rem 2rem;}
.img-box .time{position: absolute;top: .74rem;left: 0;right: 0;display: block;text-align: center;color: #fff;font-size: .2rem;margin: 0 auto;}
.img-box .desc{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: .28rem;font-size: .18rem;color: #1a2e52;line-height: .28rem;background: rgba(255,255,255,.4);text-align: center;}
.img-box .star {display: inline-block;width: .17rem;height: .16rem;vertical-align: top;background-position: -1.91rem -.47rem;text-align: center;text-indent: -9999rem;margin-top: .06rem;}
.img-box .desc span{display: inline-block;}
.common_list2 .info{width: 1.64rem;font-size: .2rem;color: #dee7ff;}
.common_list2 .info i{display: inline-block;vertical-align: top;margin-top: .02rem;}
.common_list2 .info .user-icon{width: .21rem;height: .21rem;background-position: -.53rem -.11rem;}
.common_list2 .info .time-icon{width: .25rem;height: .24rem;background-position: -.07rem -.07rem;}
.common_list2 .info .car-icon{width: .25rem;height: .25rem;background-position: -.07rem -.45rem;}
.common_list2 .info .pet-icon{width: .22rem;height: .21rem;background-position: -1.59rem -.42rem;}
.common_list2 .info p{display: block;margin-bottom: .04rem;}
.common_list2 .info p:nth-of-type(1){color: #dee7ff;}
.common_list2 .info span{display: inline-block;vertical-align: top;color: #8cb7ec;text-overflow: ellipsis;white-space: nowrap;width: 1.3rem;overflow: hidden;}
.common_list2 .info .name-box i{font-style: normal;display: block;text-overflow: ellipsis;white-space: nowrap;width: 1.3rem;overflow: hidden;}
.top_title{font-size: .24rem; height: .61rem; line-height: .61rem;padding-left: .2rem;color: #c4deff;}
.top_title.record{margin: 0 0 .18rem 0;background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record/new-record-left.png) no-repeat  0 0/8.13rem .61rem;}
.top_title i{vertical-align: baseline;width: .06rem;}
.top_title .star {display: inline-block;width: .17rem;height: .16rem;vertical-align: text-top;margin-left: .1rem;text-indent: -9999rem;background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record/record-sprites.png) no-repeat -1.59rem -.12rem/3rem 2rem;}
.top_title .exchange-btn{display: inline-block;width: 1.24rem;height: .34rem;background: #0b234a;border-radius: .08rem;color: #43daff;text-align: center;line-height: .34rem;font-size: .19rem;margin-left: .2rem;}
.add{font-size: .4rem;color: #43daff;}
.vdetail-info{margin-top: .2rem;}
.vdetail-record .vdetail-wrap{display: flex;justify-content: space-between;}
.vdetail-info .img-box,.vdetail-info .img-box img{position: relative;width:4.64rem;height:.95rem;border-radius: 0;}
.vdetail-info .img-box .name{position: absolute;top:.35rem;left:.3rem;height:.28rem;line-height: .28rem;font-size: .28rem;color: #fff;}
.vdetail-info .img-box .name .star{display: inline-block;vertical-align: middle;width: .15rem;height: .14rem;background-position: -1.92rem -.79rem;margin: 0 .03rem 0 0;}
.vdetail-info .img-box .name .star:first-child{margin-left: .12rem;}
.vdetail-info .img-box .ranking-btn{height:.34rem;border-radius: .06rem;position: absolute;top:.35rem;right:.2rem;background:  rgb(25, 47, 84);color: #dee7ff;font-size: .19rem;line-height: .34rem;text-align: center;padding: 0 .1rem;}
.vdetail-info .sd-info-list{padding: 0 0 0 .3rem;box-sizing: border-box;width:100%;}
.vdetail-info li{height:.48rem;line-height: .48rem;font-size: .24rem;color: #8cb7ec;margin-top: .1rem;}
.vdetail-info li span:nth-of-type(1){display: inline-block;margin:auto .55rem auto .42rem;}
.vdetail-info ul i{display: inline-block;vertical-align: top;width: .47rem;}
.vdetail-info .user-icon{height:.46rem;background-position: -.08rem -1.04rem;}
.vdetail-info .qf-icon{height:.46rem;background-position: -.64rem -1.04rem;}
.vdetail-info .consum-icon{height:.46rem;background-position: -1.19rem -1.03rem;}
.vdetail-info .car-icon{height:.47rem;background-position: -.98rem -.51rem;}
.vdetail-info .pet-icon{height:.41rem;background-position: -2.3rem -1.5rem;}
.vdetail-info .time-icon{height:.43rem;background-position: -2.31rem -1rem;}
.track-name{text-align: left;box-sizing: border-box;padding-left: .12rem;}

.vdetail-player .bd{background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record/gl-video-bg.png) no-repeat 0 0/cover;}
.top_title_right{background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record/new-record-right.png) no-repeat 0 0/3.65rem .61rem;}
.top_title_right .title_right_more{float: right;background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record/record-more.png) no-repeat center/cover;width: .22rem;height: .22rem;margin: .2rem .13rem 0 0;position: static;}
#recordlist .div_left .modal-open{margin-top: 2.46rem;left: 1.5rem;width: 7.98rem;}
.vdetail-info .img-box .ranking-btn{background: rgba(25, 47, 84, .8);}

#record .sub-con-scroll{padding-top: 0;}
#record tbody tr{background: #16356d;color: #8cb7ec;}
/*赛道弹窗*/
.qf-select .tc-box{
    height: 3.34rem;
    padding-bottom: 0;
    overflow-y: hidden;
}
.qf-select .track-select-con{
    width: 100%;
    padding: 0 0 0 .35rem;
    box-sizing: border-box;
}
.qf-select .track-select-con .tab-list{
    width: 1.32rem;
    height: 2.18rem;
    float: left;
}
.qf-select .track-select-con .tab-list a{
    display: block;
    border-radius: .06rem;
    background-color: #177fd5;
    width: 1.30rem;
    height: .54rem;
    /*margin-bottom: .22rem;*/
    margin-bottom: .24rem;
    line-height: .54rem;
    text-align: center;
    color: #43daff;
    font-size: .22rem;
}
.qf-select .track-select-con .tab-list a.on{
    color: #fff;
    background-color: #177fd5;
}
.qf-select .bqs{
    position: relative;
    float: left;
    width: 9.7rem;
    height: 2.2rem;
    padding: 0 0 0 .15rem;
    box-sizing: border-box;
    overflow-y: auto;
    margin-left: .12rem;
    display: block;
}
.qf-select .bqs:before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 1px;
    height: 2.57rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record/qf-select-line.png) no-repeat 0 0/contain;
}
.qf-select .bqs a{
    margin:  0 0.29rem 0.25rem 0;
    float: left;
    text-align: center;
    font-size: .2rem;
}
.qf-select .bqs a.on{
    border-color: #43daff;
}
@media screen and (orientation: landscape){
    .vdetail-record .vdetail-player{width: 6.4rem;height: 4.85rem;}
    .record-list{display: flex; justify-content: space-between; height: 100%;}
    .div_left,.div_right{display: flex;flex-direction: column;}
}
@media screen and (orientation: portrait){.record-list{overflow-y: scroll;}
    .div_right{width: 100%;padding-bottom: 1.2rem;}
    .common_list2 .info{width: 5rem;}
    .common_list2 .info span{width: 4rem;}
    .common_list2 .info .name-box i{/* display: inline-block; */}
    .div_left{width: 100%;}
    .vdetail-info .img-box, .vdetail-info .img-box img{position: relative;width: 100%;height: auto;}
    .vdetail-record .vdetail-wrap{height: auto;display: block;flex-direction: column;}

    .vdetail-info .img-box .name{font-size: .3rem;}
    .vdetail-info li{margin-top: .13rem;}
    .top_title .star{margin-right: .35rem;}

    #recordlist .sub-con-zlk{padding-top: 0;}
    #recordlist .div_left{margin-top: 0;}
    #recordlist .list-wrap{margin-bottom: .2rem;height: 4.53rem;}
    #recordlist .list-wrap tr th,#recordlist .list-wrap tr td {width: 15%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    #recordlist .list-wrap tr th:nth-of-type(1),#recordlist .list-wrap tr td:nth-of-type(1) {width: 20%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    #recordlist .list-wrap tr td:nth-of-type(1) span{width: 1.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;}
    #recordlist .list-wrap tr td:nth-of-type(1) .star{display: none}
    #recordlist .top_title_right{display: flex;align-items: center;}
    #recordlist .top_title_right i{position: static;}
    #recordlist .top_title_right .title_right_more{margin: 0 0 0 .63rem;}
    #recordlist .common_list2 li{width: 3.45rem;/* height: 1.71rem; */background: #24447d;border: solid 1px rgba(67, 218, 255, 0.4);margin-bottom: .2rem;}
    .common_list2 .info{width: 1.65rem;}
    .common_list2 .info span{width: 1.2rem;}
    .common_list2{border: none;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
    #recordlist .common_list2 li:nth-of-type(3n){margin-right: .2rem;}
    #recordlist .common_list2 li:nth-of-type(2n){margin-right: 0;}
    .qf-select .bqs{width: 5rem;}
}
/* 隐藏相关推荐 */
.igui-vdetail-related{display:none}