html,body{width:100%!important;height: 100%;display: block;}
body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,button,textarea,th,td,p,tbody,thead,tfooter{
	margin:0;padding:0;font-family:"Microsoft YaHei","sans-self", Verdana, Arial;font-size:12px;
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}
input[type='text'],input[type='password'],button,select,textarea{outline:none;font-family:"Microsoft YaHei","sans-self", Verdana, Arial; border: 1px solid #dbdbdb; padding: 5px; }
input:focus,button:focus,select:focus,textarea:focus{outline: none !important; }
input[type="button"], input[type="submit"], input[type="reset"], button {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;}
ul,li{list-style:none;}
textarea{resize:none;}
body{overflow-x:hidden;background:#fff; }
.fl{float:left;display:block;}
.fr{float:right;display:block;}
.abs{position:absolute;}
.rel{position:relative;z-index: 2;}
.table{display:table;width:100%;height:100%;vertical-align:middle;}
.tableCell{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
.clear:after{content:" ";display:block;clear:both;height:0px;visibility:hidden;}
.clear{zoom:1;}
a{text-decoration:none;}
a:active{
	color: #3a57a5 !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.load{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background: #fff;
}
.container{
	min-height: 100%;
	max-width: 720px;
	margin: 0 auto;
	overflow: hidden;
	background:#f8f8f8;
}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:#ccc;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#ccc;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#ccc;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}

textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:#ccc;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#ccc;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#ccc;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}
/*------------公共样式完结线----------*/

/*首页*/
.indextop-cont{width:100%; height:2.3rem; background:#3954a1; padding:0.46rem 0.2rem 0; }
.indextop-cont .item{display:block; float:left; width:33.3%; }
.indextop-cont .item .icon{display:block; height:0.83rem; margin:0 auto; }
.indextop-cont .item .icon.icon3{height:0.85rem; position:relative; left:0.25rem; }
.indextop-cont .item p{text-align:center; font-size:0.22rem; color:#fff; line-height:0.65rem; }

.clickbanner{display:block; width:100%; position:relative; }
.clickbanner img{display:block; width:100%; height:auto; }
.clickbanner .btn{width:2.6rem; height:1.1rem; position:absolute; right:0; bottom:0; }

.type-list{display:block; width:100%; background:#fff; padding:0.25rem 0 0; border-bottom:1px solid #dcdcdc; }
.type-list .item{display:block; float:left; width:32%; text-align:center; } 
.type-list .item .icon{width:0.76rem; height:0.76rem; display:block; margin:0 auto; }
.type-list .item p{font-size:0.2rem; color:#333; line-height:0.55rem; }
.type-list .item:hover p{color:#3a57a5; }

/*商城头条滚动*/
.index-gonggao{height:0.85rem; background:#fff; width:100%; padding:0.15rem 0.2rem; margin-bottom:0.3rem; }
.index-gonggao .tit{display: block; font-size:0.28rem; color:#333; line-height: 0.55rem; padding-left:0.15rem; }
.index-gonggao .gonggao{margin-left: 1.65rem; height:0.55rem; overflow: hidden; position: relative; }
.index-gonggao .gonggao li a{display: block; width: 100%; font-size: 0.24rem; color:#ed5e5f; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; line-height: 0.55rem; }

/*其他热卖*/
.hotsale-cont{margin-bottom:0.6rem; background:#fff; }
.hotsale-tit{height:0.86rem; text-align:center; line-height:0.85rem; border-bottom:1px solid #e5e5e5; }
.hotsale-tit span{display:inline-block; vertical-align:middle; padding:0 0.23rem; font-size:0.26rem; color:#b9984b; }
.hotsale-tit .line{display:inline-block; vertical-align:middle; height:0.02rem; width:0.6rem; background:#caa851; }

.hotsale-list li{width:50%; float:left; border-right: 1px solid #e5e5e5; }
.hotsale-list li:nth-child(2n){border-right:none; }
.hotsale-list li>a{display:block; padding:0.2rem 0.35rem; }
.hotsale-list li .img{display:block; width:1.97rem; height:1.97rem; margin:0 auto; }
.hotsale-list li .name{line-height:0.65rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.22rem; color:#333; margin-bottom:0.15rem; }
.hotsale-list li .price{font-size:0.22rem; color:#f0333e; line-height:0.4rem; }
.hotsale-list li:hover .name{color:#3a57a5; }

/**/
.indexbot-cont{background:#fff; padding:0.3rem 0.3rem 0.13rem; }
.indexbot-list li{float:left; width:33.3%; }
.indexbot-list li img{height:0.65rem; display: block; margin: 0 auto; }
.indexbot-list li p{text-align:center; line-height:0.48rem; font-size:0.24rem; color:#999; }
.indexbot-tel{line-height:0.52rem; text-align:center; font-size:0.22rem; color:#999; }
.indexbot-tel .icon-tel{display:inline-block; vertical-align:middle; height:0.22rem; margin:0 0.1rem; }
.indexbot-tel span{display:inline-block; vertical-align:middle; }

/*底部tab*/
.tab-height{ height:0.97rem; }
.bot-tab{width: 100%; height: 0.97rem; background: #fff; border-top:1px solid #c8c5c4; position: fixed; bottom: 0; left: 0; z-index: 999;}
.bot-tab a{display: block; float: left; width:25%; height: 0.95rem; text-align: center; position: relative; }
.bot-tab a .icon-tab{display: block; width: 0.5rem; height: 0.5rem; margin: 0.08rem auto 0; }
.bot-tab a .icon-tab1{background: url(../img/tab/tab1.png) no-repeat center; background-size: 100% 100%;}
.bot-tab a.on .icon-tab1{background: url(../img/tab/tab1-on.png) no-repeat center; background-size: 100% 100%;}
.bot-tab a .icon-tab2{background: url(../img/tab/tab2.png) no-repeat center; background-size: 100% 100%;}
.bot-tab a.on .icon-tab2{background: url(../img/tab/tab2-on.png) no-repeat center; background-size: 100% 100%;}
.bot-tab a .icon-tab3{background: url(../img/tab/tab3.png) no-repeat center; background-size: 100% 100%;}
.bot-tab a.on .icon-tab3{background: url(../img/tab/tab3-on.png) no-repeat center; background-size: 100% 100%;}
.bot-tab a .icon-tab4{background: url(../img/tab/tab4.png) no-repeat center; background-size: 100% 100%;}
.bot-tab a.on .icon-tab4{background: url(../img/tab/tab4-on.png) no-repeat center; background-size: 100% 100%;}
.bot-tab a p{font-size: 0.2rem; color: #999; line-height: 0.3rem; }
.bot-tab a.on p{color:#3a57a5; }

/*计算中-弹出层*/
.jisuan-layer{display:block; width:6.61rem; height:3.69rem; background:url(../img/index/jisuanbg.png) no-repeat center; background-size:cover; position:fixed; top:3.6rem; left:50%; margin-left:-3.3rem; z-index:998; display:none; }
.jisuan-layer .icon{display:block; opacity:0; }
.jisuan-layer .icon1{height:1.07rem; width:auto; position:absolute; top:1.05rem; left:1.7rem; }
.jisuan-layer .icon2{height:1.18rem; width:auto; position:absolute; top:0.3rem; left:2.6rem; }
.jisuan-layer .icon3{height:1.09rem; width:auto; position:absolute; top:1.05rem; left:3.4rem; }

.jisuan-layer .dots{position:absolute; line-height:1; right:1.75rem; top:2.45rem; }
.jisuan-layer .dots span{display:inline-block; width:0.1rem; height:0.1rem; border-radius:100%; background:#fff; opacity:0; }
.jisuan-layer .dots span.on{opacity:1; }
.jisuan-layer .icon.on{opacity:1; }

/*领红包-弹出层*/
.redpacket-layer{width:5.2rem; height:7.22rem; padding-top:2.58rem; background:url(../img/index/redbg.png) no-repeat center; background-size:cover; position:fixed; top:50%; left:50%; margin-left:-2.6rem; margin-top:-3.61rem; z-index:999; 
	animation:bounchIn 1.5s;
	-moz-animation:bounchIn 1.5s; 
	-webkit-animation:bounchIn 1.5s; 
	-o-animation:bounchIn 1.5s;
}
.redpacket-layer .wenhao{display:block; width:0.5rem; height:0.5rem; position:absolute; top:0.2rem; left:0.25rem; }
.redpacket-layer .red-close{display:block; width:0.5rem; height:0.5rem; position:absolute; top:0.2rem; right:0.15rem; }
.redpacket-layer .avatar{display:block; width:1.04rem; height:1.04rem; border-radius:100%; position:absolute; top:1.55rem; left:50%; margin-left:-0.52rem; }
.redpacket-layer .tit{line-height:0.55rem; font-size:0.28rem; color:#ffddaa; text-align:center; }
.redpacket-layer .num{margin-top:0.35rem; line-height:1; font-size:0.28rem; color:#ffddaa; text-align:center; }
.redpacket-layer .num span{font-size:0.8rem; }
.redpacket-layer .tips{text-align:center; line-height:0.5rem; font-size:0.2rem; color:#ffddaa; }
.redpacket-layer .see-btn{display:block; width:3.8rem; height:0.8rem; border-radius:0.8rem; line-height:0.8rem; text-align:center; background:#ffd79b; color:#cf3a50 !important; font-size:0.32rem; margin:0.65rem auto 0.28rem; }
.redpacket-layer .bottips{text-align:center; }
.redpacket-layer .bottips .icon{display:inline-block; vertical-align:middle; height:0.5rem; }
.redpacket-layer .bottips .arrow{display:inline-block; vertical-align:middle; line-height:0.5rem; height:0.23rem; }
.redpacket-layer .bottips a{display:inline-block; vertical-align:middle; font-size:0.2rem; color:#fefefe; text-decoration:underline; }

/*已领取*/
.received-cont{padding-top:0.35rem; }
.received-cont .text{text-align:center; line-height:0.68rem; font-size:0.34rem; color:#ffddaa; }
.received-cont .line{display:block; width:3.05rem; height:1px; background:#ffddaa; margin:0.15rem auto 0.55rem; }
.received-tips{text-align:center; }
.received-tips .icon{display:inline-block; vertical-align:top; height:0.6rem; margin-right:0.05rem; }
.received-tips a{display:inline-block; vertical-align:top; line-height:0.55rem; font-size:0.28rem; color:#fefefe; }
.received-cont .canyu-btn{display:block; width:3.8rem; height:0.8rem; border-radius:0.8rem; line-height:0.8rem; text-align:center; background:#ffd79b; color:#cf3a50 !important; font-size:0.32rem; margin:0.5rem auto 0; }

/*梦之蓝弹出层*/
.mzl-layer{width:5.55rem; height:10.09rem; padding-top:3rem; background:url(../img/index/mzlbg.png) no-repeat center; background-size:contain; position:fixed; top:50%; left:50%; margin-left:-2.75rem; margin-top:-5.05rem; z-index:999; 
	animation:bounchIn 1.5s;
	-moz-animation:bounchIn 1.5s; 
	-webkit-animation:bounchIn 1.5s; 
	-o-animation:bounchIn 1.5s;
}
.mzl-layer .wenhao{display:block; width:0.55rem; height:0.55rem; position:absolute; top:0.2rem; left:0.2rem; }
.mzl-layer .mzl-close{display:block; width:0.55rem; height:0.55rem; position:absolute; top:0.15rem; right:0.1rem; }
.mzl-cont .toptips{text-align:center; font-size:0.24rem; color:#ffddaa; line-height:0.45rem; margin-bottom:0.2rem; }
.mzl-cont .num{line-height:1; font-size:0.24rem; color:#ffddaa; text-align:center; }
.mzl-cont .num span{font-size:0.8rem; }
.mzl-cont .tips{text-align:center; line-height:0.55rem; font-size:0.2rem; color:#ffddaa; }
.mzl-cont .see-btn{display:block; width:3.8rem; height:0.8rem; border-radius:0.8rem; line-height:0.8rem; text-align:center; background:#ffd79b; color:#333 !important; font-size:0.32rem; margin:0.7rem auto 0; }

.mzlbot-cont{width:100%; padding-left:0.57rem; position:absolute; bottom:0.25rem; left:0; }
.mzlbot-cont p{font-size:0.24rem; color:#ffddaa; line-height:0.38rem; letter-spacing:0.07rem; }
.mzlbot-cont p span{color:#fff; font-size:0.28rem; }

.mzlReceived-cont{padding-top:0.8rem; }
.mzlReceived-cont .text{text-align:center; line-height:0.72rem; font-size:0.34rem; color:#ffddaa; }

@keyframes bounchIn
{
0%   {transform:scale(1); }
25%  {transform:scale(1.2); }
50%  {transform:scale(1); }
75%  {transform:scale(1.08); }
100% {transform:scale(1); }
}
 
@-moz-keyframes bounchIn /* Firefox */
{
0%   {transform:scale(1); }
25%  {transform:scale(1.2); }
50%  {transform:scale(1); }
75%  {transform:scale(1.08); }
100% {transform:scale(1); }
}
 
@-webkit-keyframes bounchIn /* Safari and Chrome */
{
0%   {transform:scale(1); }
25%  {transform:scale(1.2); }
50%  {transform:scale(1); }
75%  {transform:scale(1.08); }
100% {transform:scale(1); }
}
 
@-o-keyframes bounchIn /* Opera */
{
0%   {transform:scale(1); }
25%  {transform:scale(1.2); }
50%  {transform:scale(1); }
75%  {transform:scale(1.08); }
100% {transform:scale(1); }
}

/*发放中请勿刷新页面-弹出层*/
.fafang-mask{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.7); z-index:9999; }
.fafang-layer{padding-top:6.8rem; }
.fafang-layer .tips{text-align:center; font-size:0.3rem; color:#fff; }
#loading-center-absolute {
	text-align:center;
	margin-bottom:0.2rem;
}
.object{
	display: inline-block;
	width: 0.25rem;
	height: 0.25rem;
	background-color: #FFF;
	margin:0 0.1rem;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
#object_one {	
	-webkit-animation: object_one 1.5s infinite;
	animation: object_one 1.5s infinite;
	}
#object_two {
	-webkit-animation: object_two 1.5s infinite;
	animation: object_two 1.5s infinite;
	-webkit-animation-delay: 0.25s; 
    animation-delay: 0.25s;
	}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
	animation: object_three 1.5s infinite;
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
	}
@-webkit-keyframes object_one {
	75% { -webkit-transform: scale(0); }
}
@keyframes object_one {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}
@-webkit-keyframes object_two {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_two {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }
}
@-webkit-keyframes object_three {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_three {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  } 
}

