@charset "UTF-8";
html, body {
    width: 100%;
    background: #f4f4f4;
    font-family: "微软雅黑", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}
body {
    font-size: 15px;
}
a {
    color: #777;
    text-decoration: none;
}
a:hover {
    color: #111;
}
a.blue {
    color: #00a3e0;
}
li {
    list-style: none;
}
i.dh-icon {
    display: inline-block;
}
i.dh-icon-sprite {
    background: url("../images/icon.png");
    background-size: contain;
}
.color-orange {
    color: #fd9f50;
}
.color-red {
    color: red;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.am-dropdown {
    width: 100%;
}
.am-offcanvas-bar:after {
    width: 0;
}
/*字号*/
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}


/*行间距*/
.LH-18 { line-height:18px; }
.LH-20 { line-height:20px; }
.LH-24 { line-height:24px; }
.LH-36 { line-height:36px; }
.LH-40 { line-height:40px; }
label {
    font-weight: normal;
    color: #909090;
}
input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 0;
}
section.head {
    padding: 10px;
    background: #fff;
    margin-bottom: 15px;
}
section.content {
    margin: auto 2%;
    padding: .8rem;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 3px;
}
section .am-list {
    margin-bottom: 0;
}
section.content .am-list > li {
    border-color: #eee;
    padding: 10px 0;
}
section .am-list >li:last-child {
    border-bottom: none;
}
article {
    color: #999;
}

/*头部*/
.am-header {
    width:100%;
    height:44px;
    line-height:44px;
    background: forestgreen;
    text-align:center;
    color:#fff;
    position:relative;
    z-index:4;
}
.am-header .am-header-title {
    font-size: 1.8rem;
    margin: 0 10%;
}
.am-header a {
    height:44px;
    color: #fff;
    display: inline-block;
}
.am-header .am-header-nav img {
    width:44px;
    height:44px;
    vertical-align: baseline;
}
.am-header .am-header-left {
    left: 0;
}
.am-header .am-header-right {
    right: 0;
}
.am-header .op-icon {
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

a.block-link {
    padding: 1rem;
    background: url("../images/turnIcon3.png") no-repeat;
    background-position: 96% center;
    overflow: hidden;
}
.am-list a.block-link {
    padding: 1rem !important;
}
.list h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: normal;
    color: #333;
}
.list dl {
    margin: 0;
}
.dh-no-contents {
    text-align: center;
    margin: 2rem 2%;
}
.required {
    color: red;
    margin-right: 5px;
    font-weight: bold;
}
.am-modal-alert {
    z-index: 1200;
}
.am-header .icon-avatar {
    position: relative;
}
