@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920,.background{ margin:0 auto;}
.w1920,.background{ max-width: 1920px;background: #000;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:url(http://deal.tomtop.com/activity/201709/20170913_projector_bannerBG.jpg) center no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}

.background{background:url(http://deal.tomtop.com/activity/201709/20170913_projector_bannerBG2.jpg);}
.bg{ background: #000; margin-top: 3%;}
.content1,.content2{padding: 5% 10px 6% 10px;}
.content1{
background:url(http://deal.tomtop.com/activity/201709/20170913_projector_left.jpg) left no-repeat,url(http://deal.tomtop.com/activity/201709/20170913_projector_right.jpg) right no-repeat,url(http://deal.tomtop.com/activity/201709/20170913_projector_top.jpg) top no-repeat,url(http://deal.tomtop.com/activity/201709/20170913_projector_bottom.jpg) bottom no-repeat;
}
.content2{
background:url(http://deal.tomtop.com/activity/201709/20170913_projector_left2.jpg) left no-repeat,url(http://deal.tomtop.com/activity/201709/20170913_projector_right2.jpg) right no-repeat,url(http://deal.tomtop.com/activity/201709/20170913_projector_top2.jpg) top no-repeat,url(http://deal.tomtop.com/activity/201709/20170913_projector_bottom2.jpg) bottom no-repeat;
}
.v1,.v2,.v3{ float: left; color: #fff; padding: 2.5%;}
.v2 h1{ font-size: 35px;}
.v1{ width: 35%; text-align: center;} .v2{ width: 30%;} .v3{ width: 34%;}
.v2  ul{ padding-left: 20px; margin-top: 5%}
.v2 ul li{ list-style-type:disc; font-size: 17px; line-height: 25px;}
.v3 iframe { width: 100%; height: 219px;}
.pricee{ text-align: center;}
.pricee h2 { color: #fff; font-size: 31.86px; display: inline-block; vertical-align: middle;}
.pricee h2 span { font-size: 19px; text-decoration: line-through;}
.coupon {  display: inline-block; vertical-align: middle; margin-left: 6%; background: #fff;}
.coupon span.Bfff { background: #ff5710; color: #fff;}
.c1 span { line-height: 20px; font-size: 20.86px; padding: 8px 10px;}
.coupon span { display: block; float: left; background: #fff; color: #000;}
.coupon a span:hover { background: #828282; color: #fff;}
.Fright{ float: right;}

.v1 a img {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease,-moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    max-width: 100%;
}
.v1 a img:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
li{ list-style-type:none;}
.height80{ height: 80px; width: 50px;}
@media(max-width:1200px){ .background{ padding:0 10px;} }
@media(max-width:1024px){
.v2 h1 { font-size: 27px;}
.v2 ul li { font-size: 14px; line-height: 21px;}
.pricee h2 { font-size: 27px;}
.pricee h2 span { font-size: 18px;}  
.c1 span { line-height: 19px; font-size: 16px; padding: 6px 10px;} 
.content1,.content2 {height:inherit;}    
.v3 iframe { height: 182px;}
}
@media(max-width:768px){
.v2 h1 { font-size: 14px;}
.v2 ul { padding-left: 15px;  margin-top: 5%;}    
.v2 ul li { font-size: 12px; line-height: 18px;}
.pricee h2 { font-size: 27px;}
.pricee h2 span { font-size: 18px;}  
.c1 span { line-height: 19px; font-size: 16px; padding: 6px 10px;} 
.content1,.content2 {} 
.v3 iframe { height: 135px;}
}
@media(max-width:550px){
    .v1, .v2, .v3{ float: none; width: 100%;} 
    .content1,.content2{ border: 7px #ccc solid; background: none;}
    .v3 iframe { height:250px;}
    .v2 h1 { font-size: 20px;}
    .v2 ul li {font-size: 14px;}
    .v2 ul { margin-top: 3%;}
    .pricee h2{ display: block; padding-bottom: 5px;}
    .bg { margin-top: 5%;}
    .height80{ height:30px; width: 50px;}
}