header{ position:relative; background:#fff; /*transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;*/}
.showMenu{ background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
.topBar{ height:60px; line-height:60px; padding:0 20px; background:#f9f4f0;}
.topBar .select{ float:right; display:inline-block;  height:60px; line-height:60px; color:#bc9882; font-size:14px; text-decoration:underline;}
.topBar .name span{ height:60px; line-height:60px; font-size:15px; color:#000; background-repeat:no-repeat; background-position:left center; display:inline-block; text-indent:40px; background-size:34px;}
.topBar .name span.icon1{ background-image:url(../img/home/icon/01.png)}
.topBar .name span.icon1{ background-image:url(../img/home/icon/01.png)}
.topBar .name span.icon2{ background-image:url(../img/home/icon/02.png)}
.topBar .name span.icon3{ background-image:url(../img/home/icon/03.png)}
.topBar .name span.icon4{ background-image:url(../img/home/icon/04.png)}
.topBar .name span.icon5{ background-image:url(../img/home/icon/05.png)}
.topBar .name span.icon6{ background-image:url(../img/home/icon/06.png)}
.topBar .name span.icon7{ background-image:url(../img/home/icon/07.png)}
.topBar .name span.icon8{ background-image:url(../img/home/icon/08.png)}
.topBar .name span.icon9{ background-image:url(../img/home/icon/09.png)}


.dialog{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); width:100%; height:100%; overflow:hidden; z-index:9999; display:none;}
.dialog .selectBox{ position:absolute; left:0; bottom:0; width:100%; background:#fff; padding-bottom:50px;}
.dialog .selectBox .btn{ height:50px; line-height:50px; background:#333; text-align:center; font-size:14px; color:#fff; position: absolute; bottom:0; left:0; width:100%;}
.dialog .selectBox h2{ font-size:18px; font-weight:normal; text-align:center; padding:20px 0 10px 0;}
.dialog .selectBox ul{ padding:0 20px;}
.dialog .selectBox li{ height:42px; line-height:42px; position:relative; color:#555;}
.dialog .selectBox li i{ position:absolute; width:19px; height:19px; background-repeat:no-repeat; background-position:center center; background-size:12px; right:4px; top:10px; border:1px solid #888;border-radius: 100%;}
.dialog .selectBox li.on i{ background-color:#2bcc0b; background-image:url(../img/product/icon_03.png); border:1px solid #2bcc0b;}
.dialog .selectBox li.bBor:after{background:#d6d6d6;}
.dialog .selectBox li p{background-position:left center; background-size:30px; display:inline-block; background-repeat:no-repeat; text-indent:48px;}
.dialog .selectBox li .icon1{ background-image:url(../img/home/icon/01.png)}
.dialog .selectBox li .icon2{ background-image:url(../img/home/icon/02.png)}
.dialog .selectBox li .icon3{ background-image:url(../img/home/icon/03.png)}
.dialog .selectBox li .icon4{ background-image:url(../img/home/icon/04.png)}
.dialog .selectBox li .icon5{ background-image:url(../img/home/icon/05.png)}
.dialog .selectBox li .icon6{ background-image:url(../img/home/icon/06.png)}
.dialog .selectBox li .icon7{ background-image:url(../img/home/icon/07.png)}
.dialog .selectBox li .icon8{ background-image:url(../img/home/icon/08.png)}
.dialog .selectBox li .icon9{ background-image:url(../img/home/icon/09.png)}
.dialog .selectBox li .icon10{ background-image:url(../img/home/icon/13.png)}

.dialog .selectBox{ -webkit-transform: translateY(100%); transform:translateY(100%); opacity: 0;
-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.dialogShow .selectBox{ opacity: 1; -webkit-transform: none; transform: none;}

.tab{ height:60px; line-height:60px; border-bottom:1px solid #eaeaea; overflow:hidden;}
.tab .item{ float:left; width:33.33%; display:inline-block;height:58px; line-height:58px; text-align:center; font-size:14px; color: #000; border-bottom:2px solid #fff; position:relative;}
.tab .item.on{ color:#bc9882; border-color:#bc9882; }
.tab .item i{ position:absolute; right:0; height:60px; top:0px; border-right:1px solid #F3F3F3;}

.tabMain{ display:none; margin-bottom:50px;}

.tm1 ul{ padding:0 20px;}
.tm1 li{ height:21px; line-height:21px; position:relative; display:inline-block; padding:22px 0;}
.tm1 li{   padding-right:0px; display:block; background:url(../img/search/icon_02.png) no-repeat left center; padding-left:12px;}
.tm1 li a{ color:#3c3c3c; font-size:14px;max-width:80%; display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; float:left;}
.tm1 li.bBor:after{background:#d6d6d6;}
.tm1 li i{ width:19px; height:19px; border:1px solid #ef2f2f; display:inline-block; font-style:normal; text-align:center; color:#ef2f2f; border-radius: 5px;}
.tm1 li i.icon2{ border-color:#bc9882; color:#bc9882;}

.tm2 li{ position:relative; overflow:hidden; margin-bottom:1px;}
.tm2 li img{ float:left;}
.tm2 li i{ height:120px; position:absolute; left:0; bottom:0; z-index:3; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.75),rgba(0,0,0,0)); width:100%;}
.tm2 li .txt{ position:absolute; left:0; bottom:15px; width:100%; z-index:4; color:#fff; padding-left:20px; line-height:25px;}
.tm2 li .txt h2{ font-weight:normal; font-size:15px; width:90%;}
.tm2 li .txt p{ font-size:12px;}

.tm3 li{ position:relative; overflow:hidden; margin-bottom:1px;}
.tm3 li img{ float:left;}
.tm3 li i{ height:120px; position:absolute; left:0; bottom:0; z-index:3; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.75),rgba(0,0,0,0)); width:100%;}
.tm3 li .txt{ position:absolute; left:0; bottom:15px; width:100%; z-index:4; color:#fff; padding-left:20px; line-height:25px;}
.tm3 li .txt h2{ font-weight:normal; font-size:15px; background:url(../img/search/icon_03.png) no-repeat left center; background-size:20px; text-indent:30px;}