* {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    font-family: Proxima Nova, helvetica neue, helvetica, arial, sans-serif
}

.wrapper, body, html {
    height: auto;
    width: 100%;
    min-height: 100%;
    background: #122033;
    font-size: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

body {
    -webkit-tap-highlight-color: transparent
}

a:focus, div:focus, input:focus, p:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-modify: read-write-plaintext-only
}

input {
    -webkit-user-select: auto
}

.iosBug {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0)
}

.maxw {
    max-width: 800px
}

li {
    list-style-type: none
}

.dn {
    display: none
}

.minHeight {
    min-height: 25rem
}

.topBackSeat {
    height: 2rem
}

.topBack {
    width: 100%;
    height: 2rem;
    background: #000;
    position: fixed;
    top: 0;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    line-height: 2rem;
    z-index: 99
}

.topBack img {
    height: 50%;
    width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1rem;
    margin: auto
}

.userinfo {
    background: url(../img/xinxidk.png) no-repeat;
    background-size: 100% 100%;
    min-height: 5.5rem;
    position: relative
}

.userinfo .avatar {
    width: 3rem;
    height: 3rem;
    border-radius: 2.5rem;
    overflow: hidden;
    position: absolute;
    top: 1.3rem;
    left: 1.5rem
}

.userinfo .avatar img {
    width: 100%;
    height: auto
}

