.consultation_banner{
    width:100%;
    position:relative;
    left:0;
    top:0;
    height:683px;
    background:url(../images/consultation_bg.jpg) no-repeat center center;
    background-size:cover;
    z-index:-1;
    margin-top:-122px;
}
.consultation_container{
    padding-top:30px;
    padding-bottom:70px;
}
.main_info{
    height:523px;
}
.main_info li{
    list-style:none;
}
.main_info .info_title{
    height:80px;
    border-bottom:1px solid #c1e3e7;
    background:#eafafc;
    line-height:80px;
    font-size:0;
    color:#02c3d5;
}
.info_title .number{
    width:120px;
    font-size:60px;
    font-family:"微软雅黑";
    position:relative;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
}
.info_title .number:before{
    content:"";
    height:60px;
    width:0;
    border-right:1px dashed #009cab;
    position:absolute;
    right:0;
    top:10px;
}
.info_title .text{
    padding-left:40px;
    font-size:24px;
    display:inline-block;
    vertical-align:middle;
}
.section .info_content{
    display:none;
    background:#fff;
    font-size:0;
    padding:30px 0;
}
.section.current .info_content{
    display:block;

}
.section.current .info_title{
    background:#02c3d5;
    color:#fff;
}
.section.current .info_title .number{
    background:#00d5e9;
}
.section.current .info_title .number:before{
    border-right:0 none;
}
.section.current .info_title .dropdown_btn{
    background-position:-120px -180px;
}
.info_title .dropdown_btn{
    float:right;
    width:24px;
    height:24px;
    margin-right:25px;
    margin-top:37px;
    display:inline-block;
    background:url(../images/icons.png) no-repeat -180px -180px;
}
.info_title .date,.info_title .kind{
    font-size:24px;
    float:right;
    margin-right:30px;
    font-style:oblique;
}
.info_content .dropdown_wrapper{
    width:278px;
    height:48px;
    border:1px solid #02c3d5;
    background:#fafafa;
    display:inline-block;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    margin-left:33px;
    vertical-align: middle;
    position:relative;
}
.info_content .dropdown_wrapper .dropdown{
    font-size:0;
}
.info_content .dropdown .content{
    font-size:24px;
    font-family:"微软雅黑";
    width:230px;
    text-align:center;
    line-height:48px;
    display:inline-block;
    color:#7e8694;
    vertical-align:middle;
}
.info_content .dropdown_list{
    width:278px;
    position:absolute;
    left:-1px;
    top:49px;
    border:1px solid #02c3d5;
    border-top:0;
    font-size:20px;
    display:none;
    z-index:5;
}
.info_content .dropdown_list li{
    text-align:center;
    line-height:44px;
    background:#fff;
    color:#7e8694;
    font-size:20px;
    padding-right:48px;
    font-family:"微软雅黑";
}
.info_content .dropdown_list li:hover{
    background:#02c3d5;
    color:#fff;
}
.info_content.second{
    position:relative;
    padding-left:65px;
}
.info_content.second ul{
    font-size:0;
}
.info_content.second li{
    font-size:24px;
    color:#b6bac0;
    width:142px;
    height:140px;
    background:url(../images/icons1.png) no-repeat left top;
    display:inline-block;
    vertical-align:middle;
    line-height:140px;
    text-align:center;
    margin:0 45px;
}
.info_content.second li.active{
    background-position:-400px top;
    color:#fff;
}
.info_content.second .left_btn,.info_content.second .right_btn{
    position:absolute;
    background-image:url(../images/icons.png);
    background-repeat: no-repeat;
    width: 26px;
    height:40px;
    display:block;
}
.info_content.second .left_btn{
    background-position:left -180px;
    left:28px;
    top:85px;
}
.info_content.second .right_btn{
    background-position:-60px -180px;
    right:28px;
    top:85px;
}
.info_content .has_login,.info_content .no_login{
    width:1220px;
    height:148px;
    border:1px solid #c1e3e7;
    background:#fafafa;
    margin-left:30px;
    margin-bottom:30px;
}
.has_login textarea{
    padding:10px;
    width:1200px;
    background:#fafafa;
    height:128px;
    resize:none;
    color:#7e8694;
    font-size:18px;
    border:0 none;
}
.info_content .no_login p{
    font-size:18px;
    color:#7e8694;
    text-align:center;
    line-height:40px;
    margin-top:54px;
}
.info_content .submit_wrapper{
    height:40px;
    font-size:18px;
}
.submit_wrapper .submit_btn, .ask_more .submit_btn {
    width: 240px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #df2f21;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    margin-right: 46px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.submit_wrapper .tips{
    color:#7e8694;
}
.no_login p a{
    background:#02c3d5;
    color:#fff;
    width:120px;
    height:40px;
    line-height:40px;
    text-align:center;
    margin:0 24px;
    display:inline-block;
    vertical-align:middle;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}
