.xicon{background:url(http://qnm.hunliji.com/o_1afssah1puag1lgs19k2b3ifmh7.png); vertical-align:middle;}
.header {
	border-bottom: 1px solid #e8e8e8;
}
.nav-top {
	width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	padding: 10px 0;
	font-weight: bold;
}
.nav-top .item {
	color: #333333;
	margin-right: 50px;
}
.nav-top .item.focus {
	color: #f83244;
}

.wrapper {
	margin: 0 auto;
    font-size: 14px;
	width: 1200px; overflow: hidden;; padding-bottom: 80px;
}
.gotop{ position:fixed; left:50%; bottom: 100px; margin-left:610px; width:55px; cursor: pointer;}
.gotop em, .gotop i{width:53px; height:53px; border:1px solid #e7e7e7; text-align:center;margin-top:10px; background:#fff; font-size:20px; line-height:45px; color:#999;}
.gotop em:hover, .gotop i:hover{background: #f8f8f8;}
.gotop i.share{font-size:16px;}

.side_share{ position:fixed; left:50%; bottom: 160px; margin-left:605px; width:55px; cursor: pointer;}
.side_share em, .side_share i{width:53px; height:53px; border:1px solid #e7e7e7; text-align:center;margin-top:10px; margin-left:5px;background:#fff; font-size:14px; line-height:53px; color:#999;}
.side_share em:hover, .side_share i:hover{background: #f8f8f8;}
.side_share .shares a{float: none;display: block;margin: 15px;}
.side_share .shares{display: none;position: absolute;left: -60px;top:10px;border:1px solid #e7e7e7;background: #fff; }
.icon_share {background: url("http://qnm.hunliji.com/o_1afsv2i4f194i1telk4k1nss13prc.png"); width: 30px; height: 30px;}

.section {
	margin-top: 25px;
}
.section-tag {
	margin-bottom: 75px;
}
.nav-sub {
	/*padding-bottom: 20px;*/
	/*border-bottom: 1px solid #e8e8e8;*/
}
.nav-sub .title-top {
	float: left;
	font-size: 20px;
	color: #333333;
}
.nav-sub .more {
	float: right;
	color: #999999;
	margin-top: 6px;
}
.list-tag .item {
	float: left;
	color: #666666;
	margin: 25px 40px 30px 0;
}
.list-topic{
    width: 100%; overflow: hidden;
}
.list-topic .item {
    float: left;
    color: #333;
    font-size: 16px;
    margin: 20px 26px 0 0;
    border: 1px solid #e7e7e7;
}
.list-topic .item img:hover{opacity: 0.8}
/*.list-topic .item:hover{color: #ff705e;}*/
.list-topic .item:nth-child(4n){margin-right: 0;}
.list-topic .title{width: 92%; line-height: 48px; margin: 0 4%;}
.fanye{width: 100%; margin: 30px 0; text-align: center;}

.pages{padding:0 0 30px 0; text-align:center; width: 100%;clear:both;margin: 0 auto;}
.pages a span{display: inline-block; height:34px; line-height:34px; color:#666;}
.pages{display:inline-block;}
.pages a{line-height:34px; /*padding: 0 14px;*/ display:inline-block;margin-left:-1px }
.pages a:first-child{margin-left: 0}
.pages span.current{background: #f83244;color: #fff;line-height:34px; min-width:34px; border:1px solid #e7e7e7; display:inline-block;margin-left:-1px }
/*.pages span:hover, .pages ul a:hover{border-color:#f83244;}*/
.pages em{margin-left: 3px}


.chaozhi{width:1200px; margin:0 auto;}
.chaozhi h3{font-size:20px; color:#333; line-height:28px; font-weight:normal; margin-top:20px;}
.setbox{width:1224px;}
.setbox ul{width:280px; height:258px; border:1px solid #e7e7e7; float:left; margin-right:24px; margin-top:20px;}
.setbox ul img{width:280px; height:176px;}
.setbox ul img:hover{opacity: 0.8}
.setbox .li1{position:relative; margin-bottom:10px;}
.setbox .li1:hover span{width: 100%; height: 100%; background: rgba(255,255,255,0.2); position: absolute; top: 0; left: 0; z-index: 9;}
.setbox .li1 i{content:"";width:83px; height:36px; position:absolute; background-position:-71px -44px; top:10px; left:-6px; line-height:30px; color:#fff;text-indent:10px; z-index: 10;}
.setbox .li2, .setbox .li3{line-height:34px; width:260px; padding:0 10px; float:left;}
.setbox .li2 b{width:50px; height:16px; line-height:16px; font-size:12px; color:#fff; background:#f83244; font-weight:normal; text-align:center; margin-right:10px; float: left; margin-top: 10px; border-radius: 2px;}
.setbox .li2 span{width:200px; overflow:hidden; float:right; height: 34px;}
.setbox .li2 span a, .setbox .li2 a span{color: #333;}
.setbox .li3 dd{float:left;}
.setbox .li3 b{font-size:12px;color:#f83244;}
.setbox .li3 strong{font-size:18px; color:#f83244; margin-right:10px;}
.setbox .li3 s{color:#999; font-size:12px; margin-top: 2px;float: left;}
.setbox .li3 dd.hotxin{float:right; color:#999; font-size: 12px;}
.setbox .li3 i{background-position:-28px 0; width:14px; height:12px; margin-right:5px; display:inline-block;}
.line{width: 3px; height: 20px; background: #f83244; float: left; margin-right: 10px; margin-top: 5px;}

.clr999{color: #999;}
.sort-box{width:1228px; float:left; padding-bottom:30px;}
.sort-box ul, .tab-box2 ul{width:276px;  border:1px solid #e7e7e7; float:left; margin-right:29px; margin-top:20px;}
.sort-box ul img, .tab-box2 ul img{width:276px; height:172px;}
.sort-box ul img:hover, .tab-box2 ul img:hover{opacity: 0.8;}
.sort-box .li1{position: relative;}
.sort-box .li1:hover span{width: 100%; height: 100%; background: rgba(255,255,255,0.2); position: absolute; top: 0; left:0;}
.sort-box .li2, .sort-box .li3, .tab-box2 .li2, .tab-box2 .li3{line-height:34px; width:246px; font-size: 14px; float:left; padding:0 15px;/* padding-bottom:6px;*/text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sort-box .li2 span a, .tab-box2 .li2 span a{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:right; font-size:14px; height: 30px; color: #333;}
.sort-box .li2 a span, .tab-box2 .li2 a span{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:right; font-size:14px; height: 30px; color: #333;}
.bt-anli .li3{margin-top: 3px;}
/* 用于搜索页的特殊样式 */
.soso-left .sort-box ul, .tab-box2 ul{width:257px;  border:1px solid #e7e7e7; float:left; margin-right:29px; margin-top:20px;}
.soso-left .sort-box ul img, .tab-box2 ul img{width:100%; height:160px;}
.soso-left .sort-box ul img:hover, .tab-box2 ul img:hover{opacity: 0.8;}
.soso-left .sort-box .li1{position: relative;}
.soso-left .sort-box .li1:hover span{width: 100%; height: 100%; background: rgba(255,255,255,0.2); position: absolute; top: 0; left:0;}
.soso-left .sort-box .li2,.soso-left .sort-box .li3,.soso-left .tab-box2 .li2,.soso-left .tab-box2 .li3{line-height:34px; width:215px; font-size: 14px; float:left; padding:0 15px;/* padding-bottom:6px;*/text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.soso-left .sort-box .li2 span a, .tab-box2 .li2 span a{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:right; font-size:14px; height: 30px; color: #333;}
.soso-left .sort-box .li2 a span, .tab-box2 .li2 a span{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:right; font-size:14px; height: 30px; color: #333;}
.soso-left .bt-anli .li3{margin-top: 3px;}
.soso-right .sort-box ul, .tab-box2 ul{width:316px;  border:1px solid #e7e7e7; float:left; margin-right:29px; margin-top:20px;}
.soso-right .sort-box ul img, .tab-box2 ul img{width:316px; height:195px;}
.soso-right .sort-box ul img:hover, .tab-box2 ul img:hover{opacity: 0.8;}
.soso-right .sort-box .li1{position: relative;}
.soso-right .sort-box .li1:hover span{width: 100%; height: 100%; background: rgba(255,255,255,0.2); position: absolute; top: 0; left:0;}
.soso-right .sort-box .li2,.soso-right .sort-box .li3,.soso-right .tab-box2 .li2,.soso-right .tab-box2 .li3{line-height:34px; width:286px; font-size: 14px; float:left; padding:0 15px;/* padding-bottom:6px;*/text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.soso-right .sort-box .li2 span a, .tab-box2 .li2 span a{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:right; font-size:14px; height: 30px; color: #333;}
.soso-right .sort-box .li2 a span, .tab-box2 .li2 a span{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:right; font-size:14px; height: 30px; color: #333;}
.soso-right .bt-anli .li3{margin-top: 3px;}

/*.sort-box .li2 span a:hover, .tab-box2 .li2 span a:hover{color: #f83244;}*/
.sort-box .li3 dd, .tab-box2 .li3 dd{float:left;}
.sort-box .li3 .clr999, .tab-box2 .li3 .clr999{width: 100%; height: 16px; line-height: 14px; overflow: hidden; font-size: 12px;}
.sort-box .li3 b, .tab-box2 .li3 b{font-size:14px;color:#f83244;}
.sort-box .li3 strong, .tab-box2 .li3 strong{font-size:20px; color:#f83244; margin-right:10px; font-family: Arial;}
.sort-box .li3 s, .tab-box2 .li3 s{color:#999; font-size:12px;}
.sort-box .li3 dd.hotxin, .tab-box2 .li3 dd.hotxin{float:right; color:#999; font-size: 12px;}
.sort-box .li3 i, .tab-box2 .li3 i{background-position:-28px 0; width:14px; height:12px; margin-right:5px; }
.sort-box .li3 dd.hotxin span, .tab-box2 .li3 dd.hotxin span{vertical-align: middle;}

.wedding-card{width: 100%; margin-bottom:50px; overflow: hidden;}
.wedding-card ul{width: 210px; border: 1px solid #e7e7e7; margin-right: 35px; margin-top: 30px; padding-bottom: 18px; float: left;}
.wedding-card ul:nth-child(5n){margin-right: 0;}
.wedding-card li{width: 100%; text-align: center;}
.wedding-card .li1 img{width: 210px; height: 340px;}
.wedding-card .li2{width: 100%; text-align: center; font-size: 12px; color: #666; line-height: 40px;}
.wedding-card .li2 span{font-size: 14px; color: #f83244; height: 20px; line-height: 20px;margin-top: -2px;}
.wedding-card .li3 button{width: 128px; height: 36px; background: #ffa800; font-size: 16px; border-radius: 18px; border: none; color: #fff; margin: 0 auto;}
.wedding-card .li3 button:hover{background: #ffb526;}

.carddata-right, .cardbox2-right{width: 280px; float: right;}
.cardbox1-right{width: 238px;padding:20px;float: right; border: 1px solid #e7e7e7; margin-top: 30px; position: relative;}
.cardbox1-right h2{width: 83px;height: 36px;position: absolute;background-position: -71px -44px;top: 10px;left: -6px;line-height: 30px;color: #fff;text-indent: 10px;z-index: 10;}
.cardbox1-right h3{width: 100%; margin-top: 30px; font-size: 16px; color: #333; line-height: 40px;}
.cardbox1-right .text{color: #666; line-height: 20px;}
.cardbox1-right .down-img{width: 100%; margin-top: 24px; border: 1px dashed #ccc; padding-top: 24px; border-width: 1px 0 0 0;}
.cardbox2-right h2{width: 100%; margin-top: 30px; font-size: 20px; color: #333; line-height: 20px;}
.cardbox2-right h2 i{width: 3px; height: 20px; background: #f83244; float: left; margin-right: 10px;}
.cardbox2-right li{width: 130px; height: 212px; border: 1px solid #e7e7e7; float: left; margin-right: 16px; margin-top: 20px;}
.cardbox2-right li:nth-child(2n){margin-right: 0;}
.cardbox2-right li img{width: 100%; height: 100%;}
.carddata-left{width: 870px; height: 880px; float: left; margin-top: 30px; position: relative;}
.carddata-left .butpage{width: 34px; height: 60px;position: absolute;}
.carddata-left .butpage:hover{opacity: 0.5; cursor: pointer;}
.carddata-left .prev{ background-position:0 -45px;  left: 0; top: 50%;}
.carddata-left .next{ background-position:-35px -45px; right: 0; top: 50%;}
.imglist{width: 480px; height: 780px; position: relative; margin: 0 auto;}
.imglist li{text-align: center; width: 480px; height: 780px; position: absolute; border: 1px solid #e7e7e7; padding: 7px;}

.animation{animation: myfirst 0.5s linear;}
@keyframes myfirst
{
    0%   {transform:scale(1);}
    50%  {transform:scale(0.5) rotate(90deg); opacity: 0.4;}
    100% {transform:scale(0) rotate(180deg); opacity: 0;}
}



.tag-lei{width:1198px; height: 38px; float:left; margin-top:25px; border:1px solid #e7e7e7; background:#f8f8f8; color:#666;}
.tag-lei .leihz1{float:left; line-height:38px;}
.tag-lei .leihz1 em{width:75px; text-align:center;color: #333; display: inline-block;}
.tag-lei .leihz1 a{padding:0 10px; margin:0 10px; color:#666; cursor:pointer; line-height: 12px;}
.tag-lei .leihz1 a:hover{color: #f83244;}
.tag-lei .leihz1 a.on{color:#ff705e;}
.tag-lei .leihz1 span.hLine {background: #ccc;width: 1px;height: 12px; display: inline-block;}
.tag-lei .leihz2{width:90px; height:24px; cursor: pointer; float:right; margin-right:15px; border:1px solid #e7e7e7; line-height:24px; background:#fff; margin-top:6px; text-align:center; position: relative; z-index: 99;}
.leihz2 div{width:90px; line-height:24px; border:1px solid #e7e7e7; background:#fff; padding:0px 0; display:none;position: absolute;left: -1px;top: 24px;}
.leihz2 div span{width:100%; margin-top:0px;display: block; text-indent: -15px;}
.leihz2 div span:hover{background: #eee;}
.leihz2:hover div{display:block;}
.screen{float:right; margin-top:7px; margin-right:30px; color:#666;}
.screen em{width:75px; height:22px; line-height:22px; border:1px solid #e7e7e7; background:#fff; display: inline-block; color: #999;}
.screen input{width:60px; text-indent:5px; background:none; border: none; height: 22px; line-height: 22px; float: right;}
.screen input:focus{outline:none; /*margin-left: 10px;*/}
.screen button{width:56px; height:24px; line-height:22px; color:#fff; background:#f83244; border:0;vertical-align: top; cursor: pointer; margin-left: 10px;}

.search-no{width: 100%; text-align: center; padding: 40px 0; overflow: hidden;}
.box-hezi{width: 100%; padding: 20px 0; overflow: hidden;}

.weddingcar{margin-top: 30px;}
.swiper-container{position: relative;}
.tags{width: 100%; height: 250px;}
.swiper-container .preNext {width:30px; height:60px; position:absolute; top:70px; cursor:pointer; opacity: 0.8;}
.swiper-container .pre {left:50%; background-position:0 -44px; margin-left: -600px;}
.swiper-container .next {right:50%; background-position:-36px -44px; margin-right: -600px;}
.swiper-container .preNext:hover{opacity: 1;}

.titleh2{width: 100%; line-height: 70px; font-size: 20px; color: #333; margin-top: 10px;}
.cartaocan ul{width: 280px; height: 240px; border: 1px solid #e7e7e7; float: left; margin-right:24px;}
.cartaocan a:nth-child(4n) ul{margin-right: 0;}
.cartaocan .li1{width: 92%; margin: 0 4%; line-height: 36px; font-size: 14px; margin-top: 5px; color: #333; height: 36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cartaocan li img:hover{opacity: 0.8}
.cartaocan .li2{text-align: center;}
.cartaocan .li2 span{font-size: 24px; color: #f83244;}
.cartaocan .li2 em{font-size: 14px; color: #f83244;}
.cartaocan .li2 s{font-size: 12px; color: #999; margin-left: 10px;display: inline-block; margin-top: 6px;}
.lable-tag{border: 1px solid #e7e7e7; display: block; padding: 0 20px; overflow: hidden;}
.lable-tag li{width: 100%; line-height: 46px; border-bottom: 1px dashed #e7e7e7; float: left;}
.lable-tag li:last-child{border: 0;}
.lable-tag li span{width: 50px; line-height: 46px; color: #999; float: left;}
.lable-tag li a{float: left; height: 22px; line-height: 22px; margin: 11px 11px 0 11px; border: 1px solid #fff; color: #666; padding: 0 10px; cursor: pointer;}
.lable-tag li a.on, .lable-tag li a:hover{border-color: #ff705e; border-radius: 5px; color: #ff705e;}
.sort-car{border: 1px solid #e7e7e7; background: #f8f8f8; height: 38px; display: block; margin-top: 20px;}
.sort-car span{width: 94px; border-right:1px solid #ccc; text-align: center; float: left; margin-top: 12px; cursor: pointer; color: #666; line-height: 14px;}
.sort-car span:last-child{border: 0;}
.sort-car span:hover, .sort-car span.on{color: #ff705e;}

.list-weddingcar ul{margin-top: 20px; height: 240px;}
.list-weddingcar .li2{float: left; margin-left: 15px;}
.list-weddingcar .li2 span{font-size: 18px;}

.car-data-left{width: 560px; height: 356px; float: left; background: #f8f8f8;}
.car-data-left .swiper-pagination{text-align: right;}
.car-data-left .swiper-pagination-bullet-active{background: #fff;}
.car-data-right{width: 610px; float: right; overflow: hidden; position: relative;}
.car-data-right li{width: 100%; float: left;}
.car-data-right .li1{width: 460px; font-size: 20px;}
.car-data-right .li2{font-size: 12px; color: #999; margin-top: 25px;}
.car-data-right .li2 s{color: #999; float: right;}
.car-data-right .li2 span{font-size: 30px; color: #f83244;}
.car-data-right .li2 em{color: #f83244; font-size: 14px;}
.car-data-right .li3{margin-top: 13px;}
.car-data-right .li3 span{width:115px; color: #999; float: left; line-height: 30px;}
.car-data-right .li3 a{line-height: 26px; color: #666; float: left; padding: 0 8px; margin: 5px 10px; border: 1px solid #e7e7e7; cursor: pointer;}
.car-data-right .li3 a.active, .car-data-right .li3 a:hover, .car-data-right .li3 a.on{color: #ff705e; border-color: #ff705e;}
.car-data-right .li3 em{width: 26px; height: 26px;background: #f8f8f8; cursor: pointer; font-size: 20px; border: 1px solid #e7e7e7; color: #999; float: left; text-align: center; line-height: 26px;}
.car-data-right .li3 input{width: 46px; height: 26px; border: 1px solid #e7e7e7; border-width: 1px 0; float: left; text-align: center;}
.car-data-right .li3 input:focus{outline: none;}
.car-data-right .li4{margin-top: 16px;}
.car-data-right .li4 button{width: 150px; height: 50px; margin-right: 15px; border:1px solid #f83244; font-size: 18px; border-radius: 5px;}
.but1{background: #f83244; color: #fff;}
.but1:hover{background: #ff7474;}
.but2{background: #fff; color: #f83244;}
.but2:hover{background: #fff2f2;}
.share{width: 150px; position: absolute; top: 0; right: 0; line-height: 24px;}
.share span{float: right;}
.share em{width: 26px; height: 26px; border-radius: 50%; cursor: pointer; float: left;background: url('http://qnm.hunliji.com/o_1adva432k1nkt1b6f111l118u1bjp1f.png') no-repeat; margin-right: 4px;}
.share a{ height: 26px; border-radius: 50%; cursor: pointer; float: left;background: url('http://qnm.hunliji.com/o_1adva432k1nkt1b6f111l118u1bjp1f.png') no-repeat; margin-right: 4px;}
.share em.shareqq{background-position: -2px -2px;}
.share a.shareqq{background-position: -2px -2px;}
.share em.sharesina{background-position: -2px -48px;}
.share a.sharesina{background-position: -2px -48px;}
.share em.sharewx{background-position: -2px -94px;}
.share a.sharewx{background-position: -2px -94px;}
.share a:hover{opacity: 0.85}
.car-data-bottom{float: left; margin-top: 40px; width: 100%;}
.sift{width: 282px; float: left;}
.redh2{width: 100%; font-size: 20px; line-height: 20px;}
.redh2 i{width: 3px; height: 20px; background: #f83244; float: left; margin-right: 10px;}
.sift ul{margin-top: 20px;}
.car-text{width: 780px; float: right; border:1px solid #e7e7e7; padding: 40px 55px;}
.car-text h2{width: 100%; border-bottom: 1px dashed #e7e7e7; font-size: 18px; padding-bottom: 15px;}
.car-text h2 i{font-size: 16px; width: 18px; height: 18px; border-radius: 50%; color: #fff; float: left; margin-right: 10px; text-align: center;}
.car-text p{width: 100%; line-height: 28px; color: #666; margin-top: 10px;}
.recom{float: left; width: 100%; margin-top: 40px;}

/*����ҳ��*/
.soso-box{overflow: hidden;}
.soso-right{width: 320px; float: right;}
.lineh2{width: 100%; font-size: 20px; line-height: 20px;}
.lineh2 i{width: 3px; height: 20px; background: #f83244; float: left; margin-right: 10px;}
.hot-taocan, .hot-anli{width: 320px; padding-bottom: 30px;}
.hot-anli .li3 .clr999{width: 180px; color: #999; font-size: 14px;}
.hot-huati .lineh2{border-bottom: 1px solid #e7e7e7; padding-bottom: 16px;}
.hot-huati ul{padding-top:16px; float:left;}
.hot-huati ul .li2{width: 100%;}
.hot-huati li{width:100%; height: 20px; color:#666; margin-bottom:14px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.hot-huati li a:before{content:"•"; width:14px; height:14px; float:left; color:#999; margin-top: 2px;}
.soso-left{width: 822px; float: left; overflow: hidden;}
.hoth3{font-size: 20px; line-height: 20px;}
.hoth3 span{color: #f83244; float: left;}
.hoth3 a{float: right; font-size: 14px; line-height: 20px; margin-right: 30px; margin-top:3px; color: #999;}
.bt-taocan{width: 844px; float: left;}
.bt-anli{width: 844px; float: left;}
.bt-anli ul{padding-bottom: 0;}
.bt-hunpin{width: 844px; float: left;}
.soso-left .sort-box ul{margin-right: 22px; padding-bottom: 5px;}
.bt-hunpin ul{width: 200px;}
.bt-hunpin ul .li2, .bt-hunpin ul .li3{width: 170px;}
.bt-hunpin ul .li1 img{width: 100%; height: 257px;}
.bt-hunpin ul .li2 a{color: #333;}
.bt-hunpin ul .li3{margin-top: -8px;}
/*��ǩ�̼�*/
.shop-box{width:820px; height: 220px; padding-bottom:15px; margin-top: 0; border-bottom:1px solid #e7e7e7; padding-top:30px; clear:both; float:left; position: relative;}
.bt-shangjia .shop-box:nth-child(3){border-bottom: none;}
.sort-box .shop-box:last-child{border-bottom: none;}
.shopinfo{width:300px; float: left;}
.shopinfo img{width:64px; height:64px; border:1px solid #e7e7e7; margin: 0; margin-right: 15px; border-radius: 50%; float: left;}
.left-shop{width:175px; float:left; margin:0 10px;}
.left-shop dt{font-size:16px; color:#333; line-height:26px;}
.left-shop dt a{color: #333;}
.left-shop dt em, .hotellist-dl1 dt em{width: 18px; height:18px; background:url(http://qnm.hunliji.com/o_1amst1eugeat1h83avs5ehoih7.png); margin-right:5px; text-indent: -999px;}
.case-four  .case-em1{background-position: 0 0;}
.case-four  .case-em2{background-position: -20px 0;}
.case-four  .case-em3{background-position: -40px 0;}
.case-four  .case-em4{background-position: -60px 0;}
.case-four .case-em5{background: #8fcff3;}
.case-four .case-em6{background-position: -0px -20px;}
.case-four .case-em7{background-position: -20px -20px;}
.left-shop dt  .case-em1{background-position: 0 0;}
.left-shop dt  .case-em2{background-position: -20px 0;}
.left-shop dt  .case-em3{background-position: -40px 0;}
.left-shop dt  .case-em4{background-position: -60px 0;}
.left-shop dt i{line-height:18px; background:#ffa800; color:#fff; padding:0 5px; font-size:12px;}
.left-shop dd{color:#666; font-size:12px; margin-top:10px;}
.left-shop dd:last-child{margin-top: 20px;}
.left-shop dd button{width:98px; height:30px; border:1px solid #ffc722; background:#ffc722; border-radius:4px; color:#fff; font-size:14px; line-height: 26px;}
.left-shop dd button:hover{opacity: 0.8;}
.left-shop dd button.on{background: #fff; color: #666; border: 1px solid #e7e7e7;}
.shopcase{width:600px; right:0; position: absolute; top: 30px;}
.shopcase dl{width:245px; border:1px solid #e7e7e7; margin-left:28px; float:left;}
.shopcase dt{position:relative;}
.shopcase dt:hover em{width: 100%; height: 100%; background: rgba(255,255,255,0.2); position: absolute; top: 0; left: 0;}
.shopcase dt img{width:245px; height:155px;}
.shopcase dt img:hover{opacity: 0.8;}
.shopcase dt span{position:absolute; z-index: 99; bottom:-6px; left:-6px; width:82px; height:36px;background:url(http://qnm.hunliji.com/o_1ag52eija1ie81ksk186u1fd2hdk7.png); background-position:-71px -44px; line-height:30px; color:#fff; text-indent:6px;}
.shopcase dt span i{display:inline;}
.shopcase dd{ padding:0 10px; height: 40px; line-height: 40px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.shopcase dd a{color: #333;}
.shopcase dd span{width:180px; height: 40px; overflow: hidden;line-height:40px;}
.shopcase dd span:hover{color: #f83244;}
.shopcase dd i{float:right; line-height: 40px;}
.shopcase dd i:before{content:"";width:14px; height:12px;  background:url(http://qnm.hunliji.com/o_19tjq1jdh1kqf1bnrkj915df122bn.png); vertical-align:middle; float:left;background-position:-28px 0; margin:14px 5px 0 0;}
.soso-right .sort-box .li3{margin-top: 6px;}

/*��ǩ����*/
.borline{border-bottom: 1px solid #e7e7e7; margin-top: 10px; padding-bottom: 15px;}
.tag-boxleft, .left880{width:820px; float:left;}
.tag-boxleft ul{width:100%; border-bottom:1px dashed #ccc; float:left; padding-top:20px;}
.tag-boxleft ul:last-child{border-bottom: none;}
.tag-boxleft li{width:100%; float:left; margin-bottom:15px;}
.tag-boxleft .li1{font-size:18px; color:#333; line-height: 18px;}
.tag-boxleft .li1 a:hover{color: #f83244;}
.tag-boxleft .li1 span{float:right; font-size:12px; color:#999;}
.tag-boxleft .li1 em{color:#ff705e;}
.tag-boxleft .li1 i{width:16px; height:16px; background-position:-173px -200px; margin:-2px 5px 0 5px; display: inline-block;}
.tag-boxleft .li3{margin-bottom: 0;}
.tag-boxleft .li3 img{margin-right:5px; margin-bottom: 15px;}
.tag-boxleft .li4 span{color:#999; font-size: 12px;}
.tag-boxleft .li4 .icon1{width:16px; height:12px; background-position:-57px 0px;margin:-2px 5px 0 5px;display: inline-block;}
.tag-boxleft .li4 .icon2{width:12px; height:12px; background-position:-12px 0px;margin:-2px 5px 0 20px;display: inline-block;}
.tag-boxleft .li4 em{float:right; color:#999; font-size: 12px; line-height: 18px;}
.tag-boxright{width:283px; float:right;}
.tag-boxright h2{width:100%; border-bottom:1px solid #e7e7e7; font-size:20px; padding-bottom:10px;}
.tag-boxright ul{padding-top:20px;}
.tag-boxright li{width:100%; color:#666; margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;height:30px; line-height:30px; white-space:nowrap; }
.tag-boxright li a{color: #666;}
.tag-boxright li a:before{content:"?"; width:14px; height:14px; float:left; color:#999;}


.pages span{width:78px; height:34px; line-height:34px; color:#666; border: 1px solid #e8e8e8;}
.pages ul{width:auto; display:inline-block;}
.pages ul a{line-height:34px; min-width: 34px; display:inline-block;margin-left:-1px;border:1px solid #e7e7e7; position: relative;}
.pages ul a:hover {color: #f83244;}
.pages ul a:first-child{margin-left: 0}
.pages ul a.current{background: #f83244;color: #fff;border: 1px solid #f83244; z-index: 1;}
.pages em{margin-left: 3px; font-size: 12px; color: #999; margin-left: 20px;}
.pages span:hover a{color: #f83244;}

/*��ǩ��Ʒ*/
.wedding-box{width: 1200px; overflow: hidden;}
.hunpin-list{width: 994px; float: left;}
.hunpin-list ul{width: 222px; border: 1px solid #e7e7e7; margin-right: 24px;}
.hunpin-list ul .li2, .hunpin-list ul .li3{width: 190px;}
.hunpin-list ul .li3{margin-top: -6px;}
.hot-hunpin ul .li3{margin-top: -10px;}
.hunpin-list ul .li1 img{width: 100%; height: 220px;}
.hot-hunpin{width: 200px; float: right;}
.hot-hunpin ul{width: 198px; border: 1px solid #e7e7e7; margin-right: 24px;}
.hot-hunpin ul .li2, .hot-hunpin ul .li3{width: 168px;}
.hot-hunpin ul .li1 img{width: 198px; height: 198px;}
.tag-lei1{width: 375px; float: right; margin-top: -38px;}
.tag-lei1 .leihz2{width:90px; height:24px; cursor: pointer; float:right; margin-right:24px; border:1px solid #e7e7e7; line-height:24px; background:#fff; margin-top:6px; text-align:center; position: relative; z-index: 99;}
.hunpin-list h3{height: 32px;}
.shop-rank{width: 1198px; float: left; border: 1px solid #e7e7e7; border-top: 0;height: 38px;}
.shop-rank em{width: 90px; float: left; line-height: 38px; text-align: right;}
.shop-rank span{height: 16px; line-height: 16px; padding: 0 15px; margin: 11px 0; float: left; border-right: 1px solid #999; color: #666; cursor: pointer;}
.shop-rank span:last-child{border: 0;}
.shop-rank span.on, .shop-rank span:hover{color: #f83244;}
.shop-rank-id{width: 1200px;}
.sort-box .shop-rank-id:first-child{border-top: 0;}
.shop-rank-id .shopcase{width: 900px;}

.magtop30{margin-top: 30px;}

/* 搜索品专 */
.merchant-ad {
  margin-bottom: 40px;
}
.ad-button-card {
  position: relative;
  width: 820px;
  height: 324px;
  color: #fff;
}
.card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 820px;
  height: 324px;
}
.card-mask {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px 30px 0;
  width: 760px;
  height: 276px;
  background: rgba(0, 0, 0, .6);
}
.card-title {
  width: 100%;
  overflow: hidden;
}
.ad-icon {
  width: 178px;
  height: 178px;
  border: 1px solid #e8e8e8;
  float: left;
}
.ad-icon > img {
  width: 178px;
  height: 178px;
}
.ad-description {
  width: 556px;
  float: right;
}
.description-title {
  margin-top: 9px;
  width: 100%;
  height: 24px;
}
.description-shopname {
  float: left;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0px;
}
.description-ad {
  float: right;
	font-size: 14px;
	font-weight: normal;
  line-height: 24px;
  color: #999;
	letter-spacing: 0px;
}
.description-content {
  display:-webkit-box;
  text-align: justify;
  margin-top: 24px;
  width: 100%;
	height: 72px;
	font-size: 14px;
	line-height: 24px;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:3;
  -moz-line-clamp:3;
  -webkit-box-orient:vertical;
}
.description-contact {
  margin-top: 24px;
  width: 100%;
}
.contact-phone {
  height: 14px;
  float: left;
  margin-right: 40px;
}
.contact-phone-icon {
  margin-right: 8px;
  width: 12px;
  height: 12px;
  float: left;
}
.contact-phone-text {
  height: 14px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0px;
  float: left;
}
.card-nevigate {
  width: 760px;
  display: flex;
  justify-content: flex-start;
  margin-top: 40px;
	font-size: 16px;
  line-height: 23px;
  position: relative;
}
.nev-item {
  position: relative;
	font-size: 16px;
  color: #000000;
  font-weight: bold;
  width: 106px;
  margin: 0 33px 0 0;
}
.card-nevigate > a .nev-item:after {
	content:"/";
	font-size: 16px;
  color: #ccc;
  position: absolute;
  top: 0;
  right: -1px;
  font-weight: normal;
}
.card-nevigate > a:nth-child(6) .nev-item {
  position: relative;
	font-size: 16px;
  color: #000000;
  font-weight: bold;
}
.card-nevigate > a:last-of-type .nev-item:after {
	content:"";
  display: none;
}
.card-nevigate > a .nev-item:hover {
  color: #f83244;
}
.pretalk-span {
  color: #13acec;
  cursor: pointer;
}
.pretalk-span:hover {
  color: #13acec;
  cursor: pointer;
  text-decoration: underline;
}
/* card2 */
.list-detail {
	position: relative;
  margin: 40px 0 20px 0;
  width: 760px;
  height: 330px;
}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; overflow:hidden }
/* 导航样式 */
.ad-nevigate {
  position: relative;
  width: 820px;
  color: #000;
  margin-bottom: 47px;
}
.nevigate-background {
  padding: 30px 30px 10px 30px;
  width: 760px;
  background: #fafafa;
}
.nevigate-bar {
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
	font-size: 16px;
}
.nevigate-bar > .nevigate-bar-space:last-child {
  margin-right: 0 !important;
}
.nevigate-bar-active {
  width: 142px;
  height: 67px;
  line-height: 60px;
  background: url(//qnm.hunliji.com/o_1cll8b4hb96p155p1do21ir9j2e7.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 12px;
}
.nevigate-bar-item {
  width: 142px;
  height: 60px;
  line-height: 60px;
  background: #fff;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0px 8px 28px 0px 
    rgba(0, 0, 0, 0.06);
  cursor: pointer;
  margin-right: 12px;
}
.nevigate-bar-item:hover {
  color: #f83244;
}
.nevigate-content {
  position: relative;
  margin-top: 24px;
  width: 100%;
  height: auto;
}
.content-area-show {
  display: flex;
  justify-content: flex-start;
  position: relative;
  height: auto;
  background: #fafafa;
  overflow-y: hidden;
  overflow-x: scroll;
}
.content-area-show::-webkit-scrollbar {
  display: none;
}
.content-area-hide {
  display: none;
}
.scroll-area {
  width: 760px;
  display: flex;
  justify-content: flex-start;
  overflow-x: scroll;
  position: relative;
}
.scroll-container {
  width: 760px;
}
.scroll-container-case > .button-prev {
  position: absolute;
  left: 0;
  top: 103px;
  width: 18px;
  height: 30px;
  z-index: 3;
  background: url(http://qnm.hunliji.com/o_1cbvsh1te1hil150k1usepml1f0a8.png);
  background-color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
}
.scroll-container-package > .button-prev {
  position: absolute;
  left: 0;
  top: 68.5px;
  width: 18px;
  height: 30px;
  z-index: 3;
  background: url(http://qnm.hunliji.com/o_1cbvsh1te1hil150k1usepml1f0a8.png);
  background-color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
}
.scroll-container > .button-prev:hover {
  background-color: rgba(0, 0, 0, 0.45);
}
.scroll-container-case > .button-next {
  position: absolute;
  right: 0;
  top: 103px;
  background: black;
  width: 18px;
  height: 30px;
  z-index: 3;
  background: url(http://qnm.hunliji.com/o_1cbvsh1te1nfp1e62kcp1n1k176r9.png);
  background-color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
}
.scroll-container-package > .button-next {
  position: absolute;
  right: 0;
  top: 68.5px;
  background: black;
  width: 18px;
  height: 30px;
  z-index: 3;
  background: url(http://qnm.hunliji.com/o_1cbvsh1te1nfp1e62kcp1n1k176r9.png);
  background-color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
}
.scroll-container > .button-next:hover {
  background-color: rgba(0, 0, 0, 0.45);
}
.scroll-area::-webkit-scrollbar {
  display: none;
}
.scroll-area::-webkit-scrollbar-track {
  background-color:#fafafa;
}
.scroll-area::-webkit-scrollbar-thumb {
  background-color:rgb(193, 193, 193);
}
.content-map {
  width: 740px;
  height: 272px;
  padding: 10px;
  background: #fff;
  margin-bottom: 20px;
}
.content-map > div {
  width: 100%;
  height: 100%;
}
.content-pretalk {
  width: 760px;
  height: 293px;
  background: #fff;
  margin-bottom: 20px;
}
.pretalk-title {
  margin-top: 37px;
  width: 100%;
  height: 17px;
  text-align: center;
	font-size: 16px;
	color: #333333;
}
.pretalk-input {
  width: 360px;
  margin: 0 auto;
  color: #333;
}
.pretalk-input > input {
  padding-left: 20px;
  margin-top: 20px;
  width: 340px;
  height: 40px;
  border-radius: 2px;
  border: solid 1px #d8d8d8;
  color: #333;
}
.pretalk-submit {
  margin-top: 30px;
  width: 100%;
}
.opacity-hover:hover {
  opacity: .85;
}
.pretalk-submit > button {
  display: block;
  width: 360px;
  height: 40px;
  margin: 0 auto;
	background-color: #f83748;
  border-radius: 2px;
  color: #fff;
}
.content-banner {
  width: 760px;
  height: 360px;
  margin-bottom: 20px;
}
.content-case {
  width: 183px;
  padding-bottom: 20px;
}
.poster-item {
  cursor: pointer;
}
.case-link {
  margin-right: 10px;
}
.case-link:last-child {
  margin-right: 0;
}
.content-case > img {
  width: 183px;
  height: 236px;
  margin-bottom: 20px;
}
.nevigate-content-item > span {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #000000;
}
.contact-package {
  position: relative;
  width: 240px;
  height: 241px;
  /* 底部阴影20px */
}
.package-link {
  margin-right: 20px; 
}
.package-link:last-child {
  margin-right: 0;
}
.contact-package-image {
  width: 240px;
  height: 167px;
}
.contact-package-des {
  position: absolute;
  top: 127px;
  left: 14px;
  z-index: 2;
  width: 184px;
  height: 66px;
  padding: 13px 14px 15px;
  background: #fff;
  box-shadow: 0 -5px 20px 4px rgba(0, 0, 0, 0.04);
}
.contact-package-des:hover {
  position: absolute;
  top: 123px;
  left: 14px;
}
.des-title {
	font-size: 14px;
	line-height: 20px;
  color: #000;
  display:-webkit-box;
  text-align: justify;
  width: 100%;
	height: 40px;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.des-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.des-price {
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0px;
  color: #f83244;
  text-align: left;
  font-weight: bold;
}
.des-price-unit {
	font-size: 14px;
}
.des-price-num {
	font-size: 18px;
}
.des-linknum {
	height: 12px;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0px;
  color: #666666;
  text-align: right;
}
/* 视频 */
.nevigate-background-video {
  padding: 30px;
  width: 760px;
  background: #fafafa;
  cursor: pointer;
}
.ad-nevigate-videoarea {
  position: relative;
}
.ad-video {
  width: 820px;
  height: 388px;
  background: #666;
}
.ad-video-icon {
  width: 88px;
  height: 88px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -44px;
  margin-top: -44px;
  display: none;
}
.description-title-video {
  width: 100%;
  height: 44px;
}
.ad-video-description {
  width: 100%;
}
.title-icon {
  width: 42px;
  height: 42px;
  margin-right: 16px;
  float: left;
  border: 1px solid #e8e8e8;
}
.title-icon > img {
  width: 42px;
  height: 42px;
}
.title-shopname {
  float: left;
	font-size: 24px;
	font-weight: bold;
	line-height: 44px;
	letter-spacing: 0px;
}
.title-ad {
  float: right;
	font-size: 14px;
	font-weight: normal;
	line-height: 44px;
  letter-spacing: 0px;
  color: #999;
}
/* 轮播 */
.unslider, .banner-slider, .unslider-clone, .unslider-wrap,.unslider-wrap > li, .unslider-active, .slide__img{position:relative;width:100%;height:100%;overflow:hidden;}
.unslider-nav{position:absolute;bottom:10px;width:100%;}
.unslider-nav ol{list-style:none;text-align:center;}
.unslider-nav ol li{display:inline-block;width:8px;height:8px;margin:0 6px;border-radius:4px;background:#fff;overflow:hidden;text-indent:-999em;cursor:pointer;}
.unslider-nav ol li.unslider-active{background:#f83244;cursor:default;}

/*地图*/
.mapbox{width: 880px; height: 400px; padding: 40px; position: absolute; top: 50%; left: 50%; margin-left: -480px; margin-top: -240px; background: #fff;}
.mapbox h2{font-size: 18px;}
.mapbox h3{margin-top: 5px;}
.maphezi{width: 880px; height: 340px;background: #ff0; margin-top: 10px;}
.down-tan i{width: 20px; height: 20px; font-size: 25px; text-align: center; line-height: 20px; color: #999; position: absolute; top: 50%;
    margin-top: -220px; left: 50%; margin-left: 440px; z-index: 99; border-radius: 50%; cursor: pointer;}
/*弹框 2018年6月6日 */
.modal_layer{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; z-index:10000; top: 0;left: 0; display: none; justify-content: center; align-items: center;}
.modal_box{background: #fff; width: 480px; padding: 20px; box-sizing: border-box; font-size: 14px; color: #666; border-radius: 2px;}
.modal_box__Close{background: url(http://qnm.hunliji.com/o_1cfrqc6fg1ke61n0dbf01b9m1e4nc.png) no-repeat;display: block;width: 12px;height: 12px;cursor: pointer; float: right;}
.modal_box_title{width: 100%; text-align: center; font-size: 20px; line-height: 20px; margin-top: 16px; color: #333; font-weight: 800;}
.modal_box_tel{width: 100%; text-align: center; font-size: 30px; line-height: 40px; margin-top: 16px; color:#333; font-weight: bold;}
.modal_box_tel img{display:inline-block; margin-right: 10px; vertical-align: bottom;}
.modal_box_text{width: 100%;font-size: 12px; line-height: 14px; margin-top: 14px;}
.modal_box_input{width: 300px; margin: 0 auto;}
.modal_box_moble input{width: 298px; height: 38px; border: 1px solid #e8e8e8; text-indent: 10px; margin-top: 20px;}
.modal_box_button{width: 300px; height: 40px; background: #f83244; color: #fff; text-align: center; line-height: 40px; font-size: 18px; border-radius: 2px; margin-top: 20px; cursor: pointer; margin-bottom: 20px;}
.modal_box_prompt{margin-top: 4px; margin-bottom: -12px; font-size: 12px; color: #f83244; visibility: hidden;}
.modal_xiazai{width: 406px; margin: 0 auto; border-top:1px dashed #ccc; margin-top: 40px; text-align: center; padding: 40px 0 20px 0;}
.modal_xiazai img{margin-top: 20px;}
.showModal{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.animated {
  animation-duration: .5s;
  animation-fill-mode: both;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}