/**
 * 公共部分
 */

header {}

.m-header {
    background-color: #00AAEE!important;
}
.m-header a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABXUlEQVRIS+2V603DQBCEZyrAHRA6oAOgA+iAdBAqSOiADqCD0AGhAijB6YBUMGisjXQ+/LgY5F+cFCVy1vftzN7uETMszsDASRBJlwC2AO5IfpYmWAwJwBuAA4AzADeloCKIpFsAzwAeSL5IWgHYALgH4N9XmapHkv6/WaMQSd7IgKUBxxcHnu8A7IohfRsNgSSVQwLwZEtIvvYVOYlbhZVlEEm2xXW4LiluHApvblv3AOo0sR81ORWQWOfjbdCW5DJV3oJMBYyBGoikKqRehEVfpY2Wx4V1tvvjqIgBcJMZ6BpMBiSKnLStU9O0knxyFgbEd0XSAZOWJO/jROsA1YYsSPqBbXOXWo0DJ620T8KlKi/8n0I6x0qfEqsFcN4h7ZD30WjHD0CscN0Bec+t/S0E6dAbSGh4rIwo+Ye0L6057eo6RT5YrSs1EiqKzZvR/eBP1/Id0UyGmA7Fsd9euSEAiW2CjQAAAABJRU5ErkJggg==") no-repeat 15px center;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
}

.pc-header {}
.pc-header-logo {}
.pc-header-logo a {
    display: block;
    margin: 0;
    padding: 0;
}
.pc-header-logo a mip-img {
    display: block;
    margin: 7px 0;
    padding: 0;
    width: 212px;
    height: 50px;
}
.pc-header-right {}
.pc-header-right .btn {
    margin-top: 16px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #14a2d4;
    border-color: #14a2d4;
    height: 32px;
}
.pc-header-right .btn:hover {
    background-color: #0797ca;
    border-color: #0797ca;
}
.pc-header-nav {
    display: block;
    margin: 0;
    padding: 10px 0;
    background-color: #2ca6e0;
}
.pc-header-nav .pc-header-nav-list {
    display: block;
    margin: 0;
    padding: 0;
}
.pc-header-nav .pc-header-nav-list a {
    display: block;
    margin: 0;
    padding: 0 10px;
    line-height: 32px;
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}
.pc-header-nav .pc-header-nav-list a:hover {
    background-color: #0987c3;
}

footer {
    padding: 15px 0;
    background-color: #efeff4;
    color: #333;
}
footer p {
    margin: 0;
    font-size: 14px;
}
footer a {
    color: #333;
}
@media (min-width: 992px) {
    footer {
        padding: 15px 0;
        background-color: #2b333e;
        color: #888;
    }
    footer p {
        margin: 0;
        font-size: 14px;
        line-height: 24px;
    }
    footer a {
        color: #888;
    }
}

.breadcrumb {
    height: 44px;
}

/**
 * 首页
 */
.m-carousel {
    display: block;
    margin: 44px 0 0 0;
    padding: 0;
}
@media (min-width: 992px) {
    .m-carousel {
        display: none;
    }
}

