/*
* @Author: Super X
* @Date:   2018-04-12 17:49:01
* @Last Modified by:   Super X
* @Last Modified time: 2018-04-19 19:10:21
*/

body {
    background: #abd04e;
    margin: 0px;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
    zoom: 1;
}

.img_bottom {
    width: 100%;
    margin-bottom: -5px;
}

.bottom {
    position: fixed;
    bottom: -5px;
}

.boom{
	position: absolute;
    top: -10px;
    left: -6px;
    width: 50px;
    height: 50px;
}

.header {
    margin-top: 12px;
    position: relative;
    height: 31px;
    text-align: center;
    line-height: 31px;
    font-size: 24px;
    letter-spacing: 3px;
    color: #fff;
}

.bac_btn {
    left: 17px;
    width: 31px;
    position: absolute;
}

.bac {
    /*opacity: .7;*/
    width: 130px;
}

.info {
    position: relative;
    height: 55px;
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.icon1 {
    top: -5px;
    width: 64px;
    left: 11px;
    position: absolute;
}

.tree {
    top: 5px;
    width: 35px;
    right: 11px;
    position: absolute;
}

.gridAll{
	/*margin: auto;*/
	/*display: grid;*/
}
.gridAll2{
  position: absolute;
  top: 20px;
}

[v-cloak] {
    display: none;
}

.btn_r{
	width: 80px;
	position: absolute;
	right: 11px;
	z-index: 333;
}

.area {
	margin: 20px auto 0px auto;
	width: 324px;
	position: relative;
	/*margin-top: 20px;*/
	padding: 17px;
	/*display: grid;*/
	/*grid-template-rows: auto ;*/
}

.grid {
	z-index: 99;
	position: relative;
	border-radius: 2px;
	/*opacity: .8;*/
	margin: .5px;
    width: 35px;
    height: 35px;
    background: rgba(125,169,47,.8);
    float: left;
    /*display:inline-block*/
}
.grid2 {
	z-index: 99;
	position: relative;
	border-radius: 2px;
	/*opacity: .8;*/
	margin: .5px;
    width: 35px;
    height: 35px;
    /*background: #7da92f;*/
    float: left;
    /*display:inline-block*/
}

.font_cbac{
	animation-duration: .7s!important;
	-webkit-animation-duration: .7s!important;
	z-index: 100;
	/*position: absolute;*/
	width: 110px;
	/*left: 50%;*/
	margin-left: -36px;
	/*top: 50%;*/
	margin-top: -44px;
}
.font_bac{
	/*z-index: 999;*/
	/*top: 1px;*/
	/*position: absolute;*/
	margin-top: 1px;
	width: 100%;
}
.font_text{
	font-family: 'Microsoft YaHei',
	animation-duration: .7s!important;
	-webkit-animation-duration: .7s!important;
	z-index: 101;
	/*padding-top: 2px;*/
	width: 35px;
	font-size: 24px;
	color: #b17831;
	position: absolute;
	text-align: center;
}
.chooseText{
	font-weight: bold;
	line-height: 54px;
	opacity: 1;
	width: 100px;
	text-align: center;
	left: 50%;
	margin-left: -50px;
	font-size: 24px;
	color: #fff;
	position: absolute;
}
#mv{
	position: absolute;
}
.tcbg{
	top: -20px;
	background: rgba(0,0,0,.4);
	width: 100%;
	height: 110%;
	position: fixed;
	z-index: 9999;
	text-align: center;
}
.tc{
	margin-top: 130px;
	width: 260px;
}