/*全局样式*/
*{margin:0;padding:0}
body {
    font-family: Montserrat, "Open Sans", Roboto, Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif;
    font-size: 14px;
    color: #777777;
    background:#eeeeee!important;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    outline: none !important;
    color: #282828;
}
img{
    width:100%;
    max-width: 100%;
    vertical-align: middle;
}
.btn{ background-color:#1BC6A4;color:#fff;border-color:#1BC6A4;border-radius:2px;width:80px;}
.btn:active,.btn:hover{background-color:#1BC6A4;color:#fff;border-color:#1BC6A4;}
.clear{clear:both;}

/*局部样式*/
.parent{
    width:100%;
    height:100%;
    display:block;
    position:relative;;
}
.bottomNavigation{
    /*position: fixed;*/
    /*bottom: 80px;*/
    width: 100%;
    /*  background-color: #fff;*/
    height: 18px;
    text-align: center;
}
.zhanwei{height:60px;}
.footer{position:fixed;left:0;bottom:0;overflow-y: scroll;width:100%;height:60px;-webkit-overflow-scrolling: touch;background:#fff;}
.footer .row{height:100%;margin-right:0px;margin-left:0px;border-top:1px solid #e3e3e3}
.footer .row .col-md-4,.footer .row .col-sm-4,.footer .row .col-xs-4{height:100%;text-align: center;padding-left:0;padding-right:0;}
.footer .row .col-md-4 img,.footer .row .col-sm-4 img,.footer .row .col-xs-4 img{width:20px;height:20px;}
.footer .row .col-md-4 a,.footer .row .col-sm-4 a,.footer .row .col-xs-4 a{
    display:block;
    padding:10px 0;
    height:100%;
}
.footer .row .col-md-4 a,.footer .row .col-sm-4 a,.footer .row .col-xs-4 a p{margin:0;}
/*头部标题*/
.title{
    width:100%;
    height:50px;
    line-height:50px;
    text-align: center;
    background:#1BC6A4;
    color:#fff;
}
/*分类样式*/
.classification{
    background:#fff;
    margin:10px;
    display:block;
    position: relative;
    border-radius:4px;
}
/*分类头部*/
.classification_head{
    height:40px;
    line-height:40px;
    margin:0 15px;
    border-bottom:1px solid #E5E3E3;
    position: relative;
}
.classification_head span{
    color:#1BC6A4;
}
.classification_head img{position: absolute;width:16px;height:16px;right:0;top:12px;}
.classification_head img.rotate{
    transform-origin: center center;
    transform: rotate(0deg); /*返回原点*/
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;

}
.classification_head img.rotate1{
    transform-origin: center center; //旋转中心要是正中间 才行
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transition: transform 0.4s; /*过度时间 可调*/
    -moz-transition: -moz-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -ms-transition: -ms-transform 0.4s;
}
/*分类内容*/
.classification_content{
    margin:0 15px;
    border-bottom:1px solid #E5E3E3;
    display:block;
}
.content-children{margin:5px 0;}
.classification_content .content_left{
    width:35%;
    height:100%;
    float:left;
}
.content_left .content_img{
    /*height:80%;*/
    width:100%;

}
.content_left .content_img .pictur_circle{
    text-align:center;
    border-radius:100%;
    overflow: hidden;
    /*border:1px solid #000000;*/
    /*margin-top:15px;*/
}
.content_left .content_img .pictur_circle img{
    width:80px;
    height:80px;
    border-radius:100%;
}
.readOnly-demo{width:100%!important;text-align: center}
.readOnly-demo img{width:16px;height:16px;}

.content-right{float:left;width:60%;height:100%;}
.hospital_name .head{font-size:1.7rem;color: #777777;}
.hospital_name .jie{font-size:1.3rem;margin-top: 3px;color: #cccccc;}
.hospital_name .label{margin:10px 0;}
.hospital_name .labelspan span{
    padding:2px 5px;border-radius:20px;background:#ffffff;border:1px solid #1BC6A4;font-size:0.7rem;color: #1bc6a4;width:80px;display:block;float:left;text-align: center;
    overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space:nowrap;margin:2px 0;margin-right:10px;
}
.Consultation{text-align: right;color:#cccccc;font-size:1rem;margin:10px 0;line-height:35px;}
.labelspan{margin-top: 10px;word-break: break-all;white-space: normal;overflow: hidden}



/*专家资料*/
.consult{float:right;color:#E5E3E3!important;}
.synopsis{background:#fff;margin:10px;display:block;}
.synopsis_span{padding:15px;}
.synopsis_span span{padding:5px;border-radius:10px;background:#ffffff;border:1px solid #1BC6A4;font-size:0.7rem;color: #1BC6A4;margin-right:10px;line-height:30px;}
.synopsis_span span:last-child{margin-right:0;}
.synopsis_span p{margin:10px 0;}
/*.synopsis_address{padding:15px;}*/

/*咨询填写*/
.consultation-write{background:#fff;margin:10px;display:block;}
.theme{padding:15px;}
.theme .text{width:100%;padding:5px;background:#eeeeee;border:none;border-radius:5px;}
.theme .text:focus{outline: none;}
.theme p{color:#999999;margin:15px 0;}
.dx input{margin-right:5px;}
.theme .textarea{}
.theme .textarea textarea{width:100%;background:#eeeeee;padding:5px;border:none;height:100px;}
.theme .textarea textarea:focus{outline: none;}

/*图片上传样式*/
.upload{
    border-bottom:1px solid #E5E3E3;
    padding-bottom:20px;
}
.z_photo{
    width:100%;
    /*padding:0.3rem;*/
    /*height:8rem;*/
    overflow: auto;
    clear: both;
    /*margin:1rem auto;*/
    /*border:1px solid #000000;*/
}
.z_photo img{
    width:1.5rem;
    height:1.5rem;
}
.z_addImg {
    float: left;
    margin-right: 0.2rem;
}
.z_file{
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/z_add.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    margin-right: 0.2rem;
}
.z_file input::-webkit-file-upload-button {
    width: 1rem;
    height: 1rem;
    border: none;
    position: absolute;
    outline: 0;
    opacity: 0;
}

.z_file input#file {
    display: block;
    width: auto;
    border: 0;
    vertical-align: middle;
}
.z_mask{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    position:fixed;
    left:0;
    top:0;
    z-index:999;
    display:none;
}
.z_alert{
    width: 4rem;
    height: 2rem;
    border-radius: .2rem;
    background: #fff;
    font-size: .24rem;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -2rem;
    margin-top: -2rem;
}
.z_alert p{
    color:#000;
}
.z_alert p:nth-child(1){
    line-height:.7rem;
    height:.7rem;
}
.z_alert p:nth-child(2) span{
    display:inline-block;
    width:50%;
    height:0.7rem;
    line-height:0.7rem;
    float: left;
    border-top: 1px solid #ddd;
}
.z_cancel {
    border-right: 1px solid #ddd;
}
.tips p{font-size:0.8em;}
/*提交按钮*/
.theme-btn{text-align: center}
.theme-btn .btn{width:200px;}


/*专家回复*/
.reply{background:#fff;margin:10px;display:block;position: relative;}
.first_question{background:#fff;}
.first_question p{margin:5px 0;}
.first_question .first{text-align:right;margin:0;}
.first_question .first_title{border-bottom:1px solid #E5E3E3;}
.first_question .data{font-size:0.8em;}
.content_images img{width:150px;}
.grade{padding:10px 0;margin:0 10px;}
.reply .raty{padding:10px 0;margin:0 10px;}
.raty_reply img{width:16px;height:16px;vertical-align: text-top}
.unanswered{text-align: center;margin:15px 0!important;}

/*提交成功*/
.smile{text-align: center;color:#1BC6A4;padding-top:30px;border-bottom:1px solid #E5E3E3;margin:0 15px;}
.smile img{width:50px;height:50px;}
.tip{padding:20px 0;}
.tip p{text-align:center;margin:15px 0;}

/*专家端登录*/
.login{background:#fff;margin:10px;display:block;position: relative;}
.login img{width:150px;height:150px;}
.logo{padding:15px;padding-top:20px;}
.user_information{padding:15px;padding-top:60px;}
.phoneNumber{border-bottom:1px solid #E5E3E3;height:45px;position: relative;}
.phoneNumber_style{margin:10px 0;}
.phoneNumber img{width:32px;height:32px;position:absolute;left:0;top:4px;}
.phoneNumber input[type=text]{margin-left:10%;height:40px;width:90%;outline: none;border:1px solid #fff;-webkit-appearance: none;}
.password{border-bottom:1px solid #E5E3E3;height:45px;position: relative;}
.password_style{margin:10px 0;text-align: right;}
.password img{width:32px;height:32px;position:absolute;left:0;top:4px;}
.password input[type=password]{margin-left:10%;height:40px;width:90%;outline: none;border:1px solid #fff;-webkit-appearance: none;}
.login_btn{text-align: center;padding-top:50px;padding-bottom:50px;}
.login_btn .btn{width:200px;}

/*专家回复*/
.first_content textarea{width:100%;background:#eeeeee;padding:5px;border:none;height:100px;}
.first_content textarea:focus{outline: none;}
.reply_btn{text-align: center;padding-top:50px;}
.reply_btn .btn{width:200px;}

.quit_btn{text-align: center;padding-top:50px;padding-bottom:50px;}
.quit_btn .btn{width:200px;}

/*修改密码*/
.resetPassword_wrapper{background:#fff;margin:10px;display:block;position: relative;}
.wrapper_style{padding:100px 20px;}
.distance{margin-bottom:10px;height:30px;line-height:30px;color:#000}
.wrapper_left{font-size:0.8rem;width:35%;float:left;padding:0 10px;}
.wrapper_right{font-size:0.8rem;width:65%;float:left;}
.wrapper_right input[type=password]{height:30px;outline: none;border:1px solid #eee;-webkit-appearance: none;padding-left:5px;border-radius:10px;}

.distance_btn{text-align: center;padding-top:50px;padding-bottom:50px;}
.distance .btn{width:200px;}
/* .district{display:none} */