.index-tj {
    display: none;
}
@media (min-width: 992px) {
    .index-tj {
        display: block;
        margin-top: 15px;
    }
    .index-tj .index-tj-1 {}
    .index-tj .index-tj-1 .ad {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        overflow: hidden;
    }
    .index-tj .index-tj-1 .ad a {}
    .index-tj .index-tj-1 .ad mip-img {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
    }
    .index-tj .index-tj-1 .article-list {
        display: block;
        width: 100%;
        border: 1px #cde9f6 solid;
        margin: 10px 0 0 0;
        padding: 3px 15px 5px 15px;
        background: url("../images/bg_pic2_3.png") repeat-x top left;
    }
    .index-tj .index-tj-1 .article-list h3 {
        display: block;
        margin: 0;
        padding: 0;
        color: #2ca6e0;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 2px;
        height: 30px;
        line-height: 30px;
    }
    .index-tj .index-tj-1 .article-list a {
        display: block;
        margin: 0;
        padding: 0;
        color: #333;
        text-decoration: none;
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .index-tj .index-tj-1 .article-list a:hover {
        color: #C33E00;
    }
    .index-tj .index-tj-1 .article-list a:before {
        content: "";
        float: left;
        height: 4px;
        width: 4px;
        background: #1d8cc0;
        margin-top: 13px;
        margin-right: 8px;
    }
    .index-tj .index-tj-2 {
        padding: 0;
    }
    .index-tj .index-tj-2 .titlebar {
        font-size: 20px;
        height: 36px;
        overflow: hidden;
        line-height: 36px;
        border-bottom: 1px dashed #ccc;
        color: #2ca6e0;
        margin-bottom: 0px;
        font-weight: bold;
    }
    .index-tj .index-tj-2 .titlebar b {
        height: 18px;
        width: 80px;
        line-height: 18px;
        text-align: center;
        background: none repeat scroll 0 0 #2ca6e0;
        margin: 0 15px 0 0;
        font-size: 12px;
        font-weight: normal;
        border-radius: 3px;
        color: #fff;
        padding: 0 10px;
    }
    .index-tj .index-tj-2 .h3 {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 48px;
        line-height: 48px;
        color: #e6a01b;
        font-size: 18px;
        font-weight: 700;
        text-decoration: none;
        text-align: center;
      	overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .index-tj .index-tj-2 p {
        line-height: 26px;
        color: #666;
        font-size: 14px;
    }
    .index-tj .index-tj-2 .article-list {
        margin-top: 15px;
    }
    .index-tj .index-tj-2 .article-list a {
        display: block;
        margin: 0;
        padding: 0 15px;
        color: #333;
        text-decoration: none;
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .index-tj .index-tj-2 .article-list a:hover {
        color: #C33E00;
    }
    .index-tj .index-tj-2 .article-list a:before {
        content: "";
        float: left;
        height: 4px;
        width: 4px;
        background: #1d8cc0;
        margin-top: 13px;
        margin-right: 8px;
    }
    .index-tj .index-tj-3 {}
    .index-tj .index-tj-3 .titlebar {
        border-top: 1px solid #f3f3f3;
        line-height: 30px;
    }
    .index-tj .index-tj-3 .titlebar span {
        border-top: 2px solid #e6a01b;
        font-size: 16px;
        color: #e6a01b;
        line-height: 30px;
        display: block;
        width: 70px;
        text-align: center;
    }
    .index-tj .index-tj-3 .first {
        margin-top: 10px;
        font-weight: bold;
        font-size: 16px;
    }
    .index-tj .index-tj-3 p {
        line-height: 20px;
        color: #666;
        font-size: 14px;
    }
    .index-tj .index-tj-3 a {
        display: block;
        margin: 0;
        padding: 0;
        color: #333;
        text-decoration: none;
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .index-tj .index-tj-3 a:hover {
        color: #C33E00;
    }
}

.index-tags {
    display: none;
}
@media (min-width: 992px) {
    .index-tags {
        display: block;
        margin: 15px 0 0 0;
        padding: 60px 25px 20px 25px;
        border-right: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
        border-left: 1px solid #f3f3f3;
        background: url("../images/wenxue_banner.png") no-repeat top left;
    }
    .index-tags a {
        display: inline-block;
        margin: 0 20px 0 0;
        padding: 0;
        font-size: 14px;
        color: #444;
        text-decoration: none;
    }
    .index-tags a:hover {
        color: #C33E00;
    }
}

.lr-nav {
    padding: 0;
}
.article-box {}
.article-box .titlebar {
    display: none;
}
.article-box .titlebar h2 {}
.article-box .titlebar .more {}
.article-box .index-main {}
.article-box .index-main .first {
    margin: 0 -15px;
    padding: 15px;
    border-bottom: 1px dashed #c7c7cc;
}
.article-box .index-main .first a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    text-decoration: none;
}
.article-box .index-main .first span {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #888;
}
.article-box .index-main .first p {
    display: none;
}
.article-box .index-main ul {}
.article-box .index-main ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #c7c7cc;
}
.article-box .index-main ul li a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    text-decoration: none;
}
.article-box .index-main ul li span {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #888;
}
.article-box .index-sidebar {
    display: none;
}
.article-box .index-sidebar b {}
.article-box .index-sidebar ul {}
.article-box .index-sidebar ul li {}
.article-box .index-sidebar ul li a {}
.article-box .class-more {}
@media (min-width: 992px) {
    .article-box {
        display: block;
        margin: 15px 0 0 0;
        padding: 10px 15px 15px 15px;
        border: 1px solid #f3f3f3;
    }
    .article-box .titlebar {
        display: block;
        margin-bottom: 10px;
    }
    .article-box .titlebar h2 {
        margin: 0;
    }
    .article-box .titlebar h2 a {
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 1px;
        border-bottom: 3px solid #2ca6e0;
        text-decoration: none;
        color: #2ca6e0;
        padding: 0 3px;
        height: 40px;
        line-height: 40px;
    }
    .article-box .titlebar h2 a:hover {
        color: #C33E00;
    }
    .article-box .titlebar .more {}
    .article-box .titlebar .more a {
        font-size: 14px;
        color: #2ca6e0;
        text-decoration: none;
        height: 40px;
        line-height: 40px;
        padding-right: 5px;
    }
    .article-box .titlebar .more a:hover {
        color: #C33E00;
    }
    .article-box .index-main {}
    .article-box .index-main .first {
        margin: 0;
        padding: 0;
        border-bottom: none;
    }
    .article-box .index-main .first a {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #414141;
        font-size: 16px;
        text-decoration: none;
        font-weight: bold;
    }
    .article-box .index-main .first a:hover {
        color: #C33E00;
    }
    .article-box .index-main .first span {
        display: none;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #888;
    }
    .article-box .index-main .first p {
        display: block;
        color: #8c8c8c;
        font-size: 12px;
        line-height: 24px;
        text-align: left;
    }
    .article-box .index-main ul {}
    .article-box .index-main ul li {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        color: #666;
        height: 36px;
        line-height: 36px;
        position: relative;
    }
    .article-box .index-main ul li a {
        display: block;
        margin: 0;
        padding: 0 80px 0 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333;
        text-decoration: none;
        font-size: 14px;
    }
    .article-box .index-main ul li a:hover {
        color: #C33E00;
    }
    .article-box .index-main ul li span {
        display: inline-block;
        margin: 0;
        padding: 0 30px 0 0;
        width: 80px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #888;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 14px;
        text-align: right;
    }
    .article-box .index-sidebar {
        display: block;
        width: 280px;
        padding-left: 20px;
        padding-right: 20px;
        border-left: 1px solid #f0f0f0;
    }
    .article-box .index-sidebar b {
        font-size: 16px;
        color: #dc9308;
        line-height: 30px;
    }
    .article-box .index-sidebar ul {}
    .article-box .index-sidebar ul li {
        line-height: 32px;
        overflow: hidden;
        width: 100%;
        height: 32px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        background: url("../images/icon1.png") no-repeat left center;
    }
    .article-box .index-sidebar ul li a {
        display: block;
        margin: 0;
        padding: 0 0 0 25px;
        color: #414141;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .article-box .index-sidebar ul li a:hover {
        color: #dc9308;
    }
    .article-box .class-more {
        display: none;
    }
}

.friendlink {
    display: block;
    margin: 15px 0;
    padding: 0;
}
.friendlink a {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    border-right: 1px solid #333;
    font-size: 14px;
    line-height: 18px;
    color: #3665c3;
    text-decoration: none;
}
.friendlink a:hover {
    color: #C33E00
}

@media (min-width: 992px) {
	.lr-nav {
		display: none!important;
	}
	.lr-nav-tab {
		display: block!important;
	}
}

/**
 * 列表页
 */
.class-title {
    font-size: 22px;
    padding: 5px 0;
}
.class-text {
    display: none;
    font-size: 14px;
}
.class-text p {
    margin-bottom: 5px;
    text-indent: 28px;
}
.hot-tags {
    display: none;
}
.hot-tags .hot-tags-title {}
.hot-tags a {}
.list-tuijian {
    display: none;
}
.list-tuijian a {}
.article-list {}
.article-list .article-list-title {
    display: none;
}
.article-list ul {}
.article-list ul li {
    border-top: 1px dashed #c7c7cc;
    padding-top: 10px;
    color: #333;
}
.article-list ul li a {
    color: #010101;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 18px;
}
.article-list ul li span {
    color: #c7c7cc;
}
.article-list ul li p {
    color: #888;
}
@media (min-width: 992px) {
    .class-title {
        font-size: 20px;
        color: #333333;
        font-weight: 700;
        padding: 25px 0 5px 0;
    }
    .class-text {
        display: block;
        font-size: 14px;
    }
    .class-text p {
        margin-bottom: 5px;
        text-indent: 28px;
    }
    .hot-tags {
        display: block;
        border-top: 1px #e4e4e4 solid;
        border-bottom: 1px #e4e4e4 solid;
        margin: 25px 0;
        padding: 10px 0;
    }
    .hot-tags .hot-tags-title {
        font-weight: bold;
        float: left;
        font-size: 16px;
        color: #505050;
        border-left: 4px solid #2ca6e0;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        background: #f5f5f5;
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .hot-tags a {
        display: block;
        margin: 0;
        padding: 0 5px;
        line-height: 30px;
        border: 1px solid #c7c7cc;
        color: #333;
        text-decoration: none;
        font-size: 14px;
    }
    .list-tuijian {
        display: block;
        margin: 15px 0 10px 0;
        border: 1px solid #f3f3f3;
        line-height: 36px;
        padding: 20px 20px 10px 20px;
        position: relative;
        background: #f8f8f8;
        width: 100%;
    }
    .list-tuijian a {
        display: block;
        color: #f9770e;
    }
    .list-tuijian i {
        display: inline-block;
        width: 50px;
        height: 50px;
        background-position: 0 -104px;
        position: absolute;
        top: -1px;
        left: -1px;
        background-image: url(../images/ruiwen_icon.png);
        background-repeat: no-repeat;
    }
    .article-list {}
    .article-list .article-list-title {
        display: block;
        border-bottom: 2px solid #2ca6e0;
        height: 50px;
        font-weight: 700;
        color: #f9770e;
        line-height: 50px;
        margin-bottom: 15px;
        font-size: 18px;
    }
    .article-list ul {}
    .article-list ul li {
        border-top: none;
        border-bottom: 1px dashed #c7c7cc;
        padding-top: 10px;
        color: #333;
    }
    .article-list ul li a {
        text-decoration: none;
        display: block;
        margin: 0;
        padding: 0;
        font-size: 16px;
        color: #0080bd;
        font-weight: bold;
    }
    .article-list ul li span {
        color: #c7c7cc;
        font-size: 14px;
    }
    .article-list ul li p {
        color: #888;
        font-size: 14px;
    }
}

/**
 * 内容页
 */
.text-content {}
.text-content h1 {
    font-size: 22px;
    padding: 5px 0;
}
.text-content .intro {
    color: #999;
    font-size: 14px;
}
.text-content .content-more {
    font-size: 14px;
    color: #333;
}
.text-content .content-more p {
    margin-bottom: 10px;
}
.text-content .tags {
    padding: 5px 0 15px 0;
}
.text-content .tags a {
    display: inline-block;
    margin: 0;
    padding: 3px 10px;
    border: 1px solid #333;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
}
.text-content .ly-a {
    line-height: 18px;
    font-size: 14px;
    color: #c0c0c0;
    padding-bottom: 15px;
}
.text-content .ly-a a {
    color: #c0c0c0;
    text-decoration: none;
}
.text-content .shengming {
    background-color: #FEFAEE;
    border: 1px solid #F3EBD8;
    color: #ccc;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
}
.text-content .syp {
    font-size: 14px;
    color: #c0c0c0;
}
.text-content .syp a {
    font-size: 14px;
    color: #c0c0c0;
}
.text-content .xyp {
    font-size: 14px;
    color: #c0c0c0;
    padding-bottom: 15px;
}
.text-content .xyp a {
    font-size: 14px;
    color: #c0c0c0;
}
.text-content .hot-article {
    padding-bottom: 25px;
}
.text-content .hot-article .titlebar {
    border-left: 5px solid #00AAEE;
    line-height: 32px;
    padding-left: 15px;
    border-bottom: 1px solid #c7c7cc;
    margin-bottom: 15px;
    margin-top: 15px;
}
.text-content .hot-article a {
    display: block;
    margin: 0;
    padding: 0 30px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-content .hot-article a:hover {
    color: #C33E00;
}
.text-content .hot-article a:before {
    content: "";
    float: left;
    height: 4px;
    width: 4px;
    background: #1d8cc0;
    margin-top: 13px;
    margin-right: 8px;
}
.sidebar {
    width: 100%;
}
@media (min-width: 992px) {
    .sidebar {
        width: 320px;
    }
}
.sidebar .sidebar-article-list {}
.sidebar .sidebar-article-list h3 {
    border-left: 5px solid #00AAEE;
    line-height: 32px;
    padding-left: 15px;
    border-bottom: 1px solid #c7c7cc;
    font-size: 16px;
}
.sidebar .sidebar-article-list ul {
    padding: 5px 0;
}
.sidebar .sidebar-article-list ul li {}
.sidebar .sidebar-article-list ul li a {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 24px;
    color: #333;
    text-decoration: none;
    padding-left: 20px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (min-width: 992px) {
    .text-content {}
    .text-content h1 {
        margin-top: 15px;
        font-size: 28px;
        color: #003366;
        padding: 5px 0;
        text-align: center;
    }
    .text-content .intro {
        color: #999;
        font-size: 14px;
        text-align: center;
    }
    .text-content .content-more {
        font-size: 16px;
        color: #333;
        line-height: 26px;
    }
    .text-content .content-more p {
        margin-bottom: 10px;
    }
    .text-content .tags {
        padding: 5px 0 15px 0;
    }
    .text-content .tags a {
        display: inline-block;
        margin: 0;
        padding: 3px 10px;
        border: 1px solid #333;
        border-radius: 4px;
        font-size: 14px;
        color: #333;
        text-decoration: none;
    }
    .text-content .ly-a {
        line-height: 18px;
        font-size: 14px;
        color: #333;
        padding-bottom: 15px;
    }
    .text-content .ly-a a {
        color: #333;
        text-decoration: none;
    }
    .text-content .shengming {
        background-color: #FEFAEE;
        border: 1px solid #F3EBD8;
        color: #ccc;
        font-size: 14px;
        line-height: 20px;
        padding: 15px;
    }
    .text-content .syp {
        font-size: 16px;
        color: #333;
    }
    .text-content .syp a {
        font-size: 16px;
        color: #046ebb;
    }
    .text-content .xyp {
        font-size: 16px;
        color: #333;
        padding-bottom: 15px;
    }
    .text-content .xyp a {
        font-size: 16px;
        color: #046ebb;
    }
    .text-content .hot-article {
        margin-right: -15px;
        margin-left: -15px;
        padding-bottom: 25px;
    }
    .text-content .hot-article .titlebar {
        border-left: 5px solid #ce2424;
        line-height: 32px;
        padding-left: 15px;
        border-bottom: none;
        color: #ce2424;
        margin-bottom: 15px;
    }
    .text-content .hot-article a {
        display: block;
        margin: 0;
        padding: 0 15px;
        color: #333;
        text-decoration: none;
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .text-content .hot-article a:hover {
        color: #C33E00;
    }
    .text-content .hot-article a:before {
        content: "";
        float: left;
        height: 4px;
        width: 4px;
        background: #1d8cc0;
        margin-top: 13px;
        margin-right: 8px;
    }
    .sidebar .sidebar-article-list {
        margin: 15px 0 0 0;
        border: 1px solid #e2e2e2;
    }
    .sidebar .sidebar-article-list h3 {
        border-left: none;
        line-height: 32px;
        padding-left: 10px;
        padding-top: 10px;
        border-bottom: none;
        font-size: 16px;
        font-weight: bold;
    }
    .sidebar .sidebar-article-list ul {
        padding: 0;
    }
    .sidebar .sidebar-article-list ul li {
        padding: 5px 0;
    }
    .sidebar .sidebar-article-list ul li a {
        display: block;
        margin: 0;
        padding: 0;
        line-height: 24px;
        text-decoration: none;
        padding-left: 20px;
        height: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #0080bd;
    }
    .sidebar .sidebar-article-list ul li a:hover {
        color: #C33E00;
        text-decoration: underline;
    }
    .sidebar .sidebar-article-list ul li a:before {
        content: "";
        float: left;
        height: 4px;
        width: 4px;
        background: #1d8cc0;
        margin-top: 10px;
        margin-right: 5px;
    }
}
