@charset"utf-8";
.content{
  padding: 0 0 50px;
}

.add-box .add-item {
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: -20px;
}

.add-box .add-item .webitem {
    float: left;
    width: 224px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-left: 20px;
    margin-top: 20px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF, #EDEDED);
    border: 1px solid #D7E4EB;
    position: relative;
}
.add-box .add-item .webitem a{
    display: block;
    width: 100%;
    height: 100%;
    color: #333333;
    font-size: 16px;
  }
.add-box .add-item .webitem span {
    position: absolute;
    top: 0;
    right: 8px;

}
.add-box .add-item .webitem:hover .select-box {
    display: block !important;
    background: #F8F8F8;
    border: 1px solid #D7E4EB;
    z-index: 999;
    position: relative;
}
.add-box .add-item .webitem:hover .select-box a{
    color: #333333;
}
.add-box .add-item .webitem:hover .select-box li:hover a{
    color:#D50B0B;
}
@media screen and (max-width: 1200px) {

.web-address .content-title {
    padding-bottom: .24rem;
}
.add-box{
	margin-top:.3rem ;
}
.add-box:first-child{
	margin-top:0 ;
}
.add-box .add-item {
  margin: .4rem 0 0;
}

.add-box .add-item .webitem {
    width: 47.6%;
    height: .78rem;
    line-height: .78rem;
    margin: 0 .3rem .29rem 0;
}
.add-box .add-item .webitem:nth-of-type(2n) {
    margin-right: 0;
}
.add-box .add-item .webitem a{
    font-size: .26rem;
  }

}