×

注意!页面内容来自http://www.alibabanews.com/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> .reveal { border:none; } @media screen and (max-width: 640px){ .reveal { top: 20% !important; right: 0; bottom: auto; left: 0; width: 80%; max-width: none; height: 100%; min-height: auto; margin-left: auto; border: none; border-radius: 0; height: auto; } } #subscription-form-popup input:focus { border: 1px solid #FF6A00; } /* spacing */ #subscription-form-popup .email-container#subscription-form-popup .name-container { margin-bottom: 25px; } /* END spacing */ .email-container input.name-container input { border-color: #000; } .email-container label.name-container label { margin-bottom:7px; } .button.custom-2 { box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; border: 1px solid #cdcdcd; } .email-error { margin-bottom: 30px; } @media printscreen and (min-width: 641px){ .email-error { margin-bottom: 0; } } /* Custom Checkbox */ .survey .customCheckbox { margin-bottom: 15px; } .survey .small-12.medium-3:last-of-type .customCheckbox { margin-bottom: 30px; } @media printscreen and (min-width: 641px){ .survey .customCheckbox { margin-bottom: 25px; } .survey .small-12.medium-3:last-of-type .customCheckbox { margin-bottom: 50px; } } .customCheckbox { float: left; position: relative; width: 23px; height: 23px; background: transparent; border-radius: 0; border: 1px solid #000; box-shadow: inset 0px 1px 0px rgba(0000.1); margin-right: 10px; margin-bottom: 25px; overflow: hidden; } .customCheckbox input { opacity: 0; cursor: pointer; z-index: 5; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .customCheckbox span { display: none; text-align: center; line-height: 21px; font-size: 100%; color: #000; font-family: "Font Awesome 5 Free"; } .survey label { color: #666; } .customCheckbox.customCheckboxChecked span { display: block; text-align: center; line-height: 21px; font-size: 100%; color: #000; font-family: "Font Awesome 5 Free"; } /* END of checkbox */
訂閱阿里足跡
<> .reveal#submit-thank .blue-cell { padding: 20px 25px; background-color: #234383; } .reveal#submit-thank .blue-cell .title-image { width: 27px; margin-right: 20px; } .reveal#submit-thank .blue-cell .title-copy { vertical-align: middle; font-family: 'Work Sans'PingFangTC-RegularLiHei Pro'Hiragino Sans GB''SimHei''Microsoft JhengHei'STXiheisans-serif; font-size: 15px; line-height: 21px; color: #FFFFFF; letter-spacing: 2px; } .reveal { padding: 0; } .white-cell { padding: 20px 25px; }
訂閱阿里足跡

感謝你的訂閱!

