* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container {
    width: 1300px;
    margin: 0 auto;
}

body {
    width: 100%;
    background-color: #fff;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

.bgColor {
    background-color: #f3f4f8;
}

.set-display {
    display: flex;
    justify-content: space-between;
}

.active-color {
    color: #d11c3a;
}

/* header */
.w100 {
    width: 100%;
    background-color: #f3f4f8;
}

.header-container {
    display: flex;
    justify-content: space-between;
}

header ul {
    display: flex;
    align-items: center;
    height: 46px;
    background-color: #f3f4f8;
}

header ul li {
    display: flex;
    align-items: center;
    cursor: pointer;
}

header ul li.home-page {
    padding: 10px;
}


header ul li:not(:last-child)::after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 12px;
    background-color: #ccc;
    margin: 4px 16px 0;
}

header .right .userImg {
    padding-right: 10px;
}

/* logo */
.logo-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-container .logo {
    padding-top: 10px;
    margin-left: -40px;
}

.logo-container .search {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 360px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #f5f6f8;
}

.logo-container .search::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/icon/search.png) no-repeat center;
    background-size: 22px;
}

.logo-container .search .down-icon {
    width: 10px;
    position: absolute;
    left: 74px;
    top: 50%;
    transform: translateY(-50%);
}

.logo-container .search .down::after {
    position: absolute;
    left: 90px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #ccc;
}

.logo-container .search input {
    flex: 1;
    height: 100%;
    border: none;
    background-color: #f5f6f8;
    padding-left: 40px;
    font-size: 16px;
    outline: none;
    border: none;
}

.logo-container .search button {
    width: 70px;
    height: 100%;
    border-radius: 20px;
    background-color: #9e1213;
    color: #fff;
    border: none;
}

/* nav */
nav .nav-top {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 54px;
    background-color: #920a0a;
    border-radius: 5px;
}

nav .nav-top .home {
    color: #fff;
    font-weight: 700;
}

nav .nav-top a {
    font-size: 20px;
    color: #e8cbcb;
}

nav .nav-bot {
    display: flex;
    align-items: center;
}

nav .nav-bot a {
    display: flex;
    align-items: center;
    padding: 20px 16px;
}

/* banner-container */
.banner {
    padding: 20px;
}

.banner-container {
    display: flex;
    justify-content: space-between;
}

.banner-container .left-top {
    display: flex;
}

.banner-container .left-top .banner-img {
     /*width: 600px; */
     height: 420px;
}

.banner-container .left-top-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 20px;
}

.banner-container .left-top-right img {
     width: 300px; 
    height: 200px;
    object-fit: cover;
}

.banner-container .left-bot {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

.banner-container .left-bot-left .line::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 20px;
    background-color: #9d1211;
    margin-right: 16px;
    margin-left: 2px;

}

.banner-container .left-bot h2 {
    padding-top: 20px;
}

.banner-container .left-bot li {
    list-style: disc;
    font-size: 16px;
    color: #333;
    margin: 22px 30px 25px 40px;
}

/* 右 ： 登录一下 */
.banner-container .right {
    width: 320px;
    background-color: #fff;
}

.banner-container .right .bgimg {
    width: 320px;
}

.banner-container .right .box {
    padding: 0px 20px 0;
}

.banner-container .right input {
    width: 100%;
    height: 40px;
    padding: 20px;
    border-radius: 6px;
    /* margin: 20px 0px 0px; */
    border: 1px solid #ccc;
}

.btn-box {
    display: flex;
    justify-content: space-between;
}

.banner-container .right button {
    width: 120px;
    height: 34px;
    margin: 15px 20px 0px;
    border-radius: 20px;
    border: none;
    color: #fff;
}

.banner-container .right .login-btn {
    background-color: #a21615;
}

.banner-container .right .register-btn {
    background-color: #c39450;
}

/* 热门看点 */
.banner-container .right h3 {
    display: flex;
    align-items: center;
}

