@charset "gb2312";
/* CSS Document */

body, ul, form,img,li { margin:0; padding:0; }
body{ font-size:14px; font-family:"Microsoft yahei",Arial,simsun; }
a{text-decoration:none; color:#444;}
a:hover{text-decoration:none;}
ul{list-style:none;}
h1,h2,h3,h4,h5,h6,h7{font-weight:normal; margin:0; padding:0; }
.fl{float:left;}
.fr{float:right;}
.c{clear:both;}
/*
table,tr,td {margin: 0px;padding: 0px; border:none;list-style:none;}
*/
img{margin: 0px;padding: 0px;list-style:none; border:0px;}
dd{list-style:none;margin: 0px;padding: 0px; border:none;}
dt{list-style:none;margin: 0px;padding: 0px; border:none;}
.hidden{ display:none;}
.w{ width:1160px; margin:0 auto; position:relative;}
p {margin: 0px;padding: 0px;}
/*header*/
.header{ background:url(/templets/default/images/bg_top.gif) repeat-x top;position:relative;}
.top{ line-height:28px; color:#666;}
.top .fr a{display:block;float:left;width:30px;height:30px;margin-left:5px;background:url(/templets/default/images/in.png) no-repeat;}
.top .fr a:hover{background:url(/templets/default/images/in.png) no-repeat;}
.top .fr .t_f1{ background-position:left top;}
.top .fr .t_f1:hover{ background-position:left -30px;}
.top .fr .t_f2{ background-position:-36px top;}
.top .fr .t_f2:hover{ background-position:-36px -30px;}
.top .fr .t_f3{ background-position:-71px top;}
.top .fr .t_f3:hover{ background-position:-71px -30px;}
.top .fr .t_f4{ background-position:-104px top;}
.top .fr .t_f4:hover{ background-position:-104px -30px;}
.top .fr .t_f5{ background-position:-137px top;}
.top .fr .t_f5:hover{ background-position:-137px -30px;}

.n_dh{height:65px;}
.logo{ clear:both; position:absolute;width:310px; float:left;top:30px;}
.nav{ width:765px;margin-left:327px;}
.nav{ height:65px;}
.nav li{ width:150px; text-align:center; float:left;position:relative;}
.nav li a{ color:#fff; font-size:16px; text-align:center;display:block;padding:15px 5px 0px 5px;height:50px;}
.nav li:hover{ background:#fff;}
.nav li:hover a{ color:#b80438;}
.nav li em{ display:block; color:#ce3460; text-transform:uppercase; font-style:normal; font-size:12px;}

#niutuku_com li div{display:none;background:#fff; z-index:999;padding:15px 12px; width:750px;border-bottom: 3px #b80438 solid;}
#niutuku_com li ul{ width:370px; overflow:hidden; border-right:1px #ddd dashed;}
#niutuku_com li ul li{float:left;width:360px;}

#niutuku_com li ul li a:hover,#niutuku_com li ul.ul_nv li b a:hover{background:#b80438;color:#fff;}
#niutuku_com li ul.ul_nan a:hover,#niutuku_com li ul.ul_nan li b a:hover{ background:#166dc6; color:#fff;}

#niutuku_com li ul li {display:inline;}
#niutuku_com li ul li a {float:left;height:26px;line-height:26px;padding:0px 5px;text-transform:capitalize;color:#666; font-size:14px; margin-right:3px;}

#niutuku_com li ul.ul_nv{ float:left;}
#niutuku_com li ul.ul_nan{ float:right; border:none;}
#niutuku_com li ul.ul_nv li b a{ color:#b80438;}
#niutuku_com li ul.ul_nan li b a{ color:#166dc6;}

.second-menu, .third-menu, .fourth-menu {position:absolute;}
.second-menu {top:65px;left:0;}
*html .second-menu {left:-1px;}
.second-menu a {font-size:11px;}

.n_ph{margin-top:12px;}


/*banner*/
.banner{ background:#fff; margin:0 auto; text-align:center;}
.banner_1{ background:url(/templets/default/images/banner_02.jpg) center top no-repeat; height:212px;}
.banner_2{ background:url(/templets/default/images/banner_03.jpg) center top no-repeat; height:192px;}
.banner_3{ background:url(/templets/default/images/banner_04.jpg) center top no-repeat; height:109px;}
.banner_3 .w a{ top:17px; left:50px; width:400px; height:50px; position:relative; display:block; text-indent:-999em;}

/*middle*/
.mid1,.mid2,.mid3{width:350px;border:1px solid #efefef;border-right:none;height:369px;margin-top:22px;}
.m_bt{padding:22px 26px 17px 31px;font-size:20px;color:#3d3f4b;}
.m_bt span,.mid1 .m_bu span,.w_zj .w_zm a,.w_ap a,.m_dt .m_zw .fr a,.m_bo span{color:#b80438;}
.m_bt .fr a{display:block;float:left;margin-right:2px;margin-top:5px;}
.mid1 .m_bi{width:270px;margin:0 auto;position:relative;}
.mid1 .m_bi .m_bw{height:30px;position:absolute;bottom:0px;left:0px;width:270px;background:#000;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;opacity: 0.7;line-height:30px;text-align:center;font-size:14px;}
.mid1 .m_bi .m_bw a{color:#fff;}
.mid1 .m_bi .m_bw a:hover,.mid2 .m_jb li a:hover,.mid3 .m_sl li a:hover,.m_dt .m_zw li a:hover{color:#F00;}
.mid1 .m_bx{width:277px;margin:0 auto;padding:11px 0px 10px 0px;line-height:26px;font-size:14px;}
.mid1 .m_bx strong{font-size:20px;color:#b80438;}
.mid1 .m_bx a{display:block;width:82px;line-height:26px;background:#b80438;color:#fff;text-align:center;}
.mid1 .m_bd{height:55px;padding:15px 39px 0px 32px;}
.m_br{font-size:14px;color:#333;}
.mid1 .m_bu{text-align:right;line-height:24px;color:#333;font-size:14px;}
.mid1 .m_br .m_bb{width:170px;height:22px;line-height:22px;background:#fff;border:1px solid #c6c6c6;color:#a9a9a9;}
.mid1 .m_br .m_ck{width:50px;height:26px;line-height:22px;background:#f6f6f6;text-align:center;color:#333;border:1px solid #c6c6c6;}

.mid2{width:405px;border:1px solid #efefef;}
.mid2 .m_jt,.mid2 .m_jb{width:350px;margin:0 auto;}
.mid2 .m_jb,.mid3 .m_sl{padding-top:22px;}
.mid2 .m_jb li,.mid3 .m_sl li{line-height:24px;color:#333;}
.mid2 .m_jb li a,.mid3 .m_sl li a{color:#333}

.mid3{width:401px;border:1px solid #efefef;border-left:none;}
.mid3 .m_sp,.mid3 .m_sl{width:345px;margin:0 auto;}
.mid3 .m_sl li{background:url(/templets/default/images/in_64.jpg) no-repeat left center;padding-left:8px;}


.sy_hots{background: #f7f7f7;margin-top:20px;}
.sy_hotsCont{padding: 30px 0 30px;position: relative;width: 1065px;margin: 0 auto;}
.hotsTit{cursor: pointer;}
.hots_bai{display: block;width:226px;height:170px;position: absolute;top: -18px;right: 50px;}
.hots_icon{display: block;width:49px;height:49px;background: url(/templets/default/img/gug_s.png) no-repeat;position: absolute;top: 70px;right: 45px;cursor: pointer;}
/*.hots_change{background-position: -292px -218px;}*/
@-webkit-keyframes rotate-hover{
	0%{-webkit-transform:rotate(0deg);opacity:1;}50%{-webkit-transform:rotate(180deg);opacity:0.5;}100%{-webkit-transform:rotate(360deg);opacity:1;}}
.hots_hover{-webkit-animation-name: rotate-hover;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;/*-webkit-animation: rotate-hover 1.5s infinite linear;animation: rotate-hover 1.5s infinite linear;*/}
.sy_hots ul{width: 1100px;margin-top: 40px;display: none;height:280px;overflow:visible;}
.sy_hots ul li{width: 144px;float: left;margin-right: 9px;}
.sy_hots ul a{display: block;background: #98e9e4;margin-bottom: 9px;overflow: hidden;border-radius: 8px;position: relative;padding: 15px 0 0 15px;}
.sy_hots ul a.sy_sm1{background: #ff8b98;}
.sy_hots ul a.sy_sm2{background: #03b8f1;}
.sy_hots ul a.sy_sm3{background: #75d87e;}

.sy_hots ul a.sy_sm4{background: #4ed0e8;}
.sy_hots ul a.sy_sm5{background: #ffa234;}
.sy_hots ul a.sy_sm6{background: #ff8b98;}

.sy_hots ul a.sy_sm7{background: #75d87e;}
.sy_hots ul a.sy_sm8{background: #ff8b98;}
.sy_hots ul a.sy_sm9{background: #4ed0e8;}
.sy_hots ul a.sy_sm10{background: #0bc9d1;}

.sy_hots ul a.sy_sm11{background: #0bc9d1;}
.sy_hots ul a.sy_sm12{background: #ffa234;}
.sy_hots ul a.sy_sm13{background: #03b8f1;}

.sy_hots ul a.sy_sm14{background: #ff8b98;}
.sy_hots ul a.sy_sm15{background: #03b8f1;}
.sy_hots ul a.sy_sm16{background: #75d87e;}
.sy_hots ul a.sy_sm17{background: #ff8b98;}

.sy_hots ul a.sy_sm18{background: #ffa234;}
.sy_hots ul a.sy_sm19{background: #4ed0e8;}
.sy_hots ul a.sy_sm20{background: #03b8f1;}

.sy_hots ul a.sy_sm21{background: #03b8f1;}
.sy_hots ul a.sy_sm22{background: #ff8b98;}
.sy_hots ul a.sy_sm23{background: #0bc9d1;}
.sy_hots ul a.sy_sm24{background: #ffa234;}

.sy_hots ul a:hover{text-decoration: none;background: #008585;/*color: #c5fffb;*/
box-shadow: #8cd7d2 1px 1px,#8fd8d3 2px 2px,#91d9d4 3px 3px,#95dbd5 4px 4px,#9adcd7 5px 5px,#9cddd9 6px 6px,#a1deda 7px 7px,#a5dfdc 8px 8px,#a8e1dd 9px 9px,#ade1de 10px 10px,#b2e3e0 11px 11px,#b6e4e1 12px 12px,#bbe5e2 13px 13px,#bfe7e4 14px 14px,#c3e7e5 15px 15px,#c7e9e7 16px 16px,#cbeae8 17px 17px,#ceebe9 18px 18px,#d2eceb 19px 19px,#d6edeb 20px 20px,#d9eeed 21px 21px,#dcefee 22px 22px,#dff0ef 23px 23px,#e2f1f0 24px 24px,#e4f1f1 25px 25px,#e7f2f2 26px 26px,#e9f3f2 27px 27px,#ebf4f3 28px 28px,#edf4f4 29px 29px,#f1f5f5 30px 30px;
}
.sy_hots a{transition: all 0.5s linear;}
.sy_hots ul h3{color: #fff;font:15px/15px "microsoft yahei";}
.sy_hots ul span{color: #fff;font-family: "Arial";font-size:12px;opacity:0.5;}
.small{height: 45px;}
.big{height: 115px;}
.big h3{margin-top: 60px;}
.small b{right: 10px;bottom:25px;width:18px;height:18px;}
.big b{left: 39px;top: 20px;width:56px;height:44px;}
.small b,.big b{display: block;background-image:url(/templets/default/img/sy_sm.png);position: absolute;background-repeat:no-repeat;}
.sy_sm1 b,.sy_sm12 b{background-position:-29px -62px;width:17px;height:15px;}
.sy_sm2 b,.sy_sm6 b{background-position:-3px 0;}
.sy_sm3 b{background-position:-51px -62px;}
.sy_sm4 b{background-position:-6px -65px;}
.sy_sm5 b,.sy_sm17 b{background-position:-6px -87px;}
.sy_sm7 b,.sy_sm13 b{background-position:-94px -62px;}
.sy_sm8 b{background-position:-74px -83px;}
.sy_sm9 b{background-position:-32px -82px;}
.sy_sm10 b,.sy_sm14 b{background-position:-143px -65px;}
.sy_sm11 b{background-position:-62px -6px;}
.sy_sm15 b,.sy_sm16 b{background-position:-6px -65px;}
.sy_sm18 b{background-position:-168px -63px;}
.sy_sm19 b{background-position:-121px 0;}
.sy_sm20 b,.sy_sm21 b{background-position:-54px -81px;}
.sy_sm22 b{background-position:-94px -85px;}
.sy_sm23 b{background-position:-118px -66px;}
.sy_sm24 b{background-position:-120px -85px;}

.m_zj{background:url(/templets/default/images/in_82.jpg) no-repeat top center;margin-top:20px;height:529px;}
.m_zj .w{position:relative;}
.m_zz{padding:14px 39px 0px 61px;}
.m_zl{position:absolute;width:46px;height:100px;top:203px;left:-46px; cursor: pointer;}
.m_zk{width:596px;background:url(/templets/default/images/in_52.png) repeat top left;height:529px;padding-left:50px;}
.m_zr{position:absolute;top:203px;left:1180px; cursor: pointer;}
.m_na{background:url(/templets/default/images/ind_61.png) no-repeat 429px 53px;}
.m_na .m_nx{font-size:40px;color:#b80438;padding-top:71px;}
.m_na .m_nl{margin:71px 0px 0px 18px;border-left:1px solid #bcbaad;line-height:23px;padding-left:10px;color:#272727;font-size:16px;}
.m_na .m_kl{padding-top:48px;}
.m_na .m_kl li{width:95px;height:92px;-moz-border-radius:5px;/* Gecko browsers */-webkit-border-radius: 5px;/* Webkit browsers */ border-radius:5px;border:1px solid #fff;text-align:center;font-size:16px;color:#a6a5a5;float:left;margin-right:31px;}
.m_na .m_kl .m_kv,.m_na .m_kl .m_kh,.m_na .m_kl .m_ka{font-size:55px;color:#74a614; font-family:"\82F9\679C\4E3D\7EC6\5B8B";font-weight:100;letter-spacing:-2px;}
.m_na .m_kl .m_kh{color:#b80438;}
.m_na .m_kl .m_ka{color:#0d5bab;}
.m_na .m_kl .m_klw{width:130px;}
.w_zj{padding-top:20px;}
.w_zj li{padding:6px 0px;}
.w_zj .w_zx{width:77px;height:25px;background:#fff;-moz-border-radius:10px;/* Gecko browsers */-webkit-border-radius: 10px;/* Webkit browsers */ border-radius:10px;text-align:center;line-height:25px;color:#b80438;}
.w_zj .w_zm{width:500px;padding-left:10px;line-height:25px;color:#333;}
.w_an{margin:30px 0px;}
.w_ap{background:url(/templets/default/images/in_73.png) no-repeat left center;line-height:30px;padding-left:47px;color:#333;}
.m_dt{margin:20px auto;width:1160px;height:38px;background:#e1e1e1;}
.m_dt .m_zx{background:url(/templets/default/images/ft_126.jpg) no-repeat 46px center;padding-left:72px;line-height:38px;width:100px;color:#333;}
.m_dt .m_zw{width:986px;line-height:22px;margin-top:8px;border-left:1px dashed #979797;}
.m_dt .m_zw li{padding:0px 20px;color:#979797;float:left;}
.m_dt .m_zw .fr{float:right;padding-right:24px;}

.m_bo{font-size:24px;color:#333;margin-bottom:17px;}
.m_bo .sgbb{margin-top: 20px;}
.m_bo .sgbb .li_dq{background:url(/templets/default/images/tl_145.jpg) no-repeat center;}
.m_bo  .sgbb li{width:8px;height:8px;background:url(/templets/default/images/tt_143.jpg) no-repeat center;margin-left:5px;float:left;cursor:pointer;} 
.m_al{width:192px;margin-right:1px;}
.m_al li{float:left;margin:0px 1px 1px 0px;height:130px;}
.m_a2 li{float:left;margin:0px 1px 1px 0px;height:130px;}
.m_a2 .m_ak{height:261px;overflow:hidden;}
.m_a2{width:386px;margin-right:1px;}
.m_at{position:relative;}
.m_az{position:absolute;top:8px;left:341px;}
.m_ab{height:40px;position:absolute;bottom:3px;left:0px;line-height:40px;background:#000;filter:alpha(opacity=76); -moz-opacity:0.76; -khtml-opacity: 0.76;opacity: 0.76;width:350px;padding:0px 18px;color:#fff;font-size:16px;}

.m_ab1{height:30px;position:absolute;bottom:0px;left:0px;line-height:30px;background:#000;filter:alpha(opacity=76); -moz-opacity:0.76; -khtml-opacity: 0.76;opacity: 0.76;width:156px;padding:0px 18px;color:#fff;font-size:14px;}
.m_ab1  a{color:#fff;}
.m_ab1  strong{color:#b80438;font-size:18px;}



.m_ab a{color:#fff;}
.m_ab strong{color:#b80438;font-size:18px;}

.m_lb{margin-top:20px;background:url(/templets/default/images/in_196.jpg) repeat-x bottom left;height:39px;}
.m_lb li{width:135px;line-height:39px;float:left;text-align:center;font-size:18px;color:#333;cursor: pointer;}
.m_lb .m_aq{background:#b80438;color:#fff;}

.m_tx{margin-top:20px;height:202px;}
.m_tx li{width:173px;text-align:center;float:left;padding:0px 10px;}
.m_tx .m_tb{line-height:30px;color:#333;}
.m_tx .m_tn{font-size:12px;color:#737373;line-height:18px;}

.m_hz{margin:20px 0px;}



/*footer*/
.footer{overflow:hidden;zoom:1;background:#272727;}
.footernav { border-bottom: #4b4b4b 1px solid; border-top: #4b4b4b 1px solid; background: #323232; height: 43px; line-height: 43px; text-align: center; overflow: hidden; font-size: 14px; color: #bababa; }
.footernav a { color: #bababa; margin: 0px 25px; font-weight: bold; }
.footernav a:hover { text-decoration: underline; }




.arrow-left  a{background:url(/templets/default/images/in_45.jpg) no-repeat; width:18px;height:19px; cursor:pointer;}

.arrow-right a{background:url(/templets/default/images/in_47.jpg) no-repeat; width:18px;height:19px; cursor:pointer;}


/* 分页  */
.fy{}
.fy ul{float:left;padding:12px 0px 12px 16px;}
.fy ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.fy ul li a{float:left;padding:2px 4px 2px;color:#555;display:block;}
.fy ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.fy .pageinfo{line-height:21px;color:#999;}


/* 首页 疾病列表 样式 */
.pic_l{ float:left; width:200px;}
.txt_r{ float:right; width:340px;}
.txt_r ul li{ width:280px; background:url(/templets/default/images/dott.jpg) left center no-repeat; padding:0; padding-left:15px; margin-left:25px; line-height:24px; float:left; text-align:left;}
.m_tx li.new_list{ width:540px; text-align:left; float:left; padding:0; padding-left:35px; border-left:1px #ccc dashed;}



/**首页的手风琴**/
.accordion-DIV {
  /*   width:98%;
  height:482px; */
  overflow: hidden;
  padding-left: 1%;
  padding-right: 1%;
}
.accordion-DIV > .accordion {
  /* border:$defaultBorder; */
}

.accordion {
  clear: both;
  overflow: hidden;
}
.accordion [data-name=accordion] {
  border: thin solid #efefef;
}
.accordion .accordion-li {
  float: left;
  color: #333;
  border-right: none;
  overflow: hidden;
  width: 100px;
  transition: width 1.5s;
  position: relative;
  cursor: pointer;
}
.accordion .accordion-li .accordion-img {
  border: thin solid #efefef;
}
.accordion .accordion-li:last-child {
  border-right: thin solid #efefef;
}
.accordion .accordion-li::before {
  content: "";
  display: block;
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  transition: all 0.5s;
}
.accordion .accordion-li .accordion-description {
  content: "";
  display:none;
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.7;
  transition: all 0.5s;
  top: inherit;
  bottom: 50%;
  height: 50%;
  margin-bottom: -135px;
  padding: 1.5%;
}
.accordion .accordion-li .accordion-content, .accordion .accordion-li .accordion-title, .accordion:hover .accordion-li li.active .accordion-title, .accordion:hover li.active .accordion-li .accordion-title {
  opacity: 0;
  transition: all 0.5s;
  margin-top: 15px;
  text-shadow: 0px 0px 1px #e0f9ff;
}
.accordion .accordion-li .accordion-title {
  font-size: xx-large;
  font-weight: bold;
}
.accordion .accordion-li .accordion-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 43.2px;
  margin-left: -21.6px;
  margin-top: -20px;
  font-size: 40px;
  z-index: 10;
  opacity: 1;
  transition: opacity 2.5s;
  display:none;
}
.accordion:hover li {
  width: 100px;
  transition: width 1.5s;
}
.accordion:hover li.active {
  /* width:600px !important; */
  transition: width 0.5s;
}
.accordion:hover li.active::before {
  opacity: 0;
}
.accordion:hover li.active .accordion-icon {
  opacity: 0;
  transition: opacity .2s;
}
.accordion:hover li.active .accordion-description {
  content: "";
  display:none;
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;
  transition: all 0.5s;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(255, 255, 255, 0), white);
  padding-top: 9%;
  height: auto;
  width: 97%;
  top: inherit;
  bottom: 136px;
}
.accordion:hover li.active .accordion-content, .accordion:hover li.active .accordion-title {
  opacity: 1  !important;
  transition: all 2s;
}
.accordion.verticality {
  clear: both;
  overflow: hidden;
}
.accordion.verticality .accordion-li {
  width: 100%;
  float: inherit;
  border: thin solid #efefef;
  height: 100px;
  transition: height .6s;
  border-bottom: none;
}
.accordion.verticality .accordion-li .accordion-description {
  left: 50%;
  bottom: 0;
  width: 30%;
  height: 95%;
  margin-bottom: 0px;
  margin-top: auto;
  margin-left: -224px;
  transition: all .8s;
}
.accordion.verticality .accordion-li .accordion-img {
  width: 100%;
}
.accordion.verticality .accordion-li:last-child {
  border-bottom: thin solid #efefef;
}
.accordion.verticality .accordion-li.active {
  width: 100% !important;
  transition: height .6s;
}
.accordion.verticality .accordion-li.active::before {
  opacity: 0;
}
.accordion.verticality .accordion-li.active .accordion-icon {
  opacity: 0;
  transition: all 0.5s;
}
.accordion.verticality .accordion-li.active .accordion-description {
  margin-left: 0;
  width: 98%;
  height: 50%;
  top: inherit;
  bottom: 0;
  left: 0;
  opacity: 1;
  padding-top: 1.5%;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), white);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(255, 255, 255, 0), white);
  transition: height .8s;
}
.accordion.verticality .accordion-li.active .accordion-description .accordion-title, .accordion.verticality .accordion-li.active .accordion-description .accordion-content, .accordion.verticality .accordion-li.active .accordion-description .accordion-title {
  opacity: 1;
  transition: opacity 1s;
}
.accordion .ver-toggle {
  display: none;
}
.accordion .accordion-img {
  display: block;
}
.accordion a {
  display: block;
  background-color: white;
  width: 100%;
  height: 100%;
}