Files
littleTiger/template/mobile/rainbow/static/css/mobiscroll.custom.min.css

1192 lines
19 KiB
CSS
Raw Normal View History

2019-02-28 19:48:21 +08:00
.dw-trans .dw-persp {
overflow:hidden;
-webkit-perspective:1000px;
-moz-perspective:1000px;
perspective:1000px
}
.dw-trans .dw,.dw-trans .dwo {
-webkit-animation-fill-mode:forwards;
-webkit-animation-duration:200ms;
-moz-animation-fill-mode:forwards;
-moz-animation-duration:200ms;
animation-fill-mode:forwards;
animation-duration:200ms
}
.dw-trans .dwo {
-webkit-backface-visibility:hidden
}
.dw-in .dw {
-webkit-animation-timing-function:ease-out;
-moz-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
.dw-out .dw {
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
.dw-in .dwo {
-webkit-animation-name:dw-f-in;
-moz-animation-name:dw-f-in;
animation-name:dw-f-in
}
.dw-out .dwo {
-webkit-animation-name:dw-f-out;
-moz-animation-name:dw-f-out;
animation-name:dw-f-out
}
.dw-flip,.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade {
-webkit-backface-visibility:hidden;
-webkit-transform:translateX(0);
-moz-backface-visibility:hidden;
-moz-transform:translateX(0);
backface-visibility:hidden;
transform:translateX(0)
}
.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade {
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
transform-origin:0 0
}
.dw-flip,.dw-pop {
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
transform-origin:50% 50%
}
.dw-in .dw-pop {
opacity:1;
-webkit-animation-name:dw-p-in;
-webkit-transform:scale(1);
-moz-animation-name:dw-p-in;
-moz-transform:scale(1);
transform:scale(1);
animation-name:dw-p-in
}
.dw-out .dw-pop {
opacity:0;
-webkit-animation-name:dw-p-out;
-moz-animation-name:dw-p-out;
animation-name:dw-p-out
}
.dw-in .dw-flip {
opacity:1;
-webkit-animation-name:dw-fl-in;
-webkit-transform:scale(1);
-moz-animation-name:dw-fl-in;
-moz-transform:scale(1);
animation-name:dw-fl-in;
transform:scale(1)
}
.dw-out .dw-flip {
opacity:0;
animation-name:dw-fl-out;
-webkit-animation-name:dw-fl-out;
-moz-animation-name:dw-fl-out
}
.dw-in .dw-swing {
opacity:1;
-webkit-animation-name:dw-sw-in;
-webkit-transform:scale(1);
-moz-animation-name:dw-sw-in;
-moz-transform:scale(1);
transform:scale(1);
animation-name:dw-sw-in
}
.dw-out .dw-swing {
opacity:0;
-webkit-animation-name:dw-sw-out;
-moz-animation-name:dw-sw-out;
animation-name:dw-sw-out
}
.dw-in .dw-slidehorizontal {
opacity:1;
-webkit-animation-name:dw-sh-in;
-webkit-transform:scale(1);
-moz-animation-name:dw-sh-in;
-moz-transform:scale(1);
transform:scale(1);
animation-name:dw-sh-in
}
.dw-out .dw-slidehorizontal {
opacity:0;
-webkit-animation-name:dw-sh-out;
-moz-animation-name:dw-sh-out;
animation-name:dw-sh-out
}
.dw-in .dw-slidevertical {
opacity:1;
-webkit-animation-name:dw-sv-in;
-webkit-transform:scale(1);
-moz-animation-name:dw-sv-in;
-moz-transform:scale(1);
animation-name:dw-sv-in;
transform:scale(1)
}
.dw-out .dw-slidevertical {
opacity:0;
-webkit-animation-name:dw-sv-out;
-moz-animation-name:dw-sv-out;
animation-name:dw-sv-out
}
.dw-in .dw-slidedown {
-webkit-animation-name:dw-sd-in;
-webkit-transform:scale(1);
-moz-animation-name:dw-sd-in;
-moz-transform:scale(1);
animation-name:dw-sd-in;
transform:scale(1)
}
.dw-out .dw-slidedown {
animation-name:dw-sd-out;
-webkit-animation-name:dw-sd-out;
-webkit-transform:translateY(-100%);
-moz-animation-name:dw-sd-out;
-moz-transform:translateY(-100%)
}
.dw-in .dw-slideup {
-webkit-animation-name:dw-su-in;
-webkit-transform:scale(1);
-moz-animation-name:dw-su-in;
-moz-transform:scale(1);
transform:scale(1);
animation-name:dw-su-in
}
.dw-out .dw-slideup {
animation-name:dw-su-out;
-webkit-animation-name:dw-su-out;
-webkit-transform:translateY(100%);
-moz-animation-name:dw-su-out;
-moz-transform:translateY(100%)
}
.dw-in .dw-fade {
opacity:1;
-webkit-animation-name:dw-f-in;
-moz-animation-name:dw-f-in;
animation-name:dw-f-in
}
.dw-out .dw-fade {
opacity:0;
-webkit-animation-name:dw-f-out;
-moz-animation-name:dw-f-out;
animation-name:dw-f-out
}
@keyframes dw-f-in {
from {
opacity:0
}
to {
opacity:1
}
}@-webkit-keyframes dw-f-in {
from {
opacity:0
}
to {
opacity:1
}
}@-moz-keyframes dw-f-in {
from {
opacity:0
}
to {
opacity:1
}
}@keyframes dw-f-out {
from {
visibility:visible;
opacity:1
}
to {
opacity:0
}
}@-webkit-keyframes dw-f-out {
from {
visibility:visible;
opacity:1
}
to {
opacity:0
}
}@-moz-keyframes dw-f-out {
from {
visibility:visible;
opacity:1
}
to {
opacity:0
}
}@keyframes dw-p-in {
from {
opacity:0;
transform:scale(0.8)
}
to {
opacity:1;
transform:scale(1)
}
}@-webkit-keyframes dw-p-in {
from {
opacity:0;
-webkit-transform:scale(0.8)
}
to {
opacity:1;
-webkit-transform:scale(1)
}
}@-moz-keyframes dw-p-in {
from {
opacity:0;
-moz-transform:scale(0.8)
}
to {
opacity:1;
-moz-transform:scale(1)
}
}@keyframes dw-p-out {
from {
opacity:1;
transform:scale(1)
}
to {
opacity:0;
transform:scale(0.8)
}
}@-webkit-keyframes dw-p-out {
from {
opacity:1;
-webkit-transform:scale(1)
}
to {
opacity:0;
-webkit-transform:scale(0.8)
}
}@-moz-keyframes dw-p-out {
from {
opacity:1;
-moz-transform:scale(1)
}
to {
opacity:0;
-moz-transform:scale(0.8)
}
}@keyframes dw-fl-in {
from {
opacity:0;
transform:rotateY(90deg)
}
to {
opacity:1;
transform:rotateY(0)
}
}@-webkit-keyframes dw-fl-in {
from {
opacity:0;
-webkit-transform:rotateY(90deg)
}
to {
opacity:1;
-webkit-transform:rotateY(0)
}
}@-moz-keyframes dw-fl-in {
from {
opacity:0;
-moz-transform:rotateY(90deg)
}
to {
opacity:1;
-moz-transform:rotateY(0)
}
}@keyframes dw-fl-out {
from {
opacity:1;
transform:rotateY(0deg)
}
to {
opacity:0;
transform:rotateY(-90deg)
}
}@-webkit-keyframes dw-fl-out {
from {
opacity:1;
-webkit-transform:rotateY(0deg)
}
to {
opacity:0;
-webkit-transform:rotateY(-90deg)
}
}@-moz-keyframes dw-fl-out {
from {
opacity:1;
-moz-transform:rotateY(0deg)
}
to {
opacity:0;
-moz-transform:rotateY(-90deg)
}
}@keyframes dw-sw-in {
from {
opacity:0;
transform:rotateY(-90deg)
}
to {
opacity:1;
transform:rotateY(0deg)
}
}@-webkit-keyframes dw-sw-in {
from {
opacity:0;
-webkit-transform:rotateY(-90deg)
}
to {
opacity:1;
-webkit-transform:rotateY(0deg)
}
}@-moz-keyframes dw-sw-in {
from {
opacity:0;
-moz-transform:rotateY(-90deg)
}
to {
opacity:1;
-moz-transform:rotateY(0deg)
}
}@keyframes dw-sw-out {
from {
opacity:1;
transform:rotateY(0deg)
}
to {
opacity:0;
transform:rotateY(-90deg)
}
}@-webkit-keyframes dw-sw-out {
from {
opacity:1;
-webkit-transform:rotateY(0deg)
}
to {
opacity:0;
-webkit-transform:rotateY(-90deg)
}
}@-moz-keyframes dw-sw-out {
from {
opacity:1;
-moz-transform:rotateY(0deg)
}
to {
opacity:0;
-moz-transform:rotateY(-90deg)
}
}@keyframes dw-sh-in {
from {
opacity:0;
transform:translateX(-100%)
}
to {
opacity:1;
transform:translateX(0)
}
}@-webkit-keyframes dw-sh-in {
from {
opacity:0;
-webkit-transform:translateX(-100%)
}
to {
opacity:1;
-webkit-transform:translateX(0)
}
}@-moz-keyframes dw-sh-in {
from {
opacity:0;
-moz-transform:translateX(-100%)
}
to {
opacity:1;
-moz-transform:translateX(0)
}
}@keyframes dw-sh-out {
from {
opacity:1;
transform:translateX(0)
}
to {
opacity:0;
transform:translateX(100%)
}
}@-webkit-keyframes dw-sh-out {
from {
opacity:1;
-webkit-transform:translateX(0)
}
to {
opacity:0;
-webkit-transform:translateX(100%)
}
}@-moz-keyframes dw-sh-out {
from {
opacity:1;
-moz-transform:translateX(0)
}
to {
opacity:0;
-moz-transform:translateX(100%)
}
}@keyframes dw-sv-in {
from {
opacity:0;
transform:translateY(-100%)
}
to {
opacity:1;
transform:translateY(0)
}
}@-webkit-keyframes dw-sv-in {
from {
opacity:0;
-webkit-transform:translateY(-100%)
}
to {
opacity:1;
-webkit-transform:translateY(0)
}
}@-moz-keyframes dw-sv-in {
from {
opacity:0;
-moz-transform:translateY(-100%)
}
to {
opacity:1;
-moz-transform:translateY(0)
}
}@keyframes dw-sv-out {
from {
opacity:1;
transform:translateY(0)
}
to {
opacity:0;
transform:translateY(100%)
}
}@-webkit-keyframes dw-sv-out {
from {
opacity:1;
-webkit-transform:translateY(0)
}
to {
opacity:0;
-webkit-transform:translateY(100%)
}
}@-moz-keyframes dw-sv-out {
from {
opacity:1;
-moz-transform:translateY(0)
}
to {
opacity:0;
-moz-transform:translateY(100%)
}
}@keyframes dw-sd-in {
from {
transform:translateY(-100%)
}
to {
transform:translateY(0)
}
}@-webkit-keyframes dw-sd-in {
from {
opacity:1;
-webkit-transform:translateY(-100%)
}
to {
opacity:1;
-webkit-transform:translateY(0)
}
}@-moz-keyframes dw-sd-in {
from {
-moz-transform:translateY(-100%)
}
to {
-moz-transform:translateY(0)
}
}@keyframes dw-sd-out {
from {
transform:translateY(0)
}
to {
transform:translateY(-100%)
}
}@-webkit-keyframes dw-sd-out {
from {
opacity:1;
-webkit-transform:translateY(0)
}
to {
opacity:1;
-webkit-transform:translateY(-100%)
}
}@-moz-keyframes dw-sd-out {
from {
-moz-transform:translateY(0)
}
to {
-moz-transform:translateY(-100%)
}
}@keyframes dw-su-in {
from {
transform:translateY(100%)
}
to {
transform:translateY(0)
}
}@-webkit-keyframes dw-su-in {
from {
opacity:1;
-webkit-transform:translateY(100%)
}
to {
opacity:1;
-webkit-transform:translateY(0)
}
}@-moz-keyframes dw-su-in {
from {
-moz-transform:translateY(100%)
}
to {
-moz-transform:translateY(0)
}
}@keyframes dw-su-out {
from {
transform:translateY(0)
}
to {
transform:translateY(100%)
}
}@-webkit-keyframes dw-su-out {
from {
opacity:1;
-webkit-transform:translateY(0)
}
to {
opacity:1;
-webkit-transform:translateY(100%)
}
}@-moz-keyframes dw-su-out {
from {
-moz-transform:translateY(0)
}
to {
-moz-transform:translateY(100%)
}
}.dw,.dwo {
-webkit-font-smoothing:antialiased;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.mbsc-fr-lock {
-ms-touch-action:none;
touch-action:none
}
.dw {
max-width:98%;
position:absolute;
top:0;
left:0;
z-index:2;
font-size:12px;
text-shadow:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y
}
.dw:focus {
outline:0
}
.dw:focus {
outline-offset:-2px
}
.dw-rtl {
direction:rtl
}
.dw,.dwbc {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.dwwr {
min-width:200px;
zoom:1;
overflow:hidden;
text-align:center;
font-family:arial,verdana,sans-serif
}
.dw-persp,.dwo {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
.dw-persp {
z-index:99998;
pointer-events:auto
}
.dwo {
z-index:1;
background:#000;
background:rgba(0,0,0,.7);
filter:Alpha(Opacity=70)
}
.dw-liq .dw {
max-width:100%
}
.dw-top .dw,.dw-bottom .dw {
width:100%;
max-width:100%
}
.dw-inline .dw {
position:static;
display:inline-block;
max-width:100%
}
.dw-inline.dw-liq .dw-persp .dw {
display:block
}
.dw-inline .dw-persp {
position:static
}
.dw-bubble .dw {
margin:20px 0
}
.dw-bubble .dw-arrw {
position:absolute;
z-index:1;
left:0;
width:100%
}
.dw-bubble-top .dw-arrw {
bottom:-36px
}
.dw-bubble-bottom .dw-arrw {
top:-36px
}
.dw-bubble .dw-arrw-i {
margin:0 30px;
position:relative;
height:36px
}
.dw-bubble .dw-arr {
display:block
}
.dw-arr {
display:none;
position:absolute;
left:0;
width:0;
height:0;
border-width:18px 18px;
border-style:solid;
margin-left:-18px
}
.dw-bubble-bottom .dw-arr {
top:0
}
.dw-bubble-top .dw-arr {
bottom:0
}
.dw-hidden {
width:0;
height:0;
margin:0;
padding:0;
border:0;
overflow:hidden
}
.dwv {
overflow:hidden;
text-overflow:ellipsis
}
.dwb {
overflow:hidden;
display:block;
text-decoration:none;
white-space:nowrap;
text-overflow:ellipsis;
vertical-align:top
}
.dwb-e {
cursor:pointer
}
.dwb-d {
cursor:default
}
.dwbc {
display:table;
width:100%;
text-align:center
}
.dwbc .dwb-d {
opacity:.3
}
.dwbw {
vertical-align:top;
display:table-cell;
position:relative;
z-index:5
}
.dwbw .dwb:before {
padding:.375em
}
.mbsc-wdg .mbsc-wdg-c {
position:relative;
z-index:0;
padding:1em;
font-size:14px;
text-align:left;
white-space:normal
}
.mbsc-mobiscroll .dwwr {
min-width:16em;
background:#f7f7f7;
color:#454545;
font-size:16px
}
.mbsc-mobiscroll .dwv {
padding:0 .6666em;
padding-top:.6666em;
color:#4eccc4;
font-size:.75em;
text-transform:uppercase;
min-height:2em;
line-height:2em
}
.mbsc-mobiscroll .dwbc {
display:block;
overflow:hidden;
text-align:right;
padding:0 .5em .5em .5em
}
.mbsc-mobiscroll .dwbw {
display:block;
float:right
}
.mbsc-mobiscroll .dw-rtl .dwbw {
float:left
}
.mbsc-mobiscroll .dwb {
height:2.5em;
line-height:2.5em;
padding:0 1em;
color:#4eccc4;
text-transform:uppercase
}
.mbsc-mobiscroll .dwb-a {
background:rgba(78,204,196,.3)
}
.mbsc-mobiscroll .dw-bubble-bottom .dw-arr {
border-color:transparent transparent #f7f7f7 transparent
}
.mbsc-mobiscroll .dw-bubble-top .dw-arr {
border-color:#f7f7f7 transparent transparent transparent
}
.mbsc-ios .dwo {
background:rgba(0,0,0,.2);
filter:Alpha(Opacity=20)
}
.mbsc-ios .dwwr {
position:relative;
background:#f7f7f7;
color:#000;
padding-top:3.333334em;
font-size:12px
}
.mbsc-ios .dwv {
padding:0 .416667em;
color:#9d9d9d;
line-height:2.5em;
min-height:2.5em;
border-bottom:1px solid #acacac
}
.mbsc-ios .dwbc {
position:absolute;
top:0;
left:0;
width:100%;
border-bottom:1px solid #acacac;
font-size: 0.4693rem;
}
.dw-top .dw, .dw-bottom .dw{
bottom: -1px !important;
top: auto !important;
}
.dwcc{
height: 6.4rem !important;
padding-top: 1.28rem;
}
.mbsc-ios .dwb {
height:2.352941em;
line-height:2.352941em;
padding:0 .588235em;
display:inline-block;
color:#007aff;
font-size:0.5546rem;
}
.mbsc-ios .dwb-a {
opacity:.5
}
.mbsc-ios .dwbw {
display:block;
float:right
}
.mbsc-ios .dwb-c {
float:left
}
.mbsc-ios .dwb-s .dwb {
font-weight:bold
}
.mbsc-ios .dw-bubble-bottom .dw-arr {
border-color:transparent transparent #f7f7f7 transparent
}
.mbsc-ios .dw-bubble-top .dw-arr {
border-color:#f7f7f7 transparent transparent transparent
}
.mbsc-ios.dw-bubble .dwwr {
border-radius:8px
}
.mbsc-ios.dw-nobtn .dwwr {
padding-top:0
}
.dwwb,.dwwo,.dwwol {
-webkit-transform:translateZ(0)
}
.dwc {
max-width:100%;
vertical-align:middle;
display:inline-block;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.dwl {
line-height:30px;
height:30px;
top:-30px;
left:0;
text-align:center;
white-space:nowrap;
position:absolute;
width:100%
}
.dwwc {
margin:0 auto;
position:relative;
zoom:1;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
justify-content:center
}
.dwfl {
max-width:100%;
-webkit-box-flex:1;
-webkit-flex:1 auto;
-ms-flex:1 auto;
flex:1 auto;
-ms-touch-action:none;
touch-action:none
}
.dwwl {
position:relative;
z-index:5
}
.dwww {
position:relative;
padding:1px
}
.dww {
overflow:hidden;
position:relative;
border-radius:1px;
border-top:1px solid transparent;
border-bottom:1px solid transparent
}
.dw-bf {
-webkit-backface-visibility:hidden;
-webkit-perspective:1000px;
backface-visibility:hidden;
perspective:1000px
}
.dw-ul {
position:relative;
z-index:3
}
.dw-li {
padding:0 0.8533rem;
position:relative;
text-align:center;
white-space:nowrap;
vertical-align:bottom;
opacity:.3;
filter:Alpha(Opacity=30);
cursor:pointer;
-webkit-transition:opacity .2s ease-out;
-moz-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.dw-li.dw-v,.dw-li.dw-fv {
opacity:1;
filter:Alpha(Opacity=100)
}
.dw-li.dw-h {
visibility:hidden
}
.dw-i {
position:relative;
height:100%;
overflow:hidden;
text-overflow:ellipsis;
font-size: 0.5546rem;
}
.dwwb {
position:absolute;
z-index:4;
left:0;
cursor:pointer;
width:100%;
text-decoration:none;
text-align:center;
opacity:1;
-webkit-transition:opacity .2s linear;
transition:opacity .2s linear
}
.dwa .dwwb {
opacity:0
}
.dwpm .dwwbp {
top:0
}
.dwpm .dwwbm {
bottom:0
}
.dwpm .dwwol {
display:none
}
.dwwo {
position:absolute;
z-index:3;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none
}
.dwwol {
position:absolute;
z-index:1;
top:50%;
left:0;
width:100%;
pointer-events:none
}
.dw-liq .dwc {
display:block
}
.dw-liq .dw-tbl {
width:100%;
table-layout:fixed
}
.dwhl .dwl {
display:none
}
.dw-hsel {
position:absolute;
height:1px!important;
width:1px!important;
left:0;
overflow:hidden;
clip:rect(1px,1px,1px,1px)
}
.dw-ml .dw-li {
overflow:hidden
}
.dw-ml .dw-li .dw-i {
width:100%;
height:auto;
display:inline-block;
vertical-align:middle;
white-space:normal
}
.dwwms .dw-li {
padding:0 40px
}
.dwwms .dwwol {
display:none
}
.dw-msel:before {
width:40px;
text-align:center;
position:absolute;
top:0;
left:0
}
.dww .dw-w-gr {
padding:0 5px;
opacity:1;
font-weight:bold;
text-align:left
}
.mbsc-mobiscroll .dwc {
padding:2em .25em 0 .25em
}
.mbsc-mobiscroll .dwl {
color:#4eccc4;
font-size:.75em;
text-transform:uppercase
}
.mbsc-mobiscroll .dwhl {
padding-top:0
}
.mbsc-mobiscroll .dwfl {
padding:.5em .25em
}
.mbsc-mobiscroll .dw-li {
font-size:1.375em
}
.mbsc-mobiscroll .dw-hl {
background:rgba(78,204,196,.3)
}
.mbsc-mobiscroll .dwwol {
border-top:1px solid #4eccc4;
border-bottom:1px solid #4eccc4
}
.mbsc-mobiscroll .dwpm .dwwol {
display:block
}
.mbsc-mobiscroll .dwwb {
color:#4eccc4;
background:#f7f7f7
}
.mbsc-mobiscroll .dwwbp {
bottom:0;
top:auto
}
.mbsc-mobiscroll .dwwbm {
top:0;
bottom:auto
}
.mbsc-mobiscroll .dwwb span {
display:none
}
.mbsc-mobiscroll .dwwb:before {
position:absolute;
left:0;
top:0;
width:100%;
font-size:24px;
text-align:center
}
.mbsc-mobiscroll .dwwb.dwb-a:before {
background:rgba(78,204,196,.3)
}
.mbsc-mobiscroll .dw-w-gr {
font-size:1.125em
}
.mbsc-mobiscroll .dw-msel:before {
font-size:40px;
color:#4eccc4
}
.mbsc-mobiscroll .dwwms .dwwol {
display:none
}
.mbsc-ios .dwl {
text-align:left;
text-indent:.4166667em;
color:#ababab
}
.mbsc-ios .dwwc {
padding:2.5em .833333em .833333em .833333em
}
.mbsc-ios .dwhl .dwwc {
padding-top:.833333em
}
.mbsc-ios .dwwo {
background:-webkit-gradient(linear,left bottom,left top,from(#f7f7f7),color-stop(0.52,rgba(245,245,245,0)),color-stop(0.48,rgba(245,245,245,0)),to(#f7f7f7));
background:-webkit-linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7);
background:-moz-linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7);
background:linear-gradient(#f7f7f7,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f7f7f7)
}
.mbsc-ios .dwwol {
padding:0 .833333em;
height:2.833333em;
margin:-1.5em 0 0 -.833333em;
border-top:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb
}
.mbsc-ios .dw-li {
color:#9d9d9d;
font-size:1.833333em;
text-align:left
}
.mbsc-ios .dw-hl {
background:rgba(0,122,255,.2)
}
.mbsc-ios .dw-sel {
color:#000
}
.mbsc-ios .dwpm .dw-li {
text-align:center
}
.mbsc-ios .dwpm .dwwol {
display:block
}
.mbsc-ios .dwwb {
color:#007aff;
background:#f7f7f7
}
.mbsc-ios .dwwbp {
bottom:0;
top:auto
}
.mbsc-ios .dwwbm {
top:0;
bottom:auto
}
.mbsc-ios .dwwb span {
display:none
}
.mbsc-ios .dwwb:before {
position:absolute;
left:0;
top:0;
width:100%;
font-size:2em;
text-align:center
}
.mbsc-ios.dw-select .dwwo {
display:none
}
.mbsc-ios .dwwms .dw-li {
padding:0 .227272em 0 1.818181em;
color:#000
}
.mbsc-ios .dwwms .dw-msel {
color:#007aff
}
.mbsc-ios .dw-msel:before {
font-size:1.818181em
}
.mbsc-ios .dw-select-gr .dw-li {
padding-left:1.818181em
}
.mbsc-ios .dw-select-gr .dw-w-gr {
padding-left:.277777em;
font-weight:normal;
font-size:1.222222em
}