﻿/*checkbox 复选框样式*/
@import url('/font_icon/iconfont.css');

.mui-checkbox {
    position: relative;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background-color: #FFFFFF;
    border: solid 1px #d9d9d9;
    border-radius: 20px;
    background-clip: padding-box;
    display: inline-block;
    -webkit-appearance: none;
    transition: background-color ease 0.2s;
}

.mui-checkbox:checked {
    background-color: #04bc6c;
    border: solid 1px #04bc6c;
}

.mui-checkbox:checked:before {
    display: inline-block;
    margin: 0;
    font-family: iconfont;
    content: "\e648";
    line-height: 18px;
    color: #FFFFFF;
    font-size: 18px;
    position: relative;
    top: -5px;
    left: -1px;
}

.returnBtn {
    width: 28px;
    padding-left: 0.6em;
    display: block;
    float: left;
    padding-top: 9px;
}

.returnBtn img {
    width: 100%;
}

/*******************************
          content top
*******************************/
.st-content {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
}

.column {
    width: 100%;
    background: #04bc6c;
    text-align: center;
    color: #ffffff;
}

.column:after {
    content: "\20";
    display: block;
    clear: both;
}

.column .nvtt {
    width: 60%;
    height: 44px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 44px;
    vertical-align: middle;
    font-size: 1.8rem;
}

.column .nvtt a {
    color: #fff;
}

.column .nvtt img {
    display: inline;
    vertical-align: middle;
}

.column .nvtl {
    float: left;
    width: 20%;
    text-align: left;
}

.column .nvtl .ico_goback {
    cursor: pointer;
}

.column .nvtr {
    float: right;
    width: 20%;
}

.column .member_btn {
    height: 44px;
    width: 44px;
    display: block;
    float: right;
    text-align: center;
    overflow: hidden;
}

.column .member_btn code {
    font-size: 2em;
    display: inline-block;
    padding-top: 11px;
}

.column .nav_btn {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    width: 30px;
    text-align: left;
    float: right;
    color: #fff;
}

.column .nav_btn span {
    font-size: 1.8em;
    display: inline-block;
    padding-right: 6px;
}

.column .exit {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    width: auto;
    padding-right: 10px;
    text-align: left;
    float: right;
    color: #fff;
}

.column .exit a {
    color: #fff;
    font-size: 1.4em;
}

.ico_goback {
    width: 30px;
    height: 44px;
    line-height: 44px;
    text-align: right;
    vertical-align: middle;
    display: inline-block;
}

.ico_goback span {
    font-size: 1.8em;
    display: none;
    padding-right: 6px;
}

.column .nvtt1 {
    width: 60%;
    height: 44px;
    float: left;
    text-align: center;
}

.column .nvttuser {
    width: 100%;
    height: 44px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 50px;
    vertical-align: middle;
    font-size: 1em;
    text-align: center;
}

.main {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.bottom {
    width: 100%;
    font-size: 1.6rem;
    background: #fff;
    border-top: 1px solid #d8d8d8;
    position: fixed;
    z-index: 99999;
}

.bottom a {
    width: 33.3333333%;
    float: left;
    text-align: center;
    line-height: 40px;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom a.zw, .bottom a.gr_icom {
    background: #cbf6f2;
    color: #04bc6c;
    background-size: 2rem;
}

.bottom a em, .bottom a.zw em {
    width: 1.8rem;
    display: inline-block;
    margin-right: 6%;
}

.bottom a.zw_icom em {
    background: url(../images/home_icom1.png) no-repeat 0 center;
    background-size: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
}

.bottom a.zw em {
    background: url(../images/home_icom2.png) no-repeat 0 center;
    background-size: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
}

.bottom a.yp_icom em {
    background: url(../images/pel_2.png) no-repeat 0 center;
    background-size: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
}

.bottom a.del_icom em {
    background: url(../images/del_icom.png) no-repeat 0 center;
    background-size: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
}

.bottom a.download_icom em {
    background: url(../images/dowlound.png) no-repeat 0 center;
    background-size: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
}


.bottom a.per_center em {
    background: url(../images/per_1.png) no-repeat 0 center;
    background-size: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
}

.bottom a.gr_icom em {
    background: url(../images/per_2.png) no-repeat 0 center;
    background-size: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
}