html,body,ul,li,p,h1,h2,h3,h4,dl,dt,dd,p,a,img{margin:0;padding:0;border:0;outline:0}ul{list-style:none}:focus{outline:0}em{font-style:normal;font-weight:normal}table{border-collapse:separate}td{font-weight:normal}h1,h2,h4{font-weight:normal;font-size:100%}a{color:#333;text-decoration:none}.footer:after{content:"\0020";display:block;height:0;clear:both}.footer{zoom:1}body{color:#333;background:transparent;font:14px Open Sans,sans-serif;   background-color:#f6f6f6;}.footer{width:960px;margin:0 auto 10px}.toTop{background-image:url(/templets/img/comm.png);background-repeat:no-repeat}.item-rank-rst{background-image:url(/templets/img/remark.png);background-repeat:no-repeat}.comment-list{margin-bottom:15px}.item-rank-rst{float:left;width:64px;height:12px;margin:3px 12px 0 0;text-indent:-9999px;overflow:hidden}.irr-star50{background-position:0 0}.yeys-info .comment-rst .item-rank-rst{width:84px;height:16px}.yeys-info .comment-rst .irr-star50{background-position:0 -160px}.footer{margin-bottom:30px;padding-top:15px;color:#999;border-top:1px dashed #e4e4e4}.footer a{color:#61646e}.footer a:hover{text-decoration:underline;color:#C00}.toTop{width:48px;height:49px;text-indent:-9999px;position:fixed;outline:0;bottom:10px;right:10px;background-position:0 -290px;_position:absolute;display:block;z-index:9999}.toTop:hover{background-position:-48px -290px}
strong{font-weight:bold}em{font-style:normal;font-weight:normal}input{font-family:inherit;font-size:100%}a{color:#333;text-decoration:none}
footer,.main{zoom:1}.iup{background:url(/templets/img/comm-old.2.png) no-repeat}.iup{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;*margin-right:3px;vertical-align:middle;position:relative;font-size:0}.Pages{clear:both;padding:5px;text-align:right;font-size:12px;float:right}.iup{background-position:0 -1489px;height:9px;width:9px}.main,.secondary,.footer{width:960px;margin:0 auto 10px}.main{color:#111}.Fix:after,.secondary:after{clear:both;display:block;height:0;content:'\20'}.Fix,.secondary{*zoom:1}.toTop{background-image:url(/templets/img/comm.png);background-repeat:no-repeat}.term-list-item{float:left;width:540px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #e4e4e4}.term-list-item .term{float:left;width:54px;font-weight:normal;color:#999}.term-list-item .desc{margin-left:54px}.term-list-item .desc li{float:left;width:87px;margin:0 10px 4px 0;overflow:hidden}.term-list-item .desc li a{color:#61646e}.term-list-item .desc li a:hover{text-decoration:underline;color:#C00;background-color:#FFF}.secondary .term-list-item{width:960px}.footer{margin-bottom:30px;padding-top:15px;color:#999;border-top:1px dashed #e4e4e4}.footer a{color:#61646e}.footer a:hover{text-decoration:underline;color:#C00}
.footer:after,.main:after{content:"\0020";display:block;height:0;clear:both}
#footer {
    clear: both;
    width: 100%;
    margin-top: 10px;
    display: inline-block;    margin: 0 auto;
    padding: 10px 0;
    border-top: 1px solid #e3e3e3;
    line-height: 2;
}.footer .links {
    color: #ebebeb;
    margin-bottom: 10px;    text-align: center;
    font: 12px/1.5 Arial,sans-serif;
}.footer .links a {
    margin: 0 7px;
}
.footer .links a, .footer .rights a {
    color: #8c8c8c;
}.footer .links, .footer .rights {
    text-align: center;
    font: 12px/1.5 Arial,sans-serif;
    color: #8c8c8c;
}

.yeys-info{border-color:#fff1f1}
.nav { height: 36px;padding-top: 5px;font-family: Tahoma,sans-serif,Microsoft YaHei;}   
.nav .user-action {float: left;
}
.nav .quick-menu {
    float: right;
}
.nav .group .left-split {
    padding-left: 8px;
    border-left: 2px solid #ebebeb;
    margin-left: -2px;
}
.nav .group .item {
    float: left;
    padding: 0 10px;
    line-height: 14px;
    cursor: pointer;
    _zoom: 1;
    *vertical-align: middle;
    margin: 11px 0 11px -10px;
}

.page-header {
    height: 70px;
    background-color: #fff;
    clear: both;
}.page-header .logo {
    float: left;
    width: 115px;
    height: 38px;
    margin-top: 17px;
    background-image: url(http://www.haojiaoyu.net/templets/img/logo.png);
    background-repeat: no-repeat;
}#page-header .search-bar {
    margin-right: 158px;
}
.page-header .search-bar {
    position: relative;
    float: right;
    margin-top: 14px;
}#page-header .search-bar input {
    width: 258px;
    margin-right: -5px;
    padding: 10px;
    float: left;
}
.page-header .search-bar input {
    width: 322px;
    height: 18px;
    font-size: 14px;
    padding: 10px 66px 10px 10px;
    border: 1px solid #e3e3e3;
}#page-header .search-bar .search-btn2 {
    background-color: #fff;
    color: #999;
    border: 1px solid #e3e3e3;
    height: 38px;
    line-height: 38px;
    margin-left: 4px;
    *margin-top: -1px;
    position: absolute;
    right: -148px;
}#page-header .search-bar .search-btn {
    background-color: #ff6686;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #f6f6f6;
    width: 68px;
    *padding: 0;
    position: absolute;
    right: -73px;
}
.cla {
    position: relative;
    z-index: 100;
}#page-header .search-bar .search-btn {
    background-color: #ff6686;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #f6f6f6;
    width: 68px;
    *padding: 0;
    position: absolute;
    right: -73px;
}
.page-header .city {
    position: relative;
    float: left;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    padding: 0 10px;
    margin: 17px 0 0 17px;
    text-decoration: none;
    cursor: pointer;
}.page-header .city .icon {
    display: inline-block;
    width: 9px;
    height: 5px;
    margin-left: 10px;
    *margin: 15px 0 16px 10px;
}
.option {
    display: none;
    position: absolute;
    top: 50px;
    left: 235px;
    width: 246px;
    border-top: 1px solid #A32500;
    background-color: #F9F9F9;
    cursor: default;
    z-index: 150;
    padding: 10px 20px 28px 28px;
}.option .option_diqu {
    float: left;
    width: 240px;
    padding-right: 2px;
    line-height: 36px;
    font-weight: 800;
    color: #f63;
}.option span {
    float: left;
    width: 80px;
    padding-right: 2px;
    line-height: 30px;
}#page-header .search-bar .search-btn2 {
    background-color: #fff;
    color: #999;
    border: 1px solid #e3e3e3;
    height: 38px;
    line-height: 38px;
    margin-left: 4px;
    *margin-top: -1px;
    position: absolute;
    right: -148px;
}
.n_a{position:relative; display:inline-block;line-height:33px; color:#A32500; z-index:100;}.n_a:hover, .cla:hover .sel, .cur{border-color:#CFC6C6; text-decoration:none;}.cla{position:relative; z-index:100;}.sel{padding-right:10px;}.option{display:none;position:absolute;top:50px;left:155px;width:246px;border-top:1px solid #A32500;background-color:#F9F9F9;cursor:default;z-index:150;padding: 10px 20px 28px 28px;} .cla:hover .option{display:block;}.option span{float:left; width:80px; padding-right:2px; line-height:30px;}.option span a{color:#666666;}.option span a:hover{background:#A32500; color:#ffffff; text-decoration:none;}.option .more{clear:both; padding:10px 0 25px; text-align:center;}.option .more a{color:#A32500;}.option .option_diqu{float:left; width:240px; padding-right:2px; line-height:36px;font-weight:800;color:#f63;}
#main-nav {
    background-color: #ff6686;
    border-bottom: 1px solid #ec6286;
}
.main-nav {
    height: 39px;
    line-height: 40px;
    background-color: #ff7200;
    border-bottom: 1px solid #ed6104;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
}.main-nav .channel-nav a {
    float: left;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
}#main-nav .channel-nav .t-bn {
    color: #e0e0e0;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}#main-nav .channel-nav .t-bn a {
    color: #fff;
    font-size: 14px;
    padding: 0 16px;
    display: inline-block;
    position: relative;
}

