走出迷雾 / 为新年精选的经典款式
为了开启新的一年,我们为你带来了精选的Rains经典。从冬眠中醒来,重新迎接反复无常的潮湿天气。
/* Noto Sans SC */
@font-face {
font-family: 'Noto Sans SC';
font-weight: normal;
src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Light.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans SC';
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.otf) format('opentype');
}
/* EuropaGro */
@font-face {
font-family: 'EuropaGroNr2SH';
src: url('//theme.zdassets.com/theme_assets/9475716/40ea796319c5a6bf408b301f429f342ed7eda841.woff2') format('woff2'), url('//theme.zdassets.com/theme_assets/9475716/4fe855d120ac0f3976b155cc66edec926423cd67.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'EuropaGroNr2SH';
src: url('//theme.zdassets.com/theme_assets/9475716/db57293088a2482eefec1e7e41927fbe9dcd17a0.woff2') format('woff2'), url('//theme.zdassets.com/theme_assets/9475716/dc19800db3e3aa7d01fe278bb916c01acdfbbb75.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'EuropaGroNr2SB';
src: url('//theme.zdassets.com/theme_assets/9475716/920212440d2e4399e857599182542852d75c3bed.woff2') format('woff2'), url('//theme.zdassets.com/theme_assets/9475716/e648b54f0d7ebf79c065be83ccfeb59862a63e9a.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'EuropaGroNr2SB';
src: url('//theme.zdassets.com/theme_assets/9475716/9e333d0c3045d8ab6e726d0908ed8b0b472929c9.woff2') format('woff2'), url('//theme.zdassets.com/theme_assets/9475716/d79292ddc976c0ed61f867b1f8122183023cc694.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* Font */
body, p, .qfy_item_block .item_des {
color: #aaabac;
font-family: 'EuropaGroNr2SB','Noto Sans SC',arial,helvetica !important;
font-weight: normal;
font-size: 16px;
line-height: 1.2;
margin-bottom: 13px;
}
#main-nav > li > a, .iphorm-outer form {
font-family: 'EuropaGroNr2SH','Noto Sans SC',arial,helvetica !important;
font-weight: bold;
font-size: 16px;
}
#main-nav .sub-nav > li > a {
font-family: 'EuropaGroNr2SH','Noto Sans SC',arial,helvetica !important;
font-weight: normal;
font-size: 16px;
}
.footer-nav[style], #list_menu_level_ktmin .tabcontent-header-menu li.item a.active[style], #list_menu_level_ktmin .tabcontent-header-menu li.item a:hover[style] {
font-family: 'EuropaGroNr2SB','Noto Sans SC',arial,helvetica !important;
font-weight: normal !important;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6, .qfy_item_block .title {
font-family: 'EuropaGroNr2SH','Noto Sans SC',arial,helvetica !important;
font-weight: 700;
line-height: 1;
margin-bottom: 10px;
color:#000;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
.glass {
backdrop-filter: blur(12px);
--tw-backdrop-blur: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.qfy_item_block .title {font-size: 20px !important;}
.rainsedit {color:#ffc500 !important;}
ul.list-arrow,
.tab-content ul,
.tab-content ol {
padding-left: 1em;
text-indent: -1em;
list-style: none;
}
ul.list-arrow li:before,
.tab-content ul li:before,
.tab-content ol li:before {
content: '→';
margin-right: 5px;
}
blockquote, q {
quotes: none;
margin-left: 40px;
padding: 8px 0 8px 12px;
border-left: 1px solid #000000;
margin-bottom: 10px;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
ul {
list-style-type: disc;
margin-left:1.5em;
}
a, a:hover {color: #000000;}
/* mobile nav */
@media only screen and (max-width: 992px){
.dl-menu-fixedheader {
height: 55px;
}
}
.dl-menuwrapper .dl-container .dl-menu a {
font-family: 'EuropaGroNr2SH','Noto Sans SC',arial,helvetica !important;
font-weight: 700;
font-size: 16px;
}
.dl-menuwrapper ul.dl-submenu>li>a>span {
font-family: 'EuropaGroNr2SH','Noto Sans SC',arial,helvetica !important;
font-weight: normal !important;
font-size: 16px;
}
.dl-menu-open .dl-menuwrapper.leftbtnmenu.left li>a>span {line-height: 1.3;}
/* mobile secondary nav */
#bit_o3mhx {padding-left: 0px;}
#menu-footer-mobile li a {
padding-top: 5px;
padding-bottom: 5px;
}
#list_menu_vertical_ff8gt .list-content-inner ul.menu li > a > span[style], #list_menu_vertical_ff8gt .list-content-inner ul.sub-menu li > a > span[style] {
font-family: 'EuropaGroNr2SB','Noto Sans SC',arial,helvetica !important;
font-weight: normal !important;
}
/* blog next-prev */
.prenext_inner .action[style], .prenext_inner .text-overflow[style] {
font-family: 'EuropaGroNr2SB','Noto Sans SC',arial,helvetica !important;
font-weight: normal !important;
font-size: 16px;
}
/* Hover link underline */
a:hover {
text-decoration: underline !important;
}
#main-nav.bit-menu-default>li.act>a>span {
text-decoration: underline;
}
/* header */
#page.wide #footer .wf-wrap,
#page.boxed #footer .wf-wrap,
#page.wide #header .wf-table,
#page.boxed #header .wf-table,
#page #navigation.wf-wrap {
max-width: 1500px !important;
}
@media screen and (min-width: 992px)
body .wf-wrap .bitem.logo {line-height: 1;}
.logo-left #navigation {text-align: left;}
#main-nav {margin-left: 3em;}
.page-id-5370 #header, .page-id-5370 #main-nav.bit-menu-default .sub-nav li, .page-id-5370 #main-nav.bit-menu-default .sub-nav li:hover {background: transparent;}
.page-id-5370 .logospan .wf-mobile-hidden{-webkit-filter: brightness(200%) contrast(100%); filter: brightness(200%) contrast(100%);}
@media screen and (min-width:992px){
.bodyheader0 #header{position:fixed;}
#header .menu-item-20770 .sub-nav {width: 380px;}
#header .menu-item-20770 ul {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}
}
/* Hidden Class */
section.hp-hidden {
display: none;
}
@media screen and (max-width:760px){
.mobile-hidden {
display: none;
}
}
@media screen and (min-width:760px){
.desktop-hidden {
display: none;
}
}
/* Homepage */
.page-id-5370 .qfy-column-inner>.column_inner>.background-overlay:hover, .page-id-5370 .background-overlay.hover {
background-color:rgba(0,0,0,0.08) !important;
-webkit-transition: all 0.4s ease 0s !important;
-moz-transition: all 0.4s ease 0s !important;
-o-transition: all 0.4s ease 0s !important;
-ms-transition: all 0.4s ease 0s !important;
transition: all 0.4s ease 0s !important;
}
.hp-title {
font-family: 'EuropaGroNr2SH','Noto Sans SC',arial,helvetica !important;
font-weight: 700;
font-size:50px;
color:#fff;
}
.hp-title-large {
font-family: 'EuropaGroNr2SH','Noto Sans SC',arial,helvetica !important;
font-weight: 700;
font-size:60px;
color:#fff;
}
.hp-subtitle {
font-family: 'EuropaGroNr2SH','Noto Sans SC',arial,helvetica !important;
font-weight: 700;
font-size:24px;
color:#fff;
}
.hp-CTA {
font-family: 'EuropaGroNr2SB','Noto Sans SC',arial,helvetica !important;
align-items: center;
border-width: 1px;
cursor: pointer;
font-weight: 700;
height: 52px;
min-width: 220px;
justify-content: center;
padding-left: 1rem;
padding-right: 1rem;
text-transform: uppercase;
transition-duration: .2s;
}
a.button {
background: none;
border: 1px solid #ffffff;
color: #ffffff;
padding: 1rem 1.7rem;
min-width: 220px;
margin: 3rem 1rem 0 1rem;
text-align: center;
text-decoration: none;
display: inline-block;
font-weight: 700;
font-size:16px;
text-transform: uppercase;
}
a.button.hover,a.button:hover {
background: #ffffff;
color: #000000;
text-decoration: none !important;
-webkit-transition: all 0.4s ease 0s !important;
-moz-transition: all 0.4s ease 0s !important;
-o-transition: all 0.4s ease 0s !important;
-ms-transition: all 0.4s ease 0s !important;
transition: all 0.4s ease 0s !important;
}
.black a.button {
border: 1px solid #000000;
color: #000000;
}
.black a.button.hover {
background: #000000;
color: #ffffff;
}
.vcenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
}
@media screen and (max-width:760px){
.hp-title-large {font-size:40;}
.hp-title {font-size:30px;}
.hp-subtitle {font-size:18px;}
.hp-CTA, a.button {font-size:16px;}
}
/* journal */
.textwrap {
margin: 0 auto;
width:80%;
text-align:center;
}
.journal {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
text-align: justify;
-webkit-column-gap: 25px; /* Chrome, Safari, Opera */
-moz-column-gap: 25px; /* Firefox */
column-gap: 25px;
}
@media screen and (max-width: 480px){
.journal {
-webkit-column-count: 1 !important; /* Chrome, Safari, Opera */
-moz-column-count: 1 !important; /* Firefox */
column-count: 1 !important;
text-align: center !important;
}}
.img-right {
float: left;
width: 50%;
padding-left: 9px;
}
.img-left {
float: left;
width: 50%;
padding-right: 9px;
}
.journal-pagination {
color: #000000;
font-family: 'EuropaGroNr2SB','Noto Sans SC',arial,helvetica !important;
font-weight: normal !important;
font-size: 13px;
}
/* Image overlay caption on mobile */
@media only screen and (max-width: 992px){
.single_two_images .hoverclass {opacity: 1;}
}
@media screen and (max-width: 992px){
#page .qfe_row .advanced_list .item_container{padding-bottom:30px!important;}}
.project {
width: 96%;
margin: 0 auto;
text-align:left;
}
/* Lookbook Caption */
.page-id-10837 .Thumbnail_text, .page-id-12531 .Thumbnail_text , .page-id-18972 .Thumbnail_text, .lookbook .Thumbnail_text{position: relative;}
.Thumbnail_text {
color: #aaabac;
font-family: 'EuropaGroNr2SB','Noto Sans SC',arial,helvetica !important;
font-weight: normal !important;
font-size: 14px;
}
.lookbook_tab {margin-left: -42px;}
@media screen and (min-width: 760px){
.qfe_images_lib_isotope .gimg {max-height: 478px;}
}
@media screen and (max-width: 760px){
.qfe_images_lib_isotope .gimg {max-height: calc(50vw*1.5 + 5px);}
}
/*Thermal*/
.page-id-18972 #header, .page-id-18972 #main-nav.bit-menu-default .sub-nav li, .page-id-18972 #main-nav.bit-menu-default .sub-nav li:hover {background: transparent;}
.thermal-specification-block .qfe_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.white-header {color: #fff !important;}
.white-logo {
-webkit-filter: brightness(200%) contrast(100%);
filter: brightness(200%) contrast(100%);
}
.orange-header {color: #F17E37 !important;}
.orange-logo {
-webkit-filter: invert(40%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-30deg) saturate(400%) contrast(1);
filter: grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-30deg) saturate(600%) contrast(0.8);
}
@media (max-width: 767px) {
.thermal-specification-block .qfe_row > :nth-child(1) { order: 2; }
.thermal-specification-block .qfe_row > :nth-child(2) { order: 1; }
}
.page-id-5370, .page-id-18972 {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/* Retail Spotlight*/
.page-stores-list {
padding: 15px;
margin-bottom: 30px;
background: #eef1f4;
}
@media only screen and (max-width: 668px) {
.page-stores-list {
padding: calc(30px - 3%);
margin: 0 -6% 30px -6%;
}
}
.page-stores-list .selector select {
width: 100%;
}
@media only screen and (min-width: 669px) {
.page-stores-list .selector {
display: none;
}
.page-stores-list .list {
-moz-column-count: 4;
-moz-column-gap: 15px;
-webkit-column-count: 4;
-webkit-column-gap: 15px;
column-count: 4;
column-gap: 15px;
}
.page-stores-list .list .item {
list-style-position: inside;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
overflow: hidden;
}
}
.page-stores-list .item p {
margin: 0;
}
.page-stores-list .item ul {
list-style: none;
margin: 0 0 15px 0;
}
.page-stores-list .item ul li {
margin: 0;
}
.page-stores-header-left {
padding-left: 0px !important;
padding-right: 9px !important;
}
.page-stores-header-right {
padding-left: 9px !important;
padding-right: 0px !important;
}
select {
border: 1px solid#aaabac;
background: #ffffff url(//cdn.shopify.com/s/files/1/2995/7322/t/60/assets/arrow_dropdown.png?158140) 97% center no-repeat;
color: #aaabac;
font-size: 13px;
padding: 0 25px 0 5px;
height: 34px;
line-height: 34px;
outline: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
margin: 0;
box-sizing: border-box;
display: block;
margin-bottom: 20px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
/* Dealers Tab Mobile */
.accordion {
background-color: #fff;
color: #000000;
font-family: 'EuropaGroNr2SB','Noto Sans SC',arial,helvetica !important;
font-weight: normal;
font-size: 16px;
cursor: pointer;
padding: 10px 0;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
.active, .accordion:hover {
text-decoration: underline;
}
.panel {
padding: 15px 0 20px 0;
background-color: #fff;
display: none;
overflow: hidden;
}
/* Dealers Tab Desktop */
.tab {
float: left;
border: none;
background-color: #fff;
width: 30%;
max-width: 200px;
height: auto;
}
.tab button {
display: block;
background-color: inherit;
font-family: 'EuropaGroNr2SB','Noto Sans SC',arial,helvetica !important;
font-weight: 700;
font-size: 16px;
color: #000000;
padding: 5px 0;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
}
.tab button:hover {
text-decoration: underline;
}
.tab button.active {
text-decoration: underline;
}
.tabcontent {
float: left;
padding: 5px 12px;
border: none;
text-align: left;
width: 70%;
border-left: none;
height: auto;
overflow-y: auto;
}
@media screen and (max-width: 768px) {
.tabcontent-inner {overflow-x: hidden!important;}
}