.info_content .dropdown .btn{
    margin:2px 2px;
    width:44px;
    height:44px;
    background:url(../images/icons.png) no-repeat -240px -120px;
    display:inline-block;
    vertical-align:middle;
}

.consultation_container .title,.faq_wrapper .title{
    font-size:24px;
    color:#7e8694;
    line-height:60px;
}
.faq .title{
    border-bottom:1px solid #a5aab3;
}
.consult_btn{
    float:right;
    font-size:18px;
    color:#02c3d5;
    padding-right:30px;
    position:relative;
}
    .consult_btn:visited, .consult_btn:hover {
        color: #df2f21;
    }
.consult_btn:before{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:30px;
    height:60px;
    background:url(../images/icons.png) no-repeat -170px -100px;
}
.faq{
padding-bottom:70px;
}
.faq ul{
    overflow:hidden;
    padding-top:60px;
}
.faq li{
    float:left;
    width:264px;
    height:280px;
    list-style:none;
    padding:0 28px;
    position:relative;
}
.faq li:before{
    position:absolute;
    content:"";
    right:0;
    width:0;
    border-right:1px solid #cfd2d6;
    height:217px;
    top:50px;
}
.faq li a{
    display:block;
}
    .faq li:hover .key {
        background-position: -400px top;
        color: #df2f21;
    }
.faq li:last-child:before{
    border-right:none;
}
    .faq li .key {
        width: 142px;
        margin-left: 61px;
        height: 140px;
        background: url(../images/icons1.png) no-repeat -200px top;
        line-height: 140px;
        font-size: 24px;
        color: #df2f21;
        text-align: center;
    }
