*{
    margin: 0 auto;
}
.clear-fix::after{
    content: "";
    display:block;
    clear: both;
}
body{
    font-family: 'Microsoft YaHei'
}
#page-header{
    height: 120px;
    background-color: rgb(126,65,54);
}
#page-header .header-content{
    width: 1200px;
    margin: 0 auto;
}
#page-header .header-content .banner-img{
    float: left;
}
#page-header .header-content p{
    font-size: 32px;
    color: #fff;
    padding-top: 32px;
}
#notice-bar{
    height: 50px;
    line-height: 50px;
    background: rgb(242,242,242);
    position: relative;
}
#notice-bar .notice-content{
    width:1200px;
    margin: 0 auto;
    position: relative;
}
#notice-bar .notice-content .notice-left{
    clear: both;
    font-size: 24px;
    color: #333333;
    margin-left:50px;
}
#notice-bar .notice-content .notice-left::before{
    content: "";
    display: block;
    width: 43px;
    height:43px;
    background: url("../imgs/speaker.gif") no-repeat center;
    background: contain;
    position: absolute;
    left: 0;
}
#notice-bar .notice-content #notice-right{
    float: right;
    font-size: 24px;
    color: #333333;
    position: absolute;
    top: 0px;
    right: 0;
}
#page-main{
    width: 1200px;
    margin: 0 auto;
    margin-bottom:100px;
}
#page-main .main-left{
    width:680px;
    height: 100%;
    float: left;
    padding-left: 80px;

}
#page-main .main-header {
    margin-top: 38px;
    margin-bottom: 75px;
}
#page-main .main-header .bold{
    font-size: 46px;
    font-weight: bold;
    color: #7e4136;
}
#page-main .main-header .thin{
    font-size: 18px;
    color: #333333;
}
#page-main .main-header .left-part{
    float: left;
}
#page-main .main-header .right-part{
    width: 191px;
    height: 90px;
    background:url("../imgs/register.jpg") no-repeat center;
    background-size: contain;
    float: left;
    margin-left: 14px;
}
#page-main .main-left .register-form{
    /* border: 1px solid red; */
    font-size: 18px;
}
#page-main .main-left .register-form input{
    width: 310px;
    height: 40px;
    outline: none;
    font-size: 18px;
    margin-bottom: 25.5px;
    margin-left: 24px;
}
#page-main .main-left .register-form .time{
    margin-left:16px;
  height: 27px;
  padding: 7px 0;
}
#page-main .main-left .register-form .doctors{
    margin-left: 18px;
}
#page-main .main-left .register-form select{
    width: 310px;
    height: 44px;
    margin-bottom: 25.5px;
    margin-left: 24px;
    outline: none;
}
#page-main .main-left .register-form .describe{
    vertical-align:top;
}
#page-main .main-left .register-form textarea{
    width: 532px;
    height: 187px;
    resize:none;
    font-size: 18px;
    outline: none;
    font-family: 'Microsoft YaHei';
    background-color: rgb(242,242,242);
    margin-left:15px;
    border: none;
}
#page-main .main-left .register-form .sub-button{
    width: 654px;
    height: 50px;
    background-color: #fba500;
    color: #fff;
    border: none;
    border-radius:10px;
    font-size: 24px;
    margin-top: 53px;
    margin-left: 5px;
}
#page-main .main-right{
    width: 360px;
    height:1020px;
    float: right;
    margin-top: 50px;
}
#page-main .main-right .right-header{
    height: 70px;
    width:100%;
    color: #fff;
    background: #7e4136;
    text-align: center;
    padding-top: 5px;
}
#page-main .main-right .right-header .bold{
    font-size: 28px;
    font-weight: bold;
}
#page-main .main-right .right-header .thin{
    font-size: 18px;
}
.myscroll { 
    width:360px; 
    height:1000px; 
    overflow: hidden;
    border: 1px solid #e5dfdf;
    border-top: none;
    margin-top:10px;
}
.myscroll ul{
    padding: 0; 
    padding-top: 25px;
}
.myscroll li { 
    height:238px; 
    width: 360px;
    overflow: hidden;
    color: #000;
    margin-right: 0;
    position: relative;
    padding-top: 6px;
}
.myscroll li::after{
    content: '';
    display:block;
    width: 349px;
    border: 1px dashed #b6b0b0;
    position: absolute;
    bottom: 0px;
    left: 5px;
}

