/*-------弹出------*/

.tcbox {
	width: 370px;
	height: 250px;
	position: fixed;
	left: 50%;
	margin-left: -225px;
	top: 50%;
	margin-top: -165px;
	background: #ddd;
	border-radius: 10px;
	z-index: 100;
	padding: 40px;
}

.tcbox .close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 20px;
	right: 20px;
	background: url("../images/close_red.png") no-repeat;
	transition:.5s
}

.tcbox .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg)}

.tcbox .tc_title {
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #f70114;
	padding-bottom: 20px;
}
.tcbox .tc_text {
	width: 100%;
	height: 48px;
	font-size: 16px;
	line-height: 24px;
	color: #2d2422;
	text-align: center;
	margin-bottom: 20px;
}

.tcbox .tc_input {
	width: 100%;
	height: 48px;
}

.tcbox .tc_input input {
	width: 350px;
	height: 28px;
	background: #eee;
	padding: 10px;
	line-height: 28px;
	color: #b6b6b6;
  color: #333;
  font-size: 14px;
  outline: none;
  border: 1px solid #eee;
  background: #eee;
  transition: all linear 0.05s;border-radius: 5px;-webkit-border-radius: 5px;
	font-family: "Microsoft Yahei";
}

.tcbox .tc_button {
	width: 160px;
	height: 42px;
	background: -webkit-linear-gradient(left, #f70114, #ff6c01 100%);
    background: -o-linear-gradient(right, #f70114, #ff6c01 100%);
    background: -moz-linear-gradient(right, #f70114, #ff6c01 100%);
    background: linear-gradient(to right, #f70114, #ff6c01 100%);
	color: #fff;
	line-height: 42px;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
	display: block;
	border-radius: 21px;
	margin: 30px auto 0 auto;
}

.tcbox .tc_button:hover {
	font-weight: bold;
}


/*-------精选线路-详细页------*/


.detailt {
	width: 1120px;
	height: auto;
	border: 1px solid #eee;
	padding: 39px;
	background: #fff;
	margin-bottom: 20px;
	display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  -webkit-justify-content: center;
  -o-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.detailt .imgbox {
	width: 570px;
	height: 470px;
}

/************/
.detailt .imgbox .main_pic {
  width: 570px;
  height: 390px;
  overflow: hidden;
  position: relative;
}
.detailt .imgbox .main_pic .swiper-wrapper .swiper-slide {
  background: #fff;
}
.detailt .imgbox .thumb_pic {
  width: 100%;
  margin-top: 5px;
  position: relative;
  height: 70px;
  overflow: hidden;
}
.detailt .imgbox .thumb_pic .thumb_cell {
  width: 520px;
  margin: 2px 25px;
  height: 68px;
  overflow: hidden;
  overflow-x: scroll;
  padding-bottom: 30px;
}
.detailt .imgbox .thumb_pic .thumb_cell .gallery-thumb {
  width: 2080px;
  height: 68px;
  float: left;
}
.detailt .imgbox .thumb_pic .thumb_cell .gallery-thumb li {
  float: left;
  width: 520px;
}
.detailt .imgbox .thumb_pic .thumb_cell .gallery-thumb li span {
  position: relative;
  cursor: pointer;
  width: 100px;
  height: 68px;
  margin-right: 5px;
  float: left;
  overflow: hidden;
  display: inline-block;
}
.detailt .imgbox .thumb_pic .thumb_cell .gallery-thumb span img {
  height: 100%;
  width: auto;
}
.detailt .imgbox .thumb_pic .thumb_cell::-webkit-scrollbar {
  display: none;
}
.detailt .imgbox .thumb_pic .thumb_cell .gallery-thumb li span:last-child {
  margin-right: 0;
}
.detailt .imgbox .thumb_pic .thumb_cell .gallery-thumb span.hover::before {
  content: '';
  width: 96px;
  height: 64px;
  border: 2px solid #eb45a3;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.detailt .imgbox .main_pic .arrow {
  width: 295px;
  height: 390px;
  cursor: pointer;
  outline: none;
  z-index: 2;
  position: absolute;
}
.detailt .imgbox .main_pic .arrow.aleft {
  left: 0;
}
.detailt .imgbox .main_pic .arrow.aright {
  right: 0;
}
.detailt .imgbox .main_pic .arrow.aleft::before {
  content: '';
  background-position: -282px -40px;
  left: 0;
  background-image: url(../images/detail_icon.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -29.5px;
  width: 34px;
  height: 58px;
  opacity: 0;
}
.detailt .imgbox .main_pic .arrow.aright::before {
  content: '';
  background-position: -330px -40px;
  right: 0;
  top: 50%;
  margin-top: -29.5px;
  background-image: url(../images/detail_icon.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 34px;
  height: 58px;
  opacity: 0;
}
.detailt .imgbox .main_pic .arrow.aleft:hover:before {
  opacity: 1;
}
.detailt .imgbox .main_pic .arrow.aright:hover:before {
  opacity: 1;
}
.detailt .imgbox .thumb_pic .arrow {
  width: 20px;
  height: 68px;
  background-image: url(../images/detail_icon.png);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 2;
  top: 0;
  cursor: pointer;
  outline: none;
}
.detailt .imgbox .thumb_pic .arrow.aleft {
  background-position: -36px 0;
  left: 0;
}
.detailt .imgbox .thumb_pic .arrow.aright {
  background-position: -90px 0;
  right: 0;
}
.detailt .imgbox .thumb_pic .arrow.aleft:hover {
  background-position: -63px 0;
}
.detailt .imgbox .thumb_pic .arrow.aright:hover {
  background-position: -117px 0;
}

/*------------------左右滑动swiper---------------------*/
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/************/



.detailt .imgbox .leixing {
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	background: -webkit-linear-gradient(left, #f70114, #ff6c01 100%);
    background: -o-linear-gradient(right, #f70114, #ff6c01 100%);
    background: -moz-linear-gradient(right, #f70114, #ff6c01 100%);
    background: linear-gradient(to right, #f70114, #ff6c01 100%);
	width: 110px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-bottom-right-radius: 10px;
	font-size: 16px;
	z-index: 2;
}



.detailt .textbox {
	width: 510px;
	height: auto;
	margin-left: 40px;
}
.detailt .textbox .title {
	width: 100%;
	color: #2d2422;
}
.detailt .textbox .title h1 {
	line-height: 1.5;
	font-size: 24px;
}
.detailt .textbox .titlef {
	width: 100%;
	color: #a0a0a0;
	margin-top: 10px;
}
.detailt .textbox .titlef h3 {
	line-height: 1.5;
	font-size: 16px;
}
.detailt .textbox .linebo {
	width: 100%;
	height: 1px;
	background: #eee;
	margin: 16px 0;
}

.detailt .textbox .lx {
	width: 510px;
	height: auto;
}

.detailt .textbox .lx .bq01, .detailt .textbox .lx .bq02 {
	width: 100px;
	height: 24px;
	border-radius: 12px;
	background: #f70114;
	color: #fff;
	text-align: center;
	margin-right: 10px;
	float: left;
	line-height: 24px;
	margin-bottom: 10px;
  display: inline-block;
}
.detailt .textbox .lx .bq02 {
	background: #ff6c01;
	color: #fff;
}

.detailt .textbox .text {
	width: 510px;
	height: auto;
	font-size: 14px;
	float: left;
	margin-top: 10px;
}

.detailt .textbox .text ul {
	width: 100%;
	height: auto;
}
.detailt .textbox .text ul li {
	width: 100%;
	float: left;
}
.detailt .textbox .text ul li em {
	width: 76px;
	color: #a0a0a0;
	line-height: 36px;
	float: left;
}
.detailt .textbox .text ul li b {
	width: 434px;
	font-weight: normal;
	color: #2d2422;
	line-height: 18px;
	font-size: 14px;
	padding: 8px 0;
	float: left;
}

.detailt .textbox .text ul li.visad em {
	line-height: 24px;
}
.detailt .textbox .text ul li.visad b {
	line-height: 18px;
	padding: 3px 0;
}

.detailt .textbox .text ul li b.jiage {
	color: #f70114;
}
.detailt .textbox .text ul li b.jiage span {
	font-size: 24px;
}



.detailt .textbox .visatable {
	width: 508px;
	height: auto;
	margin-bottom: 10px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 20px;
	 
}
.detailt .textbox .visatable .visarow {
	width: 100%;
	height: auto;
	display:flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.detailt .textbox .visatable .visarow .visatop {
	width: 126px;
	line-height: 30px;
	background: #f9f9f9;
	text-align: center;
	color: #999;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.detailt .textbox .visatable .visarow .visabottom {
	width: 126px;
	line-height: 42px;
	text-align: center;
	color: #2d2422;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}



/*导航*/
.detail_wrap {
  position: relative;
  margin-top: 20px;
  padding-top: 46px;
}

.detail_nav {
  width: 1198px;
  background: #fff;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: absolute;
  z-index: 99;
	top:0;
	left: 50%;
  margin-left: -599px;
	border-bottom:  1px solid #eee;
	border-top:  1px solid #eee;
}
.detail_nav span {
  display: inline-block;
  width: 110px;
  height: 44px;
	border-right: 1px solid #eee;
	border-bottom:  1px solid #eee;
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 44px;
  cursor: pointer;
	margin-bottom: -1px;
	background: #fff;

}
.detail_nav span.hover,
.detail_nav span:hover {
  border-bottom-color: #fff;
  font-weight: bold;
	background: -webkit-linear-gradient(left, #f70114, #ff6c01 100%);
  background: -o-linear-gradient(right, #f70114, #ff6c01 100%);
  background: -moz-linear-gradient(right, #f70114, #ff6c01 100%);
  background: linear-gradient(to right, #f70114, #ff6c01 100%);
	-webkit-background-clip: text;
  color: transparent;
}

.detail_nav .zixun {
	width: 172px;
	height: 46px;
	position: absolute;
	right: -1px;
	top: -1px;
	background: -webkit-linear-gradient(left, #f70114, #ff6c01 100%);
  background: -o-linear-gradient(right, #f70114, #ff6c01 100%);
  background: -moz-linear-gradient(right, #f70114, #ff6c01 100%);
  background: linear-gradient(to right, #f70114, #ff6c01 100%);
	color: #fff;
	text-align: center;
	line-height: 46px;
	font-size: 18px;
}
.detail_nav .zixun:hover {
	font-weight: bold;
}


.detail_nav2 {
  width: 1198px;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background: #fff;
	border: 1px solid #eee;
	position: relative;
	z-index: 5;
}
.detail_nav2 span {
  display: inline-block;
  width: 110px;
  height: 44px;
	border-right: 1px solid #eee;
	border-bottom:  1px solid #eee;
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 44px;
  cursor: pointer;
	margin-bottom: -1px;
	background: #fff;

}
.detail_nav2 span.hover {
  border-bottom-color: #fff;
  font-weight: bold;
	background: -webkit-linear-gradient(left, #f70114, #ff6c01 100%);
  background: -o-linear-gradient(right, #f70114, #ff6c01 100%);
  background: -moz-linear-gradient(right, #f70114, #ff6c01 100%);
  background: linear-gradient(to right, #f70114, #ff6c01 100%);
	-webkit-background-clip: text;
  color: transparent;
}
/*内容*/
.detailb {
	width: 1198px;
	height: auto;
	border: 1px solid #eee;
	background: #fff;
	margin-bottom: 40px;
	position: relative;
	display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
	margin-top: -1px;
}

.detailb .line {
	width: 1px;
	position: absolute;
	left: 879px;
	top: 0;
	bottom: 0;
	height: auto;
	background: #eee;
}



.detailleft {
	width: 879px;
	height: auto;
}
.detailleftbox {
	width: 100%;
	height: auto;
}

.detailleft .detailtitle {
	width: 800px;
	height: auto; 
	border-bottom: 1px solid #eee;
	margin: 39px 40px 0 39px;
	padding-bottom: 20px;
	display: inline-block;
	text-align: center;
}

.detailleft .detailtitle h1 {
	width: 100%;
	height: auto;
	line-height: 150%;
	font-size: 24px;
	color: #2d2422;
	padding-bottom: 20px;
}

.detailleft .detailtitle em {
	width: 100%;
	height: auto;
	line-height: 150%;
	font-size: 16px;
	color: #a0a0a0;
}


.detailleft .detleftitle {
	width: 800px;
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
	color: #f70114;
	padding: 39px 40px 10px 39px;
}
.detailleft .detleftitle span {
	width: 12px;
	height: 12px;
	background: url("../images/icon.png") no-repeat 0 -54px;
	margin-right: 10px;
	float: left;
	margin-top: 6px;
}

.detailleft .detailld {
	width: 800px;
	height: auto;
	padding: 10px 39px 39px 39px;
	border-bottom: 1px solid #eee;
	margin-bottom: -1px;
}

.detailleft .detailld ul {
	width: 100%;
	height: auto;
}

.detailleft .detailld ul li {
	width: 100%;
	height: auto;
	line-height: 1.5;
	font-size: 16px;
	color: #2d2422;
	margin-bottom: 20px;
}
.detailleft .detailld ul li em {
	width: auto;
	line-height: 1.5;
	font-size: 18px;
	color: #ff6c01;
	font-weight: bold;
	font-style: italic;
	padding-right: 10px;
}

.detailleft .detailxc {
	width: 745px;
	height: auto;
	color: #2d2422;
	font-size: 16px;
	line-height: 150%;
	padding: 10px 40px 0px 94px;
	border-bottom: 1px solid #eee;
	margin-bottom: -1px;
	position: relative;
}

.detailleft .detailxc .dot {
	width: 1px;
	height: auto;
	position: absolute;
	left: 59px;
	top: 10px;
	bottom: 0;
	border-left: 1px dashed #efefef;
}

.xcdaybox {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}

.detailleft .detailxc .xctitle {
	width: 100%;
	line-height: 150%;
	color: #2d2422;
	font-weight: bold;
	font-size: 18px;
	position: relative;
	padding: 8px 0;
	margin-bottom: 20px;
}

.detailleft .detailxc .xctitle .xcday {
	width: 40px;
	height: 40px;
	background: #f70114;
	border-radius: 20px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: -55px;
	top: 0;
}

.detailleft .detailxc .xctext {
	width: 100%;
	line-height: 150%;
	color: #2d2422;
	font-size: 16px;
	position: relative;
	margin-bottom: 20px;
}

.detailleft .detailxc .xctext p {
  color: #2d2422;
  font-size: 16px;
  line-height: 150%;
  margin: 10px 0;
}

.detailleft .detailxc .xctext img {
	margin: 25px auto;
  display: block;
  max-width: 100%;
  height: auto;
}

.detailleft .detailxc .xctext .icon {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -1px;
	left: -50px;
	background: url("../images/icon.png") no-repeat 0 -80px;
}

.detailleft .detailxc .xcother {
	width: 100%;
	line-height: 28px;
	color: #2d2422;
	font-size: 14px;
	position: relative;
	margin-bottom: 20px;
}
.detailleft .detailxc .xcother .iconjt,
.detailleft .detailxc .xcother .iconcy,
.detailleft .detailxc .xcother .iconzs {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -1px;
	left: -50px;
	background: url("../images/icon.png") no-repeat -30px -80px;
}
.detailleft .detailxc .xcother .iconcy {
	background-position: -60px -80px;
}
.detailleft .detailxc .xcother .iconzs {
	background-position: -90px -80px;
}

.detailleft .detailxc .xcother em {
	width: auto;
	color: #a0a0a0;
	font-size: 14px;
	padding-right: 20px;
}

.detailleft .detailxc .xcview {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.detailleft .detailxc .xcview ul {
	width: 100%;
	height: auto;
}
.detailleft .detailxc .xcview ul li {
	width: 238px;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.detailleft .detailxc .xcview ul li.right {
	margin-right: 0;
}
.detailleft .detailxc .xcview ul li img {
	width: 100%;
}
.detailleft .detailxc .xcview ul li img {
  transition: all ease 0.3s;
}
.detailleft .detailxc .xcview ul li:hover img {
  transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
}

.detailleft .detailxc .xcview ul li .title {
	width: 206px;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 10px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	padding: 0 16px;
	z-index: 3;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.detailleft .detailxc .xcview ul li .imgbg {
	width: 238px;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 0;1
	z-index: 1;
	background: url("../images/xc_view_01.png") no-repeat bottom center;
	background-size: 100%;
}
.detailleft .detailxc .xcview ul li:hover .imgbg {
  background: url("../images/xc_view_02.png") no-repeat bottom center;
	background-size: 100%;
}

.detailleft .detailbox {
	width: 800px;
	height: auto;
	color: #2d2422;
	font-size: 16px;
	line-height: 150%;
	padding: 10px 40px 39px 39px;
	border-bottom: 1px solid #eee;
	margin-bottom: -1px;
}

.detailleft .detailbox p {
  color: #2d2422;
  font-size: 16px;
  line-height: 150%;
  margin: 10px 0;
}

.detailleft .detailbox img {
	margin: 25px auto;
  display: block;
  max-width: 800px;
  height: auto;
}





.detailright {
	width: 240px;
  padding: 39px 39px 0px 38px;
	height: auto;
}

.right_title {
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #e2e2e2;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.right_title span {
  display: inline-block;
  float: left;
  height: 35px;
  position: relative;
}
.right_title span::before {
  content: '';
  width: 100%;
  height: 2px;
  background: #f70114;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
}

.detailright .xclineother {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.detailright .xclineother ul {
	width: 100%;
	height: auto;
}
.detailright .xclineother ul li {
	width: 240px;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	display: inline-block;
}

.detailright .xclineother ul li img {
	width: 100%;
}
.detailright .xclineother ul li img {
  transition: all ease 0.3s;
}
.detailright .xclineother ul li:hover img {
  transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
}

.detailright .xclineother ul li .title {
	width: 208px;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 10px;
	line-height: 18px;
	font-size: 14px;
	color: #fff;
	padding: 0 16px;
	z-index: 3;
}

.detailright .xclineother ul li .leixing {
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	background: -webkit-linear-gradient(left, #f70114, #ff6c01 100%);
    background: -o-linear-gradient(right, #f70114, #ff6c01 100%);
    background: -moz-linear-gradient(right, #f70114, #ff6c01 100%);
    background: linear-gradient(to right, #f70114, #ff6c01 100%);
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-bottom-right-radius: 10px;
	font-size: 14px;
	z-index: 2;
}
.detailright .xclineother ul li .imgbg {
	width: 240px;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 0;1
	z-index: 1;
	background: url("../images/xc_view_01.png") no-repeat bottom center;
	background-size: 100%;
}
.detailright .xclineother ul li:hover .imgbg {
  background: url("../images/xc_view_02.png") no-repeat bottom center;
	background-size: 100%;
}


.detailright .zxother {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.detailright .zxother ul {
	width: 100%;
	height: auto;
}

.detailright .zxother ul li {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.detailright .zxother ul li .img {
	width: 90px;
	height: 62px;
	overflow: hidden;
	margin-right: 10px;
}

.detailright .zxother ul li .img img {
	width: 100%;
}
.detailright .zxother ul li .img img {
  transition: all ease 0.3s;
}
.detailright .zxother ul li:hover .img img {
  transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
}

.detailright .zxother ul li .title {
	width: 140px;
	height: 62px;
	overflow: hidden;
}
.detailright .zxother ul li .title h2 {
	width: 100%; 
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	color: #2d2422;
	font-size: 14px;
	margin-bottom: 6px;
}
.detailright .zxother ul li .title h3 {
	width: 100%; 
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	color: #2d2422;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.detailright .zxother ul li .title h4 {
	width: 100px;
	height: 20px;
	line-height: 20px;
	color: #a0a0a0;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.detailright .zxother ul li:hover .title h2,
.detailright .zxother ul li:hover .title h3 {
	color: #f70114;
}