.guide{
width:100%;
}
.guide>.title{
width:30%;
float:left;
text-align:center;
}
.guide>.title .title-1{
background-color:#1765A3;
color:#FFFFFF;
font-size:25px;
padding:16px 0px;
cursor:pointer;
}
.guide>.title .title-2{
font-size:25px;
color:#333333;
background-color:#F5F5F5;
border-bottom:1px solid #E4E4E4;
padding:1.5% 0px;
position:relative;
cursor:pointer;
display:block;
}
.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>a{
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:#1871B5;
font-size:20px;
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;
}	
@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>.discon{
border:1px solid #F2F2F2;
}




}