.banner-container .right h3::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 18px;
    background-color: #9d1211;
    margin-right: 10px;
}

/* 热门看点 */
.banner-container .right .hot {
    margin-top: 0px;
}

.banner-container .right .hot li {
    display: flex;
    margin-top: 13px;
}

.banner-container .right .hot li p {
    margin-left: 20px;
    font-size: 16px;
    color: #333;
}

.line {
    border-top: 1px solid #cccccc66;
}

/* 资讯 */
.zixun-container {
    background-color: #fff;
    position: relative;
}

.zixun-container .top {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.zixun-container .top h2 {
    font-size: 30px;
}

.zixun-container .top img {
    margin-top: 6px;
}

.zixun-container .top ul {
    display: flex;
    align-items: center;
}

.zixun-container .top ul li {
    margin: 0 20px;
    padding: 4px 20px;
    border-radius: 20px;
    background-color: #f3f4f6;
    border: 1px solid #ccc;
   
}

/* 文化 */
.zixun-container .wenhua {
    font-size: 20px;
    padding: 20px;
    position: relative;
}

.zixun-container .wenhua::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 4px;
    height: 20px;
    background-color: #920a0a;
    margin-top: 6px;
}

.zixun-container .wenhua h3 {
    padding-bottom: 20px;
    margin-left: 20px;
}

.zixun-container .left {
    background-color: #fff;
    flex: 1;
}

.zixun-container .left img {
    /*width: 200px;*/
   
    object-fit: cover;
}

.zixun-container .wenhua-content {
    display: flex;
}

.zixun-container .wenhua-content ul {
    display: flex;
    flex-direction: column;
   
    justify-content: start;
}

.zixun-container .wenhua-content li {
     margin: 0px 0px 20px 0px; 
    font-size: 14px;
    list-style: disc;
    margin-left: 13px;
    width: 350px;
  
}

/* 焦点人物 */
.zixun-container .righ {
    margin-left: 32px;
    width: 320px;
    background-color: #fff;
}

.zixun-container .righ .jdrw-content ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zixun-container .righ .jdrw-content ul li {
    margin: 10px 0px;
}

.zixun-container .righ .jdrw-content ul li img {
    border-radius: 8px;
}

.zixun-container .righ .jdrw-content ul li p {
    font-size: 14px;
    text-align: center;
}

/* 有情链接 */
.pd-top30 {
    padding-top: 30px;
}

.link-conatiner {
    background-color: #fff;
    padding: 20px 0;
}

.link-conatiner .link-top {
    display: flex;
    align-items: center;
}

.link-conatiner .link-top span {
    font-size: 20px;
    font-weight: 700;
}

.link-conatiner ul {
    display: flex;
}

.link-conatiner ul li {
    margin: 10px 30px 10px 10px;
}

.link-conatiner ul li a {
    font-size: 16px;
    color: #333;
}

/* 页脚 */
.footer-container {
    background-color: #fff;
}

