@charset "gb2312";

/* CSS Document */

/* public css */

/* global css*/

html{ font-size:11px;}

@media screen and (max-width:340px) {html{ font-size:10px;} }

*{margin: 0px;border: 0px;padding: 0px;}

body{ max-width:640px; min-width:320px; margin:0 auto; background-color:#FFF;color:#666;}

body *{font-family: "Microsoft YaHei"; line-height:2.4rem;}

p,dl,dt,dd,li,div,section,nav{ font-size:1.4rem;}

img{border:0;outline:0; max-width:100%; vertical-align: top;} 

.fl{float: left;display: inline;}

.fr{float: right;display: inline;}

.cl{clear: both;}

.ov{overflow: hidden;}

.text{text-align: center;}

.pad{padding:1rem 2rem;}

.w_pad{ padding:1.6rem 1rem 0;}

section{display:block;}

a{text-decoration: none; color:#fff; -webkit-tap-highlight-color:rgba(255,0,0,0);}

a img{ vertical-align:middle;}

ul li,ol li{list-style: none;}

.null{zoom:1;clear:both;height:0;font-size:0;overflow: hidden;}

.null:after{content:".";visibility:hidden;display:block;clear:both;height:0;font-size:0;overflow: hidden;}

/*-----------------------------------公共样式结束-------------------------------------------*/





/*-- 本页面公共样式 --*/

input[type=button], input[type=submit], input[type=file], button,input[type=text] { cursor: pointer; -webkit-appearance: none;border-radius: 0;}

.small_tit{ overflow:hidden; margin-bottom:1.2rem;margin-top:2rem}

.small_tit h2 { height:3.2rem; line-height:3.2rem; overflow:hidden;}

.small_tit h2 span {  display:inline-block; float:left;background:#c03427; height:3.2rem; color:#FFF; line-height:3.2rem; padding:0 1rem; font-size:1.7rem;}

.small_tit h2 i {display:block; float:left;border-style: solid;border-width: 0px 24px 36px 0px; border-color: transparent transparent #c03427 #c03427;

    vertical-align:top;}

@media screen and (max-width:340px) {html{ font-size:10px;} } 

@media screen and (max-width:340px) {.small_tit h2 i {display:block; float:left;border-style: solid;border-width: 0px 24px 32px 0px;

    border-color: transparent transparent #c03427 #c03427; vertical-align:top;}}

.small_tit h3 { overflow:hidden; height:3.2rem; line-height:3.2rem; border:10px solid #c03427; border-bottom:0; border-top:0;display:inline-block;    transform: skew(30deg);-ms-transform: skew(30deg);-moz-transform: skew(30deg);-webkit-transform: skew(30deg);-o-transform: skew(30deg); }

.small_tit h3 p { height:3.2rem; line-height:3.2rem; background:#FFF;  padding:0 1rem; font-size:1.6rem; color:#333; font-weight:100; }

.small_tit h3 p span {height:3.2rem; line-height:3.2rem; display:block;transform: skew(-30deg);-ms-transform: skew(-30deg);-moz-transform: skew(-30deg);-webkit-transform: skew(-30deg);-o-transform: skew(-30deg); }

.small_tit .p_1 { font-size:1.5rem; color:#333; margin-top:.6rem;padding-top: 0;}

.small_tit .p_1 span { color:#c03427;}

.a_1{ margin-top:.2rem; color:#bd0e18; font-size:1.5rem; display:block; text-align:center; text-decoration:underline;    margin-bottom: 1rem;}

.h3_1{ text-align:center; font-weight:normal}

.btn{width:80%;margin:0 auto;background: #ff8400;color:#fff;text-align: center;padding:0.5rem 0;border-radius: 0.5rem}

.btn a{font-size: 1.6rem;padding:0.3rem 0;}

.ad_lay{ background:#f6f6f6; margin:2rem auto}

.ad_lay a { display:block;}

.ad_lay a img { display:block; margin:0 auto;}







.dm { border:1px solid #cccccc; border-right:0; border-bottom:0; margin-top:1.4rem;}

.dm .sm_tit { margin-left:-1px;line-height:28px; margin-top:1.6rem; height:28px;}

.dm .sm_tit span { display:block; padding:0 1rem; line-height:28px; background:#cb181b; font-size:1.6rem; color:#FFF;float: left;}

.dm .sm_tit .s1 { height:0; border-color:#cb181b; border-top:14px solid transparent;  display: inline-block;border-left: 10px solid #cb181b;border-bottom: 14px solid transparent;}

/*-- 本页面公共样式结束 --*/



/*症状*/

#top{ padding:0.5rem 1rem;; background:#c03427; overflow:hidden; }

#top .logo {float:left;}

#top .ri { float:right; text-align:right; padding-top:3px;}

#top .ri a { display:inline-block; border:1px solid #FFF; height:2.6rem; }

#top .ri a span { display:inline-block; background:#FFF; color:#bd0e18; height:2.6rem; line-height:2.6rem; padding:0 4px; font-size:1.4rem;}

#top .ri a img { display:inline-block; width:8px; padding:0 8px;}

#nav{background: #f6f5f4;height: 3rem;border:1px solid #e6e6e6;   /*  margin-bottom: 2rem; */}

#nav ul li a.ys{color:#c03427;font-size: 1.6rem}

#nav ul li a{float:left;width: 20%;display: block;text-align: center;line-height: 3rem;color:#333333;font-size: 1.5rem}

.sech  h3 { text-align:center; margin-top:1rem;}

.sech h3 input:nth-child(1) { width:14rem; padding:0 2rem 0 1rem; color:#999999; height:2.8rem; font-size:1.5rem;  line-height:2.8rem; border:1px solid #f37548; border-right:0;}

.sech h3 input:nth-child(2) { height:3rem; line-height:3rem; background:#f37548; color:#FFF; padding:0 .5rem; font-size:1.5rem;border-radius:0 0.5rem 0.5rem 0; }

/*白癜风白斑可能有以下几种症状*/

.yy .ul1{overflow: hidden;text-align: center;}

.yy .ul1 li a{color:#666666;line-height: 1.8rem;display: inline-block}

.yy .ul1 li a br{line-height: 0;}

.yy .ul1 li{width:32%;float:left;background:#f0f0f0;margin-bottom: 2%;height: 5rem}

.yy .ul1 li:nth-of-type(2),.yy .ul1 li:nth-of-type(5){margin:0 2%;}

.yy .w_pad{padding-top: 0;}

.yyzx{margin-top: 0.5rem;text-align: center}

.yyzx p{text-align: center;line-height: 1.8rem}

.yyzx p br{line-height: 0}

.yyzx p span{color:#c03427}

.yyzx a{font-size: 1.6rem;color:#c03427;display: inline-block;text-decoration: underline;margin-top: 0.8rem}

.yyal .box1{margin-top: 1.5rem;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding-bottom: 1.5rem;    display: -webkit-box;padding-top: 1.5rem }

.yyal .box1 dl{  display: -webkit-box;margin-right: 0.8rem;display: box; -webkit-box-flex: 1; -webkit-box-pack: justify;-webkit-box-orient: vertical;}

.yyal .box1 dl a{color:#333333;font-size: 1.6rem;}

.yyal .box1 dl a img{width:2rem;margin-right: 0.5rem;    vertical-align: top;}

.yyal .box1 dl dt a{line-height: 1.8rem;margin-top: 0.5rem;    display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;

    word-break: break-all;overflow: hidden; text-overflow: ellipsis;font-size: 1.4rem}

.yyal .box1 dl dt a span{color:#f7595a}

.yyal .box1 dl dt a br{line-height: 0rem;}

.yyal .box1 dl dd{margin-top: 0.6rem}

.yyal .box1 dl dd a{font-size: 1.4rem;color:#999;}

.yyal .box1 .boxtp{width:32%;}

.yyal .box1 .boxtp img{float:right}

.yyal .box{border-bottom:1px solid #f0f0f0;padding: 1.5rem 0}

.yyal .box a p.s1 {color:#333333;font-size: 1.6rem}

.yyal .box .nr{margin-top:0.6rem;overflow: hidden}

.yyal .box .nr img{width: 32%;float:left;}

.yyal .box .nr img:nth-of-type(2){margin:0rem 2%}

.yyal .box p.s2 a{margin-top: 1rem;color:#999;display: inline-block;}

.yyal .box p.s2 img{width: 2rem;margin-right: 0.5rem;vertical-align: top}

.m1 .m1nr{padding-top: 0;}

.m1 .m1nr .ul_1 li{border-bottom:1px solid #e8e8e8;height: 3rem;line-height: 3rem}

.m1 .m1nr .ul_1 li a{color:#333333;display: inline-block;width: 100%}

.m1 .m1nr .ul_1 li a span{float:right;display:inline-block;padding-right: 1rem;color:#666666;}

.m1 .m1_1{margin:1rem auto;}

.m1 .m1_1 p{text-indent: 2em}

.m1 .m1_1 p span{color:#c03427}

.zzhf{background:#c03427}

.zzhf a{display: inline-block;padding-top:0.5rem;padding-bottom:0.5rem}

.m2 .m2nr{padding-top:0;}

.m2 #focus{margin:1rem auto;position:relative;margin-bottom: 3rem;}

.m2 #focus .hd {position:absolute;bottom:-32px;left:123px;z-index:9;}

.m2 #focus .hd  li{ width:15px;height:15px;border-radius:100%;border:1px solid #c03427;float:left;margin-left:3px;overflow:hidden; line-height: 999px;}

.m2 #focus .hd  li.on{background:#c03427}

.m2  #focus .bd li { position:relative;}

.m2  #focus .bd{margin-bottom:2rem}

.m2 .m2nr .bd li { position:relative;}

.m2 .m2nr .bd li .pic img { display:block; width:100%; margin:0 auto;}

.m2 .m2nr .bd li .txt { width:100%; background:rgba(0,0,0,.6); padding:.6rem 0; position:absolute; left:0; bottom:0;}

.m2 .m2nr .bd li .txt p { text-align:center; color:#FFF; font-size:1.5rem;}

.m2 .m2nr .bd li .txt span { text-align:center; color:#FFF; font-size:1.3rem; display:block; line-height:2rem;}

.m2 .qdpdy{padding-top: 0.5rem;}

.m2  .u1 { margin:1rem 0;margin-top: 0.5rem}

.m2  .qdpdy  li { line-height:3rem; height:3rem;border-bottom: 1px solid #e8e8e8;}

.m2  .qdpdy  li:nth-of-type(4){border-bottom: 0;}

.m2 .u1 li a { display:block; line-height:3rem; color:#333; }

.m2 .u1 li a img{width:2rem;margin-right: 0.5rem;margin-top: -0.5rem}

.m3 .u1 { overflow:hidden; margin:1.6rem 0 1rem;padding-top: 0;}

.m3 .u1 li { height:3.8rem; line-height:3.8rem; float:left; margin-right:1%; margin-bottom:1%;}

.m3 .u1 li a { display:block; text-align:center; line-height:3.8rem; color:#FFF; font-size:1.4rem;}

.m3 .u1 li:nth-child(1) { width:60%; background:#f289a2;}

.m3 .u1 li:nth-child(2) { width:39%; background:#8cbddc;}

.m3 .u1 li:nth-child(3) { width:29%; background:#b4b953;}

.m3 .u1 li:nth-child(4) { width:70%; background:#e3b342;}

.m3 .u1 li:nth-child(5) { width:60%; background:#5babeb;}

.m3 .u1 li:nth-child(6) { width:39%; background:#9e8ccb;}

.m3 .u1 li:nth-child(7) { width:45%; background:#ed9780;}

.m3 .u1 li:nth-child(8) { width:54%; background:#79c5ce;}

.m3 .u1 li:nth-child(2n) { margin-right:0;}

/**************诊断***************/

.zdym .w_pad{padding-top: 0;}

.zdym .ul_1{margin:1rem auto;overflow:hidden}

.zdym .ul_1 li{position:relative;width:49%;float:left;margin-bottom: 2%}

.zdym .ul_1 li:nth-of-type(2),.zdym .ul_1 li:nth-of-type(4){float:right;}

.zdym .ul_1 li .txt{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.8);text-align: center;width: 100%;}

.zdym .ul_1 li .txt p{color:#fff;text-indent:0;}

.zdym .yyzx p{text-indent: 2em}

.zdm1 .zdm1nr{padding-top: 0}

.zdm1 .zdm1nr p{text-indent: 2em;}

.zdm1 .zdm1nr p span{color:#c03427}

.zdm1 .zdm1nr p.bjym{border:1px dashed #cccccc;padding:2%;}

.zdul2{margin-top: 1rem}

.zdul2 li{border:1px solid #e6e6e6;padding:5px;overflow: hidden;position: relative;margin-bottom: 1rem;    display: -webkit-box;}

.zdul2 li img:nth-of-type(1){width:6rem;float:left;}

.zdul2 li img:nth-of-type(2){width:3.5rem;position: absolute;right: 1rem;top:15px}

.zdul2 li .txt{float:left;margin-left: 0.8rem;width:65%}

.zdul2 li .txt dl{    display: -webkit-box;

    margin-right: 0.8rem;

    -webkit-box-flex: 1;

    -webkit-box-pack: justify;

    -webkit-box-orient: vertical;}

.zdul2 li .txt dl dt{line-height: 1.8rem;color:#333;font-size:1.5rem;}

.zdul2 li .txt dl dd{line-height: 1.8rem;}

.zdul2 li a .txt dl dd{color:#666;line-height: 1.8rem; }

.zdul2 li a .txt dl dd br{line-height: 0;}

/*********诊疗页面***************/

.zlym1 p.p1{text-indent: 2em}

.zlym1 #focus{margin:1rem auto;position:relative;margin-bottom:0rem;margin-top: 0}

.zlym1 #focus .hd {position:absolute;bottom:-25px;left:123px;z-index:9;}

.zlym1 #focus .hd  li{ width:15px;height:15px;border-radius:100%;background:#c7c6c6;float:left;margin-left:3px;overflow:hidden; line-height: 999px;}

.zlym1 #focus .hd  li.on{background:#c03427}

.zlym1  #focus .bd li { position:relative;}

.zlym1  #focus .bd{margin-bottom:3rem}
.zlym1 #focus1{margin:1rem auto;position:relative;margin-bottom:0rem;margin-top: 0}

.zlym1 #focus1 .hd {position:absolute;bottom:-25px;left:123px;z-index:9;}

.zlym1 #focus1 .hd  li{ width:15px;height:15px;border-radius:100%;background:#c7c6c6;float:left;margin-left:3px;overflow:hidden; line-height: 999px;}

.zlym1 #focus1 .hd  li.on{background:#c03427}

.zlym1  #focus1 .bd li { position:relative;}

.zlym1  #focus1 .bd{margin-bottom:3rem}

.zlym1 .m2nr .bd li { position:relative;}

.zlym1 .m2nr .bd li .pic img { display:block; width:100%; margin:0 auto;}

.m2 .m2nrs{padding-top: 0.5rem;margin-bottom: 1rem}

.m2 .m2nrs .u1{overflow:hidden;}

.m2 .m2nrs .u1 li{width:49%;float:left;background:#fff;}

.m2 .m2nrs .u1 li .txt{border:1px solid #ccc;padding:1.1rem 0.3rem;text-align:center}

.m2 .m2nrs .u1 li img{width:3.5rem;vertical-align:top;margin-right:0.5rem;display:inline-block;}

.m2 .m2nrs .u1 li:nth-of-type(1){float:left}

.m2 .m2nrs .u1 li:nth-of-type(2n){float:right}

.m2 .m2nrs .u1 li dl{display:inline-block;text-align:left;}

.m2 .m2nrs .u1 li dl dt{line-height:3.4rem;margin-top:0.5rem;color:#333;font-size:1.6rem;}

.m2 .m2nrs .u1 li:nth-of-type(4) dl dt{line-height:1.5rem;margin-top:0.3rem;color:#333;font-size:1.6rem;}

.m2 .m2nrs .u1 li dl dt br{

    line-height: 0;}

/******病因********/

.m1 .byts { padding:0 0.7rem; background:url(../images/zt2_bj_03.jpg) ; margin-top:1.4rem;}

.m1 .byts p {padding:2.3rem 1.5rem; background:#f7f2ec; color:#000; }

.m1 .byts span{ color:#fc191a}

.m1 .byts p a{ color:#fc191a}



.footer{ padding:1rem 0 1rem;}

.footer ul { overflow:hidden; margin:0 1rem;}

.footer ul li { width:25%; float:left;}

.footer ul li img { width:6rem; display:block; margin:0 auto;}

.footer ul li span { display:block; font-size:1.6rem; text-align:center; margin-top:.6rem; color:#666;}

.footer .dz { text-align:center; margin:1rem auto;}

.footer .dz p { font-size:1.8rem; font-weight:900; color:#c1382b;}

.footer .dzs p{text-align:center;color:#666;}

.footer .cc { line-height:2.8rem; height:2.8rem; background:#e5e6e6; text-align:center; color:#333; margin-top:1.6rem;}

.footer .cc a { color:#333; display:inline-block; margin:0 5px;}