@charset "utf-8";
.container {
    padding: 0
}

a {
    color: #1d0d18;
}

a:hover {
    text-decoration: none;
    color: #f29119
}

h1,
h2,
h3,
h4 {
    padding: 0;
    margin: 0;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.yuersao-logo {
    background-color: #909090;
    padding: 2px 0 5px 0;
    margin-right: 0;
    margin-left: 0;
}

.logo-weizhi {
    width: 85%;
    float: left;
    padding-left: 3vw;
}

.sousuo-weizhi {
    width: 6%;
    float: left;
    padding-top: 3vh;
    margin-left: 5vw;
}

.tfc {
    background-color: #4a1b53;
    margin-top: 35px;
}

.phone-shop {
    background-color: #ec68a2;
}

.tfc li,
.phone-shop li {
    float: left;
    padding-left: 2%;
    font-size: 2.2vw;
    color: #fff;
    letter-spacing: 2px;
}

.tfc ul,
.phone-shop ul {
    height: 5vw;
    margin: auto;
    width: 85%;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.tfc a,
.phone-shop a {
    color: #fff;
    text-decoration: none;
}

#phone-left {
    width: 12%;
}

#tele-left {
    width: 33%;
}

.nav-bg {
    background-color: #eeeeee;
    border-bottom: solid 1px #d8ae95;
}

.nav-bg ul {
    //height: 5vw;
    margin: auto;
    width: 100%;
    //line-height: 5vw;
    list-style: none;
    //padding-left: 0;
}

.nav-bg li {
    font-size: 2.2vw;
    color: #8b8b8b;
    font-family: 'Microsoft YaHei';
    padding: 0 0.8rem;
    letter-spacing: 1px;
    display:contents;
}

.nav-bg li a {
    color: #8b8b8b;
}

.nav-bg li a:hover {
    color: #e56ca1;
    text-decoration: none;
}

.nav-bg li a.shouye {
    color: #e56ca1;
}

.nav-bg li a.shouye:hover {
    color: #8b8b8b;
}

@media(min-width:900px) {
    .nav-bg li {
        padding: 0 4.2vw;
    }
}

@media (max-width: 500px) {
    .tfc ul,
    .phone-shop ul {
        height: 10vw;
        margin: auto;
        width: 95%;
        padding-top: 2vw;
    }
    #phone-left {
        width: 7%;
    }
    .tfc li,
    .phone-shop li {
        padding-left: 2%;
        font-size: 4vw;
    }
    #tele-left {
        width: 40%;
        letter-spacing: 0.5px;
        text-align: center;
    }
    .sousuo-weizhi {
        width: 5%;
        float: left;
        padding-top: 1vh;
        margin-left: 4vw;
    }
    .nav-bg ul {
        height: 8vw;
        line-height: 8vw;
    }
    .nav-bg li {
        font-size: 4vw;
    }
    .logo-weizhi {
        padding-left: 5vw;
    }
    .sousuo-weizhi {
        width: 5%;
        float: left;
        padding-top: 0.8vh;
        /* padding-left: 2vw; */
        margin-left: 5vw;
    }
}

.divct {
    padding: 3vw 6vw;
}

.shoptitle {
    text-align: center;
    color: #707070;
    font-size: 2.3vw;
    font-family: 黑体
}

.shopdate {
    text-align: center;
    font-size: 1.1vw;
    color: #7c7c7c;
    font-family: arial;
    margin-top: 10px;
}

.shopcontent {
    line-height: 40px;
    color: #707070;
    margin-top: 20px;
    letter-spacing: 1px;
    font-size: 1.5vw;
    font-family: 微软雅黑;
}

/* .shopcontent span {
    font-size: 1.5vw;
} */

@media(max-width:500px) {
    .shoptitle {
        font-size: 6vw;
    }
    .shopdate {
        font-size: 3vw;
        margin-top: 5px;
    }
    .shopcontent {
        font-size: 5vw;
        line-height: 30px;
    }
    .divct {
        padding: 7vw 5vw;
    }
}

.hot,
.upanddown {
    padding: 0 6vw;
    font-size: 1.5vw
}

.upanddown a {
    color: #707070;
    text-decoration: none;
}

.upanddown a:hover {
    color: #e56ca1;
    text-decoration: none;
}

.leftli {
    width: 15%;
    padding-bottom: 10px;
    float: left;
}

.leftli img {
    width: 16vw;
    border-radius: 8vw;
    height: 16vw;
}

.textall ul {
    margin-top: 3vw;
    list-style: none;
    padding: 0;
}

.textall li {
    display: inline;
    padding: 0;
    padding-top: 2vw;
    letter-spacing: 4px;
    line-height: 2.5vw;
}

.leftli1 {
    margin-left: 15px;
    width: 80%;
    float: left;
}

