body{ background:url(../img/hot-mall/bg10.jpg) center 43px no-repeat #ddf1ff;}
#container{ background:none; width: 1094px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.clear-both{height:0px; clear:both; overflow:hidden;}
.link01{ color:#333;}
.link01:hover{color:#c80000;text-decoration:underline;}

.top-line{ width:100%; height:43px; background:url(../img/hot-mall/posters-bg-10.jpg) 0 0 repeat-x;}
.top-line .content-box{height:43px; background:url(../img/hot-mall/posters-bg-10.jpg) 0 0 repeat-x;  width:1094px; margin:0 auto; }
.top-line .left{ float:left;}
.top-line .left .logo{ float:left; width:131px ; height:43px; background:url(../img/hot-mall/posters-logo.jpg) 0 0 no-repeat;}
.top-line .left ul{ float:left; padding-left:24px;}
.top-line .left ul li{ float:left; line-height:43px; font-size:14px; font-size:12px;}
.top-line .left ul li a{ color:#fff; text-decoration:none; padding:0 14px; height:43px; float:left;}
.top-line .left ul li a:hover{ color:#12EAF7; text-decoration:none; background:url(../img/hot-mall/posters-bg-11.jpg) 0 0 repeat-x;}
.top-line .right{ float:right;}
.top-line .right .login-box{ float:left; line-height:43px;}
.top-line .right .login-box a{ height:43px; float:left; background:url(../img/hot-mall/posters-bg-12.gif) right 0 no-repeat; font-size:12px; color:#fff; padding-right:7px; padding-left:7px;}
.top-line .right .login-box a:hover{ color:#12EAF7; text-decoration:none; }
.top-line .right .welcome-box{ float:left; line-height:43px; color:#fff; font-size:12px;}
.top-line .right .welcome-box a{ float:left; color:#fff; margin-left:15px;}
.top-line .right .welcome-box a:hover{color:#12EAF7; text-decoration:none;}
.top-line .right .welcome-box span{ float:left;}


.main-box{ width:100%; font-family:Microsoft YaHei,宋体;}
.main-box-in{ width:1094px; margin:0 auto;}
.main-box-in .box-1{ float:left; width:1094px; height:519px; background:url(../img/hot-mall/bg00.jpg) 0 0 no-repeat; position:relative;}
.main-box-in .box-1 .wap-2{ float:right; width:112px; height:112px;background:url(../img/hot-mall/img10.gif) 0 0 no-repeat; margin:20px 130px 0 0;}




.main-box-in .box-1 .go-gl{ float:left; width:166px; height:51px;  margin-left:10px;background:url(../img/hot-mall/ico04.png) 0 0 no-repeat; margin-top:424px; cursor:pointer; }
.main-box-in .box-1 .yh{ float:left; padding:398px 0 0 76px;}
.main-box-in .box-1 .yh a{ float:left; width:252px; height:104px; margin-right:5px;}
.main-box-in .box-1 .yh .a1{background:url(../img/hot-mall/ico05.gif) 0 0 no-repeat;}
.main-box-in .box-1 .yh .a1-off{background:url(../img/hot-mall/ico08.jpg) 0 0 no-repeat;}
.main-box-in .box-1 .yh .a2{background:url(../img/hot-mall/ico06.gif) 0 0 no-repeat;}
.main-box-in .box-1 .yh .a2-off{background:url(../img/hot-mall/ico10.jpg) 0 0 no-repeat;}
.main-box-in .box-1 .yh .a3{background:url(../img/hot-mall/ico07.gif) 0 0 no-repeat;}
.main-box-in .box-1 .yh .a3-off{background:url(../img/hot-mall/ico09.jpg) 0 0 no-repeat;}


.main-box-in .box-1 .qq1{ width:38px; height:51px; background:url(../img/hot-mall/ico01.png) 0 0 no-repeat; position:absolute; left:15px; top:495px; 
-webkit-animation:beanAnim 3s infinite Ease-in-out alternate;
-webkit-animation-fill-mode:both;
-moz-animation:beanAnim 3s infinite Ease-in-out alternate;
-moz-animation-fill-mode:both;

animation:beanAnim 3s infinite Ease-in-out alternate;
animation-fill-mode:both;


-ms-animation:beanAnim 3s infinite Ease-in-out alternate;
-ms-animation-fill-mode:both;


}


.main-box-in .box-1 .qq2{ width:72px; height:96px; background:url(../img/hot-mall/ico02.png) 0 0 no-repeat; position:absolute;right:0; top:690px; 
-webkit-animation:beanAnim2 4s infinite Ease-in-out alternate;
-webkit-animation-fill-mode:both;
-moz-animation:beanAnim2 4s infinite Ease-in-out alternate;
-moz-animation-fill-mode:both;

animation:beanAnim2 4s infinite Ease-in-out alternate;
animation-fill-mode:both;


-ms-animation:beanAnim2 4s infinite Ease-in-out alternate;
-ms-animation-fill-mode:both;


}



@-webkit-keyframes beanAnim{
0%{-webkit-transform:rotate(-10deg);-webkit-transform-origin:20% 0}
100%{-webkit-transform:rotate(0deg);-webkit-transform-origin:20% 0}
}

@-moz-keyframes beanAnim{
0%{-moz-transform:rotate(-10deg);-moz-transform-origin:20% 0}
100%{-moz-transform:rotate(0deg);-moz-transform-origin:20% 0}
}
@-ms-keyframes beanAnim{
0%{-ms-transform:rotate(-10deg);-ms-transform-origin:20% 0}
100%{-ms-transform:rotate(0deg);-ms-transform-origin:20% 0}
}
@keyframes beanAnim{
0%{transform:rotate(-10deg);transform-origin:20% 0}
100%{transform:rotate(0deg);transform-origin:20% 0}
}





@-webkit-keyframes beanAnim2{
0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:20% 0}
100%{-webkit-transform:rotate(-5deg);-webkit-transform-origin:20% 0}
}

@-moz-keyframes beanAnim2{
0%{-moz-transform:rotate(0deg);-moz-transform-origin:20% 0}
100%{-moz-transform:rotate(-5deg);-moz-transform-origin:20% 0}
}
@-ms-keyframes beanAnim2{
0%{-ms-transform:rotate(0deg);-ms-transform-origin:20% 0}
100%{-ms-transform:rotate(-5deg);-ms-transform-origin:20% 0}
}
@keyframes beanAnim2{
0%{transform:rotate(0deg);transform-origin:20% 0}
100%{transform:rotate(-5deg);transform-origin:20% 0}
}




.main-box-in .box-3{ float:left; width:1094px; height:278px;background:url(../img/hot-mall/bg03.jpg) 0 0 no-repeat;cursor:pointer;}
.main-box-in .box-4{ float:left; width:1094px; height:333px;background:url(../img/hot-mall/bg04.jpg) 0 0 no-repeat;cursor:pointer;}
.main-box-in .box-5{ float:left; width:1094px; height:432px;background:url(../img/hot-mall/bg05.jpg) 0 0 no-repeat;  cursor:pointer;}
.main-box-in .box-6{ float:left; width:1094px; height:122px;background:url(../img/hot-mall/bg06.jpg) 0 0 no-repeat;}
.main-box-in .box-7{ float:left; width:1094px; height:1339px;background:url(../img/hot-mall/bg07.jpg) #ddf1ff 0 0 no-repeat;}
.main-box-in .box-8{ float:left; width:1094px; height:142px;background:url(../img/hot-mall/bg08.jpg) 0 0 no-repeat;}
.main-box-in .box-9{ float:left; width:1094px;background:#ddf1ff; padding-bottom:50px;}







.bean-area em{ color:#da1e1e; font-weight:bold; line-height:34px; text-align:center; width:100%; display:block; margin-top:10px;}
.bean-area .em1{ font-size:36px;}
.bean-area .em2{ font-size:30px;}



.main-box-in ul{ float:left; padding-left:46px;}
.main-box-in ul li{ float:left; width:298px; height:398px; background:url(../img/hot-mall/bg08.png) 0 0 no-repeat; margin-right:33px; padding-bottom:32px; padding:15px 0 0 15px; margin-bottom:32px;}
.main-box-in ul li .img-a{ float:left; width:280px; height:280px; overflow:hidden;}
.main-box-in ul li .img-a img{ 
	float:left; width:280px; height:280px;  
	transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;
}
.main-box-in ul li .img-a:hover img{
  transform: scale(1.15);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.15);
    -webkit-transform: all 1s ease 0s;
    }

	
	
.main-box-in ul li .title{ float:left; width:280px; color:#000; line-height:24px; font-size:14px; padding-top:5px; height:48px; overflow:hidden;}
.main-box-in ul li .buy{ float:left; width:280px; line-height:33px; margin-top:5px;}
.main-box-in ul li .buy .em1{ float:left; color:#d70000; font-size:18px; line-height:43px;}
.main-box-in ul li .buy .em2{ float:left; color:#d70000; font-size:30px; font-weight:bold; font-family:arial;}

.main-box-in ul li .buy .buy-a{ float:right; width:101px; height:31px; line-height:30px; border-radius:3px; border:1px solid #d70000; text-align:center; font-size:14px; background-color:#d70000; text-decoration:none; color:#fff;}
.main-box-in ul li .buy .buy-a:hover
{ text-decoration:underline;}
a.a_ptil
{ color:#333; text-decoration:none;}
a.a_ptil:hover
{ color:#333; text-decoration:underline;}


.main-box-in .box-7 .more-out{ float:left; text-align:center; width:100%;}
.main-box-in .box-7 .more{ display:inline-block; width:250px; height:66px; line-height:66px; text-align:center; color:#fff; font-size:30px;background:url(../img/hot-mall/btn03.gif) 0 0 no-repeat;}
.main-box-in .box-7 .more:hover{ color:#fff; text-decoration:none;}

.main-box-in .box-3 .list{ float:right;padding:75px 175px 0 0;}
.main-box-in .box-3 .list .p2{  width: 356px;}
.main-box-in .box-3  a{ display:block; width:100%; height:100%;}
.main-box-in .box-3  a:hover{ text-decoration:none;}


.main-box-in .box-4 .list{ padding:85px 0 0 210px;}
.main-box-in .box-4 .list .p2{  width: 356px;}
.main-box-in .box-4  a{ display:block; width:100%; height:100%;}
.main-box-in .box-4  a:hover{ text-decoration:none;}

.main-box-in .box-5 .list{ float:right;padding:98px 96px 0 0;}
.main-box-in .box-5  a{ display:block; width:100%; height:100%;}
.main-box-in .box-5  a:hover{ text-decoration:none;}

.main-box-in .list{ float:left; width:390px;}
.main-box-in .list p{ float:left; width:390px;}
.main-box-in .list .p1{ font-size:18px; color:#666;}
.main-box-in .list .p1 em{ font-weight:bold; font-size:50px; color:#ff0000; font-family:arial;}
.main-box-in .list .p2{ font-size:24px; color:#222;}
.main-box-in .list .p3{ font-size:18px; color:#ee4d4d; margin-top:15px;}
.main-box-in .list .p3 .buy-a{ display:inline-block; width:146px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:18px;background:url(../img/hot-mall/btn01.png) 0 0 no-repeat; margin-right:10px;}
.main-box-in .list .p3 .buy-a:hover{ color:#fff; text-decoration:none;}
.main-box-in .list .p3 em{ font-style:italic; line-height:45px;}


#footer{ margin-top:20px; background:#333; color:#fff; margin-top:0}
#footer p a{ color:#fff;}
#footer .footer-box .right .wx-sp-02{ color:#fff;}


.overlay[class] {
    position: fixed;
}
.overlay {
    background-color:#333;
	height:100%;
	left : 0;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	opacity:0.7;
	position : absolute;
	top :0;
	width : 100%;
	z-index:1901;
	display:none;
	*height:3303px;
}

.container_box{ position:fixed;_position:absolute; top:120px; width:100%; z-index:1902; display:none; left:0px;}
.tc-box{ margin:0 auto; width:549px; height:425px; background:url(../img/hot-mall/bg09.png) 0 0 no-repeat;}
.tc-box .close{ width:68px; height:68px; float:right; cursor:pointer;}
.tc-box h3{ float:left; width:100%; font-size:36px; text-align:center; color:#2e3133;}
.tc-box p{ float:left; width:384px; padding-left:82px; color:#000; font-size:18px; line-height:26px; margin-top:30px; font-size:24px; text-align:center;}

.smlcss
{ font-size:18px;}