/*焦点图样式*/
.slideBox{ position:relative; overflow:hidden;max-width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd{background-color: rgba(0,0,0,0);position:absolute; height:28px; line-height:28px; bottom:0; left:40%; z-index:1;}
.slideBox .hd ul {height: 8px; position: absolute; width: 90px;}
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;}
.slideBox .hd li.on{ background:#fff;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ position:relative; text-align:center;}
.slideBox .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */min-height: 170px;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusBg.png) repeat-x; color:#fff;  text-align:left;}
/*菜单栏样式*/
.index nav {width: 99.9%; margin: 0 auto; overflow: hidden; padding-top: 5px; border-bottom: 1px #e6e6e6 solid; background: #fff;}
.index nav, .index nav li {padding-left: 2.5px; padding-right: 2.5px;}
.index nav li {display: block; float: left; width: 50%; margin-bottom: 5px;}
.index nav li:nth-child(1) a {background-color: #c672e1;}
.index nav li:nth-child(2) a {background-color: #ff842b;} 
.index nav li:nth-child(3) a {background-color: #5598dc;}
.index nav li:nth-child(4) a {background-color: #80c220;}
.index nav li a {display: block; color: #4b4946; width: 100%; height: 65px; position: relative;}
.index nav li .box {height: 65px; width: 100%; margin: 0 auto; padding-top: 10px; position: relative; padding-left: 5px;}
.index nav li:nth-child(1) i {background-position: -4px -3px;} 
.index nav li:nth-child(2) i {background-position: -66px -3px;}
.index nav li:nth-child(3) i {background-position: -130px -3px;}
.index nav li:nth-child(4) i {background-position: -192px -3px;}
.index nav li i {width: 45px; height: 45px; background: url(../images/icons.png); background-size: 240px; display: inline-block; }
.index nav li span {display: block; font-size: 16px; color: #fff; position: absolute; top: 12px; left: 60px;}
.index nav li .s2 {font-size: 10px; padding-top: 0; top: 32px;}
.index .nav {width: 100%; margin: 0 auto; overflow: hidden; background: #fff;margin-bottom: 10px;}
.index .nav li {display: block; float: left; width: 25%; text-align: center; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.index .nav li a {display: block; color: #666; width: 100%; height: 70px; position: relative;}
.index .nav li i {width: 100%; height: 100%; background: url(../images/all-icons.png)center center no-repeat; background-size: contain; display: inline-block;}
.index-recommend {padding: 0 0 10px 0; overflow: hidden;}
.index-recommend li {width: 50%; float: left;}
.index-recommend li a {display: block; overflow: hidden; border: 1px solid #e6e6e6; background: #fff; color: #5f646e; line-height: 16px;}
.index-recommend li:nth-child(1) a {padding-top: 1px;}
.index-recommend li:nth-child(2) a {border-bottom: 0; border-right: 0; border-left: 0;}
.index-recommend li:nth-child(3) a {border-right: 0; border-left: 0;}
.index-recommend li a img {display: block;}
/*限时抢购*/
.over-sale {padding: 0 10px 10px; background-color: #fff; border-bottom: 1px solid #ddd; overflow: hidden;}
.over-sale>p {padding-right: 20px; line-height: 32px; font-size: 12px;}
.over-sale>p span {float: right; color: #d30775; font-size: 12px; position: relative;}
span.more-arrow2:after {content: ""; position: absolute; top: 50%; right: -10px; width: 6px; height: 6px; border-right: 1px solid #d30775; border-bottom: 1px solid #d30775; -webkit-transform: translateY(-50%)rotate(-45deg); transform: translateY(-50%)rotate(-45deg);}
.over-sale div.tu {width: 60%; height: 0; padding-bottom: 41%; background: url(../images/banner.png)center center no-repeat; -webkit-background-size: cover; background-size: cover; float: left;}
.over-sale .content {float: right; width: 38%;}
.over-sale .content p.p1 {display: -webkit-box; display: -moz-box; overflow: hidden; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-height: normal; margin-bottom: 13px; color: #666;}
.over-sale .content .p2 {position: relative; padding-top: 13px; line-height: 34px;padding-left: 5px;}
.over-sale .content .p2 span:first-child {font-size: 15px; color: #d30775; font-weight: 700;}
.over-sale .content .p2 span i {font-size: 32px;}
.over-sale .content p.p2:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #ddd;}
.over-sale .content .p3 {line-height: 16px; font-size: 11px; height: 16px; color: #666;padding-left: 5px;}
.over-sale .content .p3 span {background-color: #666; border-radius: 2px; color: #fff; float: left; height: 16px; text-align: center; vertical-align: middle; width: 19px;}
.over-sale .content .p3 i {float: left; padding: 0 2px;}
.around-view ul li div.bewrite p, .over-sale .content p.p1 {text-overflow: ellipsis; -webkit-line-clamp: 2; -moz-line-clamp: 2;}
/*热门活动*/
.block-title {padding: 7px 10px 0; font-size: 12px; line-height: 23px; color: #666;display: none;}
.leave-box span, .list, .over-sale, .sec-name {border-top: 1px solid #ddd;}
.list {background-color: #fff;}
.list span.imgs {display: block; width: 100%; height: 0; padding-bottom: 21%; background-position: center center; background-repeat: no-repeat; background-size: 320px; border-bottom: 1px solid #ddd;}
/*热门切换*/
.m-separator {overflow: hidden; position: relative;}
.m-separator .line {height: 1px; margin: 18px 20px 13px; background: #dcdcdc;}
.m-separator .label {position: absolute; background: #f0f0f0; font-size: 1.4em; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); top: 10px; padding: 0 10px; color: #999;}
.m-separator .label * {vertical-align: middle;}
.m-separator .label img{width: 16px;height: 16px;}
.m-separator .label span{color: #999;font-size: 12px;}
.tabBox{/*margin:10px auto;background-color: #fff;*/}
.tabBox .hd{overflow:hidden;height:40px;border-top:1px solid #ccc;background:#eee;font-size:20px;line-height:40px;}
.tabBox .hd li{width: 33%; padding: 0 2%;}
.tabBox .hd li.on span {display: block; height: 39px; color: #B63B34; line-height: 39px; font-size: 14px;background-color: #fff;}
.tabBox .hd h3{float:left;font-size:24px;}
.tabBox .hd h3 span{margin-left:10px;color:#ccc;font-family:Georgia;}
.tabBox .hd ul{text-align: center;}
.tabBox .hd ul li{float:left;vertical-align:top;}
.tabBox .bd ul{padding:10px;}
.tabBox .bd ul li{position: relative; margin-bottom: 10px;}
.tabBox .bd li a{-webkit-tap-highlight-color:transparent;}
.readMore{display:block;margin:10px auto 20px auto;height:30px;text-align:center;text-decoration:underline;line-height:30px;}

.tabBox .proimg{position: relative;}
.tabBox .proimg ul{}
.tabBox .proimg ul li{position: absolute; background: rgba(0, 0, 0, 0.7); color: #fff; }
.tabBox .proimg ul li.line-type{top: 10px; left: 15px; background-image: url(../images/icon/zutuan.png); background-repeat: no-repeat; background-position: 5px 4px; padding: 0 15px; padding-left: 21px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 12px; background-size: 12px 12px;}
.tabBox .proimg ul li.scenery-type{top: 10px; left: 15px; background-image: url(../images/icon/jingqu.png); background-repeat: no-repeat; background-position: 4px 3px; padding: 0 15px; padding-left: 21px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 12px; background-size: 15px 15px;}
.tabBox .proimg ul li.hotel-type{top: 10px; left: 15px; background-image: url(../images/icon/xingji.png); background-repeat: no-repeat; background-position: 4px 3px; padding: 0 15px; padding-left: 21px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 12px;background-size: 15px 15px;}
.tabBox .proimg ul li em{height: 38px; width: 16px; display: block; position: absolute; left: -14px; background-size: 14px 38px;}
.tabBox .proimg ul li.price{position: absolute; right: 9px; bottom: -42px; width: 78px; height: 78px; background: #ff876c; border: 3px solid #fff; color: #fff; text-align: center;}
.tabBox .proimg ul li.price i{}
.tabBox .proimg ul li.price .separator {width: 60px; height: 1px; background: #fff; margin: 2px 9px 4px 9px; box-shadow: 1px 1px 1px #d2988a;}
.tabBox .proimg ul li.price .real{height: 30px; line-height: 40px; font-size: 16px; font-weight: bold;}
.tabBox .proimg ul li.price .cost{height: 30px;line-height: 20px;text-decoration: line-through;color: #fec4b6;font-size: 12px;}

.tabBox ul li div.img {width: 100%; height: 0; padding-bottom: 42.4%; background: url(../images/banner.png)center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.tabBox ul li div.bewrite {overflow: hidden; padding: 5px 10px; background-color: #fff; border-bottom: 1px solid #ddd;}
.tabBox ul li div.bewrite span.s1 {float: left; font-size: 14px; color: #000; width: 72%; overflow: hidden; height: 40px; text-overflow: ellipsis;}
.tabBox ul li div.bewrite .cl {clear: both;}
.tabBox ul li div.bewrite p {width: 100%; display: -webkit-box; display: -moz-box; overflow: hidden; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-height: 22px; color: #666;height: 47px;}
.tabBox ul li div.bewrite p span{width: 50%;overflow: hidden;display: inline-block;}
.tabBox ul li div.bewrite p span i{font-weight: bold;}
p.search-more {font-size: 12px; line-height: 32px; color: #666; text-align: center; background: #fff; border-bottom: 1px solid #ddd; position: relative;display: block;height: 32px;}
p.search-more span {display: inline-block; width: 6px; height: 6px; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg)translateY(-3px); transform: rotate(-45deg)translateY(-3px); margin-left: 8px;}

/*style*/
body{background: #f0f1f1;}
.menu_back2,.menu_slide,#us_panel2 td i,.send_msg_to,.menu_refresh,#post_comment_btn,.menu_back,.menu_share,.menu_open,.search_open,.list_info_i dt,#menu ul li a b,.hd .fr,.reg_bar_close,.login_bar_close,.reg_bar .fl i,#weibo_app i,#qq_connect i,.login_bar .fl i,.share_sina,.share_guangbo,.share_douban,.content_info_more,.header_more dt,.works_view dt,#add_f i,.works_link dt,.visit_site a i,.add_friend,.remove_friend,.rela_friend,.user_menu dt,#user_menu li a .fl i,.home_profile_local i,.home_profile_c a i,.remove_msg,.reply_msg_post{background:url('../images/icon/icons.png') no-repeat;background-size:500px 500px}
.sort_b span {height: 40px; display: block; float: left; padding-right: 19px; background: url('../images/icon/slide.png') no-repeat 100% 50%; background-size: 9px 4.5px; overflow: hidden;}
#sort_content.show {-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);display: block;}
#sort_content {width: 100%; height: 100%;min-height: 100%; background: #f0f1f1; position: absolute; top: 0; left: 0; z-index: 999; overflow-x: hidden; overflow-y: auto; padding-bottom: 20px; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);display: none;}
.asort.show {display: block;}
.asort {display: none;}
.hd {height: 60px; background: #323436;}
.hd .fl {height: 60px;}
.hd .fl span {height: 32px; line-height: 32px; color: #fff; display: block; float: left; margin-top: 14px; padding-left: 16px;font-size: 14px;}
.hd .fr {width: 33px; height: 32px; background-position: 10px -76.5px; background-color: #3e4042; margin-top: 14px; margin-right: 10px; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.ct{overflow-x:hidden;overflow-y:auto}
.ct ul{margin-top:10px;display:block;border-top:1px solid #e5e5e5}
.ct li{display:block;height:50px;border-bottom:1px solid #e5e5e5;background:#fff}
.ct div.ct-title{display:block;height:50px;border-bottom:1px solid #e5e5e5;background:#fff}
.ct li i{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:17px}
.ct li span{display:inline-block;height:16px;vertical-align:middle;margin-top:17px;font-size:13px}
.ct div.ct-title span{display:inline-block;height:16px;vertical-align:middle;margin-top:17px;font-size:13px}
.ct li span em{font-style:normal;font-weight:normal;color: #09f;margin-left: 5px;}
.ct li .s{margin-right:12px;background-image:url('sort.png');background-size:150px 150px;margin-left:15px}
.ct li .s
.ct h4{display:block;height:40px;overflow:hidden;font-weight:500}
.ct h4 i{display:inline-block;height:16px;width:16px;vertical-align:middle;background-image:url('sort.png');background-size:150px 150px;margin-left:14px;margin-right:10px;margin-top:17px}
.ct .cate_trade i{background-position:-16px 0}
.ct .cate_tag i{background-position:-16px -16px}
.ct .cate_color i{background-position:-16px -32px}
.ct h4 span{display:inline-block;height:16px;line-height:16px;vertical-align:middle;margin-top:17px}
.ct li i.e{background:#ffffff;width:10px;height:10px;border:3px solid #d1d1d1;float:right;margin-right:25px;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.ct div.ct-title i{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:17px}
.ct li.a_selected{}
.ct li.a_selected .e{border:3px solid #6bc30d}
.ct .wrap{position:relative}

.es {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-d {
    background-color: #fff;
height:200px;
}
.nav-d li {
    float: left;
    text-align: center;
    width: 20%;
}
.nav-d li a {
    display: block;
    padding: 0.8rem 0;
}
.nav-d li a .img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    border-radius: 50%;
    display: block;
    height: 4.5rem;
    margin: 0 auto 0.8rem;
    width: 4.5rem;
}
.nav-d li a .text {
    color: #666;
    text-align: center;
}

.nav-d li a .img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    border-radius: 50%;
    display: block;
    height: 4.5rem;
    margin: 0 auto 0.8rem;
    width: 4.5rem;
}

#menu-btn-26 .img {
    background-color: #00a0e9;
}
#menu-btn-24 .img {
    background-color: #00a0e9;
}
#menu-btn-10 .img {
    background-color: #a45ad7;
}
#menu-btn-8 .img {
    background-color: #009daf;
}
#menu-btn-2 .img {
    background-color: #f18101;
}
#menu-btn-25 .img {
    background-color: #8bcb2e;
}
#menu-btn-5 .img {
    background-color: #00a0e9;
}
#menu-btn-7 .img {
    background-color: #00a0e9;
}
#menu-btn-12 .img {
    background-color: #d024ac;
}
#menu-btn-13 .img {
    background-color: #cf4924;
}
.inner {
    background-color: #fff;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    margin: 0.5rem 0;
    padding: 0 1rem;
}
.line-list li {
    border-bottom: 1px solid #d0d0d0;
    padding: 1rem 0;
}
.line-list li a {
    display: block;
    position: relative;
    width: 100%;
}
.line-list li .l {
    height: 7.5rem;
    position: absolute;
    width: 10rem;
}
.line-list li .l img {
    height: 7.5rem;
    width: 10rem;
}
.line-list li .r {
    margin-left: 11rem;
    min-height: 7.5rem;
}
.line-list li .r .text {
    color: #999;
    font-size: 1.2rem;
    padding: 0.5rem 0;
}
.line-list li .r .price {
    color: #f60;
    font-family: Arial;
    font-size: 1.6rem;
    margin-top: 1rem;
}
.line-list li:last-of-type {
    border: medium none;
}
.d-title {
    color: #ff7661;
    font-size: 1.6rem;
    line-height: 3.6rem;
    padding: 0 1rem;
    text-align: left;
}
.d-title i.t {
    background-color: #ff7661;
    color: #fff;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 0.2rem 0.3rem;
    position: relative;
    top: 0;
}
.d-title.d-t-2, .d-title.d-t-2 span a {
    color: #66ccff;
}
.d-title.d-t-2 i.t {
    background-color: #66ccff;
}
.d-title.d-t-3, .d-title.d-t-3 span a {
    color: #90cc00;
}
.d-title.d-t-3 i.t {
    background-color: #90cc00;
}
.d-title.d-t-4, .d-title.d-t-4 span a {
    color:#EC2431;
}
.d-title.d-t-4 i.t {
    background-color: #EC2431;
}
.des-list {
    border-top: 1px solid #d0d0d0;
    margin: 0.6rem 0;
}
.des-list li {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    box-sizing: border-box;
    float: left;
    line-height: 4rem;
    text-align: center;
    width: 25%;
}
.des-list li:nth-of-type(4n), .des-list li:last-of-type {
    border-right: 1px solid #d0d0d0;
}
.des-list li a {
    display: block;
}