|
|
|
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, i {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
|
|
|
font-weight: inherit;
|
|
|
|
font-style: inherit;
|
|
|
|
font-size: 100%;
|
|
|
|
font-family: inherit;
|
|
|
|
vertical-align: baseline
|
|
|
|
}
|
|
|
|
|
|
|
|
* {
|
|
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
|
|
-moz-tap-highlight-color: rgba(0,0,0,0);
|
|
|
|
tap-highlight-color: rgba(0,0,0,0);
|
|
|
|
}
|
|
|
|
|
|
|
|
html, body {
|
|
|
|
font-family: helvetica,Arial,"黑体";
|
|
|
|
body {
|
|
|
|
width: 100%;
|
|
|
|
font-size: 100%;
|
|
|
|
background: #333;
|
|
|
|
font: 0.375rem/1.5 helvetica,Arial,"黑体";;
|
|
|
|
}
|
|
|
|
|
|
|
|
body, ul, li {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
|
|
font-weight: normal;
|
|
|
|
color: #111
|
|
|
|
}
|
|
|
|
|
|
|
|
ul, li {
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.clearfix:before, .clearfix:after {
|
|
|
|
content: "";
|
|
|
|
display: table;
|
|
...
|
...
|
@@ -44,7 +57,7 @@ a { |
|
|
|
}
|
|
|
|
|
|
|
|
a:link, a:visited, a:hover, a:actived {
|
|
|
|
color: #000;
|
|
|
|
color: #000
|
|
|
|
}
|
|
|
|
|
|
|
|
*:focus {
|
|
...
|
...
|
@@ -53,7 +66,7 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
|
|
|
|
.head-tab {
|
|
|
|
width: 100%;
|
|
|
|
height: 2.2rem;
|
|
|
|
height: 2.75rem;
|
|
|
|
background: #000;
|
|
|
|
}
|
|
|
|
|
|
...
|
...
|
@@ -61,8 +74,8 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
width: 25%;
|
|
|
|
text-align: center;
|
|
|
|
float: left;
|
|
|
|
line-height: 2.2rem;
|
|
|
|
font-size: 0.75rem;
|
|
|
|
line-height: 2.75rem;
|
|
|
|
font-size: 0.9375rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.head-tab li a {
|
|
...
|
...
|
@@ -71,32 +84,32 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
}
|
|
|
|
|
|
|
|
.head-tab li.cur a {
|
|
|
|
color: #fff;
|
|
|
|
color: #fff
|
|
|
|
}
|
|
|
|
|
|
|
|
.banner-top {
|
|
|
|
width: 100%;
|
|
|
|
height: 7.75rem;
|
|
|
|
margin-top: 0.75rem;
|
|
|
|
height: 9.6875rem;
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.banner-top .banner-swiper {
|
|
|
|
width: 100%;
|
|
|
|
height: 7.75rem;
|
|
|
|
height: 9.6875rem;
|
|
|
|
overflow: hidden;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.banner-top .banner-swiper ul {
|
|
|
|
position: relative;
|
|
|
|
height: 7.75rem;
|
|
|
|
height: 9.6875rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.banner-top .banner-swiper ul li {
|
|
|
|
float: left;
|
|
|
|
width: 100%;
|
|
|
|
height: 7.75rem;
|
|
|
|
height: 9.6875rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.banner-top .banner-swiper ul li img {
|
|
...
|
...
|
@@ -131,16 +144,304 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
.banner-top .swiper-pagination .pagination-inner span.swiper-pagination-bullet-active {
|
|
|
|
background: #fff;
|
|
|
|
opacity: 1;
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-sign {
|
|
|
|
width: 100%;
|
|
|
|
height: 5.5rem;
|
|
|
|
margin-top: 0.75rem;
|
|
|
|
height: 6.875rem;
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
background: #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-sign .nav-left {
|
|
|
|
width: 3.1875rem;
|
|
|
|
margin: 0.9375rem 0 0 0.9375rem;
|
|
|
|
text-align: center;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-sign .nav-left .user-name {
|
|
|
|
font-size: 0.75rem;
|
|
|
|
color: #fff;
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-sign .nav-main {
|
|
|
|
width: 7.875rem;
|
|
|
|
height: 2.8125rem;
|
|
|
|
float: left;
|
|
|
|
background-image: url(../img/user_info_bg.png);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: contain;
|
|
|
|
margin:1.125rem 0 0 0.3125rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-sign .nav-main p {
|
|
|
|
color: #fff;
|
|
|
|
line-height: 1.375rem;
|
|
|
|
font-size: 0.75rem;
|
|
|
|
margin-left: 0.9375rem;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-sign .nav-right {
|
|
|
|
width: 6.09375rem;
|
|
|
|
text-align: center;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-sign .nav-right img {
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-sign .nav-right .add-intimacy {
|
|
|
|
width: 4.09375rem;
|
|
|
|
height: 1.625rem;
|
|
|
|
background-image: url(../img/add_intimacy_bg.png);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: contain;
|
|
|
|
color: #fff;
|
|
|
|
font-size: 0.6875rem;
|
|
|
|
display: inline-block;
|
|
|
|
margin-top: 0.25rem;
|
|
|
|
white-space: nowrap;
|
|
|
|
line-height: 2.0625rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-sign img {
|
|
|
|
width: 3.125rem;
|
|
|
|
height: 3.125rem;
|
|
|
|
border-radius: 50%;
|
|
|
|
border: 0.0625rem solid #e0e0e0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.floor-header-more {
|
|
|
|
width: 100%;
|
|
|
|
height: 2.75rem;
|
|
|
|
background: #000;
|
|
|
|
position: relative;
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.floor-header-more h2 {
|
|
|
|
color: #fff;
|
|
|
|
font-size: 1.0625rem;
|
|
|
|
line-height: 2.75rem;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.floor-header-more .more-btn {
|
|
|
|
width: 2rem;
|
|
|
|
height: 3rem;
|
|
|
|
background-image: url(../img/more.png);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: contain;
|
|
|
|
position: absolute;
|
|
|
|
right: 0.8125rem;
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-topic .toppic-banner, .home-floor-topic .topic-video-area {
|
|
|
|
width: 100%;
|
|
|
|
height: 9.6875rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-topic .topic-video-area {
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
background: #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-topic .topic-video-area #topic-video {
|
|
|
|
width: 100%;
|
|
|
|
height: 9.6875rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-match {
|
|
|
|
background: #000;
|
|
|
|
padding-bottom: 1.875rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-match .match-big-img {
|
|
|
|
width: 100%;
|
|
|
|
height: 8.65625rem;
|
|
|
|
padding: 0 0.4375rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-match .match-big-img li {
|
|
|
|
width: 8.625rem;
|
|
|
|
height: 8.65625rem;
|
|
|
|
margin: 0 0.46875rem;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-match .match-big-img li img {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-match .match-img {
|
|
|
|
width: 100%;
|
|
|
|
height: 4.34375rem;
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-match .match-img .match-swiper {
|
|
|
|
width: 100%;
|
|
|
|
height: 4.34375rem;
|
|
|
|
overflow: hidden;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-match .match-img .match-swiper ul {
|
|
|
|
position: relative;
|
|
|
|
height: 4.34375rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-match .match-img .match-swiper ul li {
|
|
|
|
float: left;
|
|
|
|
width: 7.15625rem;
|
|
|
|
height: 4.34375rem;
|
|
|
|
margin-left: 0.9375rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.home-floor-match .match-img .match-swiper ul li img {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article {
|
|
|
|
width: 100%;
|
|
|
|
float: left;
|
|
|
|
background: #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li {
|
|
|
|
width: 100%;
|
|
|
|
float: left;
|
|
|
|
margin-left: 0.9375rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
border-top:1px solid #b0b0b0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .author-info {
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .author-info img {
|
|
|
|
width: 2.1875rem;
|
|
|
|
height: 2.1875rem;
|
|
|
|
border-radius: 50%;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .author-info .author-nav {
|
|
|
|
float: left;
|
|
|
|
margin-left: 0.625rem;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .author-info .author-nav h2 {
|
|
|
|
font-size: 0.875rem;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .author-info .author-nav .article-count {
|
|
|
|
font-size: 0.75rem;
|
|
|
|
color: #b0b0b0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .author-info .author-nav .article-count span {
|
|
|
|
margin-right:0.6875rem
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .author-info .author-nav .article-count span.see-ico {
|
|
|
|
width: 0.96875rem;
|
|
|
|
height: 0.75rem;
|
|
|
|
background-image: url(../img/see.png);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: contain;
|
|
|
|
padding-left: 1.25rem
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-cont {
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-cont p {
|
|
|
|
width: 100%;
|
|
|
|
height: 5.625rem;
|
|
|
|
font-size: 0.875rem;
|
|
|
|
line-height: 1.4375rem;
|
|
|
|
color: #fff;
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
white-space:nowrap;
|
|
|
|
overflow:hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-cont .artice-imgs {
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 0.9375rem;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-cont .artice-imgs > li {
|
|
|
|
float: left;
|
|
|
|
width: 5.9375rem;
|
|
|
|
height: 5.9375rem;
|
|
|
|
border-radius: 0.125rem;
|
|
|
|
margin-right: 0.15625rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-zan {
|
|
|
|
border-top: 1px solid #b0b0b0;
|
|
|
|
margin-top: 0.84375rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-zan .zan-ico {
|
|
|
|
width: 1.0625rem;
|
|
|
|
height: 1.0625rem;
|
|
|
|
background-image: url(../img/zan.png);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: contain;
|
|
|
|
float: left;
|
|
|
|
margin: 0 1.65625rem 0 0.4375rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-zan ul {
|
|
|
|
float: left;
|
|
|
|
width: 13.125rem;
|
|
|
|
height: 1.5625rem;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-zan ul li {
|
|
|
|
float: left;
|
|
|
|
margin: 0 0.3125rem;
|
|
|
|
width: 1.5625rem;
|
|
|
|
height: 1.5625rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-zan ul li img {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.things-article > li .artice-zan .zan-more {
|
|
|
|
float: left;
|
|
|
|
width: 1.5625rem;
|
|
|
|
height: 1.5625rem;
|
|
|
|
border-radius: 50%;
|
|
|
|
margin: 0 0.3125rem;
|
|
|
|
background: #f0f0f0;
|
|
|
|
color: #acb1b7;
|
|
|
|
font-size: 0.75rem;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 1.5625rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Swiper 3.0.8
|
|
...
|
...
|
@@ -157,32 +458,27 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
* Released on: June 14, 2015
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container {
|
|
|
|
margin: 0 auto;
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
|
|
/* Fix of Webkit flickering */
|
|
|
|
z-index: 1;
|
|
|
|
z-index: 1
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-no-flexbox .swiper-slide {
|
|
|
|
float: left;
|
|
|
|
float: left
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-vertical > .swiper-wrapper {
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-moz-box-orient: vertical;
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-wrapper {
|
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
...
|
...
|
@@ -204,38 +500,34 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
transition-property: transform;
|
|
|
|
-webkit-box-sizing: content-box;
|
|
|
|
-moz-box-sizing: content-box;
|
|
|
|
box-sizing: content-box;
|
|
|
|
box-sizing: content-box
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-android .swiper-slide, .swiper-wrapper {
|
|
|
|
-webkit-transform: translate3d(0px, 0, 0);
|
|
|
|
-moz-transform: translate3d(0px, 0, 0);
|
|
|
|
-o-transform: translate(0px, 0px);
|
|
|
|
-ms-transform: translate3d(0px, 0, 0);
|
|
|
|
transform: translate3d(0px, 0, 0);
|
|
|
|
transform: translate3d(0px, 0, 0)
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-multirow > .swiper-wrapper {
|
|
|
|
-webkit-box-lines: multiple;
|
|
|
|
-moz-box-lines: multiple;
|
|
|
|
-ms-flex-wrap: wrap;
|
|
|
|
-webkit-flex-wrap: wrap;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
flex-wrap: wrap
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-free-mode > .swiper-wrapper {
|
|
|
|
-webkit-transition-timing-function: ease-out;
|
|
|
|
-moz-transition-timing-function: ease-out;
|
|
|
|
-ms-transition-timing-function: ease-out;
|
|
|
|
-o-transition-timing-function: ease-out;
|
|
|
|
transition-timing-function: ease-out;
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-slide {
|
|
|
|
-webkit-transform-style: preserve-3d;
|
|
|
|
-moz-transform-style: preserve-3d;
|
|
...
|
...
|
@@ -246,13 +538,11 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
flex-shrink: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
position: relative;
|
|
|
|
position: relative
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* a11y */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container .swiper-notification {
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
...
|
...
|
@@ -260,28 +550,23 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
pointer-events: none;
|
|
|
|
opacity: 0;
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
|
|
z-index: -1000;
|
|
|
|
z-index: -1000
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* IE10 Windows Phone 8 Fixes */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-wp8-horizontal {
|
|
|
|
-ms-touch-action: pan-y;
|
|
|
|
touch-action: pan-y;
|
|
|
|
touch-action: pan-y
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-wp8-vertical {
|
|
|
|
-ms-touch-action: pan-x;
|
|
|
|
touch-action: pan-x;
|
|
|
|
touch-action: pan-x
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Arrows */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-button-prev, .swiper-button-next {
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
...
|
...
|
@@ -294,55 +579,46 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
-webkit-background-size: 27px 44px;
|
|
|
|
background-size: 27px 44px;
|
|
|
|
background-position: center;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
|
|
|
|
opacity: 0.35;
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
|
|
|
|
cursor: auto;
|
|
|
|
pointer-events: none;
|
|
|
|
pointer-events: none
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
|
|
|
left: 10px;
|
|
|
|
right: auto;
|
|
|
|
right: auto
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
|
|
|
right: 10px;
|
|
|
|
left: auto;
|
|
|
|
left: auto
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Pagination Styles */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-pagination {
|
|
|
|
position: absolute;
|
|
|
|
text-align: center;
|
|
...
|
...
|
@@ -354,16 +630,14 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
-ms-transform: translate3d(0, 0, 0);
|
|
|
|
-o-transform: translate3d(0, 0, 0);
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-pagination.swiper-pagination-hidden {
|
|
|
|
opacity: 0;
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-pagination-bullet {
|
|
|
|
width: 8px;
|
|
|
|
height: 8px;
|
|
...
|
...
|
@@ -371,37 +645,31 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
border-radius: 100%;
|
|
|
|
background: #000;
|
|
|
|
opacity: 0.2;
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-pagination-clickable .swiper-pagination-bullet {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-pagination-white .swiper-pagination-bullet {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-pagination-bullet-active {
|
|
|
|
opacity: 1;
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
|
|
background: #007aff;
|
|
|
|
background: #007aff
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-pagination-white .swiper-pagination-bullet-active {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-pagination-black .swiper-pagination-bullet-active {
|
|
|
|
background: #000;
|
|
|
|
background: #000
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-vertical > .swiper-pagination {
|
|
|
|
right: 10px;
|
|
|
|
top: 50%;
|
|
...
|
...
|
@@ -409,47 +677,40 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
-moz-transform: translate3d(0px, -50%, 0);
|
|
|
|
-o-transform: translate(0px, -50%);
|
|
|
|
-ms-transform: translate3d(0px, -50%, 0);
|
|
|
|
transform: translate3d(0px, -50%, 0);
|
|
|
|
transform: translate3d(0px, -50%, 0)
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
|
|
|
|
margin: 5px 0;
|
|
|
|
display: block;
|
|
|
|
display: block
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-horizontal > .swiper-pagination {
|
|
|
|
bottom: 10px;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
|
|
|
|
margin: 0 5px;
|
|
|
|
margin: 0 5px
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 3D Container */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-3d {
|
|
|
|
-webkit-perspective: 1200px;
|
|
|
|
-moz-perspective: 1200px;
|
|
|
|
-o-perspective: 1200px;
|
|
|
|
perspective: 1200px;
|
|
|
|
perspective: 1200px
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
|
|
|
|
-webkit-transform-style: preserve-3d;
|
|
|
|
-moz-transform-style: preserve-3d;
|
|
|
|
-ms-transform-style: preserve-3d;
|
|
|
|
transform-style: preserve-3d;
|
|
|
|
transform-style: preserve-3d
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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-slide-shadow-bottom {
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
...
|
...
|
@@ -457,152 +718,117 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
pointer-events: none;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-3d .swiper-slide-shadow-left {
|
|
|
|
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
|
|
|
|
|
|
|
|
|
|
|
|
/* Safari 4+, Chrome */
|
|
|
|
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Chrome 10+, Safari 5.1+, iOS 5+ */
|
|
|
|
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Firefox 3.6-15 */
|
|
|
|
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Opera 11.10-12.00 */
|
|
|
|
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
|
|
|
|
|
|
|
|
/* Firefox 16+, IE10, Opera 12.50+ */
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-3d .swiper-slide-shadow-right {
|
|
|
|
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
|
|
|
|
|
|
|
|
|
|
|
|
/* Safari 4+, Chrome */
|
|
|
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Chrome 10+, Safari 5.1+, iOS 5+ */
|
|
|
|
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Firefox 3.6-15 */
|
|
|
|
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Opera 11.10-12.00 */
|
|
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
|
|
|
|
|
|
|
|
/* Firefox 16+, IE10, Opera 12.50+ */
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-3d .swiper-slide-shadow-top {
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
|
|
|
|
|
|
|
|
|
|
|
|
/* Safari 4+, Chrome */
|
|
|
|
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Chrome 10+, Safari 5.1+, iOS 5+ */
|
|
|
|
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Firefox 3.6-15 */
|
|
|
|
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Opera 11.10-12.00 */
|
|
|
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
|
|
|
|
|
|
|
|
/* Firefox 16+, IE10, Opera 12.50+ */
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-3d .swiper-slide-shadow-bottom {
|
|
|
|
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
|
|
|
|
|
|
|
|
|
|
|
|
/* Safari 4+, Chrome */
|
|
|
|
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Chrome 10+, Safari 5.1+, iOS 5+ */
|
|
|
|
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Firefox 3.6-15 */
|
|
|
|
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
|
|
|
|
/* Opera 11.10-12.00 */
|
|
|
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
|
|
|
|
|
|
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
|
|
|
|
|
|
|
|
/* Firefox 16+, IE10, Opera 12.50+ */
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Coverflow */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-coverflow .swiper-wrapper {
|
|
|
|
|
|
|
|
|
|
|
|
/* Windows 8 IE 10 fix */
|
|
|
|
-ms-perspective: 1200px;
|
|
|
|
-ms-perspective: 1200px
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Fade */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
|
|
|
|
-webkit-transition-timing-function: ease-out;
|
|
|
|
-moz-transition-timing-function: ease-out;
|
|
|
|
-ms-transition-timing-function: ease-out;
|
|
|
|
-o-transition-timing-function: ease-out;
|
|
|
|
transition-timing-function: ease-out;
|
|
|
|
transition-timing-function: ease-out
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-fade .swiper-slide {
|
|
|
|
pointer-events: none;
|
|
|
|
pointer-events: none
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-fade .swiper-slide .swiper-slide {
|
|
|
|
pointer-events: none;
|
|
|
|
pointer-events: none
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
|
|
|
|
pointer-events: auto;
|
|
|
|
pointer-events: auto
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Cube */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-cube {
|
|
|
|
overflow: visible;
|
|
|
|
overflow: visible
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-cube .swiper-slide {
|
|
|
|
pointer-events: none;
|
|
|
|
visibility: hidden;
|
|
...
|
...
|
@@ -615,24 +841,21 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
-ms-backface-visibility: hidden;
|
|
|
|
backface-visibility: hidden;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-cube.swiper-container-rtl .swiper-slide {
|
|
|
|
-webkit-transform-origin: 100% 0;
|
|
|
|
-moz-transform-origin: 100% 0;
|
|
|
|
-ms-transform-origin: 100% 0;
|
|
|
|
transform-origin: 100% 0;
|
|
|
|
transform-origin: 100% 0
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
|
|
|
|
pointer-events: auto;
|
|
|
|
visibility: visible;
|
|
|
|
visibility: visible
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-cube .swiper-cube-shadow {
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
...
|
...
|
@@ -643,46 +866,40 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
opacity: 0.6;
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
|
|
|
|
-webkit-filter: blur(50px);
|
|
|
|
filter: blur(50px);
|
|
|
|
filter: blur(50px)
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
|
|
|
|
z-index: 0;
|
|
|
|
z-index: 0
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Scrollbar */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-scrollbar {
|
|
|
|
border-radius: 10px;
|
|
|
|
position: relative;
|
|
|
|
-ms-touch-action: none;
|
|
|
|
background: rgba(0, 0, 0, 0.1);
|
|
|
|
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%;
|
|
|
|
width: 98%
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-container-vertical > .swiper-scrollbar {
|
|
|
|
position: absolute;
|
|
|
|
right: 3px;
|
|
|
|
top: 1%;
|
|
|
|
z-index: 50;
|
|
|
|
width: 5px;
|
|
|
|
height: 98%;
|
|
|
|
height: 98%
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-scrollbar-drag {
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
...
|
...
|
@@ -690,18 +907,15 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
background: rgba(0, 0, 0, 0.5);
|
|
|
|
border-radius: 10px;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
top: 0
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-scrollbar-cursor-drag {
|
|
|
|
cursor: move;
|
|
|
|
cursor: move
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Preloader */
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-lazy-preloader {
|
|
|
|
width: 42px;
|
|
|
|
height: 42px;
|
|
...
|
...
|
@@ -716,10 +930,9 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
transform-origin: 50%;
|
|
|
|
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
|
|
|
|
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
|
|
|
|
animation: swiper-preloader-spin 1s steps(12, end) infinite;
|
|
|
|
animation: swiper-preloader-spin 1s steps(12, end) infinite
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-lazy-preloader:after {
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
...
|
...
|
@@ -729,55 +942,47 @@ a:link, a:visited, a:hover, a:actived { |
|
|
|
background-position: 50%;
|
|
|
|
-webkit-background-size: 100%;
|
|
|
|
background-size: 100%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-lazy-preloader-white:after {
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes swiper-preloader-spin {
|
|
|
|
|
|
|
|
100% {
|
|
|
|
-webkit-transform: rotate(360deg);
|
|
|
|
-webkit-transform: rotate(360deg)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes swiper-preloader-spin {
|
|
|
|
|
|
|
|
100% {
|
|
|
|
transform: rotate(360deg);
|
|
|
|
transform: rotate(360deg)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body, ul, li {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
padding: 0
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ul, li {
|
|
|
|
list-style: none;
|
|
|
|
list-style: none
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
line-height: 1.5;
|
|
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0)
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.png-bg {
|
|
|
|
background: rgba(0,0,0,0);
|
|
|
|
position: absolute;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page-home {
|
|
|
|
width: 1.75rem;
|
|
|
|
height: 1.75rem;
|
|
...
|
...
|
@@ -787,42 +992,37 @@ body { |
|
|
|
position: fixed;
|
|
|
|
right: 0.5rem;
|
|
|
|
bottom: 0.5rem;
|
|
|
|
z-index: 999;
|
|
|
|
z-index: 999
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.big-page-swiper {
|
|
|
|
overflow: hidden;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
bottom: 0
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.big-page-swiper>li {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
float: left;
|
|
|
|
float: left
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page-list-swiper {
|
|
|
|
height: 6.2rem;
|
|
|
|
overflow: hidden;
|
|
|
|
padding: 0.5rem 0;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
right: 0
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page-list-swiper ul {
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-out {
|
|
|
|
height: 7.2rem;
|
|
|
|
position: fixed;
|
|
...
|
...
|
@@ -830,25 +1030,22 @@ body { |
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
background: rgba(0,0,0,0.8);
|
|
|
|
z-index: 999;
|
|
|
|
z-index: 999
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page-list-swiper li {
|
|
|
|
width: 3.5rem;
|
|
|
|
float: left;
|
|
|
|
margin: 0 0.25rem;
|
|
|
|
position: relative;
|
|
|
|
position: relative
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page-list-swiper img {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
vertical-align: middle;
|
|
|
|
vertical-align: middle
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page-jt {
|
|
|
|
width: 0.5rem;
|
|
|
|
height: 0.25rem;
|
|
...
|
...
|
@@ -857,27 +1054,26 @@ body { |
|
|
|
position: absolute;
|
|
|
|
top: -0.5rem;
|
|
|
|
left: 1.5rem;
|
|
|
|
display: none;
|
|
|
|
display: none
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
|
|
|
|
.swiper-out {
|
|
|
|
height: 4.225rem;
|
|
|
|
bottom: -4.225rem;
|
|
|
|
bottom: -4.225rem
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-list-swiper {
|
|
|
|
height: 3.2rem;
|
|
|
|
height: 3.2rem
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-list-swiper li {
|
|
|
|
width: 2.525rem;
|
|
|
|
width: 2.525rem
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-jt {
|
|
|
|
left: 1.0125rem;
|
|
|
|
left: 1.0125rem
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*# sourceMappingURL=index.css.map */ |
...
|
...
|
|
