.guide{
overflow:auto;
}
.guide>.title{
width:30%;
float:left;
text-align:center;
}	
.guide>.title .title-1{
background-color:#9A231D;
color:#FFFFFF;
font-size:35px;
padding:16px 0px;
cursor:pointer;
}
.guide>.title .title-2{
font-size:30px;
color:#333333;
background-color:#F5F5F5;
border-bottom:1px solid #E4E4E4;
padding:1.5% 0px;
position:relative;
cursor:pointer;
}
.guide>.title .title-2>span{
position:absolute;
right:1%;
top:30%;
color:#A7A7A7;
}
.guide>.guide-content{
width:69%;
float:left;
display:none;
}
.guide>.click1{
display:block;
}
.guide>.guide-content>.link{
display:block;
text-align:right;
color:#333333;
border-bottom:1px solid #E4E4E4;
border-left:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
padding:1.5% 1% 1.5% 0px;
}
.guide>.guide-content>.discon{
color:#9A231D;
font-size:28px;
padding:18px 0px 18px 5%;
border-bottom:1px solid #F2F2F2;
border-top:1px solid #F2F2F2;
border-right:1px solid #F2F2F2;
}
.guide>.guide-content>.title-content{
overflow:auto;
border-bottom:1px solid #F2F2F2;
border-left:1px solid #F2F2F2;
border-right:1px solid #F2F2F2;
padding:2% 1% 2% 5%;
}
.guide>.guide-content>.title-content>a{
float:left;
width:70%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#333333;
}
.guide>.guide-content>.title-content>span{ 				
float:right;
width:30%;
text-align:right;
color:#A6A6A6;
}
/*图片样式*/
.guide>.guide-content{
/*overflow:auto;*/
}
.guide>.guide-content>.title-img{
width:18%;
float:left;
margin:2% 1% 6% 1%;
}
.guide>.guide-content>.title-img .title-content{
border-right:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
padding:0px 4%;
margin-top:4%;
}
.guide>.guide-content>.title-img .title-content>.title{
color:#000000;
}
.guide>.guide-content>.title-img .title-content>.excart{
color:#646464;
}
.guide>.guide-content>.title-img>a{
display:block;
}
.guide .title-img .img{
overflow:hidden;
}
.guide .title-img img{
 transition: all 0.6s;
}
.guide .title-img  img:hover{
transform: scale(1.2);
}					











@media screen and (min-width: 1240px) {

}
@media (min-width: 1200px) and (max-width: 1239px){

}
@media (min-width: 992px) and (max-width: 1199px){

}
@media (min-width: 750px) and (max-width: 991px){

}
@media (min-width: 0px) and (max-width: 749px){
.guide>.title{
width:100%;
}
.guide>.guide-content{
width:100%;
}
.guide>.guide-content>.title-img{
width:100%;
float:none;
margin:2% 0px 6% 0px;
}
.guide>.guide-content>.discon{
border-left:1px solid #F2F2F2;
}














}