@charset "utf-8";
$font-size-base: 75;
@function pxTorem($px) {
  @return $px / $font-size-base * 1rem;
}

@mixin font-dpr($font-size) {
  font-size: $font-size*0.5px;

  [data-dpr="2"] & {
    font-size: $font-size * 1px;
  }

  [data-dpr="3"] & {
    font-size: $font-size * 1.5px;
  }
}


/* Android ICS skin */
.android-ics .dw {
  padding: 0;
  color: #31b6e7;
  background: #292829;
}
.android-ics .dw .dwwc,
.android-ics .dw .dwwl,
.android-ics .dw .dww,
.android-ics .dw .dwb,
.android-ics .dw .dwpm .dww {
  background: none;
}
.android-ics .dwwr {
  padding: 0;
}
.android-ics .dwc {
  margin: 0;
  padding: pxTorem(60) pxTorem(20) pxTorem(2) pxTorem(20);
}
.android-ics .dwhl {
  padding: pxTorem(2) pxTorem(20);
}
.android-ics .dwv {
  height: pxTorem(80);
  line-height: pxTorem(80);
  padding: 0;
  color: #fff;
  //background: -o-linear-gradient(90deg, #ff8b00, #ff6600);
  //background: -moz-linear-gradient(90deg, #ff8b00, #ff6600);
  //background: -webkit-linear-gradient(90deg, #ff8b00, #ff6600);
  //background: linear-gradient(90deg, #ff8b00, #ff6600);
  background: #9bc4fd;
  @include font-dpr(32);
  border-top-left-radius: pxTorem(10);
  border-top-right-radius: pxTorem(10);
}
[da]
.android-ics .dwwl {
  margin: 0 pxTorem(4);
}
.android-ics.light .dwb {
  color: #999 !important;
}
.dwbw.dwb-s .dwb{
  color: #9bc4fd!important;
}
.android-ics .dww,
.android-ics .dw .dwpm .dwwl,
.android-ics .dw .dwpm .dww {
  border: 0;
}
.android-ics .dww .dw-li {
  color: #fff;
  @include font-dpr(32);
  text-shadow: none;
}
.android-ics .dww .dw-li.dw-hl {
  background: #31b6e7;
  background: rgba(49,182,231,.5);
}
.android-ics .dwwo {
  color: #ff6600;
  background: linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
  background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52, rgba(40,40,40,0)),color-stop(0.48, rgba(40,40,40,0)),to(#282828));
  background: -moz-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
  background: -o-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
}
.android-ics .dw .dwwb {
  background: #292829;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.android-ics .dwwb span {
  display: none;
}
.android-ics .dwwb:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: pxTorem(-16);
  margin-left: pxTorem(-16);
  color: #7e7e7e;
  width: 0;
  height: 0;
  border-width: pxTorem(16);
  border-style: solid;
  content: '';
}
.android-ics .dwwbm {
  top: 0;
  bottom: auto;
}
.android-ics .dwwbp {
  bottom: 0;
  top: auto;
}
.android-ics .dwwbm:after {
  border-color: transparent transparent #7e7e7e transparent;
}
.android-ics .dwwbp:after {
  border-color: #7e7e7e transparent transparent transparent;
}
.android-ics .dw .dwwl .dwb-a {
  background: #292829;
}
.android-ics .dwwbm.dwb-a:after {
  border-color: transparent transparent #319abd transparent;
}
.android-ics .dwwbp.dwb-a:after {
  border-color: #319abd transparent transparent transparent;
}
.android-ics .dw .dwwol {
  width: 60%;
  left: 20%;
  height: pxTorem(80);
  color: #ff6600;
  margin-top: pxTorem(-40);
  display: block;
  border-top:2px solid #9bc4fd;
  border-bottom: 2px solid #9bc4fd;
}
//.android-ics .dw td:first-child .dwwol::after{
//  position: absolute;
//  content: '';
//  width: pxTorem(5);
//  height: 100%;
//  background: #ff6600;
//  top: 0;
//  left: pxTorem(-58);
//}


.android-ics .dwbc {
  border-top: 1px solid #424542;
  padding: 0;
}
.android-ics .dw .dwb {
  height: pxTorem(80);
  line-height: pxTorem(80);
  @include font-dpr(32);
  padding: 0;
  margin: 0;
  font-weight: normal;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
}
.android-ics .dw .dwb-a {
  /*background: #29799c;*/
}
.android-ics .dwb-s .dwb, .android-ics .dwb-n .dwb {
  //border-right: 1px solid #424542;
}
/* Docked */
.android-ics.dw-bottom .dw, .android-ics.dw-top .dw {
  border-radius: 0;
  -webkit-border-radius: 0;
}
/* Multiple select */
.android-ics .dwwms .dwwol {
  display: none;
}
.android-ics .dwwms .dw-li {
  padding-left:pxTorem(10);
  padding-right: pxTorem(72);
}
.android-ics .dwwms .dw-li:after {
  content: '';
  position: absolute;
  top: 50%;
  left: auto;
  right: pxTorem(20);
  width: pxTorem(28);
  height: pxTorem(28);
  margin-top: pxTorem(-18);
  color: #31b6e7;
  line-height: pxTorem(28);
  border: 2px solid #424542;
  text-shadow: 0 0 10px #29799c;
}
.android-ics .dwwms .dw-msel:after {
  content: '';
}
/* Light version */
.android-ics.light .dw {
  background: #f5f5f5;
}
.android-ics.light .dww .dw-li {
  color: #000;
}
.android-ics.light .dwwo {
  background: linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
  background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52, rgba(245,245,245,0)),color-stop(0.48, rgba(245,245,245,0)),to(#f5f5f5));
  background: -moz-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
  background: -o-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
}
.android-ics.light .dw .dwwb {
  background: #f5f5f5;
  color: #f5f5f5;
}
.android-ics.light .dwbc {
  border-top: 2px solid #dbdbdb;
}

.android-ics.light .dwb-a {
  color: #fff;
}
.android-ics.light .dwb-s .dwb, .android-ics.light .dwb-n .dwb {
  border-left: 2px solid #dbdbdb;
}
/* Bubble positioning */
.android-ics .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #292829 transparent;
}
.android-ics .dw-bubble-top .dw-arr {
  border-color: #292829 transparent transparent transparent;
}
/* Bubble positioning */
.android-ics.light .dw-bubble-bottom .dw-arr {
  border-color: transparent transparent #f5f5f5 transparent;
}
.android-ics.light .dw-bubble-top .dw-arr {
  border-color: #f5f5f5 transparent transparent transparent;
}
/* Multiple select */
.android-ics.light .dwwms .dw-li:after {
  text-shadow: 0 0 10px #31b6e7;
}
