@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:url(https://deal.tomtop.com/activity/201712/20171215_ChristmasDeal_banner_en_bg.jpg) center no-repeat ;}
.height80{ height:80px; width:20px;}
.banner{ position:relative;}
.bg{ background:url(https://deal.tomtop.com/activity/201712/20171215_ChristmasDeal_BG2.jpg) center top no-repeat ;    background-size: cover;}
.DJI-top{ padding: 4% 0  2% 0;}
.price{ font-size: 28px; text-align: center; color: #b01a29;}
.price span{ color: #333333; text-decoration: line-through; display: inline-block; padding-left: 2%; font-size: 22px;}
.DJI h1,.cp-img { font-size: 24px; text-align: center;}
.left{ width: 50%; float: left; }
.cp-img img{ display: inline-block; }
.table-w{ max-width: 320px; margin: auto; display: block;}
.font15,.price{ margin-top: 2%;}
.font15{ color: #0c65a1; }
.font15 td {padding: 2% 15px; width: 50%; }
.buy1{}
.buy1 a{ 
    display:block; font-size: 19px; color: #000; padding: 1% 0; width: 27%; text-align: center; margin: 2% auto auto auto; border: 1px solid #000;
    border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px;
}
.buy1 a:hover{color: #b01a29; border: solid 1px #b01a29; }

.DJI-bottom{ padding: 5% 0 3% 5%;}
.DJI2{ padding-left: 2%;}
.DJI2 h1,.DJI2 .price{ text-align: left;}
.DJI2 .table-w{ margin: inherit;  }
.DJI2 .font15 td{  padding: 2% 0px;}
.DJI2 .buy1 a{ margin:4% 0;  }
.DJI2 .font15 td{width: 62%}
.DJI2 .font15, .price {
    margin-top: 3%;
}
/*.nav{width: 100%;position: fixed;bottom: 200px;right:55px;}
.nav .nav_content {position: relative}
.nav ul li {width: 50px;height: 35px;padding:3px 10px; list-style:none;position: absolute;right: -42px;cursor: pointer;background: #b4b4b4;}
.nav ul li img {width: 100%}
.nav ul li:hover {background: #646464;}
.nav ul .nav_top {bottom: 1px;display: none;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.nav ul .nav_bottom {top: 1px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}*/
/*nav*/
li{ list-style-type:none;}
.bg 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%;
}
.bg img:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
@media(max-width:768px){

.bg { background-size: cover;}
.DJI2 h1, .DJI2 .price { text-align: center;}  
.DJI2 .table-w { margin: auto;} 
.DJI-bottom { padding: 5% 0 3% 0;}
.DJI2 .buy1 a { margin: 2% auto 5% auto;} 
.left {
    width: 96%;
    float: none;
    margin: 0 2%;
}    
}
@media(max-width:550px){
.buy1 a { font-size: 16px; width: 51%;}
}