@charset "utf-8";
/* CSS Document */
/* 首页样式 */

/* 轮播样式 */
	.banner{
			width: 100%;
			position: relative;
			overflow: hidden;
			margin-top:90px;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			width: 100%;
			height: 560px;
			float: left;
			background:  no-repeat center center;
		}
		.banner ol{
			width: 80px;
			height: 20px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url('../images/left_right.png') no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url('../images/left_right.png') no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}
/* 正文样式 */	
.icon-box {
    width: 1200px;
    text-align: center;
    margin: 30px auto;
    color: #666;
}

.icon-item {
    padding: 40px 40px 30px;
    width: 290px;
    float: left;
    margin-right: 13.3333333333px;
}
.icon-item, .icon-desc {
    margin: 0 auto;
    font-size: 15px;
}
.icon-item, .icon-title {
    font-size: 26px;
    color: #333;
}
.bgimage img{ margin: 20px auto;}
#tour{max-width:100%;background-color:#eee; padding:0 0 20px 0;}
.atlas{max-width:1200px;margin:0 auto;  padding:20px 0;}
.atlas .center{text-align:center;margin:0 auto; padding: 5px 0;}
.atlas .center h2{font-size:36px; letter-spacing:2px;color:#666;margin:10px 0;font-weight: normal;}
.atlas .center .hot-label{margin: 30px auto;width: 55%;align-content: center;-webkit-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;}
.atlas .center .hot-label .tag{text-decoration: none;float:left;color: #000;display: block;background: rgba(0, 0, 0, 0.04);border-radius: 100px;padding: 0px 18px;margin: 0 8px;height: 28px;line-height: 28px;color: rgba(0, 0, 0, 0.5);cursor: pointer;}
.atlas .center .hot-label .tag:hover{color: rgba(0, 0, 0, 0.8);}
/*图片集*/
.box2{
    width: 1200px;
    overflow: hidden;
    margin:10px auto;
}
.box2 h3{
    text-align: center;
    line-height: 50px;
}
.box2 ul li{
    float: left;
    list-style: none;
    overflow: hidden;
}
.post-row:first-child {
    margin-top: 0;margin-left:0;
}
.post-row {
    margin-top: 10px; 
}
.post-cover_1 {
 position:relative;
 display:inline-block;
 overflow:hidden;
 font-size:14px;
 background-position:center;
 -moz-background-size:cover;
 background-size:cover;
 margin-left: 10px;
 float: left;
 width: 291px; height: 200px;
}
.post-cover_1 .post-mask {
 position:absolute;
 left:0;
 top:0;
 z-index:-1;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.4);
}
.post-cover_1:hover .post-mask {
 z-index:0;
}

.post-cover_1 .post-title {
 position:absolute;
 left:50%;
 top:50%;
 width:100%;
 max-height:50px;
 padding:0 10px;
 margin:0;
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 text-align:center;
 font-size:18px;
 color:#fff;
 overflow:hidden
}
.post-cover_1 .post-author-icon {
 position:absolute;
 left:50%;
 bottom:50px;
 width:30px;
 height:30px;
 margin-left:-15px;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 border-radius:50%
}
.post-cover_1 .post-author-name {
 position:absolute;
 left:50%;
 bottom:20px;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 color:#fff
}
.post-row .post-cover_1:first-child
{
	margin-left:0px; 
	float:left;
}
.post-row .post-cover:first-child
{
	margin-left:0px; 
	float:left;
}
/* 遮罩层 */
.post-cover .cover{
    width: 100%;
	height:100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
	padding-top:50px;
    transform-origin: right bottom; 
	-ms-transform:right bottom;     
	-webkit-transform-origin: right bottom; 
	-moz-transform-origin: right bottom; 
	
    transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	
    transition: all 0.35s;
	-ms-transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
}
.post-cover .cover p{
    margin-top: 10px;
    font-size: 14px;
}
.post-cover:hover .cover{
    transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}


/* 搜索页样式 */
.sort{width: 100%;
background-color: #fff;
margin-top: 90px;
padding: 10px 20px;
border-top: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
height:60px;}
.sort .item {
    padding: 2px 15px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    margin-left: 15px;
}
.sort .item.selected {color:#1e90ff;}
.sort .item:first-child {
    margin-left: 0;
	padding-left:0;
}

.selectbox{}

.selemediv{ width:100px; height:35px; float:left;margin-left:30px; position:relative;}
.selemenu{
	width: 100px;
	height: 35px;
	background: #fff;
	color: #000;
	text-indent: 10px;
	border: none;
	/*background-color: #eee;
	background-image: url(../images/xiala.png);
	background-repeat: no-repeat;
	background-position: 70px center;*/
	border-radius:3px;
	background:#eee url(../images/bg.png) no-repeat 82px 15px;
}
.selemenu{ font-size:16px; line-height:35px ; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.citylist span{ display:block;cursor:pointer;}
.graphic{clear:both;}
.citylist span:hover{ background:#eee;}
.citylist{  z-index:99; display:none; line-height:35px; background:#fff; text-indent:10px; font-size:12px; position:absolute; left:0; top:35px; width:100px; box-shadow:0px 1px 1px #ccc; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.citylist2{z-index:99; box-shadow:0px 1px 1px #ccc;; font-size:14px; color:#666; padding:10px 20px; position:absolute; top:35px; left:0; background:#fff;border-bottom:1px solid #f6f6f6; display:none;border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.citylist2 ul{ float:left; width:400px;line-height:54px;;} 
.citylist2 ul li{ float:left; cursor:pointer}
.citylist2 ul li:hover{ color:#ff4400}
.citylist2 .renshu li{ width:20%;}
.citylist2 .xingbie li{ width:20%;}
.citylist2 .nianling li{ width:16%;}
.citylist2 .leibie{ width:50px; float:left;line-height:54px;  }
ul,li{ list-style:none;}
.xzk{ width:450px; overflow:hidden; clear: both;}
.citylist2 .active{ color:#ff4400}
.xz_color{width: 28px;
height: 28px;
border-radius: 3px;
margin: 5px 10px;
transition: 300ms all;
 float:left;}

  .container:before,
    .container:after {
        content: "";
        display: table;
    }
    .container:after {
        clear: both;
    }
.container-bg{
		  width: 100%;
padding: 20px;

}
    .item {
      float: left;
      margin-bottom: 10px;
     overflow: hidden;
	 position: relative;
    }
	
    .item images {
      max-width: 100%;
      max-height: 100%;
      vertical-align: bottom;
    }
    .first-item {
      clear: both;
    }
    /* remove margin bottom on last row */
    .last-row, .last-row ~ .item {
      margin-bottom: 0;
    }
	.nav_gg { width: 1000px; margin: 0 auto 20px; text-align: center; font-size: 0;}
.nav_gg li { display: inline-block; margin: 0 5px; padding: 10px 20px; font-size: 14px; color: #333; background-color: #ccc; cursor: pointer;}
.nav_gg .active { color: #fff; background-color: #21b384;}



.card-bg {
    filter: alpha(opacity=40);
    opacity: .4;
}
.card-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
}
.card-handle {
    top: -75px;
    right: 0;
    z-index: 3;
    padding-right: 10px;
    text-align: right;
}
.card-bg,.card-handle {
    position: absolute;
    -webkit-transition: all .28s ease;
    transition: all .28s ease;
}
.card-handle .handle-dum, .card-handle .handle-fav{
    display: inline-block;
    width: 54px;
}
.card-handle .handle-dum > a {
    background-position-x: -3px;
}
.card-handle .handle-dum > a{
    display: block;
    width: 54px;
    height: 54px;
    margin-bottom: 4px;
    background: url(http://icon.qiantucdn.com/img/searchnew/common.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position-y: -54px;
}
.card-handle .handle-fav > a {
    display: block;
    width: 54px;
    height: 54px;
    margin-bottom: 4px;
    background: url(http://icon.qiantucdn.com/img/searchnew/common.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position-y: -54px;
}
.card-handle .handle-fav > a {
    background-position-x: -57px;
}



/* 详情页样式 */
.detail-container{position: relative;    width: 1200px; margin: 0 auto; margin-top:110px;overflow: hidden;}
.combine {
    width: 1200px;
    float: left;
    overflow: hidden;
    position: relative;
}
.detail-container .detail-left {
    padding-bottom: 0;
}
.detail-container .detail-left {
    width: 800px;
    background-color: #fff;
    padding: 0 10px 10px;
        padding-bottom: 10px;
}
.detail-container .detail-title {
    height: 60px;
    padding: 0 15px;
}
.detail-container .detail-title h1 {
    width: 500px;
    line-height: 60px;
    font-size: 22px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	float:left;
}

.detail-container .detail-img.type-tag {
    position: relative;
}
.detail-container .detail-img {
    cursor: pointer;
}
.detail-container .detail-img img{ 
margin:0 auto 10px auto;
border: 0;
padding: 0;
max-width: 780px;
width: expression_r(this.width>780?"780px":this.width);
max-height: 800px;
height: expression_r(this.height>800?"800px":this.height);
}
.detail-container .detail-left .img-tag {
    padding: 10px;
}
.detail-container .detail-left .img-tag .tag-title {
    color: #666;
    font-size: 16px;
    font-weight: 700;
	width: 6%;
float: left;
margin-top: 5px;
}
.tag-box {
    height: auto !important;
    max-height: 115px;
	overflow:hidden
}
.detail-container .detail-left .img-tag .tag-box a {
font-size: 14px;
color: #666;
border: 1px solid #ececec;
padding: 4px 8px;
margin:5px;
display:block;
float:left;
}
.detail-container .detail-left .tag-box a:hover {
    border: 1px solid #ff9900;
    color: #ff9900;
}
.detail-container .detail-left .detail-icon{ width:250px; float:right;}
.detail-container .detail-left .w40{cursor: pointer; width:40%; float:left; font-size:14px; line-height:60px;}
.detail-container .detail-left .w30{cursor: pointer; width:30%; float:left; font-size:14px; line-height:60px;}
.detail-container .detail-left .w40 img,.detail-container .detail-left .w30 .collection, .detail-container .detail-left .w30 .like{ margin-top:18px; margin-right:5px;}
.detail-container .detail-left .collection{
	background-image: url(../images/detail-collection.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.detail-container .detail-left .collection .active{
	background-image: url(../images/detail-collection-active.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.detail-container .detail-left .like{
	background-image: url(../images/detail-love.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.detail-container .detail-left .like .active{
	background-image: url(../images/detail-love-active.png);
	background-repeat: no-repeat;
	background-position: center center;
}


.detail-container .detail-right {
    width: 380px;
}
.detail-container .detail-info {
    background-color: #fff;
    min-height: 435px;
    margin-bottom: 10px;
    position: relative;
}

.f98{width:90%; margin:0 auto;font-size: 14px;overflow: hidden;
padding: 10px 0 20px 0;}

.avatar {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #fff;
}
.bgimage-contain {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.fpirce {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.fpirce .price {
    color: #df0f0f;
    font-size: 24px;
    font-weight: bold;
}
.fpirce del {
	color: #666666;
	font-family: Airal;
	font-size: 20px;
}
.tb_ge{
	float: left;
	width: 100%;
}
.tb_ge dl{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tb_ge dt {
	text-align: left;
	float: left;
	padding-right: 5px;
	font-weight: 700;
}
.tb_ge dd{
	text-align: left;
	float: left;
	padding-right: 5px;
}

.tm-clear::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}
.tm-sale-prop li {
    line-height: 28px;
}
.tb-prop li {
    float: left;
    line-height: 20px;
    margin: 10px 10px 10px 0;
    position: relative;
    vertical-align: middle;
}
.tb-prop li a {
    background-color: #fff;
    border: 1px solid #b8b7bd;
    color: #000;
    float: left;
    min-width: 10px;
    padding: 0 9px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 150px !important;
}
.tb-prop .biaozhun{
    background-color: #fff;
    border: 1px solid #b8b7bd;
    color: #000;
    float: left;
    min-width: 10px;
    padding: 0 9px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 150px !important;
	height:40px;
	margin-right:10px;
}
.tb-prop .biaozhun:hover{ border: 1px solid #e68a00;}
.tb-prop li:last-child{margin-right:0;} 
.tb-prop .biaozhun span{ line-height:40px;}
.tb-prop li a:hover {
    border: 1px solid #e68a00;
}
.tb-prop li .active{
	border: 1px solid #e68a00;
	background-image: url(../images/ok.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.tb-prop li.tb-selected a {
    border: 1px solid #e68a00;
}
.tb-prop li.tb-selected a:hover {
    border: 1px solid #e68a00;
}
.tb-prop li a:focus {
    outline: 0 none;
}
.tb-prop li span {
    padding-left: 1px;
}
.product_btn1 {
    background-color: #ff9900;
    border: 1px solid #e68a00;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 10px 45px;
}
.product_btn2 {
	background-color: #fff;
    border: 1px solid #e68a00;
    border-radius: 2px;
    color: #e68a00;
    font-size: 14px;
   padding: 10px 45px;
   margin-left: 20px;
}
.product_btn3 {
    background-color: #1e90ff;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
   padding: 5px;
   margin-left: 15px;
}
.guanzhu{background-color: #ffffff;color: #1e90ff;padding: 3px 15px;font-size: 16px;border: 1px solid #1e90ff; border-radius: 5px;
float: right;
margin-top: 10px;}





.recommend-more {
    min-width: 1200px;
    padding: 20px 0;
    margin-top: 34px;
    background-color: #fff;
	overflow: hidden;

}
.detail-masonry .title {
    font-size: 16px;
    color: #333;
}
.detail-masonry .text{ color: #666; line-height:30px; text-indent:2em; margin-top:20px; margin-bottom:20px; font-size:14px;}
.detail-masonry .masonry-box{
    margin-top: 20px;
}
.detail-masonry .masonry-item {
    width: 290px;
	float:left;
	margin-left:13px;
}
.masonry-item {
    width: 290px;
    margin-bottom: 15px;
	
}
.masonry-box div:first-child{margin-left:0;} 
.masonry-box div:nth-child(5){margin-left:0;} 
.detail-masonry .masonry-item img {
    width: 100%;
	text-decoration: none;
}

img-info-r .info-r-m {
    padding-top: 16px;
    padding-bottom: 6px;
}
.img-box .orgR-b-border {
    border-bottom: 2px solid #eeeeee;
}
.img-info-r .info-r-m li {
    color: #666;
    margin-bottom: 15px;
    font-size: 16px;
    overflow: hidden;
}

.main_img .show {
   width: 100%;
   height: 50px;
   top:50%;
left: 26%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
z-index: 200;


  display:inline-block;
}
.main_img .show .imgArea {
 position: absolute;
	width: 52%;
max-width: 350px;
height: 50px;
margin: 0 auto;


}
.main_img .show .imgArea a{
color:rgba(0,0,0, 0.8);
	background-color:rgba(0,0,0, 0.6);
	border-radius:5px;
	width:50%;
	float:left;
	display: inline-block;

}
.main_img .show .imgArea .cart{
	background-image: url(../images/cart10.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 32px;
	width: 32px;
	float:left;
}
.main_img .show .imgArea .star{
	background-image: url(../images/star102.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 32px;
	width: 32px;
	float:right;
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}