@font-face {
	font-family:'gt';
	src: url(../images/gt.otf);
}

.indexContainer{ width: 100%; background: url(../images/bj8.png); padding-bottom: .5rem; height: auto; background-size:cover;}
.indexContainer .tit{ width: 100%; padding: .6rem 0 .3rem 0; text-align: center; }
.indexContainer .tit h2{ text-align: center; font-size: .64rem; font-weight: normal; color: #dcc07f; font-family: 'gt';}
.indexContainer .tit p{ padding-top: .4rem; font-size: .28rem; color: #fff;}
.indexContainer .tips{ width: 7rem; margin: 0 auto; padding: .4rem; border-radius:.2rem; background: rgba(255,255,255,0.7); color: #666; box-sizing: border-box;}
.indexContainer .tips p{font-size: .34rem; line-height: .7rem;}
.indexContainer .list{ width: 7rem; margin: .5rem auto 0 auto;}
.indexContainer .list li{position: relative; overflow: hidden; margin-bottom: .2rem; width: 100%; border-radius:.2rem; background: rgba(255,255,255,0.7); border: .01rem solid #fff; box-sizing: border-box;}
.indexContainer .list li .icon{ float: left; width: 2rem; height: 2rem; position: relative;}
.indexContainer .list li .icon img{ border-radius:.2rem ; width: 60%; height: auto; display: block; margin: 0 auto;}

.indexContainer .list li .text{ width: calc(100% - 2rem); float: left;}
.indexContainer .list li .text h2{ height: .7rem; line-height: .7rem; font-weight: bold; font-size: .32rem; color: #000000;}
.indexContainer .list li .text dl dd{ line-height: .36rem; font-size: .22rem; color: #333;}
.indexContainer .list li .enter{ display: block; width: 1.45rem; height: .44rem; position: absolute; right: .4rem; bottom: .15rem; border-radius:.1rem; background: #ff0000; color: #fff; text-align: center; line-height: .44rem; font-size: .2rem;}
.indexContainer .list li .icon .iconWarp{position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.indexContainer .list li .icon .iconWarp img{ display: block; margin: 0 auto;}
.indexContainer .list li .icon .iconWarp p{ font-size: .2rem; color: #ff0000; text-align: center; margin-top: .15rem;}