.dw{
position:absolute;
top:5%;
left:0;
z-index:1001;
color:#000;
font-family:arial,verdana,sans-serif;
font-size:12px;
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:rgba(0,0,0,0)
}
.dwi{
position:static;
margin:5px;
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{
float:none;
margin:0 2px 5px 2px;
padding-top:30px;
display:inline-block
}
.dwcc{
clear:both
}
.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
}
.dwrc{
-webkit-border-radius:3px;
border-radius:3px
}
.dwwc{
margin:0;
padding:0 2px;
position:relative;
background:#000;
zoom:1
}
.dwwl{
margin:4px 2px;
position:relative;
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(0.35,#333),color-stop(0.50,#888),color-stop(0.65,#333),to(#000));
background:-moz-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%);
background:-o-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%);
z-index:5
}
.dww{
margin:0 2px;
overflow:hidden;
position:relative
}
.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(0.45,#444),color-stop(0.55,#444),to(#000));
background:-moz-linear-gradient(#000 0,#444 45%,#444 55%,#000 100%);
background:-o-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;
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:bold
}
.dwpm .dwwc{
background:transparent
}
.dwpm .dww{
margin:-1px
}
.dwpm .dw-li{

}
.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(0.52,rgba(44,44,44,0)),color-stop(0.48,rgba(44,44,44,0)),to(#000));
background:-moz-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);
background:-o-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%)
}
.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
}
.dwbg .dwb{
cursor:pointer;
overflow:hidden;
display:block;
height:40px;
line-height:40px;
padding:0 15px;
margin:0 2px;
font-size:14px;
font-weight:bold;
text-decoration:none;
border-radius:5px;
color:#fff;
background:#000;
background:linear-gradient(#6e6e6e 50%,#000 50%);
background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#000),color-stop(0.5,#6e6e6e));
background:-moz-linear-gradient(#6e6e6e 50%,#000 50%);
background:-o-linear-gradient(#6e6e6e 50%,#000 50%);
white-space:nowrap;
text-overflow:ellipsis;
-webkit-border-radius:5px
}
.dwbc{
padding:5px 0;
text-align:center;
clear:both
}
.dwbc:after{
content:'';
display:block;
clear:both
}
.dwbw{
display:inline-block;
float:left;
width:50%;
position:relative;
z-index:5
}
.dwbc-p .dwbw{
width:33.33%
}
.dwhl{
padding-top:10px
}
.dwhl .dwl{
display:none
}
.dwbg{
background:#fff;
border-radius:3px;
-webkit-border-radius:3px
}
.dwbg .dwpm .dww{
color:#000;
background:#fff;
border:1px solid #AAA
}
.dwbg .dwwb{
background:#ccc;
color:#888;

}
.dwbg .dwwbp{
background:linear-gradient(#f7f7f7,#bdbdbd);
background:-webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
background:-moz-linear-gradient(#f7f7f7,#bdbdbd);
background:-o-linear-gradient(#f7f7f7,#bdbdbd)
}
.dwbg .dwwbm{
background:linear-gradient(#bdbdbd,#f7f7f7);
background:-webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
background:-moz-linear-gradient(#bdbdbd,#f7f7f7);
background:-o-linear-gradient(#bdbdbd,#f7f7f7)
}
.dwbg .dwb-a{
background:#3c7500;
background:linear-gradient(#94c840 50%,#3c7500 50%);
background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#3c7500),color-stop(0.5,#94c840));
background:-moz-linear-gradient(#94c840 50%,#3c7500 50%);
background:-o-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:-moz-linear-gradient(#94c840,#3c7500);
background:-o-linear-gradient(#94c840,#3c7500)
}
.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 .dwc{
padding-top:8px
}
.android .dw .dwpm .dwwl{
margin:4px 1px;
border:1px solid #9c9c9c
}
.android .dw .dwpm .dww{
border:0;
background:#fff
}
.android .dw .dwpm .dww{
margin:0
}
.android .dw .dwpm .dwwl{
margin:4px 2px;
border:0
}
.android .dwpm .dww .dw-li{
color:#000;

}
.android .dwl{
display: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:normal;
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-top .dw{
border-right:0;
border-top:0;
border-left:0
}
.android.dw-bottom .dw{
border-bottom:0;
border-right:0;
border-left:0
}
.dw-persp{
perspective:1000;
-webkit-perspective:1000;
-moz-perspective:1000
}
.dw-trans .dw-persp{
overflow:hidden
}
.dw-in{
animation-timing-function:ease-out;
animation-duration:350ms;
-webkit-animation-timing-function:ease-out;
-webkit-animation-duration:350ms;
-moz-animation-timing-function:ease-out;
-moz-animation-duration:350ms
}
.dw-out{
animation-timing-function:ease-in;
animation-duration:350ms;
-webkit-animation-timing-function:ease-in;
-webkit-animation-duration:350ms;
-moz-animation-timing-function:ease-in;
-moz-animation-duration:350ms
}
.dw-flip,.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade{
backface-visibility:hidden;
transform:translateX(0);
-webkit-backface-visibility:hidden;
-webkit-transform:translateX(0);
-moz-backface-visibility:hidden;
-moz-transform:translateX(0)
}
.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade{
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;
-moz-animation-name:dw-sd-out
}
.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;
-moz-animation-name:dw-su-out
}
.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(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-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%)
}

}