/* banner部分 */

.banner {
    position: relative;
    width: 100%;
}

.banner img {
    width: 100%;
    vertical-align: bottom;
}

.banner-storey {
    width: 100%;
    background: #009aa8;
    height: 18.176rem;
    padding: 0 1.152rem;
    box-sizing: border-box;
    overflow: hidden;
}

.banner-storey h5 {
    height: 2.432rem;
    line-height: 2.432rem;
    font-size: 1.152rem;
    color: #ffffff;
    text-align: center;
}

.banner-storey ul li {
    margin: 0.256rem 0 0.704rem;
}


/* 名字 */

.name {
    float: left;
    position: relative;
    width: 7.6rem;
    height: 1.528rem;
    line-height: 1.528rem;
    border-radius: 0.864rem;
    background-color: #ffffff;
    border: 1px solid #b5b7b7;
    box-sizing: border-box;
    overflow: hidden;
}

.name label {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.768rem;
    color: #343434;
    width: 2.816rem;
    height: 100%;
    text-align: center;
    border-right: 1px solid #ebebeb;
    box-sizing: border-box;
}

.name input {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.288rem;
    height: 100%;
    box-sizing: border-box;
    border: 0;
    font-size: 0.704rem;
    color: #a8a7a7;
    outline: none;
}


/* 性别 */

.gender {
    float: right;
    position: relative;
    width: 5.696rem;
    height: 1.528rem;
    line-height: 1.528rem;
    border-radius: 0.864rem;
    background-color: #ffffff;
    border: 1px solid #b5b7b7;
    box-sizing: border-box;
    overflow: hidden;
}

.gender label {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.768rem;
    color: #343434;
    width: 2.816rem;
    height: 100%;
    text-align: center;
    border-right: 1px solid #ebebeb;
    box-sizing: border-box;
}

.gender select {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.24rem;
    height: 100%;
    box-sizing: border-box;
    border: 0;
    font-size: 0.704rem;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/expert/arrow.png) no-repeat scroll .96rem center transparent;
    background-size: 0.704rem 0.64rem;
}


/* 电话 */

.telephone {
    position: relative;
    width: 100%;
    height: 1.528rem;
    line-height: 1.528rem;
    border-radius: 0.864rem;
    background-color: #ffffff;
    border: 1px solid #b5b7b7;
    box-sizing: border-box;
    overflow: hidden;
}

.telephone label {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.768rem;
    color: #343434;
    width: 4.288rem;
    height: 100%;
    text-align: center;
    border-right: 1px solid #ebebeb;
    box-sizing: border-box;
}

.telephone input {
    position: absolute;
    top: 0;
    right: 0;
    width: 8.88rem;
    height: 100%;
    box-sizing: border-box;
    border: 0;
    font-size: 0.704rem;
    color: #a8a7a7;
    outline: none;
}


/* 预约时间 */

.time {
    position: relative;
    width: 100%;
    height: 1.528rem;
    line-height: 1.528rem;
    border-radius: 0.864rem;
    background-color: #ffffff;
    border: 1px solid #b5b7b7;
    box-sizing: border-box;
    overflow: hidden;
}

.time label {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.768rem;
    color: #343434;
    width: 4.288rem;
    height: 100%;
    text-align: center;
    border-right: 1px solid #ebebeb;
    box-sizing: border-box;
}

.time input {
    position: absolute;
    top: 0;
    right: 0;
    width: 8.88rem;
    height: 100%;
    box-sizing: border-box;
    border: 0;
    font-size: 0.704rem;
    color: #a8a7a7;
    outline: none;
}


/* 病情描述 */

.illness {
    position: relative;
    width: 100%;
    height: 4.14rem;
    line-height: 1.728rem;
    border-radius: 0.864rem;
    background-color: #ffffff;
    border: 1px solid #b5b7b7;
    box-sizing: border-box;
    overflow: hidden;
}

.illness span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.768rem;
    color: #343434;
    width: 4.288rem;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}

.illness textarea {
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    font-size: 0.704rem;
    color: #343434;
    padding-top: 1.728rem;
    padding-left: 0.832rem;
    box-sizing: border-box;
    resize: none;
}

