@charset "utf-8";
/* CSS Document */
.app-down img,.app-wrap {
    width: 100%;
    display: block;
}

html {
    overflow-y: scroll;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,html {
    font-family: sans-serif
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

input,select,textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0
}

abbr,acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 500
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500
}

q:after,q:before {
    content: ''
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a:hover {
    text-decoration: underline
}

a,ins {
    text-decoration: none
}

.s-dialog-mask {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #141414;
    filter: alpha(opacity=60);
    opacity: .6;
    width: 100%;
    z-index: 9998
}

.s-dialog-wrapper {
    color: #fff;
    font-size: 14px;
    position: fixed;
    z-index: 9999;
    -webkit-transform-origin: 0 0;
    opacity: 1;
    -webkit-transform: scale(1,1)
}

.s-dialog-skin-green {
    background-color: #6cb248;
    border: 1px solid #397908
}

.s-dialog-skin-block {
    background-color: #000
}

.s-dialog-skin-red {
    background-color: #ff3862;
    border: 1px solid #AD0909
}

.s-dialog-content {
    padding: 15px 20px
}

.s-dialog-btn-wapper {
    border-top: 1px solid rgba(130,128,127,.5);
    display: -webkit-box;
    display: -moz-box;
    display: box
}

.s-dialog-btn-wapper a {
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-box-flex: 1;
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 0
}

html {
    font-size: 0;
    background: #fff
}

body {
    overflow-x: hidden
}

.app-down {
    background-color: #50c2f5;
    padding:0;
    margin:0;
}

.app-wrap {
    margin: 0 auto;
}

.app-down0 img {
    padding: 0
}

.app-down1 {
    margin:15px 0;
}
.app-down1 .app-wrap .title{ width:290px; height:30px; margin:0 auto; position:relative;}
.app-down1 .app-wrap .title p{ line-height:30px; color:#ffffff; font-weight:bold; font-size:16px;}
.app-down1 .app-wrap .title .clock-time{ position:absolute; right:0; top:0; line-height:30px; font-size:14px; font-weight:bold; color:#ffffff;}
.app-down1 .app-wrap .title .clock-time i{ font-style:normal;}
.app-down1 .app-wrap .title .clock-time .clock-icon{ width:26px; height:30px; vertical-align:middle; padding-right:4px; display:inline-block; background: url(../img/special/app/clock.png) no-repeat;}
.app-down1 .app-wrap .prod_slider{ width:290px; background:#ffffff; margin:10px auto 10px; padding-bottom:10px; position:relative;}
.app-down1 .app-wrap .prod_slider .main-slide{ width:290px; overflow:hidden;}
.app-down1 .app-wrap .prod_slider .main-slide ul li{ float:left; width:290px; position:relative;}
.app-down1 .app-wrap .prod_slider .main-slide ul li a{ display:block;}
.app-down1 .app-wrap .prod_slider .main-slide ul li img{ width:290px; }
.app-down1 .app-wrap .prod_slider .main-slide .prevp{ width:30px; height:75px; position:absolute; left:4px; top:36%; background:url(../img/special/app/arrow-l.png) no-repeat; background-size:100% auto; z-index:10}
.app-down1 .app-wrap .prod_slider .main-slide .nextp{ width:30px; height:75px; position:absolute; right:4px; top:36%; background:url(../img/special/app/arrow-r.png) no-repeat; background-size:100% auto; z-index:10}
.app-down1 .app-wrap .prod_slider .main-slide ul li .old-price{ color:#ff4800; font-size:18px; font-weight:bold; padding:0 10px}
.app-down1 .app-wrap .prod_slider .main-slide ul li .shop-pice{ color:#666666; font-size:12px; text-decoration:line-through; padding:0 10px 10px}
.app-down1 .app-wrap .prod_slider .main-slide ul li .prod-title{ height:39px; font-family:'微软雅黑'; overflow:hidden; color:#0e050a; font-size:14px; padding:0 10px; }
.app-down1 .app-wrap .prod_slider .main-slide ul li .gobuy{ display:block; width:110px; height:30px; color:#ffffff; font-size:14px; line-height:30px; text-align:center; border-radius:5px; background:#ff3d00; position:absolute; bottom:50px; right:20px;}
.app-down1 .app-wrap .hd{ width:290px; position:absolute; top:392px; }
.app-down1 .app-wrap .prod_slider .main-slide .hd ul{ position:absolute; left:38%; top:10px;}
.app-down1 .app-wrap .prod_slider .main-slide .hd ul li{ width:8px; height:8px; border-radius:8px; border:solid 1px #ffffff; float:left; margin-right:4px; }
.app-down1 .app-wrap .prod_slider .main-slide .hd ul li.on{ background:#ffffff;}
.app-down1 .app-wrap .enterweb{ display:block;color:#ffffff; font-size:16px; line-height:30px; font-weight:bold; text-align:right; padding-right:12px; }
.app-down2 {
    background-color: #f7bd74;
}
.app-down3 {
    background-color: #bbd877;
}
.app-down4{
    background-color: #d3bad9;
}
.app-down5{
    background-color: #7fc7ff;
}
.app-down6{
    background-color: #50c2f5;
}
.down-btn {
    text-align: center;
    background-color: #50c2f5;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.icon-iphone,.icon-iphone2,.icon-android{
    display: inline-block;
    margin: 0 10px 20px;
    max-width: 35%;
}
.floating{
    display: none;
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0; 
    top: 0; 
    background: rgba(0,0,0,0.6); 
    z-index: 10000;
}
.w1float{
    width: 100%; 
    text-align: center;
}
@media screen and (min-width:414px){
	
}