.myscroll li .produce .photo1{
    width: 129px;
    height: 129px;
    border-radius: 100%;
    float: left;
    background: url("../imgs/doctor1.png") no-repeat;
    background-size: cover;
}
.myscroll li .produce .photo2{
    width: 129px;
    height: 129px;
    border-radius: 100%;
    float: left;
    background: url("../imgs/doctor2.png") no-repeat;
    background-size: cover;
}
.myscroll li .produce .photo3{
    width: 129px;
    height: 129px;
    border-radius: 100%;
    float: left;
    background: url("../imgs/doctor3.png") no-repeat;
    background-size: cover;
}
.myscroll li .produce .photo4{
    width: 129px;
    height: 129px;
    border-radius: 100%;
    float: left;
    background: url("../imgs/doctor4.png") no-repeat;
    background-size: cover;
}
.myscroll li .produce .photo5{
    width: 129px;
    height: 129px;
    border-radius: 100%;
    float: left;
    background: url("../imgs/doctor5.png") no-repeat;
    background-size: cover;
}
.myscroll li .produce .photo6{
    width: 129px;
    height: 129px;
    border-radius: 100%;
    float: left;
    background: url("../imgs/doctor6.png") no-repeat;
    background-size: cover;
}
.myscroll li .produce .photo7{
    width: 129px;
    height: 129px;
    border-radius: 100%;
    float: left;
    background: url("../imgs/doctor7.png") no-repeat;
    background-size: cover;
}
.myscroll li .produce .photo8{
    width: 129px;
    height: 129px;
    border-radius: 100%;
    float: left;
    background: url("../imgs/doctor8.png") no-repeat;
    background-size: cover;
}
.myscroll li .produce .describe-text{
    font-size: 18px;
}
.myscroll li .produce .describe-text .wyh{
    margin-bottom: 10px;
}
.myscroll li .produce .describe-text .name{
    font-size: 24px;
    font-weight: bold;  
}
.myscroll li .produce .describe-text .hospital{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.myscroll li .produce .describe-text .expert{
    font-size: 18px;
    width: 201px;
    line-height: 36px;
    margin-left:144px;
    color: #fff;
    background: #d79266;
}
.myscroll li .contact{
    margin-top:36px;
}
.myscroll li .contact a{
    text-decoration: none;
    display: inline-block;
}
.myscroll li .contact .online{
    width:150px;
    line-height: 36px;
    background: #7e4136;
    color: #fff;
    border-radius: 5px;
    position: relative;
}
.myscroll li .contact .online::before{
    content: "";
    display:block;
    width: 32px;
    height: 32px;
    position: absolute;
    background: url("../imgs/wechat.png") no-repeat center;
    background-size: contain;
    left: 20px;
}
.myscroll li .contact .when{
    width:150px;
    line-height: 36px;
    background:#fba500;
    color:#fff;
    border-radius: 5px;
    position: relative;
}
.myscroll li .contact .when::before{
    content: "";
    display:block;
    width:25px;
    height: 25px;
    position: absolute;
    background: url("../imgs/phone.png") no-repeat center;
    background-size:cover;
    left: 20px;
    top: 5px;
}
.callme {
    width: 654px;
    margin-left: 9px;
    text-align: center;
}
.callme .hint{
    font-size: 18px;
}
.callme .phone-number{
    font-size: 50px;
    color: #7e4136;
    font-weight: bolder;
    margin:36px 0;
   position: relative;
   padding-left:98px;
   letter-spacing: -4px;
}
.callme .phone-number::before{
    content: "";
    display: inline-block;
    width: 76px;
    height: 76px;
    background: url("../imgs/tell.png") no-repeat center;
    background-size:contain;
    position: absolute;
    left: 116px;
}
.callme .number-input{
    width: 310px;
    height:38px;
    font-size: 18px;
    color:#666666 ;
    outline:none;
    border: none;
    background: rgb(242,242,242);
}
.callme .free-button{
    background: #fba500;
    color: #fff;
    width: 100px;
    height: 40px;
    border: none;
    outline: none;
    font-size: 18px;
    margin-left: -5px;
}
.callme .hint-text{
    font-size: 18px;  
    text-align: left; 
    margin-top: 25px; 
    line-height: 33px;
}
.callme .hint-text .em{
    color: #7e4136;
}
#page-footer{
    height: 120px;
    background-color: rgb(126,65,54);
}
#page-footer .footer-content{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
#page-footer .footer-content::before{
    content:'';
    display:block;
    height: 62px;
    /* width: 1px; */
    border:1px solid #d5fffd;
    position: absolute;
    left:50%;
    top: 50%;
    margin-top: -31px;
}
#page-footer .footer-content .banner-img{
    float: left;
}
#page-footer .footer-content .right-text{
   float: right;
   margin-top: 20px;
}
#page-footer .footer-content .right-text .slogan1{
    font-size: 28px;
    color:#a47878;
    font-weight: bold;
    letter-spacing: 4px;
}
#page-footer .footer-content .right-text .english{
    font-size:12px;
    color: #954444;
    letter-spacing: -1px;
}
#page-footer .footer-content .right-text .slogan2{
    color:#a47878;
}