#campain{width: 1332px;margin: 0 auto;color: #000;overflow: hidden;} #campain h1{font-size: 30px;font-weight: normal;text-align: center;margin: 30px 0;color: #000;} /*.row { margin-right: -15px; margin-left: -15px;}*/ #campain_content{width: 1332px;margin: 0 auto;} #campain_content h1{text-align: center;font-size: 42px;color: #004b75;margin: 50px 0;} #campain_content .products_block{position:absolute; width: 50%; right: 1%; top: 15px; margin-bottom: 50px;} #campain_content .products_block.big-pro {position:absolute; width: 70%; right: 1%; top: 15px; margin-bottom: 50px;} #campain_content .products_block.left-pro {position:absolute; left: 0; top: 15px; margin-bottom: 50px;} #campain_content .products_block>div{float: left;width: 100%;} #campain_content .products_block .banner img{width: 78%;display: block;margin: 0 auto;} #campain_content .products_block .products .topProducts .Products-detail{width: 100%;} #campain_content .products_block .products .topProducts .picProducts{width: 50%;overflow: hidden;} #campain_content .products_block .products .topProducts .infoProducts{width: 50%;overflow: hidden;} #campain_content .products_block .products .topProducts .picProducts, #campain_content .products_block .products .topProducts .infoProducts{float: left;} #campain_content .products_block .products .infoProducts .title{color: #333;font-size: 20px;margin-top: 0; font-family: "Microsoft Yahei", "微软雅黑"} #campain_content .products_block .products .infoProducts .sale-price{ padding-top:5px; color: #e62514;font-size: 12px;} #campain_content .products_block .products .infoProducts .sale-price span{color: #333333;font-size: 18px; font-weight:bolder; font-family: arial, "Microsoft YaHei"} #campain_content .products_block .products .infoProducts .price{color: #666;font-size: 12px; line-height:30px;} #campain_content .products_block .products .infoProducts .price span{} #campain_content .products_block .products .infoProducts .btn,#campain_content .autumn-big-box .infoProducts .btn{background-color: #004b75;color: #fff; padding: 9px 45px;margin-top: 8px;} #campain_content .products_block .products .infoProducts .btn:hover,#campain_content .autumn-big-box .infoProducts .btn:hover{background-color: #0085ca;} #campain_content .products_block .products .bottomProducts{width: 100%;margin: 0 auto;} #campain_content .products_block .products .bottomProducts .Products-detail{ position: relative; background-color: white; float: left; width: 34%; padding: 20px;} #campain_content .products_block.big-pro .products .bottomProducts .Products-detail:nth-child(2n-1) { margin: 0 19px 0 274px; } #campain_content .products_block.big-pro.left-pro .products .bottomProducts .Products-detail:nth-child(2n-1) { margin: 0 20px 0 19px ; } #campain_content .products_block.big-pro.left-pro .products .bottomProducts .Products-detail:nth-child(2n){ margin-right: 100px;} .bottomProducts.small-pro .Products-detail { margin-bottom:2%;} .bottomProducts.small-pro .Products-detail:nth-child(2n-1) {margin:0 45px 0 100px; } .bottomProducts.small-pro .Products-detail:nth-child(2n) { margin:0} #campain_content .products_block .products .bottomProducts.small-pro .Products-detail,#campain_content .products_block.left-pro .products .bottomProducts.small-pro .Products-detail {margin-bottom: 18px;} /*#campain_content .products_block .products .bottomProducts.small-pro .picProducts img,#campain_content .products_block.left-pro .products .bottomProducts.small-pro .picProducts img { width: 80%; margin: 0 auto;}*/ /*#campain_content .products_block .products .small-pro .title{font-size: 14px;}*/ #campain_content .products_block .products .bottomProducts .picProducts{position: relative; width: 100%;overflow: hidden;} #campain_content .products_block .products .bottomProducts .picProducts img{width: 100%;} #campain_content .products_block .products .bottomProducts .infoProducts{width: 100%;overflow: hidden; text-align: center;} #campain-sales .title{width: 90%;margin: 0 auto;} #campain-sales .title h3{float: left;color: #004b75;line-height: 40px;font-size: 30px;width: 17%;} #campain-sales .campain-sales-block p{color: #666;} /*出游季 板块 */ .autumn-half-box1{width: 298px; padding: 0;} .autumn-half-box2{ padding-top: 48px; padding-left:27px} .small-product{max-width:296px; min-height:294px;padding: 20px; float: right;} .small-product .Img-block{ width: 60%;margin:0 auto;} #campain_content .autumn-big-box div.small-product .infoProducts .title{margin-top: 0; font-size: 14px;} #campain_content .autumn-big-box .small-product .infoProducts .btn{margin-top: 0;} #campain_content .autumn-big-box{ max-width:1278px; margin: 0 auto 48px; border: 1px solid #e5e5e5;} #campain_content .autumn-big-box .wp33 ul{ padding-top:10px;} #campain_content .autumn-big-box .wp33 ul li{ margin-left: 1.5em; list-style: disc; font: bolder 20px/1.8em "Microsoft Yahei","微软雅黑"; color: #333;} #campain_content .autumn-big-box .wp33 ul li:first-child{margin-bottom:5px;font: bolder 20px/1.4em "Microsoft Yahei","微软雅黑";} #campain_content .autumn-big-box .Products-detail { position:relative;width:100%;} #campain_content .autumn-big-box .picProducts{width: 100%;overflow: hidden;} #campain_content .autumn-big-box .picProducts img{width: 100%;} #campain_content .autumn-big-box .infoProducts{width: 100%;overflow: hidden; text-align: center;} #campain_content .autumn-big-box .infoProducts .title{color: #333;font-size: 20px;margin-top: 9px; font-family: "Microsoft Yahei", "微软雅黑"} #campain_content .autumn-big-box .infoProducts .sale-price{ padding-top:5px; color: #e62514;font-size: 12px;} #campain_content .autumn-big-box .infoProducts .sale-price span{color: #333333;font-size: 18px; font-weight:bolder;font-family: arial;} /*出游季 板块 off*/ #cuxiao-banner img{display: none;} #cuxiao-banner img.pc{display: block} img.fullImg{width: 100%;display: block;border: 0;} img.max-fullImg{max-width: 100%;display: block;border: 0;} .border-b{border-bottom:1px solid #e5e5e5;} .border-l{border-left:1px solid #e5e5e5;} .border-r{border-right:1px solid #e5e5e5;} .tc { text-align:center} .tl { text-align:left} .tr { text-align:right} .clear{ clear:both;} /*font*/ .fontYahei {font-family: "Microsoft Yahei","微软雅黑";} .fontArial {font-family:Arial, Helvetica, sans-serif;} .fontItalic{ font-style:italic;} .font-w-bold { font-weight:bold;} .font-w-500 { font-weight:500;} .font-w-bolder { font-weight:bolder;} .font-caps{text-transform:uppercase;} .fl{ float: left;} .fr{ float: right;} /**/ .wp33{ width: 36.333333333333%;} .wp40{ width: 40%;} .wp45{ width: 45%;} .wp50{ width: 50%;} .wp60{ width: 60%;} /**/ .h10{ height:10px;} .mt48{ margin-top:48px;} /*----------------------------------------------------margin-top 负数 (minus)------------------------------------------*/ .ml40{ margin-left: 40px;} /*----------------------------------------------------padding-top--- --------------------------------------------------*/ .pt15{ padding-top:15px;} .pt32{ padding-top:32px;} .pt50{ padding-top:50px;} /*----------------------------------------------------padding-bottom--- --------------------------------------------------*/ .pb12{ padding-bottom:12px} .pb17{ padding-bottom:17px} .pb20{ padding-bottom:20px} /*----------------------------------------------------font size----------------------------------------------------*/ .font-1em4 { font-size:1.4em;} .font-2em6 { font-size:2.6em; margin:0;font-size:32px;} .txt-333 { color:#333;} /*harry*/ .hero-overlay{position: absolute;width: 50%;height: 80%; top: 12%;right: 25%;} .hero-overlay .callout.calloutC{margin: 0;} .hero-overlay .h1.editorial-1{margin: 0;text-align: center;color: #004b75;margin-top: 5%;} .hero-overlay .callout.calloutC .h1.editorial-1,.hero-overlay .callout.calloutC .subheading.title2{color:#004b75; font-size: 50px;} .hero-overlay .callout.calloutC .info{display: inline-block;width: 35%;text-align: left;font-size: 16px;margin-top: 5%; line-height: 24px;} .hero-overlay .callout.calloutC .info span{font-weight: bold;} .hero-overlay .callout.calloutC .pic{display: inline-block;width: 20%;vertical-align: sub;} /* kv lg 1015 */ .hero-kv{position: absolute;width:42.26726726726727%;height:75.36496350364964%; background-color: rgba(255,255,255,0); top: 21%;left: 47%; color: #fff; font-family: arial, "Microsoft YaHei"} .hero-kv a:hover{ text-decoration:none;} .hero-kv .callout.calloutC{margin: 0;} .hero-kv .h1.editorial-1{margin: 0;color: #fff;margin-top: 5%;} .hero-kv .callout.calloutC .h1.editorial-1{color:#fff; font-size: 60px; margin-top:0; font-weight:bold; font-family: "Microsoft Yahei";} .hero-kv .callout.calloutC .subheading.title2{ font-size: 33px; color: #fff; margin-top:25px; font-weight: bold; line-height: 1.3em; } .hero-kv .callout.calloutC .subheading.title3{color:#fff; font-size: 26px; margin-top: 2.4%; font-family:"Microsoft YaHei";} .hero-kv .callout.calloutC .subheading.title-info{width: 41.03019538188277%; float: left;margin-top: 6px; color:#aaa9a5; font-size: 20px; font-weight: bold;} .hero-kv .callout.calloutC .subheading.title-img{ width: 41.03019538188277%; float: right;} .hero-kv .callout.calloutC p{ padding-top:1px; text-align:center; font-size: 20px; font-family: "Microsoft Yahei";} .hero-kv .callout.calloutC .info span{font-weight: bold;} /* kv lg 1015 off*/ /*youku box*/ .video-youku-box{top: 10%; left:15.76576576576577%;} .relative-box{position:relative; width:100%;} .relative-box img{width: 100%;display:block;border:none;} .absolute-box{position:absolute;} .cube-list{width: 170px; height: 170px; } .cube-list .cube-box{margin:6px 4px;} .cube-list .cube-box:nth-child(odd){margin-top: 0;} .cube-list .cube-box:nth-child(even){margin-bottom: 0;} /*list*/ .lilistbox{ width:84%; position: relative; margin: 10px auto; line-height:2em; font-size: 18px; padding:25px 0 25px 50px; } .lilistbox .lilistboxp{ border-top:1px #b2c9d5 solid;} .lilistbox .lilistboxp li{ list-style:disc; padding-left: 0; color: #004b75;} .lilistbox .lilistboxp li.li-sPan,.lilistbox .lilistboxp p.li-sPan{color: #666; margin-right: 15px;} .notelist li{ font-size:18px; line-height:1.4em;} #campain_content .products_block .products .bottomProducts{margin-top:30px;} /*kv 0825 15:21 btn*/ .btnkv { font-size: 14px; color:#004b7; font-size: 12px; padding: 10px 33px; text-align:center; border: none; border-radius: 0; text-decoration: none; width: 100%; background:#fff;} .btnkv:hover { color: #FFFFFF ; background-color: #004b75;} a.btnkv-xs {font-size: 14px; color:#ffffff; font-size: 12px; padding: 12px 50px; text-align:center; border: none; border-radius: 0; text-decoration: none; width: 100%; background:#004b75;} a.btnkv-xs:hover { color: #FFFFFF ; background-color: #0685ca; text-decoration: none;} /*kv 0825 15:21 btn off*/ /*当季精选 title*/ #shoptostay-wrapper4 .html-slot-container h2.home-separated{margin-top: 13px; margin-bottom:28px;} /*landing page*/ .pic-block ul{ text-align:center; padding-top:10px;} .pic-block ul li{list-style: none;width: 34px;height: 34px;display: inline-block;border: 1px solid #999;} .pic-block ul li.on{border: 1px solid #004a74;} .top-tips { position: absolute; width:22%; height:auto; left: -1px; top: 12px; font-size: 12px; } .bottomLogo { position:absolute; width:100%; height:auto; top:70%; } /*listbox-title lg 0922*/ .lilistboxp.pt50{padding-top: 53px;} #campain_content .lilistbox p.li-sPan a{ text-decoration: underline;} #campain_content .lilistbox p.li-sPan a:hover{text-decoration:none;color: #0085ca;} .lilistbox .listBoxNote-title{width: 381px; height: 60px; position: absolute; top: -8px; background:#fff; color: #004b75 } .lilistbox .listBoxNote-title h2{ height: 60px; font-size:36px; line-height: 60px;} .lilistbox .listBoxNote-title li{ font-size:18px; line-height: 30px; padding-left: 8px; font-weight: bold;} .lilistbox .listBoxNote-title li.event-time{ font-size:16px; } .lilistbox .listBoxNote-title ul.wp40{height: 60px; line-height: 60px; font-size: 36px;} /*listbox-title lg off*/ #campain_content .products_block.big-pro .products .bottomProducts{margin-top: 3px; margin-left: 10px;} #campain_content .products_block.big-pro .products .bottomProducts.small-pro{margin-top: 14px;} #campain_content .products_block.big-pro .products .bottomProducts .Products-detail {width: 33.4%;padding: 10px 20px 23px;} @media screen and (min-width: 1333px){ #campain_content .products_block .products .bottomProducts{/*width: 1024px; 列表顶边*/ margin-top:19px;} .pic-block ul li{ margin: 0 3px;} .ad_youku {cursor: pointer; height: 330px; width: 530px;} } @media (min-width: 1024px) and (max-width: 1332px) { #content { width: 1024px; margin: 0 auto;} #campain{width: 1024px;margin: 0 auto;} .hero-overlay img{ width:70%;} .hero-overlay .callout.calloutC .h1.editorial-1,.hero-overlay .callout.calloutC .subheading.title2{color:#004b75; font-size: 36px;margin:0;} .hero-overlay .callout.calloutC .h1.editorial-1{margin-top: 4%;} .hero-overlay .callout.calloutC .info{width: 48%;} #campain_content .products_block .products .bottomProducts{width: 1024px; float:left; margin-top:58px;} .notelist li{ font-size:16px;} #campain .container-fluid p{ font-size:16px;} /*kv 1015 md*/ .hero-kv .h1.editorial-1{color: #fff;margin-top: 5%;} .hero-kv .callout.calloutC .h1.editorial-1{ font-size: 52px; margin-top:2%; font-weight:bold; font-family: "Microsoft Yahei";} .hero-kv .callout.calloutC .subheading.title2{ font-size: 19px; margin-top: 14px;} .hero-kv .callout.calloutC .subheading.title3 {color: #fff; font-size: 15px; margin-top: 2%; } .hero-kv .callout.calloutC p { padding-top: 17px; font-size: 18px;} .hero-kv .callout.calloutC .subheading.title-info{ font-size: 12px; } /*kv 1015 md off*/ #campain_content .autumn-big-box .Products-detail { position:relative;width:100%; left: -1%;} .small-product { min-height: 244px; padding:5px 20px; float: right; } #campain_content .autumn-big-box div.small-product .infoProducts .title{ font-size: 12px;} .small-product .Img-block{ width: 56%;} #campain_content .autumn-big-box .wp33{ width: 40%;} #campain_content .autumn-big-box .wp33 ul li{ margin-left: 1.5em; list-style: disc; font: bolder 16px/1.6em "Microsoft Yahei","微软雅黑"; color: #333;} #campain_content .autumn-big-box .wp33 ul li:first-child{ margin-left: 1.5em; list-style: disc; font: bolder 16px/1.6em "Microsoft Yahei","微软雅黑"; color: #333;} #campain_content .autumn-big-box .infoProducts .title{ font-size: 16px;} .cube-list {width: 130px; height: 130px; } .ad_youku {cursor: pointer; height:254px; width: 408px; } .cube-list .cube-box {margin: 10px 4px;} #campain_content {width: 1024px;} #campain_content .products_block .products .bottomProducts {width: 100%;} #campain_content .products_block .products .infoProducts .title{color: #333;font-size: 16px;margin-top: 0;} #campain_content .products_block.big-pro .products .bottomProducts .Products-detail:nth-child(2n-1) {margin-left:198px;} #campain_content .products_block.big-pro .products .bottomProducts.small-pro {margin-top: 8px;} #campain_content .products_block.big-pro .products .bottomProducts .Products-detail { padding: 10px 30px 23px;} } @media (min-width: 768px) and (max-width: 1023px) { #content { width: 100%; margin: 0 auto; } .lilistbox { font-size:11px;} .notelist li{list-style:none; font-size:16px; line-height:1.8em; text-align:center} #campain{width: 768px;margin: 0 auto;} .titlebar{ font-size:10px;} #campain_content h1{text-align: center;font-size: 30px;color: #004b75;margin: 20px 0;} .hero-overlay img{ width:60%;} #campain_content{width: 100%;} #campain-sales .title{margin: 15px auto;} #campain-sales .title h3{float: left;color: #004b75;line-height: 40px;font-size: 24px;width: 17%;} #campain-sales .title .xian{width: 50%;} #campain_content .products_block > div{width: 100%;} #campain_content .products_block .products .topProducts{margin: 0;} #campain_content .products_block .products .topProducts{width: 25%;display: inline-block;} #campain_content .products_block .products .bottomProducts{width: 100%;display: inline-block;} #campain_content .products_block .products .topProducts .picProducts{width: 100%;} #campain_content .products_block .products .topProducts .picProducts img{width: 100%;display: block; border: 0;} #campain_content .products_block .products .bottomProducts .picProducts img{width: 100%;display: block; border: 0;} #campain_content .products_block .products .bottomProducts .infoProducts{padding-left: 0;} .hero-overlay .callout.tab-c .h1.editorial-1,.hero-overlay .callout.tab-c .subheading.title2{color:#004b75; font-size: 32px;margin:1% 0 0 0;} .hero-overlay .callout.tab-c .h1.editorial-1{margin-top: 4%;} #campain_content .products_block .products .infoProducts .title { color: #000; font-size: 12px; margin-top: 25px;} /*kv 0825 15:21 md*/ .hero-kv .h1.editorial-1{margin: 0;text-align: left;color: #fff;margin-top: 5%;} .hero-kv .callout.calloutC .h1.editorial-1{color:#fff; font-size: 36px; margin-top:2px; font-weight:bold; font-family: "Microsoft Yahei";} .hero-kv .callout.calloutC .subheading.title2{font-size: 19px; margin-top:0px; padding:0; text-align:left} .hero-kv .callout.calloutC .subheading.title3{font-size: 15px; padding:0; text-align:left; font-weight: normal;margin-top: 0;} .hero-kv .callout.calloutC p{ padding-top:8px; font-size: 16px;} .hero-kv .callout.calloutC .subheading.title-info{ margin-top: 5px; text-align: left ; font-size: 12px; } /*kv 0825 15:21 md off*/ #campain_content .autumn-big-box .Products-detail { position:relative;width:100%; left: 10%;} #campain_content .autumn-big-box .wp33{ width: 45%;} #campain_content .autumn-big-box .infoProducts .title{ font-size: 12px;} .pic-block ul li{list-style: none;width: 28px;height: 28px;display: inline-block;border: 1px solid #999;} /**/ .cube-list {width: 100px; height: 100px; } .ad_youku {cursor: pointer; height:178px; width: 306px; } .cube-list .cube-box {margin: 6px 4px;} .video-youku-box { top: 7%;} #campain_content .products_block .products .bottomProducts {width: 100%;} #campain_content .products_block .products .infoProducts .title{color: #333;font-size: 12px;margin-top: 0;} #campain_content .products_block.big-pro .products .bottomProducts .Products-detail:nth-child(2n-1) {margin-left:132px;} #campain_content .products_block.big-pro .products .bottomProducts.small-pro {margin-top: 0;} #campain_content .products_block.big-pro .products .bottomProducts .Products-detail { padding: 0px 28px 17px;} #campain_content .products_block .products .infoProducts .btn, #campain_content .autumn-big-box .infoProducts .btn{ padding: 9px 24px; margin-top:0;} #campain_content .products_block.big-pro .products .bottomProducts{ margin-top: -1px;} } @media (min-width: 992px) and (max-width: 1023px) { #campain_content .autumn-big-box .wp33 ul li{ margin-left: 1.5em; list-style: disc; font-size: 14px; line-height: 1.7em; color: #333;} #campain_content .autumn-big-box .wp33 ul li:first-child {margin-bottom: 5px; font: bolder 14px/1.4em "Microsoft Yahei","微软雅黑"; } } @media (min-width: 769px) and (max-width: 991px) { #campain_content .autumn-big-box .wp33 ul li{ margin-left: 1.5em; list-style: disc; font-size: 12px; line-height: 1.7em; color: #333;} #campain_content .autumn-big-box .wp33 ul li:first-child {margin-bottom: 5px; font: bolder 12px/1em "Microsoft Yahei","微软雅黑"; } .small-product { min-height: 100px; padding: 10px; float: right; } #campain_content .autumn-big-box div.small-product .infoProducts .title{ font-size: 12px;} #campain_content .autumn-big-box .infoProducts .sale-price{ margin-top: 0;} .small-product .Img-block{ width: 45%; } .lilistbox{ width: 94%} .lilistbox .lilistboxp .wp40{ width:42%; } #campain_content .autumn-big-box .wp33.ml40{ margin-left: 0;} #campain_content .autumn-big-box .Products-detail{margin-left: -18px;} #campain{ width: 738px;} .autumn-half-box2 { padding-top: 20px;} #campain_content .autumn-big-box .autumn-half-box2 .wp50{ width: 52%;} } @media (min-width: 767px) and (max-width: 769px) { /*kv 1015*/ .hero-kv .callout.calloutC .subheading.title2 { font-size: 14px; margin-top: 7px; padding: 0; text-align: left; } .hero-kv .callout.calloutC .h1.editorial-1 {color: #fff; font-size: 46px; margin-top: 9px; text-align: left} .hero-kv .callout.calloutC .subheading.title3 { font-size: 14px; margin-top: 14px; padding: 0; text-align: left; } .hero-kv .callout.calloutC .subheading.title-info { margin-top: 0;} /*kv 1015 off*/ #campain_content .autumn-big-box .wp33 ul li{ margin-left: 1.5em; list-style: disc; font-size: 12px; line-height: 1.7em; color: #333;} #campain_content .autumn-big-box .wp33 ul li:first-child {margin-bottom: 5px; font: bolder 12px/1em "Microsoft Yahei","微软雅黑"; } .small-product { min-height: 100px; padding: 10px; float: right; } #campain_content .autumn-big-box div.small-product .infoProducts .title{ font-size: 12px;} #campain_content .autumn-big-box .infoProducts .sale-price{ margin-top: 0;} .small-product .Img-block{ width: 45%; } .lilistbox{ width: 94%} .lilistbox .lilistboxp .wp40{ width:42%; } #campain_content .autumn-big-box .wp33.ml40{ margin-left: 0;} #campain_content .autumn-big-box .Products-detail{margin-left: -18px;} #campain{ width: 738px;} .autumn-half-box2 { padding-top: 20px;} #campain_content .autumn-big-box .autumn-half-box2 .wp50{ width: 52%;} } @media screen and (max-width: 767px){ .pic-block ul li.overFlow{list-style: none;width: 25px;height: 25px; margin: 0 1%; display: inline-block;} .top-tips { position: absolute; width:11%; height:auto; left: 4px; top: 12px; font-size: 12px; } .notelist li{list-style:none; font-size:16px; line-height:1.8em;} .lilistbox{ font-size:12px;} .titlebar{ font-size:10px;} #content{width: 100%;} #campain{width: 100%;margin: 0 auto;} #campain .Img{width: 98%;margin: 50px auto;} #campain .title{font-size: 14px;} #campain h1{font-size: 30px;} #campain_content{width: 100%;} #campain-sales .title{margin: 15px auto;} #campain-sales .title h3{float: left;color: #004b75;line-height: 40px;font-size: 24px;display: inline-block; width: inherit;} #campain_content .products_block > div{width: 100%;} #campain_content .products_block .products .topProducts .picProducts{width: 50%;} #campain_content .products_block .products .topProducts .picProducts img{width: 100%;display: block; border: 0;} #campain_content .products_block .products .bottomProducts .picProducts img{width: 100%;display: block; border: 0;} #campain_content .products_block .products .topProducts .infoProducts{width: 50%;} #campain_content .products_block .products .bottomProducts .infoProducts{padding-left: 28%;} #campain_content .products_block .products .bottomProducts .Products-detail{width: 100%;} .h1.editorial-1,.subheading.title2{font-size:24px;} #hero-wrapper .callout{background-color: #ccc;background-color: rgba(204,204,204,0.8);padding: 0.5% 0 3% 0;} #campain_content .products_block .products .bottomProducts .picProducts{width: 50%;float: left;} #campain_content .products_block .products .bottomProducts .infoProducts{width: 50%;float: left;padding:17px 0 0 0; text-align: left;} #campain_content .products_block .products .infoProducts .title{margin-top: 0;} #campain_content .products_block{margin-bottom: 40px;} #campain_content .products_block .products .infoProducts .title { color: #000; font-size: 14px; margin-top:0;} /*autumn gift 0825 18:23*/ #campain_content .autumn-big-box .col-xs-12{ padding-right: 0; } #campain_content h2.font-2em6{font-size:28px;} .autumn-half-box2,.autumn-half-box1{ border: none; padding-bottom: 0; padding-left: 0;} #campain_content .autumn-big-box .wp33 ul li,#campain_content .autumn-big-box .wp33 ul li:first-child{ font-size: 12px; } #campain_content .autumn-big-box .wp33{ width: 38%;} .pic-block .infoProducts ul{ text-align: left;} /*autumn gift 0825 18:23 off*/ .pic-block ul li{list-style: none;width: 28px;height: 28px;display: inline-block;border: 1px solid #999;} .lilistbox{position: relative; width: 95%; margin: 0 auto;} .lilistboxp.pt50{padding: 15px;} .lilistboxp ul{ margin: 0 auto;} /*listbox-title lg 0922*/ .lilistbox .listBoxNote-title h2{ height: 60px; font-size:32px; line-height: 60px;} .lilistbox .listBoxNote-title li{ font-size:16px; line-height: 30px; padding-left: -8px; font-weight: bold;} .lilistbox .listBoxNote-title li.event-time{ font-size:14px; } .lilistbox .listBoxNote-title ul.wp40{ width:35%;height: 60px; line-height: 60px; font-size: 36px;} /*listbox-title lg off*/ .lilistboxp .wp45,.lilistboxp .wp40{ width: 100%; text-align: left;} #campain_content .autumn-big-box{ border: none;} .autumn-half-box2{ padding-top: 1px;} .container-fluid-add{ width: 110%; margin-left: -15px;} #campain_content .autumn-big-box{ margin-bottom: 10px;} .border-b, .border-l,.border-r{border: none;} .small-product{ width:50%; min-height: 194px; float:left;padding: 20px;} .small-product .Img-block{ width:80%;margin:0 auto;} /*1016*/ #campain_content .products_block.left-pro,.absolute-box,.relative-box{ position: static;} .cube-list{ width: 100%; height:80px;} .cube-list .cube-box{ width:25%; margin: 0; float: left} .bottomProducts.small-pro .Products-detail:nth-child(2n-1){margin: 0} #campain_content .products_block.big-pro .products .bottomProducts .Products-detail:nth-child(2n-1){margin: 0} #campain_content .products_block.big-pro {position: static; width: 100%; margin-bottom:0 } #campain_content .products_block.big-pro .products .bottomProducts .Products-detail{ width: 100%; padding: 0;} #campain_content .products_block.big-pro.left-pro .products .bottomProducts .Products-detail:nth-child(2n-1) {margin: 0;} #campain_content .products_block.big-pro .products .bottomProducts{margin-left: 0;} #campain_content .products_block.big-pro.halfbox{ } #campain_content .products_block.big-pro.halfbox .products .bottomProducts .picProducts{ width: 100%;} #campain_content .products_block.big-pro.halfbox .products .bottomProducts .infoProducts{width: 100%; text-align: center} #campain_content .products_block.big-pro.halfbox .products .bottomProducts .Products-detail{ width: 50%} } @media screen and (max-width: 480px){ #video_4.fl{ clear: both; float: none; text-align: center} .ad_youku{width:360px; height:208px; margin: 0 auto; clear: both; } #campain_content .products_block .products .infoProducts .title{ font-size:12px;} #campain_content h2.font-2em6{font-size:24px;} #campain_content .autumn-big-box .infoProducts .title{ font-size: 12px;} .pic-block ul li{list-style: none;width: 25px;height: 25px;display: inline-block; margin:0 10px;border: 1px solid #999;} .pic-block ul li.overFlow {list-style: none; width: 25px; height: 25px;margin:0 10px; display: inline-block; } #campain_content .autumn-big-box .wp33{ width: 44%;} #campain_content .autumn-big-box .wp33.ml40{ margin-left: 10px;} .lilistbox .lilistboxp li span{ margin-right: 0;} #campain_content .autumn-big-box div.small-product .infoProducts .title{ font-size: 12px;} .small-product { min-height: 131px; padding:10px; float: right; } #campain_content .autumn-big-box .infoProducts .btn { background-color: #004b75; color: #fff; padding: 9px 25px; margin-top: 8px; } }