xihaigou/unpackage/dist/dev/mp-weixin/pages/game/gameDetail.wxss

.bing-progress.data-v-ce17930c {
	position: relative;

	display: flex;

	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}
.bp-marea.data-v-ce17930c {

	display: flex;

	position: absolute;
	left: 0;
	top: 0;
	flex-direction: row;
	align-items: center;
	text-align: center;
	justify-content: space-around;
	background-color: rgba(0,0,0,0);
	z-index: 6;
}
.bp-mview.data-v-ce17930c,
.bp-handle.data-v-ce17930c {
	position: absolute;

	display: flex;

	align-items: center;
	text-align: center;
	justify-content: center;
	z-index: 5;
}
.bp-handle-text.data-v-ce17930c {
	text-align: center;
	z-index: 5;
}
.bp-bar_max.data-v-ce17930c {
	position: absolute;

	display: flex;

	flex-direction: row;
	align-items: center;
	margin: 0;
	padding: 0;
	z-index: 1;
	overflow: hidden;
}
.bp-bar_active.data-v-ce17930c {
	position: absolute;
	z-index: 3;
}
.bp-bar_sub_active.data-v-ce17930c {
	position: absolute;
	z-index: 2;
}
.bp-value.data-v-ce17930c {
	position: absolute;
	text-align: center;
	z-index: 4;
}
.bp-handle-widget.data-v-ce17930c {
	position: absolute;
	z-index: 99;
}

