.signin-rank-table > tbody > tr > td {
vertical-align: middle;
}
.clearboth{
clear:both;
}
.full-section-mall{
background-color: #fff;
}
.mall-section-listing {
background-color: #fff;
margin-top:-15px;
padding:48px 0px 48px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.brand-box { position: relative; margin: 15px auto; }
.brand-box .step-box { position: absolute; top: 42px; right: 992px; display: block; }
.brand-box .step-box .step { display: block; }
.brand-box .step-box .step-s { width: 35px; height: 140px; }
.brand-box .step-box .step-d { width: 100px; height: 259px; display: none; }
.ZTab-scroll .tab-tit a, .ZTab-scroll .tab-tit li {
display: inline-block;
*display: inline;
*zoom: 1;
overflow: hidden;
cursor: pointer;
-webkit-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
}
.ZTab-brand { position: relative; margin: 0 auto; }
.ZTab-brand .tab-tit-wrap { }
.ZTab-brand h2 {
margin: 0;
padding: 0; margin-bottom: 15px;}
.ZTab-brand h2 i { }
.fa-angle-right:before {
content: "\f105";
font-size: 27px;
color: #ff0036;
margin-left: 8px;
font-weight: 600;
}
.ZTab-brand h2 .t { vertical-align: middle;
color: #222222;
font-size: 25px;
font-weight: 500; }
.ZTab-brand .tab-tit { margin: 0;
padding: 0;
text-align: left; margin-bottom: 15px;}
.ZTab-brand .tab-tit li { margin-left: 25px; height: 30px; line-height: 30px; font-size: 13px; border-bottom: solid 2px #f8f8f8; }
.ZTab-brand .tab-tit li.current { color: #222222;
font-weight: bold;
border-bottom-color: #ff0036; }
.ZTab-brand .tab-con-wrap { margin-top: 10px; }
.ZTab-brand .tab-con { margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;}
.ZTab-brand .tab-con .relative-box { width: 100%; height: 100%; }
.ZTab-brand .tab-con li { list-style: none; }
.ZTab-brand .tab-con dl { }
.ZTab-brand .tab-con dd {
position: relative;
z-index: 0;
float: left;
width: 12.2%;
text-align: center;
background-color: #fff;
overflow: hidden;
min-width: 140px;
margin: -1px 0 0 -1px;
height: 120px;
}
.ZTab-brand .tab-con dd.hover { z-index: 1; }
.ZTab-brand .tab-con .con-box { overflow: hidden; }
.ZTab-brand .tab-con dd img { margin: 20px auto 12px; width: 80%; display: block; -webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
.ZTab-brand .tab-con dd.hover img { margin: 10px auto 6px; }
.ZTab-brand .tab-con dd p { line-height: 14px;font-size: 12px; }
.ZTab-brand .tab-con dd.hover p { color: $baseColorDefault; }
.ZTab-brand .tab-con dd p b { color: $baseColorOrange; font-size: 13px; }
.ZTab-brand .tab-con dd .link { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;display: block; }
.ZTab-brand .tab-con dd .border { position: absolute; top: 0; left: 0; z-index: 1; border: solid 1px #fff; -webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
.ZTab-brand .tab-con dd .border-1 { width: 100%;
height: 100%; border-color: #eaeaea; }
.ZTab-brand .tab-con dd .border-2 { top: 1px; left: 1px; width: 100%;
height: 100%; border-color: border-color: #f60;
filter: alpha(opacity=0);
opacity: 0; _display: none; }
.ZTab-brand .tab-con dd.hover .border { @include opacity(1); _display: block; }
.ZTab-brand .tab-con dd.hover .border-1 { border-color: $baseBgOrange; }
.ZTab-brand .tab-con dd .op-box { position: absolute; bottom: -31px; left: -1px; z-index: 3; width: 168px; height: 30px; -webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
.ZTab-brand .tab-con dd.hover .op-box { bottom: -1px; }
.ZTab-brand .tab-con dd .op-box a { float: left; width: 50%; height: 30px; line-height: 30px; color: #fff; display: block; }
.ZTab-brand .tab-con dd .op-box .link-buy { background-color: $baseBgOrange; }
.ZTab-brand .tab-con dd .op-box .link-view { background-color: $baseBgGreen; }
.title-zhuanjia{
margin: 48px 0px 15px;
font-size: 25px!important;
vertical-align: middle;
color: #222222;
font-weight: 500;
}
.title-zhuanjia1{
margin: 20px 0px 10px;
font-size: 25px!important;
vertical-align: middle;
color: #222222;
font-weight: 500;
margin-block-start: 0;
margin-block-end: 0;
}
.col-md-content-list{
background-color: #fff;
padding: 15px 15px 0;
margin-bottom: 20px;
}
.row {
margin-left: 0;
margin-right: 0;
margin-top: 28px;
}
.col-md-content {
padding-left: 0;
padding-right: 0;
}
.nav-noborder > li.active > a, .nav-noborder > li.active > a:hover, .nav-noborder > li.active > a:focus {
border-color: #fff;
border-bottom: 1px solid #ff0036;
}
@media (max-width: 480px) {
h3.search-title {
font-size: 28px;
}
form.index-search-form .search-term {
width: 60%;
}
.swiper-recommend .swiper-slide {
margin-right: 0px;
}
.ZTab-brand .tab-con dd {
min-width: 71.89px!important;
width: 50%;
height: 150px;
}
}
@media (min-width: 480px) and (max-width: 768px){
.ZTab-brand .tab-con dd {
min-width: 71.89px!important;
width: 25%;
height: 140px;
}
}
@media (max-width:768px) {
.qa-rank {
display: none;
}
.full-section-mall {
height: 522px;
overflow: hidden;
}
.container {
padding-left: 0;
padding-right: 0;
}
.navbar .container {
padding-left: 15px;
padding-right: 15px;
}
.container:nth-child(3){
display: none;
}
}
@media (min-width: 768px) and (max-width: 992px){
.mall-section-listing {
width: 750px;
}
.ZTab-brand .tab-con dd {
min-width: 71.89px!important;
width: 20%;
height: 140px;
}
.ZTab-brand .tab-tit {
text-align: left;
}
}
@media (min-width: 992px){
.mall-section-listing {
width: 970px;
}
.ZTab-brand .tab-con dd {
min-width: 93.89px!important;
}
.ZTab-brand .tab-tit {
text-align: left;
}
}
@media (min-width: 1200px){
.mall-section-listing {
width: 1170px;
}
.ZTab-brand .tab-tit {
text-align: left;
}
}