.small{
    font-size: 0.775em;
}
.borderBlue{
    border-width: 2px!important;
    border-color:#0071BC!important;
}
.homeColor{
    color:#F7931E!important;
}
.blueColor{
    color:#0071BC!important;
}
.yellowBg{
    background-color: #F7931E!important;
}
.blueBgColor{
    background-color: #0071BC!important;
}
.topBox{
    background-color: rgba(245, 245, 245, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(234, 234, 234, 1);
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.menuBox .dropdown-menu{
    background:rgba(0,0,0,0.7) !important;
}
.menuBox .dropdown-item:focus, .dropdown-item:hover {
    background-color: #007bff;
}
.menuBox .dropdown-item{
    color: #fff!important;
}

.headerBox .logo{
    width: 182px;
    height: 63px;
}
.headerBox .carSpan{
    background-color: #D9001B;
    border-radius: 50%;
    top:0;
    right: -10px;
    text-align: center;
    color: #fff;
}
.searchBox{
    width: calc(70%);
}
.homeBg{
    background-color: rgba(0, 113, 188, 1) !important;
}
#accordionExample [aria-expanded="true"]{
    color:#fff;
    background-color: rgba(0, 113, 188, 1) !important;
}
#loginBox [aria-expanded="true"]{
    border-bottom:4px solid rgba(0, 113, 188, 1) !important;
}
#loginBox [aria-expanded="false"]{
    color:rgba(0,0,0,.5)!important;
}
.footerBox{
}
#keyword{
    border-color: rgba(0, 113, 188, 1);
}
.searchButton {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 45px;
    margin: 0;
    border: 0 none;
    background: 0 0;
    color: rgba(0, 113, 188, 1);
    text-align: center;
    cursor: pointer;
}
.menuNav div{padding:10px 20px 10px 5px;}
.classify{
    padding-right: 40px!important;
    margin-right: 40px;
}

.mainBox{
    background-color: #F5F5F5;
}
.mainBox .box1 div{display: flex;align-items: center;padding: 0 20px;}
.mainBox .box1 div span{
    display: inline;
    border: 1px solid #0071BC;
    background-color: #fff;
    color: #0071BC;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}
.mainBox .box1 div span::before {
    content:attr(data-number);
    display: block;
    font-size: 0.775em;
}
.roundWrite span{
    display: inline;
    background-color: #D7D7D7;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
}
.roundWrite span::before {
    content:attr(data-number);
    display: block;
    font-size: 1.3em;
}
.goodsImgBox{
    width: 100%;
    height: 200px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-top: 20px;

}
.goodsImgBox .imgDiv{
    background-position: 0% 0%;
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.goodsImgBox img{
    width: 100%;
    height: 100%;
    background-size: contain;
    object-fit:contain;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 100%;
    max-width: 100%;

}

/**search**/
.searchTop .searchBox{width:100%}
.searchTop .searchBox div{
    padding:10px 20px!important;
}
.searchTop .searchBox div.searchTitle{
    width: 120px;
}
.searchMainBg,.searchTop .searchBox div.searchTitle{
    background-color: #F5F5F5!important;
}

.detailPriceBox{
    background-color: #FEF7ED;
}