.userinfo .avatar .yk {
    position: absolute;
    top: 0;
    background: url(../img/touxiangkuang.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    z-index: 1
}

.userinfo .user {
    position: absolute;
    top: 2.5rem;
    left: 6.5rem
}

.userinfo .info {
    padding-left: 5rem;
    padding-top: 1.3rem;
    width: 40%;
}

.userinfo .idcoin {
    width: .8rem;
    height: .8rem;
    position: relative;
    top: .1rem
}

.userinfo .gameid {
    font-size: .7rem;
    margin-right: 1rem;
}

.userinfo .promoter_lv {
    font-size: .7rem;
    margin-right: 1rem;
    color: #fff;
}

.userinfo .username {
    font-size: .8rem;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.userinfo .diamondNum {
    padding: 0 .5rem;
    padding-left: 0.1rem;
    background: url(../img/zhuanshidk.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: .7rem;
    display: inline-block;
    min-width: 3rem;
    max-width: 4.5rem;
    position: relative
}

.diamondNum img {
    width: .8rem;
    height: .8rem;
    position: relative;
    top: .1rem
}

.pubtn {
    height: 2rem;
    margin: .5rem .5rem;
    background: #243146;
    border-radius: .3rem;
    position: relative;
    cursor: pointer;
    padding: .5rem 0
}


.pubtnactive {
    background: #3e5579
}

.pubtn a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0
}

.pubtn .icon {
    width: 2rem;
    height: 2rem
}

.pubtn .go {
    width: 1rem;
    height: 1rem;
    background: url(../img/go.png) no-repeat;
    background-size: auto 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.pubtn .text {
    color: #fff;
    line-height: 2rem;
    font-size: .8rem;
    position: relative;
    top: -.6rem
}


.pubtn_up {
    height: 2.5rem;
    margin: .5rem .5rem;
    background: #FAEFC4;
    border-radius: .3rem;
    position: relative;
    cursor: pointer;
    padding: .5rem 0
}

.pubtn_up .icon {
    width: 1.8rem;
    height: 1.8rem
}

.pubtn_up .go {
    width: 1rem;
    height: 1rem;
    background: url(../img/go.png) no-repeat;
    background-size: auto 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.pubtn_up .text {
    color: #000;
    line-height: 2rem;
    font-size: .8rem;
    position: relative;
    top: -.6rem
}

.rechargeBox .tips {
    font-size: .7rem;
    color: #8b9fc2;
    line-height: 1.5rem;
    padding-left: 2rem;
    padding-top: 1rem
}

.pubinp {
    height: 2.1rem;
    margin: .5rem;
    background: #fff;
    border-radius: 1.5rem;
    position: relative
}

.pubinp .icon {
    height: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1rem;
    margin: auto
}

.pubinp .inptxt {
    height: 100%;
    margin-left: 3rem;
    border: 0;
    outline: 0;
    font-size: .8rem;
    color: #263752;
    width: 70%
}

.pubinp .check {
    width: 1rem;
    height: 1rem;
    background: url(../img/searchbutton.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    right: 1rem
}

.usernameShow {
    height: 3.5rem;
    margin: .5rem;
    background: url(../img/zhanghudk.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 1.5rem;
    position: relative
}

.usernameShow img {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: .9rem;
    left: 1rem;
    border-radius: 2rem;
    border: .1rem solid #8b9fc2
}

.usernameShow .txt {
    color: #8b9fc2;
    font-size: 1rem;
    line-height: 4rem;
    padding-left: 3.5rem
}

.confirm {
    width: 100%;
    height: 3rem;
    max-width: 1000px;
    background: url(../img/confirmbutton.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 1.5rem;
    position: absolute;
    bottom: -2rem;
    text-align: center;
    color: #fff;
    line-height: 2.5rem
}

.changeTime {
    padding: 1rem .5rem .5rem
}

.changeTime .time {
    width: 4.8rem;
    height: 2.1rem;
    border-radius: 2rem;
    outline: 0;
    font-size: .6rem;
    text-align: center;
    padding-right: 1rem;
    color: #263752;
    border: none;
    background: #fff url(../img/go1.png) no-repeat;
    background-position: 90%;
    background-size: auto 23%
}

.changeTime .zs {
    color: #fff
}

.changeTime .check {
    position: absolute;
    width: 5rem;
    height: 2.1rem;
    line-height: 2.1rem;
    text-align: center;
    color: #fff;
    font-size: .9rem;
    background: url(../img/checkbutton.png) no-repeat;
    background-size: 100% 100%
}

.history {
    background: #243146;
    margin: .5rem;
    border-radius: .5rem;
    position: relative
}

.history > ul > li {
    height: 3rem;
    position: relative;
    background: url(../img/fengexian.png) no-repeat;
    background-position: bottom;
    background-size: 100% 2%;
    padding: .5rem 0
}

.history > ul > li:last-child {
    background: 0 0
}

.history .h_time {
    position: absolute;
    left: 1rem;
    color: #fff;
    font-size: .8rem;
    height: 2rem
}

.h_userinfo {
    position: absolute;
    left: 4rem;
    height: 2rem
}

.h_userinfo .h_avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    border: 2px solid #3e5579;
    overflow: hidden;
    position: absolute;
    left: 0
}

.h_userinfo ul {
    margin-left: 3rem;
    font-size: .8rem;
    color: #fff
}

.h_userinfo .h_id {
    color: #8b9fc2
}

.h_userinfo .h_name {
    max-width: 6rem;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.h_avatar img {
    width: 100%;
    height: 100%
}

.h_diamonds {
    position: absolute;
    right: 2rem;
    height: 2rem;
    color: #48daff;
    padding-left: 1.3rem;
    line-height: 2rem;
    font-size: .6rem;
    font-weight: 700;
    width: 2.5rem
}

.h_diamonds img {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: .4rem;
    left: 0
}

.pubMiddle {
    top: 0;
    bottom: 0;
    margin: auto
}

.colorW_textC {
    color: #fff;
    text-align: center
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    z-index: 99
}

.loading div {
    height: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1.5rem
}

.dotting {
    display: inline-block;
    min-width: .1rem;
    min-height: .1rem;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;
    animation: dot 2s infinite step-start both
}

.dotting:before {
    content: '...'
}

.dotting::before {
    content: ''
}

:root .dotting {
    margin-right: 8px
}

@keyframes dot {
    25% {
        box-shadow: none
    }
    50% {
        box-shadow: 2px 0 currentColor
    }
    75% {
        box-shadow: 2px 0 currentColor, 6px 0 currentColor
    }
}

.fullP {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 100
}

.sureTransfer {
    width: 70%;
    height: 8rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: #1d2943;
    border-radius: 1rem;
    padding: 1rem;
    overflow: hidden;
    color: #b1c5e8;
    text-align: center
}

.sureTransfer ul {
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 0
}

.sureTransfer li {
    float: left;
    width: 50%;
    text-align: center;
    background: #eff0f4;
    height: 3rem;
    line-height: 3rem;
    color: #84878c;
    border-radius: .1rem
}

.sureTransfer #dSure {
    background: #1397fb;
    color: #fff
}

.sureTransfer .active {
    opacity: .7;
    color: #8b9fc2
}

.tipsMinBox .active {
    opacity: .7;
    color: #8b9fc2
}

.success {
    width: 5rem;
    height: 7rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    color: #fff;
    text-align: center
}

.success img {
    width: 100%
}

.tipsMinBox {
    width: 70%;
    height: 6rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 1rem;
    overflow: hidden;
    background: #1d2943;
    padding: 1rem;
    font-size: 1rem;
    color: #b1c5e8
}

.tipsMinBox li {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background: #eff0f4;
    color: #84878c;
    position: absolute;
    bottom: 0;
    left: 0
}

.historyBtn {
    float: right;
    margin-right: 2rem;
    text-decoration: underline;
    color: #fff
}

.nohistory {
    text-align: center;
    line-height: 3rem;
    color: #fff
}

.contactsBox > ul > li {
    position: relative;
    height: 3rem;
    border-bottom: 1px solid #000
}

.contactsBox {
    background: #1d2943;
    width: 80%;
    margin: 10%;
    border-radius: 1rem;
    max-height: 80%;
    overflow-y: scroll
}

.page {
    position: absolute;
    width: 100%;
    left: 0
}

.dw {
    position: absolute;
    top: 5%;
    left: 0;
    z-index: 1001;
    color: #000;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    text-shadow: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden
}

.dwi {
    position: static;
    display: inline-block
}

.dwwr {
    min-width: 170px;
    zoom: 1;
    padding: 0 10px;
    text-align: center
}

.dw-persp, .dwo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001
}

.dwo {
    background: #000;
    opacity: .7;
    filter: Alpha(Opacity=70)
}

.dw-bubble .dw {
    margin: 20px 0
}

.dw-bubble .dw-arrw {
    position: absolute;
    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;
    border-color: transparent transparent #fff transparent
}

.dw-bubble-top .dw-arr {
    bottom: 0;
    border-color: #fff transparent transparent transparent
}

.dwc {
    padding: 30px 2px 5px 2px;
    display: inline-block
}

.dwl {
    text-align: center;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    position: absolute;
    top: -30px;
    width: 100%
}

.dwv {
    padding: 10px 0;
    border-bottom: 1px solid #000
}

.dw-hidden {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.dwrc {
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.dwwc {
    margin: 0;
    padding: 0 2px;
    position: relative;
    background: #000;
    zoom: 1
}

.dwwl {
    margin: 4px 2px;
    padding: 0 2px;
    position: relative;
    z-index: 5
}

.dwww {
    position: relative;
    padding: 1px
}

.dww {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.dw-moz .dww {
    opacity: .99
}

.dwsc .dwwl {
    background: #888;
    background: linear-gradient(#000 0, #333 35%, #888 50%, #333 65%, #000 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(.35, #333), color-stop(.5, #888), color-stop(.65, #333), to(#000));
    background: -webkit-linear-gradient(#000 0, #333 35%, #888 50%, #333 65%, #000 100%);
    background: -moz-linear-gradient(#000 0, #333 35%, #888 50%, #333 65%, #000 100%)
}

.dwsc .dww {
    color: #fff;
    background: #444;
    background: linear-gradient(#000 0, #444 45%, #444 55%, #000 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(.45, #444), color-stop(.55, #444), to(#000));
    background: -webkit-linear-gradient(#000 0, #444 45%, #444 55%, #000 100%);
    background: -moz-linear-gradient(#000 0, #444 45%, #444 55%, #000 100%)
}

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

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

.dw-li {
    padding: 0 5px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    white-space: nowrap;
    text-shadow: 0 1px 1px #000;
    vertical-align: bottom;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.dw-li.dw-hl {
    background: #fff;
    background: rgba(255, 255, 255, .3)
}

.dw-li.dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

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

.dw-i {
    position: relative;
    height: 100%
}

.dwwb {
    position: absolute;
    z-index: 4;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 40px;
    text-align: center;
    opacity: 1;
    transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear
}

.dwa .dwwb {
    opacity: 0
}

.dwwbp {
    top: 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 40px
}

.dwwbm {
    bottom: 0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    font-size: 32px;
    font-weight: 700
}

.dwpm .dwwc {
    background: 0 0
}

.dwpm .dwwl {
    padding: 0
}

.dwpm .dw-li {
    text-shadow: none
}

.dwpm .dwwol {
    display: none
}

.dwwo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(.52, rgba(44, 44, 44, 0)), color-stop(.48, rgba(44, 44, 44, 0)), to(#000));
    background: -webkit-linear-gradient(#000 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%);
    background: -moz-linear-gradient(#000 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%);
    pointer-events: none
}

.dwwol {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #555;
    pointer-events: none
}

.dwbg .dwb {
    cursor: pointer;
    overflow: hidden;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 2px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 -1px 1px #000;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    color: #fff;
    background: #000;
    background: linear-gradient(#6e6e6e 50%, #000 50%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.5, #000), color-stop(.5, #6e6e6e));
    background: -webkit-linear-gradient(#6e6e6e 50%, #000 50%);
    background: -moz-linear-gradient(#6e6e6e 50%, #000 50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -webkit-border-radius: 5px;
    -webkit-backface-visibility: hidden
}

.dwbc {
    padding: 5px 0;
    text-align: center
}

.dwbw {
    display: inline-block;
    width: 50%;
    position: relative;
    z-index: 5
}

.dwbc-p .dwbw {
    width: 33.33%
}

.dwhl {
    padding-top: 10px
}

.dwhl .dwl {
    display: none
}

.dwms .dwwms .dw-li {
    padding: 0 40px;
    position: relative
}

.dwms .dw-msel:after {
    width: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    content: '✔'
}

.dwbg {
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.dwbg .dwpm .dwwl {
    border: 1px solid #aaa
}

.dwbg .dwpm .dww {
    color: #000;
    background: #fff;
    -webkit-border-radius: 3px
}

.dwbg .dwwb {
    background: #ccc;
    color: #888;
    text-shadow: 0 -1px 1px #333;
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333
}

.dwbg .dwwbp {
    background: linear-gradient(#f7f7f7, #bdbdbd);
    background: -webkit-gradient(linear, left bottom, left top, from(#bdbdbd), to(#f7f7f7));
    background: -webkit-linear-gradient(#f7f7f7, #bdbdbd);
    background: -moz-linear-gradient(#f7f7f7, #bdbdbd)
}

.dwbg .dwwbm {
    background: linear-gradient(#bdbdbd, #f7f7f7);
    background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#bdbdbd));
    background: -webkit-linear-gradient(#bdbdbd, #f7f7f7);
    background: -moz-linear-gradient(#bdbdbd, #f7f7f7)
}

.dwbg .dwbc {
    font-size: 0
}

.dwbg .dwb-a {
    background: #3c7500;
    background: linear-gradient(#94c840 50%, #3c7500 50%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.5, #3c7500), color-stop(.5, #94c840));
    background: -webkit-linear-gradient(#94c840 50%, #3c7500 50%);
    background: -moz-linear-gradient(#94c840 50%, #3c7500 50%)
}

.dwbg .dwwl .dwb-a {
    background: #3c7500;
    background: linear-gradient(#94c840, #3c7500);
    background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
    background: -webkit-linear-gradient(#94c840, #3c7500);
    background: -moz-linear-gradient(#94c840, #3c7500)
}

.dw-trans .dw-persp {
    overflow: hidden;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px
}

.dw-trans .dwwb, .dw-trans .dwwo {
    -webkit-backface-visibility: hidden
}

.dw-in, .dw-out {
    animation-duration: 350ms;
    -webkit-animation-duration: 350ms;
    -moz-animation-duration: 350ms
}

.dw-in {
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out
}

.dw-out {
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in
}

.dw-fade, .dw-flip, .dw-slidedown, .dw-slidehorizontal, .dw-slideup, .dw-slidevertical, .dw-swing {
    backface-visibility: hidden;
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0)
}

.dw-fade, .dw-slidedown, .dw-slidehorizontal, .dw-slideup, .dw-slidevertical, .dw-swing {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0
}

.dw-flip, .dw-pop {
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%
}

.dw-pop.dw-in {
    opacity: 1;
    transform: scale(1);
    animation-name: dw-p-in;
    -webkit-animation-name: dw-p-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-p-in;
    -moz-transform: scale(1)
}

.dw-pop.dw-out {
    opacity: 0;
    animation-name: dw-p-out;
    -webkit-animation-name: dw-p-out;
    -moz-animation-name: dw-p-out
}

.dw-flip.dw-in {
    opacity: 1;
    transform: scale(1);
    animation-name: dw-fl-in;
    -webkit-animation-name: dw-fl-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-fl-in;
    -moz-transform: scale(1)
}

.dw-flip.dw-out {
    opacity: 0;
    animation-name: dw-fl-out;
    -webkit-animation-name: dw-fl-out;
    -moz-animation-name: dw-fl-out
}

.dw-swing.dw-in {
    opacity: 1;
    transform: scale(1);
    animation-name: dw-sw-in;
    -webkit-animation-name: dw-sw-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sw-in;
    -moz-transform: scale(1)
}

.dw-swing.dw-out {
    opacity: 0;
    animation-name: dw-sw-out;
    -webkit-animation-name: dw-sw-out;
    -moz-animation-name: dw-sw-out
}

.dw-slidehorizontal.dw-in {
    opacity: 1;
    transform: scale(1);
    animation-name: dw-sh-in;
    -webkit-animation-name: dw-sh-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sh-in;
    -moz-transform: scale(1)
}

.dw-slidehorizontal.dw-out {
    opacity: 0;
    animation-name: dw-sh-out;
    -webkit-animation-name: dw-sh-out;
    -moz-animation-name: dw-sh-out
}

.dw-slidevertical.dw-in {
    opacity: 1;
    animation-name: dw-dw-sv-in;
    transform: scale(1);
    -webkit-animation-name: dw-dw-sv-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-dw-sv-in;
    -moz-transform: scale(1)
}

.dw-slidevertical.dw-out {
    opacity: 0;
    animation-name: dw-sv-out;
    -webkit-animation-name: dw-sv-out;
    -moz-animation-name: dw-sv-out
}

.dw-slidedown.dw-in {
    animation-name: dw-sd-in;
    transform: scale(1);
    -webkit-animation-name: dw-sd-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sd-in;
    -moz-transform: scale(1)
}

.dw-slidedown.dw-out {
    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-slideup.dw-in {
    transform: scale(1);
    animation-name: dw-su-in;
    -webkit-animation-name: dw-su-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-su-in;
    -moz-transform: scale(1)
}

.dw-slideup.dw-out {
    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-fade.dw-in {
    opacity: 1;
    animation-name: dw-f-in;
    -webkit-animation-name: dw-f-in;
    -moz-animation-name: dw-f-in
}

.dw-fade.dw-out {
    opacity: 0;
    animation-name: dw-f-out;
    -webkit-animation-name: dw-f-out;
    -moz-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 {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes dw-f-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes dw-f-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes dw-p-in {
    from {
        opacity: 0;
        transform: scale(.8)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes dw-p-in {
    from {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes dw-p-in {
    from {
        opacity: 0;
        -moz-transform: scale(.8)
    }
    to {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@keyframes dw-p-out {
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes dw-p-out {
    from {
        opacity: 1;
        -webkit-transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes dw-p-out {
    from {
        opacity: 1;
        -moz-transform: scale(1)
    }
    to {
        opacity: 0;
        -moz-transform: scale(.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(0)
    }
    to {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes dw-fl-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@-moz-keyframes dw-fl-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0)
    }
    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg)
    }
}

@keyframes dw-sw-in {
    from {
        opacity: 0;
        transform: rotateY(-90deg)
    }
    to {
        opacity: 1;
        transform: rotateY(0)
    }
}

@-webkit-keyframes dw-sw-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
    to {
        opacity: 1;
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes dw-sw-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(-90deg)
    }
    to {
        opacity: 1;
        -moz-transform: rotateY(0)
    }
}

@keyframes dw-sw-out {
    from {
        opacity: 1;
        transform: rotateY(0)
    }
    to {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes dw-sw-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@-moz-keyframes dw-sw-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0)
    }
    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-dw-sv-in {
    from {
        opacity: 0;
        transform: translateY(-100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes dw-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%)
    }
}

.android .dw {
    padding: 0;
    background: #000;
    border: 2px solid #555;
    color: #fff
}

.android .dwv {
    padding: 10px;
    border-bottom: 1px solid #333
}

.android .dwwr {
    padding: 0
}

.android .dww {
    top: 0
}

.android .dwwc {
    background: #000
}

.android .dw .dwpm .dww, .android .dw .dwpm .dwwl {
    border: 0;
    background: #fff
}

.android .dw .dwpm .dww {
    margin: 0
}

.android .dwpm .dww .dw-li {
    color: #000;
    text-shadow: none
}

.android .dwbc {
    padding: 5px 1px;
    background: #9c9c9c
}

.android .dw .dwb {
    margin: 0 5px;
    background: #ccc;
    background: linear-gradient(#eee, #ccc);
    background: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#eee));
    background: -moz-linear-gradient(#eee, #ccc);
    background: -o-linear-gradient(#eee, #ccc);
    color: #000;
    font-weight: 400;
    text-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.android .dw .dwb-a, .android .dw .dwwl .dwb-a {
    background: #ffb25a;
    background: linear-gradient(#ffb25a, #ef6100);
    background: -webkit-gradient(linear, left bottom, left top, from(#ef6100), to(#ffb25a));
    background: -moz-linear-gradient(#ffb25a, #ef6100);
    background: -o-linear-gradient(#ffb25a, #ef6100)
}

.android .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #000 transparent
}

.android .dw-bubble-top .dw-arr {
    border-color: #9c9c9c transparent transparent transparent
}

.android.dw-bottom .dw, .android.dw-top .dw {
    border-right: 0;
    border-left: 0
}

.android.dw-top .dw {
    border-top: 0
}

.android.dw-bottom .dw {
    border-bottom: 0
}

.android-ics .dw {
    padding: 0;
    color: #31b6e7;
    background: #292829
}

.android-ics .dw .dwb, .android-ics .dw .dwpm .dww, .android-ics .dw .dww, .android-ics .dw .dwwc, .android-ics .dw .dwwl {
    background: 0
}

.android-ics .dwwr {
    padding: 0
}

.android-ics .dwc {
    padding: 30px 10px 1px 10px
}

.android-ics .dwhl {
    padding: 1px 10px
}

.android-ics .dwv {
    height: 36px;
    line-height: 36px;
    padding: 0;
    border-bottom: 2px solid #31b6e7;
    font-size: 18px
}

.android-ics .dwwl {
    margin: 0 2px
}

.android-ics .dw .dwpm .dww, .android-ics .dw .dwpm .dwwl, .android-ics .dww {
    border: 0
}

.android-ics .dww .dw-li {
    color: #fff;
    font-size: 18px;
    text-shadow: none
}

.android-ics .dww .dw-li.dw-hl {
    background: #31b6e7;
    background: rgba(49, 182, 231, .5)
}

.android-ics .dwwo {
    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(.52, rgba(40, 40, 40, 0)), color-stop(.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: -8px;
    margin-left: -8px;
    color: #7e7e7e;
    width: 0;
    height: 0;
    border-width: 8px;
    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: 36px;
    border-top: 2px solid #31b6e7;
    border-bottom: 2px solid #31b6e7;
    margin-top: -20px;
    display: block
}

.android-ics .dwbc {
    border-top: 1px solid #424542;
    padding: 0
}

.android-ics .dw .dwb {
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    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-n .dwb, .android-ics .dwb-s .dwb {
    border-right: 1px solid #424542
}

.android-ics.dw-bottom .dw, .android-ics.dw-top .dw {
    border-radius: 0;
    -webkit-border-radius: 0
}

.android-ics .dwwms .dwwol {
    display: none
}

.android-ics .dwwms .dw-li {
    padding-left: 5px;
    padding-right: 36px
}

.android-ics .dwwms .dw-li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    color: #31b6e7;
    line-height: 14px;
    border: 1px solid #424542;
    text-shadow: 0 0 5px #29799c
}

.android-ics .dwwms .dw-msel:after {
    content: '✔'
}

.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(.52, rgba(245, 245, 245, 0)), color-stop(.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: 1px solid #dbdbdb
}

.android-ics.light .dwb {
    color: #000
}

.android-ics.light .dwb-a {
    color: #fff
}

.android-ics.light .dwb-n .dwb, .android-ics.light .dwb-s .dwb {
    border-right: 1px solid #dbdbdb
}

.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
}

.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
}

.android-ics.light .dwwms .dw-li:after {
    text-shadow: 0 0 5px #31b6e7
}

.ios .dw {
    min-width: 134px;
    padding: 0;
    border: 1px solid #2d3034;
    background: 0;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0
}

.ios .dwo {
    background: 0
}

.ios .dwwr {
    position: relative;
    margin-top: 40px;
    background: #50515d;
    background: linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39);
    background: -webkit-gradient(linear, left top, left bottom, from(#9f9fa6), color-stop(.5, #484a55), color-stop(.5, #272836), to(#282a39));
    background: -webkit-linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39);
    background: -moz-linear-gradient(#9f9fa6, #484a55 50%, #272836 50%, #282a39)
}

.ios .dwi .dwwr {
    margin-top: 0
}

.ios .dwv {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.ios .dwc {
    padding: 30px 2px;
    margin: 0
}

.ios .dwhl {
    padding: 10px 2px
}

.ios .dwwc {
    background: 0 0
}

.ios .dwwl {
    margin: 4px 0;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background: #cbcce0;
    background: linear-gradient(#2c2c38 0, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#2c2c38), color-stop(.35, #cbcce0), color-stop(.65, #cbcce0), to(#2c2c38));
    background: -webkit-linear-gradient(#2c2c38 0, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
    background: -moz-linear-gradient(#2c2c38 0, #cbcce0 35%, #cbcce0 65%, #2c2c38 100%);
    box-shadow: 0 1px 1px rgba(255, 255, 255, .3);
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .3)
}

.ios td:first-child .dwwl {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px
}

.ios td:last-child .dwwl {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px
}

.ios .dwsc .dwwl {
    border-radius: 0;
    -webkit-border-radius: 0
}

.ios .dwsc .dww {
    background: #fff;
    background: linear-gradient(#333 0, #999 10%, #fff 30%, #fff 70%, #999 90%, #333 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(.1, #999), color-stop(.3, #fff), color-stop(.7, #fff), color-stop(.9, #999), to(#333));
    background: -webkit-linear-gradient(#333 0, #999 10%, #fff 30%, #fff 70%, #999 90%, #333 100%);
    background: -moz-linear-gradient(#333 0, #999 10%, #fff 30%, #fff 70%, #999 90%, #333 100%);
    border-radius: 0;
    -webkit-border-radius: 0
}

.ios .dw .dwpm .dww {
    background: linear-gradient(#333, #fff 48%, #fff 52%, #333);
    background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(.48, #fff), color-stop(.52, #fff), to(#333));
    background: -webkit-linear-gradient(#333 0, #fff 48%, #fff 52%, #333 100%);
    background: -moz-linear-gradient(#333 0, #fff 48%, #fff 52%, #333 100%)
}

.ios .dw .dwpm .dwwl {
    margin: 4px 2px;
    border: 1px solid #000
}

.ios .dw .dwpm .dww {
    margin: 0;
    border: 0
}

.ios .dww .dw-li {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    text-shadow: none
}

.ios .dww .dw-li.dw-hl {
    background: linear-gradient(#0288f3, #005de6);
    background: -webkit-gradient(linear, left bottom, left top, from(#0288f3), to(#005de6));
    background: -webkit-linear-gradient(#0288f3, #005de6);
    background: -moz-linear-gradient(#0288f3, #005de6);
    color: #fff
}

.ios .dwwo {
    background: linear-gradient(#333 0, rgba(153, 153, 153, 0) 10%, rgba(153, 153, 153, 0) 90%, #333 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#333), color-stop(.1, rgba(153, 153, 153, 0)), color-stop(.9, rgba(153, 153, 153, 0)), to(#333));
    background: -webkit-linear-gradient(#333 0, rgba(153, 153, 153, 0) 10%, rgba(153, 153, 153, 0) 90%, #333 100%);
    background: -moz-linear-gradient(#333 0, rgba(153, 153, 153, 0) 10%, rgba(153, 153, 153, 0) 90%, #333 100%)
}

.ios .dwwol {
    height: 28px;
    padding: 1px;
    margin-top: -16px;
    border-color: #7b8699;
    background: #6f75b0;
    background: linear-gradient(rgba(151, 157, 197, .5) 50%, rgba(111, 117, 176, .5) 50%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.5, rgba(111, 117, 176, .5)), color-stop(.5, rgba(151, 157, 197, .5)));
    background: -webkit-linear-gradient(rgba(151, 157, 197, .5) 50%, rgba(111, 117, 176, .5) 50%);
    background: -moz-linear-gradient(rgba(151, 157, 197, .5) 50%, rgba(111, 117, 176, .5) 50%);
    z-index: 10;
    left: -1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    filter: alpha(opacity=50)
}

.ios .dww .dwwol {
    display: none
}

.ios .dw .dwbc {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 28px;
    padding: 5px 0;
    background: #454545;
    background: linear-gradient(rgba(69, 69, 69, .7), rgba(37, 37, 37, .7) 50%, rgba(16, 16, 16, .7) 50%, rgba(0, 0, 0, .7));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 69, 69, .7)), color-stop(.5, rgba(37, 37, 37, .7)), color-stop(.5, rgba(16, 16, 16, .7)), to(rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(rgba(69, 69, 69, .7), rgba(37, 37, 37, .7) 50%, rgba(16, 16, 16, .7) 50%, rgba(0, 0, 0, .7));
    background: -moz-linear-gradient(rgba(69, 69, 69, .7), rgba(37, 37, 37, .7) 50%, rgba(16, 16, 16, .7) 50%, rgba(0, 0, 0, .7));
    border-bottom: 1px solid #888;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    border-top: 1px solid #888;
    border-top: 1px solid rgba(255, 255, 255, .5)
}

.ios .dw .dwb {
    margin: 0 5px;
    padding: 0 10px;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #1f1f1f;
    background: #1a1a1a;
    background: linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%);
    background: -webkit-gradient(linear, left top, left bottom, from(#7b7b7b), color-stop(.5, #1a1a1a), color-stop(.5, #000));
    background: -webkit-linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%);
    background: -moz-linear-gradient(#7b7b7b, #1a1a1a 50%, #000 50%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3)
}

.ios .dwb-s .dwb {
    border: 1px solid #194aab;
    background: #194aab;
    background: linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
    background: -webkit-gradient(linear, left top, left bottom, from(#82aaff), color-stop(.5, #3162c4), color-stop(.5, #194aab));
    background: -webkit-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%);
    background: -moz-linear-gradient(#82aaff, #3162c4 50%, #194aab 50%)
}

.ios .dwb-a {
    opacity: .8;
    filter: alpha(opacity=80)
}

.ios .dw .dwwb {
    color: #fff;
    border: 0;
    background: #3f4e68;
    background: linear-gradient(#c7d1e2 0, #808ea6 50%, #75859f 50%, #3f4e68 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#3f4e68), color-stop(.5, #75859f), color-stop(.5, #808ea6), to(#c7d1e2));
    background: -webkit-linear-gradient(#c7d1e2 0, #808ea6 50%, #75859f 50%, #3f4e68 100%);
    background: -moz-linear-gradient(#c7d1e2 0, #808ea6 50%, #75859f 50%, #3f4e68 100%)
}

.ios .dw .dwwl .dwb-a {
    background: #252c36;
    background: linear-gradient(#6b6e75 0, #272e38 50%, #171e28 50%, #252c36 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#252c36), color-stop(.5, #171e28), color-stop(.5, #272e38), to(#6b6e75));
    background: -webkit-linear-gradient(#6b6e75 0, #272e38 50%, #171e28 50%, #252c36 100%);
    background: -moz-linear-gradient(#6b6e75 0, #272e38 50%, #171e28 50%, #252c36 100%)
}

.ios .dwb-n, .ios .dwb-s {
    width: auto;
    float: right;
    text-align: right
}

.ios .dwb-c {
    width: auto;
    float: left;
    text-align: left
}

.ios.dw-bubble .dw {
    padding: 6px;
    background: #afafaf;
    background: linear-gradient(#afafaf, #1b2530 30%);
    background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), color-stop(.3, #1b2530));
    background: -webkit-linear-gradient(#afafaf, #1b2530 30%);
    background: -moz-linear-gradient(#afafaf, #1b2530 30%);
    box-shadow: 0 0 25px rgba(0, 0, 0, .7);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .7)
}

.ios .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #2d3034 transparent
}

.ios .dw-bubble-bottom .dw-arr:after {
    content: '';
    position: absolute;
    top: -16px;
    left: -17px;
    border: 17px solid #afafaf;
    border-color: transparent transparent #afafaf transparent
}

.ios .dw-bubble-top .dw-arr {
    border-color: #1b2530 transparent transparent transparent
}

.ios .dwwms .dwwol {
    display: none
}

.ios .dwwms .dw-li {
    padding: 0 5px 0 30px;
    text-align: left
}

.ios .dw-msel:after {
    width: 30px
}

.ios .dww .dw-msel {
    color: #215085
}

.jqm .dwo {
    background: 0
}

.jqm .dw {
    padding: 6px;
    z-index: 1003
}

.jqm .dwv {
    position: static;
    width: auto;
    padding: .7em 15px .7em 15px;
    border: 0
}

.jqm .dwwr {
    border: 0;
    padding: 0
}

.jqm .dwpm .dwwo {
    background: 0
}

.jqm .dwc {
    padding: 30px 5px 5px 5px
}

.jqm .dwhl {
    padding: 5px
}

.jqm .dwwb {
    margin: 0;
    border: 0
}

.jqm .dwwb span {
    padding: 0
}

.jqm .dwwbp .ui-btn-inner {
    font-size: 40px;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0
}

.jqm .dwwbm .ui-btn-inner {
    font-size: 32px;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px
}

.jqm .dwwbp span {
    font-weight: 400
}

.jqm .dwbc {
    padding: 0
}

.jqm .dwbc .ui-btn {
    margin: .5em 5px
}

.jqm .dwbc .ui-btn-inner {
    font-size: 12px
}

.jqm .dwpm .dwl {
    border: 0;
    background: 0
}

.jqm .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #444 transparent
}

.jqm .dw-bubble-top .dw-arr {
    border-color: #222 transparent transparent transparent
}

.jqm.dw-bottom .dw, .jqm.dw-top .dw {
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.jqm.dw-top .dw {
    border-right: 0;
    border-top: 0;
    border-left: 0
}

.jqm.dw-bottom .dw {
    border-bottom: 0;
    border-right: 0;
    border-left: 0
}

.sense-ui .dw {
    padding: 0;
    background: #333;
    border: 2px solid #fff;
    color: #fff
}

.sense-ui .dwwr {
    padding: 0
}

.sense-ui .dwv {
    padding: 5px 10px;
    border-bottom: 1px solid #666;
    text-align: left
}

.sense-ui .dwwc {
    background: #333
}

.sense-ui .dw .dwpm .dww, .sense-ui .dw .dwpm .dwwl {
    background: #fff;
    border: 0;
    padding: 0
}

.sense-ui .dwbc {
    padding: 5px 1px;
    background: #000;
    background: linear-gradient(#666 50%, #000 50%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.5, #000), color-stop(.5, #666));
    background: -moz-linear-gradient(#666 50%, #000 50%);
    background: -o-linear-gradient(#666 50%, #000 50%)
}

.sense-ui .dw .dwb {
    margin: 0 5px;
    border: 1px solid #333;
    background: #222;
    background: linear-gradient(#444, #000);
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#444));
    background: -moz-linear-gradient(#444, #000);
    background: -o-linear-gradient(#444, #000);
    box-shadow: inset 0 0 5px #000
}

.sense-ui .dw .dwb-a {
    background: #3c7500;
    background: linear-gradient(#94c840, #3c7500);
    background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
    background: -moz-linear-gradient(#94c840, #3c7500);
    background: -o-linear-gradient(#94c840, #3c7500)
}

.sense-ui.dw-top .dw {
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0
}

.sense-ui.dw-bottom .dw {
    border: 0;
    border-top: 1px solid #666;
    border-radius: 0;
    -webkit-border-radius: 0
}

.wp .dw {
    background: #1f1f1f;
    border-radius: 0;
    -webkit-border-radius: 0
}

.wp .dwwr {
    padding: 10px
}

.wp .dwv {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.wp .dwc {
    padding: 30px 0 0 0;
    vertical-align: middle
}

.wp .dwhl {
    padding: 0
}

.wp .dwwc {
    padding: 3px;
    background: 0
}

.wp .dwwl {
    margin: 0;
    padding: 0 2px;
    background: 0
}

.wp .dwl {
    color: #fff
}

.wp .dw .dwwl .dww {
    background: 0;
    border: 0;
    color: #fff
}

.wp .dw-li {
    position: relative;
    padding: 0;
    font-size: 26px;
    letter-spacing: -1px;
    text-align: left;
    text-shadow: none;
    opacity: 0;
    box-sizing: border-box;
    filter: Alpha(Opacity=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.wp .dw-i {
    position: relative;
    top: 4%;
    height: 92%;
    padding: 0 5px;
    border: 1px solid #4c4c4c;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    filter: inherit
}

.wp .dwa .dw-li, .wp .wpa .dw-li {
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.wp .dwa .dw-v, .wp .wpa .dw-v, .wp .wpam .dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.wp .dw-day, .wp .dw-mon {
    display: block;
    color: #a9a9a9;
    line-height: 18px;
    font-size: 11px;
    letter-spacing: normal;
    position: absolute;
    bottom: 0;
    filter: inherit
}

.wp .dw-sel {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.wp .dw .dw-sel .dw-i {
    color: #fff;
    background: #4c4c4c
}

.wp .dw-sel .dw-day, .wp .dw-sel .dw-mon {
    color: #fff
}

.wp .dw-hl {
    background: 0
}

.wp .dw-hl .dw-i {
    background: #4c4c4c
}

.wp .dwa .dww .dw-sel .dw-i {
    border: 1px solid #4c4c4c;
    background-color: transparent
}

.wp .dwa .dw-day, .wp .dwa .dw-month {
    color: #a9a9a9
}

.wp .dwwo {
    display: none
}

.wp .dwwol {
    display: none
}

.wp .dwbc {
    padding: 0
}

.wp .dwbw {
    float: none;
    width: auto
}

.wp .dw .dwb {
    position: relative;
    top: 0;
    min-width: 32px;
    display: inline-block;
    height: 20px;
    padding: 29px 5px 0 5px;
    background: 0;
    box-shadow: none;
    line-height: 20px;
    font-size: 11px;
    font-weight: 400;
    text-transform: lowercase;
    text-shadow: none;
    transition: top .1s linear;
    -webkit-box-shadow: none;
    -webkit-transition: top .1s linear;
    -moz-transition: top .1s linear
}

.wp .dwb:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 50%;
    width: 26px;
    height: 26px;
    margin: 0 -13px;
    background: url(wp_icons.png) center center no-repeat
}

.wp .dwb-s .dwb:after {
    background-position: 0 0
}

.wp .dwb-c .dwb:after {
    background-position: -26px 0
}

.wp .dwb-n .dwb:after {
    background-position: -52px 0
}

.wp .dwb-s .dwb-a:after {
    background-position: 0 -26px
}

.wp .dwb-c .dwb-a:after {
    background-position: -26px -26px
}

.wp .dwb-n .dwb-a:after {
    background-position: -52px -26px
}

.wp .dwb.dwb-a {
    top: -3px
}

.wp .dw .dwwl .dwb-a {
    background: #1f1f1f
}

.wp .dw .dwpm .dwwl {
    border: 0
}

.wp .dw .dwwb {
    background: #1f1f1f;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #a9a9a9;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.wp .dwwb span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
    margin: -13px;
    display: block;
    background: url(wp_icons.png) center center no-repeat
}

.wp .dwwbp span {
    background-position: -78px 0
}

.wp .dwwbp.dwb-a span {
    background-position: -78px -26px
}

.wp .dwwbm span {
    background-position: -104px 0
}

.wp .dwwbm.dwb-a span {
    background-position: -104px -26px
}

.wp .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #1f1f1f transparent
}

.wp .dw-bubble-top .dw-arr {
    border-color: #1f1f1f transparent transparent transparent
}

.wp .dwwms .dw-li {
    opacity: .3;
    filter: Alpha(Opacity=30);
    padding: 0 0 0 30px
}

.wp .dwwms .dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.wp .dwc .dwwms .dw-hl .dw-i, .wp .dwc .dwwms .dw-i, .wp .dwc .dwwms .dw-sel .dw-i, .wp .dwc .dwwms.dwa .dw-sel .dw-i {
    border: 0;
    background: 0
}

.wp .dwwms .dw-li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 18px;
    line-height: 20px;
    background: #4c4c4c;
    color: #fff
}

.wp .dwwms .dw-msel:after {
    content: '✔'
}

.wp.light .dw {
    background: #dedede
}

.wp.light .dwb, .wp.light .dwl, .wp.light .dwv {
    color: #000
}

.wp.light .dw-li {
    color: #6b6b6b
}

.wp.light .dw-i {
    border-color: #b5b5b5
}

.wp.light .dw-sel .dw-i {
    background: #b5b5b5
}

.wp.light .dw-hl .dw-i {
    color: #fff;
    background: #b5b5b5
}

.wp.light .dw-day, .wp.light .dw-mon {
    color: #6b6b6b
}

.wp.light .dw-sel .dw-day, .wp.light .dw-sel .dw-mon {
    color: #fff
}

.wp.light .dw .dwa .dw-sel .dw-i {
    color: #6b6b6b;
    border: 1px solid #b5b5b5;
    background-color: transparent
}

.wp.light .dw .dwc .dwa .dw-day, .wp.light .dw .dwc .dwa .dw-mon {
    color: #6b6b6b
}

.wp.light .dwb:after {
    background-image: url(wp_icons_light.png)
}

.wp.light .dw .dwwb {
    background: #dedede
}

.wp.light .dwwb span {
    background-image: url(wp_icons_light.png)
}

.wp.light .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #dedede transparent
}

.wp.light .dw-bubble-top .dw-arr {
    border-color: #dedede transparent transparent transparent
}

.wp.light .dwc .dwwms .dw-i, .wp.light .dwwms.dwa .dw-sel .dw-i {
    border: 0;
    background: 0;
    color: #000
}

.wp.light .dwwms .dw-li:after {
    background: #b5b5b5
}

.wp.light .wp-none .dwwms .dw-li:after {
    color: #000
}

.wp.light .wp-none .dw-hl .dw-i, .wp.light .wp-none .dw-sel .dw-i {
    color: #000
}

.wp.light .wp-none .dw-day, .wp.light .wp-none .dw-mon {
    color: #6b6b6b
}

.wp .wp-lime .dw-hl .dw-i, .wp .wp-lime .dw-sel .dw-i, .wp .wp-lime .dwwms .dw-li:after {
    background: #a4c400;
    border-color: #a4c400
}

.wp .wp-green .dw-hl .dw-i, .wp .wp-green .dw-sel .dw-i, .wp .wp-green .dwwms .dw-li:after {
    background: #60a917;
    border-color: #60a917
}

.wp .wp-emerald .dw-hl .dw-i, .wp .wp-emerald .dw-sel .dw-i, .wp .wp-emerald .dwwms .dw-li:after {
    background: #008a00;
    border-color: #008a00
}

.wp .wp-teal .dw-hl .dw-i, .wp .wp-teal .dw-sel .dw-i, .wp .wp-teal .dwwms .dw-li:after {
    background: #00aba9;
    border-color: #00aba9
}

.wp .wp-cyan .dw-hl .dw-i, .wp .wp-cyan .dw-sel .dw-i, .wp .wp-cyan .dwwms .dw-li:after {
    background: #1ba1e2;
    border-color: #1ba1e2
}

.wp .wp-cobalt .dw-hl .dw-i, .wp .wp-cobalt .dw-sel .dw-i, .wp .wp-cobalt .dwwms .dw-li:after {
    background: #0050ef;
    border-color: #0050ef
}

.wp .wp-indigo .dw-hl .dw-i, .wp .wp-indigo .dw-sel .dw-i, .wp .wp-indigo .dwwms .dw-li:after {
    background: #6a00ff;
    border-color: #6a00ff
}

.wp .wp-violet .dw-hl .dw-i, .wp .wp-violet .dw-sel .dw-i, .wp .wp-violet .dwwms .dw-li:after {
    background: #a0f;
    border-color: #a0f
}

.wp .wp-pink .dw-hl .dw-i, .wp .wp-pink .dw-sel .dw-i, .wp .wp-pink .dwwms .dw-li:after {
    background: #f472d0;
    border-color: #f472d0
}

.wp .wp-magenta .dw-hl .dw-i, .wp .wp-magenta .dw-sel .dw-i, .wp .wp-magenta .dwwms .dw-li:after {
    background: #d80073;
    border-color: #d80073
}

.wp .wp-crimson .dw-hl .dw-i, .wp .wp-crimson .dw-sel .dw-i, .wp .wp-crimson .dwwms .dw-li:after {
    background: #a20025;
    border-color: #a20025
}

.wp .wp-red .dw-hl .dw-i, .wp .wp-red .dw-sel .dw-i, .wp .wp-red .dwwms .dw-li:after {
    background: #e51400;
    border-color: #e51400
}

.wp .wp-orange .dw-hl .dw-i, .wp .wp-orange .dw-sel .dw-i, .wp .wp-orange .dwwms .dw-li:after {
    background: #fa6800;
    border-color: #fa6800
}

.wp .wp-amber .dw-hl .dw-i, .wp .wp-amber .dw-sel .dw-i, .wp .wp-amber .dwwms .dw-li:after {
    background: #f0a30a;
    border-color: #f0a30a
}

.wp .wp-yellow .dw-hl .dw-i, .wp .wp-yellow .dw-sel .dw-i, .wp .wp-yellow .dwwms .dw-li:after {
    background: #d8c100;
    border-color: #d8c100
}

.wp .wp-brown .dw-hl .dw-i, .wp .wp-brown .dw-sel .dw-i, .wp .wp-brown .dwwms .dw-li:after {
    background: #825a2c;
    border-color: #825a2c
}

.wp .wp-olive .dw-hl .dw-i, .wp .wp-olive .dw-sel .dw-i, .wp .wp-olive .dwwms .dw-li:after {
    background: #6d8764;
    border-color: #6d8764
}

.wp .wp-steel .dw-hl .dw-i, .wp .wp-steel .dw-sel .dw-i, .wp .wp-steel .dwwms .dw-li:after {
    background: #647687;
    border-color: #647687
}

.wp .wp-mauve .dw-hl .dw-i, .wp .wp-mauve .dw-sel .dw-i, .wp .wp-mauve .dwwms .dw-li:after {
    background: #76608a;
    border-color: #76608a
}

.wp .wp-sienna .dw-hl .dw-i, .wp .wp-sienna .dw-sel .dw-i, .wp .wp-sienna .dwwms .dw-li:after {
    background: #7a3b3f;
    border-color: #7a3b3f
}

.apayment:active {
    background: #1fbaf3;
    color: rgba(255, 255, 255, .5);
}

.history_remark {
    text-align: center;
    display: block;
    font-size: 0.8em;
    color: #596f95;
    margin: 0.8em;
}

.amount_div {
    border: 2px solid #fff;
}

.privilege_div {
    background: #FAEFC4;
    min-height: 10rem;
    margin: .5rem .5rem;
    border-radius: .3rem;
    position: relative;
    cursor: pointer;
    padding: .5rem 0
}

.progress {
    width: 50%;
    background: #11c14c;
    height: 1.5rem;
    text-align: center;
}

.privilege_progress {
    background: #03012C;
    height: 1.5rem;
    margin: -.5rem .5rem;
    text-align: center;
}

.privilege_p {
    height: 2rem;
    color: #000;
    margin: 0rem 0.5rem;
    font-size: .6rem;
}

.privilege_bar {;
    height: 3.2rem;
    color: #FFFFFF;
    margin: 0 auto;
    position: relative;
    top: -1.05rem;
    font-size: .6rem;
}

.ngo {
    width: 1rem;
    height: 1rem;
    background: url(../img/go.png) no-repeat;
    background-size: auto 100%;
    position: relative;
    right: 0;
    top: -30px;
    left: 0px;
    bottom: 0;
    margin: auto
}
.privilege {
    width: 9.5rem;
    height: 1.1rem;
    margin: .8rem 5rem;
}

.go {
    width: 1rem;
    height: 1rem;
    background: url(../img/go.png) no-repeat;
    background-size: auto 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}