#main-nav .channel-nav .t-bn a .line {
    width: 1px;
    background: #ffb3c3;
    position: absolute;
    top: 13px;
    right: 0;
    height: 15px;
}
.inc_f{margin:5px;padding:5px;}/**.nrmbx{max-width:1110px;height:100px;max-height:100px;}**/.nrlx{max-width:600;max-height:150px;}

.container {width:1000px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}


 
.row {
	  
}
.container:before, .container:after, .row:before, .row:after {
	display: table;
	content: " ";
}
.container:after, .row:after {
	clear: both;
}
@-ms-viewport {
 width: device-width;
}
@media (max-width: 767px) {
.hjy-reserve-new .picshow{position:inherit;left: 10px;top: 2px;width: 100%;}
.hjy-reserve-new .textshow {position:inherit;left:8px;width: 100%;top:8px;}
.hjy-reserve-new{height:auto;border:0;width:99%;}
.hid-xs {display: none !important;}
#main-body{width:99%}
#J_wraper{width:100%;overflow: hidden;}
.content-wrap{width:99%}
.list-wrap .list-top .selet-serch{max-width:99%;margin-left:10px}
.hjy-reserve-new .picshow  img{width:98%;left: 3px;top: 2px;width:97%;}
.m-tabs .tabs-list{width:99%}
.float-layer{position:inherit;width:100%;top:0;}
.aside {width:100%;}
.aside .midas-wrap-search {width:99%;padding:0;}
.midas-wrap-search .mn .img-shop{width:100%;}
.midas-wrap-search .mn .img-shop img{width:100%;height:180px;}
.m-tabs{width:100%}
.m-tabs .tabs-list{width:100%;left:0;}
.list-ul{width: 100%;max-width:400px;}
.nav,#page-header{display: none !important;}
.fj-item{width: 350px;}
.list-wrap .list-top .con {width:100%;left: 0%;margin-left: 0px;}
.list-wrap .list-con .main{width:99%}
.list-wrap .list-ul .shop-list li{width:99%}
.list-right{float:left;display:block;}
.list-wrap .list-ul .shop-list li .info{width:100%;}
.list-right{float:left;display:block;width: 100%;}
.list-wrap .list-ul .shop-list li :after{width:90%}
.secondary-list,.secondary-list .term-list-item ,.secondary-list .term-list-item{max-width:300px;}
.list-wrap .list-con .term-box .inner-choose{width:100%;}
.main{width: 100%;margin: 0 auto 10px;}.list-right .side-con{width:auto}.list-right .side-block{width:auto}
.list-wrap .list-ul{width:100%}
.list-wrap .list-ul .shop-list li img{width:100%}
.list-wrap .list-ul .shop-list li .info .title{text-align:center;}
.Pages {font-size: 18px;float: inherit;}
.list-wrap .list-ul .shop-list li .pic{width:100%}
.content {width:100%;margin:0;}
.content  .con-header-crumbs{width:90%;margin-left: 10px;}
.content  .con-header .search{display:none;}
.content  .left-con{width:95%;padding:10px;}
.content  .left-con .artTit h1{font-size: 20px;text-align: left;}
.content  .left-con .mainbody img{width:100%}
.content  .left-con .summary p{line-height:24px}
.content  .right-con .rtopics{width:95%}
.content  .right-con{width:100%}
}
@media (min-width: 768px) and (max-width: 991px) {
.hid-sm {display: none !important;}
.list-ul{width: 100%;}
}
@media (min-width: 992px) and (max-width: 1199px) {.hjy-reserve-new .picshow{position:inherit;}.hjy-reserve-new .textshow {position:inherit;left:8px;}.hjy-reserve-new{height:auto;}
.hid-md {
	display: none !important;
}
}
@media (min-width: 1200px) {
.hid-lg {
	display: none !important;
}
}
@charset "utf-8";
@media (min-width: 767px) {
.post_top {
	/*position:fixed;
	z-index:999;*/
	width:100%;
}
}