.referring {
    position: relative;
    width: 10.368rem;
    height: 2.048rem;
    border-radius: 1.024rem;
    overflow: hidden;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    background-color: #ff6e66;
    margin: 0.704rem auto 0;
    cursor: pointer;
}

.referring input {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    outline: none;
    border: 0;
    font-size: 1.024rem;
    color: #ffffff;
    background-color: #ff6e66;
    box-sizing: border-box;
    cursor: pointer;
}


/* 团队介绍 */

.introduce {
    text-align: center;
    padding-top: 0.704rem;
    padding-bottom: 0.9386rem;
    background-color: #f2f2f2;
}

.introduce h3 {
    font-size: 0.4561rem;
    color: #009aa8;
    margin-bottom: 0.0853rem;
}

.introduce span {
    font-size: 0.3227rem;
    color: #a5b8ba;
    display: block;
}

.introduce p {
    width: 11.6266rem;
    margin: 0 auto;
    line-height: 0.833rem;
    margin-top: 0.4266rem;
    font-size: 0.3557rem;
    color: #282828;
    text-align: left;
}


/* 精神科专家 */

.psychiatry {
    width: 100%;
    height: auto;
    padding-bottom: 0.768rem;
    background: url(../img/expert/psychiatry_back.png) repeat;
}

.psychiatry>img {
    width: 100%;
    vertical-align: bottom;
}

.psychiatry-hd {
    width: 13.1413rem;
    margin: 0 auto;
    padding-top: 0.6186rem;
}

.psychiatry-hd div:nth-child(1) {
    float: left;
    width: 1.408rem;
    margin-right: 0.576rem;
}

.psychiatry-hd div:nth-child(1) img {
    width: 1.408rem;
}

.psychiatry-hd div:nth-child(2) {
    float: left;
    font-size: 0.4693rem;
    color: #009aa8;
    padding-top: 0.2133rem;
    box-sizing: border-box;
}

.psychiatry-hd div:nth-child(2) i {
    margin-left: 0.4266rem;
}

.psychiatry-hd div:nth-child(2) span {
    display: block;
    color: #282828;
    margin-top: 0.1706rem;
}

.psychiatry-bd {
    width: 13.973rem;
    margin: 0 auto;
    margin-top: 0.7253rem;
}

.psychiatry-bd ul {
    width: 100%;
    justify-content: space-between;
}

.psychiatry-bd ul li {
    position: relative;
    width: 6.8053rem;
    background-color: #ffffff;
    padding-bottom: 2.05rem;
	float: left;
	margin-right: 0.18rem;
}

.psychiatry-bd ul li>img {
    width: 100%;
}

.psychiatry-bd-acticle {
    width: 6.336rem;
    margin: 0 auto;
}

.psychiatry-bd-acticle>span {
    font-size: 0.3957rem;
    color: #343434;
    display: inline-block;
    margin-top: 0.5333rem;
}

.psychiatry-bd-acticle>h5 {
    font-size: 0.5937rem;
    color: #000000;
    margin-top: 0.2773rem;
}

.psychiatry-bd-acticle>i {
    font-size: 0.49472rem;
    color: #009aa8;
    display: block;
    margin-top: 0.64rem;
    margin-bottom: 0.4266rem;
}

.psychiatry-bd-acticle div:nth-of-type(1) {
    font-size: 0.3957rem;
    color: #343434;
    margin-bottom: 0.8746rem;
}

.psychiatry-bd-acticle div:nth-of-type(1) span {
    display: block;
    margin-bottom: 0.2773rem;
    line-height: 0.5186rem;
    width: 5.7813rem;
}

.psychiatry-bd-acticle div:nth-of-type(1) span i {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #343434;
    vertical-align: middle;
    margin-right: 0.1066rem;
    border-radius: 50%;
    margin-bottom: 0.0626rem;
}

.psychiatry-bd-acticle div:nth-of-type(2) {
    font-size: 0.384rem;
    color: #343434;
}

.psychiatry-bd-acticle div:nth-of-type(2) span {
    display: block;
    margin-bottom: 0.256rem;
}

.psychiatry-bd-acticle div:nth-of-type(2) p {
    line-height: 0.64rem;
}

.psychiatry-bd ul li>span {
    position: absolute;
    right: 0;
    top: 45.5%;
    transform: translateY(-50%);
    display: inline-block;
    width: 0.1706rem;
    height: 1.066rem;
    background-color: #009aa8;
}

