.top-title{
	height: 3.7653rem;
    position: relative;
}

.top-title .image {
    height: 100%;
    width: 100%;
}
.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.el-image__inner {
    vertical-align: top;
}
.el-image__inner{
    width: 100%;
    height: 100%;
}

.top-title .text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background: rgba(0,0,0,.5);
    padding: 0 .6821rem;
	display: flex;
	align-items: center;
}

.font-36 {
    font-size: .4911rem;
}
.text-white {
    color: #fff;
}
.font-bold {
    font-weight: 700;
}

.padding-20 {
    padding: .2729rem;
}

.font-bold {
    font-weight: 700;
}

.el-tag--mini {
    height: .2729rem;
    padding: 0 5px;
    line-height: 19px;
}
.el-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #2A73F5;;
}
.el-tag {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    height: 32px;
    padding: 0 10px;
    line-height: .4093rem;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
}

.game-detail {
    padding: .2729rem;
    margin-bottom: .2729rem;
    display: block;
    border-radius: 10px;
}

.flex{
	display: flex;
}

.game-detail .image {
    width: 3.0832rem;
    height: 3.0832rem;
    border-radius: 10px;
    margin-right: 10px;
}
.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.el-image__inner {
    vertical-align: top;
}
.el-image__inner{
    width: 100%;
    height: 100%;
}

.padding-left-20 {
    /* padding-left: .2729rem; */
    /* margin-right: .1364rem; */
}
.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex, .flex-column, .flex-row, .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex, .flex-column, .flex-row, .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.font-40 {
    font-size: .5457rem;
}
.font-bold {
    font-weight: 700;
}

.game-detail .tag {
    height: .6821rem;
    padding: 0 .2729rem;
    background: #f0f0f0;
    border-radius: 100px;
}
.font-30 {
    font-size: .4093rem;
}
.text-gray {
    color: #909399;
}

.font-40 {
    font-size: .5457rem;
}
.font-bold {
    font-weight: 700;
}

.game-detail .tag {
    height: .6821rem;
    padding: 0 .2729rem;
    background: #f0f0f0;
    border-radius: 100px;
    margin-bottom: 5px;
}

.font-30 {
    font-size: .4093rem;
}


.game-detail .rate {
    background: #fff;
    border-radius: 900px;
    opacity: 1;
    border: 2px solid #f0f0f0;
    padding: .1091rem .2729rem;
}
.align-center, .center {
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
}
.flex, .flex-column, .flex-row, .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


.font-60 {
    font-size: .5457rem;
}
.font-bold {
    font-weight: 700;
}


.margin-right-10 {
    margin-right: .1364rem;
}
.margin-left-10 {
    margin-left: .1364rem;
}

.game-detail .icon {
    height: .4093rem;
    width: .4093rem;
}

.text-blue {
    color: #2A73F5;
}

.padding-20 {
    padding: .2729rem;
}

.info-box {
    background-color: #fff;
    border: 1px dashed #c6c6c8;
    padding: .2729rem;
}


.info-box {
    background-color: #fff;
    border: 1px dashed #c6c6c8;
    padding: .2729rem;
}


.margin-top-20 {
    margin-top: .2729rem;
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex, .flex-column, .flex-row, .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.padding-bottom-20 {
    padding-bottom: .2729rem;
}
.padding-top-10 {
    padding-top: .1364rem;
}
.br-b {
    border-bottom: 1px solid #f0f0f0;
}

.font-28 {
    font-size: .382rem;
}
.text-grey {
    color: #666666;
}
.font-bold {
    font-weight: 700;
}

.text-black {
    color: #333;
}

.font-bold {
    font-weight: 700;
}

.margin-top-20 {
    margin-top: .2729rem;
}
.font-24 {
    font-size: .382rem;
}
.opacity-08 {
    opacity: .8;
}


.btn-lange {
    display: block;
    margin-left: 0!important;
    margin-top: .1364rem;
    height: 1.0914rem;
    font-family: Alibaba PuHuiTi-Medium,Alibaba PuHuiTi;
}
.font-bold {
    font-weight: 700;
}
.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.btnBlue{
	background-color: #2A73F5 !important;
	margin-bottom: .1364rem !important;
}
.el-button--primary {
    color: #fff !important;
    background-color: #2A73F5;
    border-color: #2A73F5;
}
.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 600;
    padding: .1637rem .2729rem;
    font-size: .2456rem;
    border-radius: .1091rem;
}

.btn-lange.bg-black {
    background: #000;
    border-color: #000;
}

.desc{
    font-size: .4093rem;
}

.btnOne{
    font-size: .4093rem;
}