@charset "utf-8";
/* ui7 1.1 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

html {
    -webkit-text-size-adjust: none;
}

i {
    font-style: normal;
}

/* Font */
body {
    font: 14px/28px PingFangSC-Regular, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', Arial, Geneva, sans-serif;
    color: #333;
    background: #F8F8F5;
    padding-bottom: 55px;
}

select, input, button, textarea {
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font: 99% PingFangSC-Regular, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', Arial, Geneva, sans-serif;
    background: transparent;
}

textarea {
    padding: 0;
    border: 0;
    margin-bottom: 12px;
    line-height: 24px;
}

table {
    font-size: inherit
}

img {
    vertical-align: middle;
}

p {
    word-wrap: break-word;
}

a {
    color: #333;
    text-decoration: none;
}

/*酷匠色系*/
.blue {
    color: #58B6D8;
}

/*若年色系*/
.green {
    color: #00bb0c;
}

/* Clearfix */
.clearfixlist li:after, .clearfix:after, header:after, .kjmod:after, .hd:after {
    content: "\0020";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
}

.clearfixlist li, .clearfix, header, .kjmod, .hd {
    zoom: 1;
}

.clear:after {
    display: block;
    clear: both;
    content: '';
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* overflow hidden */
.overhide {
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hide {
    display: none;
}

/*电脑访问优化*/
@media only screen and (min-width: 1024px) {
    html {
        position: relative;
        width: 400px;
        height: 100%;
        margin: 0 auto;
    }

    #webGoTop {
        right: auto !important;
        margin-left: 340px;
    }

    .web-return-title {
        width: 400px !important;
    }

    .footer-float-menu {
        width: 400px !important;
    }
}

#webGoTop {
    position: fixed;
    right: 20px;
    bottom: 65px;
    width: 42px;
    height: 42px;
    background: url(../images/go_top.png);
    background-size: cover;
    z-index: 99;
}

/*分割线*/
.border-top {
    background-color: #ECECE8;
    height: 10px;
    width: 100%;
}
/*标题*/
.web-return-title {
    background: #fff;
    position: fixed;
    height: 46px;
    width: 100%;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.web-return-title .title-left {
    position: absolute;
    left: 10px;
    top: 0;
    background: url(../images/left.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 24px;
    margin-top: 12px;
}

.web-return-title .title-right {
    position: absolute;
    right: 10px;
    top: 0;
    width: 20px;
    height: 20px;
    margin-top: 12px;
}

.web-return-title .home-icon {
    background: url(../images/home.png) no-repeat;
    background-size: contain;
}

.web-return-title .share-icon {
    background: url(../images/share.png) no-repeat;
    background-size: contain;
}

.web-return-title .title-msg {
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 46px;
    color: #333;
}

/*提示框*/
.mask-msg {
    display: none;
    position: fixed;
    top: 70%;
    left: 50%;
    margin: 0 auto;
    padding: 10px;
    max-width: 300px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(3, 3, 3, .8);
    -webkit-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.mask-desc {
    color: #fff;
}
.footer-float-menu {position:fixed;bottom:0;left:0;right:0;width:100%;height:55px;background-color:#fff;z-index:90;box-shadow:0 0 2px 0 rgba(0,0,0,0.15);margin:0 auto;}
.footer-float-menu .footer-float-frame {padding-top:10px;}
.footer-float-menu .footer-float-frame li {display:inline-block;width:24%;text-align:center;}
.footer-float-menu .footer-float-frame li a {display:block;}
.footer-float-menu .footer-float-frame .footer-text {text-align:center;font-size:12px;color:#adabab;line-height:20px;}
.footer-float-menu .footer-float-frame .footer-text-active {color:#58B6D8;}
.footer-float-menu .footer-float-frame .footer-img {display:block;width:24px;height:24px;margin:0 auto;text-align:center;background:url(../images/tabbar_menu.png) no-repeat;background-size:130px 70px;}
.footer-float-menu .footer-float-frame .icon-mine-active {background-position:-98px -38px;}
.footer-float-menu .footer-float-frame .icon-library-active {background-position:-68px -38px;}
.footer-float-menu .footer-float-frame .icon-home-active {background-position:-38px -38px;}
.footer-float-menu .footer-float-frame .icon-shelf-active {background-position:-8px -38px;}
.footer-float-menu .footer-float-frame .icon-mine {background-position:-98px -8px;}
.footer-float-menu .footer-float-frame .icon-library {background-position:-68px -8px;}
.footer-float-menu .footer-float-frame .icon-home {background-position:-38px -8px;}
.footer-float-menu .footer-float-frame .icon-shelf {background-position:-8px -8px;}