@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; background:#e7e6eb; overflow-x:hidden; max-width: 750px; margin: 0 auto !important;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";}
a{ text-decoration:none; color:#000;}
img{border:none; display: block; max-width: 100%; height: auto; margin: 0 auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;/* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/}
table{border-collapse:collapse;}
.wrap{ width:100%; height:auto;}

.page-index{
  width: 100%; height: 100%; background: #e7e6eb url(../images/ban01.jpg) no-repeat top center;background-size: 7.5rem; float: left;
}
/*banner*/
.banner {width: 100%; height: 9.96rem; margin: 0 auto; position: relative; padding-top: 0.24rem; box-sizing: border-box;}
.banner .logo {width: 2.42rem; display: block; margin: 0 auto; }
.banner .logo img{width: 100%; margin-left: 0.1rem;}

.main{
  height: 3.38rem;
}
.main ul{
  width: 5.52rem; background: #ffdfde; border-radius: .1rem; box-shadow: inset 0 0 .12rem #ffffff; margin: 0 auto; padding: .2rem; padding-left: .26rem; padding-bottom: 0; box-sizing: border-box;
}
.main ul li{
  width: 2.15rem; height: 0.44rem; line-height: 0.42rem; background: #fff; border: 1px solid #e51d03; border-radius: .22rem; font-size: .24rem; color: #771e12; text-align: center; margin: 0 .12rem .18rem; display: inline-block; position: relative;
}
.main ul li.on::after{
  content: ''; width: 1.16rem; height: 1rem; background: url(../images/hand.png) no-repeat center / 100%; display: block; position: absolute; right: -.45rem; top: -.05rem; z-index: 8; transform: scale(.8); animation: move .8s infinite alternate linear;
}
@keyframes move{
  0%{transform: scale(.8);}
  0%{transform: scale(.9);}
}

/* 弹窗 */
.zhezhao {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 8; display: none;}
.popup {width: 6rem; background: #fff; z-index: 9; display: none; border-radius: 12px; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.popup .close {display: block; width: 1.8em; position: absolute; top: -2.4em; right: 0;}
.popup_p {width: 100%; text-align: center; background: #ca0803; font-size: .35rem; color: #fff; line-height: 1rem; font-weight: bold; border-radius: 11px 11px 0 0;}
.popup_m {width: 100%; margin: 0 auto; padding: 20px 0; padding-top: 0;}
.popup_img {width: 42%; margin: 0 auto;padding: 3%;border-radius: 10px;}
.popup_img img {width: 80%;height: auto;margin: .2rem auto 0;border-radius: 9px;}
.popup_p2 {width: 100%; text-align: center; font-size: .26rem; color: #333; line-height: 1.6em;}

.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; z-index: 2; text-align: center;}

@media only screen and (min-width:990px) {

body {font-size: 18px;}
.popup {width: 520px;}
}