@charset "utf-8";
/* CSS Document */
body{ font-size: 12px; background:#fff !important; }
.w1920{ margin:0 auto;}
.w1920{ max-width: 1920px;background: #fbf5f1;}
.banner2{ display: none;}
.w1920 img{ display: block; }
.banner-bg{ background:#040728 url(http://deal.tomtop.com/activity/202201/202203091527_banner6.jpg) center no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative; max-width: 1200px; margin: auto}
.banner-bg2{background:#040728 url(http://deal.tomtop.com/activity/202201/202203091527_banner-bg.jpg) top center no-repeat; padding-bottom: 5%}


li{ list-style-type:none;}


.code-1{max-width:1200px;margin:0px auto 3.3% auto; }
.code-1 ul li{ list-style-type:none; position:relative;}
.code-1 h3{ font-weight: bold; font-size: 60px; text-transform: uppercase}
.code-1 h1{font-size: 36px; margin-top:1%; } .code-1 h2{ font-size: 48px; font-weight: bold; padding-top: 2%; color: #fff700}
.code-1 h1 a{ background: #fff; color: #000; display: inline-block;  text-transform: uppercase; font-size: 24px; padding: 6px 10px;  border-radius: 5px;}
.code-1 a,.code-1 h3{color: #fff; display: block}
.code-1 a:hover{color:#ffe476;}
.code-1 h1 a:hover{ background: #000; color: #fff}
.sz{ position:absolute; top:46%; left:50%; width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);text-align:center; color:#000;}
.f90{ font-size: 90px; font-weight:900; color: #ffe476}

@media (max-width:1600px) {
.banner,.code-1{ max-width: 1000px;}
.banner-bg { background-size: 1600px;}	
.code-1 h3{ font-size: 50px;}	
.f90{ font-size: 80px;}	
.code-1 h1 a{ font-size: 20px;}	
}
@media (max-width:1000px) { .code-1{ padding: 0 2%;} }
@media (max-width:768px) {
.code-1 h3{ font-size: 30px;}	
.f90{ font-size: 50px;}	
.code-1 h1 a{ font-size: 16px;}	
.code-1 h1 { font-size: 28px; margin-top: 0;}	
.code-1 { margin: 0px auto 4.3% auto;}	
}
@media (max-width:440px) {
.code-1 h3{ font-size: 15px;}	
.f90{ font-size: 25px;}	
.code-1 h1 a{ font-size: 12px;}	
.code-1 h1 { font-size: 20px; margin-top: 0;}	
.code-1 h1 a { padding: 4px 10px;}
	
}


.y180{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.cp123{ max-width: 1200px; margin: auto; }
.w1040-1,.w1040-2{ position: relative;}
.w1040-1{ max-width: 1040px;  margin-left: 77px; margin-right: 83px; }
.w1040-2{ max-width: 1040px; margin-left: 77px; margin-right: 83px; }
.w01,.w02,.w03,.w04{position: absolute; }
.w01{ width: 9.3%;bottom:20%; left: -7.5%}
.w02{ right: -7.4%; top: 18%; width: 7.88%;}
.w03{ right: -7.7%; bottom: 23%; width: 9.88%;}
.w04{ width:8%; bottom:20%; left: -7.5%}
.w00{ width: 5%;margin-left: 14.3%; margin-bottom: -0.5%;}
.w000{ float: right;width: 5%;margin-right: 14.3%; }
.w1040-1 a,.w1040-2 a{display: block; position: relative; }
.w1040-1 a .a12-1{ position: absolute; right: 3%; top: 6%;  width: 43%;}
.w1040-2 a .a12-1{ position: absolute; left: 3%; top: 8%;  width: 43%;}

.a12-1 img{ width: 100%; transitaion: .5s;-moz-transition: .5s;-o-transition: .5s; -ms-transition: .5s;-webkit-transition: .5s;}
.a12-1 img:hover {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1)}

@media (max-width:1600px) {
.cp123 { max-width: 1000px;}
.w00 {width: 5%; margin-left: 15%; margin-bottom: -0.5%;}
.w03 { right: -8.4%; bottom: 23%;width: 9.88%;}	
	
}
@media (max-width:768px) {
.w1040-1,.w1040-2 {
    margin-left: 1%;
    margin-right: 1%;
}
.w01, .w02, .w03, .w04 {
    display: none;
}	
}	
/*----------------*/
.ca-left img,.s1-0 ul li img,.n1-bg2 ul li{
    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%;
}	
.ca-left img:hover,.s1-0 ul li img:hover,.n1-bg2 ul li:hover{
	-webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
}
.ca-0{ max-width: 1200px; margin: auto}
.ca-1{ width: 44%;background:url(http://deal.tomtop.com/activity/202201/202203091527_p1.png?1) top center no-repeat,
	url(http://deal.tomtop.com/activity/202201/202203091527_p3.png?1) bottom center no-repeat,
	url(http://deal.tomtop.com/activity/202201/202203091527_p2.png?1) center repeat-y; 
	padding:4% 3% 3.5% 3%;background-size: 100%; float: left; margin:0 2% 4% 2%; position: relative;
}
.ca-1.ca-1-1{background:url(http://deal.tomtop.com/activity/202201/202203091527_p1-1.png) top center no-repeat,
	url(http://deal.tomtop.com/activity/202201/202203091527_p3-3.png?1) bottom center no-repeat,
	url(http://deal.tomtop.com/activity/202201/202203091527_p2-2.png?1) center repeat-y; 
	background-size: 100%;
}
.ca-1.ca-1-1 .ba-1{ right: 0; margin-right:-9.8%;}
.ca-left{ float: left; width:45%; text-align: center }
.ca-left img{ display: inline-block}
.ca-right{ float: left;width:55%;  padding-left: 4%; padding-top: 4%}
.ca-right p,.b2,.b3{color: #fff;}
.b1{ font-size: 24px; height: 58px; overflow: hidden; margin-bottom: 3%}
.b2{ font-size: 14px; color: #7dc7ff; min-height:105px}
.b2 img{ padding: 5px}
.b3 { font-size: 16px; text-decoration:line-through;}
.b4{ font-size: 36px; color: #ffe476;}
.buynow1{ display:inline-block; background: #a3231b; color: #fff; padding: 5px; border-radius: 3px; }
.ca-right p.b1:hover{color: #ffe476}
.buynow1:hover{ background: #000}
.b2:hover{ color: #ffe476}
.ba-1,.ba-2,.ba-3{position: absolute;}
.ba-1{ width: 10%; top:52%;  margin-left: -16.2%  }
.ba-2{ right: 0; top: 25%; width:9%; margin-right: -9%}
.ba-3{ right: 0; bottom: 18%; width:9%; margin-right: -9%}


@media (max-width:1600px) {
.ca-0 { max-width: 933px; margin: auto;}
.ca-1 { width: 46%;}	
.b1 { font-size: 16px; height: 35px;  overflow: hidden; margin-bottom: 2%;}	
.b2 { font-size: 12px; min-height: 96px; }
.b3 { font-size: 14px;}	
.b4 { font-size: 25px;}	
}	
@media (max-width:850px) {
	.buynow1{ display: none}	
}
@media (max-width:768px) {
.ba-1{ display: none}	
.ca-left { float: none; width: 100%;}
.ca-right { float: none; width: 100%; padding-left: 0; padding-top: 0;  text-align: center;}
.ca-right tr{ display: inline-block; margin: 0 2%;}	
.ca-1{padding:4% 3% 5.5% 3%; }	
.b2 {min-height: 74px;}	
}
@media (max-width:480px) {
.b1 { font-size: 12px; height: 28px; margin-bottom: 2%;}
.b3 { font-size: 13px;}
.b4 {font-size: 18px;}	
}
/*--------------------*/
.s1-0{ max-width: 1260px; margin: auto;}
.s1-0 ul li{float: left; position: relative; width: 21%; background: #162848; margin: 0 5.5% 6% 5.5%;}
.s1-img{ text-align: center; padding: 0 2%;}
.s1-0 ul li img{ display: inline-block;}
.s1-2{ font-size: 18px; margin-top: 2%;margin-bottom:6%; padding: 0 1.5%; color: #fff; text-align: center;  display: block; overflow: hidden; height: 42px; }
.s1-3{ background:#11568f; padding: 4% 2%; }
.s1-3 .s1-4{ font-size: 30px; color: #ffe476; float: left; width: 65%; }
.s1-3 .s1-4 span{font-size: 14px; color: #fff; text-decoration:line-through; margin-right: 2%; }
.s1-3 .s1-5{ background: #062842; padding: 3% 3%; font-size: 14px; float:right;  color: #fff; border-radius: 3px; }
.s1-3 .s1-5:hover{ background: #000;}
.s1-0 ul li a{ position: relative; z-index: 100; display: block; background: #162848; border-top:8px solid #11568f; border-left:8px solid #11568f; border-right:8px solid #11568f;}
.s1-0 ul li::after{ content: "";  clear: both; display: block;  background: #000;border:8px solid #063054;  position: absolute; top: 0;right: 0; margin-right: -7%; margin-top: 6%; width: 97%;height: 96%;z-index: 1;}

@media (max-width:1600px) {
.s1-0 { max-width: 1000px;}
.s1-0 ul li { width: 24.5%; margin: 0 4% 4% 4%;}
.s1-3 .s1-4 {font-size: 23px; width: 63%;}	
.s1-3 .s1-5{ font-size: 13px;}	
.s1-2 { font-size: 16px;height: 34px;}	
}	
@media (max-width:1000px) {
.s1-3 .s1-4 { font-size: 17px; width: 57%;}	
.s1-3 .s1-5 { font-size: 12px;padding: 2%;}	
}
@media (max-width:850px) {
	.s1-5{ display: none}
	.s1-3 .s1-4 { font-size: 17px; width: 100%; text-align: center;}
}

@media (max-width:768px) {
.s1-2 {  font-size: 12px;  height: 27px;}
.s1-0 ul li a { border-top: 5px solid #11568f;  border-left: 5px solid #11568f; border-right: 5px solid #11568f;}
.s1-0 ul li::after { border: 5px solid #063054; margin-right: -5%; margin-top: 6%; width: 97%;height: 96%;}	
.s1-0 ul li { width: 29%;margin: 0 2% 4% 2%;}
	
}	
@media (max-width:450px) {
	.s1-3 .s1-4 span{ display: block;}
	.s1-0 ul li a {
    border-top: 3px solid #11568f;
    border-left: 3px solid #11568f;
    border-right: 3px solid #11568f;
}
.s1-0 ul li::after {
    border: 3px solid #063054;
    margin-right: -5%;
    margin-top: 7.5%;
}	
}
/*--------------------*/
.n1-bg{ background:url(http://deal.tomtop.com/activity/202201/202203101139-8.png); max-width: 1200px; margin: auto ; border-radius: 5px;}
.n1-bg2{ background:url(http://deal.tomtop.com/activity/202201/202203101139-7.png) center no-repeat;  background-size: 100%;}
.n1-bg2 ul li{ float: left; width: 33.33%; text-align: center; padding: 2.5% 1% }
.n1-bg2 ul li img{ display: inline-block;}
.n1-bg2 ul li h2{ color: #fff; margin-top: 2%; font-size: 24px;}
@media (max-width:1600px) { 
	.n1-bg{ max-width: 1000px;margin-top: 1%;}
	.n1-bg2 ul li h2 {margin-top: 4%;font-size: 20px;}
	.n1-bg2 ul li img { width:48%;}
}
@media (max-width:1000px) {
.n1-bg {
    max-width: 1000px;
    margin-top: 1%;
    margin-left: 1%;
    margin-right: 1%;
}
}
@media (max-width:768px) {
.n1-bg2 ul li h2 {
    margin-top: 4%;
    font-size: 12px;
}	
}
@media (max-width:450px) {
.n1-bg2 ul li h2 {
    margin-top: 4%;
   font-size: 2.5vw;
}	
}
/*--------------*/
#shareOpen {width: 175px;height: 70px;position: absolute;bottom: 85px;left: 0;padding-top: 0;text-align: center;background: #fff;border: solid 1px #72ccf2; }
.app-download{ text-align: center;}
.app-download img,li.nav_top img {vertical-align: middle;display: inline-block;}
#shareOpen p {margin: 5px 0 0px 0;color: #000;  padding: 5px 0;border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;-webkit-border-radius: 50px;}
#shareOpen .at-share-btn-elements {text-align: center}
#shareOpen .at-share-btn-elements a {width: 30px;height: 30px;line-height: 30px;border-radius: 30px!important;margin-right: 8px}
/*nav*/
li{ list-style-type:none; }
#shareOpen {width:175px;/* margin-left: 8px; */height: 510px;position: relative;top: 207px;left: 0;padding-top: 0;text-align: center;background: #0c5997;border: 1px solid #0c5997;}
#shareOpen p {margin: 10px 10px 7px 10px;color: #000;background: #fff;padding: 14px 0;border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;-webkit-border-radius: 50px;/* width: 150px; */}
#shareOpen .at-share-btn-elements {text-align: center}
#shareOpen .at-share-btn-elements a {width: 30px;height: 30px;line-height: 30px;border-radius: 30px!important;margin-right: 8px}
.app-download{position: absolute;top:291px;}
.app-download p {display: block;margin-bottom: 7px;font-size: 14px;line-height: 17px;text-align: center; color:#fff;}
.app-download p:nth-of-type(1){ margin-top: 5px;}
/*nav*/
li{ list-style-type:none; }
.nav .nav_content h1{  font-size: 20px;text-align: center;line-height: 20px;color: #fff;margin-top: 5px;margin-bottom: 20px;}
.nav {width: 100%; position: fixed;	z-index: 9999;}
.nav,#n_a_v {transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;opacity: 0;filter: alpha(opacity:0);}
.nav .nav_content {position: fixed;right: 40px;z-index: 99999;width:175px;height: 721px;/* padding-top: 100px; */bottom: 0px;bottom: 50%;margin-bottom: -219px;}

.nav ul {position: absolute;width:100%;}
.nav ul .floor_nav,.nav_content a {transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.nav_content a:hover { color:#004058;}	
.nav ul .floor_nav {color: #fff;text-align: center;line-height: 13px;padding: 10px 0;cursor: pointer;margin: 6px 0;font-size: 13px;background: #0c5997;border: 1px solid #0c5997;}
.nav .icoc{ line-height: 0px; padding: 4px 0;}
/*.nav ul .floor_nav:first-child {margin-top: 0px;line-height: 17px;}*/
.nav ul .floor_nav_cur,.nav ul .floor_nav:hover {color:#ffed00; }
.nav .nav_content ul{}
.nav ul li.nav_top {text-align: center;color: #fff;/* font-weight: bold; */font-size: 15px;cursor: pointer;background: #0c5997;width: 48px;height: 48px;line-height:35px;margin: 733px  auto auto auto;padding-top: 3px;border-radius: 50px;-ms-border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;}
.width_193 a img{ width: 150px;}
@media (max-width:1600px) {
.nav .nav_content { right: 10px; }
}
@media (max-width:1200px) {
.nav .nav_content {  display: none; }
}