body {
    width: 100%;
    min-height: 100%;
    font: 12px "Microsoft Yahei","SimHei",sans-serif;
    color: #4A4A4A;
    background-color: #eff4f1;
    position: relative;
    background-attachment: fixed;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

a,a:hover,a:active,a:link,a:visited {
    color: #333;
    text-decoration: none;
}

input[type='text'] {
    height: 36px;
    min-width: 68px;
    width: 100%;
    padding: 0 36px 0 5px;
    border: 1px solid #ddd;
}

input[type='text']:focus {
    border-color: #ddd;
    outline: none;
}

/*妗嗘灦澶撮儴*/
.top {
    overflow: hidden;
}

.header {
    width: 100%;
    background-color: #1e56a0;
    float: left;
    min-height: 88px;
}

.header-body {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.header-body .logo {
    float: left;
    height: 64px;
    padding: 15px;
}

.header-body .logo a {
    display: inline-block;
    float: left;
}

.header-body .logo a img {
    height: 48px;
    float: left;
    margin-top: 10px;
}

.header-body .logo a span {
    font-size: 20px;
    color: #fff;
    height: 64px;
    line-height: 64px;
    font-weight: bold;
    padding-left: 5px;
}

.header-body .memu-btn {
    float: left;
    font-size: 28px;
    padding: 15px;
    color: #fff;
    display: none;
}

.header-body .memu-btn a {
    display: inline-block;
    color: #fff;
}

.header-body .user-data {
    float: right;
    height: 88px;
}

.header-body .user-data .user-data-icon {
    float: right;
    padding: 5px 15px 5px 5px;
    color: #fff;
    font-size: 16px;
    height: 88px;
}

.header-body .user-data .user-data-icon li {
    float: right;
    padding: 5px;
    margin-top: 24px;
}

.header-body .user-data .user-data-icon li a {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    position: relative;
    font-size: 18px;
}

.header-body .user-data .user-data-icon li a em {
    position: absolute;
    right: 0px;
    top: -5px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border-radius: 50px;
    background-color: red;
    font-size: 9px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    font-style: normal;
    display: none;
}

.header-body .user-data .user-data-info {
    float: right;
    height: 88px;
}

.header-body .user-data .user-data-info .user-data-info-link {
    display: inline-block;
    margin-top: 24px;
    padding: 5px;
}

.header-body .user-data .user-data-info .user-data-info-link img {
    width: 32px;
    height: 32px;
    border-radius: 50px;
    overflow: hidden;
    float: left;
}

.header-body .user-data .user-data-info .user-data-info-link span {
    font-size: 14px;
    line-height: 32px;
    padding-left: 8px;
    color: #fff;
    float: left;
}

.header-body .user-data .user-data-info .user-data-info-link i {
    font-size: 14px;
    line-height: 32px;
    padding-left: 8px;
    color: #fff;
    float: left;
}

.header-body .user-data .user-data-info .user-data-memu {
    position: absolute;
    background-color: #fff;
    padding: 5px;
    width: 105px;
    border: 1px solid #eee;
    z-index: 999;
    box-shadow: 3px 3px 5px #ddd;
    display: none;
}

.header-body .user-data .user-data-info .user-data-memu li {
    text-align: center;
    padding: 5px 0px;
    width: 100%;
    height: 36px;
    float: left;
    border-top: 1px solid #ddd;
}

.header-body .user-data .user-data-info .user-data-memu li:first-child {
    border-top: 0px;
}

.header-body .user-data .user-data-info .user-data-memu li a {
    float: left;
    width: 100%;
    height: 100%;
    padding: 5px 0px;
    font-weight: 400;
}

.header-body .user-data .user-data-info .user-data-memu li a:hover {
    color: #2196F3;
}

.memu {
    width: 100%;
    height: 42px;
    background-color: #163172;
    font-size: 14px;
    float: left;
}

.memu-body {
    width: 1170px;
    margin: 0px auto;
}

.memu-body li {
    float: left;
    width: 20%;
    height: 100%;
    text-align: center;
}

.memu-body li a {
    width: 100%;
    height: 100%;
    float: left;
    line-height: 42px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.memu-body li:hover a {
    color: #5e82d9;
}

.memu-body li.active a {
    color: #163172;
}

.content {
    overflow: hidden;
    position: relative;
}

.content-body {
    width: 1170px;
    min-height: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    margin-bottom: 120px;
    box-shadow: 0px 3px 15px #a7a5a5;
}

/*妯箙鏍峰紡*/
.content-body .banner-list {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.content-body .banner-list li.banner {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.content-body .banner-list li:last-child {
    display: block;
}

.content-body .banner-list li a {
    display: inline-block;
}

.content-body .banner-list li a img {
    width: 100%;
}

/*琛屾澘鍧�*/
.content-body .row {
    min-height: 128px;
    width: 100%;
    margin: 10px 0px;
}

.content-body .row .plate {
    box-sizing: border-box;
    padding: 5px 15px;
    float: left;
}

.content-body .row .plate-header {
    box-sizing: border-box;
    float: left;
    width: 100%;
    height: 46px;
    line-height: 36px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 5px 10px;
    position: relative;
}

.content-body .row .plate-header ul {
    float: left;
    overflow: hidden;
    padding: 0px 15px;
    height: 100%;
    font-size: 14px;
}

.content-body .row .plate-header ul li {
    float: left;
    padding: 0 10px;
    margin: 0 5px;
    cursor: pointer;
    vertical-align: middle;
}

.content-body .row .plate-header ul li.active {
    font-weight: 700;
    font-size: 16px;
    background-color: #d6e4f0;
    border-radius: 5px;
}

.content-body .row .plate-header i.fa-list {
    padding: 5px;
    font-size: 16px;
    margin-top: 7px;
    margin-left: 10px;
    display: none;
}

.content-body .row .plate-header label {
    float: left;
    font-size: 18px;
    font-weight: bold;
}

.content-body .row .plate-header a {
    float: right;
    font-size: 12px;
    padding: 0px 10px;
}

.content-body .row .plate-body {
    box-sizing: border-box;
    float: left;
    width: 100%;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 5px 10px;
    overflow: hidden;
}

.content-body .row.article .plate-body {
    min-height: 210px;
}

.content-body .row .full {
    width: 100%;
}

.content-body .row .full .plate-body ul li {
    width: 50%;
}

.content-body .row .half {
    width: 50%;
}

.content-body .row .half .plate-body ul li {
    width: 100%;
}

/*棣栭〉鏂囩珷鏉垮潡*/
.content-body .row.article .plate-body ul {
}

.content-body .row.article .plate-body ul li {
    float: left;
    font-size: 16px;
    position: relative;
    padding: 5px 15px 5px 22px;
    box-sizing: border-box;
}

.content-body .row.article .plate-body ul li label {
    position: absolute;
    top: 10px;
    left: 0;
    line-height: 17px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

.content-body .row.article .plate-body ul li label.top {
    background-color: #2196f3;
}

.content-body .row.article .plate-body ul li label.new {
    background-color: #d71616;
}

.content-body .row.article .plate-body ul li a {
    float: left;
    border-bottom: 1px solid #ddd;
    width: 100%;
    line-height: 30px;
    font-weight: 600;
}

.content-body .row.article .plate-body ul li a.read {
    font-weight: 400;
}

.content-body .row.article .plate-body ul li span {
    height: 32px;
    padding: 5px;
    font-weight: 400;
}

/*棣栭〉搴旂敤鏉垮潡*/
.content-body .row.app .plate-body ul {
    overflow: hidden;
}

.content-body .row.app .plate-body ul li {
    overflow: hidden;
    float: left;
    padding: 10px;
    width: 12.5%;
    /* 124px; */
    height: 106px;
}

.content-body .row.app .plate-body ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 5px;
    padding: 6px;
}

.content-body .row.app .plate-body ul li a:hover {
    border-color: #1e56a0;
    background-color: #ecf3f8;
}

.content-body .row.app .plate-body ul li a img {
    width: 48px;
    height: 48px;
}

.content-body .row.app .plate-body ul li a label {
    font-size: 14px;
    font-weight: 400;
    float: left;
    width: 100%;
}

/*鏂囩珷妯″潡-鏂囩珷鍒楄〃*/
.content-body .article-memu {
    width: 100%;
    padding: 0px 15px;
    font-size: 16px;
    font-weight: 700;
    float: left;
    margin-top: 20px;
}

.content-body .article-memu ul {
    overflow: hidden;
    /*border-width: 1px;border-style: solid;border-color: #0f79ce;*/
}

.content-body .article-memu li {
    float: left;
    min-width: 105px;
    height: 36px;
    line-height: 36px;
    padding: 0px 15px;
    overflow: hidden;
    /*border-right: 1px solid #0f79ce;*/
}

.content-body .article-memu li a {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 36px;
}

.content-body .article-memu li.active {
    background-color: #1e56a0;
}

.content-body .article-memu li.active a,.content-body .article-memu li.active:hover a {
    color: #fff;
}

.content-body .article-memu li:hover a {
    color: #2196f3;
}

/*鏂囩珷鍒楄〃鏍峰紡*/
.content-body .article-head,.content-body .event-head {
    width: 100%;
    margin-top: 20px;
    padding: 0px 15px;
    float: left;
}

.content-body .article-head ul {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    background-color: #d6e4f0;
    height: 48px;
}

.content-body .article-head ul li {
    float: left;
    width: 50%;
    padding: 5px 10px;
}

.content-body .article-head ul li label {
    font-size: 16px;
    line-height: 36px;
    margin: 0;
    float: left;
    height: 36px;
    width: 128px;
    font-weight: bold;
    color: #163172;
}

.content-body .article-head ul li a {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    float: right;
    height: 36px;
    padding: 5px 10px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #c1293f;
    border-radius: 5px;
    background-color: #db3951;
    color: #fff;
}

.content-body .article-head ul li a:hover {
    border-color: #ed465f;
    background-color: #ed465f;
    color: #fff;
}

.content-body .article-head ul li div {
    float: right;
    position: relative;
}

.content-body .article-head ul li form {
    margin: 0;
}

.content-body .article-head ul li div button {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 34px;
    width: 36px;
    background-color: #fff;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #ddd;
    cursor: pointer;
}

.content-body .article-head ul li div button:focus {
    border-color: #ddd;
    outline: none;
}

.content-body .article-list,.content-body .event-list {
    width: 100%;
    padding: 0px 15px;
    float: left;
}

.content-body .article-list ul {
    min-height: 570px;
    padding: 15px 0px;
    font-size: 14px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
}

.content-body .article-list ul li {
    overflow: hidden;
    padding: 0px 15px 0px 28px;
    position: relative;
}

.content-body .article-list ul li label {
    position: absolute;
    top: 16px;
    left: 5px;
    line-height: 17px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

.content-body .article-list ul li label.top {
    background-color: #2196f3;
}

.content-body .article-list ul li label.new {
    background-color: #d71616;
}

.content-body .article-list ul li a {
    display: inline-block;
    width: 100%;
    line-height: 48px;
    border-bottom: 1px solid #ddd;
    float: left;
    font-size: 16px;
}

.content-body .article-list ul li a.active,.content-body .article-list ul li a:hover {
    color: #146db5;
}

.content-body .article-list ul li span {
    height: 48px;
    line-height: 48px;
    padding: 0px;
    font-weight: 400;
}

.content-body .msg-list ul {
    min-height: 570px;
    padding: 15px 0px;
    font-size: 14px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
}

.content-body .msg-list ul li {
    overflow: hidden;
    padding: 0px 15px 0px 28px;
    position: relative;
}

.content-body .msg-list ul li label {
    position: absolute;
    top: 16px;
    left: 5px;
    line-height: 17px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

.content-body .msg-list ul li label.top {
    background-color: #2196f3;
}

.content-body .msg-list ul li label.new {
    background-color: #d71616;
}

.content-body .msg-list ul li a {
    text-indent: 80px;
    display: inline-block;
    width: 100%;
    line-height: 48px;
    border-bottom: 1px solid #ddd;
    float: left;
    font-size: 16px;
}

.content-body .msg-list ul li a.active,.content-body .article-list ul li a:hover {
    color: #146db5;
}

.content-body .msg-list ul li span {
    position: absolute;
    top: 0px;
    left: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0px 10px;
}

.content-body .event-list ul {
    width: 100%;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    font-size: 16px;
}

.content-body .event-list ul li {
    width: 100%;
    float: left;
    border-width: 0 0 1px 0;
    border-color: #ddd;
    border-style: solid;
    text-align: center;
    min-height: 42px;
    line-height: 42px;
}

.content-body .event-list ul li label {
    width: 100%;
    float: left;
    font-weight: bold;
    background-color: #146db5;
    color: #fff;
}

.content-body .event-list ul li .calendar-event {
    width: 50%;
    line-height: 24px;
    height: 94px;
}

/*鍒嗛〉鏍峰紡*/
.content-body .page {
    float: left;
    width: 100%;
    padding: 15px;
    overflow: hidden;
}

.content-body .page ul {
    margin-left: auto;
    margin-right: auto;
    float: right;
    padding-right: 15px;
}

.content-body .page ul li {
    float: left;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #2196f3;
}

.content-body .page ul li:first-child {
    border-left-width: 1px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.content-body .page ul li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.content-body .page ul li a {
    padding: 10px 15px;
    float: left;
}

.content-body .page ul li a.active,.content-body .page ul li a:hover {
    background-color: #3d99e2;
    color: #fff;
}

/*鏂囩珷璇︽儏鏍峰紡*/
.content-body .article-title {
    text-align: center;
    padding: 30px 15px 0px 15px;
    float: left;
    width: 100%;
}

.content-body .article-title h3 {
    margin: 0px;
}

.content-body .article-info {
    text-align: center;
    padding: 0px 20px 15px 20px;
    float: left;
    width: 100%;
    color: #aaa;
    font-size: 14px;
}

.content-body .article-info div {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.content-body .article-info .auther {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.content-body .article-info .time {
    float: left;
    width: 50%;
    text-align: left;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.content-body .article-content {
    padding: 0 20px;
    font-size: 16px;
    line-height: 3em;
    float: left;
    width: 100%;
    min-height: 400px;
}

.content-body .article-file {
    padding: 10px 15px 25px 15px;
    float: left;
    width: 100%;
}

.content-body .article-file h5 {
    font-size: 14px;
}

.content-body .article-file li {
    float: left;
    padding: 5px;
}

.content-body .article-file li a {
    display: inline-block;
    height: 54px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
}

.content-body .article-file li a img {
    width: 33px;
    height: 42px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.content-body .article-file li a span {
    font-size: 14px;
    float: left;
    padding: 0px 5px;
    line-height: 24px;
    padding-left: 49px;
    width: 100%;
}

/*搴旂敤鍒楄〃鏍峰紡*/
.content .app-list {
    float: left;
    width: 100%;
    padding: 15px;
    overflow: hidden;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
}

.content .app-list ul {
    width: 100%;
    height: 610px;
    overflow: hidden;
}

.content .app-list ul li {
    padding: 15px;
    overflow: hidden;
    float: left;
    width: 20%;
    min-width: 128px;
    height: 152px;
}

.content .app-list ul li a {
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 5px;
}

.content .app-list ul li a:hover {
    border-color: #1e56a0;
    background-color: #ecf3f8;
}

.content .app-list ul li a img {
    width: 64px;
    height: 64px;
}

.content .app-list ul li a span {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    float: left;
    padding: 5px 0px;
}

.content .app-tool {
    overflow: hidden;
    float: left;
    height: 48px;
    line-height: 38px;
    padding: 5px 15px;
    width: 100%;
    border: 1px solid #ddd;
    background-color: #d6e4f0;
    color: #163172;
}

.content .app-tool .left {
    float: left;
    width: 50%;
    overflow: hidden;
    text-align: left;
}

.content .app-tool .left label {
    font-size: 16px;
    font-weight: bold;
}

.content .app-tool .right {
    float: right;
    width: 50%;
    overflow: hidden;
    text-align: right;
    position: relative;
}

.content .app-tool .right button {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 34px;
    width: 36px;
    background-color: #fff;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #ddd;
    cursor: pointer;
}

.content .app-tool .right button:focus {
    border-color: #ddd;
    outline: none;
}

/*娑堟伅鍒楄〃鏍峰紡*/
.message-file {
}

.message-file div {
    padding: 5px;
    float: left;
    width: 50%;
    height: 76px;
}

.message-file div a {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    display: inline-block;
    position: relative;
}

.message-file div a img {
    height: 54px;
    width: 42px;
    top: 5px;
    left: 5px;
    position: absolute;
}

.message-file div a label {
    padding: 10px 0px 5px 54px;
    height: 51px;
    overflow: hidden;
    font-size: 16px;
}

/*鏃ュ巻鍒楄〃鏍峰紡*/
.calendar-body {
    min-height: 100%;
    padding: 15px;
    font-size: 14px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
    table-layout: fixed;
}

.calendar-body tr th {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
}

.calendar-body thead tr th {
    background-color: #1e56a0;
    color: #fff;
    text-align: center;
}

.calendar-body tbody tr th {
    background-color: #fff;
    color: #000;
    text-align: center;
    height: 100%;
}

.calendar-event {
    float: left;
    padding: 5px;
    overflow: hidden;
}

.calendar-event a {
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    height: 100%;
}

.calendar-event a span {
    float: left;
    width: 100%;
    text-align: center;
}

.calendar-event-0 a {
    background-color: #12446a;
    border: 1px solid #0a3455;
}

.calendar-event-0 a:hover {
    background-color: #236495;
    border: 1px solid #144d7a;
}

.calendar-event-1 a {
    background-color: #bc0a0a;
    border: 1px solid #911010;
}

.calendar-event-1 a:hover {
    background-color: #d92222;
    border: 1px solid #ba1f1f;
}

.calendar-event-2 a {
    background-color: #0e861c;
    border: 1px solid #0c6317;
}

.calendar-event-2 a:hover {
    background-color: #1fa92f;
    border: 1px solid #1a972a;
}

.calendar-event-3 a {
    background-color: #1280b4;
    border: 1px solid #0d5d82;
}

.calendar-event-3 a:hover {
    background-color: #249cd4;
    border: 1px solid #197dab;
}

.calendar-event-4 a {
    background-color: #be7e0b;
    border: 1px solid #9b6403;
}

.calendar-event-4 a:hover {
    background-color: #e19a1b;
    border: 1px solid #c28313;
}

.calendar-event-5 a {
    background-color: #b6127c;
    border: 1px solid #840858;
}

.calendar-event-5 a:hover {
    background-color: #dd2a9d;
    border: 1px solid #b41a7d;
}

.calendar-event-6 a {
    background-color: #0e2591;
    border: 1px solid #091b6e;
}

.calendar-event-6 a:hover {
    background-color: #2340c6;
    border: 1px solid #152c97;
}

.calendar-event-7 a {
    background-color: #36ba0b;
    border: 1px solid #289505;
}

.calendar-event-7 a:hover {
    background-color: #4ddf1e;
    border: 1px solid #3cb814;
}

.calendar-event-8 a {
    background-color: #ad4103;
    border: 1px solid #802f00;
}

.calendar-event-8 a:hover {
    background-color: #ce4e04;
    border: 1px solid #ab4103;
}

.calendar-event-9 a {
    background-color: #4a1d74;
    border: 1px solid #3d1463;
}

.calendar-event-9 a:hover {
    background-color: #6e36a3;
    border: 1px solid #592588;
}

/*椤佃剼*/
.footer {
    bottom: 0;
    position: absolute;
    width: 100%;
    min-height: 80px;
    background-color: rgba(0, 0, 0, 0.68);
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

/*add by xjy*/
.header {
    background-color: #BC0217;
}

.memu {
    background-color: #A90A0A;
}

.content-body {
    min-height: auto;
    margin-bottom: 100px;
    background-color: transparent;
    box-shadow: none;
}

.content-body .row .plate {
}

.content-body .row .plate-header {
    border: none;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 4px;
}

.content-body .row .plate-header label {
    float: none;
    display: block;
    margin: 30px 0;
    font-size: 32px;
    font-weight: normal;
    text-align: center;
}

.content-body .row .plate-header a {
    display: none;
}

.content-body .row .plate-body {
    border: none;
    padding: 0;
}

.content-body .row .full .plate-body ul li.app-li {
    width: 50%;
    height: auto;
    padding: 0;
}

.content-body .row .full .plate-body ul li.app-li a.app-item {
    display: block;
    width: auto;
    height: auto;
    margin: 15px;
    padding: 30px 40px;
    border-radius: 7px;
    background-color: #FFF;
    box-shadow: 0px 2px 6px 0px rgba(169,10,10,0.15);
    text-align: left;
    transition: all .3s;
}

.content-body .row.app .plate-body ul li a:hover {
    border-color: #bc0217;
}

.app-item-header {
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.app-item-header .title {
    position: relative;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.app-item-header .title span {
    position: relative;
    z-index: 5;
}

.app-item-header .title:after {
    position: absolute;
    left: 0;
    top: 54px;
    z-index: 2;
    content: "";
    width: 210px;
    height: 31px;
    background: #fff;
}

.app-item-header .app-icon {
    float: right;
    width: 180px;
}

.content-body .row.app .plate-body ul li a img {
    width: 100%;
    height: 100%;
}

.app-item-desc {
    height: 72px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
}

.content-body .row .full .plate-body ul#mobile li.app-li {
    width: 100%;
}

.content-body .row .full .plate-body ul#mobile li.app-li a.app-item {
    margin: 0 0 30px;
    padding: 30px;
}

#mobile .app-item-header .title, #mobile .app-item-header .app-icon {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#mobile .app-item-desc {
    text-align: center;
}