init
This commit is contained in:
606
public/frontend/m_weben/css/subject/brand.css
Executable file
606
public/frontend/m_weben/css/subject/brand.css
Executable file
@@ -0,0 +1,606 @@
|
||||
.swiper-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.swiper-wrapper {
|
||||
position: relative;
|
||||
width: 90%;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
transition-property: transform;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.swiper-container-android .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
transform: translate3d(0px, 0, 0);
|
||||
}
|
||||
.swiper-container-multirow > .swiper-wrapper {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.swiper-container-multirow-column > .swiper-wrapper {
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
}
|
||||
.swiper-container-free-mode > .swiper-wrapper {
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.swiper-container-pointer-events {
|
||||
touch-action: pan-y;
|
||||
}
|
||||
.swiper-container-pointer-events.swiper-container-vertical {
|
||||
touch-action: pan-x;
|
||||
}
|
||||
.swiper-slide {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
transition-property: transform;
|
||||
}
|
||||
.swiper-slide-invisible-blank {
|
||||
visibility: hidden;
|
||||
}
|
||||
.swiper-container-autoheight,
|
||||
.swiper-container-autoheight .swiper-slide {
|
||||
height: auto;
|
||||
}
|
||||
.swiper-container-autoheight .swiper-wrapper {
|
||||
align-items: flex-start;
|
||||
transition-property: transform, height;
|
||||
}
|
||||
.swiper-container-3d {
|
||||
perspective: 1200px;
|
||||
}
|
||||
.swiper-container-3d .swiper-cube-shadow,
|
||||
.swiper-container-3d .swiper-slide,
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-container-3d .swiper-slide-shadow-left,
|
||||
.swiper-container-3d .swiper-slide-shadow-right,
|
||||
.swiper-container-3d .swiper-slide-shadow-top,
|
||||
.swiper-container-3d .swiper-wrapper {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-container-3d .swiper-slide-shadow-left,
|
||||
.swiper-container-3d .swiper-slide-shadow-right,
|
||||
.swiper-container-3d .swiper-slide-shadow-top {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-left {
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-right {
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-top {
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start;
|
||||
}
|
||||
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory;
|
||||
}
|
||||
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory;
|
||||
}
|
||||
:root {
|
||||
--swiper-navigation-size: 44px;
|
||||
}
|
||||
.swiper-button-next,
|
||||
.swiper-button-prev {
|
||||
position: absolute;
|
||||
top: 55%;
|
||||
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||
height: var(--swiper-navigation-size);
|
||||
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--swiper-navigation-color, var(--swiper-theme-color));
|
||||
}
|
||||
.swiper-button-next.swiper-button-disabled,
|
||||
.swiper-button-prev.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-button-next:after,
|
||||
.swiper-button-prev:after {
|
||||
font-family: swiper-icons;
|
||||
font-size: var(--swiper-navigation-size);
|
||||
text-transform: none !important;
|
||||
letter-spacing: 0;
|
||||
text-transform: none;
|
||||
font-variant: initial;
|
||||
line-height: 1;
|
||||
}
|
||||
.swiper-button-prev,
|
||||
.swiper-container-rtl .swiper-button-next {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.swiper-button-prev:after,
|
||||
.swiper-container-rtl .swiper-button-next:after {
|
||||
}
|
||||
.swiper-button-next,
|
||||
.swiper-container-rtl .swiper-button-prev {
|
||||
right: -5px;
|
||||
left: auto;
|
||||
}
|
||||
.swiper-button-next:after,
|
||||
.swiper-container-rtl .swiper-button-prev:after {
|
||||
}
|
||||
.swiper-button-next.swiper-button-white,
|
||||
.swiper-button-prev.swiper-button-white {
|
||||
--swiper-navigation-color: #ffffff;
|
||||
}
|
||||
.swiper-button-next.swiper-button-black,
|
||||
.swiper-button-prev.swiper-button-black {
|
||||
--swiper-navigation-color: #000000;
|
||||
}
|
||||
.swiper-button-lock {
|
||||
display: none;
|
||||
}
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
transition: 0.3s opacity;
|
||||
transform: translate3d(0, 0, 0);
|
||||
z-index: 10;
|
||||
}
|
||||
.swiper-pagination.swiper-pagination-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets,
|
||||
.swiper-pagination-custom,
|
||||
.swiper-pagination-fraction {
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic {
|
||||
overflow: hidden;
|
||||
font-size: 0;
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transform: scale(0.33);
|
||||
position: relative;
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
|
||||
transform: scale(1);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
||||
transform: scale(1);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
.swiper-pagination-bullet {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
background: #000;
|
||||
opacity: 0.2;
|
||||
}
|
||||
button.swiper-pagination-bullet {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||||
cursor: pointer;
|
||||
}
|
||||
.swiper-pagination-bullet-active {
|
||||
opacity: 1;
|
||||
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets {
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 6px 0;
|
||||
display: block;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 8px;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
display: inline-block;
|
||||
transition: 0.2s transform, 0.2s top;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0 4px;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transition: 0.2s transform, 0.2s left;
|
||||
}
|
||||
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transition: 0.2s transform, 0.2s right;
|
||||
}
|
||||
.swiper-pagination-progressbar {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
position: absolute;
|
||||
}
|
||||
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: scale(0);
|
||||
transform-origin: left top;
|
||||
}
|
||||
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||
transform-origin: right top;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-progressbar,
|
||||
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
|
||||
.swiper-container-vertical > .swiper-pagination-progressbar {
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-pagination-white {
|
||||
--swiper-pagination-color: #ffffff;
|
||||
}
|
||||
.swiper-pagination-black {
|
||||
--swiper-pagination-color: #000000;
|
||||
}
|
||||
.swiper-pagination-lock {
|
||||
display: none;
|
||||
}
|
||||
.swiper-scrollbar {
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
-ms-touch-action: none;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-scrollbar {
|
||||
position: absolute;
|
||||
left: 1%;
|
||||
bottom: 3px;
|
||||
z-index: 50;
|
||||
height: 5px;
|
||||
width: 98%;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-scrollbar {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 1%;
|
||||
z-index: 50;
|
||||
width: 5px;
|
||||
height: 98%;
|
||||
}
|
||||
.swiper-scrollbar-drag {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 10px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-scrollbar-cursor-drag {
|
||||
cursor: move;
|
||||
}
|
||||
.swiper-scrollbar-lock {
|
||||
display: none;
|
||||
}
|
||||
.swiper-zoom-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.swiper-zoom-container > canvas,
|
||||
.swiper-zoom-container > img,
|
||||
.swiper-zoom-container > svg {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.swiper-slide-zoomed {
|
||||
cursor: move;
|
||||
}
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
transform-origin: 50%;
|
||||
animation: swiper-preloader-spin 1s infinite linear;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent;
|
||||
}
|
||||
.swiper-lazy-preloader-white {
|
||||
--swiper-preloader-color: #fff;
|
||||
}
|
||||
.swiper-lazy-preloader-black {
|
||||
--swiper-preloader-color: #000;
|
||||
}
|
||||
@keyframes swiper-preloader-spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.swiper-container .swiper-notification {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
z-index: -1000;
|
||||
}
|
||||
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide {
|
||||
pointer-events: none;
|
||||
transition-property: opacity;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide-active,
|
||||
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.swiper-container-cube {
|
||||
overflow: visible;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1;
|
||||
visibility: hidden;
|
||||
transform-origin: 0 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-cube.swiper-container-rtl .swiper-slide {
|
||||
transform-origin: 100% 0;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-active,
|
||||
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-active,
|
||||
.swiper-container-cube .swiper-slide-next,
|
||||
.swiper-container-cube .swiper-slide-next + .swiper-slide,
|
||||
.swiper-container-cube .swiper-slide-prev {
|
||||
pointer-events: auto;
|
||||
visibility: visible;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-shadow-bottom,
|
||||
.swiper-container-cube .swiper-slide-shadow-left,
|
||||
.swiper-container-cube .swiper-slide-shadow-right,
|
||||
.swiper-container-cube .swiper-slide-shadow-top {
|
||||
z-index: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.swiper-container-cube .swiper-cube-shadow {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0.6;
|
||||
z-index: 0;
|
||||
}
|
||||
.swiper-container-cube .swiper-cube-shadow:before {
|
||||
content: '';
|
||||
background: #000;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
filter: blur(50px);
|
||||
}
|
||||
.swiper-container-flip {
|
||||
overflow: visible;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide-active,
|
||||
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide-shadow-bottom,
|
||||
.swiper-container-flip .swiper-slide-shadow-left,
|
||||
.swiper-container-flip .swiper-slide-shadow-right,
|
||||
.swiper-container-flip .swiper-slide-shadow-top {
|
||||
z-index: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.gallery-thumbs {
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
box-sizing: border-box;
|
||||
width: 90%;
|
||||
border-bottom: 1px solid #d4d4d4;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.gallery-thumbs .swiper-slide {
|
||||
width: 4.2rem !important;
|
||||
height: 90%;
|
||||
margin-right: 0 !important;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
font-size: 1rem;
|
||||
color: #707070;
|
||||
font-family: 'Montserrat-Medium';
|
||||
}
|
||||
.gallery-thumbs .swiper-slide-thumb-active {
|
||||
border-bottom: 3px solid #004bfa;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
opacity: 1;
|
||||
color: #004bfa;
|
||||
}
|
||||
.nav {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
.gallery-top {
|
||||
width: 84%;
|
||||
background: #fff;
|
||||
border-radius: 1rem;
|
||||
-webkit-border-radius: 1rem;
|
||||
-moz-border-radius: 1rem;
|
||||
-ms-border-radius: 1rem;
|
||||
-o-border-radius: 1rem;
|
||||
}
|
||||
.info {
|
||||
text-align: left;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.info h5 {
|
||||
font-size: #000;
|
||||
font-size: 1rem;
|
||||
font-family: 'Montserrat-Bold';
|
||||
padding: 2rem 2rem 0 1rem;
|
||||
margin: 0;
|
||||
}
|
||||
.info p {
|
||||
color: #707070;
|
||||
font-family: 'Montserrat-Regular';
|
||||
padding: 1rem;
|
||||
}
|
||||
.m_ach-b {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.m_ach-b .title {
|
||||
font-size: 1.125rem;
|
||||
font-family: 'Montserrat-Bold';
|
||||
width: 98%;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
padding: 2rem 0 1.5rem;
|
||||
}
|
||||
.m_ach-b .chtitle {
|
||||
font-size: 1.125rem;
|
||||
font-family: 'Montserrat-Bold';
|
||||
width: 98%;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
padding: 1rem 0 1.5rem;
|
||||
}
|
||||
|
||||
/*ach*/
|
||||
.m_ch {
|
||||
width: 90%;
|
||||
margin: 1.5rem auto 0;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
.m_ch-title {
|
||||
font-size: 1rem;
|
||||
font-family: 'Montserrat-Bold';
|
||||
width: 98%;
|
||||
margin: 1rem auto 0;
|
||||
padding: 1rem 0 0;
|
||||
}
|
||||
.m_ch-con {
|
||||
font-size: 0.875;
|
||||
line-height: 1.5rem;
|
||||
color: #707070;
|
||||
font-family: 'Montserrat-Regular';
|
||||
width: 98%;
|
||||
margin: 1rem auto;
|
||||
padding: 0;
|
||||
}
|
||||
.ach-bg {
|
||||
background: #f8f8f8;
|
||||
width: 80%;
|
||||
margin: 0 auto 1rem;
|
||||
padding: 2rem;
|
||||
border-radius: 1rem;
|
||||
-webkit-border-radius: 1rem;
|
||||
-moz-border-radius: 1rem;
|
||||
-ms-border-radius: 1rem;
|
||||
-o-border-radius: 1rem;
|
||||
}
|
||||
5
public/frontend/m_weben/css/subject/charger.css
Executable file
5
public/frontend/m_weben/css/subject/charger.css
Executable file
@@ -0,0 +1,5 @@
|
||||
.charger {position: absolute; width:60%; left:1.6rem;}
|
||||
.charger_banner{top:6.2rem;}
|
||||
.charger_06{top:7.2rem;}
|
||||
.charger_07{top:6.2rem;}
|
||||
|
||||
158
public/frontend/m_weben/css/subject/contact.css
Executable file
158
public/frontend/m_weben/css/subject/contact.css
Executable file
@@ -0,0 +1,158 @@
|
||||
/*新增*/
|
||||
.banner {
|
||||
position: relative;
|
||||
}
|
||||
.banner_title {
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 1.5rem;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -0.75rem;
|
||||
color: #fff;
|
||||
z-index: 9;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.content {
|
||||
background-color: #fff;
|
||||
margin-top: 0.75rem;
|
||||
padding: 2rem 1.25rem;
|
||||
color: #000;
|
||||
}
|
||||
.title {
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 1rem;
|
||||
}
|
||||
.info {
|
||||
padding-top: 2.125rem;
|
||||
padding-bottom: 2rem;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.info .left {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.info .left img {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.info .right .des {
|
||||
font-family: 'Montserrat-Regular';
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.info_title {
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
margin-bottom: 0.22rem;
|
||||
}
|
||||
.m-t-20 {
|
||||
margin-top: 1.11rem;
|
||||
}
|
||||
.question {
|
||||
margin-top: 1.11rem;
|
||||
}
|
||||
.question .title {
|
||||
margin-top: 0.5rem;
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.question .des {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.question .des input {
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
width: calc(100% - 2rem);
|
||||
width: -webkit-calc(100% - 2rem);
|
||||
width: -moz-calc(100% - 2rem);
|
||||
}
|
||||
.question .des textarea {
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
width: calc(100% - 2rem);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.send {
|
||||
display: inline-block;
|
||||
background-color: #004bfa;
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 0.875rem;
|
||||
padding: 0.75rem 1.5rem;
|
||||
color: #fff;
|
||||
border-radius: 1.25rem;
|
||||
}
|
||||
.red {
|
||||
color: #ee2f53;
|
||||
}
|
||||
.contact_b {
|
||||
font-family: 'Montserrat-SemiBold';
|
||||
font-size: 1rem;
|
||||
padding-top: 1.125rem;
|
||||
padding-bottom: 1.125rem;
|
||||
color: #004bfa;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
margin-top: 0.67rem;
|
||||
}
|
||||
.contact_b a {
|
||||
color: #004bfa;
|
||||
}
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
input::-webkit-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
|
||||
input:-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
|
||||
input::-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
textarea::-webkit-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
|
||||
textarea:-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
|
||||
textarea::-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
|
||||
textarea:-ms-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Regular';
|
||||
}
|
||||
27
public/frontend/m_weben/css/subject/decennial.css
Executable file
27
public/frontend/m_weben/css/subject/decennial.css
Executable file
@@ -0,0 +1,27 @@
|
||||
.ten_title{font-size: 3.125em; padding-top:4.8vw; padding-bottom: 3.5vw;}
|
||||
.ten_subtitle{font-size: 2.375em; padding-bottom: 1.2vw;}
|
||||
.ten_des{width:54%; margin:auto; font-size: 1.125em; line-height: 1.5em;}
|
||||
@media screen and (max-width:1440px){
|
||||
.ten_title{font-size: 2.5em; line-height: 1.25em;}
|
||||
.ten_subtitle{font-size:1.875em; line-height: 1em;}
|
||||
.ten_des{width:64%;}
|
||||
}
|
||||
@media screen and (max-width:1080px){
|
||||
.ten_des{width:84%;}
|
||||
}
|
||||
.ten_02_bg{overflow: hidden; background:#f7fbfe url("../../images/decennial/ten_02_bg.jpg") 100% 100% no-repeat;}
|
||||
.ten_02{width:100%; }
|
||||
|
||||
.ten_three{padding-top:3.5vw; padding-bottom: 3vw; width:100%; background:url("../../images/decennial/ten03_bg.jpg") 100% 100% no-repeat;}
|
||||
.ten_four{width:98%; left:1%; right:1%; top:1.8vw; overflow: hidden;}
|
||||
.ten_four li{width:14.2857142857143%; float:left; padding: 0.5rem 0; }
|
||||
.ten_six{width:100%; margin-top:1.5vw; overflow: hidden;}
|
||||
.ten_six li{width:32.84%; margin-right: 0.74%; float: left;}
|
||||
.ten_six li:last-child{margin-right: 0;}
|
||||
.ten_four_line{widht:100%; background-color:#e5e5e5; height: 1px; margin-top:1vw; }
|
||||
|
||||
.ten_video{width:58.15%; margin:1.5vw auto 0;}
|
||||
.ten_bg {background: #f7fbfe;}
|
||||
.ten_pa_30 {padding-top: 0.84rem;padding-bottom: 0.84rem;}
|
||||
.ten_pa_20 {padding-right: 0.5rem;padding-left: 0.5rem;}
|
||||
|
||||
340
public/frontend/m_weben/css/subject/distributor.css
Executable file
340
public/frontend/m_weben/css/subject/distributor.css
Executable file
@@ -0,0 +1,340 @@
|
||||
/*第二屏*/
|
||||
.distributor_02 {
|
||||
width: 17rem;
|
||||
padding: 2rem 0;
|
||||
}
|
||||
.distributor_02 img {
|
||||
width: 1.34rem;
|
||||
height: 0.107rem;
|
||||
}
|
||||
.distributor_02 .content {
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding: 0.525rem;
|
||||
}
|
||||
.distributor_02 .content:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.distributor_02 span {
|
||||
letter-spacing: -0.01rem;
|
||||
}
|
||||
.distributor_02 .text_22 {
|
||||
line-height: 1.2rem;
|
||||
padding: 10px 0;
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.bg_blue {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
.position-r {
|
||||
position: relative;
|
||||
}
|
||||
.position-a {
|
||||
position: absolute;
|
||||
bottom: 30%;
|
||||
font-size: 0.8rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.distributor_Attract .des_text {
|
||||
color: #1e1e1e;
|
||||
font-size: 1.875em;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
margin: 9% auto 0;
|
||||
line-height: 1.3em;
|
||||
height: 3.9em;
|
||||
}
|
||||
/*第三屏*/
|
||||
.distributor_03 {
|
||||
width: 100%;
|
||||
}
|
||||
.distributor_03 ul {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
.distributor_03 li {
|
||||
width: 47%;
|
||||
float: left;
|
||||
}
|
||||
.distributor_03 li:first-child {
|
||||
margin-right: 3%;
|
||||
}
|
||||
.distributor_03 li:last-child {
|
||||
margin-left: 3%;
|
||||
}
|
||||
.distributor_03 li p:last-child {
|
||||
line-height: 0.8rem;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
|
||||
/*第四屏*/
|
||||
.distributor_04 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.distributor_04 li {
|
||||
float: left;
|
||||
}
|
||||
.distributor_04 li {
|
||||
padding-top: 3.5rem;
|
||||
}
|
||||
.distributor_04 li:first-child,
|
||||
.distributor_04 li:nth-child(3) {
|
||||
margin-right: 3%;
|
||||
width: 47%;
|
||||
}
|
||||
.distributor_04 li:nth-child(2n) {
|
||||
margin-left: 6%;
|
||||
width: 44%;
|
||||
}
|
||||
/*第六屏*/
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
.distributor_six_01 {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/*第七屏*/
|
||||
.distributor_07 {
|
||||
width: 100%;
|
||||
}
|
||||
.list_two img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
/*第八屏*/
|
||||
.distributor_08 {
|
||||
position: absolute;
|
||||
left: 8.64rem;
|
||||
top: 1.65rem;
|
||||
}
|
||||
/*第九屏*/
|
||||
.distributor_09 {
|
||||
width: 96%;
|
||||
padding: 0.35rem 2%;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
/*大记事*/
|
||||
.des-12 {
|
||||
font-size: 0.54rem;
|
||||
}
|
||||
.check_boxs input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.radio_box input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.distributor_Chronicle {
|
||||
width: 100%;
|
||||
background-color: #222222;
|
||||
overflow: hidden;
|
||||
padding-top: 3%;
|
||||
padding-bottom: 4%;
|
||||
}
|
||||
.distributor_Chronicle .Chronicle {
|
||||
margin-top: 3%;
|
||||
}
|
||||
.distributor_Chronicle .Chronicle-l {
|
||||
width: 12%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
padding-right: 2%;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.distributor_Chronicle .Chronicle-l span {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 0.35rem;
|
||||
height: 0.35rem;
|
||||
border-radius: 0.35rem;
|
||||
background-color: #ffffff;
|
||||
left: 110%;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.distributor_Chronicle .Chronicle-r {
|
||||
border-left: 1px solid #484848;
|
||||
width: 72%;
|
||||
float: left;
|
||||
padding-left: 7%;
|
||||
color: #ffffff;
|
||||
font-size: 0.64rem;
|
||||
line-height: 2em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.Chronicle-2015 {
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
@media screen and (max-width: 1080px) {
|
||||
.distributor_Chronicle .Chronicle-r {
|
||||
}
|
||||
.Chronicle-2015 {
|
||||
padding-bottom: 4%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.distributor_Chronicle .Chronicle-r {
|
||||
}
|
||||
.Chronicle-2015 {
|
||||
padding-bottom: 6%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 383px) {
|
||||
.distributor_Chronicle .Chronicle-l {
|
||||
width: 16%;
|
||||
}
|
||||
.Chronicle-2015 {
|
||||
padding-bottom: 18%;
|
||||
}
|
||||
}
|
||||
.distributor_text_white {
|
||||
color: #ffffff;
|
||||
}
|
||||
.distributor_title {
|
||||
font-size: 1em;
|
||||
font-weight: 600;
|
||||
}
|
||||
.text-c {
|
||||
text-align: center;
|
||||
}
|
||||
.distributor_des {
|
||||
font-size: 0.75em;
|
||||
padding: 0 2em;
|
||||
}
|
||||
/*第十屏*/
|
||||
.distributor_10 {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
margin-top: 0.8rem;
|
||||
}
|
||||
.distributor_10:before {
|
||||
content: '';
|
||||
width: 1px;
|
||||
height: 15.7rem;
|
||||
position: absolute;
|
||||
background-color: #b0bbc7;
|
||||
top: 0.62rem;
|
||||
left: 0.15rem;
|
||||
}
|
||||
.distributor_10 .list {
|
||||
padding-bottom: 0.4rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.distributor_10 .list:last-child {
|
||||
border-left: none;
|
||||
}
|
||||
.distributor_10 .distributor-l {
|
||||
float: left;
|
||||
width: 2.8rem;
|
||||
margin-right: 0.2rem;
|
||||
padding-left: 0.8rem;
|
||||
position: relative;
|
||||
}
|
||||
.distributor_10 .distributor-r {
|
||||
float: left;
|
||||
width: 13.8rem;
|
||||
}
|
||||
.distributor_10 .distributor-l span {
|
||||
position: absolute;
|
||||
width: 0.32rem;
|
||||
height: 0.32rem;
|
||||
border-radius: 0.32rem;
|
||||
background-color: #d4d4d4;
|
||||
left: 0rem;
|
||||
z-index: 9;
|
||||
top: 0.35rem;
|
||||
}
|
||||
/*第十一屏*/
|
||||
.distributor_11 {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 1.174rem;
|
||||
}
|
||||
/*第十二屏*/
|
||||
.distributor_12 {
|
||||
width: 92%;
|
||||
margin: 0.75rem auto 0.6rem;
|
||||
}
|
||||
/*第十三屏*/
|
||||
.distributor_13 {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
.distributor_13 li {
|
||||
width: 4.27rem;
|
||||
margin-left: 0.35rem;
|
||||
margin-right: 2.85rem;
|
||||
float: left;
|
||||
margin-top: 3.1rem;
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
.distributor_13 li:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.distributor_13 li:nth-child(2),
|
||||
.distributor_13 li:nth-child(5) {
|
||||
margin-left: 0.65rem;
|
||||
}
|
||||
206
public/frontend/m_weben/css/subject/fake.css
Executable file
206
public/frontend/m_weben/css/subject/fake.css
Executable file
@@ -0,0 +1,206 @@
|
||||
.fake {
|
||||
background-color: #fff;
|
||||
padding-top: 1.25rem;
|
||||
padding-bottom: 2.5rem;
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 1.25rem;
|
||||
overflow: hidden;
|
||||
color: #000;
|
||||
}
|
||||
.fake_content {
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
}
|
||||
.title {
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 1rem;
|
||||
line-height: 1.25rem;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
.sub_title {
|
||||
font-family: 'Montserrat-SemiBold';
|
||||
font-size: 0.875rem;
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
.des {
|
||||
font-family: 'Montserrat-Light';
|
||||
font-size: 0.875rem;
|
||||
margin-top: 0.5rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.fake_button_content {
|
||||
display: block;
|
||||
font-size: 0.875rem;
|
||||
background-color: #004bfa;
|
||||
width: 100%;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
border-radius: 1.5rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-family: 'Montserrat-SemiBold';
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.fake_button {
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
}
|
||||
.fake_button:last-child {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
/*查询*/
|
||||
.query_title {
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 1rem;
|
||||
line-height: 1.25rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.sn_img {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.query_sub_title {
|
||||
font-family: 'Montserrat-Bold';
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.query_des {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
button {
|
||||
border: none;
|
||||
/* width: 100%; */
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.query_des input {
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 0.5rem;
|
||||
padding: 1rem;
|
||||
width: calc(100% - 2rem);
|
||||
}
|
||||
.m-t-40 {
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
.m-t-32 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.m-b-25 {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.example {
|
||||
margin-top: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
.query_button {
|
||||
margin-top: 2.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
input::-webkit-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
|
||||
input:-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
|
||||
input::-moz-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder {
|
||||
color: #9e9e9f;
|
||||
font-size: 0.875rem;
|
||||
font-family: 'Montserrat-Light';
|
||||
}
|
||||
/*结果*/
|
||||
.result_title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
background-color: #fff;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.result {
|
||||
background-color: #fff;
|
||||
padding-top: 1.5rem;
|
||||
padding-bottom: 1.5rem;
|
||||
margin-bottom: 1.25rem;
|
||||
overflow: hidden;
|
||||
color: #000;
|
||||
}
|
||||
.result_line {
|
||||
background-color: #f1f1f1;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
}
|
||||
.result_once {
|
||||
font-family: 'Montserrat-Medium';
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
margin-top: 1.5rem;
|
||||
color: #9e9e9f;
|
||||
}
|
||||
.result_text_blue {
|
||||
color: #004bfa;
|
||||
}
|
||||
.again_title {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1rem;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.again_des {
|
||||
font-family: 'Montserrat-Medium';
|
||||
font-size: 0.875rem;
|
||||
margin-top: 0.75rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.result_img {
|
||||
width: 11.11rem;
|
||||
margin: auto;
|
||||
}
|
||||
.result_year {
|
||||
background-color: rgba(0, 75, 250, 0.03);
|
||||
border-radius: 0.5rem;
|
||||
font-family: 'Montserrat-Medium';
|
||||
line-height: 1rem;
|
||||
font-size: 0.75rem;
|
||||
margin-top: 1.25rem;
|
||||
padding: 0.75rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.result_content {
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
}
|
||||
.result_content .product_title {
|
||||
margin-top: 1.25rem;
|
||||
font-family: 'Montserrat-Bold';
|
||||
line-height: 1rem;
|
||||
font-size: 1rem;
|
||||
padding-left: 0;
|
||||
}
|
||||
.result_content .product_info {
|
||||
font-size: 0.875rem;
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
.result_content .product_info span {
|
||||
display: inline-block;
|
||||
}
|
||||
.result_content .product_info span:first-child {
|
||||
margin-right: 0.5rem;
|
||||
font-family: 'Montserrat-Bold';
|
||||
}
|
||||
.result_content .product_info span:last-child {
|
||||
font-family: 'Montserrat-Medium';
|
||||
}
|
||||
16
public/frontend/m_weben/css/subject/fan.css
Executable file
16
public/frontend/m_weben/css/subject/fan.css
Executable file
@@ -0,0 +1,16 @@
|
||||
.fan {position: absolute; width:60%;}
|
||||
.fan_banner{top:5.2rem; left:1.1rem;}
|
||||
.fan_03{top:4.8rem; right:1.5rem; text-align: right;}
|
||||
.fan_06{top:5.4rem; left:2.6rem; }
|
||||
.fan_05{top:1.2rem; left:0.5rem; width:52%;}
|
||||
|
||||
/*2个产品*/
|
||||
.fan_two_list{width:100%; overflow: hidden;}
|
||||
.fan_two_list li{width:9.34rem; margin-right:0.275rem; margin-top:0.27rem; float: left;}
|
||||
.fan_two_list li:nth-child(2n){margin-right:0;}
|
||||
.fan_two_list li a{color:#333;}
|
||||
/*一个产品*/
|
||||
.fan_one_list{width:100%; overflow: hidden;}
|
||||
.fan_one_list li{width:100%; margin-top:0.27rem; float: left; position: relative;}
|
||||
.fan_one_list .title{font-size: 0.64rem; color:#333;}
|
||||
.fan_one_list .subtitle{font-size: 0.587rem; color:#666;}
|
||||
49
public/frontend/m_weben/css/subject/h_speed.css
Executable file
49
public/frontend/m_weben/css/subject/h_speed.css
Executable file
@@ -0,0 +1,49 @@
|
||||
/*10Gbps高速存储*/
|
||||
/*banner*/
|
||||
.h_speed_banner { position: relative;}
|
||||
.h_speed_banner img {display: block;}
|
||||
.banner_button {position: absolute; top:0; width:100%; text-align: center;}
|
||||
.banner_button span{background:#009fe0; padding:1vw 3vw; font-size: 0.746em; color: #fff; font-style: italic;}
|
||||
.banner_button_title { position:absolute; top:3.3rem; width:100%; text-align: center;color: #fff; font-size: 1.28rem;font-style: italic; }
|
||||
.banner_button_subtitle { font-size: 0.85rem; text-align: center;position:absolute; top:5.2rem;width:100%; color: #fff;}
|
||||
|
||||
/*第二屏*/
|
||||
.h_speed_02 {position: relative;}
|
||||
.h_speed_02 img {display: block;}
|
||||
.h_speed_all {position: absolute;top:2.4rem; }
|
||||
.h_speed_l {left:1.86rem;}
|
||||
.speed_t {top:2.4rem;}
|
||||
|
||||
.h_speed_02_title { font-size: 1.01rem; color: #fff;}
|
||||
.h_speed_02_subtitle { font-size:0.64rem; color: #fff; line-height: 1.1rem;}
|
||||
.h_speed_text span{display: inline-block; background:#009fe0; padding:0.8vw 1.8vw; font-size:0.586rem; margin-top:1.5vw;}
|
||||
.h_speed_text a, h_speed_text a:hover{color:#FFF;}
|
||||
|
||||
/*第三屏*/
|
||||
.h_speed_r {right:1.86rem;}
|
||||
|
||||
/*第九屏*/
|
||||
.h_speed_09 {position: relative;}
|
||||
.h_speed_09_text {position: absolute;width:100%; text-align: center; color: #fff; font-size: 1.01rem; top:1rem;}
|
||||
.h_speed_09 img {display:block;}
|
||||
|
||||
/*第十屏*/
|
||||
.h_speed_w {width:95%; margin: auto;}
|
||||
.h_speed_10 {width:100%; text-align:center; color:#333;margin:1.46rem 0 0.85rem;font-size: 0.85rem; }
|
||||
.h_speed_10_img li{width:49.4%; margin-right:1.2%; margin-bottom: 0.25rem; float: left; position: relative; overflow: hidden;}
|
||||
.h_speed_10_img li:nth-child(2n) {margin-right: 0;}
|
||||
.h_speed_10_title {position:absolute;top:1.2rem;font-size: 0.586rem; width:100%; text-align: center; color: #333;}
|
||||
.transparent_buy {position:relative; bottom:1rem; margin-top:-1.5em; width:100%; text-align: center;}
|
||||
.transparent_buy .btn{padding-left:5%; margin-bottom: 2%; padding-right:5%; height: 1.8em; margin-left:2%; margin-right:2%; border:1px solid #5c5c5c; display: inline-block; line-height: 1.8em; color:#333; font-size: 0.64rem;}
|
||||
.transparent_buy .btn a {color: #333;}
|
||||
.transparent_buy .btn a:hover {color: #4da1f7; }
|
||||
|
||||
.h_speed_t {position: relative;}
|
||||
.h_speed_t_text {position: absolute;top:1.2rem; left: 1.44rem; color: #333; }
|
||||
.h_speed_t_title { font-size: 0.64rem;}
|
||||
.h_speed_t_subtitle { font-size: 0.586rem; color: #6e6e6e; padding-top: 0.3rem;}
|
||||
.transparent_buy_two {position:relative; bottom:2.8rem; margin-top:-1.5em;left: 1.05rem; }
|
||||
.transparent_buy_two .btn{padding-left:2.5%; margin-bottom: 2%; padding-right:2.3%; height: 1.8em; margin-left:2%; margin-right:2%; border:1px solid #5c5c5c; display: inline-block; line-height: 1.8em; color:#333; font-size: 0.64rem;}
|
||||
.transparent_buy_two .btn a {color: #333;}
|
||||
.transparent_buy_two .btn a:hover {color: #4da1f7; }
|
||||
|
||||
10
public/frontend/m_weben/css/subject/honor.css
Executable file
10
public/frontend/m_weben/css/subject/honor.css
Executable file
@@ -0,0 +1,10 @@
|
||||
.honor_01{top:3.25rem; position: absolute; width:87.6%; left:6.2%;}
|
||||
.honor_01 .des_text{font-size: 0.575rem; line-height: 0.75rem;}
|
||||
.honor_01 ul{width:100%;}
|
||||
.honor_01 li{float: left; margin-right: 1.25rem;}
|
||||
.honor_01 li:nth-child(1){width:4.8rem; }
|
||||
.honor_01 li:nth-child(2){width:6.3rem; }
|
||||
.honor_01 li:nth-child(3){width:3.9rem; margin-right: 0;}
|
||||
.honor_01 .title{font-size: 0.75rem;}
|
||||
.honor_01 .subtitle{font-size: 0.48rem;}
|
||||
.line_height_28{line-height: 0.75rem;}
|
||||
0
public/frontend/m_weben/css/subject/industry.css
Executable file
0
public/frontend/m_weben/css/subject/industry.css
Executable file
126
public/frontend/m_weben/css/subject/job.css
Executable file
126
public/frontend/m_weben/css/subject/job.css
Executable file
@@ -0,0 +1,126 @@
|
||||
body {background: #fff;}
|
||||
.job_banner {
|
||||
width: 100%;
|
||||
}
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
margin: 0 auto 15px;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.bx-wrapper img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
/** THEME
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper .bx-viewport {
|
||||
/*fix other elements on the page moving (on Chrome)*/
|
||||
-webkit-transform: translatez(0);
|
||||
-moz-transform: translatez(0);
|
||||
-ms-transform: translatez(0);
|
||||
-o-transform: translatez(0);
|
||||
transform: translatez(0);
|
||||
}
|
||||
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
width: 100%;
|
||||
}
|
||||
/* LOADER */
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(../images/bx_loader.gif) center center no-repeat #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
/* PAGER */
|
||||
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background: #fff;
|
||||
border: 1px solid #fff;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: 0 10px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #8baee9;
|
||||
}
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
}
|
||||
.bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
}
|
||||
.bx-wrapper .bx-prev:hover {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.bx-wrapper .bx-next:hover {
|
||||
background-position: -43px 0;
|
||||
}
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
outline: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
text-indent: -9999px;
|
||||
z-index: 9999;
|
||||
}
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*你将获得*/
|
||||
.job_delay {overflow: hidden;}
|
||||
.job_delay li {width:33.3%; float: left; font-size: 0.53rem; color: #666; text-align: center;}
|
||||
.job_delay li img {width:3.06rem;}
|
||||
|
||||
/*元创“新兵老将”计划*/
|
||||
.job_blue {color: #457dc3;}
|
||||
.job_blue a {color: #457dc3;}
|
||||
|
||||
.job_bor{ overflow: hidden;border: 1px #ccc solid;}
|
||||
.form-table{width: 100%;margin: 0 auto;text-align: center;table-layout: fixed;}
|
||||
.form-table th{border-bottom: 1px #ccc solid;background: #000; color: #fff; line-height: 1.6rem; font-size: 0.64rem;}
|
||||
.form-table th:nth-child(1) { width:30%; text-align: left; padding-left:0.8rem;}
|
||||
.form-table td{border-bottom: 1px #ccc solid; font-size: 0.58rem; color: #666;}
|
||||
.form-table td:nth-child(1) {width:30%; text-align: left; padding-left:0.8rem; }
|
||||
.fixed-tfoot tr td{background: #F3F3F3;border-bottom: none;}
|
||||
.fixed-thead tr th,.fixed-tfoot tr td{height: 50px;font-weight: 100; text-align: center;}
|
||||
.scroll-box{width: 100%;height: 350px;overflow: auto;overflow-x:hidden;}
|
||||
.scroll-box tr{width: 100%;line-height: 0.6rem; height: 1.6rem;}
|
||||
|
||||
.job-font-adress {font-size: 0.64em; color: #666;}
|
||||
.job-font-adress p{line-height:1.1rem;}
|
||||
19
public/frontend/m_weben/css/subject/rdcenter.css
Executable file
19
public/frontend/m_weben/css/subject/rdcenter.css
Executable file
@@ -0,0 +1,19 @@
|
||||
/*研发团队*/
|
||||
.rdcenter_team{width:100%; overflow: hidden; }
|
||||
.rdcenter_team li{margin-right: 0.203rem; float: left; text-align: center; margin-bottom: 0.8rem;}
|
||||
.rdcenter_team_01{width:6rem;}
|
||||
.rdcenter_team_02{width:6.38rem}
|
||||
.rdcenter_team_03{width:6rem}
|
||||
.rdcenter_team li:nth-child()
|
||||
.rdcenter_team li:nth-child(3n){margin-right: 0;}
|
||||
.rdcenter_team img{width:2.53rem;}
|
||||
/*技术与应用*/
|
||||
.rdcenter_technology{overflow: hidden;}
|
||||
.rdcenter_technology li{width:9.365rem; margin-right:0.26rem; float: left;}
|
||||
.rdcenter_technology li:nth-child(2n){margin-right: 0;}
|
||||
|
||||
/*品质保障体系*/
|
||||
.rdcenter_quality{width:100%; overflow: hidden;}
|
||||
.rdcenter_quality li{width:33.3%; float: left; text-align: center;}
|
||||
.rdcenter_quality img{width:2.53rem; margin-bottom: 0.15rem;}
|
||||
.rdcenter_quality p{font-size: 0.427rem; margin-top:0.2rem;}
|
||||
21
public/frontend/m_weben/css/subject/ssd.css
Executable file
21
public/frontend/m_weben/css/subject/ssd.css
Executable file
@@ -0,0 +1,21 @@
|
||||
.ssd_Container{width:89%; margin-left:auto; margin-right: auto;}
|
||||
.ssd_left{width:10rem; float: left;}
|
||||
.ssd_right{width:8rem; float: right;}
|
||||
.ssd_more{padding:0.25rem 1rem; background-color:#FFF; text-align: center; color:#333; display: inline-block;}
|
||||
.ssd_text{position: absolute; top:0.8rem; width:100%; left:0;}
|
||||
.text_32{line-height: 1rem;}
|
||||
|
||||
/*新增*/
|
||||
.text_gray{color:#666;}
|
||||
.text_l_gray{color:#999}
|
||||
.margin-top-60{margin-top:1.6rem;}
|
||||
.margin-top-280{margin-top:7.46rem;}/*上边距280px*/
|
||||
.capacity {text-align: center;top:68%;width: 100%; position: absolute;}
|
||||
.c_span { display: inline-block; margin-left: 0.5%; margin-right: 0.5%;border: 1px solid #d6d6d6;padding: 0 0.5%; width: 16%;}
|
||||
@media screen and (max-width:480px){
|
||||
.c_span {width:auto;}
|
||||
}
|
||||
.ssd-t-w {width:89%; margin: auto;position: absolute;top:4.5rem;}
|
||||
.capacity01 {text-align: center;top:48%;width: 50%; position: absolute;}
|
||||
.ssd-w-ca {width:89%; position: absolute; left: 5%;}
|
||||
.ssd-mr {margin-right: 5%;}
|
||||
5
public/frontend/m_weben/css/subject/thunderbolt_3.css
Executable file
5
public/frontend/m_weben/css/subject/thunderbolt_3.css
Executable file
@@ -0,0 +1,5 @@
|
||||
.thunderbolt_3_banner{margin-top:3.01rem; margin-left:1.07rem;}
|
||||
.slider_blue{border-top:0.16rem solid #4da1f7; background-color:#FFF;}
|
||||
.thunderbolt_3_one_list{margin-left:1.44rem; margin-top:1.84rem; width:13rem}
|
||||
.thunderbolt_3_four{margin-top:3.01rem; margin-left:1.07rem; margin-top:11.3rem; width:15rem}
|
||||
.thunderbolt_3_three{margin-top:8.1rem;}
|
||||
15
public/frontend/m_weben/css/subject/transparent.css
Executable file
15
public/frontend/m_weben/css/subject/transparent.css
Executable file
@@ -0,0 +1,15 @@
|
||||
.transparent {position: absolute; width:40%; left:1.6rem;}
|
||||
.transparent_banner{top:5rem;}
|
||||
.transparent_03{top:4.8rem; }
|
||||
.transparent_06{top:7.55rem;}
|
||||
.transparent_05{top:1.2rem; left:0.5rem; width:52%;}
|
||||
|
||||
/*2个产品*/
|
||||
.transparent_two_list{width:100%; overflow: hidden;}
|
||||
.transparent_two_list li{width:9.34rem; margin-right:0.275rem; margin-top:0.27rem; float: left;}
|
||||
.transparent_two_list li:nth-child(2n){margin-right:0;}
|
||||
/*一个产品*/
|
||||
.transparent_one_list{width:100%; overflow: hidden;}
|
||||
.transparent_one_list li{width:100%; margin-top:0.27rem; float: left; position: relative;}
|
||||
.transparent_one_list .title{font-size: 0.64rem; color:#333;}
|
||||
.transparent_one_list .subtitle{font-size: 0.587rem; color:#666;}
|
||||
14
public/frontend/m_weben/css/subject/video.css
Executable file
14
public/frontend/m_weben/css/subject/video.css
Executable file
@@ -0,0 +1,14 @@
|
||||
/*新增*/
|
||||
.banner {position: relative;}
|
||||
.banner_title{font-family: "Montserrat-Bold"; font-size: 1.5rem; position: absolute; top:50%; margin-top:-0.75rem; color:#FFF; z-index: 9; text-align: center; width:100%;}
|
||||
|
||||
.content{margin:1rem 1.25rem 0;}
|
||||
.content .video{border-radius: 0.5rem; background-color:#FFF; overflow: hidden; margin-bottom: 0.75rem;}
|
||||
.content .video .text{padding:1.5rem; word-wrap:break-word; word-break:normal;}
|
||||
.title{font-family: "Montserrat-Bold"; font-size: 0.875rem; color:#000; line-height: 1.25rem;}
|
||||
.des{font-family: "Montserrat-Light"; font-size: 0.75rem; line-height: 1.125rem; color:#9E9E9F; margin-top:0.75rem;}
|
||||
video{display: block; width:100%; object-fit:fill;}
|
||||
.video_content {margin:1rem 1.25rem 0; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap}
|
||||
.video_content li{margin-right:0.5rem!important; display: inline-block;}
|
||||
.video_content li a{padding:0.5rem 0.75rem; border-radius: 1rem; background-color:#FFF; color:#6B6C6E; font-family: "Montserrat-Medium"; font-size: 0.875rem; display: inline-block;}
|
||||
.video_on a{background-color:#004BFA!important; color:#FFFFFF!important;}
|
||||
Reference in New Issue
Block a user