.w1200{
    width:1202px;
    margin:0 auto;
}
.w200{
    width:192px;
}
.w990{
    width:998px;
}

.h5 {height: 5px;display:block; overflow: hidden;}
.h10 {height: 10px;display:block; overflow: hidden;}
.h20 {height: 20px;display:block; overflow: hidden;}
.h50 {height: 50px;display:block; overflow: hidden;}
.sort-box{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: #FFF;
    background-color: #f9f9f9;
    border: 1px solid #eaeaea;
}
.sort-box .box-item{
    float: left;
}
.sort-box .box-item dd {
    text-align: center;
    float: left;
}
.sort-box .box-item dd{
    height: 38px;
    line-height: 40px;
    padding: 0 20px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    display: inline-block;
    border-right: 1px solid #eaeaea;
    border-bottom: 2px solid #f9f9f9;
}
.sort-box .box-item dd i{
    width: 9px;
    height: 10px;
    margin-left: 5px;
    display: inline-block;
    background-image: url(../images/jt.png);
    background-repeat: no-repeat;
}
.sort-box .box-item dd.asc i{
    background-position: -9px -10px;
}
.sort-box .box-item dd.desc i{
    background-position: 0 -10px;
}
.sort-box .box-item dd.active, .sort-box .box-item dd:hover {
    color: #008fcc;
    background-color: #fff;
    border-bottom: 2px solid #008fcc;
}
.sort-box .box-item dd.active i, .sort-box .box-item dd.asc:hover i{
    background-position: -9px 0;
}
.sort-box .box-item dd.active i, .sort-box .box-item dd.desc:hover i{
    background-position: 0 0;
}
.sort-box .box-but{
    float: right;
}
.sort-box .box-but li{
    text-align: center;
    margin-right: 15px;
    float: left;
}
.sort-box .box-but a{
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    text-decoration: none;
    color: #008fcc;
    display: inline-block;
    border: 1px solid #008fcc;
}
.sort-box .box-but a.active, .sort-box .box-but a:hover{
    background:#008fcc;
    border-color:#008fcc;
    color:#fff;
}

.sort-box .box-but .form{
    margin: 0;
    margin-right: 150px;
}
.sort-box .box-but .form input{
    height: 25px;
    line-height: 25px;
    width: 250px;
    padding: 0 5px;
    border: 1px solid #008fcc;
}
.sort-box .box-but .form a{
    height: 25px;
    line-height: 25px;
}
.after-clear::after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.articles-box{
    width: 1202px;
    overflow: hidden;
}
.articles-box ul{
    width: 1300px;
}
.articles-box ul li{
    width: 177px;
    height: 320px;
    float: left;
    margin: 0 28px 20px 0;
    position: relative;
    overflow: hidden;
}
.articles-box ul li.box-item .item-image{
    border: 1px solid #eaeaea;
    padding: 15px 0;
    margin-bottom: 5px;
    text-align: center;
}
.articles-box ul li.box-item:hover .item-image{
    border: 1px solid #008fcc;
}
.articles-box ul li.box-item .item-image a{
    width: 130px;
    height: 180px;
    display: inline-block;
    overflow: hidden;
}
.articles-box ul li.box-item .item-image a img{
    width: 130px;
    height: 180px;
}
.articles-box ul li.box-item .item-title{
    height: 35px;
    text-align: center;
    overflow: hidden;
}
.articles-box ul li.box-item .item-title a{
    line-height: 35px;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #008fcc;
}
.articles-box ul li.box-item .item-title2{
    height: 59px;
    text-align: center;
    overflow: hidden;
}
.articles-box ul li.box-item .item-title2 a{
    line-height: 28px;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #008fcc;
}
.articles-box ul li.box-item .item-issue{
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    color: #666;
}
.articles-box ul li.box-item .item-info{
    height: 24px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
}
.articles-box ul li.box-item .item-info a{
    margin-right: 5px;
}
.articles-box ul li.box-item .item-icon{
    width: 19px;
    height: 41px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.articles-box ul li.box-item .sd{
    background-image: url(../images/sd.png);
}
.articles-box ul li.box-item .hx{
    background-image: url(../images/hx.png);
}
.articles-box ul li.box-item .rx{
    background-image: url(../images/rx.png);
}
.articles-box ul li.box-item .item-discount{
    position: absolute;
    display: none;
}
.articles-box ul li.box-item .item-price{
    line-height: 28px;
    /*color: #00a1cc;*/
    color: #c40000;
    font-size: 16px;
}
.articles-box ul li.box-item .item-price i{
    margin: 0 5px;
    font-style: normal;
}
.articles-box ul li.box-item .item-price s{
    margin-left: 20px;
    font-size: 14px;
    color: #999;
    font-style: normal;
}
.articles-box ul li.box-item .item-but{
    margin: 10px auto;
}
.articles-box ul li.box-item .item-but a{
    padding: 5px 10px;
    text-decoration: none;
    color: #00a1cc;
    border: 1px solid #00a1cc;
}
.articles-box ul li.box-item .item-but a:hover{
    color: #fff;
    background-color: #00a1cc;
    border: 1px solid #008fcc;
}
.articles-box ul li.box-item .item-but a i{
    margin-right: 5px;
    vertical-align: middle;
}