@charset "utf-8";
body{background: #f8f8f8;color: #000;}
img{vertical-align:middle;max-width: 100%;}
.clearfix:after,.clearfix:before{ display: table; content: " ";line-height:0;}
.clearfix:after{clear: both;visibility:hidden;}
.top-banner{
	background: #373d43;
    background: -moz-linear-gradient(top,  #373d43 0%, #5a5f65 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373d43), color-stop(100%,#5a5f65));
    background: -webkit-linear-gradient(top,  #373d43 0%,#5a5f65 100%);
    background: -o-linear-gradient(top,  #373d43 0%,#5a5f65 100%);
    background: -ms-linear-gradient(top,  #373d43 0%,#5a5f65 100%);
    background: linear-gradient(to bottom,  #373d43 0%,#5a5f65 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373d43', endColorstr='#5a5f65',GradientType=0 );
    text-align: center;
    }
.btn-box .item-b{padding-left: 10px;}
.btn-box .item-b:first-child{padding-left: 0;}
.btn-box .weui_btn{margin-top: 10px;}   
.bottomBtn{padding:15px 10px;}
.imgCon li{width: 46%;margin-left: 15px;margin-bottom: 10px;float: left;border: 1px solid #ccc;/*height: 136px;*/overflow: hidden;box-sizing: border-box;margin-top: 5px;}
.imgCon li:nth-of-type(2n+1){margin-left: 0;}
.imgCon li img{height: 100%;width: 100%;}
.imgCon li.curr{border: 3px solid #00bcd4;}
/*按扭*/
.weui_btn_primary{background: #00bcd4;border:1px solid #0096a9;} 
.weui_btn_primary:not(.weui_btn_disabled):active{background: #0bc3da;}
/*弹窗*/
.toggCon{position: fixed;bottom: 0;background: #fff;width: 100%;left: 0;z-index: 10;display: none;}
.toggCon ul li{text-align: center;border-top: 1px solid #d8d8d8;height:50px;line-height: 50px;}
.toggCon ul li:first-child{border-top: none;}
.toggCon .closeBtn{border-top: 3px solid #eeeff3;text-align: center;height:50px;line-height: 50px;}
.apendBlack-bg{background: rgba(0,0,0,.5);position: fixed;width: 100%;height: 100%;z-index: 1;left:0px; top: 0px; }
/*weui*/
.weui_cell{
	color: #000;
}  
.act-bg:not(.no_access) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.act-bg:not(.no_access):active{
    background-color: #ECECEC;
} 
.weui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
} 
.weui-flex__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

/*by jexm*/
.top-banner{
    z-index: 5;
    position: fixed;
    width: 100%;
    top: 0;
}

.top-prev-img{
    /*-webkit-transform:scale(0.8); 
    -moz-transform:scale(0.8); 
    -o-transform:scale(0.8); 
    transform-origin: 206px 0;

    top: 0;*/
}
.top-prev-img{
    height: 234px;
    background-image: url(../images/watch.png);
    background-color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#373d43), to(#5A5F65));
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;

}
.top-prev-img img{
    position: absolute;
    top:0;
    left: 0;
}
#idOtherContain{
    margin-top: 235px;
}
.canvasContain{
    /*border: 1px solid #fff;*/
    width: 128px;
    height: 128px;
    margin-left: auto;
    margin-right: auto;
    top: 58px;/*123px;*/
    position: absolute;
    z-index:2;

    -webkit-transform:scale(0.65); 
    -moz-transform:scale(0.65); 
    -o-transform:scale(0.65); 
}
.apendBlack-bg{
    z-index: 9;
}
._hide{
    display: none;
}
.border-top-none:before{
    border-top:none;
    left: 15px;
}
#idDelDiv,#idSelectDiv {
}
.weui_btn_disabled{
    background: #92cad1 !important;
    border-color:#77afb6;
}

#idWatchType,.idBgColor,#idTime_lcd,#idTime_font_l,#idTime_font_color,#id_date_family,#id_date_size,#id_date_color,#id_week_family,#id_week_size,#id_week_color,#idPointytfs,#idDouDong,#idFanSe,#idPointColor{
    text-align: right;
    padding-right:6px;
    color: #888;
}