.footer-container .top {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.footer-container .top li {
    padding: 0 20px;
    position: relative;
}

.footer-container .top li::after {
    position: absolute;
    right: 0;
    content: '';
    display: inline-block;
    width: 2px;
    height: 20px;
    background-color: #ccc;
}

.footer-container .top li a {
    color: #333;
    font-size: 16px;
}

.footer-container .line {
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.footer-container h3 {
    text-align: center;
    padding: 20px;
}

.footer-container p {
    text-align: center;
    color: #333;
    font-size: 14px;
}

.footer-container .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-container .bottom img {
    margin: 20px;
}
.prolist_html{
    background-color:#f3f4f8;
    display: flex;
   width: 1200px;
     /*justify-content: center;  */
     flex-wrap: wrap;
}

.list_sx{background:#fff; padding:15px 12px;width:1300px;height:120px}
.pinpai_fl {
    background: #fff;
    font-size: 14px;
    display:flex;
}
.mal10 {
    margin-left: 10px;
}
.shixian {
    border-top: 1px #f2f2f2 dotted;
    height: 1px;
    overflow: hidden;
}

.mab15 {
    margin-bottom: 15px;
}
.mat15 {
    margin-top: 15px;
}
.pinpai_fl li {
    float: left;
    color: #666;
    margin-left: 10px;
}
.pinpai_fl li text.sel {
    color: #fff;
    background: #FF4965;
    border: 1px #FF4965 solid;
    text-decoration: none;
}
.pinpai_fl li text{
    color: #888;
    padding: 0 15px;
    text-align: center;
    border: 1px #eaeaea solid;
    display: block;
    height: 22px;
    line-height: 22px;
}
.prolist_name {
    display: block;
    height: 44px;
    overflow: hidden;
    line-height: 20px;
    font-family: "微软雅黑";
    text-align: left;
    margin-top: 10px;
    font-size: 13px;
}
.mat8 {
    margin-top: 8px;
}
.money1 {
    font-size: 24px;
    color: #f40;
    font-family: 'arial';
}
.font12 {
    font-size: 12px;
}
.fr {
    float: right;
}
.c999 {
    color: #999;
}
.fl {
    float: left;
}
.font12 {
    font-size: 12px;
}

.c999 {
    color: #999;
    line-height:30px;
}
.pro_bq { 
    position: relative;
    height: 250px;
    overflow: hidden;
}
.prolist a {
    display: block;
    width: 250px;
    margin: 0 auto;
    text-align: center;
    color: #666;
    font-family: '微软雅黑';
    overflow: hidden;
    font-size: 14px;
}
.num {
    font-family: "Arial";
}
.font18 {
    font-size: 18px;
}

.mar3 {
    margin-right: 3px;
}
.pinpai_fl span.sel {
    color: #FF4965;
    border: 1px solid #FF4965; 
}
.pinpai_fl span {
     border: 1px solid #ccc; 
    color: #666;
    /*width: 53px;*/
    padding: 2px 10px;
    line-height: 24px;
}
.list_sx_l{float:left; width:50px; color:#666; margin-top:2px; font-size:14px;}
.list_sx_r{ margin-top:3px;font-size:14px;}

.prolist{width:280px; padding:15px; height:363px; background:#fff; position:relative; margin-right:20px; margin-top:15px;}


/*详情*/
.content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 15px;
}
.pro_box {
    background: #fff;
    padding: 20px;
}
.pro_left {
    float: left;
    width: 395px;
}
.MagnifierMain {
    position: relative;
}
.jqzoom {
    float: left;
    position: relative;
    padding: 0px;
    cursor: pointer;
}
.proimg {
    width: 381px;
    height: 381px;
    text-align: center;
    overflow: hidden;
}
span.spe_leftBtn {
    left: 0;
}
span.spe_leftBtn, span.spe_rightBtn {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 20px;
    height: 69px;
    line-height: 69px;
    font-family: "";
    text-align: center;
    font-size: 30px;
    color: #ddd;
    cursor: default;
    background-color: #f9f9f9;}
    span.spe_rightBtn {
    right: 0;
}
span.spe_leftBtn, span.spe_rightBtn {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 20px;
    height: 69px;
    line-height: 69px;
    font-family: "";
    text-align: center;
    font-size: 30px;
    color: #ddd;
    cursor: default;
    background-color: #f9f9f9;
}
.spec-items {
    position: relative;
    height: 69px;
    padding-top: 10px;
    margin: 0;
}
.spec-items ul {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
}
.spec-items li.on {
    border: 2px solid #ff9300;
}
.spec-items li {
    width: 65px;
    height: 65px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
    border: 2px solid #fff;
    cursor: pointer;
}
.spec-items ul * {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.spec-items li img {
    width: 100%;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.spec-items ul * {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.jg_price {
    font-size: 30px;
    line-height: 30px;
    font-family: Arial;
    color: #FF5555;
}
.proinfo {
    width: 530px;
    margin-left: 5px;
    display: inline;
    min-height: 380px;
    font-size: 14px;
    font-family: 微软雅黑;
}

.hd_box {
    /*background: url(../images/hd_box.jpg) repeat-x;*/
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 20px;
    color: #fff;
}
.proinfo_box {
    background: url(../img/proinfo_bg.png) repeat-x;
    padding: 10px 0;
    width: 100%;
    position: relative;
    min-height: 80px;
}
.xl_li {
    float: left;
    width: 170px;
    border-right: 1px #eee solid;
    text-align: center;
    font-size: 12px;
    color: #666;
}
.xiangqing {
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
}
.caidan1 {
    position: absolute;
    width: 968px;
    border: 1px #eee solid;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}
.caidan1 ul {
    height: 45px;
}

.promain {
    padding: 60px 20px 20px;
    overflow: hidden;
    line-height: 26px;
    color: #555;
}
.promain img {
    max-width: 920px;
    text-align: center;
}


.xl_box {
    border-bottom: 1px #ddd dashed;
    padding: 10px 0;
}

.caidan1 li.sel {
    background: #fff;
    color: #555;
    height: 46px;
    margin-top: 0;
    position: relative;
}
.caidan1 li {
    float: left;
    font-size: 14px;
    text-align: center;
    border-right: 1px #eee solid;
    display: inline;
    font-weight: bold;
    height: 46px;
    line-height: 16px;
    margin-top: -1px;
    color: #666;
}
.mat10 {
    margin-top: 10px;
}
table{border-collapse:collapse;}
.center{text-align:center;}
.teal{text-align:center;}
/*img定义*/
img{border:0;}
.clear{clear:both;/* height:0; *//* overflow:hidden; */}
.mab5 {
    margin-bottom: 5px;
}
.proinfo td {
    padding: 10px 0 10px 20px;
    color: #666;
    font-size: 12px;
}
.shuliang input {
    width: 40px;
    font-size: 12px;
    border: 0;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #666;
}
.prodata_span {
    padding: 4px 18px;
    border-radius: 18px;
    _width: 40px;
    min-width: 40px;
    text-align: center;
    margin: 0 5px 5px 0;
    display: inline-block;
    cursor: pointer;
    color: #000;
    position: relative;
    background: #f6f6f6;
    font-size: 12px;
}

.shuliang {
    height: 24px;
    overflow: hidden;
}

.caidan1 li.sel a {
    background: #fff;
    color: #ff666b;
}

.caidan1 li a {
    float: left;
    display: block;
    padding: 0 40px;
    color: #555;
    line-height: 46px;
    font-weight: normal;
    font-family: '微软雅黑';
    font-size: 16px;
}
a, a:hover {
    color: #333;
    text-decoration: none;
    outline: 0 none;
}




a.jiagwc {
    background: #ff5555;
    color: #fff;
    width: 178px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: relative;
    font-size: 16px;
    border-radius: 2px;
}
a.ljgm {
    background: #ffeded;
    width: 176px;
    border: 1px #FF0036 solid;
    margin-right: 10px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    position: relative;
    font-size: 16px;
    border-radius: 2px;
    color: #FF0036;
}
.shuliang .img1 {
    float: left;
    height: 27px;
    display: block;
    text-align: center;
    width: 26px;
    cursor: pointer;
}
.shuliang .img1 i {
    background: url(../img/jia_ico.png) no-repeat 0 -33px;
    display: block;
    width: 26px;
    height: 27px;
}
.shuliang .img2 {
    float: left;
    height: 27px;
    display: block;
    text-align: center;
    width: 26px;
    cursor: pointer;
}
.shuliang .img2 i {
    background: url(../img/jia_ico.png) no-repeat;
    display: block;
    width: 26px;
    height: 27px;
}
.shuliang_box {
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-right: 0;
    float: left;
    height: 25px;
    line-height: 25px;
    color: #333;
    font-size: 14px;
}

.prodata_sel {
    color: #fff;
    background: linear-gradient(to right, #ff7601, #ff4901);
}