@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page {
  background: #ECE7F8;
  width: 750rpx;
  height: 100%;
  padding: 0;
  margin: 0;
}
.popup {
  width: 100rpx;
  height: 100rpx;
}
.game-top-bg {
  position: relative;
  width: 750rpx;
  height: 550rpx;
}
.game-top-bg image {
  width: 100%;
  height: 100%;
}
.game-top-time {
  line-height: 50rpx;
  padding-left: 70rpx;
  position: absolute;
  top: 30rpx;
  left: 20rpx;
  width: 710rpx;
  height: 50rpx;
  background: #000000;
  opacity: 0.61;
  border-radius: 25rpx;
  font-size: 32rpx;
  font-weight: 500;
  color: #fff;
}
.game-top-time .yueyue {
  margin-left: 10rpx;
  display: inline-block;
}
.game-top-time ._span {
  width: 42rpx;
  height: 42rpx;
  background: #5655EF;
  border-radius: 10rpx;
}
.game-top-xl {
  position: absolute;
  text-align: center;
  left: 140rpx;
  top: 90rpx;
}
.game-top-xl .xl {
  font-size: 34rpx;
  font-weight: 500;
  color: #FFFFFF;
}
.game-top-xl .xl-t {
  margin-top: 10rpx;
}
.xgs {
  position: absolute;
  top: 200rpx;
  left: 210rpx;
  width: 330rpx;
  height: 260rpx;
}
.xgs image {
  width: 100%;
  height: 100%;
}
.id {
  text-align: center;
  position: absolute;
  top: 475rpx;
  left: 210rpx;
  width: 340rpx;
  height: 60rpx;
  background: #000000;
  opacity: 0.64;
  border-radius: 20rpx;
  font-size: 32rpx;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 60rpx;
}
.gl {
  top: 400rpx;
  left: 36rpx;
  position: absolute;
  width: 90rpx;
  height: 106rpx;
}
.gl image {
  width: 100%;
  height: 100%;
}
.edu {
  margin: 20rpx 190rpx;
  width: 370rpx;
  height: 50rpx;
  font-size: 30rpx;
  font-weight: 500;
  color: #FFFFFF;
  background: #1B1E2F;
  opacity: 0.57;
  border-radius: 25rpx;
  line-height: 50rpx;
  text-align: center;
}
.button {
  margin: 0 160rpx;
  width: 430rpx;
  height: 120rpx;
}
.button image {
  width: 100%;
  height: 100%;
}
.u-table {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 20rpx 30rpx;
  width: 688rpx;
  height: 309rpx;
  background: #FFFFFF;
  border: 3rpx solid #7F69D8;
  box-shadow: 0px 0px 20rpx 0rpx rgba(50, 50, 52, 0.06);
  border-radius: 20rpx;
  position: relative;
}
.u-table .aa {
  width: 685rpx;
  top: 152rpx;
  position: absolute;
  height: 2rpx;
  background: #7F69D8;
}
.u-table .bb {
  width: 2rpx;
  height: 305rpx;
  background: #7F69D8;
  margin-left: 343rpx;
  top: 0;
  position: absolute;
}
.u-table .column {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.u-table .table-box {
  margin-left: 70rpx;
  width: 50%;
  display: flex;
  align-items: center;
}
.u-table .table-box .table-img {
  width: 65rpx;
  height: 65rpx;
}
.u-table .table-box .table-img image {
  width: 100%;
  height: 100%;
}
.u-table .table-box .table-title {
  padding-left: 15rpx;
  display: flex;
  flex-direction: column;
}
.u-table .table-box .table-title .table-top {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 180rpx;
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
}
.yue-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 582rpx;
  height: 377rpx;
  background: #FFFFFF;
  border-radius: 20rpx;
}
.yue-box .yue-tit {
  align-items: center;
  font-size: 42rpx;
  font-weight: 500;
  color: #0C1732;
  line-height: 56rpx;
}
.yue-box .password {
  text-align: center;
  align-items: center;
}
.yue-box .yue-content {
  text-align: center;
  height: 80rpx;
  border-radius: 20rpx;
  border: 2rpx solid gray;
  font-size: 36rpx;
  font-weight: 500;
}
.yue-box .comfirm-box {
  width: 90%;
  display: flex;
  justify-content: space-between;
}
.yue-box .comfirm-box .cancel {
  text-align: center;
  line-height: 78rpx;
  width: 248rpx;
  height: 78rpx;
  border: 2rpx solid #999999;
  border-radius: 10rpx;
  font-size: 34rpx;
  font-weight: 500;
  color: #333333;
}
.yue-box .comfirm-box .comfirm {
  text-align: center;
  width: 248rpx;
  height: 78rpx;
  background: #FF5454;
  border-radius: 10rpx;
  font-size: 34rpx;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 78rpx;
}
.zhifu-box {
  padding: 25rpx 0 0 25rpx;
  width: 750rpx;
  height: 495rpx;
  background: #FFFFFF;
  border-radius: 10rpx 10rpx 0rpx 0rpx;
}
.zhifu-box .zhifu-title {
  display: flex;
  flex-direction: left;
  font-size: 28rpx;
  font-weight: bold;
  color: #333333;
}
.zhifu-box .zhifu-content {
  display: flex;
  justify-content: space-between;
}
.zhifu-box .zhifu-content .bai {
  margin: 30rpx 0;
  display: flex;
  align-items: center;
}
.zhifu-box .zhifu-content .bai image {
  width: 45rpx;
  height: 45rpx;
}
.zhifu-box .zhifu-content .bai text {
  margin-left: 20rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #3F454B;
}
.zhifu-box .zhifu-bottom {
  width: 750rpx;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zhifu-box .zhifu-bottom .zhifu-left {
  display: flex;
  align-items: center;
}
.zhifu-box .zhifu-bottom .zhifu-left text:nth-child(1) {
  font-size: 28rpx;
  font-weight: 400;
  color: #3F454B;
}
.zhifu-box .zhifu-bottom .zhifu-left text {
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF4C4C;
  line-height: 55px;
}
.zhifu-box .zhifu-bottom .zhifu-right {
  line-height: 98rpx;
  text-align: center;
  width: 360rpx;
  height: 98rpx;
  background: #FF4C4C;
  font-size: 32rpx;
  font-weight: bold;
  color: #FFFFFF;
}