.faq li .telephone{
    font-size:30px;
    font-family:"微软雅黑";
    color:#7e8694;
    text-align:center;
    line-height:60px;
    margin-top:12px;
}
.faq li .text{
    line-height:30px;
    font-size:18px;
    color:#7e8694;
    font-family:"微软雅黑";
    height:60px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient: vertical;
    display:-webkit-box;
    -webkit-line-clamp: 2;
}
.qa_my_question .tips {
    height: 70px;
    padding: 15px 0 15px 210px;
    line-height: 35px;
    font-size: 22px;
    color: #df2f21;
    background: #fff;
    margin-bottom: 55px;
}
.qa_my_question .tips span{
    width:62px;
    height:60px;
    display:inline-block;
    vertical-align:middle;
    background:url(../images/icons.png) no-repeat -240px -180px;
    margin-right:12px;
}
.qa_my_question .tips p{
    display:inline-block;
    vertical-align:middle;
    line-height:35px;

}
.qa_my_question .me{
    overflow:hidden;
    padding-bottom:10px;
}
.qa_my_question .me .avatar{
    float:left;
    width:159px;
    height:160px;
    margin-right:25px;
    background:url(../images/avatar.png) no-repeat left top;
}
.qa_my_question .me .content{
    position:relative;
    background:#ececec;
    float:left;
    width:880px;
    padding:20px 40px;
    min-height:140px;
    border:1px solid #e3e3e3;
    border-radius:5px;
    border-top-left-radius:0;
    -moz-border-top-left-radius:0;
    -webkit-border-top-left-radius:0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:1px 1px 0 1px rgba(150,150,150,.1);
    -moz-box-shadow:1px 1px 0 1px rgba(150,150,150,.1);
    -webkit-box-shadow:1px 1px 0 1px rgba(150,150,150,.1);
}
.qa_my_question .me .content:before,.qa_my_question .me .content:after{
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:0;
    left:-17px;
    top:0px;
    border-top:5px solid #ececec;
    border-right:20px solid #ececec;
    border-bottom:20px solid transparent;
    border-top-left-radius:4px;
    -moz-border-top-left-radius:4px;
    border-top-left-radius:4px;
    z-index:4;
}
.qa_my_question .me .content:after{
    border-top-color:#e3e3e3;
    border-right-color:#e3e3e3;
    left:-18px;
    top:-1px;
    z-index:3;
}
.qa_my_question .doctor{
    overflow:hidden;
    padding-bottom:65px;
    padding-top:40px;
}
.qa_my_question .doctor .doctor_avatar_wrapper{
    float:right;
    margin-left:25px;
    line-height:30px;
}
.qa_my_question .doctor_avatar_wrapper div{
    height:30px;
    text-align:center;
}
.qa_my_question .doctor .doctor_avatar{
    width:140px;
    height:140px;
    border:10px solid #5fd0db;
    border-radius:80px;
}
.doctor .name{
    color:#7e8694;
    font-size:20px;
    margin-right:10px;
    line-height:30px;
}
.doctor .title{
    color:#02c3d5;
    font-size:20px;
    font-weight:bold;
    line-height:30px;
}
.doctor .hospital,.doctor .office{
    font-size:18px;
    color:#7e8694;
}
.qa_my_question .doctor .content{
    float:right;
    width:800px;
    padding:20px 40px;
    background:#02c3d5;
    border-radius:5px;
    border-top-right-radius:0;
    -moz-border-top-right-radius:0;
    -webkit-border-top-right-radius:0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:1px 1px 0 1px rgba(0,0,0,.1);
    -moz-box-shadow:1px 1px 0 1px rgba(0,0,0,.1);
    -webkit-box-shadow:1px 1px 0 1px rgba(0,0,0,.1);
    position:relative;
}
.qa_my_question .doctor .content:before,.qa_my_question .doctor .content:after{
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:0;
    right:-18px;
    top:0px;
    border-top:5px solid #02c3d5;
    border-left:20px solid #02c3d5;
    border-bottom:20px solid transparent;
    border-top-right-radius:4px;
    -moz-border-top-right-radius:4px;
    -webkit-border-top-right-radius:4px;
    z-index:4;
}
.qa_my_question .doctor .content:after{
    border-top-color:#d8d7d8;
    border-left-color:#d8d7d8;
    right:-19px;
    top:1px;
    z-index:3;
}
.qa_my_question .date{
    line-height:22px;
    margin-bottom:30px;
    font-size:18px;
}
.qa_my_question .doctor .date{
    text-align:right;
    color:white;
}
.qa_my_question .text{
    line-height:30px;
    color:#fff;
    font-size:20px;
}
.qa_my_question .me .text,.qa_my_question .me .date{
    color:#7e8694;
}
.ask_more_wrapper{
    background:#fff;

}
.ask_more{
    height:390px;
    padding-top:30px;

    padding-left:10px;
}
.ask_more .tips{
    line-height:78px;
    color:#7e8694;
    font-size:24px;
}
.ask_more textarea{
    height:158px;
    padding:20px;
    width:1218px;
    border:1px solid gray;
    background:#fafafa;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.ask_more .submit_btn{
    margin-left:0;
    margin-top:20px;
}
.faq_wrapper{
    padding-bottom:65px;
    padding-top:40px;
}
.faq_wrapper .ad{
    position:relative;
}
.faq_wrapper .detail_btn{
    position:absolute;
    right:315px;
    bottom:70px;
}

/* faq */
.qa_my_question .me .avatar_question{
    float:left;
    width:159px;
    height:160px;
    margin-right:25px;
    background:url(../images/question.png) no-repeat left top;
}

.qa_my_question .doctor .avatar_answer{
    float:right;
    width:159px;
    height:160px;
    margin-left:25px;
    background:url(../images/answer.png) no-repeat left top;
}