.textall p {
    font-size: 1.3vw;
    color: #b2b2b2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.textall h4 {
    font-size: 1.8vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.textall h4 a {
    color: #707070;
    text-decoration: none;
}

.textall h4 a:hover {
    color: #e56ca1;
}

.shopcontent img {
    width: 100%;
}


/* 文章列表 */

.article_content {
    width: 100%;
    height: auto;
    background-color: #f5f6f8;
    margin-top: 50px;
}

.spec_content {
    margin: auto;
    width: 90%;
    height: auto;
    background-color: #fff;
    border-top: solid 1px #f1f2f2;
    border-left: solid 1px #f1f2f2;
    border-right: solid 1px #f1f2f2;
}

.spec_content1 {
    width: 100%;
}

.spec_content1::after {
    content: "";
    display: block;
    clear: both;
}

.spec_content1 ul {
    border-bottom: solid 1px #ededed;
    padding: 20px 0;
}

.spec_content1 ul::after {
    content: "";
    display: block;
    clear: both;
}

.spec_content1::after {
    content: "";
    display: block;
    clear: both;
}

li.img_left {
    width: 25%;
    float: left;
    margin: auto;
    padding-left: 5%;
}

li.content_right {
    float: right;
    width: 73%;
    padding-right: 15px;
}

p.intro {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.content_right h1,
.content_right h1 a {
    font-size: 1.2em;
    color: #707070;
    font-family: 方正兰亭黑简体_GB;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

p.intro {
    font-size: 1.2em;
    margin-top: 15px;
    line-height: 30px;
    font-family: 方正兰亭黑简体_GB;
}

.img_left img {
    width: auto;
    height: 100%;
}

a.preview {
    width: 11vw;
    height: 11vw;
    overflow: hidden;
    border-radius: 50%;
    display: block;
}

.pageinfo {
    text-align: right;
    line-height: 50px;
}

a.title:hover {
    color: #ec68a2;
}

.pageinfo {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: right;
}

.pageinfo A {
    BORDER: #ebebeb 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    COLOR: #777;
    PADDING-TOP: 2px;
    TEXT-DECORATION: none;
    border-radius: 5px;
}

.pageinfo A:hover {
    BORDER: #e52119 1px solid;
    COLOR: #e52119;
}

.pageinfo A:active {
    BORDER-RIGHT: #000099 1px solid;
    BORDER-TOP: #000099 1px solid;
    BORDER-LEFT: #000099 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #000099 1px solid
}

.pageinfo SPAN.thisclass {
    BORDER: #e52119 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    MARGIN: 2px;
    COLOR: #fff;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #e52119;
    border-radius: 5px;
}

.pageinfo SPAN.disabled {
    BORDER-RIGHT: #929292 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #929292 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #929292 1px solid;
    COLOR: #929292;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #929292 1px solid
}

.about-content {
    width: 90%;
}

.about-content img {
    width: 100%!important;
}


/* 媒体报道 */

.e2 li {
    width: 100%;
    overflow: hidden;
    clear: both;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    color: #aaa;
}

.e2 li a.preview1 {
    width: 84px;
    float: left;
    margin-right: 7px;
    margin-bottom: 3px;
    margin-left: 10px;
    display: inline;
}

.e2 li a.preview1 img {
    width: 80px;
    display: block;
    padding: 1px;
    border: 1px solid #eee;
}

.e2 li a.title {
    overflow: hidden;
    line-height: 25px;
    font-weight: 700;
    font-size: 1em;
    margin-left: 2px;
    text-decoration: none;
    color: #777;
}

.e2 span.info1 {
    display: block;
    line-height: 23px;
    color: #555;
    padding-left: 12px;
}

.e2 p.intro1 {
    color: #776955;
    line-height: 20px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1em;
}

.info2 {
    margin: 20px 0px;
    padding: 0px;
    color: rgb(69, 69, 69);
    font-family: 方正黑简体_GBK;
    font-size: 1em;
    font-variant-ligatures: normal;
    orphans: 2;
    widows: 2;
    line-height: 1.5em
}

.e2 li a.preview1:hover img {
    border: 1px solid #aaa;
}

@media(min-width:960px) {
    .leftli img {
        width: 8vw;
        border-radius: 4vw;
        height: 8vw;
    }
}

@media(max-width:500px) {
    .hot,
    .upanddown {
        padding: 3vw 4vw;
        font-size: 4.6vw;
    }
    .textall h4 {
        font-size: 4.6vw;
        margin: 0;
    }
    .textall p {
        font-size: 4vw;
        color: #b2b2b2;
        margin-top: 5px
    }
    .leftli {
        width: 20%;
        height: 20%;
        margin-left: 10px;
        overflow: hidden;
    }
    .leftli1 {
        width: 71%;
    }
    .textall li {
        padding-top: 2vw;
        letter-spacing: 2px;
        line-height: 5vw;
    }
    li.img_left {
        width: 27%;
        padding-left: 3%;
        padding-top: 5%;
    }
    a.preview {
        width: 17vw;
        height: 17vw;
    }
    p.intro {
        margin-top: 10px;
        line-height: 20px;
    }
    li.content_right {
        padding-right: 10px;
    }
}