.nav2 {
	position:relative;
	width:100%;
	height:50px;
	/*background:#ff524c;*/
	background:##ff648a;
	text-align:center;
	padding-top:10px;
}
.nav1 {
	position:relative;
	height:50px;
	width:100%;
	/*background:#ff524c;*/
	background:#0072c6;
}
.nav3 {
	width:45%;
	max-width:500px;
	/*background:#151b23;*/
	background:#0072c6;
	position:relative;
	top:-60px;
	left:-45%;z-index: 30;
}
.nav3 a {
	display:block;
	line-height:50px;
	/*border-bottom:1px solid #0b0f13;*/
	border-bottom:1px dashed #fff;
	color:#eee;
	text-align: center;
    font-size: 1.3em;
}
.nav-pos {
	/*position:fixed;z-index:99;*/
	position:relative;

	height:50px;
	width:100%;
}
.menu_bt {
	float:right;margin-top: -8px
}
.menu_bt img{margin-top:1px;margin-bottom:2px;}
.m_logo {
	text-align:center;
	font-size:24px;
	color:#fff;
}
.post_top {
	/*height:30px;顶部吸顶是否展现*/
	background:#eee;
	overflow:hidden;
}
.main_top {
	/*height:130px;*/
	overflow:hidden;
	/*padding-top:12px;*/
}
.navmeau {
	/*float:right;
	padding-top:5px;*/
}
.navmeau span {
	display:inline-block;
	float:left;
	height:38px;
}
.navmeau span a {
	display:block;
	line-height:38px;
	padding-left:10px;
	padding-right:10px;
	/*color:#666;*/
	color:#fff;
	font-size:18px;
}
.navmeau span a:hover {
	/*background:#FF6666;	-moz-border-radius: 5px;     
	-webkit-border-radius: 5px; border-radius:5px;*/
	background:#c00;
	color:#fff;
	text-decoration:none;
 
	
	height:45px;
}
.pcnav{background:#0072c6;color: #fff;text-decoration: none;/*width: 950px;*/ width: 1000px;}
.news_items a:visted {
color:#505050;
}

.navs {
 display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: #0072c6;
    color: #fff;
    width: 1000px;
    background: #0072c6;
    color: #fff;
    text-decoration: none;
    width: 1000px;
    position: relative;
    height: 38px;
    width: 1000px;

    margin-right: auto;
    margin-left: auto;
}

.nav-toggle {
  cursor: pointer;
  padding: 10px 15px;
  display: none; 
}

.toggle-icon {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 5px auto;
  transition: background-color 0.3s ease;
}

.logo {
  font-size: 1.5rem;
  text-decoration: none;
  color: #fff;
  display:none;
}

.allnav {
  list-style-type: none;
  display: flex;
}

.allnav li {
  margin: 0 10px;    display: inline-block;
    float: left;
    height: 38px;
}
.allnav li a {
    display: block;
    line-height: 38px;
    color: #fff;
    font-size: 18px;
    white-space: nowrap;
}
.nav-links {
  text-decoration: none;
  color: #fff;
  transition: color 0.3s ease;
}

.nav-links:hover {
  color: #f44336;
}

@media screen and (max-width: 768px) {
.navs{width:100%}
  .nav-toggle {
    display: block; 
  }
  
  .allnav {
    display: none;
    flex-direction: column;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 70px;
    left: 0;
  
    z-index: 1;
  }
  
  .allnav.active {
display: flex;
    width: 45%;
    max-width: 500px;
    background: #0072c6;
    position: relative;
    top: 325px;
    left: -60%;
    z-index: 30;	
  }
  
  .nav-links {
    padding: 10px;
    display: block;
  }
.logo{display:block;position: absolute;transform: translateX(-50%);top:2px;left:50%;}
}



.allnav li a:hover {
    background: #c00;
    color: #fff;
    text-decoration: none;
    height: 38px;
}