<> .partials.homepage-hero .active-item .video-button { display: none !important; } .tm11gg { margin-top:30px } @media (max-width:768px) { .tm11gg { margin-top: 10px;} }
<> .partials.homepage-hero .active-item .wrapper #slick-dots .slick-dots { text-align: center; padding-right: 0; } @media screen and (min-width: 992px){ .partials.homepage-hero .active-item .wrapper #slick-dots .slick-dots { text-align: right; padding-right: 35px; } } .partials.homepage-hero .slick-dots li { display: inline-block; width: .7rem; height: .7rem; margin-left: 5px; text-align: center; } .partials.homepage-hero .slick-dots li button { background: #000; border-radius: 50px; border: 1px solid #fff; font-size: 0; width: 100%; height: 100%; outline: 0; } .partials.homepage-hero .slick-dots li.slick-active button { background: #fff; border-radius: 50px; border: 1px solid #fff; } @media screen and (max-width: 991px){ .partials.homepage-hero .vertical-carousel .item { height: 405px; } .partials.homepage-hero .active-item { height: 30px; } .partials.homepage-hero .active-item .wrapper { top: 0; bottom: auto; } .partials.homepage-hero .slick-dots li button { background: #fff; border: 1px solid #666666; } .partials.homepage-hero .slick-dots li.slick-active button { background: #666666; border: 1px solid #666666; } } .partials.homepage-hero .vertical-carousel .slick-prev { top: -1.5em; } .partials.homepage-hero .vertical-carousel .slick-next { bottom: -0.5em; } .partials.homepage-hero .active-item .overlay-3 { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-linear-gradient(90deg#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%); background: -webkit-gradient(linear50% 100%50% 0%color-stop(0#000)color-stop(0.055rgba(0,0,0,0.95))color-stop(1rgba(0,0,0,0))); background: -ms-linear-gradient(90deg#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000'endColorstr='#000000' ,GradientType=0)"; background: -webkit-gradient(linearleft bottomleft topfrom(#000)color-stop(5.5%rgba(0,0,0,0.95))to(rgba(0,0,0,0))); background: -webkit-linear-gradient(bottom#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%); background: linear-gradient(0deg#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000' GradientType=0); } .partials.homepage-hero .vertical-carousel .item:hover .background:after.partials.homepage-hero .vertical-carousel .item.hover-active .background:after { background: -webkit-linear-gradient(linear#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%); background: -webkit-gradient(linear50% 100%50% 0%color-stop(0#000)color-stop(0.055rgba(0,0,0,0.95))color-stop(1rgba(0,0,0,0))); background: -ms-linear-gradient(linear#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000'endColorstr='#000000' ,GradientType=0)"; background: -webkit-gradient(linearleft bottomleft topfrom(#000)color-stop(5.5%rgba(0,0,0,0.95))to(rgba(0,0,0,0))); background: -webkit-linear-gradient(bottom#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%); background: linear-gradient(0deg#000 0%rgba(0,0,0,0.95) 5.5%rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000' GradientType=0); } @media printscreen and (min-width: 992px){ .partials.homepage-hero .vertical-carousel .item:hover .background:after { background: -webkit-linear-gradient(90deg#000 0%rgba(20,8,0,0.99) 3.7%rgba(75,31,0,0.94) 14.56%rgba(123,51,0,0.9) 25.81%rgba(164,68,0,0.85) 37.21%rgba(197,82,0,0.8) 48.81%rgba(222,92,0,0.76) 60.66%rgba(241,100,0,0.71) 72.87%rgba(251,105,0,0.66) 85.67%rgba(255,106,0,0.6) 100%); background: -webkit-gradient(linear50% 100%50% 0%color-stop(0#000)color-stop(0.037rgba(20,8,0,0.99))color-stop(0.1456rgba(75,31,0,0.94))color-stop(0.2581rgba(123,51,0,0.9))color-stop(0.3721rgba(164,68,0,0.85))color-stop(0.4881rgba(197,82,0,0.8))color-stop(0.6066rgba(222,92,0,0.76))color-stop(0.7287rgba(241,100,0,0.71))color-stop(0.8567rgba(251,105,0,0.66))color-stop(1rgba(255,106,0,0.6))); background: -ms-linear-gradient(90deg#000 0%rgba(20,8,0,0.99) 3.7%rgba(75,31,0,0.94) 14.56%rgba(123,51,0,0.9) 25.81%rgba(164,68,0,0.85) 37.21%rgba(197,82,0,0.8) 48.81%rgba(222,92,0,0.76) 60.66%rgba(241,100,0,0.71) 72.87%rgba(251,105,0,0.66) 85.67%rgba(255,106,0,0.6) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000'endColorstr='#FF6A00' ,GradientType=0)"; background: -webkit-gradient(linearleft bottomleft topfrom(#000)color-stop(3.7%rgba(20,8,0,0.99))color-stop(14.56%rgba(75,31,0,0.94))color-stop(25.81%rgba(123,51,0,0.9))color-stop(37.21%rgba(164,68,0,0.85))color-stop(48.81%rgba(197,82,0,0.8))color-stop(60.66%rgba(222,92,0,0.76))color-stop(72.87%rgba(241,100,0,0.71))color-stop(85.67%rgba(251,105,0,0.66))to(rgba(255,106,0,0.6))); background: -webkit-linear-gradient(bottom#000 0%rgba(20,8,0,0.99) 3.7%rgba(75,31,0,0.94) 14.56%rgba(123,51,0,0.9) 25.81%rgba(164,68,0,0.85) 37.21%rgba(197,82,0,0.8) 48.81%rgba(222,92,0,0.76) 60.66%rgba(241,100,0,0.71) 72.87%rgba(251,105,0,0.66) 85.67%rgba(255,106,0,0.6) 100%); background: linear-gradient(0deg#000 0%rgba(20,8,0,0.99) 3.7%rgba(75,31,0,0.94) 14.56%rgba(123,51,0,0.9) 25.81%rgba(164,68,0,0.85) 37.21%rgba(197,82,0,0.8) 48.81%rgba(222,92,0,0.76) 60.66%rgba(241,100,0,0.71) 72.87%rgba(251,105,0,0.66) 85.67%rgba(255,106,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6A00',endColorstr='#000000' GradientType=0); } } .partials.homepage-hero .active-item .background:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: none !important; } .bc-player-SJGy9Zzob_default .v-big-play-button { top: 50%; left: 50%; margin-left: -1em; margin-top: -1em; width: 2em; height: 2em; line-height: 2em; border: none; border-radius: 50%; font-size: 2em; background-color: #FF6A00; color: #fff; -webkit-transition: border-color .4s,outline .4s,background-color .4s; -moz-transition: border-color .4s,outline .4s,background-color .4s; -ms-transition: border-color .4s,outline .4s,background-color .4s; -o-transition: border-color .4s,outline .4s,background-color .4s; transition: border-color .4s,outline .4s,background-color .4s; } .partials.homepage-hero .active-item .wrapper #slick-dots .slick-dots { line-height: 0; } @media screen and (max-width: 640px){ div[class*="homepage-"] .title { line-height: 22px !important; font-family: 'Work Sans'PingFangTC-RegularLiHei Pro'Hiragino Sans GB''SimHei''Microsoft JhengHei'STXiheisans-serif; letter-spacing: 0.5px !important; font-size: 16px !important; } } div[class*="homepage-"] a.title:hover { color:#FF7300 !important; } .partials.homepage-hero .vertical-carousel .item .text .description { display: block; } /* spacing */ .partials.homepage-hero .vertical-carousel .item .text .grid-x .cell:first-of-type.partials.homepage-hero .active-item .wrapper .text .grid-x .cell:first-of-type { margin-bottom: 2px; } .partials.homepage-hero { padding-top: 15px; padding-bottom: 0; margin-bottom: 30px; } @media screen and (min-width: 640px){ .partials.homepage-hero { padding-top: 20px; padding-bottom: 0; } } @media screen and (min-width: 992px){ .partials.homepage-hero { padding-top: 50px; padding-bottom: 0; margin-bottom: 50px; } } .title-bar { margin-bottom: 15px; } @media screen and (min-width: 640px){ .title-bar { margin-bottom: 20px; } } .thumbnail { margin-bottom: 15px !important; } @media screen and (min-width: 640px){ .thumbnail { margin-bottom: 25px !important; } } .text { padding-top: 0 !important; } @media screen and (min-width: 992px){ .text { padding-top: 20px !important; } } .partials.homepage-hero .description.show-for-medium-only { padding-top: 15px; } /* END of spacing */
<> .partials.homepage-latest .posts-grid .text .title { font-weight: bold; } @media screen and (max-width: 640px){ } .partials.homepage-latest .posts-grid { padding-top: 50px; background: #234383 !important; /* background-image: url(https://via.placeholder.com/150x1000/234383/234383);*/ } /* spacing */ .partials.homepage-latest .posts-grid .text .grid-x .cell:first-of-type { margin-bottom: 2px; } @media screen and (min-width: 640px){ .partials.homepage-latest .posts-grid { background-position: 0 50px; } } @media screen and (min-width: 991px){ .partials.homepage-latest .posts-grid { background-position: 0 100px; } } .homepage-latest.partials .posts-grid { padding-top: 50px; } @media screen and (min-width: 640px){ .homepage-latest.partials .posts-grid { padding-top: 50px; } } .homepage-latest.partials .title { margin-bottom: 30px !important; } @media screen and (min-width: 640px){ .homepage-latest.partials .title { margin-bottom: 20px !important; } } div[class*="homepage-"].partials .title-bar { margin-bottom: 15px; } @media screen and (min-width: 992px){ div[class*="homepage-"].partials .title-bar { margin-bottom: 20px; } } /* END spacing */ <> .partials.homepage-video .title { font-weight: bold; } @media screen and (max-width: 640px){ .partials.homepage-video .carousel-item .thumbnail { margin-right: 0; } } @media screen and (min-width: 641px){ .partials.homepage-video .carousel-item:last-of-type { padding-bottom: 0; margin-bottom: 0; } } .partials.homepage-video .carousel-item .text:hover { color: inherit; } .partials.homepage-video .carousel-item .text .title:hover { color: #FF7300; cursor: pointer; } /* spacing */ .homepage-video.partials { margin-bottom: 10px; } @media screen and (min-width: 640px){ .homepage-video.partials { margin-bottom: 50px; } } .partials.homepage-video .video-carousel .active-item .text .grid-x .cell:first-of-type { margin-bottom: 2px; } .partials.homepage-video .carousel-item .text .grid-x .cell:first-of-type { margin-bottom: 2px; } @media screen and (min-width: 641px){ .homepage-video.partials .active-item .description { margin-bottom:30px; } } @media screen and (min-width: 992px){ .homepage-video.partials .active-item .title { } .homepage-video.partials .active-item .description { margin-bottom:0; } } .homepage-video.partials .title { margin-bottom: 30px !important; } @media screen and (min-width: 640px){ .homepage-video.partials .title { margin-bottom: 15px !important; } } @media screen and (min-width: 992px){ .homepage-video.partials .title { margin-bottom: 20px !important; } } .homepage-video.partials .carousel-item { margin-bottom: 0; padding: 0; } @media screen and (min-width: 640px){ .homepage-video.partials .carousel-item { margin-bottom: 20px; padding: 20px 0 ; } } @media screen and (min-width: 992px){ .homepage-video.partials .carousel-item { padding: 0; } } .partials.homepage-video .text { padding-top: 0 !important; } /* END spacing */ .partials.homepage-video .carousel-item { border-bottom: none; } @media screen and (min-width: 640px){ .partials.homepage-video .carousel-item { border-bottom: 1px solid #AAB9C1; } } @media printscreen and (min-width: 991px){ .homepage-video.partials .grid-margin-x>.cell { margin-left: 20px; margin-right: 20px; width: calc(50% - 40px); } } @media printscreen and (min-width: 1200px){ .homepage-video.partials .grid-margin-x>.cell { margin-left: 25px; margin-right: 25px; width: calc(50% - 50px); } } @media printscreen and (min-width: 641px){ .homepage-video.partials .carousel-item .thumbnail.relative { max-width: 200px; margin-right: 0; margin-bottom: 20px !important; } .homepage-video.partials .carousel-item .auto.cell { margin-left: 25px; } } @media printscreen and (min-width: 1200px){ .homepage-video.partials .carousel-item .thumbnail.relative { max-width: 220px; } } <> .partials.homepage-subscription .title { font-weight: bold; } .partials.homepage-subscription .title-bar .blue-cell { padding: 16px 25px; text-align: center; } .button.custom-1 { padding: .4em 1.367em; box-shadow: 2px 2px 2px rgba(0000.35); } .button.custom-1:hover { padding: .4em 1.367em; box-shadow: 2px 2px 5px rgba(0000.35); background-color: #FF7300; } @media screen and (max-width: 640px){ .partials.homepage-subscription { background-color: #fff; } }
立即訂閱
登記
立即訂閱
<> .homepage-story.partials .title { font-weight: bold; } /* spacing */ .partials.homepage-story .text .grid-x .cell:first-of-type { margin-bottom: 2px; } /* END spacing */
<> .partials.homepage-aliview .title { font-weight: bold; } .social-feed-button a:hover{ background-color: #234383; } .social-feed { overflow: hidden; padding: 15px; background-color: #234383; } @media screen and (max-width: 640px){ .social-feed-button{ /* padding-left: 15px; padding-right: 15px;*/ padding-left: 0; padding-right: 0; } .partials.homepage-aliview .title-bar .read-more a:first-child:after { content: ''; margin-left: 0; color: #FF6A00; } .social-feed { overflow: hidden; /* margin-left: 15px; margin-right: 15px;*/ margin-left: 0; margin-right: 0; padding: 15px 20px; background-color: #234383; } } /*--spacing--*/ .homepage-aliview.partials .thumbnail { margin-bottom: 0; } .partials.homepage-aliview .post .text .grid-x .cell:first-of-type { margin-bottom: 2px; } .partials.homepage-aliview .post { margin-bottom: 0; } @media screen and (min-width: 640px){ .partials.homepage-aliview .post { margin-bottom: 30px; } } /* END of spacing */ .partials.homepage-aliview .post { border-bottom: 1px solid #AAB9C1; margin-right: 0; } .partials.homepage-aliview .post { border-bottom: none; } .partials.homepage-aliview .post .text { border-bottom: none; padding-top: 20px; } @media screen and (min-width: 641px){ .partials.homepage-aliview .post { border-bottom: 1px solid #AAB9C1; margin-right: 25px; } } @media screen and (min-width: 992px){ .partials.homepage-aliview .post { border-bottom: none; margin-right: 0; } .partials.homepage-aliview .post .text { border-bottom: 1px solid #AAB9C1; padding-top: 0; } } .homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-5.cell { padding-right: 0; } @media screen and (min-width: 641px){ .homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-5.cell { padding-right: 10px; } } .homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-7.cell { padding-left: 10px; padding-right: 10px; } .homepage-aliview.partials .grid-x .small-12.medium-3.cell { padding-left: 0; } .partials.homepage-aliview .post .text { padding-bottom: 0; } @media screen and (min-width: 640px){ .partials.homepage-aliview .post .text { padding-bottom: 25px; } } @media screen and (min-width: 992px){ .homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-5.cell { padding-right: 17.5px; } .homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-7.cell { padding-left: 17.5px; padding-right: 17.5px; } .homepage-aliview.partials .grid-x .small-12.medium-3.cell { padding-left: 17.5px; } .partials.homepage-aliview .post .text { padding-bottom: 25px; } } @media screen and (min-width: 1199px){ .homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-5.cell { padding-right: 25px; } .homepage-aliview.partials .grid-x .post .grid-x .small-12.medium-7.cell { padding-left: 25px; padding-right: 25px; } .homepage-aliview.partials .grid-x .small-12.medium-3.cell { padding-left: 25px; } .partials.homepage-aliview .post .text { padding-bottom: 0; } }
<> .social-feed { height: 160px; } .fb-page { width: 100%; max-width: 260px; max-height: 130px; overflow: hidden; } .fb-page.fb_iframe_widget_fluid { display: block !important; } @media screen and (min-width: 640px){ .social-feed { height: 446px; } .fb-page { width: 100%; max-width: 100%; max-height: 440px; overflow: visible; } } .fb-page>span { min-height: 420px; width: 100% !important; max-width: 100% !important; } .fb-page iframe { width: 100% !important; min-height: 420px; /*height: 300px;*/ } ._2p3a { width:100% !important; } .uiScaledImageContainer.scaledImageFitWidth { width:100% !important; max-width:100% !important; } /* spacing */ .partials.homepage-aliview { padding-top: 30px; padding-bottom: 40px; background-color: #E5E7E9; } @media screen and (min-width: 992px){ .partials.homepage-aliview { padding-top: 50px; padding-bottom: 100px; background-color: #E5E7E9; margin-bottom:0; } }
社交互動
<> .partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev { z-index: 2; } .slick-arrow { cursor: pointer; } @media screen and (max-width: 991px){ .partials.homepage-media .media-carousel .wrapper .slick-arrow { padding: 10px; background: #fff; border-radius: 50px; box-shadow: rgba(0000.25) 0px 4px 3px; } .partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev { left: -20px; } .partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-next { right: -20px; } } @media screen and (min-width: 992px){ .partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev { left: -30px; } .partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-next { right: -30px; } } @media screen and (min-width: 1200px){ .partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev { left: -40px; } .partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-next { right: -40px; } } @media screen and (max-width: 640px){ .partials.homepage-media .wrapper.slick-initialized.slick-slider { padding-left: 15px; padding-right: 15px; } .partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-prev { left: -5px; } .partials.homepage-media .media-carousel .wrapper .slick-arrow.slick-next { right: -5px; } } .partials.homepage-media .media-carousel .wrapper .item .text .title{ margin-bottom:0; font-weight: bold; }
<> #top { padding-bottom: 10px; bottom: 0; right: 0; padding-top: 10px; padding-right: 12px; width: 55px; height: 50px; z-index: 1; float: right; clear: both; /* width: 100% !important;*/ } .top-container { height: 50px; float: left; width: 100%; clear: both; margin-top: -50px; } .homepage .top-container { height: 50px; float: none; width: 100%; clear: both; margin-top: 0; } #top .fa.fa-circle.fa-stack-2x { box-shadow: 2px 2px 2px rgba(0000.35); } #top .fa.fa-circle.fa-stack-2x:hover { box-shadow: 2px 2px 5px rgba(0000.35); } <> .partials.footer .menu li a:before { font-family: 'Work Sans'PingFangTC-RegularLiHei Pro'Hiragino Sans GB''Microsoft JhengHei'STXiheisans-serif; font-size: 15px; font-weight: bold; line-height: 15px; color: #FF6A00; content: "/"; position: absolute; left: 0; height: 1em; } .partials.footer .menu li a.no-before:before { content: "" !important; } .partials.footer .menu li a:after { content: "" !important; } .partials.footer .menu li a { padding-left: 12px; padding-right: 8px; }