body{
    margin:0;
    padding:0;
    font-size:0.8em;
}
.divcontenthidden{
    overflow:hidden;
}
.divbody{
    max-width:640px;
    background-color:#fff;
}
.divlayout{
    width:100%;
    display:table; 
    text-align:justify;
    line-height:1.5em;
    background-color:#fff;
    color:#4c4b4b;
    margin:0 auto;
}
.divlayout img{
    width:100%;
    display:table;
}
.padding_top_bottom{
    padding-top:4%;
    padding-bottom:4%;
}
.backgroundcolor{
    background-color:#f5f8fd;
}
.item_content{
    width:97%;
    margin-left:auto;
    margin-right:auto;
    display:table;
}
.reading_left{
    width:30%;
    float:left;
}
.reading_right{
    width:68%;
    float:right;
    text-indent:2em;
    line-height:2.4em;
}
.item_title_layout{
    margin:0 auto;
    width:75%;
}
.title_line{
    width:30px;
    height:1px;
    border-top:1px dashed #336bc8;
    float:left;
    margin-top:23px;
}
.title_word_layout{
    float:left;
    margin:0 5px;
    color:#336bc8;
}
.title_top_line{
    border-top:1px solid #336bc8;
    height:10px;
    border-left:1px solid #336bc8;
    border-right:1px solid #336bc8;
}
.title_bottom_line{
    border-bottom:1px solid #336bc8;
    height:10px;
    border-left:1px solid #336bc8;
    border-right:1px solid #336bc8;
}
.title_word{
    font-size:1.5em;
    color:#4c4b4b;
    padding:0px 5px;
}
.clear_float{
    clear:both;
}
.reason_image{
    width:90%;
    margin:4% auto 0 auto;
}
.reason_title{
    padding-bottom:1px;
    display:table;
    border-bottom:1px solid #336bc8;
}
.reason_content{
    margin-top:5px;
}
.margin_top{
    margin-top:3%;
}
.reason_margin{
    margin-top:-6%;
}
.harm_describe{
    text-indent:2em;
    margin-top:4%;
}
.harm_item{
    border-spacing:0;
    border-collapse:collapse;
    width:100%;
    margin-top:3%;
}
.harm_item td:first-child{
    width:7%;
}
.harm_item td{
    padding-top:2%;
}
.harm_item td{
    vertical-align:top;
}
.harm_no{
    width:20px;
    height:20px;
    background-color:#336bc8;
    border-radius:20px;
    text-align:center;
    color:#fff;
    line-height:20px;
}
.harm_right_title{
    font-size:1em;
    color:#336bc8;
    margin-top:3%;
    font-weight:bold;
}
.harm_right_img{
    padding:10px 0;
}
.harm_item_content{
    margin-top:2%;
    width:47%;
    text-align:center;
    float:left;
}
.harm_marginleft{
    margin-left:6%;
}
.title_prevention{
    width:50%;
}
.prevention_item_layout{
    width:48.3%;
    border:1px dashed #336bc8;
    float:left;
    margin-top:2%;
    border-radius:8px;
    padding:2% 0;
}
.prevention_no{
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    color:#336bc8;
}
.prevention_describe{
    padding:0 10px;
    height:84px;
}
.prevention_margin{
    margin-left:2%;
}
.prevention_layout{
    margin-top:4%;
}
.title_amblyopia{
    width:40%;
}
.amblyopia_item_layout{
    margin-top:4%;
}
.amblyopia_title{
    color:#336bc8;
    font-size:1em;
}
.amblyopia_describe{
    margin-top:4%;
}
.amblyopia_content{
    margin-top:1%;
}
.amblyopia_reason_title{
    color:#336bc8;
    font-weight:bold;
    font-size:1em;
    text-align:center;
    margin-top:5%;
}
.amblyopia_reason_content{
    float:left;
    margin:2% 5%;
    width:40%;
}
.title_prevention_amblyopia{
    width:59%;
}
.prevention_amblyopia_image{
    margin-top:4%;
}
.prevention_amblyopia_describe{
    border-collapse:collapse;
    border-spacing:0;
}
.prevention_amblyopia_describe td{
    padding-top:3%;
    vertical-align:top;
}
.prevention_amblyopia_describe td:first-child{
    width:30px;
}
.strabismus_describe{
    text-align:center;
    margin-top:4%;
}
.strabismus_layout{
    margin-top:3%;
}
.strabismus_harm_layout{
    width: 60%;
    margin-top: -71%;
    margin-left: 35%;
    line-height: 1.5em;
}
.strabismus_layout ul{
    padding:5px 0 0 15px;
    margin:0;
    list-style:decimal;
}
.strabismus_layout ul li{
    margin-top:2%;
}
.strabismus_find_layout{
    width: 63%;
    margin-top: 13%;
    margin-left: 3%;
    margin-bottom: 2%;
    line-height: 1.2em;
}
.dacryocystitis_layout{
    margin-top:6%;
}
.dacryocystitis_left{
    margin: -160px 0 0 30px;
    width:76%;
}
.dacryocystitis_content{
    margin-top:5px;
    line-height:1.5em;
}
.dacryocystitis_right{
    margin:32px 0 0 90px;
}
.title_conjunctivitis{
    width:44%;
}
.conjunctivitis_title{
    color:#336bc8;
    font-weight:bold;
    margin-top:4%;
}
.title_screening{
    width:64%;
}
.screening_layout{
    margin-top:4%;
}
.title_expert{
    width:73%;
}
.expert_left_layout{
    margin-top:6%;
    float:left;
    width:28%;
}
.expert_right_layout{
    margin-top:6%;
    float:right;
    width:68%;
}
.expert_info_left{
    width:20px;
    height:20px;
    border-radius:20px;
    border:1px solid #336bc8;
    float:left;
    font-size:1.1em;
    color:#336bc8;
    line-height:22px;
    text-align:center;
    margin-top:5px;
}
.expert_info_right{
    float:left;
    margin-left:10px;
    width:88%;
}
.expert_name{
    background-color:#336bc8;
    padding:5px 15px;
    border-radius:5px;
    color:#fff;
    letter-spacing:0.1em;
    display:table;
}
.expert_job{
    font-size:1.2em;
    color:#3b3b3b;
    margin-top:5px;
}
.expert_introduce{
    margin:5px 0;
    height:40px;
    overflow:hidden;
}
.expert_line{
    height:1px;
    border-top:1px dashed #336bc8;
    margin-bottom:5px;
}
.expert_speciality{
    font-weight:bold;
    color:#3b3b3b;
}
.expert_consultation{
    border-radius:5px;
    padding:5px 0;
    border:1px solid #336bc8;
    margin:2% auto 0 auto;
    display:table;
}
.expert_consultation a{
    text-decoration:none;
    padding:0 30px;
    color:#336bc8;
}
.expert_layout_line{
    height:1px;
    border-top:1px dashed #bdbdbd;
    margin-bottom:4%;
    margin-top:4%;
}
.expert_left_layout1{
    float:left;
    width:68%;
}
.expert_right_layout1{
    margin-top:4%;
    float:right;
    width:28%;
}
.screening_layout{
    margin-top:6%;
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    .reading_right {
        line-height:1.5em;
    }
    .item_title_layout{
        width:85%;
    }
    .title_prevention{
        width:56%;
    }
    .prevention_describe {
        line-height:1.6em;
    }
    .title_amblyopia{
        width:48%;
    }
    .title_prevention_amblyopia{
        width:70%;
    }
    .strabismus_harm_layout{
        width: 63%;
        margin-left: 34%;
        line-height: 1.2em;
        margin-top: -74%;
    }
    .strabismus_find_layout{
        margin-top: 11%;
    }
    .strabismus_layout ul li{
        margin-top:0;
    }
    .dacryocystitis_left{
        margin: -126px 0 0 25px;
    }
    .dacryocystitis_content{
        margin-top:0px;
        line-height:1.3em;
    }
    .dacryocystitis_right{
        margin:20px 0 0 75px;
    }
    .title_conjunctivitis{
        width:52%;
    }
    .title_screening{
        width:75%;
    }
    .title_expert{
        width:85%;
    }
    .expert_info_right{
        width:83%;
    }
}
@media screen and (min-device-width:371px) and (max-device-width: 410px) {
    .reading_right {
        line-height:1.8em;
    }
    .item_title_layout{
        width:82%;
    }
    .title_prevention{
        width:55%;
    }
    .prevention_describe {
        line-height:1.8em;
    }
    .title_amblyopia{
        width:44%;
    }
    .title_prevention_amblyopia{
        width:65%;
    }
    .strabismus_harm_layout{
        width: 63%;
        margin-left: 34%;
        line-height: 1.2em;
        margin-top: -72%;
    }
    .strabismus_find_layout{
        margin-top: 13%;
    }
    .strabismus_layout ul li:first-child{
        margin-top:0;
    }
    .dacryocystitis_left{
        margin: -145px 0 0 30px;
    }
    .dacryocystitis_content{
        margin-top:0px;
        line-height:1.5em;
    }
    .dacryocystitis_right{
        margin:28px 0 0 85px;
    }
    .title_conjunctivitis{
        width:49%;
    }
    .title_screening{
        width:70%;
    }
    .title_expert{
        width:81%;
    }
    .expert_info_right{
        width:85%;
    }
}