body {
}
.ban_bg {
    width: 100%;
    height: 436px;
    line-height:436px;
    text-align:center;
}
.ban_bg img {
    width:100%;
    height:436px;
    vertical-align:baseline;
}
.xsqg-time {
    height: 114px;
}
.xsqg-time ul {
   height:59px;
   padding:27px 0px;
}
.xsqg-time ul li {
    width: 195px;
    height: 59px;
    display: inline-block;
    float: left;
    transform: skewX(-45deg);
    background-color:#fff;
}
.xsqg-time ul .active {
    background-color: #0094D0!important;
}
.active .xsqg-time-item-l {
    color: #fff!important;
}
.active .xsqg-time-item-r p {
   color:#fff!important;
}
.xsqg-time ul li .xsqg-time-item {
    color: white;
    font-size: 24px;
    transform: skewX(45deg);
    overflow: hidden;
    height: 59px;
    padding-top: 15px;
}
.xsqg-time-item-l {
    width: 195px;
    height: 20px;
    line-height: 15px;
    font-size: 20px;
    text-align: center;
    color: #1A1A1A;
    font-weight: bold;
}
#sjd .active .xsqg-time-item-r{
    display: block;
}
.xsqg-time-item-r {
   height:20px;
   line-height:20px;
   padding-left: 5px;
   display: none;
}
.xsqg-time-item-r p {
    font-size: 15px;
    float: left;
    margin-left: -2px;
    margin-right: 5px;
}
.xsqg-time-item-r span {
    font-size: 15px;
    float: left;
    color: #fff!important;
    padding-left: 7px;
}
.xsqg-time-item-sx {
    width: 83px;
    height: 30px;
    border: 1px solid rgba(128,128,128,1);
    border-radius: 15px;
    font-size: 12px;
    color: #404040;
    text-align:center;
    display:inline-block;
    /* position:relative; */
    line-height:28px;
    /* bottom:3px; */
    margin-top: 15px;
}
.active .xsqg-time-item-sx {
  color:#fff!important;
  border:1px solid #fff!important;
}
#sjd ul{
    padding-left: 350px;
}
#sjd li {
    margin-right: 5px;
    cursor: pointer;
}
#sjd li .xsqg-time-item-l {
    color: #1A1A1A;
    font-weight:bold;
    margin-right:10px;
}
.mryg {
    height: 59px;
    line-height: 59px;
    text-align: center;
    color: #262626;
    font-weight: bold;
    transform: skewX(45deg);
    font-size:14px;
}
.active .mryg {
   color:#fff!important
}
/*
    *商品列表
*/
.main_xsqg {
    position: relative;
    width: 1200px;
    height: auto;
    background: #F5F5F5;
}
.main_xsqg ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}
.main_xsqg .l_active{
    display: block;
}
/* .main_xsqg ul li {
    width:588px;
    height:360px;
    float:left;
    background-color:#fff;
    margin-right: 10px;
    margin-bottom: 20px;
} */
.main_xsqg ul li .xsgq-item {
    width: 588px;
    height: 360px;
}
.xsgq-item .xsqg-item-l {
    display: flex;
    justify-content: center;
    align-items: center;
    width:294px;
    height:360px;
    float:left;
}
.xsgq-item .xsqg-item-l .xsqg-img {
    width:218px;
    height:250px;
}
.xsgq-item .xsgq-item-r {
   width:257px;
   height:360px;
   float:right;
   margin-left:12px;
   margin-right:25px;
}
.xsgq-item .xsgq-item-r .xsqg-item-r-top {
   height:180px; 
}
.xsgq-item .xsgq-item-r .xsqg-item-r-top p {
    font-size: 18px;
    color: #5C5C5C;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.xsgq-item .xsgq-item-r .xsqg-item-r-top .xsqg-item-r-top-name {
    font-size: 21px;
    color: #333333!important;
    margin-top:22px;
}
.xsgq-item .xsgq-item-r .xsqg-item-r-top .xsqg-item-r-top-gg {
   margin-top:12px;
}
.xsqg-kucun{
    height: 21px;
    line-height: 21px;
    margin-top: 10px;
}
.xsqg-kucun p{
    float: left;
    margin-right: 5px;
}
.xsqg-kucun span{
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #757575;
}
.xsgq-item .xsgq-item-r .xsqg-item-r-bottom {
   height:170px;
}
.xsqg-item-r-bottom .progress {
  height:34px;
}
.xsqg-item-r-bottom .progress p span {
    color: #757575;
    font-size:14px;
    /* max-width: 70px!important; */
    /* overflow: hidden; */
    /* white-space: nowrap; */
}
.xsqg-item-r-bottom .progress p span:first-child {
    margin-right:12px;
}
.xsqg-item-r-bottom .progress p span:last-child {
    float:right;
}
.xsqg-item-r-bottom .progress .progress-bar {
    width: 255px;
    height: 10px;
    border: 1px solid rgba(252,53,58,1);
    border-radius: 4px;
    margin-top:10px;
}
.xsqg-item-r-bottom .progress .progress-bar .progress-bar-num {
    width: 50px;
    height: 10px;
    background-color: #FC353A;
    border-radius:4px;
}
.xsqg-item-r-bottom .qgbtn {
   height:51px;
   margin-top:18px;
   white-space: nowrap;
}
.xsqg-item-r-bottom .qgbtn del {
    font-size: 14px;
    color: #757575;
    margin-right: 30px;
    line-height: 51px;
}
.xsqg-item-r-bottom .qgbtn span {
    font-size: 18px;
    color: #FC353A;
    line-height: 51px;
}
.xsqg_chose{
    width: 100%;
    height: 51px;
    line-height: 51px;
}
.xsqg_chose_left{
    float: left;
    width: 142px;
    height: 40px;
    border:1px solid #0EA8E6;
    margin-top: 3px;
}
.xsqg_chose_jian{
    width: 40px;
    height: 40px;
    border: none;
    color: #fff;
    background: red;
    float: left;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.xsqg_chose_left input{
    width: 60px;
    height: 35px;
    text-align: center;
    float: left;
    font-size: 18px;
}
.xsqg_chose_jia{
    width: 40px;
    height: 40px;
    border-left:1px solid #0EA8E6;
    float: left;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border: none;
    color: #fff;
    background: green;
}
.xsqg-item-r-bottom a {
    width: 110px;
    height: 51px;
    background-color: #E4F7FF;
    border-radius: 2px;
    font-size: 22px;
    color: #0094D0;
    display:inline-block;
    line-height:51px;
    float:right;
    text-align:center;
}
.daojishi{
    margin-top: 10px;
}
.daojishi span{
    color: #0094D0!important;
    font-size: 18px;
}
.container_box{
    padding-bottom: 20px;
}
/* 分页器 */
.main_bot{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 28px;
    margin: 0 auto;
    margin-top: 10px;
}
.main_bot p{
    width: 65px;
    height: 28px;
    border: 1px solid #E6E6E6;
    color: #0094D0;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    margin-right: 6px;
    margin-bottom: 5px;
    float: left;
    cursor: pointer;
}
#compage{
    display: inline-block;
    width: auto;
}
.main_bot span{
    width: 32px;
    height: 28px;
    border: 1px solid #E6E6E6;
    color: #0094D0;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    margin-right: 6px;
    margin-bottom: 5px;
    float: left;
    cursor: pointer;
}
.main_bot .active{
    background: #0094D0;
    color: #fff;
}
.juan_yema{
    float: left;
    width: auto;
    overflow: hidden;
}
.main_bot input{
    width: 65px;
    height: 28px;
    border: 1px solid #E6E6E6;
    color: #333;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    margin-right: 6px;
    float: left;
}
.qidai{
    width: 110px;
    height: 51px;
    background-color: #E4F7FF;
    border-radius: 2px;
    font-size: 22px;
    color: #0094D0!important;
    display: inline-block;
    line-height: 51px;
    /* float: right; */
    text-align: center;
}



