.dw,
.dwo {
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dw {
  max-width: 98%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 0.12rem;
  text-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-touch-action: none;
  user-select: none;
  /*touch-action: none;*/
  /* Kills native scroll in Chrome >=35 */
}

.dw:focus {
  /*outline-color: transparent;*/

  outline: none;
}

.dw:focus {
  outline-offset: -0.02rem;
}

.dw-rtl {
  direction: rtl;
}
/* Box sizing */

.dw,
.dwbc {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.dwwr {
  min-width: 2rem;
  //add by clark start
  position: fixed;
  left: .1rem;
  right: .1rem;
  //add by clark end
  overflow: hidden;
  text-align: center;
  font-family: arial, verdana, sans-serif;
}
/* Modal overlay */

.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);
}
/* Liquid mode */

.dw-liq .dw {
  max-width: 100%;
}
/* Top/Bottom mode */

.dw-top .dw,
.dw-bottom .dw {
  width: 100%;
  max-width: 100%;
}
/* Inline mode */

.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;
}
/* Bubble mode */

.dw-bubble .dw {
  margin: 0.20rem 0;
}

.dw-bubble .dw-arrw {
  position: absolute;
  left: 0;
  width: 100%;
}

.dw-bubble-top .dw-arrw {
  bottom: -0.36rem;
}

.dw-bubble-bottom .dw-arrw {
  top: -0.36rem;
}

.dw-bubble .dw-arrw-i {
  margin: 0 0.30rem;
  position: relative;
  height: 0.36rem;
}

.dw-bubble .dw-arr {
  display: block;
}

.dw-arr {
  display: none;
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-width: 0.18rem 0.18rem;
  border-style: solid;
  margin-left: -0.18rem;
}

.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;
}
/* Header */

.dwv {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Buttons */

.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;
}
/* Button container */

.dwbc {
  display: table;
  width: 100%;
  text-align: center;
}

.dwbc .dwb-d {
  opacity: .3;
}
/* Button wrapper */

.dwbw {
  vertical-align: top;
  display: table-cell;
  position: relative;
  z-index: 5;
}

.dwbw .dwb:before {
  padding: .375em;
}
/* Widget content styling */

.mbsc-wdg .dwcc {
  position: relative;
  z-index: 0;
  padding: 1em;
  font-size: 0.14rem;
  text-align: left;
  white-space: normal;
}

.dwwb,
.dwwo,
.dwwol {
  -webkit-transform: translateZ(0);
}
/* Wheel container wrapper */

.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;
}
/* Wheel label */

.dwl {
  line-height: 0.30rem;
  height: 0.30rem;
  top: -0.30rem;
  left: 0;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  width: 100%;
}
/* Wheel container */

.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;
}
/* Wheels */

.dwwl {
  position: relative;
  z-index: 5;
}

.dwww {
  position: relative;
  padding: 0.01rem;
  /*overflow: hidden;*/
}

.dww {
  overflow: hidden;
  position: relative;
  border-radius: 1px;
  /* Forces IE to respect overflow hidden while animating */
}

.dw-bf {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 10.00rem;
  backface-visibility: hidden;
  perspective: 10.00rem;
}

.dw-ul {
  position: relative;
  z-index: 3;
}

.dw-li {
  padding: 0 0.05rem;
  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;
}
/* Valid entry */

.dw-li.dw-v,
.dw-li.dw-fv {
  opacity: 1;
  filter: Alpha(Opacity=100);
}
/* Hidden entry */

.dw-li.dw-h {
  visibility: hidden;
}

.dw-i {
  position: relative;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Clickpick mode */

.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;
}
/* Wheel overlay */

.dwwo {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* Background line */

.dwwol {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  pointer-events: none;
}
/* Liquid mode */

.dw-liq .dwc {
  display: block;
}

.dw-liq .dw-tbl {
  width: 100%;
  table-layout: fixed;
}
/* Hidden label */

.dwhl .dwl {
  display: none;
}
/* Hidden select element */

.dw-hsel {
  position: absolute;
  height: 0.01rem;
  width: 0.01rem;
  left: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* Multiple lines */

.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;
}
/* Multiple selection */

.dwwms .dw-li {
  padding: 0 0.40rem;
}

.dwwms .dwwol {
  display: none;
}

.dw-msel:before {
  width: 0.40rem;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
/* Select groups */

.dww .dw-w-gr {
  padding: 0 0.05rem;
  opacity: 1;
  font-weight: bold;
  text-align: left;
}
/* Default theme */

.mbsc-mobiscroll .dwwr {
  min-width: 16em;
  background: #f7f7f7;
  color: #454545;
  font-size: 0.16rem;
}

.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: 1em;
  line-height: 1em;
  font-size: .35rem;
  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-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: .35rem;
}

.mbsc-mobiscroll .dw-hl {
  background: rgba(78, 204, 196, .3);
}

.mbsc-mobiscroll .dwwol {
  border-top: 1px solid #4eccc4;
  border-bottom: 1px solid #4eccc4;
}
/* Clickpick mode */

.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: 0.24rem;
  text-align: center;
}

.mbsc-mobiscroll .dwwb.dwb-a:before {
  background: rgba(78, 204, 196, .3);
}
/* Group select */

.mbsc-mobiscroll .dw-w-gr {
  font-size: 1.125em;
}
/* Multiple select */

.mbsc-mobiscroll .dw-msel:before {
  font-size: 0.40rem;
  color: #4eccc4;
}

.mbsc-mobiscroll .dwwms .dwwol {
  display: none;
}