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:320px;
    float:left;
    background-color:#fff;
    margin-right: 10px;
    margin-bottom: 20px;
}
.main_xsqg ul li .xsgq-item {
    width: 588px;
    height: 320px;
}
.xsgq-item .xsqg-item-l {
   width:294px;
   height:320px;
   float:left;
}
.xsgq-item .xsqg-item-l .xsqg-img {
    width:218px;
    height:250px;
    margin:33px auto;
}
.xsgq-item .xsgq-item-r {
   width:257px;
   height:320px;
   float:right;
   margin-left:12px;
   margin-right:25px;
}
.xsgq-item .xsgq-item-r .xsqg-item-r-top {
   height:140px; 
}
.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;
    width: 40px;
    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;
}