html, body { -webkit-text-size-adjust: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, input, textarea, select, form, td, section { font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; }
input[type="date"]:before { content: attr(placeholder); }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
input, textarea, select, form, fieldset { vertical-align: top; }
img { vertical-align: top; border: 0; }
a { color: #666; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a, area { blr:expression(this.onFocus=this.blur());}
:focus { outline: none; }
.red, .red a { color: #F00; }
.left { float: left; }
.right { float: right; }
.autohei { overflow: hidden; zoom: 1; }
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
.blank { font-size:0; line-height:0; height: 20px; clear: both; overflow: hidden;}
.yahei, .yahei * { font-family: Microsoft YaHei; }
.songti, .songti * { font-family:SimSun; }
.img { text-align: center; overflow: hidden;}
.aaaaaa{}
body { font-size: 12px; background: #fff; }
/*input,textarea,select{appearance: none; -webkit-appearance: none; border-radius:0;}*/
html { font-size: 10px; }
.blank { height: 1rem;}
img{ max-width: 100%; }
.img img{ display:block;}
body { font-size: 1.2rem; width: 32rem; margin: 0 auto; }

.logo{ position: relative; clear: both;}
.logo span{ position: absolute; top: 0; width: 3.1rem; right: 1.1rem; cursor: pointer;}
.log_nav{ background-color: #eaeef1; width: 16rem; padding: 0.5rem 0 0.5rem; position:absolute; top: 5.25rem; right: 0; display: none; z-index: 1;}
.log_nav li{ color: #666; font-size: 1.5rem; line-height: 4.1rem; padding-left: 2.3rem; box-sizing: border-box;}
.log_nav li:hover{ background: url('../images/log_nav_back.jpg') no-repeat center/16rem 4.4rem;}
.log_nav li cite{ display: inline-block; width: 3.6rem; margin-right: 2rem;}


.banner { margin: 0 auto; position: relative; overflow: hidden; z-index: 0; }
.band { width: 100%; height: 1.1rem; position: absolute; z-index: 1; bottom: 0.5rem; text-align: center; display: none; }
.band ul { display: inline-block; height: 0.5rem; padding: 0.3rem 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; font-size: 0; vertical-align: top; }
.band ul li { display: inline-block; width: 0.5rem; height: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; background: #8C8C8C; margin: 0 0.5rem; vertical-align: top; overflow: hidden; }
.band ul li.hover { background: #FE6C9C; }
.bann { overflow: hidden; position: relative; z-index: 0; }
.bann li { overflow: hidden; zoom: 1; }
.bann li img { width: 100%; }

.nav{ clear: both; padding: 0 0 0 0; box-sizing: border-box;}
.nav ul{display: flex; display:-webkit-flex;justify-content: space-around; -webkit-justify-content: space-around; flex-flow: wrap; -webkit-flex-flow: wrap;}
.nav li { text-align: center; width: 10.5rem; margin-bottom: 2.5rem;}
.nav li cite{ width: 5.75rem; display: inline-block; border-radius: 2.85rem;}
.nav li h5{ font-size:1.5rem; color: #202923; line-height: 1.5;}
.nav li p{ font-size: 1rem; line-height: 2rem; color: #a5a5a5;}

.title{ overflow: hidden; line-height: 2.9rem; border-bottom: 1px solid #595959; padding:0 0.5rem 1rem;}
.title h2,.title h3{ background: url('../images/title.jpg') no-repeat left center/0.3rem 2.75rem; box-sizing: border-box; padding-left: 0.6rem; font-size: 1.8rem; color: #6b6b6b; float: left;}
.title h3{ background:none; }
.title h4{ width: 100%; clear: both;}
.title h4 a{ color: #939393; font-size: 1.1rem; line-height: 2rem; box-sizing: border-box; padding-left: 2rem; margin: 0.8rem 0.5rem 0 0; float: left;}
.title h4 a:nth-of-type(1){background: url('../images/ico_01.png') no-repeat left center/1.55rem 1.5rem;}
.title h4 a:nth-of-type(2){background: url('../images/ico_02.png') no-repeat left center/1.55rem 1.5rem;}
.title a{ float:right; font-size: 1.1rem; color: #548dd4;}


.ad{ border: 1px solid #595959; overflow: hidden; margin: 0 0.5rem 0; padding: 1.2rem 1.1rem 1rem;}
.ad cite{ width: 4.15rem; float: left; margin-right: 1rem;}
.ad h2{ font-size: 1.5rem; color: #548dd4; line-height: 1.3;}
.ad p{ font-size: 1rem; line-height: 1.3rem; color: #a5a5a5;}
.ad span{ font-size: 2.5rem; float:right; margin-top: -4rem; font-weight: 100;}

.chara,.doctor,.new,.wacth{ border: 1px solid #595959; overflow: hidden; margin: 0 0.5rem 0; padding: 0.9rem;}
.chara ul{display: flex; display:-webkit-flex;justify-content:space-between; -webkit-justify-content: space-between; flex-flow: wrap; -webkit-flex-flow: wrap;}
.chara ul li{ width: 9rem; height: 9.3rem; background-color: #548dd4; border-radius: 0.5rem; text-align: center; padding-top: 1rem; box-sizing: border-box; margin: 0.6rem 0 0.6rem;}
.chara ul li p{ font-size: 2rem; line-height: 2rem;}
.chara ul li a{ color: #fff;}


.docto ul{}
.docto li{ position: relative; width: 9rem; float: left; margin:0 0.5rem 0.5rem 0;}
.docto li a{ background-color: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; width: 100%; padding: 0.5rem 0 0.5rem;}
.docto li a p{ font-size: 1.5rem; line-height: 2rem;}
.docto li a span{ font-size: 1rem; line-height: 1.1rem; display: block;}


.newd{ overflow: hidden; line-height: 2.9rem; border-bottom: 1px solid #595959; padding:0.75rem 0.5rem 0.75rem 1rem; background: url('../images/title.jpg') no-repeat left center/0.3rem 2.75rem; box-sizing: border-box;}
.newd li{ float: left; margin-right: 1rem; cursor: pointer; }
.newd li.hover{ color: #548dd4;}
.newd a{ float:right; font-size: 1.1rem; color: #548dd4;}
.news{ margin-top: 1rem;}
.news li{ line-height: 2.4rem; font-size: 1.2rem;}
.news li a{ color: #707070;}

.bix img{ width:32rem;}
.gh_rofm{padding:2.5rem 1rem 3rem;overflow: hidden;}
.gh_rofm h3{ font-size: 1.6rem; line-height: 1.8rem; color: #548dd4; text-align: center;}
.guah{margin:2rem auto;text-align: center;}
.guah li {margin-top:1rem}
.guah li label{line-height: 2.7rem; color:#707070;font-size: 1.2rem;display: inline-block;}
.guah li input,.guah li select{width:20.75rem;height: 2.7rem;border-radius:0.5rem ;border:1px solid #b5b5b5;font-size: 1.1rem; color:#cbcbcb;text-indent: 1em; font-size: 1rem; line-height: 1.8rem; background-color: #eee;}
.guah li p{ font-size: 0.9rem; line-height: 1.8rem; color: #adadad;}
.gh_rofm form h5{ text-align: center;}
.gh_rofm form h5 input{ width: 15.15rem;}
.gh_not{overflow: hidden; margin: 1rem 1.5rem 1rem;}
.gh_not h2{ font-size: 1.5rem; line-height: 1.8rem; color: #548dd4; text-align: center; margin-bottom: 0.5rem;}
.gh_not p{ font-size: 1rem; line-height: 1.8rem; color: #707070;}

.wacth li{ width: 8rem !important; text-align: center; border: 1px solid #bababa; border-radius: 1rem; padding: 1.5rem 0.9rem 1.5rem; box-sizing: border-box; margin: 0 0.5rem 0.5rem; float: left;}
.wacth li cite{ width: 4.6rem; display: inline-block; font-size: 0;}
.wacth li p{font-size: 1rem; line-height: 2rem;}


.foot{ overflow: hidden; text-align: center; border-top: 0.8rem solid #548dd4;}
.foot p{ font-size: 1.1rem; line-height: 2rem; margin: 3rem auto 0.5rem;}


.list,.content{ overflow: hidden; margin: 0 1.5rem 0;}
.list li{ border-bottom: 1px dashed #707070; margin-top: 1rem; line-height: 2rem; box-sizing: border-box; padding: 0 0 0.5rem 0;}
.list li a{ color: #333;}
.list li h3{ font-size: 1.4rem;}
.list li p{ font-size: 1rem;}
[class^="end"]{ background: url('../images/list_01.jpg') no-repeat center/32rem 1.2rem; text-align: center; color: #8a8a8a; margin-top: 2rem;}
.end_n{ display: none;}

.content{padding: 2.5rem 0 2.5rem;}
.content h2{ font-size: 1.8rem; line-height: 2; color: #548dd4; text-align: center;}
.content p{ font-size: 1.4rem; line-height: 2.4rem; color: #333; /*text-indent: 2em;*/}
.view_doctor{padding: 0 1rem 0; overflow: hidden; border-bottom: 0.7rem solid #f3f3f3;}

.xiaoguo8{position: relative;}
.biaoti8{position: absolute; bottom: 0.3rem; width:100%; text-align: center;z-index:1;}
.biaoti8 ul{font-size:0;}
.biaoti8 ul li{width:1rem; height: 1rem; border-radius:50%; background-color:#fff; display: inline-block; margin:0 1rem;}
.biaoti8 ul li.hover{background-color:#548dd4;}
.v_doctor{ background-color: #f3f3f3; padding: 0.8rem 0.7rem 1rem; overflow: hidden;}
.v_doctor cite{ float: left; width: 5.5rem; margin-right: 0.5rem;}
.v_doctor h2{ font-size: 1.6rem; line-height: 1.5; color: #000;}
.v_doctor h2 span{font-size: 1rem; line-height: 1.3rem; color: #000;}
.v_doctor p{ font-size: 1rem; line-height: 1.3rem; color: #848484;}
.v_doctor p span{ color: #ffa800; font-size: 1.5rem; margin-right: 0.5rem;}
.v_doctor p:nth-of-type(2){font-size: 0.9rem;}
.v_doctor h5{ float: right; margin-top: -5rem;}
.v_doctor h5 a{ color: #fff; font-size: 0.9rem; line-height: 1.3rem; padding: 0.25rem; border-radius: 0.2rem;}
.v_doctor h5 a:nth-of-type(1){background-color: #4192e3;}
.v_doctor h5 a:nth-of-type(2){background-color: #7acc8a;}
.v_button{ width: 8.8rem; height: 2.8rem; text-align: center; background-color: #548dd4; margin: 1rem auto 1rem;}
.v_button a{ font-size: 1.4rem; line-height: 2.8rem; color: #fff;}

.with_nav{ overflow: hidden; margin: 2.4rem 1rem 0; text-align: center;}
.with_nav h2{ color: #407cc8; font-size: 1.5rem; line-height: 2.3rem; margin-bottom: 0.5rem;}
.with_nav a{ float: left; width: 7.1rem; line-height: 2.8rem; margin:0.2rem; background-color: #f2f2f2;}
.with_nav a:nth-of-type(14){ width: 14.6rem;}
.with_nav a:nth-of-type(15){ background-color: #548dd4; color: #fff;}
.sec_doctor,.grou_doctor{ border: 1px solid #c9c9c9; margin: 1rem auto; padding: 1rem;}
.sec_doctor .title{ border: none;}
.sec_doctor li,.grou_doctor li{ margin: 0.5rem 0 1rem; padding-bottom: 0.5rem; overflow: hidden; border-bottom: 1px dashed #c9c9c9;}
.sec_doctor li:last-child,.grou_doctor li:last-child{border: none;}
.sec_doctor li cite,.grou_doctor li cite{ float: left; width: 5.5rem; margin-right: 0.5rem; border-radius: 2.75rem; vertical-align: middle;}
.sec_doctor li h2,.grou_doctor li h2{ font-size: 1.6rem; line-height: 1.5; color: #000;}
.sec_doctor li h2 span,.grou_doctor li h2 span{font-size: 1rem; line-height: 1.3rem;}
.sec_doctor li p,.grou_doctor li p{ font-size: 1rem; line-height: 1.3rem; color: #848484;}
.sec_doctor li p span{ color: #ffa800; font-size: 1.5rem; margin-right: 0.5rem;}
.sec_doctor li p:nth-of-type(2),.grou_doctor li p{font-size: 0.9rem;}
.sec_doctor li h5,.grou_doctor li h6{ float: right; margin-top: -5rem;}
.sec_doctor li h5 a,.grou_doctor li h6 a{ color: #fff; font-size: 0.9rem; line-height: 1.3rem; padding: 0.3rem; border-radius: 0.2rem;}
.sec_doctor li h5 a:nth-of-type(1){background-color: #4192e3;}
.sec_doctor li h5 a:nth-of-type(2){background-color: #7acc8a;}
.grou_doctor li h6 a{background-color: #4192e3; padding: 0.5rem 0.7rem;}
.grou_doctor li>a>span{ font-size: 1.5rem; font-weight: bold; line-height: 1.3; color: #4192e3;}
.v_button{ width: 8.8rem; height: 2.8rem; text-align: center; background-color: #548dd4; margin: 1rem auto 1rem;}
.v_button a{ font-size: 1.4rem; line-height: 2.8rem; color: #fff;}

.doctor_v{ background: url('../images/doctor_v_01.jpg') no-repeat center top/32rem 10.1rem; overflow: hidden; position: relative; height: 27.5rem; border-bottom: 0.6rem solid #f2f2f2;}
.history{ position: absolute; top: 0.2rem; left: 0.2rem;}
.history a{ color: #fff;}
.doctor_v>cite{ width: 5.8rem; display: inline-block; font-size: 0; position: absolute; top: 4.4rem; left: 50%; margin-left: -2.9rem;}
.intr{ position: absolute; top: 12rem; left: 0; overflow: hidden; width: 100%;}
.intr h2{ font-size: 1.5rem; line-height: 2.75rem; text-align: center;}
.intr h3{ font-size: 1.25rem; line-height: 2.3rem; font-weight: bold; color: #548dd4; text-align: center;}
.intr .hot{ overflow: hidden; display: inline-block; margin: 1.5rem 5rem 1.5rem 3.5rem;}
.intr p{ float: left; font-size: 1rem; line-height: 1.3rem; box-sizing: border-box;}
.intr p span strong{ color: #dc0000;}
.intr p:nth-of-type(1){ width: 10rem; padding-right: 1.8rem; border-right: 1px solid #7d7d7d;}
.intr p:nth-of-type(1) strong{ font-size: 1.5rem;}
.intr p:nth-of-type(2){ width: 13.5rem; padding-left: 1.9rem;}
.intr p:nth-of-type(2) strong{ font-size: 1.3rem;}

.intr h5{ clear: both; text-align: center;}
.intr h5 span{ margin-right: 0.4rem;}
.intr h5 span a{ border-radius: 0.4rem; text-align: center; color: #fff; font-size: 1.1rem; line-height: 2.9rem; display: inline-block; width: 9.3rem;}
.intr h5 span:nth-of-type(1) a{ background-color: #ff5050;}
.intr h5 span:nth-of-type(2) a{ background-color: #548dd4;}
.intr h5 span:nth-of-type(3) a{ background-color: #31849b;}
.intr h5 span:nth-of-type(3){ position: relative;}
.intr h5 span:nth-of-type(3) cite{ display: inline-block; width: 2.2rem; height: 2.2rem; color: #fff100; font-size: 0.8rem; background-color: #ff5050; border-radius: 1.1rem; line-height: 2.2rem; position: absolute; top: -1.5rem; right: 0.2rem; font-style: normal; text-align: center;}
.cont .bego{ border-bottom: 0.6rem solid #f2f2f2; padding: 2rem;}
.cont div:nth-of-type(2).bego{border: none;}
.d_title{ font-size: 1.8rem; line-height: 2rem; color: #2e2e2e; border-bottom: 0.1rem solid #d9d9d9; padding-bottom: 1rem;}
.d_title cite{ width: 1.7rem; display: inline-block; vertical-align: middle; margin-right: 0.8rem; margin-left: 0.1rem;}
.bego p{ font-size: 1.1rem; line-height: 2rem; margin-top: 1rem;}
.radius{ border-radius: 0.2rem;}
.time{ overflow: hidden;}
.time h3{ background-color: #ffeda3; font-size: 1.1rem; line-height: 2.85rem; text-align: center; color: #ff9000;}
.timez ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.timez ul li{ border: none; width: 3.3rem; box-sizing: border-box; padding:0.5rem 0.3rem 0.4rem; text-align: center; border-radius: 0.2rem; background-color: #f2f2f2; font-size: 0.9rem;}
.timez ul li span:nth-of-type(1){line-height: 1.3rem;}
.timez ul li span:nth-of-type(2){ font-size: 1.6rem; line-height: 1.3; display: block;}
.timez ul li span:nth-of-type(3){ line-height: 1; color: #548dd4;}
.timez ul li:nth-of-type(1){ background-color: #548dd4; color: #fff; font-size: 1.1rem; line-height: 4.8rem;}
.timez ul li:nth-of-type(2){background:#f2f2f2 url('../images/timez_01.png') no-repeat left top/3.25rem 4.8rem;}

.ad_chan { margin: 0 auto; position: relative; overflow: hidden; z-index: 0; }
.ad_chand { width: 100%; height: 1.1rem; position: absolute; z-index: 1; bottom: 0.5rem; text-align: center; display: none; }
.ad_chand ul { display: inline-block; height: 0.5rem; padding: 0.3rem 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; font-size: 0; vertical-align: top; }
.ad_chand ul li { display: inline-block; width: 0.5rem; height: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; background: #8C8C8C; margin: 0 0.5rem; vertical-align: top; overflow: hidden; }
.ad_chand ul li.hover { background: #FE6C9C; }
.ad_chann { overflow: hidden; position: relative; z-index: 0; }
.ad_chann li { overflow: hidden; zoom: 1; }
.ad_chann li img { width: 100%; }

.chan_new{ margin: 0 1.3rem 0; overflow: hidden;}
.chan_newd{ overflow: hidden; font-size: 1.5rem; line-height: 2rem; border-bottom: 1px solid #595959; padding:0.75rem 0.5rem 0 1rem; box-sizing: border-box;}
.chan_newd li{ float: left; width: calc(98% / 3); cursor: pointer; background: url('../images/chann_02.jpg') no-repeat right center/0.2rem 1.45rem; text-align: center; padding-bottom: 0.75rem;}
.chan_newd li.hover{ color: #548dd4; background: url('../images/chann_01.jpg') no-repeat right center/0.2rem 1.45rem; border-bottom: 0.3rem solid #548dd4;}
.chan_newd li:nth-of-type(3){background: none;}
.chan_newd span{ text-align: center; width: 9.1rem; float: right; font-size: 1.5rem;}
.chan_newd span a{ color: #000;}
.chan_news li{ border-bottom: 1px dashed #707070; margin-top: 1rem; line-height: 2rem; box-sizing: border-box; padding: 0 0 0.5rem 0;}
.chan_news li a{ color: #333;}
.chan_news li h3{ font-size: 1.4rem;}
.chan_news li p{ font-size: 1rem;}

[class^="naviga"]{ overflow: hidden; margin:0 0.5rem 0; box-sizing: border-box; padding: 1.8rem 0 1.8rem; border-bottom: 0.3rem solid #f2f2f2; display: table;}
[class^="naviga"]>*{ display: table-cell; vertical-align: middle;}
.bord{border-top: 0.3rem solid #f2f2f2;}
.left_nav{ background-color:#548dd4; width: 9.5rem; text-align: center;}
.left_nav>div{ display: table; width: 100%;}
.left_nav>div>span{ display:table-cell; vertical-align: middle;}
.left_nav cite{width: 6.4rem; display: inline-block; font-size: 0; overflow: hidden;}
/* [class^="naviga"] .pad cite{ margin-top:0;} */
.left_nav p{ color: #fff; font-size: 2rem; line-height: 1.3;}
.left_nav a{ background-color: #89b7e6; font-size: 1.2rem; line-height: 2rem; color: #fff; padding: 0 0.9rem; display: inline-block; border-radius: 0.2rem; margin-top: 0.4rem;}


.right_nav ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-around; flex-flow: wrap; -webkit-flex-flow: wrap;}
.right_nav ul li { line-height: 3.5rem; width: 6.6rem; text-align: center; font-size: 1.1rem; border: 1px solid #959595; margin-bottom: 0.25rem;}
.right_nav ul li a{ color: #717171;}
.right_nav ul p[class^="many"]{ width: 100%; text-align: center; font-size: 1.3rem; border: none; color: #548dd4;}
.right_nav ul p[class^="manyd"]{ display: none;}
.right_nav ul li.bule{background-color: #548dd4;}
.right_nav ul li.bule a{ color: #fff;}


.c_channel{ overflow: hidden;border-bottom: 0.3rem solid #f2f2f2; padding: 1rem 0 1.8rem 2.2rem;}
.c_channel h2{ font-size: 2rem; line-height: 1.3; margin-bottom: 1rem; font-weight: bold;}
.c_channel h3{background: url('../images/ico_03.png') no-repeat left center/1.25rem 1.45rem; padding-left: 2rem; font-size: 1.2rem; line-height: 1.3; color: #ddd; margin-bottom: 0.5rem;}
.c_channel p{ font-size: 1.2rem; line-height: 2rem;}
.c_channel h5{ text-align: center; font-size: 1.2rem; line-height: 3.3rem; margin-top: 2rem;}
.c_channel h5 a{ display: inline-block; width: 10.5rem; border-radius: 0.4rem;}
.c_channel h5 a:nth-of-type(1){ color: #333; background-color: #e7e7e7; margin-right: 1.1rem;}
.c_channel h5 a:nth-of-type(2){ color: #fff; background-color: #548dd4;}



.focus{ overflow: hidden; /*margin: 0 1.5rem 0; */display: table;}
.focus>*{ display: table-cell;}
.focus>span{ border: 0.1rem solid #c30505; border-radius: 0.5rem; font-size: 1.4rem; line-height: 1.3; font-weight: bold; color: #c30505; width: 2.3rem; text-align: center; box-sizing: border-box; vertical-align: middle;}
.focus ul{ overflow: hidden; padding-left: 1rem;}
.focus li{ border-bottom: 1px dashed #535353; line-height: 2rem; padding-bottom: 1rem; margin-bottom:1rem ;}
.focus li:last-child{ border: none; margin-bottom: 0;}
.focus li h3{ color: #fb2424; font-size: 1.3rem;}
.focus li p{ font-size: 1.1rem;}

.meeting{ overflow: hidden; margin: 0 1.3rem 0;}
.meeting li{ border: 1px solid #7d7d7d; border-radius: 0.5rem; display: table; padding: 1rem; overflow: hidden; margin-bottom: 1rem;}
.meeting li>*{ display: table-cell;}
.meeting li p{ vertical-align: middle; font-size: 1.4rem; line-height: 2rem; width: 11.1rem; text-align: left;}
.meeting li cite{ width: 14.25rem;}





html { font-size: 10px; font-size: calc(100vw / 32);}
@media all and (max-width: 320px) {
html { font-size: 10px; }
}
@media all and (min-width: 640px) {
html { font-size: 20px; }
}