/*每个页面公共css */ @charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } @font-face{font-family:"iconfont";src:url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2')}.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-jingpintuijian:before{content:"\E60D"}.icon-xiaolian:before{content:"\E60F"}.icon-yuandianxiao:before{content:"\E82F"}.icon-xiazai5:before{content:"\E605"}.icon-icon34:before{content:"\E62B"}.icon-dadianhua01:before{content:"\E623"}.icon-webicon318:before{content:"\E6C2"}.icon-iconfontguanbi:before{content:"\E643"}.icon-icon25201:before{content:"\E70D"}.icon-cuxiaoguanli:before{content:"\E60E"}.icon-miaosha:before{content:"\E6C3"}.icon-huiyuan:before{content:"\E60B"}.icon-caigou-xianxing:before{content:"\E887"}.icon-caigou:before{content:"\E888"}.icon-yingyongchengxu-xianxing:before{content:"\E8A1"}.icon-yingyongchengxu:before{content:"\E8A2"}.icon-ziyuan-xianxing:before{content:"\E8A4"}.icon-shouye-xianxing:before{content:"\E8BA"}.icon-shouye:before{content:"\E8B9"}.icon-yonghu-xianxing:before{content:"\E8C8"}.icon-yonghu:before{content:"\E8C9"}.icon-ditu:before{content:"\E906"}.icon-sousuo2:before{content:"\E757"}.icon-2:before{content:"\E684"}.icon-dizhi:before{content:"\E608"}.icon-huangguan:before{content:"\E624"}.icon-huangguan1:before{content:"\E625"}.icon-huangguan2:before{content:"\E626"}.icon-wuliu:before{content:"\E6F2"}.icon-xuanzhong:before{content:"\E615"}.icon-xinpin:before{content:"\E610"}.icon-arrow:before{content:"\E627"}.icon-yuezhifu:before{content:"\E65E"}.icon-bianji:before{content:"\E6CC"}.icon-wenti:before{content:"\E758"}.icon-qiandai:before{content:"\E6B1"}.icon-xiangyou:before{content:"\E679"}.icon-paihang:before{content:"\E73E"}.icon-weizhi:before{content:"\E62D"}.icon-remen:before{content:"\E67C"}.icon-tuandui:before{content:"\E685"}.icon-yuezhifu1:before{content:"\E61A"}.icon-yonghu2:before{content:"\E60A"}.icon-hebingxingzhuang:before{content:"\E656"}.icon-gouwuche1:before{content:"\E642"}.icon-liulan:before{content:"\E629"}.icon-jinbi1:before{content:"\E655"}.icon-guanbi2:before{content:"\E61C"}.icon-sousuo:before{content:"\E67D"}.icon-weixin:before{content:"\E600"}.icon-weixin3:before{content:"\E618"}.icon-paihang1:before{content:"\E633"}.icon-tongji:before{content:"\E687"}.icon-caidan:before{content:"\E62A"}.icon-erweima:before{content:"\E607"}.icon-shoucang:before{content:"\E606"}.icon-jian:before{content:"\E621"}.icon-jia:before{content:"\E7E0"}.icon-guanbi:before{content:"\E62F"}.icon-xiangshang1:before{content:"\E622"}.icon-shuoming:before{content:"\E630"}.icon-xiala:before{content:"\E67F"}.icon-pailie:before{content:"\E61B"}.icon-fenxiang:before{content:"\E603"}.icon-yinhangqia:before{content:"\E72C"}.icon-sousuo1:before{content:"\E64C"}.icon-duihao:before{content:"\E64E"}.icon-dingdan:before{content:"\E61E"}.icon-tupianpailie:before{content:"\E620"}.icon-chongzhi:before{content:"\E602"}.icon-shezhi:before{content:"\E619"}.icon-shuoming1:before{content:"\E673"}.icon-duihao2:before{content:"\E601"}.icon-complete:before{content:"\E646"}.icon-weixin1:before{content:"\E66E"}.icon-xianxiazhifu:before{content:"\E6E1"}.icon-tianjiadizhi:before{content:"\E640"}.icon-weixin2:before{content:"\E604"}.icon-gouwuche:before{content:"\E669"}.icon-jiazai:before{content:"\E62C"}.icon-huabanfuben:before{content:"\E654"}.icon-kefu_o:before{content:"\EB63"}.icon-liwu_o:before{content:"\EB65"}.icon-anniu_jiantouzhankai_o:before{content:"\EB89"}.icon-jiantou_xiayiye_o:before{content:"\EB8F"}.icon-jiantou_shangxiaqiehuan_o:before{content:"\EB90"}.icon-shangxiazhankai_o:before{content:"\EB9A"}.icon-huobiliu_o:before{content:"\EB9F"}.icon-jinbi_o:before{content:"\EBA1"}.icon-gerentouxiang_o:before{content:"\EBAC"}.icon-qunzu_o:before{content:"\EBAD"}.icon-dianhua_o:before{content:"\EBAF"}.icon-shoucang_o:before{content:"\EBAE"}.icon-yunshangchuan_o:before{content:"\EBB3"}.icon-bingtu_o:before{content:"\EBB4"}.icon-baoguo_huanbaohe_o:before{content:"\EBB6"}.icon-baoguo_quxiaoshouhuo_o:before{content:"\EBB7"}.icon-baoguo_shouhuo_o:before{content:"\EBB8"}.icon-baoguo_lingjian_o:before{content:"\EBB9"}.icon-baoguo_shouna_o:before{content:"\EBBE"}.icon-didiandingwei_o:before{content:"\EBBA"}.icon-zhekou:before{content:"\E790"}.icon-laba:before{content:"\E612"}.icon-quanxianguanlisuozi:before{content:"\E6D2"}.icon-youjian:before{content:"\E677"}.icon-xiala1:before{content:"\E609"}.icon-weixinzhifu:before{content:"\E632"}.icon-jingyanzhi:before{content:"\E62E"}.icon-up:before{content:"\E617"}.icon-kefu:before{content:"\E6B2"}.icon-shenhezhong:before{content:"\E6CE"}.icon-kanjia1:before{content:"\E613"}.icon-shanchu1:before{content:"\E611"}.icon-zhifubao:before{content:"\E61D"}.icon-yonghu1:before{content:"\E644"}.icon-suozi:before{content:"\E631"}.icon-jiantou:before{content:"\E641"}.icon-kanjia:before{content:"\E69B"}.icon-pintuan:before{content:"\E60C"}.icon-bianji1:before{content:"\E614"}.icon-youhuiquan:before{content:"\E6E4"}.icon-xiangxia:before{content:"\E8CA"}.icon-shanchu:before{content:"\E628"}.icon-guanbi3:before{content:"\E6C5"}.icon-weixuanzhong:before{content:"\E6F0"}.icon-xuanzhong1:before{content:"\E6EF"}.icon-zhuangshixian:before{content:"\E6F1"}.icon-jishuzhichi:before{content:"\E6F3"}.icon-biankuang:before{content:"\E6F4"}.icon-guanbi1:before{content:"\E6F5"}.icon-xiangshang:before{content:"\EBBB"}.icon-icon-test:before{content:"\E6F6"}.icon-mingxi:before{content:"\E6F7"}.icon-tishengfenzhi:before{content:"\E6F8"}.icon-pintuanchenggong:before{content:"\E6F9"}.icon-pintuanshibai:before{content:"\E6FA"}.icon-kongxinxing:before{content:"\E6FC"}.icon-shitixing:before{content:"\E6FB"}.icon-yituikuan:before{content:"\E6FD"}.icon-tuikuanzhong:before{content:"\E6FE"}.icon-lingxing:before{content:"\E6FF"}.icon-xiangzuo:before{content:"\EBBC"}.icon-icon_im_face:before{content:"\EB96"}.icon-icon_im_keyboard:before{content:"\EB97"}.icon-shoucang1:before{content:"\E714"}.icon-dianhau:before{content:"\E634"}.icon-zhinengkefu-:before{content:"\E616"}.icon-code_:before{content:"\E723"}.icon-code_1:before{content:"\E724"}.icon-phone_:before{content:"\E725"}.icon-shijian:before{content:"\E635"}.icon-xiangxia2:before{content:"\EBBD"}.icon-xuanzhong2:before{content:"\E731"}.icon-shujutongji:before{content:"\E732"}.icon-xiangxishuju:before{content:"\E733"}.icon-gengduo:before{content:"\E734"}.icon-yshop:before{content:"\E735"}.icon-yshop1:before{content:"\E739"}.icon-haibao:before{content:"\E73B"}.icon-tupian-:before{content:"\E73F"}.icon-xiugai:before{content:"\E61F"}.icon-pintuan-copy:before{content:"\EBBF"}.icon-tonghua:before{content:"\E740"} @charset "UTF-8"; /** *相关初始化 */ .font-color-red { color: #73CBB6 !important; } .bg-color-red { background-color: #73CBB6 !important; } .icon-color { color: #73CBB6; } .cart-color { color: #73CBB6 !important; border: 1px solid #73CBB6 !important; } /* padding20 */ .padding20 { padding: 0.625rem; } /* pad20 */ .pad20 { padding: 0 0.625rem; } /* padding30 */ .padding30 { padding: 0.9375rem; } /*pad30 */ .pad30 { padding: 0 0.9375rem; } /* layout */ .acea-row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 辅助类 */ } .acea-row.row-middle { -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .acea-row.row-top { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .acea-row.row-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .acea-row.row-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .acea-row.row-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .acea-row.row-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .acea-row.row-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .acea-row.row-around { -webkit-justify-content: space-around; justify-content: space-around; } .acea-row.row-column-around { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; justify-content: space-around; } .acea-row.row-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .acea-row.row-column-between { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } /* 上下左右垂直居中 */ .acea-row.row-center-wrapper { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } /* 上下两边居中对齐 */ .acea-row.row-between-wrapper { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } /* 轮播图 */ .slider-banner { position: relative; width: 100%; /* height:750rpx; */ overflow: hidden; } .slider-banner .swiper-container { height: 100%; } .slider-banner ._img { display: block; width: 100%; height: 100%; } .start { width: 3.8125rem; height: 0.9375rem; background-image: url("https://h5.dayouqiantu.cn/static/images/start.png"); background-repeat: no-repeat; background-size: 3.8125rem auto; } .start.star5 { background-position: 0 0.09375rem; } .start.star4 { background-position: 0 -0.9375rem; } .start.star3 { background-position: 0 -2.1875rem; } .start.star2 { background-position: 0 -3.28125rem; } .start.star1 { background-position: 0 -4.375rem; } .start.star0 { background-position: 0 -5.46875rem; } /* 单选框和多选框 */ .checkbox-wrapper { position: relative; } .checkbox-wrapper input { display: none; } .checkbox-wrapper .icon { position: absolute; left: 0; top: 50%; display: inline-block; width: 18px; height: 18px; border: 1px solid #cccccc; border-radius: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .checkbox-wrapper input:checked + .icon { background-color: #e93323; border-color: #e93323; background-image: url("https://h5.dayouqiantu.cn/static/images/enter.png"); background-size: 0.65625rem 0.46875rem; background-repeat: no-repeat; background-position: center center; } .Loads { height: 2.5rem; font-size: 0.78125rem; color: #000; } .Loads .iconfont { font-size: 0.9375rem; margin-right: 0.3125rem; height: 1rem; line-height: 1rem; } /*加载动画*/ @-webkit-keyframes load { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loadingpic { -webkit-animation: load 3s linear 1s infinite; animation: load 3s linear 1s infinite; } .loading { -webkit-animation: load linear 1s infinite; animation: load linear 1s infinite; } input { line-height: normal; box-sizing: border-box; } @font-face { font-family: 'GuildfordProBook 5'; src: url('https://h5.dayouqiantu.cn/static/iconfont/GuildfordProBook5.otf'); } [v-cloak] { display: none; } .iconfont { font-size: 1.125rem; } /* 一像素边框 */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { .border-1px::after { -webkit-transform: scaleY(0.7); transform: scaleY(0.7); } .border-1px::before { -webkit-transform: scaleY(0.7); transform: scaleY(0.7); } } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .border-1px::after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .border-1px::before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } } @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) { .border-1px::after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); } .border-1px::before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); } } .line1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .line2 { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 55; background-color: rgba(0, 0, 0, 0.5); } .newsList .newsSwitch .van-hairline--top-bottom::after { border: 0; } .newsList .newsSwitch .van-tab { font-size: 1rem; padding: 0; -webkit-flex-basis: unset !important; flex-basis: unset !important; margin-right: 1.4375rem; } .newsList .newsSwitch .van-tabs__wrap { padding: 0 0.9375rem; } .newsList .newsSwitch.van-tabs--line { padding-top: 2.8125rem; } #footer { position: fixed; width: 100%; height: 100rpx; bottom: 0; left: 0; background-color: #fff; border-top: 1px solid #eee; z-index: 9999; } #footer.iphonex-footer { height: 100rpx; padding-bottom: 68rpx; } .footer-bg { height: 100rpx; } .iphonex-footer-bg { height: 168rpx; } #footer .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.625rem; color: #282828; } #footer .item.on { color: #73CBB6; } #footer .item .iconfont { font-size: 1.40625rem; height: 1.71875rem; line-height: 1.71875rem; } .goodList .item { position: relative; padding-left: 0.9375rem; background-color: #fff; } .goodList .item .pictrue { width: 5.625rem; height: 5.625rem; position: relative; } .goodList .item .pictrue .image { width: 100%; height: 100%; border-radius: 0.1875rem; } .goodList .item .pictrue .numPic { position: absolute; left: 0.21875rem; top: 0.21875rem; width: 1.5625rem; height: 1.5625rem; border-radius: 50%; } .goodList .item .underline { padding: 0.9375rem 0.9375rem 0.9375rem 0; border-bottom: 1px solid #f5f5f5; } .goodList .item:nth-last-child(1) .underline { border-bottom: 0; } .goodList .item .text { font-size: 0.9375rem; color: #222; width: 15.28125rem; text-align: left; } .goodList .item .text .money .num { font-size: 1.0625rem; } .goodList .item .text .vip-money { font-size: 0.75rem; color: #282828; font-weight: bold; margin-top: 0.3125rem; } .goodList .item .text .vip-money .vip { margin-right: 0.6875rem; text-decoration: line-through; } .goodList .item .text .vip-money .image { width: 1.4375rem; height: 0.65625rem; margin-left: 0.15625rem; } .goodList .item .text .vip-money .num { font-size: 0.6875rem; color: #aaa; font-weight: normal; margin: -0.0625rem 0 0 0; } .goodList .item .iconfont { position: absolute; right: 0.9375rem; width: 1.5625rem; height: 1.5625rem; border-radius: 50%; font-size: 0.9375rem; bottom: 1.1875rem; } .promotionGood { padding: 0 0.9375rem; background-color: #fff; } .promotionGood .item { border-bottom: 1px solid #eee; height: 7.8125rem; } .promotionGood .item .pictrue { width: 5.875rem; height: 5.875rem; } .promotionGood .item .pictrue .image { width: 100%; height: 100%; border-radius: 0.25rem; } .promotionGood .item .text { font-size: 0.75rem; color: #999; width: 14.75rem; text-align: left; } .promotionGood .item .text .name { font-size: 0.9375rem; color: #333; } .promotionGood .item .text .sp-money { margin: 1.0625rem 0 0.625rem 0; } .promotionGood .item .text .sp-money .moneyCon { padding: 0 0.5625rem; background-color: #73CBB6; height: 1.4375rem; line-height: 1.4375rem; background-image: -webkit-linear-gradient(left, #73CBB6 0%, #73CBB6 100%); background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); font-size: 0.625rem; color: #fff; background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); border-radius: 0.75rem 0.09375rem 0.75rem 0.09375rem; } .promotionGood .item .text .sp-money .moneyCon .num { font-size: 0.75rem; } .promotionGood .item .text .money { text-decoration: line-through; } .recommend { background-color: #fff; } .recommend .title { height: 4.21875rem; font-size: 0.875rem; color: #282828; } .recommend .title .name { margin: 0 0.875rem; } .recommend .title .iconfont { font-size: 5.3125rem; color: #454545; height: 1.5625rem; line-height: 1.5625rem; } .recommend .title .iconfont.lefticon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .recommend .recommendList { padding: 0 0.9375rem; } .recommend .recommendList .item { width: 10.46875rem; margin-bottom: 0.9375rem; } .recommend .recommendList .item .pictrue { width: 100%; height: 10.46875rem; } .recommend .recommendList .item .pictrue .image { width: 100%; height: 100%; border-radius: 0.1875rem; } .recommend .recommendList .item .name { font-size: 0.875rem; color: #282828; margin-top: 0.625rem; } .recommend .recommendList .item .money { font-size: 0.625rem; margin-top: 0.09375rem; } .recommend .recommendList .item .money .num { font-size: 0.875rem; } .noCommodity { padding-top: 2.34375rem; } .noCommodity .noPictrue { width: 12.9375rem; height: 10.5rem; margin: 0 auto 0.9375rem auto; } .noCommodity .noPictrue .image { width: 100%; height: 100%; } /*产品详情轮播*/ .product-bg { height: 23.4375rem; } .product-bg swiper { height: 23.4375rem; } .product-bg .slide-image { width: 100%; height: 100%; } .product-bg .pages { position: absolute; background-color: #fff; height: 1.0625rem; padding: 0 0.3125rem; border-radius: 0.09375rem; right: 0.9375rem; bottom: 0.9375rem; line-height: 1.0625rem; font-size: 0.75rem; color: #050505; z-index: 9; } /*评价列表公共*/ .evaluateWtapper .evaluateItem { background-color: #fff; padding-bottom: 0.78125rem; } .evaluateWtapper .evaluateItem ~ .evaluateItem { border-top: 1px solid #f5f5f5; } .evaluateWtapper .evaluateItem .pic-text { font-size: 0.8125rem; color: #282828; height: 2.96875rem; padding: 0 0.9375rem; } .evaluateWtapper .evaluateItem .pic-text .pictrue { width: 1.75rem; height: 1.75rem; margin-right: 0.625rem; } .evaluateWtapper .evaluateItem .pic-text .pictrue .image { width: 100%; height: 100%; border-radius: 50%; } .evaluateWtapper .evaluateItem .pic-text .name { max-width: 14.0625rem; margin-right: 0.46875rem; } .evaluateWtapper .evaluateItem .time { font-size: 0.75rem; color: #82848f; padding: 0 0.9375rem; } .evaluateWtapper .evaluateItem .evaluate-infor { font-size: 0.875rem; color: #282828; margin-top: 0.59375rem; padding: 0 0.9375rem; } .evaluateWtapper .evaluateItem .imgList { padding: 0 0.9375rem 0 0.46875rem; margin-top: 0.78125rem; } .evaluateWtapper .evaluateItem .imgList .pictrue { width: 4.875rem; height: 4.875rem; margin: 0 0 0.46875rem 0.46875rem; } .evaluateWtapper .evaluateItem .imgList .pictrue .image { width: 100%; height: 100%; } .evaluateWtapper .evaluateItem .reply { font-size: 0.8125rem; color: #454545; background-color: #f7f7f7; border-radius: 0.15625rem; margin: 0.625rem 0.9375rem 0 0.9375rem; padding: 0.9375rem; position: relative; } .evaluateWtapper .evaluateItem .reply::before { content: ""; width: 0; height: 0; border-left: 0.3125rem solid transparent; border-right: 0.3125rem solid transparent; border-bottom: 0.625rem solid #f7f7f7; position: absolute; top: -0.625rem; left: 3.125rem; } /*优惠券列表公共*/ .coupon-list { padding: 0 0.9375rem; margin-top: 0.78125rem; } .coupon-list .item { box-sizing: border-box; width: 100%; height: 5.3125rem; margin-bottom: 0.5rem; } .coupon-list .item .money { background-image: url('https://h5.dayouqiantu.cn/static/images/coupon1.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 7.5rem; height: 100%; color: #fff; font-size: 1.125rem; font-weight: bold; text-align: center; line-height: 5.3125rem; } .coupon-list .item .money.moneyGray { background-image: url('https://h5.dayouqiantu.cn/static/images/coupon2.png'); } .coupon-list .item .money .num { font-size: 1.875rem; } .coupon-list .item .text { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 0 0.53125rem 0 0.75rem; background-color: #fff; } .coupon-list .item .text .condition { font-size: 0.9375rem; color: #282828; height: 2.90625rem; line-height: 2.90625rem; border-bottom: 1px solid #f0f0f0; } .coupon-list .item .text .data { font-size: 0.625rem; color: #999; height: 2.375rem; } .coupon-list .item .text .data .bnt { width: 4.25rem; height: 1.375rem; border-radius: 0.6875rem; font-size: 0.6875rem; color: #fff; text-align: center; line-height: 1.375rem; } .coupon-list .item .text .data .bnt.gray { background-color: #ccc; } /*优惠券列表弹窗*/ .coupon-list-window { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #f5f5f5; border-radius: 0.5rem 0.5rem 0 0; z-index: 111; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .coupon-list-window.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .coupon-list-window .title { height: 3.875rem; width: 100%; text-align: center; line-height: 3.875rem; font-size: 1rem; font-weight: bold; position: relative; color: #333; } .coupon-list-window .title .iconfont { position: absolute; right: 0.9375rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.09375rem; color: #8a8a8a; font-weight: normal; } .coupon-list-window .coupon-list { margin: 0 0 1.5625rem 0; height: 17.1875rem; overflow: auto; } .coupon-list-window .pictrue { width: 12.9375rem; height: 10.5rem; margin: 0 auto 1.5625rem auto; } .coupon-list-window .pictrue .image { width: 100%; height: 100%; } /*详情首页弹窗*/ .product-window { position: fixed; bottom: 0; width: 100%; left: 0; background-color: #fff; z-index: 88; border-radius: 0.5rem 0.5rem 0 0; padding-bottom: 4.375rem; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .product-window.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .product-window .textpic { padding: 0 4.0625rem 0 0.9375rem; margin-top: 0.90625rem; position: relative; } .product-window .textpic .pictrue { width: 4.6875rem; height: 4.6875rem; } .product-window .textpic .pictrue .image { width: 100%; height: 100%; border-radius: 0.3125rem; } .product-window .textpic .text { width: 12.8125rem; font-size: 1rem; color: #202020; } .product-window .textpic .text .money { font-size: 0.75rem; margin-top: 1.25rem; } .product-window .textpic .text .money .num { font-size: 1.125rem; } .product-window .textpic .text .money .stock { color: #999; margin-left: 0.5625rem; } .product-window .textpic .iconfont { position: absolute; right: 0.9375rem; top: -0.15625rem; font-size: 1.09375rem; color: #8a8a8a; } .product-window .productWinList { max-height: 12.34375rem; overflow: auto; margin-top: 1.125rem; } .product-window .productWinList .item ~ .item { margin-top: 1.125rem; } .product-window .productWinList .item .title { font-size: 0.9375rem; color: #999; padding: 0 0.9375rem; } .product-window .productWinList .item .listn { padding: 0 0.9375rem 0 0.5rem; } .product-window .productWinList .item .listn .itemn { border: 1px solid #bbb; font-size: 0.8125rem; color: #282828; padding: 0.21875rem 1.03125rem; border-radius: 0.1875rem; margin: 0.4375rem 0 0 0.4375rem; } .product-window .productWinList .item .listn .itemn.on { color: #fff; background-color: #73CBB6; border-color: #73CBB6; } .product-window .cart { margin-top: 1.125rem; padding: 0 0.9375rem; } .product-window .cart .title { font-size: 0.9375rem; color: #999; } .product-window .cart .carnum { height: 1.6875rem; margin-top: 0.75rem; } .product-window .cart .carnum .item { border: 1px solid #a4a4a4; width: 2.625rem; text-align: center; height: 100%; line-height: 1.6875rem; color: #a4a4a4; font-size: 1.40625rem; } .product-window .cart .carnum .reduce { border-right: 0; border-radius: 0.1875rem 0 0 0.1875rem; line-height: 1.5rem; } .product-window .cart .carnum .reduce.on { border-color: #e3e3e3; color: #dedede; } .product-window .cart .carnum .plus { border-left: 0; border-radius: 0 0.1875rem 0.1875rem 0; line-height: 1.4375rem; } .product-window .cart .carnum .plus.on { border-color: #e3e3e3; color: #dedede; } .product-window .cart .carnum .num { color: #282828; font-size: 0.875rem; } /*产品详情的分享红包*/ .sharing-packets { position: fixed; left: 0.9375rem; bottom: 4.6875rem; z-index: 5; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sharing-packets.on { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .sharing-packets .iconfont { width: 1.375rem; height: 1.375rem; border-radius: 50%; background-color: #999; font-size: 0.625rem; color: #fff; margin: 0 auto; padding-left: 0.03125rem; } .sharing-packets .line { width: 0.0625rem; height: 1.25rem; background-color: #999; margin: 0 auto; } .sharing-packets .sharing-con { width: 5.84375rem; height: 6.5625rem; position: relative; } .sharing-packets .sharing-con .image { width: 100%; height: 100%; } .sharing-packets .sharing-con .text { position: absolute; top: 0.625rem; font-size: 0.625rem; width: 100%; text-align: center; } .sharing-packets .sharing-con .text .money { font-size: 1rem; font-weight: bold; } .sharing-packets .sharing-con .text .money .label { font-size: 0.625rem; } .sharing-packets .sharing-con .text .tip { font-size: 0.5625rem; color: #999; } .sharing-packets .sharing-con .text .shareBut { font-size: 0.6875rem; color: #fff; margin-top: 0.84375rem; height: 1.5625rem; line-height: 1.5625rem; } /*订单产品*/ .orderGoods { background-color: #fff; margin-top: 0.375rem; } .orderGoods .total { box-sizing: border-box; width: 100%; height: 2.6875rem; padding: 0 0.9375rem; border-bottom: 0.03125rem solid #eee; font-size: 0.9375rem; color: #282828; line-height: 2.6875rem; } .goodWrapper .item { margin-left: 0.9375rem; padding-right: 0.9375rem; border-bottom: 0.0625rem solid #f0f0f0; height: 5.625rem; } .goodWrapper .item .pictrue { width: 4.0625rem; height: 4.0625rem; } .goodWrapper .item .pictrue .image { width: 100%; height: 100%; border-radius: 0.1875rem; } .goodWrapper .item .text { width: 16.78125rem; position: relative; } .goodWrapper .item .text .name { font-size: 0.875rem; color: #282828; width: 14.15625rem; } .goodWrapper .item .text .num { font-size: 0.8125rem; color: #868686; } .goodWrapper .item .text .attr { font-size: 0.625rem; color: #868686; margin-top: 0.21875rem; } .goodWrapper .item .text .money { font-size: 0.8125rem; margin-top: 0.53125rem; } .goodWrapper .item .text .evaluate { position: absolute; width: 3.5625rem; height: 1.4375rem; border: 1px solid #e93323; color: #e93323; border-radius: 0.125rem; text-align: center; line-height: 1.4375rem; right: 0; bottom: -0.3125rem; } .goodWrapper .item .text .evaluate.userEvaluated { font-size: 0.8125rem; color: #aaa; background-color: #f7f7f7; border-color: #f7f7f7; } /*地址弹窗*/ .address-window { background-color: #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .address-window.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .address-window .title { font-size: 1rem; font-weight: bold; text-align: center; height: 3.84375rem; line-height: 3.84375rem; position: relative; color: #333; } .address-window .title .iconfont { position: absolute; right: 0.9375rem; color: #8a8a8a; font-size: 1.09375rem; } .address-window .list { max-height: 18.75rem; overflow-y: auto; overflow-x: hidden; } .address-window .list .item { margin-left: 0.9375rem; padding-right: 0.9375rem; border-bottom: 1px solid #eee; height: 4.03125rem; font-size: 0.78125rem; color: #333; } .address-window .list .item .iconfont { font-size: 1.15625rem; color: #2c2c2c; } .address-window .list .item .iconfont.icon-complete { font-size: 0.9375rem; color: #fff; } .address-window .list .item .addressTxt { width: 17.5rem; } .address-window .list .item .addressTxt .name { font-size: 0.875rem; font-weight: bold; color: #282828; margin-bottom: 0.125rem; } .address-window .list .item .addressTxt .name .phone { margin-left: 0.5625rem; } .address-window .addressBnt { font-size: 0.9375rem; font-weight: bold; color: #fff; width: 21.5625rem; height: 2.6875rem; border-radius: 1.34375rem; text-align: center; line-height: 2.6875rem; margin: 2.65625rem auto; } .address-window .pictrue { width: 12.9375rem; height: 10.5rem; margin: 2.5rem auto; } .address-window .pictrue .image { width: 100%; height: 100%; } /*轮播图*/ .swiper { height: 8.8125rem; } .swiper .slide-image { width: 100%; height: 100%; } .swiper .swiper-pagination { text-align: right; padding-right: 1.25rem; bottom: 0.3125rem; width: 100%; } .swiper .swiper-pagination-bullet { width: 0.375rem; height: 0.375rem; border: 0.0625rem solid #fff; border-radius: 50%; background-color: rgba(0, 0, 0, 0); opacity: 1; } .swiper .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 0.375rem; } .swiper .swiper-pagination-bullet-active { border-color: #e93323; background-color: #e93323; } /**/ .goodsStyle { background-color: #fff; padding: 0.6875rem 0.9375rem; } .goodsStyle .pictrue { width: 3.75rem; height: 3.75rem; } .goodsStyle .pictrue .image { width: 100%; height: 100%; border-radius: 0.1875rem; } .goodsStyle .text { width: 17.03125rem; font-size: 0.875rem; color: #999; } .goodsStyle .text .name { width: 11.25rem; color: #282828; } .goodsStyle .text .money { text-align: right; } .goodsStyle .text .money .num { margin-top: 0.21875rem; } /*所有推广头部样式*/ .promoterHeader { width: 100%; height: 6.875rem; } .promoterHeader .headerCon { width: 100%; height: 100%; padding: 0 2.75rem 0 1.71875rem; font-size: 0.875rem; color: #fff; background-image: url('https://h5.dayouqiantu.cn/static/images/transparent.png'); background-repeat: no-repeat; background-size: 100% 100%; } .promoterHeader .headerCon .name { margin-bottom: 0.0625rem; } .promoterHeader .headerCon .num { font-size: 1.5625rem; } .promoterHeader .headerCon .iconfont { font-size: 3.90625rem; } /*首页优惠券弹窗*/ .coupon-window { background-image: url('https://h5.dayouqiantu.cn/static/images/coupon-window.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 19.6875rem; height: 20.28125rem; position: fixed; top: 20%; z-index: 99; left: 50%; margin-left: -9.53125rem; -webkit-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .coupon-window.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .coupon-window .couponWinList { width: 15rem; margin: 4.90625rem 0 0 1.875rem; height: 12.96875rem; overflow: auto; } .coupon-window .couponWinList .item { width: 100%; height: 3.75rem; background-color: #fff; position: relative; margin-bottom: 0.53125rem; } .coupon-window .couponWinList .item::after { content: ''; position: absolute; width: 0.5625rem; height: 0.5625rem; border-radius: 50%; background-color: #73CBB6; left: 25.5%; bottom: 0; margin-bottom: -0.28125rem; } .coupon-window .couponWinList .item::before { content: ''; position: absolute; width: 0.5625rem; height: 0.5625rem; border-radius: 50%; background-color: #73CBB6; left: 25.5%; top: 0; margin-top: -0.28125rem; } .coupon-window .couponWinList .item .money { width: 4.0625rem; border-right: 1px dashed #ddd; height: 100%; text-align: center; line-height: 3.75rem; font-size: 0.8125rem; font-weight: bold; } .coupon-window .couponWinList .item .money .num { font-size: 1.25rem; } .coupon-window .couponWinList .item .text { width: 10.90625rem; font-size: 0.6875rem; color: #999; padding: 0 0.90625rem; } .coupon-window .couponWinList .item .text .name { font-size: 0.8125rem; color: #282828; font-weight: bold; margin-bottom: 0.28125rem; } .coupon-window .lid { background-image: url('https://h5.dayouqiantu.cn/static/images/coupon-window2.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 17.90625rem; height: 7rem; position: fixed; left: 50%; top: 20%; margin: 13.25rem 0 0 -9.25rem; } .coupon-window .lid .bnt { font-size: 0.90625rem; width: 13.75rem; height: 2.5rem; border-radius: 1.25rem; background-color: #f9f1d3; text-align: center; line-height: 2.5rem; font-weight: bold; margin: 3.0625rem auto 0 auto; } .coupon-window .lid .iconfont { color: #fff; font-size: 1.875rem; text-align: center; margin-top: 2.71875rem; } /*首页*/ .index .header { height: 3.0625rem; width: 100%; padding: 0 30rpx; box-sizing: border-box; } .index .header .logo { width: 3.96875rem; height: 1.40625rem; margin-right: 0.78125rem; } .index .header .logo ._img { width: 100%; height: 100%; display: block; } .index .header .search { width: 100%; box-sizing: border-box; height: 2rem; background-color: #f7f7f7; border-radius: 1.5625rem; padding: 0 0.875rem; font-size: 0.875rem; color: #bbb; } .index .header .search .iconfont { font-size: 1.0625rem; margin-right: 0.5rem; } .index .banner { height: 11.71875rem; } .index .banner swiper { height: 11.71875rem; } .index .banner ._img { width: 100%; height: 11.71875rem; } .index .banner .swiper-pagination { bottom: 0.21875rem; } .index .banner .swiper-pagination-bullet { width: 0.625rem; height: 0.125rem; border-radius: 0.09375rem; background-color: #fff; opacity: 0.6; } .index .banner .swiper-pagination-bullet-active { opacity: 1; } .index .nav { padding-top: 0.8125rem; } .index .nav .item { width: 25%; text-align: center; font-size: 0.8125rem; margin-bottom: 1.09375rem; } .index .nav .item .pictrue { width: 2.8125rem; height: 2.8125rem; margin: 0 auto 0.46875rem auto; } .index .nav .item .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; } .index .news { height: 2.40625rem; border-top: 1px solid #f4f4f4; padding: 0 0.9375rem; box-shadow: 0 0.3125rem 0.9375rem #f5f5f5; -moz-box-shadow: 0 0.3125rem 0.9375rem #f5f5f5; -o-box-shadow: 0 0.3125rem 0.9375rem #f5f5f5; } .index .news .pictrue { width: 3.875rem; height: 0.875rem; border-right: 1px solid #ddd; padding-right: 0.71875rem; box-sizing: content-box; -moz-box-sizing: content-box; } .index .news .pictrue ._img { width: 100%; height: 100%; display: block; } .index .news .new-banner { width: 16.34375rem; overflow: hidden; height: 2.40625rem; } .index .news .new-banner .swiper-wrapper { height: 2.40625rem; width: 100%; } .index .news .new-banner .swiper-slide { height: 2.40625rem; width: 100%; } .index .news .new-banner .swiper-slide .swiper-item { height: 2.40625rem; width: 100%; } .index .news .new-banner .text { width: 15rem; height: 2.40625rem; } .index .news .new-banner .text .label { font-size: 0.625rem; color: #73CBB6; width: 2.125rem; height: 1.0625rem; border-radius: 0.625rem; text-align: center; line-height: 1.0625rem; border: 0.0625rem solid #73CBB6; } .index .news .new-banner .text .newsTitle { width: 12.40625rem; font-size: 0.75rem; color: #666; } .index .news .new-banner .iconfont { font-size: 0.875rem; color: #888; } .index .specialArea { padding: 0.9375rem; } .index .specialArea .assemble { width: 8.125rem; height: 8.125rem; position: relative; } .index .specialArea .assemble ._img { width: 100%; height: 100%; border-radius: 0.15625rem; } .index .specialArea .assemble .text { position: absolute; top: 1.15625rem; left: 0.6875rem; } .index .specialArea .name { font-size: 0.9375rem; color: #fff; } .index .specialArea .infor { font-size: 0.6875rem; color: rgba(255, 255, 255, 0.8); margin-top: 0.15625rem; } .index .specialArea .list { height: 8.125rem; width: 13rem; } .index .specialArea .item { width: 100%; height: 3.875rem; position: relative; } .index .specialArea .item ._img { width: 100%; height: 100%; } .index .specialArea .item .text { position: absolute; top: 0.71875rem; left: 0.875rem; } .index .wrapper .title { border-top: 1px solid #eee; padding-top: 1.0625rem; margin: 0 0.9375rem; } .index .wrapper.hot + .wrapper { border-top: 0; } .index .wrapper .goodList { margin-bottom: 1.0625rem; } .index .wrapper .title .text { font-size: 0.75rem; color: #999; width: 16.5625rem; text-align: left; } .index .wrapper .title .text .name { color: #282828; font-size: 0.9375rem; font-weight: bold; margin-bottom: 0.15625rem; position: relative; } .index .wrapper .title .text .name .new { position: absolute; top: 0.0625rem; left: 4.0625rem; font-size: 0.5rem; font-weight: bold; } .index .wrapper .title .more { font-size: 0.8125rem; color: #333; } .index .wrapper .title .more .iconfont { margin-left: 0.0625rem; font-size: 0.8125rem; } .index .wrapper .scroll-product { white-space: nowrap; margin-top: 1.1875rem; padding: 0 0.9375rem 1.15625rem 0.9375rem; overflow: hidden; } .index .wrapper .scroll-product .swiper-slide { width: 5.625rem; display: inline-block; margin-right: 0.59375rem; border-bottom: 0.125rem solid #47b479; box-shadow: 0 0.46875rem 0.46875rem -0.3125rem #eee; -moz-box-shadow: 0 0.46875rem 0.46875rem -0.3125rem #eee; -o-box-shadow: 0 0.46875rem 0.46875rem -0.3125rem #eee; } .index .wrapper .scroll-product .swiper-slide:nth-of-type(3n) { border-bottom: 0.125rem solid #ff6960; } .index .wrapper .scroll-product .swiper-slide:nth-of-type(3n-1) { border-bottom: 0.125rem solid #579afe; } .index .wrapper .scroll-product .swiper-slide:nth-last-child(1) { margin-right: 0; } .index .wrapper .scroll-product .swiper-slide .img-box { width: 100%; height: 5.625rem; } .index .wrapper .scroll-product .swiper-slide .img-box ._img { width: 100%; height: 100%; border-radius: 0.1875rem 0.1875rem 0 0; } .index .wrapper .scroll-product .swiper-slide .pro-info { font-size: 0.75rem; color: #282828; text-align: center; height: 1.875rem; line-height: 1.875rem; border: 1px solid #f5f5f5; border-bottom: 0; border-top: 0; padding: 0 0.3125rem; } .index .wrapper .boutique { width: 21.5625rem; height: 9.0625rem; margin: 0.875rem auto 0 auto; } .index .wrapper .boutique { width: 21.5625rem; height: 9.0625rem; margin: 0.875rem auto 0 auto; } .index .wrapper .boutique ._img { width: 100%; height: 8.125rem; } .index .wrapper .boutique .swiper-pagination { bottom: -0.25rem; width: 100%; } .index .wrapper .boutique .swiper-pagination-bullet { width: 0.21875rem; height: 0.21875rem; border-radius: 50%; background-color: #fc4141; opacity: 0.3; } .index .wrapper .boutique .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 0.3125rem; } .index .wrapper .boutique .swiper-pagination-bullet-active { width: 0.625rem; height: 0.21875rem; border-radius: 0.109375rem; opacity: 1; } .index .hotList .hot-bg { width: 100%; height: 6.71875rem; background-image: url('https://h5.dayouqiantu.cn/static/images/index-bg.png'); background-repeat: no-repeat; background-size: 100% 100%; padding: 0 0.9375rem; font-size: 0.75rem; color: #fff; margin-top: 0.46875rem; } .index .hotList .hot-bg .title { height: 2.71875rem; } .index .hotList .hot-bg .title .text { width: 17.96875rem; } .index .hotList .hot-bg .title .text .label { font-size: 0.9375rem; font-weight: bold; margin-right: 0.625rem; } .index .hotList .hot-bg .title .more { font-size: 0.8125rem; color: #fff; } .index .hotList .hot-bg .title .more .iconfont { font-size: 0.78125rem; vertical-align: 0.0625rem; margin-left: 0.3125rem; } .index .hotList .list { width: 21.5625rem; height: 10.3125rem; border-radius: 0.625rem; background-color: #fff; margin: -4rem auto 0 auto; padding: 0 0.6875rem; box-shadow: 0 0 0.625rem -0.3125rem #aaa; -moz-box-shadow: 0 0 0.625rem -0.3125rem #aaa; -o-box-shadow: 0 0 0.625rem -0.3125rem #aaa; } .index .hotList .list .item { width: 6.25rem; text-align: left; } .index .hotList .list .item ~ .item { margin-left: 0.71875rem; } .index .hotList .list .item .pictrue { width: 100%; height: 6.25rem; position: relative; } .index .hotList .list .item .pictrue ._img { width: 100%; height: 100%; border-radius: 0.3125rem; } .index .hotList .list .item .pictrue .numPic { width: 1.5625rem; height: 1.5625rem; border-radius: 50%; position: absolute; top: 0.21875rem; left: 0.21875rem; } .index .hotList .list .item .name { font-size: 0.8125rem; color: #282828; margin-top: 0.375rem; } .index .hotList .list .item .money { font-size: 0.625rem; font-weight: bold; margin-top: 0.0625rem; } .index .hotList .list .item .money .num { font-size: 0.875rem; } .index .adver { width: 100%; height: 5.625rem; margin-top: 1.15625rem; } .index .adver ._img { width: 100%; height: 100%; display: block; } .index .hot { position: relative; background: none; } .index .hot .title { position: relative; z-index: 9; } .index .hot .title .text .name { color: #fff; } .index .hot .title .more { color: #fff; } .index .hot .title .more .iconfont { color: #fff; } .index .hot .bg { width: 100%; height: auto; position: absolute; left: 0; top: 0; right: 0; } .index .wrapper.hot .newProducts .newProductsItem { border: 0; } .index .wrapper.hot .newProducts { white-space: nowrap; padding: 0 0.9375rem; margin: 1.09375rem; overflow: hidden; background-color: #fff; padding: 0.9375rem; z-index: 99; position: relative; margin-bottom: 0; border-radius: 0.625rem; box-shadow: 0 0 0.625rem -0.3125rem #aaa; } .index .wrapper .newProducts { white-space: nowrap; padding: 0 0.9375rem; margin: 1.09375rem 0 1.3125rem 0; overflow: hidden; } .index .wrapper .newProducts .swiper-wrapper { height: 350rpx; } .index .wrapper.hot .newProducts .newProductsItem { width: 7.5rem; margin-right: 0.625rem; } .index .wrapper .newProducts .newProductsScroll { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; } .index .wrapper.hot .newProducts .newProductsItem ._img { width: 7.5rem; height: 7.5rem; } .index .wrapper .newProducts .newProductsItem { border: 1rpx solid #eee; width: 7.5rem; border-radius: 0.375rem; overflow: hidden; margin-right: 0.625rem; } .index .wrapper .newProducts .img-box { width: 100%; height: 7.5rem; } .index .wrapper.hot .newProducts .img-box { width: 7.5rem; } .index .wrapper .newProducts .img-box ._img { width: 100%; height: 100%; border-radius: 0.375rem 0.375rem 0 0; } .index .wrapper.hot .newProducts .img-box ._img { border-radius: 0.375rem; } .index .wrapper .newProducts .pro-info { font-size: 0.875rem; color: #333; text-align: center; padding: 0.46875rem 0.3125rem 0 0.3125rem; } .index .wrapper .newProducts .money { padding: 0 0.3125rem 0.5625rem 0.3125rem; text-align: center; font-size: 0.8125rem; font-weight: bold; } .index .wrapper.hot .newProducts .pro-info { text-align: left; } .index .wrapper.hot .newProducts .money { text-align: left; } /*商品列表*/ .productList .search { width: 100%; height: 2.6875rem; padding-left: 0.71875rem; position: fixed; left: 0; top: 0; z-index: 5; } .productList .search .input { width: 20rem; height: 1.875rem; background-color: #fff; border-radius: 1.5625rem; padding: 0 0.625rem; } .productList .search .input input { width: 17.125rem; height: 100%; font-size: 0.8125rem; } .productList .search .input input::-webkit-input-placeholder { color: #999; } .productList .search .input input::placeholder { color: #999; } .productList .search .input .iconfont { font-size: 1.09375rem; color: #555; } .productList .search .icon-pailie, .productList .search .icon-tupianpailie { margin: 0 auto; color: #fff; width: 1.25rem; font-size: 1.25rem; height: 2.6875rem; line-height: 2.6875rem; } .productList .nav { height: 2.6875rem; color: #454545; position: fixed; left: 0; width: 100%; font-size: 0.875rem; background-color: #fff; top: 2.6875rem; z-index: 5; } .productList .nav .item { width: 25%; text-align: center; } .productList .nav .item.font-color { font-weight: bold; } .productList .nav .item ._img { width: 0.46875rem; height: 0.59375rem; margin-left: 0.3125rem; } .productList .list { padding: 0 0.625rem; margin-top: 5.375rem; } .productList .list.on { background-color: #fff; border-top: 1px solid #f6f6f6; } .productList .list .item { width: 10.78125rem; margin-top: 0.625rem; background-color: #fff; border-radius: 0.3125rem; } .productList .list .item.on { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; border-bottom: 1px solid #f6f6f6; padding: 0.9375rem 0; margin: 0; } .productList .list .item .pictrue { width: 100%; height: 10.78125rem; } .productList .list .item .pictrue.on { width: 5.625rem; height: 5.625rem; } .productList .list .item .pictrue ._img { width: 100%; height: 100%; border-radius: 0.3125rem 0.3125rem 0 0; } .productList .list .item .pictrue ._img.on { border-radius: 0.1875rem; } .productList .list .item .text { padding: 0.625rem 0.53125rem 0.8125rem 0.53125rem; font-size: 0.9375rem; color: #222; text-align: left; } .productList .list .item .text.on { width: 15.875rem; padding: 0 0 0 0.6875rem; } .productList .list .item .text .money { font-size: 0.8125rem; font-weight: bold; margin-top: 0.25rem; } .productList .list .item .text .money.on { margin-top: 1.25rem; } .productList .list .item .text .money .num { font-size: 1.0625rem; } .productList .list .item .text .vip { font-size: 0.6875rem; color: #aaa; margin-top: 0.21875rem; } .productList .list .item .text .vip.on { margin-top: 0.34375rem; } .productList .list .item .text .vip .vip-money { font-size: 0.75rem; color: #282828; font-weight: bold; text-decoration: line-through; } .productList .list .item .text .vip .vip-money ._img { width: 1.4375rem; height: 0.65625rem; margin-left: 0.125rem; } /*购物车*/ .shoppingCart .labelNav { box-sizing: border-box; height: 2.375rem; padding: 0 0.9375rem; font-size: 0.6875rem; color: #8c8c8c; position: fixed; left: 0; width: 100%; background-color: #f5f5f5; z-index: 5; top: 0; } .shoppingCart .labelNav .item .iconfont { font-size: 0.78125rem; margin-right: 0.3125rem; } .shoppingCart .nav { box-sizing: border-box; width: 100%; height: 2.5rem; background-color: #fff; padding: 0 0.9375rem; font-size: 0.875rem; color: #282828; position: fixed; left: 0; z-index: 5; top: 2.375rem; border-bottom: 1px solid #f5f5f5; } .shoppingCart .nav .administrate { font-size: 0.8125rem; color: #282828; width: 3.4375rem; height: 1.4375rem; border-radius: 0.1875rem; border: 1px solid #868686; } .shoppingCart .noCart { margin-top: 5.34375rem; background-color: #fff; padding: 2.4375rem 0 1.75rem 0; } .shoppingCart .noCart .pictrue { width: 12.9375rem; height: 10.5rem; margin: 0 auto; } .shoppingCart .noCart .pictrue ._img { width: 100%; height: 100%; } .shoppingCart .list { margin-top: 5.34375rem; } .shoppingCart .list .item { padding: 0.78125rem 0.9375rem; background-color: #fff; margin-bottom: 0.46875rem; } .shoppingCart .list .item .picTxt { width: 19.59375rem; position: relative; } .shoppingCart .list .item .picTxt .pictrue { width: 5rem; height: 5rem; } .shoppingCart .list .item .picTxt .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .shoppingCart .list .item .picTxt .text { width: 13.875rem; font-size: 0.875rem; color: #282828; text-align: left; } .shoppingCart .list .item .picTxt .text .infor { font-size: 0.75rem; color: #868686; margin-top: 0.5rem; } .shoppingCart .list .item .picTxt .text .money { font-size: 1rem; color: #282828; margin-top: 0.8125rem; } .shoppingCart .list .item .picTxt .carnum { height: 1.375rem; position: absolute; bottom: 0.21875rem; right: 0; } .shoppingCart .list .item .picTxt .carnum ._div { border: 1px solid #a4a4a4; width: 2.0625rem; text-align: center; height: 100%; line-height: 1.375rem; font-size: 0.875rem; color: #a4a4a4; } .shoppingCart .list .item .picTxt .carnum .reduce { border-right: 0; border-radius: 0.09375rem 0 0 0.09375rem; line-height: 1.21875rem; } .shoppingCart .list .item .picTxt .carnum .reduce.on { border-color: #e3e3e3; color: #dedede; } .shoppingCart .list .item .picTxt .carnum .plus { border-left: 0; border-radius: 0 0.09375rem 0.09375rem 0; line-height: 1.1875rem; } .shoppingCart .list .item .picTxt .carnum .num { color: #282828; } .shoppingCart .invalidGoods { background-color: #fff; } .shoppingCart .invalidGoods .goodsNav { box-sizing: border-box; width: 100%; height: 2.0625rem; padding: 0 0.9375rem; font-size: 0.875rem; color: #282828; } .shoppingCart .invalidGoods .goodsNav .iconfont { color: #424242; font-size: 0.875rem; margin-right: 0.53125rem; } .shoppingCart .invalidGoods .goodsNav .del { font-size: 0.8125rem; color: #999; } .shoppingCart .invalidGoods .goodsNav .del .icon-shanchu1 { color: #999; font-size: 1.03125rem; vertical-align: -0.0625rem; margin-right: 0.25rem; } .shoppingCart .invalidGoods .goodsList .item { padding: 0.625rem 0.9375rem; border-top: 1px solid #f5f5f5; } .shoppingCart .invalidGoods .goodsList .item .invalid { font-size: 0.6875rem; color: #fff; width: 2.1875rem; height: 1.125rem; background-color: #aaa; border-radius: 0.09375rem; } .shoppingCart .invalidGoods .goodsList .item .pictrue { width: 4.375rem; height: 4.375rem; } .shoppingCart .invalidGoods .goodsList .item .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .shoppingCart .invalidGoods .goodsList .item .text { width: 13.53125rem; font-size: 0.875rem; color: #999; height: 4.375rem; text-align: left; } .shoppingCart .invalidGoods .goodsList .item .text .infor { font-size: 0.75rem; } .shoppingCart .invalidGoods .goodsList .item .text .end { font-size: 0.8125rem; color: #bbb; } .shoppingCart .footer { box-sizing: border-box; width: 100%; height: 3rem; background-color: #fafafa; position: fixed; bottom: 0; padding: 0 0.9375rem; border-top: 1px solid #eee; } .shoppingCart .iphonex-footer { bottom: 168rpx; } .shoppingCart .footer .checkAll { font-size: 0.875rem; color: #282828; margin-left: 1.875rem; } .shoppingCart .footer .money { font-size: 0.9375rem; } .shoppingCart .footer .placeOrder { color: #fff; font-size: 0.9375rem; width: 7.0625rem; height: 2.1875rem; border-radius: 1.5625rem; text-align: center; line-height: 2.1875rem; margin-left: 0.6875rem; } .shoppingCart .footer .button .bnt { font-size: 0.875rem; color: #999; border-radius: 1.5625rem; border: 1px solid #999; width: 5rem; height: 1.875rem; text-align: center; line-height: 1.875rem; } .shoppingCart .footer .button .bnt ~ .bnt { margin-left: 0.53125rem; } /*个人中心*/ .user .header { padding: 0 0.9375rem; height: 5.9375rem; position: relative; } .user .header:after { position: absolute; left: 0; right: 0; bottom: -3.0625rem; z-index: -1; content: ''; height: 3.125rem; width: 100%; border-radius: 0 0 50% 50%; background-color: #73CBB6; } .user .header .picTxt .pictrue { width: 3.75rem; height: 3.75rem; } .user .header .picTxt .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; border: 0.09375rem solid #f5f5f5; } .user .header .picTxt .text { width: 13.5625rem; color: #ffffff; margin-left: 1.09375rem; text-align: left; } .user .header .picTxt .text .name { font-size: 1rem; max-width: 8.125rem; width: unset; } .user .header .picTxt .text .member { padding: 0 0.3125rem; height: 1.125rem; background-color: rgba(0, 0, 0, 0.2); font-size: 0.625rem; border-radius: 0.9375rem; margin-left: 0.53125rem; } .user .header .picTxt .text .member ._img { width: 0.875rem; height: 0.875rem; font-size: 0.625rem; margin-right: 0.25rem; } .user .header .picTxt .text .id { color: rgba(255, 255, 255, 0.6); font-size: 0.8125rem; margin-top: 0.46875rem; } .user .header .picTxt .text .id .iconfont { font-size: 0.9375rem; margin-left: 0.375rem; } .user .header .icon-shezhi { font-size: 1.125rem; color: #fff; margin-top: -1.625rem; } .user .wrapper { padding: 0 0.625rem; } .user .wrapper .nav { background-color: #fff; border-radius: 0.1875rem; height: 4.375rem; } .user .wrapper .nav .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.8125rem; color: #aaa; position: relative; } .user .wrapper .nav .item ~ .item:after { position: absolute; content: ''; left: 0; width: 1px; height: 2.1875rem; background-color: #eee; top: 50%; margin-top: -1.09375rem; } .user .wrapper .nav .item .num { margin-top: 0.3125rem; font-size: 1.125rem; color: #282828; } .user .wrapper .myOrder { background-color: #fff; border-radius: 0.3125rem; margin-top: 0.46875rem; } .user .wrapper .myOrder .title, .user .wrapper .myService .title { height: 2.75rem; padding: 0 0.9375rem; border-bottom: 1px dashed #eee; font-size: 0.9375rem; color: #282828; } .user .wrapper .myOrder .title .allOrder { font-size: 0.8125rem; color: #666; } .user .wrapper .myOrder .title .allOrder .iconfont { font-size: 0.78125rem; margin-left: 0.21875rem; } .user .wrapper .myOrder .orderState { height: 5rem; } .user .wrapper .myOrder .orderState .item { font-size: 0.8125rem; color: #454545; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; } .user .wrapper .myOrder .orderState .item .pictrue { width: 1.53125rem; height: 1.3125rem; margin: 0 auto 0.5625rem auto; } .user .wrapper .myOrder .orderState .item .pictrue ._img { width: 100%; height: 100%; } .user .wrapper .myService { background-color: #fff; margin-top: 0.46875rem; border-radius: 0.3125rem; } .user .wrapper .myService .serviceList { padding: 0.25rem 0 0.84375rem 0; } .user .wrapper .myService .serviceList .item { width: 25%; text-align: center; font-size: 0.8125rem; color: #333; margin-top: 0.9375rem; } .user .wrapper .myService .serviceList .item .pictrue { width: 1.625rem; height: 1.625rem; margin: 0 auto 0.5rem auto; } .user .wrapper .myService .serviceList .item .pictrue ._img { width: 100%; height: 100%; } .user .support { width: 6.84375rem; height: 2.3125rem; margin: 1.6875rem auto; display: block; } /*所有产品的详情公用部分*/ .product-con .wrapper { background-color: #fff; } .product-con .wrapper .share { margin: 0 0.9375rem; padding-top: 0.78125rem; } .product-con .wrapper .share .money { font-size: 0.875rem; font-weight: bold; } .product-con .wrapper .share .money .num { font-size: 1.5rem; } .product-con .wrapper .share .money .vip-money { color: #282828; margin-left: 0.40625rem; } .product-con .wrapper .share .money .image { width: 1.4375rem; height: 0.65625rem; margin-left: 0.21875rem; } .product-con .wrapper .share .money .vip-money { color: #282828; margin-left: 0.40625rem; } .product-con .wrapper .share .iconfont { color: #515151; font-size: 1.25rem; margin-bottom: 0.3125rem; } .product-con .wrapper .introduce { font-size: 1rem; font-weight: bold; margin: 0.3125rem 0.9375rem 0 0.9375rem; } .product-con .wrapper .label { margin: 0.6875rem 0.9375rem 0 0.9375rem; font-size: 0.75rem; color: #82848f; padding-bottom: 0.78125rem; } .product-con .wrapper .coupon { padding: 0 0.9375rem; border-top: 1px solid #f5f5f5; height: 2.5rem; font-size: 0.8125rem; color: #82848f; } .product-con .wrapper .coupon .hide { width: 16.875rem; height: 2.5rem; line-height: 2.5rem; } .product-con .wrapper .coupon .activity { height: 1.25rem; padding: 0 0.625rem; border: 1px solid #f2857b; color: #e93323; font-size: 0.75rem; line-height: 1.25rem; position: relative; margin: 0.59375rem 0 0.59375rem 0.46875rem; } .product-con .wrapper .coupon .activity:before { content: ' '; position: absolute; width: 0.21875rem; height: 0.3125rem; border-radius: 0 0.21875rem 0.21875rem 0; border: 1px solid #f2857b; background-color: #fff; bottom: 50%; left: -0.0625rem; margin-bottom: -0.21875rem; border-left-color: #fff; } .product-con .wrapper .coupon .activity:after { content: ' '; position: absolute; width: 0.21875rem; height: 0.3125rem; border-radius: 0.21875rem 0 0 0.21875rem; border: 1px solid #f2857b; background-color: #fff; right: -0.0625rem; bottom: 50%; margin-bottom: -0.15625rem; border-right-color: #fff; } .product-con .wrapper .coupon .iconfont { color: #7a7a7a; font-size: 0.875rem; } .product-con .attribute { background-color: #fff; padding: 0 0.9375rem; font-size: 0.8125rem; color: #82848f; margin-top: 0.625rem; height: 2.5rem; } .product-con .attribute .atterTxt { font-size: 0.875rem; color: #282828; } .product-con .attribute .iconfont { font-size: 0.875rem; color: #7a7a7a; } .product-con .userEvaluation { margin-top: 0.625rem; background-color: #fff; } .product-con .userEvaluation .title { height: 2.6875rem; border-bottom: 1px solid #eee; font-size: 0.875rem; color: #282828; margin-left: 0.9375rem; padding-right: 0.9375rem; } .product-con .userEvaluation .title .praise { font-size: 0.875rem; color: #808080; } .product-con .userEvaluation .title .praise .iconfont { color: #7a7a7a; font-size: 0.875rem; vertical-align: 0.03125rem; margin-left: 0.25rem; } .product-con .product-intro { margin-top: 0.625rem; } .product-con .product-intro .title { font-size: 0.9375rem; color: #282828; height: 2.6875rem; width: 100%; background-color: #fff; text-align: center; line-height: 2.6875rem; } .product-con .product-intro .conter { width: 100%; } .product-con .product-intro .conter ._img { width: 100% !important; display: block !important; } /*产品详情*/ .product-con .footer { box-sizing: border-box; padding: 0 0.625rem 0 0.9375rem; position: fixed; bottom: 0; width: 100%; height: 3.125rem; background-color: #fff; z-index: 99; border-top: 1px solid #f0f0f0; } .product-con .footer .item { font-size: 0.5625rem; color: #666; margin-top: 0.21875rem; } .product-con .footer .item .iconfont { text-align: center; font-size: 1.25rem; height: 1.25rem; line-height: 1.25rem; } .product-con .footer .item .iconfont.icon-gouwuche1 { position: relative; } .product-con .footer .item .iconfont.icon-gouwuche1 .num { color: #fff; position: absolute; font-size: 0.5625rem; border-radius: 6.25rem; top: -0.3125rem; right: 0; height: 0.9375rem; line-height: 0.9375rem; padding: 0 0.25rem; min-width: 0.9375rem; } .product-con .footer .bnt { width: 13.875rem; height: 2.375rem; color: #fff; font-size: 0.875rem; } .product-con .footer .bnt > ._div { width: 6.9375rem; text-align: center; line-height: 2.375rem; } .product-con .footer .bnt .joinCart { border-radius: 1.5625rem 0 0 1.5625rem; background-image: -webkit-linear-gradient(left, #fea10f 0%, #fea10f 100%); background-image: linear-gradient(to right, #fea10f 0%, #fea10f 100%); background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); } .product-con .footer .bnt .buy { border-radius: 0 1.5625rem 1.5625rem 0; background-image: -webkit-linear-gradient(left, #73CBB6 0%, #73CBB6 100%); background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); } /*订单提交*/ .order-submission .line { width: 100%; height: 0.09375rem; } .order-submission .line ._img { width: 100%; height: 100%; display: block; } .order-submission .address { padding: 0.875rem 0.9375rem; background-color: #fff; } .order-submission .address .addressCon { width: 19.0625rem; font-size: 0.8125rem; color: #666; } .order-submission .address .addressCon .name { font-size: 0.9375rem; color: #282828; font-weight: bold; margin-bottom: 0.3125rem; } .order-submission .address .addressCon .name .phone { margin-left: 1.5625rem; } .order-submission .address .addressCon .default { margin-right: 0.375rem; } .order-submission .address .addressCon .setaddress { color: #333; font-size: 0.875rem; } .order-submission .address .iconfont { font-size: 1.09375rem; color: #707070; } .order-submission .wrapper { background-color: #fff; margin-top: 0.40625rem; } .order-submission .wrapper .item { padding: 0.84375rem 0.9375rem; font-size: 0.9375rem; color: #282828; border-bottom: 1px solid #f0f0f0; } .order-submission .wrapper .item .discount { font-size: 0.9375rem; color: #999; width: 15.625rem; text-align: right; } .order-submission .wrapper .item .discount .integral { margin-right: 1.25rem; } .order-submission .wrapper .item .discount .checkbox-wrapper .icon { right: 0; left: unset; } .order-submission .wrapper .item .discount .iconfont { color: #515151; font-size: 0.9375rem; margin-left: 0.46875rem; } .order-submission .wrapper .item .discount .num { font-size: 1rem; margin-right: 0.625rem; } .order-submission .wrapper .item textarea { box-sizing: border-box; background-color: #f9f9f9; width: 100%; height: 4.375rem; border-radius: 0.09375rem; margin-top: 0.9375rem; padding: 0.78125rem 0.875rem; } .order-submission .wrapper .item textarea::-webkit-input-placeholder { color: #ccc; } .order-submission .wrapper .item textarea::placeholder { color: #ccc; } .order-submission .wrapper .item .list { margin-top: 1.09375rem; } .order-submission .wrapper .item .list .payItem { border: 1px solid #eee; border-radius: 0.1875rem; height: 2.6875rem; width: 100%; margin-top: 0.625rem; font-size: 0.875rem; color: #282828; } .order-submission .wrapper .item .list .payItem.on { border-color: #fc5445; color: #e93323; } .order-submission .wrapper .item .list .payItem .name { width: 50%; text-align: center; border-right: 1px solid #eee; } .order-submission .wrapper .item .list .payItem .name .iconfont { width: 1.375rem; height: 1.375rem; border-radius: 50%; text-align: center; line-height: 1.375rem; background-color: #fe960f; color: #fff; font-size: 0.9375rem; margin-right: 0.46875rem; } .order-submission .wrapper .item .list .payItem .name .iconfont.icon-weixin2 { background-color: #41b035; } .order-submission .wrapper .item .list .payItem .name .iconfont.icon-yinhangqia { background-color: #73CBB6; } .order-submission .wrapper .item .list .payItem .tip { width: 49%; text-align: center; font-size: 0.8125rem; color: #aaa; } .order-submission .moneyList { margin-top: 0.375rem; background-color: #fff; padding: 0.9375rem; } .order-submission .moneyList .item { font-size: 0.875rem; color: #282828; } .order-submission .moneyList .item ~ .item { margin-top: 0.625rem; } .order-submission .moneyList .item .money { color: #868686; } .order-submission .footer { box-sizing: border-box; width: 100%; height: 3.125rem; background-color: #fff; padding: 0 0.9375rem; font-size: 0.875rem; color: #333; position: fixed; bottom: 0; left: 0; } .order-submission .footer .settlement { font-size: 0.9375rem; color: #fff; width: 7.5rem; height: 2.1875rem; background-color: #e93323; border-radius: 1.5625rem; text-align: center; line-height: 2.1875rem; } /*地址管理*/ .address-management .line { width: 100%; height: 0.09375rem; } .address-management .line ._img { width: 100%; height: 100%; display: block; } .address-management .item { background-color: #fff; padding: 0 0.9375rem; margin-bottom: 0.375rem; } .address-management .item .address { padding: 0.9375rem 0; border-bottom: 1px solid #eee; font-size: 0.875rem; color: #282828; } .address-management .item .address .consignee { font-size: 0.875rem; font-weight: bold; margin-bottom: 0.25rem; } .address-management .item .address .consignee .phone { margin-left: 0.78125rem; } .address-management .item .operation { height: 2.59375rem; font-size: 0.875rem; color: #282828; } .address-management .item .operation .default { margin-left: 0.3125rem; } .address-management .item .operation .iconfont { color: #2c2c2c; font-size: 0.9375rem; vertical-align: -0.0625rem; margin-right: 0.3125rem; } .address-management .item .operation .iconfont.icon-shanchu { margin-left: 1.25rem; font-size: 1.03125rem; } .address-management .footer { box-sizing: border-box; position: fixed; width: 100%; background-color: #fff; bottom: 0; height: 3.3125rem; padding: 0 0.9375rem; } .address-management .footer .addressBnt { width: 10.3125rem; height: 2.375rem; border-radius: 1.5625rem; text-align: center; line-height: 2.375rem; font-size: 0.9375rem; color: #fff; } .address-management .footer .addressBnt.on { width: 21.5625rem; margin: 0 auto; } .address-management .footer .addressBnt .iconfont { font-size: 1.09375rem; margin-right: 0.25rem; vertical-align: -0.03125rem; } .address-management .footer .addressBnt.wxbnt { background-color: #73CBB6; } /*添加地址*/ .addAddress .list { background-color: #fff; } .addAddress .list .item { padding: 0 0.9375rem; min-height: 2.8125rem; border-top: 0.03125rem solid #eee; font-size: 0.9375rem; } .addAddress .list .item .name { width: 6.09375rem; color: #333; } .addAddress .list .item input { width: 14.84375rem; font-size: 0.9375rem; } .addAddress .list .item input::-webkit-input-placeholder { color: #ccc; } .addAddress .list .item input::placeholder { color: #ccc; } .addAddress .list .item .picker { width: 14.84375rem; } .addAddress .list .item .address { width: 12.8125rem; } .addAddress .list .item .picker .iconfont { font-size: 1.34375rem; } .addAddress .default { padding: 0 0.9375rem; height: 2.8125rem; background-color: #fff; margin-top: 0.71875rem; } .addAddress .default .def { margin-left: 0.3125rem; height: 2.59375rem; font-size: 0.875rem; color: #282828; } .addAddress .keepBnt { width: 21.5625rem; height: 2.6875rem; border-radius: 1.5625rem; text-align: center; line-height: 2.6875rem; margin: 1.5625rem auto 0.9375rem auto; font-size: 1rem; color: #fff; } .addAddress .wechatAddress { width: 21.5625rem; height: 2.6875rem; border-radius: 1.5625rem; text-align: center; line-height: 2.6875rem; margin: 0 auto; font-size: 1rem; color: #73CBB6; border: 1px solid #73CBB6; } /*我的订单*/ .my-order .header { height: 8.125rem; padding: 0 0.9375rem; } .my-order .header .picTxt { height: 5.9375rem; } .my-order .header .picTxt .text { color: rgba(255, 255, 255, 0.8); font-size: 0.8125rem; font-family: 'GuildfordProBook 5'; } .my-order .header .picTxt .text .name { font-size: 1.0625rem; font-weight: bold; color: #fff; margin-bottom: 0.625rem; } .my-order .header .picTxt .pictrue { width: 3.8125rem; height: 3.40625rem; } .my-order .header .picTxt .pictrue ._img { width: 100%; height: 100%; } .my-order .nav { background-color: #fff; width: 21.5625rem; height: 4.375rem; border-radius: 0.1875rem; margin: -2.28125rem auto 0 auto; } .my-order .nav .item { text-align: center; font-size: 0.8125rem; color: #282828; padding: 0.90625rem 0 0.625rem 0; } .my-order .nav .item.on { font-weight: bold; border-bottom: 0.15625rem solid #73CBB6; } .my-order .nav .item .num { margin-top: 0.3125rem; } .my-order .list { width: 21.5625rem; margin: 0.4375rem auto 0 auto; } .my-order .list .item { background-color: #fff; border-radius: 0.1875rem; margin-bottom: 0.4375rem; } .my-order .list .item .title { height: 2.625rem; padding: 0 0.9375rem; border-bottom: 0.03125rem solid #eee; font-size: 0.875rem; color: #282828; } .my-order .list .item .title .sign { font-size: 0.75rem; padding: 0 0.21875rem; height: 1.125rem; margin-right: 0.46875rem; } .my-order .list .item .item-info { padding: 0 0.9375rem; margin-top: 0.6875rem; } .my-order .list .item .item-info .pictrue { width: 3.75rem; height: 3.75rem; } .my-order .list .item .item-info .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .my-order .list .item .item-info .text { width: 15.1875rem; font-size: 0.875rem; color: #999; margin-top: 0.1875rem; } .my-order .list .item .item-info .text .name { width: 9.5625rem; color: #282828; } .my-order .list .item .item-info .text .money { text-align: right; } .my-order .list .item .totalPrice { font-size: 0.8125rem; color: #282828; text-align: right; margin: 0.84375rem 0 0 0.9375rem; padding: 0 0.9375rem 0.9375rem 0; border-bottom: 0.03125rem solid #eee; } .my-order .list .item .totalPrice .money { font-size: 0.875rem; font-weight: bold; } .my-order .list .item .bottom { height: 3.34375rem; padding: 0 0.9375rem; } .my-order .list .item .bottom .bnt { width: 5.5rem; height: 1.875rem; text-align: center; line-height: 1.875rem; color: #fff; border-radius: 1.5625rem; font-size: 0.84375rem; } .my-order .list .item .bottom .bnt.cancelBnt { border: 1px solid #ddd; color: #aaa; } .my-order .list .item .bottom .bnt.default { color: #444; border: 1px solid #444; } .my-order .list .item .bottom .bnt ~ .bnt { margin-left: 0.53125rem; } /*订单详情*/ .order-details .header { padding: 0 0.9375rem; height: 4.6875rem; } .order-details .header.on { background-color: #666 !important; } .order-details .header .pictrue { width: 3.4375rem; height: 3.4375rem; } .order-details .header .pictrue ._img { width: 100%; height: 100%; } .order-details .header .data { color: rgba(255, 255, 255, 0.8); font-size: 0.75rem; margin-left: 0.84375rem; } .order-details .header.on .data { margin-left: 0; } .order-details .header .data .state { font-size: 0.9375rem; font-weight: bold; color: #fff; margin-bottom: 0.21875rem; } .order-details .header .data .time { margin-left: 0.625rem; } .order-details .nav { background-color: #fff; font-size: 0.8125rem; color: #282828; padding: 0.78125rem 0; } .order-details .nav .navCon { padding: 0 1.25rem; } .order-details .nav .navCon .on { font-weight: bold; color: #73CBB6; } .order-details .nav .progress { padding: 0 2.03125rem; margin-top: 0.3125rem; } .order-details .nav .progress .line { width: 3.125rem; height: 0.0625rem; background-color: #939390; } .order-details .nav .progress .iconfont { font-size: 0.78125rem; color: #939390; margin-top: -0.0625rem; width: 0.9375rem; height: 0.9375rem; line-height: 1.03125rem; text-align: center; } .order-details .address { font-size: 0.8125rem; color: #868686; background-color: #fff; padding: 0.78125rem 0.9375rem 0.9375rem 0.9375rem; } .order-details .address .name { font-size: 0.9375rem; color: #282828; margin-bottom: 0.3125rem; } .order-details .address .name .phone { margin-left: 1.25rem; } .order-details .line { width: 100%; height: 0.09375rem; } .order-details .line ._img { width: 100%; height: 100%; display: block; } .order-details .wrapper { background-color: #fff; margin-top: 0.375rem; padding: 0.9375rem; } .order-details .wrapper .item { font-size: 0.875rem; color: #282828; } .order-details .wrapper .item ~ .item { margin-top: 0.625rem; } .order-details .wrapper .item .conter { color: #868686; width: 15.625rem; text-align: right; } .order-details .wrapper .item .conter .copy { font-size: 0.625rem; color: #333; border-radius: 0.09375rem; border: 1px solid #666; padding: 0.09375rem 0.46875rem; margin-left: 0.75rem; } .order-details .wrapper .actualPay { border-top: 0.03125rem solid #eee; margin-top: 0.9375rem; padding-top: 0.9375rem; } .order-details .wrapper .actualPay .money { font-weight: bold; font-size: 0.9375rem; } .order-details .footer { box-sizing: border-box; width: 100%; height: 3.125rem; position: fixed; bottom: 0; left: 0; background-color: #fff; padding: 0 0.9375rem; border-top: 1px solid #eee; } .order-details .footer .bnt { width: 5.5rem; height: 1.875rem; text-align: center; line-height: 1.875rem; border-radius: 1.5625rem; color: #fff; font-size: 0.84375rem; } .order-details .footer .bnt.cancel { color: #aaa; border: 1px solid #ddd; } .order-details .footer .bnt.default { color: #444; border: 1px solid #444; } .order-details .footer .bnt ~ .bnt { margin-left: 0.5625rem; } /*物流信息*/ .logistics .header { padding: 0.71875rem 0.9375rem; background-color: #fff; height: 5.1875rem; } .logistics .header .pictrue { width: 3.75rem; height: 3.75rem; } .logistics .header .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .logistics .header .text { width: 16.875rem; font-size: 0.875rem; color: #999; margin-top: 0.1875rem; } .logistics .header .text .name { width: 11.40625rem; color: #282828; } .logistics .header .text .money { text-align: right; } .logistics .logisticsCon { background-color: #fff; margin: 0.375rem 0; } .logistics .logisticsCon .company { height: 3.75rem; margin: 0 0 1.40625rem 0.9375rem; padding-right: 0.9375rem; border-bottom: 1px solid #f5f5f5; } .logistics .logisticsCon .company .picTxt { width: 16.25rem; } .logistics .logisticsCon .company .picTxt .iconfont { width: 1.5625rem; height: 1.5625rem; background-color: #666; text-align: center; line-height: 1.5625rem; color: #fff; font-size: 1.09375rem; } .logistics .logisticsCon .company .picTxt .text { width: 14.0625rem; font-size: 0.8125rem; color: #282828; } .logistics .logisticsCon .company .picTxt .text .name { color: #999; } .logistics .logisticsCon .company .picTxt .text .express { margin-top: 0.15625rem; } .logistics .logisticsCon .company .copy { font-size: 0.625rem; width: 3.3125rem; height: 1.25rem; border-radius: 0.09375rem; border: 1px solid #999; } .logistics .logisticsCon .item { padding: 0 1.25rem; position: relative; } .logistics .logisticsCon .item .circular { width: 0.625rem; height: 0.625rem; border-radius: 50%; position: absolute; top: -0.03125rem; left: 0.984375rem; background-color: #ddd; } .logistics .logisticsCon .item .circular.on { background-color: #73CBB6; } .logistics .logisticsCon .item .text { font-size: 0.8125rem; color: #666; width: 19.21875rem; border-left: 1px solid #e6e6e6; padding: 0 0 1.875rem 1.1875rem; } .logistics .logisticsCon .item .text.on { border-left-color: #f8c1bd; } .logistics .logisticsCon .item .text .data { font-size: 0.75rem; color: #999; margin-top: 0.3125rem; } .logistics .logisticsCon .item .text .data .time { margin-left: 0.46875rem; } /*支付状态*/ .payment-status { background-color: #fff; margin: 6.09375rem auto 0 auto; border-radius: 0.3125rem; padding: 0.03125rem 0 0.875rem 0; width: 21.5625rem; left: 50%; margin-left: -10.78125rem; } .payment-status .iconfont { font-size: 2.1875rem; width: 4.375rem; height: 4.375rem; border-radius: 50%; color: #fff; text-align: center; line-height: 4.0625rem; text-shadow: 0 4px 0 #73CBB6; border: 0.1875rem solid #f5f5f5; margin: -2.375rem auto 0 auto; background-color: #999; } .payment-status .iconfont.fail { text-shadow: 0 4px 0 #7a7a7a; } .payment-status .status { font-size: 1rem; font-weight: bold; text-align: center; margin: 0.78125rem 0 1.15625rem 0; } .payment-status .wrapper { border: 1px solid #eee; margin: 0 0.9375rem 1.46875rem 0.9375rem; padding: 1.09375rem 0; border-left: 0; border-right: 0; } .payment-status .wrapper .item { font-size: 0.875rem; color: #282828; } .payment-status .wrapper .item ~ .item { margin-top: 0.625rem; } .payment-status .wrapper .item .itemCom { color: #666; } .payment-status .returnBnt { width: 19.6875rem; height: 2.6875rem; border-radius: 1.5625rem; color: #fff; font-size: 0.9375rem; text-align: center; line-height: 2.6875rem; margin: 0 auto 0.625rem auto; } /*个人资料*/ .personal-data .wrapper { margin: 0.3125rem 0; background-color: #fff; padding: 1.125rem 0.9375rem 0.40625rem 0.9375rem; } .personal-data .wrapper .title { margin-bottom: 0.9375rem; font-size: 1rem; color: #282828; } .personal-data .wrapper .wrapList .item { width: 21.5625rem; height: 5rem; background-color: #f8f8f8; border-radius: 0.625rem; margin-bottom: 0.6875rem; padding: 0 0.9375rem; position: relative; border: 0.0625rem solid #f8f8f8; } .personal-data .wrapper .wrapList .item.on { border-color: #e93323; border-radius: 0.625rem; background: url("https://h5.dayouqiantu.cn/static/images/figure.png") no-repeat; background-size: 100% 100%; background-color: #fff9f9; } .personal-data .wrapper .wrapList .item .picTxt { width: 13.90625rem; } .personal-data .wrapper .wrapList .item .picTxt .pictrue { width: 3rem; height: 3rem; position: relative; } .personal-data .wrapper .wrapList .item .picTxt .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; } .personal-data .wrapper .wrapList .item .picTxt .pictrue .alter { width: 0.9375rem; height: 0.9375rem; border-radius: 50%; position: absolute; bottom: 0; right: 0; } .personal-data .wrapper .wrapList .item .picTxt .text { width: 10.15625rem; } .personal-data .wrapper .wrapList .item .picTxt .text .name { width: 100%; font-size: 0.9375rem; color: #282828; } .personal-data .wrapper .wrapList .item .picTxt .text .phone { font-size: 0.75rem; color: #999; margin-top: 0.3125rem; } .personal-data .wrapper .wrapList .item .bnt { font-size: 0.75rem; background-color: #fff; border-radius: 0.84375rem; width: 4.375rem; height: 1.6875rem; border: 0.0625rem solid #e93323; } .personal-data .wrapper .wrapList .item .currentBnt { position: absolute; right: 0; top: 0; font-size: 0.8125rem; background-color: rgba(233, 51, 35, 0.1); width: 4.375rem; height: 1.5rem; border-radius: 0 0.625rem 0 0.625rem; } .personal-data .list { background-color: #fff; } .personal-data .list .item { padding: 0.9375rem 0.9375rem 0.9375rem 0; border-bottom: 1px solid #f2f2f2; margin-left: 0.9375rem; font-size: 1rem; color: #282828; } .personal-data .list .item .pictrue { width: 2.75rem; height: 2.75rem; } .personal-data .list .item .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; } .personal-data .list .item .input { width: 12.96875rem; text-align: right; color: #868686; } .personal-data .list .item .input input { color: #868686; text-align: right; width: 100%; } .personal-data .list .item .input .id { width: 11.40625rem; } .personal-data .list .item .input .iconfont { font-size: 1.09375rem; } .personal-data .list .item .input .iconfont.icon-xiangyou { font-size: 0.9375rem; margin-left: 0.84375rem; } .personal-data .modifyBnt { font-size: 1rem; color: #fff; width: 21.5625rem; height: 2.8125rem; border-radius: 1.5625rem; text-align: center; line-height: 2.8125rem; margin: 2.375rem auto 0 auto; } .personal-data .logOut { font-size: 1rem; text-align: center; width: 21.5625rem; height: 2.8125rem; border-radius: 1.40625rem; margin: 0.9375rem auto 2.1875rem auto; } /*拼团海报*/ .poster-poster .tip { height: 2.5rem; font-size: 0.8125rem; color: #e8c787; text-align: center; line-height: 2.5rem; } .poster-poster .tip .iconfont { font-size: 1.125rem; vertical-align: -0.125rem; margin-right: 0.5625rem; } .poster-poster .poster { width: 21.5625rem; height: 100%; margin: 0 auto; } .poster-poster .poster ._img { width: 100%; height: 100%; display: block; } /*分销海报*/ .distribution-posters .slider-banner { width: 100%; box-sizing: border-box; height: 100%; padding: 1.25rem; position: relative; } .distribution-posters .slider-banner .swiper-slide { width: 18.75rem !important; height: 100%; } .distribution-posters .slide-image { width: 100%; height: 100%; border-radius: 0.46875rem; } .distribution-posters .keep { font-size: 0.9375rem; color: #fff; width: 18.75rem; height: 2.5rem; border-radius: 1.5625rem; text-align: center; line-height: 2.5rem; margin: 1.1875rem auto; } /*会员中心*/ .member-center .header { background-color: #232323; width: 100%; padding: 1.5625rem 0; } .member-center .header .slider-banner { height: 10.25rem; } .member-center .header .slider-banner .swiper-slide { width: 19.875rem !important; height: 10.25rem; border-radius: 0.5rem; color: #fff; position: relative; background-repeat: no-repeat; background-size: 100% 100%; } .member-center .header .slider-banner .swiper-slide.diamonds { background-image: url("https://h5.dayouqiantu.cn/static/images/diamonds.jpg"); } .member-center .header .slider-banner .swiper-slide.gold { background-image: url("https://h5.dayouqiantu.cn/static/images/gold.jpg"); } .member-center .header .slider-banner .swiper-slide.silver { background-image: url("https://h5.dayouqiantu.cn/static/images/silver.jpg"); } .member-center .header .slider-banner .swiper-slide.brass { background-image: url("https://h5.dayouqiantu.cn/static/images/brass.jpg"); } .member-center .header .slider-banner .swiper-slide.bronze { background-image: url("https://h5.dayouqiantu.cn/static/images/bronze.jpg"); } .member-center .header .slider-banner .swiper-slide.ordinary { background-image: url("https://h5.dayouqiantu.cn/static/images/ordinary.jpg"); } .member-center .header .slider-banner .swiper-slide ._img { width: 2.78125rem; height: 3.375rem; display: block; position: absolute; right: 1.875rem; } .member-center .header .slider-banner .swiper-slide .name { font-size: 1.4375rem; font-weight: bold; padding: 1.03125rem 0 0 1.09375rem; } .member-center .header .slider-banner .swiper-slide .discount { font-size: 0.875rem; font-weight: bold; margin: 0.0625rem 0 0 1.09375rem; } .member-center .header .slider-banner .swiper-slide .discount .iconfont { margin-left: 0.3125rem; font-size: 0.9375rem; } .member-center .header .slider-banner .swiper-slide .nav { margin-top: 1.5rem; } .member-center .header .slider-banner .swiper-slide .nav .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; color: rgba(255, 255, 255, 0.6); position: relative; } .member-center .header .slider-banner .swiper-slide .nav .item .num { font-size: 1.25rem; color: #fff; font-family: 'GuildfordProBook 5'; } .member-center .header .slider-banner .swiper-slide .nav .item ~ .item::before { position: absolute; width: 0.0625rem; height: 1rem; background-color: rgba(255, 255, 255, 0.6); content: ''; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .member-center .header .slider-banner .swiper-slide .lock { font-size: 0.8125rem; margin: 2.28125rem 0 0 1.09375rem; } .member-center .header .slider-banner .swiper-slide .lock .iconfont { font-size: 1.03125rem; margin-right: 0.46875rem; vertical-align: -0.125rem; } .member-center .wrapper { background-color: #fff; padding-bottom: 0.5rem; margin-bottom: 0.625rem; } .member-center .wrapper .title { height: 3.0625rem; padding: 0 0.9375rem; font-size: 0.9375rem; font-weight: bold; color: #282828; } .member-center .wrapper .title .iconfont { color: #73CBB6; font-weight: normal; font-size: 1.25rem; margin-right: 0.375rem; vertical-align: -0.0625rem; } .member-center .wrapper .title .num { font-size: 0.875rem; color: #999; } .member-center .wrapper .title .num .current { color: #73CBB6; } .member-center .wrapper .list .item { width: 21.5625rem; height: 5.75rem; background-color: #f9f9f9; margin: 0 auto 0.625rem auto; padding: 0.84375rem 0 0.6875rem 0; border-radius: 0.375rem; } .member-center .wrapper .list .item .top { padding-right: 0.84375rem; font-size: 0.8125rem; color: #999; } .member-center .wrapper .list .item .top .name { border-left: 0.1875rem solid #73CBB6; padding-left: 0.625rem; font-size: 0.875rem; color: #282828; font-weight: bold; } .member-center .wrapper .list .item .top .name .iconfont { color: #999; font-size: 0.9375rem; vertical-align: -0.0625rem; margin-left: 0.3125rem; } .member-center .wrapper .list .item .cu-progress { overflow: hidden; height: 0.375rem; background-color: #eee; width: 19.875rem; border-radius: 0.625rem; margin: 1.09375rem auto 0 auto; } .member-center .wrapper .list .item .cu-progress .bg-red { width: 0; height: 100%; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; background-color: #73CBB6; border-radius: 0.625rem; } .member-center .wrapper .list .item .experience { margin-top: 0.53125rem; padding: 0 0.84375rem; font-size: 0.75rem; color: #999; } .member-center .wrapper .list .item .experience .num { color: #73CBB6; } .member-center .growthValue { background-color: #fff; border-radius: 0.5rem; position: fixed; top: 8.3125rem; left: 50%; width: 17.5rem; height: 23.125rem; margin-left: -8.75rem; z-index: 99; -webkit-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .member-center .growthValue.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .member-center .growthValue .pictrue { width: 100%; height: 8.03125rem; position: relative; } .member-center .growthValue .pictrue ._img { width: 100%; height: 100%; border-radius: 0.5rem 0.5rem 0 0; } .member-center .growthValue .conter { padding: 0 1.09375rem; font-size: 0.9375rem; color: #333; margin-top: 1.8125rem; line-height: 1.5; height: 10.9375rem; overflow: auto; } .member-center .growthValue .pictrue .iconfont { position: absolute; font-size: 2.03125rem; color: #fff; top: 24.21875rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /*积分详情*/ .integral-details .header { background-image: url('https://h5.dayouqiantu.cn/static/images/integralbg.jpg'); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 11.25rem; font-size: 2.25rem; color: #fff; padding: 0.96875rem 0 1.40625rem 0; text-align: center; font-family: 'GuildfordProBook 5'; } .integral-details .header .currentScore { font-size: 0.8125rem; color: rgba(255, 255, 255, 0.8); text-align: center; margin-bottom: 0.15625rem; } .integral-details .header .line { width: 1.875rem; height: 0.09375rem; background-color: #fff; margin: 0.625rem auto 0 auto; } .integral-details .header .nav { font-size: 0.6875rem; color: rgba(255, 255, 255, 0.8); -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; margin-top: 1.09375rem; } .integral-details .header .nav .item { width: 33.33%; text-align: center; } .integral-details .header .nav .item .num { color: #fff; font-size: 1.25rem; } .integral-details .wrapper .nav { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; width: 21.5625rem; border-radius: 0.625rem 0.625rem 0 0; margin: -3rem auto 0 auto; background-color: #f7f7f7; height: 3rem; font-size: 0.9375rem; color: #bbb; } .integral-details .wrapper .nav .item { text-align: center; width: 100%; } /*.integral-details .wrapper .nav .item{text-align:center;width:50%;}*/ .integral-details .wrapper .nav .item.on { background-color: #fff; color: #73CBB6; font-weight: bold; border-radius: 0.625rem 0.625rem 0 0; } .integral-details .wrapper .nav .item .iconfont { font-size: 1.1875rem; margin-right: 0.3125rem; } .integral-details .wrapper .list { background-color: #fff; padding: 0.75rem 0.9375rem; } .integral-details .wrapper .list .tip { font-size: 0.78125rem; width: 21.5625rem; height: 1.875rem; border-radius: 1.5625rem; background-color: #fff5e2; border: 1px solid #ffeac1; color: #c8a86b; padding: 0 0.625rem; margin-bottom: 0.75rem; } .integral-details .wrapper .list .tip .iconfont { font-size: 1.09375rem; margin-right: 0.46875rem; } .integral-details .wrapper .list .item { height: 3.875rem; border-bottom: 1px solid #eee; font-size: 0.75rem; color: #999; } .integral-details .wrapper .list .item .state { font-size: 0.875rem; color: #282828; margin-bottom: 0.25rem; } .integral-details .wrapper .list .item .num { font-size: 1.125rem; font-family: 'GuildfordProBook 5'; color: #16ac57; } .integral-details .wrapper .list2 { background-color: #fff; padding: 0.75rem 0; } .integral-details .wrapper .list2 .item { background-image: -webkit-linear-gradient(left, #fff7e7 0%, #fffdf9 100%); background-image: linear-gradient(to right, #fff7e7 0%, #fffdf9 100%); background-image: -moz-linear-gradient(to right, #fff7e7 0%, #fffdf9 100%); width: 21.5625rem; height: 5.625rem; position: relative; border-radius: 0.3125rem; margin: 0 auto 0.625rem auto; padding: 0 0.78125rem 0 5.625rem; } .integral-details .wrapper .list2 .item .pictrue { width: 2.8125rem; height: 4.6875rem; position: absolute; bottom: 0; left: 1.40625rem; } .integral-details .wrapper .list2 .item .pictrue ._img { width: 100%; height: 100%; } .integral-details .wrapper .list2 .item .name { width: 8.90625rem; font-size: 0.9375rem; font-weight: bold; color: #c8a86b; } .integral-details .wrapper .list2 .item .earn { font-size: 0.8125rem; color: #c8a86b; border: 0.0625rem solid #c8a86b; text-align: center; line-height: 1.625rem; height: 1.625rem; width: 5rem; border-radius: 1.5625rem; } /*金品推荐*/ .quality-recommend .title { height: 3.75rem; font-size: 1rem; color: #282828; background-color: #f5f5f5; } .quality-recommend .title .line { width: 7.1875rem; height: 0.0625rem; background-color: #e9e9e9; } .quality-recommend .title .name { margin: 0 0.625rem; } .quality-recommend .title .name .iconfont { margin-right: 0.40625rem; font-size: 1.1875rem; vertical-align: -0.125rem; } /*砍价列表*/ .bargain-list .icon-xiangzuo { font-size: 1.25rem; color: #fff; position: fixed; top: 1.59375rem; left: 0.9375rem; z-index: 99; } .bargain-list .header { background-repeat: no-repeat; background-size: 100% 100%; width: 23.4375rem; height: 22.28125rem; } .bargain-list .list { background-color: #fff; border: 0.1875rem solid #73CBB6; border-radius: 0.9375rem; margin: 0.9375rem 0.9375rem 2.0625rem 0.9375rem; padding: 0 0.75rem; } .bargain-list .list .item { border-bottom: 1px solid #eee; position: relative; height: 6.96875rem; } .bargain-list .list .item .pictrue { width: 5rem; height: 5rem; } .bargain-list .list .item .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .bargain-list .list .item .text { width: 14.0625rem; font-size: 0.9375rem; color: #282828; height: 5rem; } .bargain-list .list .item .text .num { font-size: 0.8125rem; color: #999; } .bargain-list .list .item .text .num .iconfont { font-size: 1.09375rem; margin-right: 0.21875rem; } .bargain-list .list .item .text .money { font-size: 0.75rem; font-weight: bold; } .bargain-list .list .item .text .money .price { font-size: 1rem; } .bargain-list .list .item .cutBnt { position: absolute; width: 5.625rem; height: 1.5625rem; border-radius: 1.5625rem; font-size: 0.75rem; color: #fff; text-align: center; line-height: 1.4375rem; right: 0.75rem; bottom: 0.875rem; box-shadow: 0 0.21875rem 0 #f8c1bd; -moz-box-shadow: 0 0.21875rem 0 #f8c1bd; -o-box-shadow: 0 0.21875rem 0 #f8c1bd; } .bargain-list .list .item .cutBnt .iconfont { margin-right: 0.25rem; font-size: 0.9375rem; } .bargain-list .list .load { font-size: 0.75rem; height: 2.65625rem; text-align: center; line-height: 2.65625rem; } /*砍价*/ .bargain .icon-xiangzuo { font-size: 1.25rem; color: #fff; position: fixed; top: 1.59375rem; left: 0.9375rem; z-index: 99; } .bargain .header { /* background-image: url('https://h5.dayouqiantu.cn/static/images/cut1.png'); */ background-repeat: no-repeat; background-size: 100% 100%; width: 21.8125rem; height: 372rpx; margin: 0 auto; padding-top: 0.003125rem; margin-top: 1.25rem; } .bargain .header.on { background-image: url('https://h5.dayouqiantu.cn/static/images/cut2.png'); } .bargain .header .pictxt { margin: 8.125rem auto 0 auto; font-size: 0.8125rem; color: #fff; } .bargain .header .pictxt .pictrue { width: 1.75rem; height: 1.75rem; margin-right: 0.9375rem; } .bargain .header .pictxt .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; border: 0.0625rem solid #fff; } .bargain .header .pictxt .text ._span { margin-left: 0.625rem; } .bargain .header .time { background-image: url('https://h5.dayouqiantu.cn/static/images/time.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 13.75rem; height: 5.1875rem; margin: 2.5rem auto 0 auto; font-size: 0.6875rem; text-align: center; padding-top: 0.28125rem; color: #fc4141; } .bargain .header .people { text-align: center; color: #fff; font-size: 0.625rem; margin-top: 0.625rem; } .bargain .header .time .styleAll { color: #333; } .bargain .wrapper, .bargain .bargainGang, .bargain .goodsDetails { width: 20.625rem; border: 0.1875rem solid #73CBB6; background-color: #fff; border-radius: 0.625rem; margin: -5.0625rem auto 0 auto; padding: 0 0.75rem 1.46875rem 0.75rem; position: relative; } .bargain .wrapper .pictxt { margin: 0.8125rem 0 1.15625rem 0; } .bargain .wrapper .pictxt .pictrue { width: 5.625rem; height: 5.625rem; } .bargain .wrapper .pictxt .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .bargain .wrapper .pictxt .text { width: 12.34375rem; font-size: 0.875rem; color: #282828; height: 5.625rem; } .bargain .wrapper .pictxt .text .money { font-weight: bold; font-size: 0.75rem; } .bargain .wrapper .pictxt .text .money .num { font-size: 1.125rem; } .bargain .wrapper .pictxt .text .successNum { font-size: 0.6875rem; color: #999; margin-right: 0.46875rem; } .bargain .wrapper .cu-progress { overflow: hidden; height: 0.375rem; background-color: #eee; width: 100%; border-radius: 0.625rem; } .bargain .wrapper .cu-progress .bg-red { width: 0; height: 100%; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; border-radius: 0.625rem; background-image: -webkit-linear-gradient(left, #ffa363 0%, #e93323 100%); background-image: linear-gradient(to right, #ffa363 0%, #e93323 100%); background-image: -moz-linear-gradient(to right, #ffa363 0%, #e93323 100%); } .bargain .wrapper .balance { font-size: 0.6875rem; color: #999; margin-top: 0.46875rem; } .bargain .wrapper .bargainSuccess { font-size: 0.8125rem; color: #282828; text-align: center; } .bargain .wrapper .bargainSuccess .iconfont { font-size: 1.40625rem; color: #54c762; padding-right: 0.5625rem; vertical-align: -0.15625rem; } .bargain .wrapper .bargainBnt { font-size: 0.9375rem; font-weight: bold; color: #fff; width: 18.75rem; height: 2.5rem; border-radius: 1.25rem; background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%); background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); text-align: center; line-height: 2.5rem; margin-top: 1rem; } .bargain .wrapper .bargainBnt.on { border: 0.0625rem solid #73CBB6; color: #73CBB6; background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%); background-image: linear-gradient(to right, #fff 0%, #fff 100%); background-image: -moz-linear-gradient(to right, #fff 0%, #fff 100%); width: 18.625rem; height: 2.375rem; } .bargain .wrapper .tip { font-size: 0.6875rem; color: #999; text-align: center; margin-top: 0.625rem; } .bargain .wrapper .lock, .bargain .bargainGang .lock, .bargain .goodsDetails .lock { background-image: url('https://h5.dayouqiantu.cn/static/images/lock.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 17.125rem; height: 2.0625rem; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -1.34375rem; z-index: 5; } .bargain .bargainGang { margin: 0.40625rem auto 0 auto; } .bargain .bargainGang .title, .bargain .goodsDetails .title { font-size: 1rem; font-weight: bold; height: 2.5rem; margin-top: 0.9375rem; } .bargain .bargainGang .title .pictrue, .bargain .goodsDetails .title .pictrue { width: 1.4375rem; height: 0.75rem; } .bargain .bargainGang .title .pictrue.on, .bargain .goodsDetails .title .pictrue.on { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .bargain .bargainGang .title .pictrue ._img, .bargain .goodsDetails .title .pictrue ._img { width: 100%; height: 100%; display: block; } .bargain .bargainGang .title .titleCon, .bargain .goodsDetails .title .titleCon { margin: 0 0.625rem; } .bargain .bargainGang .list .item { border-bottom: 1px dashed #ddd; height: 3.5rem; } .bargain .bargainGang .list .item .pictxt { width: 9.6875rem; } .bargain .bargainGang .list .item .pictxt .pictrue { width: 2.1875rem; height: 2.1875rem; } .bargain .bargainGang .list .item .pictxt .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; border: 0.02px solid #73CBB6; } .bargain .bargainGang .list .item .pictxt .text { width: 7.03125rem; font-size: 0.625rem; color: #999; } .bargain .bargainGang .list .item .pictxt .text .name { font-size: 0.78125rem; color: #282828; margin-bottom: 0.21875rem; } .bargain .bargainGang .list .item .money { font-size: 0.78125rem; } .bargain .bargainGang .list .item .money .iconfont { font-size: 1.09375rem; vertical-align: middle; margin-right: 0.3125rem; } .bargain .bargainGang .load { font-size: 0.75rem; text-align: center; line-height: 2.5rem; height: 2.5rem; } .bargain .goodsDetails { margin: 0.40625rem auto 0 auto; } .bargain .goodsDetails ~ .goodsDetails { margin-bottom: 1.5625rem; } .bargain .goodsDetails .conter { margin-top: 0.625rem; } .bargain .goodsDetails .conter ._img { width: 100% !important; display: block; } .bargain .bargainTip { position: fixed; top: 50%; left: 50%; width: 17.5rem; margin-left: -8.75rem; z-index: 99; border-radius: 0.625rem; background-color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0; -webkit-transform: scale(0); transform: scale(0); padding-bottom: 1.875rem; margin-top: -10.3125rem; } .bargain .bargainTip.on { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .bargain .bargainTip .pictrue { width: 100%; height: 10.03125rem; position: relative; } .bargain .bargainTip .pictrue .iconfont { position: absolute; right: 0.5625rem; top: 0.5625rem; color: #fff; font-size: 1.125rem; width: 1.5625rem; height: 1.5625rem; text-align: center; line-height: 1.5625rem; } .bargain .bargainTip .pictrue ._img { width: 100%; height: 100%; border-radius: 0.625rem 0.625rem 0 0; } .bargain .bargainTip .cutOff { font-size: 0.9375rem; color: #666; padding: 0 0.90625rem; text-align: center; margin-top: 1.5625rem; } .bargain .bargainTip .cutOff.on { margin-top: 0.8125rem; } .bargain .bargainTip .help { font-size: 1rem; font-weight: bold; text-align: center; margin-top: 1.25rem; } .bargain .bargainTip .tipBnt { font-size: 1rem; color: #fff; width: 11.25rem; height: 2.5625rem; border-radius: 1.28125rem; background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%); background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); background-image: -moz-linear-gradient(to right, #f67a38 0%, #f11b09 100%); text-align: center; line-height: 2.5625rem; margin: 1.5625rem auto 0 auto; } /*砍价记录*/ .bargain-record .item { background-color: #fff; margin-bottom: 0.375rem; } .bargain-record .item .picTxt { height: 6.5625rem; border-bottom: 1px solid #f0f0f0; padding: 0 0.9375rem; } .bargain-record .item .picTxt .pictrue { width: 4.6875rem; height: 4.6875rem; } .bargain-record .item .picTxt .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .bargain-record .item .picTxt .text { width: 16.09375rem; font-size: 0.9375rem; color: #282828; height: 4.6875rem; } .bargain-record .item .picTxt .text .time { font-size: 0.75rem; color: #868686; } .bargain-record .item .picTxt .text .time .styleAll { color: #fc4141; } .bargain-record .item .picTxt .text .money { font-size: 0.75rem; } .bargain-record .item .picTxt .text .money .num { font-size: 1rem; font-weight: bold; } .bargain-record .item .picTxt .text .money .symbol { font-weight: bold; } .bargain-record .item .bottom { height: 3.125rem; padding: 0 0.9375rem; font-size: 0.84375rem; } .bargain-record .item .bottom .purple { color: #f78513; } .bargain-record .item .bottom .end { color: #999; } .bargain-record .item .bottom .success { color: #e93323; } .bargain-record .item .bottom .bnt { font-size: 0.84375rem; color: #fff; width: 5.5rem; height: 1.875rem; border-radius: 0.1875rem; text-align: center; line-height: 1.875rem; } .bargain-record .item .bottom .bnt.cancel { color: #aaa; border: 1px solid #ddd; } .bargain-record .item .bottom .bnt ~ .bnt { margin-left: 0.5625rem; } /*拼团列表*/ .group-list .header { background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 14.0625rem; } .group-list .header ._img { width: 100%; height: 14.0625rem; } .group-list .list { /* margin-top: -1.20*3.125rem; */ } .group-list .list .item { width: 21.5625rem; height: 6.5rem; background-color: #fff; border-radius: 0.1875rem; padding: 0 0.75rem; margin: 0 auto 0.625rem auto; } .group-list .list .item .pictrue { width: 5rem; height: 5rem; } .group-list .list .item .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .group-list .list .item .text { width: 14.3125rem; font-size: 0.9375rem; color: #282828; } .group-list .list .item .text .team { height: 1.25rem; border-radius: 0.125rem; font-size: 0.6875rem; margin-top: 0.625rem; } .group-list .list .item .text .team .iconfont { width: 1.6875rem; background-color: #c6f3e8; text-align: center; color: #73CBB6; height: 100%; line-height: 1.1875rem; } .group-list .list .item .text .team .num { text-align: center; padding: 0 0.3125rem; } .group-list .list .item .text .bottom { margin-top: 0.21875rem; } .group-list .list .item .text .bottom .money { font-size: 0.75rem; font-weight: bold; color: #282828; } .group-list .list .item .text .bottom .money .num { font-size: 1rem; } .group-list .list .item .text .bottom .money .y-money { font-size: 0.75rem; color: #999; font-weight: normal; text-decoration: line-through; margin-left: 0.3125rem; } .group-list .list .item .text .bottom .groupBnt { font-size: 0.8125rem; color: #fff; width: 4.5625rem; height: 1.6875rem; text-align: center; line-height: 1.6875rem; border-radius: 0.125rem; } .group-list .list .item .text .bottom .groupBnt .iconfont { font-size: 0.78125rem; margin-left: 0.3125rem; } /*拼团商品详情*/ .product-con .wrapper .share .money .y-money { color: #82848f; margin-left: 0.40625rem; text-decoration: line-through; font-weight: normal; } .product-con .notice { width: 100%; height: 1.9375rem; background-color: #ffedeb; margin-top: 0.625rem; padding: 0 0.9375rem; } .product-con .notice .num { font-size: 0.75rem; } .product-con .notice .num .iconfont { font-size: 0.9375rem; vertical-align: -0.09375rem; margin-right: 0.625rem; } .product-con .notice .num .line { color: #282828; margin-left: 0.46875rem; } .product-con .notice .swiper { height: 100%; width: 14.6875rem; line-height: 1.9375rem; overflow: hidden; margin-left: 0.4375rem; } .product-con .notice .swiper swiper { height: 100%; } .product-con .notice .swiper .swiper-slide { height: 100%; } .product-con .notice .swiper .line1 { height: 100%; overflow: hidden; font-size: 0.625rem; color: #282828; } .product-con .assemble { background-color: #fff; } .product-con .assemble .item { padding-right: 0.9375rem; margin-left: 0.9375rem; border-bottom: 1px solid #f0f0f0; height: 4.125rem; } .product-con .assemble .item .pictxt { width: 9.21875rem; } .product-con .assemble .item .pictxt .text { width: 6.0625rem; } .product-con .assemble .item .pictxt .pictrue { width: 2.5rem; height: 2.5rem; } .product-con .assemble .item .pictxt .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; } .product-con .assemble .item .right .lack { font-size: 0.75rem; color: #333333; text-align: right; } .product-con .assemble .item .right .time { font-size: 0.6875rem; color: #82848f; margin-top: 0.15625rem; } .product-con .assemble .item .right .spellBnt { font-size: 0.75rem; color: #fff; width: 4.375rem; height: 1.5625rem; border-radius: 1.5625rem; background-image: -webkit-linear-gradient(left, #ff2358 0%, #ff0000 100%); background-image: linear-gradient(to right, #ff2358 0%, #ff0000 100%); background-image: -moz-linear-gradient(to right, #ff2358 0%, #ff0000 100%); text-align: center; line-height: 1.5625rem; margin-left: 0.9375rem; } .product-con .assemble .item .right .spellBnt .iconfont { font-size: 0.625rem; margin-left: 0.15625rem; } .product-con .assemble .more { font-size: 0.75rem; color: #282828; text-align: center; height: 2.8125rem; line-height: 2.8125rem; } .product-con .assemble .more .iconfont { margin-left: 0.40625rem; font-size: 0.78125rem; } .product-con .playWay { background-color: #fff; padding: 0 0.9375rem; margin-top: 0.625rem; font-size: 0.875rem; color: #282828; } .product-con .playWay .title { height: 2.6875rem; border-bottom: 1px solid #eee; } .product-con .playWay .title .iconfont { margin-left: 0.40625rem; font-size: 0.875rem; color: #717171; } .product-con .playWay .way { min-height: 3.4375rem; font-size: 0.8125rem; color: #282828; } .product-con .playWay .way .iconfont { color: #cdcdcd; font-size: 1.25rem; margin: 0 1.09375rem; } .product-con .playWay .way .item .num { font-size: 0.9375rem; margin-right: 0.1875rem; } .product-con .playWay .way .item .tip { font-size: 0.6875rem; color: #a5a5a5; } .product-con .footer-group { position: fixed; bottom: 0; width: 100%; height: 3.125rem; background-color: #fff; font-size: 0.5625rem; color: #666; z-index: 99; } .product-con .footer-group .customerSer { width: 14%; font-size: 0.625rem; color: #666; } .product-con .footer-group .customerSer .iconfont { font-size: 1.09375rem; } .product-con .footer-group .bnt { width: 86%; text-align: center; line-height: 3.125rem; height: 100%; color: #fff; font-size: 0.9375rem; } .product-con .superior .slider-banner .swiper-pagination-bullet { background-color: #999; } .product-con .superior .slider-banner .swiper-pagination-bullet-active { background-color: #e93323; } .product-con .superior .slider-banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; } /*开团*/ .group-con .header { width: 100%; height: 5.8125rem; background-color: #fff; border-top: 1px solid #f5f5f5; padding: 0 0.9375rem; position: relative; } .group-con .header .iconfont { font-size: 3.125rem; position: absolute; color: #ccc; right: 1.03125rem; bottom: 0.625rem; } .group-con .header .pictrue { width: 4.375rem; height: 4.375rem; } .group-con .header .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .group-con .header .text { width: 16.40625rem; font-size: 0.9375rem; color: #222; } .group-con .header .text .money { font-size: 0.75rem; font-weight: bold; margin-top: 0.46875rem; } .group-con .header .text .money .num { font-size: 1rem; } .group-con .header .text .money .team { padding: 0.03125rem 0.3125rem; font-weight: normal; border-radius: 1.5625rem; font-size: 0.625rem; vertical-align: 0.125rem; margin-left: 0.46875rem; } .group-con .wrapper { background-color: #fff; margin-top: 0.625rem; padding: 0.0625rem 0 1.09375rem 0; } .group-con .wrapper .title { margin-top: 0.9375rem; } .group-con .wrapper .title .line { width: 4.25rem; height: 1px; background-color: #ddd; } .group-con .wrapper .title .name { margin: 0 1.40625rem; font-size: 0.875rem; color: #282828; } .group-con .wrapper .title .name .time { margin: 0 0.4375rem; } .group-con .wrapper .title .name .timeTxt { color: #fc4141; } .group-con .wrapper .title .name .time .styleAll { background-color: #ffcfcb; text-align: center; border-radius: 0.09375rem; font-size: 0.875rem; font-weight: bold; display: inline-block; vertical-align: middle; color: #fc4141; padding: 0.0625rem 0.15625rem; } .group-con .wrapper .tips { font-size: 0.9375rem; font-weight: bold; text-align: center; margin-top: 0.9375rem; color: #999; } .group-con .wrapper .list { padding: 0 0.9375rem; margin-top: 1.40625rem; } .group-con .wrapper .list.result { max-height: 7.5rem; overflow: hidden; } .group-con .wrapper .list.result.on { max-height: 62.5rem; } .group-con .wrapper .list .pictrue { width: 2.9375rem; height: 2.9375rem; margin: 0 0 0.90625rem 1.09375rem; } .group-con .wrapper .list .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; border: 0.0625rem solid #e93323; } .group-con .wrapper .list .pictrue ._img.img-none { border: none; } .group-con .wrapper .lookAll { font-size: 0.75rem; color: #282828; padding-top: 0.3125rem; } .group-con .wrapper .lookAll .iconfont { font-size: 0.78125rem; margin: 0.0625rem 0 0 0.3125rem; } .group-con .wrapper .teamBnt { font-size: 0.9375rem; width: 19.375rem; height: 2.6875rem; border-radius: 1.5625rem; text-align: center; line-height: 2.6875rem; color: #fff; margin: 0.65625rem auto 0 auto; } .group-con .wrapper .cancel, .group-con .wrapper .lookOrder { text-align: center; font-size: 0.75rem; color: #282828; padding-top: 0.9375rem; } .group-con .wrapper .cancel .iconfont { font-size: 1.09375rem; color: #2c2c2c; vertical-align: -0.125rem; margin-right: 0.28125rem; } .group-con .wrapper .lookOrder .iconfont { font-size: 0.78125rem; color: #2c2c2c; margin-left: 0.3125rem; } .group-con .group-recommend { background-color: #fff; margin-top: 0.78125rem; } .group-con .group-recommend .title { padding-right: 0.9375rem; margin-left: 0.9375rem; height: 2.65625rem; border-bottom: 1px solid #eee; font-size: 0.875rem; color: #282828; } .group-con .group-recommend .title .more { color: #808080; } .group-con .group-recommend .title .more .iconfont { margin-left: 0.40625rem; font-size: 0.875rem; } .group-con .group-recommend .list { margin-top: 0.9375rem; } .group-con .group-recommend .list .item { width: 6.5625rem; margin: 0 0 0.78125rem 0.9375rem; } .group-con .group-recommend .list .item .pictrue { width: 100%; height: 6.5625rem; position: relative; } .group-con .group-recommend .list .item .pictrue ._img { width: 100%; height: 100%; border-radius: 0.3125rem; } .group-con .group-recommend .list .item .pictrue .team { position: absolute; top: 0.875rem; left: -0.15625rem; min-width: 3.125rem; height: 1.125rem; line-height: 1.125rem; text-align: center; border-radius: 0 0.5625rem 0.5625rem 0; font-size: 0.625rem; color: #fff; background-image: -webkit-linear-gradient(left, #fb5445 0%, #e93323 100%); background-image: linear-gradient(to right, #fb5445 0%, #e93323 100%); background-image: -moz-linear-gradient(to right, #fb5445 0%, #e93323 100%); } .group-con .group-recommend .list .item .name { font-size: 0.875rem; color: #333; margin-top: 0.5625rem; } .group-con .group-recommend .list .item .money { font-weight: bold; font-size: 0.8125rem; } /*商品评分*/ .evaluate-list .generalComment { height: 2.9375rem; padding: 0 0.9375rem; background-color: #fff; font-size: 0.875rem; color: #808080; } .evaluate-list .generalComment .evaluate { margin-right: 0.21875rem; } .evaluate-list .nav { font-size: 0.75rem; color: #282828; padding: 0 0.9375rem 0.46875rem 0.9375rem; background-color: #fff; border-bottom: 1px solid #f5f5f5; } .evaluate-list .nav .item { font-size: 0.75rem; color: #282828; border-radius: 0.1875rem; height: 1.6875rem; padding: 0 0.625rem; background-color: #f4f4f4; line-height: 1.6875rem; margin: 0 0.53125rem 0.53125rem 0; } .evaluate-list .nav .item.bg-color-red { color: #fff; } /*商品评价*/ .evaluate-con .score { background-color: #fff; border-top: 1px solid #f5f5f5; font-size: 0.875rem; color: #282828; padding: 1.5rem 0.9375rem 2.03125rem 0.9375rem; } .evaluate-con .score .item ~ .item { margin-top: 0.78125rem; } .evaluate-con .score .item .starsList { padding: 0 1.09375rem 0 1.25rem; } .evaluate-con .score .item .starsList .iconfont { font-size: 1.25rem; color: #aaa; } .evaluate-con .score .item .starsList .iconfont ~ .iconfont { margin-left: 0.625rem; } .evaluate-con .score .item .evaluate { color: #aaa; font-size: 0.75rem; } .evaluate-con .score .textarea { width: 21.5625rem; background-color: #fafafa; border-radius: 0.3125rem; margin-top: 1.5rem; } .evaluate-con .score .textarea textarea { font-size: 0.875rem; padding: 1.1875rem 0.9375rem 0 0.9375rem; width: 100%; height: 5rem; } .evaluate-con .score .textarea textarea::-webkit-input-placeholder { color: #bbb; } .evaluate-con .score .textarea textarea::placeholder { color: #bbb; } .evaluate-con .score .textarea .list { margin-top: 0.78125rem; padding-left: 0.15625rem; } .evaluate-con .score .textarea .list .pictrue { width: 4.375rem; height: 4.375rem; margin: 0 0 1.09375rem 0.78125rem; position: relative; font-size: 0.6875rem; color: #bbb; } .evaluate-con .score .textarea .list .pictrue ._img { width: 100%; height: 100%; border-radius: 0.09375rem; } .evaluate-con .score .textarea .list .pictrue .icon-guanbi1 { font-size: 1.40625rem; position: absolute; top: -0.625rem; right: -0.625rem; } .evaluate-con .score .textarea .list .pictrue .icon-icon25201 { color: #bfbfbf; font-size: 1.5625rem; } .evaluate-con .score .evaluateBnt { font-size: 0.9375rem; color: #fff; width: 21.5625rem; height: 2.6875rem; border-radius: 1.34375rem; text-align: center; line-height: 2.6875rem; margin-top: 1.40625rem; } /*签到*/ .sign .header { width: 100%; height: 9.6875rem; } .sign .header .headerCon { padding: 0 0 0 0.9375rem; height: 7.3125rem; } .sign .header .headerCon .left { width: 16.5625rem; font-size: 1rem; color: #fff; font-weight: bold; } .sign .header .headerCon .left .integral ._span { font-size: 0.75rem; margin-top: 0.59375rem; background-color: #ff9000; text-align: center; border-radius: 0.1875rem; font-weight: normal; padding: 0.1875rem 0.46875rem; } .sign .header .headerCon .text { width: 12.8125rem; } .sign .header .headerCon .left .pictrue { width: 2.6875rem; height: 2.6875rem; border-radius: 50%; border: 0.125rem solid #ecddbc; } .sign .header .headerCon .left .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; } .sign .header .headerCon .right { width: 4.4375rem; height: 2.0625rem; background-color: #fff; border-radius: 1.5625rem 0 0 1.5625rem; font-size: 0.75rem; color: #ff9000; } .sign .header .headerCon .right .iconfont { font-size: 1.03125rem; padding: 0 0.3125rem 0 0.9375rem; height: 1.09375rem; line-height: 1.09375rem; } .sign .wrapper { background-color: #fff; margin: -2.5rem 0.625rem 0 0.625rem; border-radius: 0.46875rem; padding-bottom: 2.5rem; position: relative; } .sign .wrapper .list { padding: 0 0.9375rem; height: 7.5rem; } .sign .wrapper .list .item { font-size: 0.6875rem; color: #8a8886; text-align: center; } .sign .wrapper .list .item .rewardTxt { width: 2.3125rem; height: 1rem; background-color: #f4b409; border-radius: 0.5rem; font-size: 0.625rem; color: #a57d3f; line-height: 1rem; } .sign .wrapper .list .item .num { font-size: 0.9375rem; color: #999; } .sign .wrapper .list .item .num.on { color: #ff9000; } .sign .wrapper .list .item .venus { background-image: url('https://h5.dayouqiantu.cn/static/images/stars2.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 1.75rem; height: 1.75rem; margin: 0.3125rem 0; } .sign .wrapper .list .item .venus.venusSelect { background-image: url('https://h5.dayouqiantu.cn/static/images/stars1.png'); } .sign .wrapper .list .item .venus.reward { background-image: url('https://h5.dayouqiantu.cn/static/images/stars3.png'); width: 2.34375rem; height: 1.75rem; } .sign .wrapper .but { width: 12.5rem; height: 2.375rem; font-size: 0.9375rem; line-height: 2.375rem; color: #fff; border-radius: 1.5625rem; text-align: center; margin: 0 auto; } .sign .wrapper .but.on { background-color: #999 !important; } .sign .wrapper .lock { background-image: url('https://h5.dayouqiantu.cn/static/images/lock2.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 17.4375rem; height: 2.125rem; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -1.28125rem; z-index: 9; } .sign .wrapper2 { margin-top: 0.46875rem; padding: 2.28125rem 0 0 0; } .sign .wrapper2 .tip { font-size: 0.9375rem; color: #666; text-align: center; } .sign .wrapper2 .list2 { margin: 1.40625rem 0 1.53125rem 0; } .sign .wrapper2 .list2 .item { width: 2.5rem; height: 3.625rem; background-repeat: no-repeat; background-size: 100% 100%; color: #fff; font-size: 2.25rem; text-align: center; line-height: 3.625rem; margin-right: 0.59375rem; background-image: url('https://h5.dayouqiantu.cn/static/images/redBg.png'); } .sign .wrapper2 .list2 .data { font-size: 0.9375rem; color: #232323; } .sign .wrapper2 .tip2 { font-size: 0.9375rem; color: #999999; padding: 0 1.71875rem; text-align: center; line-height: 1.5; } .sign .list3 { margin: 1.40625rem 1.15625rem 0 1.15625rem; border-top: 1px dashed #eee; } .sign .list3 .item { border-bottom: 1px solid #eee; height: 4.0625rem; } .sign .list3 .item .name { color: #232323; font-size: 0.9375rem; width: 12.5rem; } .sign .list3 .item .data { font-size: 0.75rem; color: #bbbbbb; margin-top: 0.28125rem; } .sign .list3 .item .num { font-size: 1.125rem; font-family: 'GuildfordProBook 5'; } .sign .signTip { width: 20.125rem; height: 20.15625rem; position: fixed; top: 50%; left: 50%; margin-left: -10.0625rem; margin-top: -10.078125rem; z-index: 99; text-align: center; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .sign .signTip .signTipLight { background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 100%; } .sign .signTip.on { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sign .signTip .signTipCon { background-image: url('https://h5.dayouqiantu.cn/static/images/register.png'); background-repeat: no-repeat; background-size: 100% 100%; width: 13.125rem; height: 13.125rem; margin-top: -21.875rem; position: relative; } .sign .signTip .signTipCon .state { font-size: 1.0625rem; color: #fff; margin-top: 4.6875rem; } .sign .signTip .signTipCon .integral { font-size: 0.9375rem; color: rgba(255, 255, 255, 0.6); margin-top: 0.28125rem; } .sign .signTip .signTipCon .signTipBnt { font-size: 0.9375rem; color: #eb4331; width: 8.125rem; height: 2.375rem; background-color: #f8d168; border-radius: 1.1875rem; line-height: 2.375rem; margin: 1.5rem auto 0 auto; } /*签到记录、账单明细列表*/ .sign-record .list .item .data { height: 2.5rem; line-height: 2.5rem; padding: 0 0.9375rem; font-size: 0.75rem; color: #666; } .sign-record .list .item .listn { background-color: #fff; font-size: 0.75rem; color: #999; } .sign-record .list .item .listn .itemn { height: 3.75rem; border-bottom: 1px solid #eee; padding-right: 0.9375rem; margin-left: 0.9375rem; } .sign-record .list .item .listn .itemn .name { width: 12.1875rem; font-size: 0.875rem; color: #282828; margin-bottom: 0.1875rem; } .sign-record .list .item .listn .itemn .num { font-size: 1.125rem; font-family: 'GuildfordProBook 5'; color: #16ac57; } /*申请退货*/ .apply-return .list { background-color: #fff; margin-top: 0.5625rem; } .apply-return .list .item { margin-left: 0.9375rem; padding-right: 0.9375rem; min-height: 2.8125rem; border-bottom: 1px solid #eee; font-size: 0.9375rem; color: #333; } .apply-return .list .item .num { color: #282828; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: right; position: relative; } .apply-return .list .item .num .picker { text-align: right; } .apply-return .list .item .num .iconfont { color: #666; font-size: 0.9375rem; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .apply-return .list .item.textarea { padding: 0.9375rem 0.9375rem 0.9375rem 0; } .apply-return .list .item textarea { height: 3.125rem; font-size: 0.9375rem; } .apply-return .list .item textarea::-webkit-input-placeholder { color: #bbb; } .apply-return .list .item textarea::placeholder { color: #bbb; } .apply-return .list .item .title { height: 2.96875rem; width: 100%; } .apply-return .list .item .title .tip { font-size: 0.9375rem; color: #bbb; } .apply-return .list .item .upload { padding-bottom: 1.125rem; } .apply-return .list .item .upload .pictrue { margin: 0.6875rem 0.71875rem 0 0; width: 4.875rem; height: 4.875rem; position: relative; font-size: 0.75rem; color: #bbb; border: 1px solid #bbb; } .apply-return .list .item .upload .pictrue:nth-of-type(4n) { margin-right: 0; } .apply-return .list .item .upload .pictrue ._img { width: 100%; height: 100%; border-radius: 0.09375rem; } .apply-return .list .item .upload .pictrue .icon-guanbi1 { position: absolute; font-size: 1.40625rem; top: -0.3125rem; right: -0.3125rem; width: 1.40625rem; height: 1.40625rem; line-height: 1.40625rem; } .apply-return .list .item .upload .pictrue .icon-icon25201 { color: #bfbfbf; font-size: 1.5625rem; width: 1.5625rem; height: 1.875rem; line-height: 1.875rem; } .apply-return .list .item .upload .pictrue:nth-last-child(1) { border: 1px solid #ddd; } .apply-return .returnBnt { font-size: 1rem; color: #fff; width: 21.5625rem; height: 2.6875rem; border-radius: 1.5625rem; text-align: center; line-height: 2.6875rem; margin: 1.34375rem auto; } /*退货列表*/ .return-list .goodWrapper { background-color: #fff; margin-bottom: 0.40625rem; position: relative; } .return-list .goodWrapper .orderNum { padding: 0 0.9375rem; border-bottom: 1px solid #eee; height: 2.71875rem; line-height: 2.71875rem; font-size: 0.9375rem; color: #282828; } .return-list .goodWrapper .item { border-bottom: 0; } .return-list .goodWrapper .totalSum { padding: 0 0.9375rem 1rem 0.9375rem; text-align: right; font-size: 0.8125rem; color: #282828; } .return-list .goodWrapper .totalSum .price { font-size: 0.875rem; font-weight: bold; } .return-list .goodWrapper .iconfont { position: absolute; font-size: 3.40625rem; top: 0.21875rem; right: 0.9375rem; color: #ccc; width: 3.40625rem; height: 3.40625rem; line-height: 3.40625rem; } .return-list .goodWrapper .iconfont.powder { color: #f8c1bd; } /*收藏商品*/ .collectionGoods { background-color: #fff; border-top: 1px solid #eee; } .collectionGoods .item { margin-left: 0.9375rem; padding-right: 0.9375rem; border-bottom: 1px solid #eee; height: 5.625rem; } .collectionGoods .item .pictrue { width: 4.0625rem; height: 4.0625rem; } .collectionGoods .item .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .collectionGoods .item .text { width: 16.71875rem; height: 4.0625rem; font-size: 0.875rem; color: #282828; } .collectionGoods .item .text .infor { width: 100%; } .collectionGoods .item .text .money { font-size: 0.8125rem; } .collectionGoods .item .text .delete { font-size: 0.8125rem; color: #282828; width: 3.5625rem; height: 1.4375rem; border: 1px solid #bbb; border-radius: 0.125rem; text-align: center; line-height: 1.4375rem; } /*搜索商品*/ .searchGood .search { padding-left: 0.9375rem; } .searchGood .search { margin-top: 0.625rem; } .searchGood .search .input { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; background-color: #f7f7f7; border-radius: 1.03125rem; padding: 0 1.09375rem; height: 2.0625rem; } .searchGood .search .input input { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 0.875rem; margin-left: 15rpx; } .searchGood .search .input input::-webkit-input-placeholder { color: #bbb; } .searchGood .search .input input::placeholder { color: #bbb; } .searchGood .search .input .iconfont { color: #000; font-size: 1.09375rem; } .searchGood .search .bnt { width: 3.75rem; text-align: center; height: 2.0625rem; line-height: 2.0625rem; font-size: 0.9375rem; color: #282828; } .searchGood .title { font-size: 0.875rem; color: #999; margin: 1.5625rem 0.9375rem 0.78125rem 0.9375rem; } .searchGood .list { padding-left: 0.3125rem; } .searchGood .list .item { font-size: 0.8125rem; color: #454545; padding: 0 0.65625rem; height: 1.875rem; border-radius: 0.09375rem; line-height: 1.875rem; border: 1px solid #aaa; margin: 0 0 0.625rem 0.625rem; } .searchGood .line { border-bottom: 1px solid #eee; margin: 0.625rem 0.9375rem 0 0.9375rem; } /*银行卡提现*/ .cash-withdrawal .nav { height: 4.0625rem; box-shadow: 0 0.3125rem 0.3125rem #f8f8f8; -moz-box-shadow: 0 0.3125rem 0.3125rem #f8f8f8; -o-box-shadow: 0 0.3125rem 0.3125rem #f8f8f8; } .cash-withdrawal .nav .item { font-size: 0.8125rem; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; } .cash-withdrawal .nav .item ~ .item { border-left: 1px solid #f0f0f0; } .cash-withdrawal .nav .item .iconfont { width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 0.0625rem solid #e93323; text-align: center; line-height: 1.15625rem; margin: 0 auto 0.1875rem auto; font-size: 0.6875rem; } .cash-withdrawal .nav .item .iconfont.on { background-color: #e93323; color: #fff; border-color: #e93323; } .cash-withdrawal .nav .item .line { width: 0.0625rem; height: 0.625rem; margin: 0 auto; -webkit-transition: height 0.3s; transition: height 0.3s; } .cash-withdrawal .nav .item .line.on { height: 1.21875rem; } .cash-withdrawal .wrapper .list { padding: 0 0.9375rem; } .cash-withdrawal .wrapper .list .item { border-bottom: 1px solid #eee; height: 3.34375rem; font-size: 0.9375rem; color: #333; } .cash-withdrawal .wrapper .list .item .name { width: 4.0625rem; } .cash-withdrawal .wrapper .list .item .input { width: 15.78125rem; } .cash-withdrawal .wrapper .list .item .input input::-webkit-input-placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .item .input input::placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .tip { font-size: 0.8125rem; color: #999; margin-top: 0.78125rem; } .cash-withdrawal .wrapper .list .bnt { font-size: 1rem; color: #fff; width: 21.5625rem; height: 2.8125rem; text-align: center; border-radius: 1.5625rem; line-height: 2.8125rem; margin: 2rem auto; } .cash-withdrawal .wrapper .list .tip2 { font-size: 0.8125rem; color: #999; text-align: center; margin: 1.375rem 0 0.625rem 0; } .cash-withdrawal .wrapper .list .value { height: 4.21875rem; line-height: 4.21875rem; border-bottom: 1px solid #eee; width: 21.5625rem; margin: 0 auto; } .cash-withdrawal .wrapper .list .value input { font-size: 2.5rem; color: #282828; height: 4.21875rem; text-align: center; width: 100%; } .cash-withdrawal .wrapper .list .value input::-webkit-input-placeholder { color: #bbb; } .cash-withdrawal .wrapper .list .value input::placeholder { color: #bbb; } /*提现审核*/ .cash-audit { width: 22.1875rem; background-color: #fff; border-radius: 0.1875rem; margin: 0.78125rem auto 0 auto; padding: 1.65625rem 0 1.8125rem 0; left: 50%; margin-left: -11.09375rem; } .cash-audit .pictrue { width: 6.6875rem; height: 5.59375rem; margin: 0 auto; } .cash-audit .pictrue ._img { width: 100%; height: 100%; } .cash-audit .tip { font-size: 1rem; color: #282828; margin-top: 1.25rem; text-align: center; padding: 0 1.25rem; } .cash-audit .time { font-size: 0.8125rem; color: #999; text-align: center; margin-top: 0.46875rem; } .cash-audit .bnt { font-size: 1rem; color: #fff; width: 15.625rem; height: 2.6875rem; border-radius: 1.34375rem; text-align: center; line-height: 2.6875rem; margin: 1.5625rem auto 0 auto; } /*推广人订单*/ .promoter-order .list .item .title { height: 4.15625rem; padding: 0 0.9375rem; font-size: 0.8125rem; color: #999; } .promoter-order .list .item .title .data { font-size: 0.875rem; color: #282828; margin-bottom: 0.15625rem; } .promoter-order .list .item .listn .itenm { background-color: #fff; } .promoter-order .list .item .listn .itenm ~ .itenm { margin-top: 0.375rem; } .promoter-order .list .item .listn .itenm .top { margin-left: 0.9375rem; padding-right: 0.9375rem; border-bottom: 1px solid #eee; height: 3.125rem; } .promoter-order .list .item .listn .itenm .top .pictxt { width: 10rem; } .promoter-order .list .item .listn .itenm .top .pictxt .text { width: 7.1875rem; font-size: 0.9375rem; color: #282828; } .promoter-order .list .item .listn .itenm .top .pictxt .pictrue { width: 2.0625rem; height: 2.0625rem; } .promoter-order .list .item .listn .itenm .top .pictxt .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; border: 0.09375rem solid #fff; box-shadow: 0 0 0.3125rem #aaa; -moz-box-shadow: 0 0 0.3125rem #aaa; -o-box-shadow: 0 0 0.3125rem #aaa; box-sizing: border-box; } .promoter-order .list .item .listn .itenm .top .money { font-size: 0.875rem; } .promoter-order .list .item .listn .itenm .bottom { padding: 0.625rem 0.9375rem; font-size: 0.875rem; color: #666; line-height: 1.6; } .promoter-order .list .item .listn .itenm .bottom .name { color: #999; } /*推广人列表*/ .promoter-list .header { padding-bottom: 0.375rem; } .promoter-list .nav { background-color: #fff; height: 2.6875rem; line-height: 2.6875rem; font-size: 0.875rem; color: #282828; border-bottom: 1px solid #eee; } .promoter-list .nav .item { height: 100%; } .promoter-list .nav .item.on { color: #73CBB6; border-bottom: 0.15625rem solid #73CBB6; } .promoter-list .search { box-sizing: border-box; width: 100%; background-color: #fff; height: 2.6875rem; padding: 0 0.9375rem; } .promoter-list .search .input { width: 19.6875rem; height: 1.875rem; border-radius: 1.5625rem; background-color: #f5f5f5; text-align: center; position: relative; } .promoter-list .search .input input { height: 100%; font-size: 0.8125rem; width: 19.375rem; text-align: center; } .promoter-list .search .input input::-webkit-input-placeholder { color: #bbb; } .promoter-list .search .input input::placeholder { color: #bbb; } .promoter-list .search .input .iconfont { position: absolute; right: 0.875rem; color: #999; font-size: 0.875rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .promoter-list .search .iconfont { font-size: 1.25rem; color: #515151; } .promoter-list .list .sortNav { background-color: #fff; height: 2.375rem; border-bottom: 1px solid #eee; color: #333; font-size: 0.875rem; } .promoter-list .list .sortNav.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; } .promoter-list .list .sortNav .sortItem { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; } .promoter-list .list .sortNav .sortItem ._img { width: 0.75rem; height: 0.75rem; margin-left: 0.1875rem; vertical-align: -0.09375rem; } .promoter-list .list .sortList { margin-top: 2.375rem; } .promoter-list .list .item { background-color: #fff; border-bottom: 1px solid #eee; height: 4.75rem; padding: 0 0.9375rem 0 0.625rem; font-size: 0.75rem; color: #666; } .promoter-list .list .item .picTxt { width: 13.75rem; } .promoter-list .list .item .picTxt .pictrue { width: 3.3125rem; height: 3.3125rem; border-radius: 50%; } .promoter-list .list .item .picTxt .pictrue ._img { width: 100%; height: 100%; border-radius: 50%; border: 0.09375rem solid #fff; box-shadow: 0 0 0.21875rem #aaa; -moz-box-shadow: 0 0 0.21875rem #aaa; -o-box-shadow: 0 0 0.21875rem #aaa; box-sizing: border-box; } .promoter-list .list .item .picTxt .text { width: 9.5rem; font-size: 0.75rem; color: #666; } .promoter-list .list .item .picTxt .text .name { font-size: 0.875rem; color: #333; margin-bottom: 0.40625rem; } .promoter-list .list .item .right { width: 7.5rem; text-align: right; font-size: 0.6875rem; color: #333; } /*我的推广*/ .my-promotion .header { background-image: url("https://h5.dayouqiantu.cn/static/images/promotionBg.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 11.71875rem; } .my-promotion .header .name { font-size: 0.9375rem; color: #fff; padding-top: 1.78125rem; position: relative; } .my-promotion .header .name .record { font-size: 0.8125rem; color: rgba(255, 255, 255, 0.8); position: absolute; right: 0.625rem; } .my-promotion .header .name .record .iconfont { font-size: 0.78125rem; margin-left: 0.3125rem; } .my-promotion .header .num { text-align: center; color: #fff; margin-top: 0.78125rem; font-size: 2.8125rem; font-family: 'GuildfordProBook 5'; } .my-promotion .header .profit { padding: 0 0.625rem; margin-top: 1.03125rem; font-size: 0.75rem; color: rgba(255, 255, 255, 0.8); } .my-promotion .header .profit .item { min-width: 6.25rem; text-align: center; } .my-promotion .header .profit .item .money { font-size: 1.0625rem; color: #fff; } .my-promotion .bnt { font-size: 0.875rem; color: #fff; width: 8.0625rem; height: 2.125rem; border-radius: 1.5625rem; text-align: center; line-height: 2.125rem; margin: -1rem auto 0 auto; } .my-promotion .list { padding: 0 0.625rem; margin-top: 0.3125rem; } .my-promotion .list .item { width: 10.78125rem; height: 7.5rem; border-radius: 0.625rem; background-color: #fff; margin-top: 0.625rem; font-size: 0.9375rem; color: #666; } .my-promotion .list .item .iconfont { font-size: 2.1875rem; /* background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); */ /* background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); */ margin-bottom: 0.625rem; color: #73cbb6; } /*我的账户*/ .my-account .wrapper { background-color: #fff; padding: 1rem 0 1.0625rem 0; margin-bottom: 0.4375rem; } .my-account .wrapper .header { width: 21.5625rem; height: 10.3125rem; background-image: -webkit-linear-gradient(left, #73CBB6 0%, #73CBB6 100%); background-image: linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); background-image: -moz-linear-gradient(to right, #73CBB6 0%, #73CBB6 100%); border-radius: 0.5rem; margin: 0 auto; color: rgba(255, 255, 255, 0.6); font-size: 0.75rem; } .my-account .wrapper .header .headerCon { background-image: url('https://h5.dayouqiantu.cn/static/images/accountBg.png'); background-repeat: no-repeat; background-size: 100%; height: 100%; width: 100%; padding: 1.125rem 0 0.90625rem 0; } .my-account .wrapper .header .headerCon .account { padding: 0 1.09375rem; } .my-account .wrapper .header .headerCon .account .assets .money { font-size: 2.25rem; color: #fff; font-family: 'GuildfordProBook 5'; margin-top: 0.3125rem; height: 2.34375rem; line-height: 2.34375rem; } .my-account .wrapper .header .headerCon .account .recharge { font-size: 0.875rem; width: 4.6875rem; height: 1.6875rem; border-radius: 0.84375rem; background-color: #fff9f8; text-align: center; line-height: 1.6875rem; } .my-account .wrapper .header .headerCon .cumulative { margin-top: 1.4375rem; } .my-account .wrapper .header .headerCon .cumulative .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; padding-left: 1.09375rem; } .my-account .wrapper .header .headerCon .cumulative .item .money { font-size: 1.5rem; font-family: 'GuildfordProBook 5'; color: #fff; margin-top: 0.1875rem; } .my-account .wrapper .nav { height: 4.84375rem; border-bottom: 1px solid #f5f5f5; } .my-account .wrapper .nav .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.8125rem; color: #999; } .my-account .wrapper .nav .item .pictrue { width: 1.375rem; height: 1.375rem; margin: 0 auto; margin-bottom: 0.625rem; } .my-account .wrapper .nav .item .pictrue ._img { width: 100%; height: 100%; } .my-account .wrapper .advert { padding: 0 0.9375rem; margin-top: 0.9375rem; } .my-account .wrapper .advert .item { background-color: #fff6d1; width: 10.375rem; height: 3.6875rem; border-radius: 0.3125rem; padding: 0 0.84375rem 0 0.78125rem; font-size: 0.75rem; color: #e44609; } .my-account .wrapper .advert .item.on { background-color: #fff3f3; color: #e96868; } .my-account .wrapper .advert .item .pictrue { width: 2.4375rem; height: 2.4375rem; } .my-account .wrapper .advert .item .pictrue ._img { width: 100%; height: 100%; } .my-account .wrapper .advert .item .text .name { font-size: 0.9375rem; font-weight: bold; color: #f33c2b; margin-bottom: 0.21875rem; } .my-account .wrapper .advert .item.on .text .name { color: #f64051; } .my-account .wrapper .list { padding: 0 0.9375rem; } .my-account .wrapper .list .item { margin-top: 1.375rem; } .my-account .wrapper .list .item .picTxt .iconfont { width: 2.5625rem; height: 2.5625rem; border-radius: 50%; background-image: -webkit-linear-gradient(left, #ff9389 0%, #f9776b 100%); background-image: linear-gradient(to right, #ff9389 0%, #f9776b 100%); background-image: -moz-linear-gradient(to right, #ff9389 0%, #f9776b 100%); text-align: center; line-height: 2.5625rem; color: #fff; font-size: 1.25rem; } .my-account .wrapper .list .item .picTxt .iconfont.yellow { background-image: -webkit-linear-gradient(left, #ffccaa 0%, #fea060 100%); background-image: linear-gradient(to right, #ffccaa 0%, #fea060 100%); background-image: -moz-linear-gradient(to right, #ffccaa 0%, #fea060 100%); } .my-account .wrapper .list .item .picTxt .iconfont.green { background-image: -webkit-linear-gradient(left, #a1d67c 0%, #9dd074 100%); background-image: linear-gradient(to right, #a1d67c 0%, #9dd074 100%); background-image: -moz-linear-gradient(to right, #a1d67c 0%, #9dd074 100%); } .my-account .wrapper .list .item .picTxt { width: 13.375rem; font-size: 0.9375rem; color: #282828; } .my-account .wrapper .list .item .picTxt .text { width: 9.90625rem; } .my-account .wrapper .list .item .picTxt .text .infor { font-size: 0.75rem; color: #999; margin-top: 0.15625rem; } .my-account .wrapper .list .item .bnt { font-size: 0.8125rem; color: #282828; width: 4.875rem; height: 1.625rem; border: 1px solid #ddd; border-radius: 0.8125rem; text-align: center; line-height: 1.5625rem; } .my-account .wrapper .list .item .bnt.end { font-size: 0.8125rem; color: #aaa; background-color: #f2f2f2; border-color: #f2f2f2; } /*账单明细*/ .bill-details .nav { background-color: #fff; height: 2.8125rem; width: 100%; line-height: 2.8125rem; } .bill-details .nav .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.9375rem; color: #282828; height: 100%; } .bill-details .nav .item.on { color: #e93323; border-bottom: 0.09375rem solid #e93323; } /*限时抢购*/ .flash-sale .header { width: 100%; height: 7.5rem; } .flash-sale .header ._img { width: 100%; height: 100%; } .flash-sale .whiteFixed { position: fixed; top: 0; background-color: #fff; left: 0; width: 100%; z-index: 5; } .flash-sale .timeLsit { width: 100%; white-space: nowrap; overflow: hidden; height: 3.4375rem; } .flash-sale .timeLsit .rush-time { overflow-y: hidden; overflow-x: auto; width: 100%; height: 4.6875rem; } .flash-sale .timeLsit .item { display: inline-block; font-size: 0.6875rem; color: #282828; width: 6.25rem; text-align: center; padding: 0.34375rem 0; height: 3rem; background-color: #efc58f; } .flash-sale .timeLsit .item ~ .item { border-left: 1px solid #e3b06e; } .flash-sale .timeLsit .item .time { font-size: 1rem; font-weight: bold; height: 1.15625rem; line-height: 1.15625rem; } .flash-sale .timeLsit .item.on { background-color: #e93323; color: #fff; position: relative; } .flash-sale .timeLsit .item.on::before { content: ""; width: 0; height: 0; border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; border-top: 0.3125rem solid #e93323; position: absolute; bottom: -0.28125rem; z-index: 99; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .flash-sale .countDown { height: 2.875rem; border-bottom: 1px solid #f0f0f0; font-size: 0.875rem; color: #282828; } .flash-sale .countDown .timeTxt { color: #fc4141; } .flash-sale .countDown .time { font-size: 0.875rem; color: #282828; } .flash-sale .countDown .styleAll { font-size: 0.875rem; font-weight: bold; background-color: #ffcfcb; padding: 0.125rem 0.21875rem; border-radius: 0.09375rem; color: #fc4141; } .flash-sale .list.on { margin-top: 6.3125rem; } .flash-sale .list .item { padding: 0 0.9375rem; border-bottom: 1px solid #f0f0f0; height: 7.09375rem; position: relative; } .flash-sale .list .item .pictrue { width: 5.1875rem; height: 5.1875rem; } .flash-sale .list .item .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .flash-sale .list .item .text { width: 15.625rem; font-size: 0.9375rem; color: #333; height: 5.1875rem; } .flash-sale .list .item .text .money { font-size: 0.75rem; color: #282828; margin-top: -0.40625rem; } .flash-sale .list .item .text .money .num { font-size: 1.0625rem; font-weight: bold; } .flash-sale .list .item .text .progress { overflow: hidden; background-color: #fff; width: 8.125rem; border-radius: 0.625rem; height: 1.0625rem; position: relative; } .flash-sale .list .item .text .progress .bg-red { width: 0; height: 100%; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; background-color: #ffe3e1; } .flash-sale .list .item .text .progress .piece { position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 49%; font-size: 0.6875rem; } .flash-sale .list .item .grab { font-size: 0.875rem; color: #fff; width: 4.375rem; height: 1.6875rem; border-radius: 0.125rem; text-align: center; line-height: 1.6875rem; position: absolute; right: 0.9375rem; bottom: 0.9375rem; } /*抢购详情页*/ .product-con .nav { box-sizing: border-box; background-image: url('https://h5.dayouqiantu.cn/static/images/rushBuy.jpg'); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 3.125rem; padding: 0 0.9375rem; } .product-con .nav .money { font-size: 0.875rem; color: #fff; } .product-con .nav .money .num { font-size: 1.5rem; } .product-con .nav .money .y-money { font-size: 0.8125rem; margin-left: 0.3125rem; text-decoration: line-through; } .product-con .nav .times { font-size: 0.625rem; color: #fff; text-align: center; margin-bottom: 0.125rem; } .product-con .nav .times .time { margin-top: 0.21875rem; } .product-con .nav .times .time .styleAll { padding: 0 0.21875rem; font-size: 0.6875rem; color: #ff3d3d; background-color: #fff; border-radius: 0.0625rem; } .product-con .nav .iconfont { color: #fff; font-size: 0.9375rem; margin-left: 0.625rem; } .product-con .wrapperRush { padding: 1rem 0.9375rem; background-color: #fff; } .product-con .wrapperRush .introduce .infor { width: 17.8125rem; font-size: 1rem; font-weight: bold; } .product-con .wrapperRush .introduce .iconfont { font-size: 1.15625rem; color: #515151; } .product-con .wrapperRush .label { margin: 0.5625rem 0 0 0; font-size: 0.75rem; color: #82848f; } .product-con .wrapperRush .label .stock { width: 7.96875rem; margin-right: 0.875rem; } .product-con .footerRush { position: fixed; bottom: 0; width: 100%; height: 3.125rem; background-color: #fff; font-size: 0.5625rem; color: #666; z-index: 99; } .product-con .footerRush .customerSer { width: 14%; font-size: 0.625rem; color: #666; } .product-con .footerRush .bnt { width: 86%; text-align: center; line-height: 3.125rem; height: 100%; color: #fff; font-size: 0.9375rem; } /*新闻*/ .newsList .swiperNews { width: 21.5625rem; height: 11.46875rem; margin: 0.9375rem auto 0 auto; } .newsList .swiperNews .swiper-slide { width: 100%; height: 10.3125rem; } .newsList .swiperNews .slide-image { width: 100%; height: 100%; border-radius: 0.1875rem; } .newsList .swiperNews .swiper-pagination-bullet { width: 0.375rem; height: 0.375rem; border-radius: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; background-color: #d1d1d1; opacity: 1; margin: 0 0.3125rem; } .newsList .swiperNews .swiper-pagination-bullet-active { background-color: #666666; border: 0; } .newsList .swiperNews .swiper-pagination { bottom: -0.21875rem; width: 100%; } .newsList .nav { padding: 0 0.9375rem; width: 100%; height: 3.28125rem; overflow: hidden; background-color: #fff; } .newsList .nav.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; } .newsList .nav .scrollNav { white-space: nowrap; overflow-y: hidden; overflow-x: auto; width: 100%; } .newsList .nav .item { display: inline-block; font-size: 1rem; color: #999; margin-top: 1.25rem; } .newsList .nav .item.on { color: #282828; } .newsList .nav .item ~ .item { margin-left: 1.4375rem; } .newsList .nav .item .line { width: 0.75rem; height: 0.125rem; border-radius: 0.0625rem; margin: 0.3125rem auto 0 auto; } .newsList .list.on { margin-top: 3.28125rem; } .newsList .list .item { margin: 0 0.9375rem; border-bottom: 1px solid #f0f0f0; padding: 1.09375rem 0; } .newsList .list .item .pictrue { width: 7.8125rem; height: 4.875rem; } .newsList .list .item .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .newsList .list .item .text { width: 13.125rem; height: 4.875rem; font-size: 0.75rem; color: #999; } .newsList .list .item .text .name { font-size: 0.9375rem; color: #282828; } .newsList .list .item .picList .pictrue { width: 10.46875rem; height: 6.5625rem; margin-top: 0.9375rem; } .newsList .list .item .picList.on .pictrue { width: 6.78125rem; height: 4.25rem; } .newsList .list .item .picList .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .newsList .list .item .time { text-align: right; font-size: 0.75rem; color: #999; margin-top: 0.6875rem; } .newsList .van-tabs__wrap { top: 0 !important; } /*新闻详情*/ .newsDetail .title { padding: 0 0.9375rem; font-size: 1.0625rem; color: #282828; font-weight: bold; margin: 1.40625rem 0 0.71875rem 0; line-height: 1.5; } .newsDetail .list { margin: 0 0.9375rem; border-bottom: 1px solid #eee; padding-bottom: 0.78125rem; } .newsDetail .list .label { font-size: 0.75rem; height: 1.1875rem; border-radius: 0.09375rem; text-align: center; line-height: 1.125rem; padding: 0 0.3125rem; max-width: 5.9375rem; width: unset; } .newsDetail .list .item { margin-left: 0.84375rem; font-size: 0.75rem; color: #999; } .newsDetail .list .item .iconfont { font-size: 0.875rem; margin-right: 0.3125rem; } .newsDetail .list .item .iconfont.icon-shenhezhong { font-size: 0.8125rem; } .newsDetail .conter { padding: 0 0.9375rem; font-size: 0.9375rem; color: #333; line-height: 1.8; padding-top: 1.09375rem; } .newsDetail .conter ._img { width: 100%; display: block; } /*佣金明细*/ .commission-details .promoterHeader .headerCon .money { font-size: 1.125rem; } .commission-details .promoterHeader .headerCon .money .num { font-family: 'GuildfordProBook 5'; } /*立即注册*/ .register { background-image: -webkit-linear-gradient(top, #73CBB6 0%, #73CBB6 100%); background-image: linear-gradient(to bottom, #73CBB6 0%, #73CBB6 100%); background-image: -moz-linear-gradient(to bottom, #73CBB6 0%, #73CBB6 100%); width: 100%; height: 100vh; } .register .shading { background-image: url("https://h5.dayouqiantu.cn/static/images/registerw.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 8.9375rem; padding-top: 2.1875rem; } .register .shading .pictrue { width: 5.375rem; height: 5.375rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); margin: 0 auto; } .register .shading .pictrue ._img { width: 5.125rem; height: 5.125rem; border-radius: 50%; display: block; } .register .whiteBg { width: 19.375rem; border-radius: 0.5rem; background-color: #fff; margin: 0.9375rem auto 0 auto; padding: 1.40625rem 0.9375rem 0 0.9375rem; } .register .whiteBg .title { font-size: 1.125rem; color: #282828; text-align: center; font-weight: bold; } .register .whiteBg .title .item ~ .item { margin-left: 2.65625rem; } .register .whiteBg .title .item { color: #999999; border-bottom: 0.15625rem solid #fff; padding-bottom: 0.3125rem; } .register .whiteBg .title .item.on { color: #282828; border-bottom-color: #f35749; } .register .whiteBg .list .item { border-bottom: 1px solid #ededed; padding: 1.46875rem 0 0.40625rem 0; position: relative; } .register .whiteBg .list .item .name { font-size: 0.8125rem; color: #2d3342; margin-bottom: 0.84375rem; text-align: left; } .register .whiteBg .list .item .icon { font-size: 1.09375rem; margin-right: 1rem; } .register .whiteBg .list .item input { font-size: 1.03125rem; width: 15.3125rem; } .register .whiteBg .list .item input::-webkit-input-placeholder { color: #cccccc; } .register .whiteBg .list .item input::placeholder { color: #cccccc; } .register .whiteBg .list .item .codeIput { width: 7.8125rem; } .register .whiteBg .list .item .code { position: absolute; width: 4.6875rem; height: 1.5625rem; background-color: #f35446; border-radius: 0.9375rem; color: #fff; line-height: 1.5625rem; text-align: center; bottom: 0.53125rem; right: 0; font-size: 0.78125rem; } .register .whiteBg .list .item .code.on { background-color: #bbbbbb; } .register .whiteBg .list .forgetPwd { text-align: right; font-size: 0.875rem; color: #cccccc; margin-top: 0.625rem; } .register .whiteBg .list .forgetPwd .iconfont { font-size: 0.9375rem; margin-right: 0.3125rem; vertical-align: middle; } .register .whiteBg .logon { font-size: 1.0625rem; color: #fff; font-weight: bold; height: 2.6875rem; border-radius: 1.34375rem; background: -webkit-linear-gradient(left, #f35447 0%, #ff8e3c 100%); background: linear-gradient(to right, #f35447 0%, #ff8e3c 100%); background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%); text-align: center; line-height: 2.6875rem; margin-top: 1.46875rem; } .register .whiteBg .tip { height: 3.4375rem; text-align: center; line-height: 3.28125rem; font-size: 0.9375rem; color: #cccccc; } .register .bottom { background-image: url("https://h5.dayouqiantu.cn/static/images/registerB.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 19.375rem; height: 1.125rem; margin: 0 auto; } /*产品分类*/ .productSort { background: #fff; } .productSort .header { width: 100%; height: 3rem; background-color: #fff; position: fixed; left: 0; right: 0; top: 0; z-index: 9; border-bottom: 1px solid #f5f5f5; } .productSort .header .input { width: 21.875rem; height: 1.875rem; background-color: #f5f5f5; border-radius: 1.5625rem; padding: 0 0.78125rem; } .productSort .header .input .iconfont { font-size: 1.09375rem; color: #555; } .productSort .header .input input { font-size: 0.8125rem; height: 100%; width: 18.65625rem; } .productSort .header .input input::-webkit-input-placeholder { color: #999; } .productSort .header .input input::placeholder { color: #999; } .productSort .aside { position: fixed; width: 5.625rem; left: 0; top: 3rem; bottom: 3.125rem; background-color: #f7f7f7; overflow-y: auto; overflow-x: hidden; overflow-scrolling: touch; } .productSort .aside .item { height: 2.5rem; width: 100%; font-size: 0.8125rem; color: #424242; } .productSort .aside .item.on { background-color: #fff; border-left: 0.125rem solid #73CBB6; width: 100%; text-align: center; color: #73CBB6; font-weight: bold; } .productSort .conter { margin-left: 5.625rem; padding: 0 0.4375rem; margin-top: 3rem; } .productSort .conter .listw { padding-top: 0.625rem; } .productSort .conter .listw .title { height: 2.8125rem; } .productSort .conter .listw .title .line { width: 3.125rem; height: 0.0625rem; background-color: #999; } .productSort .conter .listw .title .name { font-size: 0.875rem; color: #333; margin: 0 0.9375rem; font-weight: bold; } .productSort .conter .list { -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; } .productSort .conter .list .item { width: 5.53125rem; margin-top: 0.8125rem; } .productSort .conter .list .item .picture { width: 3.75rem; height: 3.75rem; border-radius: 50%; } .productSort .conter .list .item .picture ._img { width: 100%; height: 100%; border-radius: 50%; } .productSort .conter .list .item .name { font-size: 0.75rem; color: #333; height: 1.75rem; line-height: 1.75rem; width: 3.75rem; text-align: center; } /*返回主页按钮*/ .home { position: fixed; top: 24.375rem; color: white; text-align: center; z-index: 33; right: 0.3125rem; } .home .homeCon { overflow: hidden; width: 2.6875rem; border-radius: 1.5625rem; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0; -webkit-transform: scale(0); transform: scale(0); height: 0; color: #e93323; } .home .homeCon.on { opacity: 1; -webkit-transform: scale(1); transform: scale(1); height: 9.375rem; padding: 1.0625rem 0; margin-bottom: 0.625rem; } .home .homeCon .iconfont { font-size: 1.5rem; color: #fff; display: inline-block; height: 2.8125rem; margin: 0 auto; } .home .pictrue { width: 2.6875rem; height: 2.6875rem; border-radius: 50%; } .home .pictrue .image { width: 100%; height: 100%; border-radius: 50%; } /*商户管理公共样式*/ .pos-order-goods { padding: 0 0.9375rem; background-color: #fff; } .pos-order-goods .goods { height: 5.78125rem; } .pos-order-goods .goods ~ .goods { border-top: 1px dashed #e5e5e5; } .pos-order-goods .goods .picTxt { width: 16.09375rem; } .pos-order-goods .goods .picTxt .pictrue { width: 4.0625rem; height: 4.0625rem; } .pos-order-goods .goods .picTxt .pictrue ._img { width: 100%; height: 100%; border-radius: 0.1875rem; } .pos-order-goods .goods .picTxt .text { width: 11.40625rem; height: 4.0625rem; } .pos-order-goods .goods .picTxt .text .info { font-size: 0.875rem; color: #282828; } .pos-order-goods .goods .picTxt .text .attr { font-size: 0.625rem; color: #999; } .pos-order-goods .goods .money { width: 5.125rem; text-align: right; font-size: 0.875rem; } .pos-order-goods .goods .money .x-money { color: #282828; } .pos-order-goods .goods .money .num { color: #ff9600; margin: 0.15625rem 0; } .pos-order-goods .goods .money .y-money { color: #999; text-decoration: line-through; } .public-total { font-size: 0.875rem; color: #282828; border-top: 1px solid #eee; height: 2.875rem; line-height: 2.875rem; text-align: right; padding: 0 0.9375rem; background-color: #fff; } .public-total .money { color: #ff4c3c; } .priceChange { position: fixed; width: 18.125rem; height: 20.9375rem; background-color: #fff; border-radius: 0.3125rem; top: 50%; left: 50%; margin-left: -9.0625rem; margin-top: -10.46875rem; z-index: 99; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .priceChange.on { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .priceChange .priceTitle { background: url("https://h5.dayouqiantu.cn/static/images/pricetitle.jpg") no-repeat; background-size: 100% 100%; width: 100%; height: 5rem; border-radius: 0.3125rem 0.3125rem 0 0; text-align: center; font-size: 1.25rem; color: #fff; line-height: 5rem; position: relative; } .priceChange .priceTitle .iconfont { position: absolute; font-size: 1.25rem; right: 0.8125rem; top: 0.71875rem; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; } .priceChange .listChange { padding: 0 1.25rem; } .priceChange .listChange .item { height: 3.21875rem; border-bottom: 1px solid #e3e3e3; font-size: 1rem; color: #333; } .priceChange .listChange .item .money { color: #666; width: 9.375rem; text-align: right; } .priceChange .listChange .item .money .iconfont { font-size: 1rem; margin-left: 0.625rem; } .priceChange .listChange .item .money input { width: 100%; height: 100%; text-align: right; color: #ccc; } .priceChange .listChange .item .money input.on { color: #666; } .priceChange .modify { font-size: 1rem; color: #fff; width: 15.3125rem; height: 2.8125rem; text-align: center; line-height: 2.8125rem; border-radius: 1.40625rem; background-color: #2291f8; margin: 1.65625rem auto 0 auto; } .priceChange .modify1 { font-size: 1rem; color: #312b2b; width: 15.3125rem; height: 2.8125rem; text-align: center; line-height: 2.8125rem; border-radius: 1.40625rem; background-color: #eee; margin: 0.9375rem auto 0 auto; } .public-wrapper .title { font-size: 0.9375rem; color: #282828; padding: 0 0.9375rem; margin-bottom: 0.625rem; } .public-wrapper .title .iconfont { color: #2291f8; font-size: 1.25rem; margin-right: 0.40625rem; vertical-align: middle; } .public-wrapper { margin: 0.5625rem auto 0 auto; width: 21.5625rem; background-color: #fff; border-radius: 0.3125rem; padding-top: 0.78125rem; } .public-wrapper .nav { padding: 0 0.9375rem; height: 2.1875rem; line-height: 2.1875rem; font-size: 0.75rem; color: #999; } .public-wrapper .data { width: 6.5625rem; text-align: left; } .public-wrapper .browse { width: 6rem; text-align: right; } .public-wrapper .turnover { width: 7.09375rem; text-align: right; } .public-wrapper .conter { padding: 0 0.9375rem; } .public-wrapper .conter .item { border-bottom: 1px solid #f7f7f7; height: 2.1875rem; font-size: 0.75rem; } .public-wrapper .conter .item .turnover { color: #d84242; } /*商户管理订单列表*/ .pos-order-list .nav { width: 100%; height: 3rem; background-color: #fff; font-size: 0.9375rem; color: #282828; position: fixed; top: 0; left: 0; } .pos-order-list .nav .item.on { color: #2291f8; } .pos-order-list .list { margin-top: 3.75rem; } .pos-order-list .list .item { background-color: #fff; width: 100%; } .pos-order-list .list .item ~ .item { margin-top: 0.75rem; } .pos-order-list .list .item .order-num { border-bottom: 1px solid #eee; font-size: 0.8125rem; font-weight: bold; color: #282828; padding: 0.625rem 0.9375rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .pos-order-list .list .item .order-num .time { font-size: 0.8125rem; font-weight: normal; color: #999; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .pos-order-list .list .item .operation { padding: 0.625rem 0.9375rem; margin-top: 0.09375rem; } .pos-order-list .list .item .operation .more { position: relative; } .pos-order-list .list .item .operation .icon-gengduo { font-size: 1.5625rem; color: #aaa; } .pos-order-list .list .item .operation .order .arrow { width: 0; height: 0; border-left: 0.34375rem solid transparent; border-right: 0.34375rem solid transparent; border-top: 0.625rem solid #e5e5e5; position: absolute; left: 0.46875rem; bottom: -0.5625rem; } .pos-order-list .list .item .operation .order .arrow:before { content: ''; width: 0; height: 0; border-left: 0.21875rem solid transparent; border-right: 0.21875rem solid transparent; border-top: 0.625rem solid #fff; position: absolute; left: -0.21875rem; bottom: 0; } .pos-order-list .list .item .operation .order { width: 6.25rem; background-color: #fff; border: 1px solid #eee; border-radius: 0.3125rem; position: absolute; top: -3.125rem; z-index: 9; } .pos-order-list .list .item .operation .order .items { height: 2.40625rem; line-height: 2.40625rem; text-align: center; } .pos-order-list .list .item .operation .order .items ~ .items { border-top: 1px solid #f5f5f5; } .pos-order-list .list .item .operation .bnt { font-size: 0.875rem; color: #5c5c5c; width: 5.3125rem; height: 1.875rem; border-radius: 0.9375rem; border: 1px solid #bbb; text-align: center; line-height: 1.875rem; } .pos-order-list .list .item .operation .bnt ~ .bnt { margin-left: 0.4375rem; } /*商户管理订单详情*/ .pos-order-details .header { background: -webkit-linear-gradient(left, #2291f8 0%, #1cd1dc 100%); background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); } .pos-order-details .header .state { font-size: 1.125rem; color: #fff; } .pos-order-details .header .data { margin-left: 1.09375rem; font-size: 0.875rem; } .pos-order-details .header .data .order-num { font-size: 0.9375rem; margin-bottom: 0.25rem; } .pos-order-details .remarks { width: 100%; height: 2.6875rem; background-color: #fff; padding: 0 0.9375rem; } .pos-order-details .remarks .iconfont { font-size: 1.25rem; color: #2a7efb; } .pos-order-details .remarks input { width: 19.6875rem; height: 100%; font-size: 0.9375rem; } .pos-order-details .remarks input::-webkit-input-placeholder { color: #666; } .pos-order-details .remarks input::placeholder { color: #666; } .pos-order-details .orderingUser { font-size: 0.8125rem; color: #282828; padding: 0 0.9375rem; height: 0rem; background-color: #fff; margin-top: 0.5rem; border-bottom: 1px solid #f5f5f5; } .pos-order-details .orderingUser .iconfont { font-size: 1.25rem; color: #2a7efb; margin-right: 0.46875rem; } .pos-order-details .address { margin-top: 0; } .pos-order-details .pos-order-goods { margin-top: 0.53125rem; } .pos-order-details .footer .more { font-size: 0.84375rem; color: #aaa; width: 3.125rem; height: 2rem; text-align: center; line-height: 2rem; margin-right: 0.78125rem; position: relative; } .pos-order-details .footer .delivery { background: -webkit-linear-gradient(left, #2291f8 0%, #1cd1dc 100%); background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%); } .pos-order-details .footer .more .order .arrow { width: 0; height: 0; border-left: 0.34375rem solid transparent; border-right: 0.34375rem solid transparent; border-top: 0.625rem solid #e5e5e5; position: absolute; left: 0.46875rem; bottom: -0.5625rem; } .pos-order-details .footer .more .order .arrow:before { content: ''; width: 0; height: 0; border-left: 0.28125rem solid transparent; border-right: 0.28125rem solid transparent; border-top: 0.59375rem solid #fff; position: absolute; left: -0.3125rem; bottom: 0; } .pos-order-details .footer .more .order { width: 6.25rem; background-color: #fff; border: 1px solid #eee; border-radius: 0.3125rem; position: absolute; top: -6.25rem; z-index: 9; } .pos-order-details .footer .more .order .item { height: 2.40625rem; line-height: 2.40625rem; } .pos-order-details .footer .more .order .item ~ .item { border-top: 1px solid #f5f5f5; } .pos-order-details .footer .more .moreName { width: 100%; height: 100%; } /*发货*/ .deliver-goods ._header { width: 100%; background-color: #fff; margin-top: 0.3125rem; } .deliver-goods ._header .order-num { padding: 0 0.9375rem; border-bottom: 1px solid #f5f5f5; height: 2.09375rem; } .deliver-goods ._header .order-num .num { width: 13.4375rem; font-size: 0.8125rem; color: #282828; position: relative; } .deliver-goods ._header .order-num .num:after { position: absolute; content: ''; width: 1px; height: 0.9375rem; background-color: #ddd; top: 50%; margin-top: -0.46875rem; right: 0; } .deliver-goods ._header .order-num .name { width: 8.125rem; font-size: 0.8125rem; color: #282828; text-align: center; } .deliver-goods ._header .order-num .name .iconfont { font-size: 1.09375rem; color: #477ef3; vertical-align: middle; margin-right: 0.3125rem; } .deliver-goods ._header .address { font-size: 0.8125rem; color: #868686; background-color: #fff; padding: 0.9375rem; } .deliver-goods ._header .address .name { font-size: 0.9375rem; color: #282828; margin-bottom: 0.3125rem; } .deliver-goods ._header .address .name .phone { margin-left: 1.25rem; } .deliver-goods ._header .line { width: 100%; height: 0.09375rem; } .deliver-goods ._header .line ._img { width: 100%; height: 100%; display: block; } .deliver-goods .wrapper { width: 100%; background-color: #fff; } .deliver-goods .wrapper .item { border-bottom: 1px solid #f0f0f0; padding: 0 0.9375rem; height: 3rem; font-size: 1rem; color: #282828; position: relative; } .deliver-goods .wrapper .item .mode { width: 14.375rem; height: 100%; text-align: right; } .deliver-goods .wrapper .item .mode .iconfont { font-size: 0.9375rem; margin-left: 0.40625rem; } .deliver-goods .wrapper .item .mode .goods ~ .goods { margin-left: 0.9375rem; } .deliver-goods .wrapper .item .mode .goods { color: #bbb; } .deliver-goods .wrapper .item .mode .goods.on { color: #477ef3; } .deliver-goods .wrapper .item .icon-up { position: absolute; font-size: 1.09375rem; color: #2c2c2c; right: 0.9375rem; } .deliver-goods .wrapper .item ._select { direction: rtl; padding-right: 1.875rem; position: relative; z-index: 2; } .deliver-goods .wrapper .item input::-webkit-input-placeholder { color: #bbb; } .deliver-goods .wrapper .item input::placeholder { color: #bbb; } .deliver-goods .confirm { font-size: 1rem; color: #fff; width: 100%; height: 3.125rem; background-color: #477ef3; text-align: center; line-height: 3.125rem; position: fixed; bottom: 0; } /*订单首页*/ .order-index .header { box-sizing: border-box; background: url("https://h5.dayouqiantu.cn/static/images/orderIndex.png") no-repeat; background-size: 100% 100%; width: 100%; height: 9.4375rem; padding: 1.40625rem 0.9375rem 0 0.9375rem; } .order-index .header .item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -o-flex: 1; -ms-flex: 1; text-align: center; font-size: 0.75rem; color: #fff; } .order-index .header .item .num { font-size: 1.25rem; margin-bottom: 0.21875rem; } .order-index .wrapper { width: 21.5625rem; background-color: #fff; border-radius: 0.3125rem; margin: -3.59375rem auto 0 auto; padding-top: 0.78125rem; } .order-index .wrapper .title { font-size: 0.9375rem; color: #282828; padding: 0 0.9375rem; margin-bottom: 1.25rem; } .order-index .wrapper .title .iconfont { color: #2291f8; font-size: 1.25rem; margin-right: 0.40625rem; vertical-align: middle; } .order-index .wrapper .list .item { width: 33.33%; text-align: center; font-size: 0.75rem; color: #999; margin-bottom: 1.40625rem; } .order-index .wrapper .list .item .num { font-size: 1.25rem; color: #333; } /*交易额统计*/ .statistical-page .navs { width: 100%; height: 3rem; background-color: #fff; overflow: hidden; line-height: 3rem; position: fixed; top: 0; left: 0; z-index: 9; } .statistical-page .navs .list { overflow-y: hidden; overflow-x: auto; white-space: nowrap; width: 100%; } .statistical-page .navs .item { font-size: 1rem; color: #282828; margin-left: 2.4375rem; display: inline-block; } .statistical-page .navs .item.on { color: #2291f8; } .statistical-page .navs .item .iconfont { font-size: 0.78125rem; margin-left: 0.40625rem; } .statistical-page .wrapper { box-sizing: border-box; width: 100%; background-color: #fff; border-radius: 0.3125rem; margin: 3.71875rem auto 0 auto; padding: 0.9375rem 1.875rem; } .statistical-page .wrapper .title { font-size: 0.9375rem; color: #999; text-align: center; } .statistical-page .wrapper .money { font-size: 2.25rem; color: #fba02a; text-align: center; margin-top: 0.3125rem; } .statistical-page .wrapper .increase { font-size: 0.875rem; color: #999; margin-top: 0.625rem; } .statistical-page .wrapper .increase .red { color: #ff6969; } .statistical-page .wrapper .increase .green { color: #1abb1d; } .statistical-page .wrapper .increase .iconfont { font-size: 0.71875rem; margin-left: 0.46875rem; } .statistical-page .chart { width: 21.5625rem; height: 15rem; background-color: #fff; border-radius: 0.3125rem; margin: 0.71875rem auto 0 auto; padding: 0.78125rem 0.6875rem 0 0.6875rem; } .statistical-page .chart .company { font-size: 0.8125rem; color: #999; } .statistical-page .mc-body { padding-bottom: 0; } .statistical-page .mc-body ._tr { background-color: #edf8fe; border-top: 1px solid #fff; width: 100%; } .statistical-page .mc-head-box ._div { font-size: 14px; } .statistical-page .mc-range-mode .selected .mc-range-bg { background-color: #a0dcf9; } .yd-confirm { background-color: #fff; font-size: unset; width: 16.875rem; height: 7.8125rem; border-radius: 1.25rem; } .yd-confirm-hd { text-align: center; } .yd-confirm-title { color: #030303; font-weight: bold; font-size: 1.125rem; } .yd-confirm-bd { text-align: center; font-size: 0.875rem; color: #333333; } .yd-confirm-ft { line-height: 2.8125rem; margin-top: 14px; border-top: 0.03125rem solid #eee; } .yd-confirm-ft > ._a { color: #e93323; } .yd-confirm-ft > ._a.primary { border-left: 0.03125rem solid #eee; color: #e93323; } /*修改密码*/ .ChangePassword .phone { font-size: 1rem; font-weight: bold; text-align: center; margin-top: 1.71875rem; } .ChangePassword .list { width: 18.125rem; margin: 1.65625rem auto 0 auto; } .ChangePassword .list .item { width: 100%; height: 3.4375rem; border-bottom: 0.0625rem solid #f0f0f0; } .ChangePassword .list .item input { width: 100%; height: 100%; font-size: 1rem; } .ChangePassword .list .item input::-webkit-input-placeholder { color: #b9b9bc; } .ChangePassword .list .item input::placeholder { color: #b9b9bc; } .ChangePassword .list .item input.codeIput { width: 10.625rem; } .ChangePassword .list .item .code { font-size: 1rem; } .ChangePassword .list .item .code.on { color: #b9b9bc !important; } .ChangePassword .confirmBnt { font-size: 1rem; width: 18.125rem; height: 2.8125rem; border-radius: 1.40625rem; color: #fff; margin: 2.875rem auto 0 auto; text-align: center; line-height: 2.8125rem; }