.fastener {
	position: absolute;
	bottom: 0.7466rem;
	left: 0;
	right: 0;
    height: 0.832rem;
    width: 5.7813rem;
    margin: 0 auto;
    margin-top: 0.4693rem;
}

.fastener a {
    display: inline-block;
    width: 2.7306rem;
    height: 0.8106rem;
    line-height: 0.8106rem;
    border-radius: 8px;
    font-size: 0.384rem;
    text-align: center;
}

.fastener a:nth-child(1) {
    float: left;
    background-color: #d1e5e7;
    color: #343434;
}

.fastener a:nth-child(2) {
    float: right;
    background-color: #009aa8;
    color: #ffffff;
}

.fastener a img {
    width: 0.4266rem;
    vertical-align: text-top;
    margin-left: 0.192rem;
}

.fastener-top {
    margin-top: 1.130rem;
}

.psychiatry-bd ul li .expert-piece {
    top: 41.5%;
}


/* 跨地合作专家 */

.cooperate {
    width: 100%;
    background-color: #f0f2f4;
}

.cooperate-hd {
    width: 13.1413rem;
    margin: 0 auto;
    padding-top: 0.6186rem;
}

.cooperate-hd div:nth-child(1) {
    float: left;
    width: 1.408rem;
    margin-right: 0.576rem;
}

.cooperate-hd div:nth-child(1) img {
    width: 1.408rem;
}

.cooperate-hd div:nth-child(2) {
    float: left;
    font-size: 0.4693rem;
    color: #009aa8;
    padding-top: 0.2133rem;
    box-sizing: border-box;
}

.cooperate-hd div:nth-child(2) i {
    margin-left: 0.4266rem;
}

.cooperate-hd div:nth-child(2) span {
    display: block;
    color: #282828;
    margin-top: 0.1706rem;
}

.cooperate-bd {
    width: 13.973rem;
    margin: 0 auto;
    margin-top: 0.4266rem;
}

.cooperate-bd ul {
    width: 100%;
}

.cooperate-bd ul>li {
    width: 100%;
}

.cooperate-bd ul>li ol {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.cooperate-bd ul>li ol li {
    position: relative;
    width: 6.8053rem;
	height: 13.824rem;
    background-color: #ffffff;
    padding-bottom: 2.05rem;
	box-sizing: border-box;
}

.cooperate-bd ul>li ol li>img {
    width: 100%;
    vertical-align: bottom;
}

.cooperate-master {
    width: 6.336rem;
    margin: 0 auto;
}

.cooperate-master>span {
    font-size: 0.3957rem;
    color: #343434;
    display: block;
    margin-top: 0.4906rem;
}

.cooperate-master>h5 {
    font-size: 0.576rem;
    color: #000000;
    margin-top: 0.2986rem;
}

.cooperate-master div h6 {
    font-size: 0.49472rem;
    color: #009aa8;
    margin-top: 0.64rem;
    margin-bottom: 0.448rem;
}

.cooperate-master div span {
    font-size: 0.3957rem;
    color: #343434;
    display: block;
    margin-bottom: 0.2346rem;
}

.cooperate-master div span i {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #343434;
    vertical-align: middle;
    margin-right: 0.1066rem;
    border-radius: 50%;
    margin-bottom: 0.0626rem;
}

.cooperate-master div span:last-of-type {
    margin-bottom: 0;
}

.cooperate-bd ol li>span {
    position: absolute;
    right: 0;
    top: 57.5%;
    transform: translateY(-50%);
    display: inline-block;
    width: 0.1706rem;
    height: 1.066rem;
    background-color: #009aa8;
}

.carousel {
    width: 108px;
    margin: 0 auto;
    margin-top: 0.7893rem;
    padding-bottom: 0.9386rem;
}

.carousel ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.carousel ul li {
    width: 0.384rem;
    height: 0.384rem;
    background-color: #ffffff;
    border-radius: 50%;
}

.cooperate .on {
    background-color: #009aa8;
}


/* 地图 */

.map {
    width: 100%;
}

.map img {
    width: 100%;
}


/* 媒体查询 */

@media screen and (max-width: 430px) {
    .fastener a img {
        display: none;
    }
}