.main_xsqg li {
    width: 288px;
    height: 480px;
    float: left;
    position: relative;
    background-color: #fff;
    margin-right: 12px;
    margin-bottom: 16px;
    border-radius: 10px;
    overflow: hidden;
}
.main_xsqg li .list-img {
   width:222px;
   height:192px;
   margin:21px 33px;
   position:relative;
}
.main_xsqg li .list-img .list-bs {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #F74B4B;
    width:50px;
    height:50px;
    border-radius:50%;
    color:#fff;
}
.list-bs div {
    color: #fff;
    font-size: 30px;
    display: inline-block;
    line-height: 50px;
}
.main_xsqg li .list-name {
    margin-top: 4px;
    padding: 0 30px;
    text-align: left;
}
.main_xsqg li .list-name span {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #333333;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.main_xsqg li .list-cj {
    box-sizing: border-box;
    margin-top: 5px;
    padding: 0 30px;
    font-size: 16px;
    color: #404040;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.main_xsqg li .list-cj span{
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    font-size: 14px;
}
.main_xsqg ul li .list-cxms{
    font-size: 14px;
    color: red;
    height: 20px;
}
.main_xsqg li .list-price {
     margin-top:29px;
     margin-left:32px;
}
.list-price .list-zkj {
    display: inline-block;
    color: #FF1919;
    font-size:22px;
}
.main_xsqg li .list-price .list-yj {
    font-size: 20px;
    color: #757575;
    margin-right: 30px;
}
.main_xsqg li .list-qg {
    width: 234px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 20px;
    margin-top: 18px;
    margin-left: 27px;
    background-color: #0094D0;
    box-shadow: 0px 2px 8px 0px rgba(8,1,3,0.16);
    border-radius: 22px;
}
.hg-bs {
    width: 288px;
    height: 60px;
    position:relative;
}
.hg1 {
    background-color: #279A56;
}
.hg2 {
    background-color: #A55238;
}
.hg3 {
    background-color: #276DBF;
}
.hg-bs .titleBox {
    width: 100%;
    height: 60px;
    padding: 10px 5px 0;
    line-height: 25px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.titleBoxTips{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 10px 5px 0;
    background-color: #279A56;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    word-break: break-all;
}

.titleBox:hover + .titleBoxTips{
    height: auto;
    min-height: 60px;
}
.titleBoxTips:hover{
    height: auto;
    min-height: 60px;
}
.main_xsqg li .list-imghg {
    width: 192px;
    height: 192px;
    margin: 10px auto;
    position: relative;
}
.main_xsqg li .list-price {
    width: 100%;
    height: 30px;
    margin: 10px 0 0;
    padding: 0 30px;
    text-align: left;
}
.main_xsqg li .list-price span {
    color: #FF1919;
    font-size:22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
}
.main_xsqg li .list-last {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    overflow: hidden;
}
.main_xsqg li .list-last .list-last-num {
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #000;
    line-height: 26px;
    text-align: center;
}
.main_xsqg li .list-last .list-last-inp {
    width: 40px;
    height: 26px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    color: #000;
    line-height: 26px;
    text-align: center;
}
.main_xsqg li .list-last .list-last-add {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    background-color: #0094D0;
    cursor: pointer;
    margin-left: 20px;
    padding: 0 10px;
}
.main_xsqg li .list-bz {
    color: #C83E55;
    height: 40px;
    line-height: 20px;
    margin-left: 32px;
    font-weight: bold;
    font-size: 16px;
    word-wrap:break-word;
    margin-top:10px;
    text-overflow:ellipsis;
    overflow:hidden;
}
.main_xsqg ul {
   overflow:hidden;
   padding-bottom:7px;
   padding-top: 10px;
}
.main_xsqg ul li div {
    cursor:pointer;
    text-align: center;
}
.nogoods{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    background: #999;
    font-size: 25px;
    color: #fff;
    line-height: 200px;
    text-align: center;
    opacity: .8;
}