.js-attrbtn {
    color: #8e8e8e;
    padding: 2px 5px 5px 2px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 5px;
    padding-right: 0px !important;
    font-style: normal;
}

.articleother span {
    color: #4696cc;
}

.articleother {
    display: block;
    margin-top: 10px;
}

.naturepop {
    position: relative;
    width: 613px;
    padding: 20px;
    background-color: #f5fafd;
    border-radius: 3px;
    border-top: 3px #0c71b4 solid;
    border-bottom: 3px #bdccdc solid;
    border-left: 1px #bdccdc solid;
    border-right: 1px #bdccdc solid;
    z-index: 99;
    margin-bottom: 10px;
}

    .naturepop .n-container {
        max-height: 300px;
        overflow: hidden;
    }

.bag-open {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

    .bag-open a {
        display: block;
        background-image: ;
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

        .bag-open a:hover {
            background-image: ;
        }

.time-p {
    padding: 4px 5px;
    background-color: #fff;
    width: 30px;
    border: 1px #d01822 solid;
    color: #515151;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 60px;
    margin-bottom: 12px;
}

.time-t1 {
    float: left;
    color: #515151;
    font-size: 12px;
    width: 75px;
    text-align: left;
}

.time-icon2 {
    background: url(/uploads/image/silaw/dd2.png) repeat-y;
    width: 9px;
    height: 59px;
    float: left;
    margin-right: 16px;
    margin-top: -2px;
}

.time-t3 {
    float: left;
    color: #3e4a61;
    font-size: 12px;
    width: 80%;
}

    .time-t3.pdt1, .time-t1.pdt1, .time-t2.pdt1 {
        padding-top: 19px;
    }

.classlsyg .time-t3 a {
    color: #3e4a61;
    font-size: 12px;
    line-height: 20px;
}

.nat-listmod:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.nat-listmod {
    *zoom: 1;
}

    .nat-listmod ul li .nop-t1 {
        color: #888a8b;
        width: 66px;
        margin-right: 16px;
        text-align: right;
        float: left;
    }

    .nat-listmod ul li .nop-t2 {
        color: #3e4a61;
        text-align: left;
        float: left;
        width: 140px;
    }

.left-box .nat-listmod ul li {
    padding: 10px 0;
    border-bottom: 1px #bacddd dotted;
    line-height: 22px;
    font-size: 12px;
}

    .left-box .nat-listmod ul li .nop-t2 a {
        font-size: 12px;
    }

.classattr {
    padding: 20px 60px;
}

.naturepop.classattr {
    width: 534px;
}

.classlink.naturepop a, .classlink.naturepop span {
    font-size: 12px;
}

.c-ul .naturepop.classml li {
    border-bottom: 0px;
    padding: 5px 0px 0px 0px;
}

.c-ul .naturepop.classml .ml-container {
    max-height: 300px;
}

.c-ul .naturepop.classml .ml-container {
    max-height: 300px;
    overflow: hidden;
}

.c-ul .naturepop.classml .icon {
    cursor: pointer;
}

.c-ul .js-attrbtn {
    position: relative;
}


.c-ul .triangle {
    left: 50%;
    top: 22px;
    position: absolute;
    width: 10px;
    height: 5px;
    background-image: url(/uploads/image/silistattr/triangle.png);
    background-repeat: no-repeat;
}

.c-ul .cml .triangle {
    left: 9px;
}

.c-ul .attr .triangle, .c-ul .lsyg .triangle, .c-ul .yytj .triangle {
    left: 20px;
}

.c-ul .mlgo {
    margin-bottom: 10px;
    color: #ccc;
    font-size: 12px;
}

    .c-ul .mlgo input {
        width: 30px;
        color: #ccc;
        padding: 0px 5px;
        height: 15px;
        border: 1px solid #eaeaea;
    }

.c-ul > li {
    padding-left: 10px !important;
    margin-left: -10px;
}

    .c-ul > li:hover {
        background-color: #fafafa;
    }

.cpgz-attribute .c-ul .cpgz-triangle {
    left: 50%;
    top: 24px;
    position: absolute;
    width: 10px;
    height: 5px;
    display: none;
}

    .cpgz-attribute .c-ul .cpgz-triangle img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: -5px;
    }