/*pc及通用样式*/
.clearfix:after { content: " "; display: block; clear: both; height: 0; } 
.clearfix { zoom: 1; } 
hr{ background-color:#cccccc;height: 1px;border: none; }
.text-l1{ line-height: 1; }

.font-bold{ font-weight: bold; }
input {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input {
    outline: none;
}

input:focus {
    outline: none;
}

input {
    background: none;
    outline: none;
    border: 0px;
}

.accessories{  }
.search-box{margin: 0 auto;margin-top: .67rem;width: 70%;border-bottom: 1px solid #cccccc;position: relative;}
.search-input{width: 100%;padding: .15rem .5rem .15rem .2rem;}
.search-btn{ position: absolute;right: .2rem;top: 50%;margin-top: -.08rem; }
.search-box .fa-search{font-size: .2rem;color: #999999;}
.search-sucess{padding: .5rem 0 .1rem;width: 80%;}
.head-content,.head-title{display: flex; width: 100%; }
.search-sucess .search-main{border-bottom:1px solid #cccccc;background: #fff; text-align: center;}
.search-sucess .search-main .head-title .col-md-3{ }
.search-sucess .search-main .head-title .col-md-3{ border-right:1px solid #333333; background: #333333; color: #fff; padding:.2rem 0; font-weight: normal;float: none; vertical-align: middle; }

.search-sucess .search-main .head-content .col-md-3{height: .9rem;padding:.2rem 0;border-right:1px solid #cccccc;float: none;display: flex;vertical-align: middle;justify-content: center;align-items: center;}
.search-tips{color: #999999;padding: 0 0 1rem;}
.search-tips p{position: relative;padding-left: .2rem;}
.search-tips p span{position: absolute;left: 0;}
.search-result{position: relative;padding-top: 2.5rem;display: none;}
.search-result .search-fail{color: #333333;text-align: center;padding: 1rem 0 .6rem;padding: 0;position: absolute;left: 0;top: 50%;width: 100%;margin-top: -.1rem;}
.search-result .search-fail span{  }

.head-content{
    border-left:1px solid #cccccc;
}.head-title{
    border-left:1px solid #333333;
}
.jul{height: 0.35rem;width: 100%;}
.search-sucess{position: absolute;left: 0;top: 50%;margin-top: -.75rem;padding: 0;}
/* .w-center-900{ 
    clear: both;
    width:46.875%; margin:0 auto;
    max-width: 900px; } */

/*ipad尺寸*/
@media (max-width: 1024px) {

}
@media (max-width: 768px) {

}
/**xq样式end*/
/*mobile*/
@media (max-width: 767px) {
    .jul{display: none;}
    .w-center-900{width: 100%; padding:0 .5rem;}
    .bread-crumb{ display: none; }
    .search-box{margin-top: .25rem;width: 100%;}
    .search-input{width: 100%;padding: .2rem .5rem .2rem .2rem;}
    .search-btn{ right: .2rem;margin-top: -.15rem; }
    .search-box .fa-search{font-size: .3rem;}
    .search-sucess{width: 100%;position: static;margin: 0;padding: .5rem 0 .1rem;}
    .search-sucess .search-main{border-bottom:1px solid #cccccc;border-left:1px solid #cccccc; background: #fff; text-align: center;}
    .head-title{width: 40%;float: left;font-size: .26rem;}
    .head-content{width: 60%;float: left;font-size: .26rem;}
    .search-sucess .search-main .head-content, .search-sucess .search-main .head-title{ float: left; display: block; }
    .search-sucess .search-main .head-title .col-md-3{width: 100%;border-right: 1px solid #333333;border-top: 1px solid #333333;padding: .3rem 0; display:block; float: left;}
    .search-sucess .search-main .head-content .col-md-3{width: 100%; padding: .3rem 0;  display:block; float: left; }
    .search-tips p{padding-left: .3rem;}
    .search-result .search-fail{font-size:.26rem;position: static;padding: 1rem 0 .6rem;}
    .search-tips{ font-size: .2rem; }

    .search-result{ padding: 0 }
    .search-sucess .search-main{  }

    .search-main table{ width: 100%; }
    .search-main table td{ width: 100%; padding: .3rem 0; border-right: 1px solid #ccc;border-top: 1px solid #ccc;font-size: .26rem;}
    .search-main table td:nth-child(1){ width: 40%; padding: .3rem 0;background: #333333; color: #fff;border-right: 1px solid #333333;border-top: 1px solid #333333;}
.search-tips{ padding-top: .4rem; }
}