@charset "utf-8";
/* 

  cnlr web

  by:jasonho

  time:2014-08-07

  自适应版本

*/

/* 禁止webkit横屏改变字体大小 */

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, ul, p, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin: 0; padding: 0; }
body { max-width: 640px; margin: 0 auto; background: #eceff1; font-family: "微软雅黑" }
em { font-style: normal }
ul { list-style: none; }
img { max-width: 100%; max-height: 100%; vertical-align: middle; }
i { font-style: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.wrapper { margin: 0 auto; background-color: #F8F8F8; padding: 1px 0; }
.wrapper_bgW { margin: 0 auto; background-color: #fff; padding: 1px 0; font-family: "Microsoft YaHei"; }
.wrapper_bgG { margin: 0 auto; background-color: #cdf0e5; padding: 1px 0; }
.wrapper_bgB { margin: 0 auto; background-color: #20a6d9; padding: 0; border: solid #fff; border-width: 1px 0; }
.no-bd { border: none; }
.PupNav_wrap { height: 100%; width: 100%; z-index: 7000; position: fixed; right: -100%; top: 3.15em; transition: all 0.5s ease-out 0s; }
.Pchome_PupNav { width: 80%; background: #F8F8F8; float: right; box-shadow: 0 0 2em gray; }
.PupNav_wrapTo { right: 0; }
.downNav { z-index: 5000; }
body { text-align: left; font-family: "Helvetica", "Microsoft YaHei"; color: #050505; min-width: 320px; background-color: #f6f6f6; background-repeat: repeat; background-position: 50% 0; }
li { list-style: none; }
a { color: #838383; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { color: #ba2636; text-decoration: none; }
a:active { color: #ba2636; }
p { color: #838383; font-size: 1em; line-height: 1.5em; }
.bd { border: #E7E7E7 solid 1px; }
.clearfix:after { clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: "."; }
.center { text-align: center; }
.text-aL { text-align: left; }
.text-aR { text-align: right; }
.left { float: left; }
.right { float: right; }
.relative { position: relative; }
.absolute { position: absolute; }
.disNone { display: none; }
.disBlock { display: block; }
/* color */
.yuyue{ width:98%; margin:0 auto}
.cGg, .cGg a, .cGg:visited { color: #7B7C7D; }
.cWhite, .cWhite:visited, .cWhite a { color: #fff; }
.cYellow, .cYellow:visited { color: #ff0; }
.cOrange, .cOrange:visited, .cOrange a { color: #f60; }
.cDGreen, .cDGreen:visited, .cDGreen a { color: #0a6903; }
.cGreen, .cGreen:visited, .cGreen a { color: #24a0a2; }
.cGreenO, .cGreenO:visited, .cGreenO a { color: #008883; }
.cGGreen, .cGGreen:visited, .cGGreen a { color: #2dbe60; }
.cGray, .cGray:visited, .cGray a { color: #333; }
.cDGray, .cDGray:visited, .cDGray a { color: #727171; }
.cBlack, .cBlack:visited, .cBlack a { color: #000; }
.cBlue, .cBlue:visited, .cBlue a { color: #19bde4; }
.cDBlue, .cDBlue:visited, .cDBlue a { color: #0077ae; }
.cRed, .cRed:visited, .cRed a { color: #ff0000; }
.cDRed, .cDRed:visited, .cDRed a { color: #BA2636; }
.cPRed, .cPRed:visited, .cPRed a { color: #f986ae; }
.cEmerald, .cEmerald:visited { color: #23c4a7; }
.cGg a:hover, a.cGg:hover, .cRed a:hover, a.cRed:hover, .cBlue a:hover, a.cBlue:hover, .cDRed a:hover, a.cDRed:hover, .cPRed a:hover, a.cPRed:hover, .cGray a:hover, a.cGray:hover, .cDGray a:hover, a.cDGray:hover, .cWhite a:hover, a.cWhite:hover, .cBlack a:hover, a.cBlack:hover, .cGreen a:hover, a.cGreen:hover, .cYellow a:hover, a.cYellow:hover, .cEmerald a:hover, a.cEmerald:hover { color: #BA2636; }
.cWhite a:hover, a.cWhite:hover { color: #fff; }
a.bg-white, .bg-white a { background-color: #FFF; }
.bg-white a.current, .bg-white .current a { color: #1A7CD2; background-color: #E1E1E1; }
a.bg-blue, .bg-blue a { background-color: #1A7CD2; }
.bg-blue a.current, .bg-blue .current a { background-color: #06C; }
a.btn, .btn a { display: block; height: 2em; line-height: 2em; overflow: hidden; }
.r-bd { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.Breadcrumb a { color: #0195a1; display: none; }
.font-18px { font-size: .75em; line-height: 1.25em; }
.font-20px { font-size: .833em; }
.font-28px { font-size: 1.16em; }
.font-30px { font-size: 1.25em; }
.font-40px { font-size: 1.66em; }
.font-B { font-weight: bold; }
.font-N { font-weight: normal; }
.content_m10 { margin: 0 1.5625%; }
.content_m20 { margin: 0 3.125%; }
.content_m30 { margin: 0 4.6875%; }
.content_m40 { margin: 0 6.25%; }
.content_m50 { margin: 0 7.8125%; }
.blank1 { clear: both; height: 1px; overflow: hidden; display: block; font-size: 1px; border-top: 1px solid #ccc; }
.blank1d { clear: both; height: 1px; overflow: hidden; display: block; font-size: 1px; border-top: 1px dashed #9c9c9c; }
.blank9 { clear: both; height: .375em; overflow: hidden; display: block; font-size: 1px; }
.blank12 { clear: both; height: .5em; overflow: hidden; display: block; }
.blank20 { clear: both; height: .8333em; overflow: hidden; display: block; }
.blank20G { clear: both; height: .8333em; overflow: hidden; display: block; background-color: #ededed; }
.blank20d { clear: both; height: 1px; overflow: hidden; display: block; font-size: 1px; border-bottom: .8333em solid #f1f1f1; }
.blank30 { clear: both; height: 1.25em; overflow: hidden; display: block; }
.blank40 { clear: both; height: 1.5em; overflow: hidden; display: block; }
.blank50 { clear: both; height: 2.083em; overflow: hidden; display: block; }
.blank60 { clear: both; height: 2.5em; overflow: hidden; display: block; }
.wrapper_bgWhite { background-color: #fff; }
/* 全局切换样式 */

.tab .normal { display: none; }
.tab .on { display: block; }
.banner_box { border-bottom: 1px solid #ccc; text-align: center; }
.banner_box img { vertical-align: top; }
.top-phone { border-bottom: 1px solid #ccc; background: #fff; padding: 0.5em 0; font-size: 1.4em; text-align: center; color: #02776f; }
.footer2014 { margin-bottom: 30px; width: 100%; height: 100px; display: block; }
.footer2014 .user-panel { position: relative; width: 100%; margin: 0 auto; font: 13px/24px ""; }
.f12bla li { clear: both; line-height: 1.8em; }
.f12bla li.rbg { background: #ffe9f0; padding-left: 0; }
.f12bla .firstNd { overflow: hidden; padding: 0; margin: 0; }
.f12bla .firstNd p { font-size: 1em; line-height: 1.5em; }
.f12bla .firstNd img { float: left; border: none; padding: 0; margin: 0; }
.f12bla .firstNd h3 { color: #333; font-size: 1.25em; font-weight: normal; }
.f12bla .firstNd h5 { color: #333; font-size: 1.1667em; line-height: 1.5em; }
.f12bla .firstNd .textBox { float: right; border: none; padding: 0; margin: 0; }
.f12bla .firstNd .w10_i { width: 10%; }
.f12bla .firstNd .w20_i { width: 20%; }
.f12bla .firstNd .w25_i { width: 25%; }
.f12bla .firstNd .w30_i { width: 30%; }
.f12bla .firstNd .w35_i { width: 35%; }
.f12bla .firstNd .w40_i { width: 40%; }
.f12bla .firstNd .w45_i { width: 45%; }
.f12bla .firstNd .w50_i { width: 50%; }
.f12bla .firstNd .w55_i { width: 55%; }
.f12bla .firstNd .w60_i { width: 60%; }
.f12bla .firstNd .w65_i { width: 65%; }
.f12bla .firstNd .w70_i { width: 70%; }
.f12bla .firstNd .w75_i { width: 75%; }
.f12bla .firstNd .w90_i { width: 90%; }
.f12bla .firstNd .w100_i { width: 100%; }
.f12bla .firstNd .m1 { margin-bottom: 1em; }
.f12bla .firstNd .mtop1 { margin-top: 1em; }
.f12bla .firstNd .borRad50 { border-radius: 50%; }
.f12bla .firstNd .imgBgGrey { background-color: #ddd; }
.lxb-container-btn-show { font-size: 12px; width: 5%; }
.Breadcrumb_zsy { font: 1em/3em "Microsoft YaHei"; color: #757575; padding: 0 0 0 .5em; text-align: left; border-top: 2px solid #e5e5e5; display: none; }
.Breadcrumb_zsy a { color: #0195a1; }
.bz_txt_gd { font: 1em/1.5em "Microsoft YaHei"; }
/*news首页时增加*/

header.v2014_news { background: url(../images/V2014_header_bg.png) 0 0 repeat-x; height: 4.55em; }
header.v2014_news .logo { float: left; background: url(../images/logo.png) 0 0 no-repeat; background-size: 12.91em 4.55em; height: 4.55em; width: 12.91em; margin-left: .833em; }
header.v2014_news .yibao { float: right; background: url(../images/header_yibao.png) 0 0 no-repeat; background-size: 4.125em 4.55em; height: 4.55em; width: 4.125em; margin-right: .833em }
.entry_list_v2014 { background: #009896; height: 2.5em; position: relative; }
.entry_list_v2014 ul { margin: 0 .833em; }
.entry_list_v2014 ul li { width: 16%; float: left; text-align: center; font: 1em/2.5em "Microsoft YaHei"; color: #fff; }
.entry_list_v2014 ul li a { color: #fff; text-decoration: none; }
.entry_list_v2014 ul li.keshi-home { width: 80px; }
.Breadcrumb { background: #fff; font: 14px/35px ""; color: #0195a1; padding: 5px 0 5px 10px; text-align: left; display: none; }
.Breadcrumb a { color: #0195a1; }
/* header */

.entry_list_v2014 { }
.entry_list_v2014 .summary { cursor: pointer; background: url(../images/icon-01.png) 3em 1.2em no-repeat; width: 18%; display: inline-block; position: absolute;  /*content:url(../images/summary-off.png);*/ text-align: left; padding-left: .5em; }
.entry_list_v2014 .summary:hover { /*content:url(../images/summary-on.png);*/ }
.entry_list_v2014 .summary:active {/* content:url(../images/summary-on.png);*/ }
/* selkeshi */

.selkeshi_v2014 { padding: 2px 0 1.5em 0; z-index: 10; background: #3bc5c4; position: relative; overflow: hidden; }
.selkeshi_v2014 a { display: block; color: #fff; font: 1em/2em "Microsoft YaHei"; text-decoration: none; text-align: center; width: 20%; float: left; overflow: hidden; }
.selkeshi_v2014 a:hover { background: #009896; }
.selkeshi_v2014 .none { position: absolute; bottom: 0; left: 50%; margin-left: -27px; }
.selkeshi_v2014 .none a { display: block; background: url(../images/icon-01.png) 0 -90px no-repeat; margin: 0 auto; width: 54px; text-indent: -3000px; height: 20px; text-decoration: none; }
.selkeshi_v2014 .none a:hover { display: block;/*text-indent:-3000px;*/ text-decoration: none }
h3.section_titH301 { width: 95%; font: 100 1.25em/2em "Microsoft YaHei"; margin: 0 auto .5em; text-align: left; color: #000000; padding-left: 5%; }
.innercontent_v2014 { border-bottom: 5px solid #f1f1f1; overflow: hidden; padding-bottom: 1em; color: #757575; }
.innercontent_v2014 .login-form span.text { font: 1em/1.725em "Microsoft YaHei"; width: 25%; text-align: right; display: inline-block; float: left; }
.innercontent_v2014 .login-form .username input,  .innercontent_v2014 .login-form .phone input,  .innercontent_v2014 .login-form .number input,  .innercontent_v2014 .login-form .code input { border: 1px solid #cdcdcd; width: 69%; height: 1.725em; font: 1em/1.725em "Microsoft YaHei"; padding-left: 4px; text-indent: 0; }
.innercontent_v2014 .login-form .code input.captcha { height: 1.725em; font: 1em/1.725em "Microsoft YaHei"; color: #000000; width: 25% }
.innercontent_v2014 .login-form .number input, .innercontent_v2014 .login-form .code input { width: 34%; margin-right: 5px; }
.innercontent_v2014 .login-form .code input.but01 { width: 68px; height: 1.25em; border: none; margin: 0; }
.innercontent_v2014 .login-form .submit { margin: 15px auto; width: 40%; }
.innercontent_v2014 .login-form .submit input { background-color: #3ac5c4; width: 100%; height: 2em; font: 1em/2em "Microsoft YaHei"; border-radius: .4em; color: #fff; border: none; }
.innercontent_v2014 .login-form .field { margin-bottom: .8em; overflow: hidden; height: auto; }
.innercontent_v2014 .login-form .field input { float: left; }
.innercontent_v2014 .login-form .field img { display: inline-block; overflow: hidden; float: left; }
.innercontent_v2014 .login-form .departments select { width: 60%; height: 1.5em; }
.gotop { background-color: #009896; }
.gotop a { display: block; font-size: 1em; line-height: 2em; color: #fff; }
.f12bla_footer2014 { background-color: #f1f1f1; padding: 1em 0; }
.f12bla_footer2014 .firstNd { width: 85%; margin: 0 auto; }
.f12bla_footer2014 .firstNd p { font: 13px/24px ""; }
.f12bla_footer2014 .firstNd img { margin-right: 1em; width: 4.166em; }
/*#f-fixed{ width:100%; height:54px; position:fixed; bottom:0px; z-index:9999; left:0px; }

.f-fixed-ask{width:320px; height:54px; margin:0 auto;}

.f-fixed-ask img { float:left;}

.f-fixed-ask .cG { float:left; width:97px; height:39px; background:url(../images/f-fixed-2014-602.png) no-repeat; display:inline-block; padding:15px 0 0 8px; overflow:hidden;}

.f-fixed-ask .cO { float:left; width:110px; height:39px; background:url(../images/f-fixed-2014-503.png) no-repeat; display:inline-block; padding:15px 0 0 10px; overflow:hidden;}*/



/*2015版*/

#f-fixed { width: 100%; height: 3.5em; position: fixed; bottom: 0px; z-index: 100; left: 0px; }
.f-fixed-ask { width: 100%; margin: 0 auto; border-top: 1px solid #cccccc; background-color: #fafcfc; overflow: hidden; padding: .4em 0; }
.f-fixed-ask li { float: left; width: 25%; height: 3em; text-align: center; color: #fff; }
.f-fixed-ask li img { max-width: 100%; max-height: 100%; }
.f-fixed-ask .homeIcon { background: url(../images/footer_fixedIcon01.png) 0 0 no-repeat; background-size: 100%; }
.f-fixed-ask .SWTIcon { background: url(../images/footer_fixedIcon02.png) 0 0 no-repeat; background-size: 100%; }
.f-fixed-ask .QQIcon { background: url(../images/footer_fixedIcon03.png) 0 0 no-repeat; background-size: 100%; }
.f-fixed-ask .tellIcon { background: url(../images/footer_fixedIcon04.png) 0 0 no-repeat; background-size: 100%; }
.f-fixed-ask i { display: inline-block; vertical-align: middle; overflow: hidden; width: 2.25em; height: 3em; }
.f-fixed-ask a { display: block; color: #fff; }
/*2015 w640 快速预约*/

.bookingBox { width: 100%; overflow: hidden; }
.bookingBox li { width: 45%; float: left; margin-right: 3%; border: 1px solid #ccc; padding: .35em .3em; margin-bottom: .5em; overflow: hidden; display: block; }
.bookingBox li:nth-child(2n) { margin: 0; margin-bottom: .5em; }
.bookingBox li:last-child { border: none; text-align: center; }
.bookingBox li:last-child input { width: 100%; height: 2.5em; }
.bookingBox input, .bookingBox textarea, .bookingBox select { border: none; background-color: #eeeeee; font: 1em/1.5em "Microsoft YaHei"; color: #333; }
.bookingBox input.in01, .bookingBox select { width: 70%; }
.bookingBox input.in02 { width: 40%; }
.bookingBox input.in03 { width: 25%; color: #3ab2ae; }
.bookingBox li.w100 { width: 96%; }
.bookingBox textarea { width: 98%; }
.bookingBox select { padding: 2px 0 3px 0; }
/*2015 w640 快速预约结束*/



.f12bla_phone { background-color: #2dbe60; border-radius: .5em; padding: .2em 0; }
.f12bla_phone .firstNd { width: 60%; margin: 0 auto; color: #fff; }
.f12bla_phone .firstNd .fa { float: left; font-size: 2.5em; line-height: 1.25em; margin-right: .2em; color: #fff; }
.f12bla_phone .firstNd p { font: 1em/1.5em "Microsoft YaHei"; color: #fff; }
.f12bla_phone a { color: #fff; }
.f12bla_footer2015 .firstNd { }
.f12bla_footer2015 .firstNd .fa { float: left; font-size: 1.5em; line-height: 1.25em; margin-right: .3em; color: #a4a4a4; }
.f12bla_footer2015 .firstNd p { font: 1em/1.5em "Microsoft YaHei"; padding-top: .1em; }
.f12bla_footer2015 .firstNd .fb { float: right; margin-left: .2em; font: 1em/1.5em "Microsoft YaHei"; color: #fff; overflow: hidden; border-radius: .4em; }
.f12bla_footer2015 .firstNd .f_cB { background-color: #3ab2ae; margin-top: .5em; }
.f12bla_footer2015 .firstNd .f_cG { background-color: #2fbe79; }
.f12bla_footer2015 .firstNd .fb a { display: block; padding: .1em 1.5em; }
.f12bla_copyright .firstNd p { text-align: center; font: 1em/1.5em "Microsoft YaHei"; }
/*2015版 结束*/





/*2016版 底部导航*/

.footer_subMenu { padding-top: 8px; }
.footer_subMenu ul { overflow: hidden; }
.footer_subMenu .w33 li { float: left; width: 33.33%; margin-bottom: 1.5em; text-align: center; }
.footer_subMenu .w33 li img { width: 45%; margin-bottom: .4em; }
.footer_subMenu .w33 li a { color: #666666; }
.footer_subMenu .w43 li { float: left; width: 43.75%; border: 1px solid #cccccc; text-align: center; padding: .8em 0; color: #999; margin-left: 4%; margin-bottom: 4%; }
.footer_subMenu p { font-size: 1em; text-align: center; }
/*2016版 结束*/





/*男科包皮banner下的 广告信息*/

#subNav { width: 100%; height: auto; background-color: #fff; box-shadow: 0 2px 2px #eaeaea; }
#subNav li { float: left; position: relative }
#subNav .wrap { width: 100%; }
#subNav a:hover { text-decoration: none }
.fixedSubNav { position: fixed; top: 0; left: 0; z-index: 1000 }
.f12bla_topInfo { padding: .5em 0; }
.f12bla_topInfo .firstNd { width: 100%; }
.f12bla_topInfo .firstNd h3 { font: 1em/1.25em "Microsoft YaHei"; color: #000; padding-bottom: .4em; }
.f12bla_topInfo .firstNd .sm { color: #fff; background-color: #32b9aa; font-size: .833em; padding: 0 .5em; border-radius: .3em .3em 0 0; }
.f12bla_topInfo .firstNd .xj { font-size: 2.5em; }
.f12bla_topInfo .firstNd .yj { text-decoration: line-through; }
.f12bla_topInfo .firstNd span { padding: 0; margin: 0; }
.f12bla_topInfo .firstNd p { color: #999; }
.f12bla_topInfo .buttonAll { width: 40%; float: right; }
.f12bla_topInfo .buttonAll>em { width: 100%; background-color: #ff6600; margin: .1em 0 0 0; padding: .2em 0; font: 1.45em/2em "Microsoft YaHei"; text-align: center; border-radius: .2em; }
.f12bla_topInfo .buttonAll>em a { display: block; color: #fff; }
.f12bla_topInfo .infoBox { width: 60%; float: left; }
.f12bla_topInfo02 { background-color: #fff; margin-top: .5em; }
.f12bla_topInfo02 li { border-bottom: 1px solid #eaeaea; overflow: hidden; color: #9e9e9e; padding: .4em 0; }
.f12bla_topInfo02 li h5 { width: 15%; float: left; margin-left: 5%; font: 1em/1.5em "Microsoft YaHei"; color: #32b9aa; }
.f12bla_topInfo02 li p { width: 75%; float: left; margin-right: 5%; color: #9e9e9e; }
.f12bla_topInfo02 .p1 { width: 65%; float: left; margin-left: 5%; }
.f12bla_topInfo02 .p2 { width: 25%; float: left; margin-right: 5%; }
.f12bla_topInfo02 li:last-child { border-bottom: none; }
/*男科包皮banner下的 广告信息 完*/







/*优惠信息*/

.discount { }
.discount ul { }
.discount ul li { position: relative; height: 2.5em; padding-left: 2.5em; border-bottom: 1px solid #d6d6d6; padding-top: .5em; padding-bottom: .5em; }
.discount ul li a { color: #474747; font-size: 1em; line-height: 1.5em; }
.discount ul li i { float: left; background: url(../images/yh_ico.png) no-repeat 0 0; background-size: 100% 100%; position: absolute; left: 0; top: .5em; width: 2.5em; height: 2.5em; display: block; }
.discount ul li.i1 i { background-position: 0 0; }
.discount ul li.i2 i { background-position: 0 0; }
.discount ul li.i3 i { background-position: 0 0; }
.discount h5 { float: left; font: 1.25em/1.5em "Microsoft YaHei"; margin-left: .5em; margin-top: .2em; }
.discount .more { color: #000; text-align: center; display: block; margin-top: 1em; font-family: "Microsoft YaHei"; }
.header-pinpai { line-height: 3em; color: #008883; }
.header-pinpai em { background-color: #41c1c2; width: 1.5em; height: 1.5em; display: inline-block; border-radius: 45%; color: #ffd714; margin: 0 .4em; line-height: 1.5em; box-shadow: .1em .1em .1em #fff; font-weight: bold; padding: 0 .2em; }
 @media only screen and (min-width: 1280px) {
body { font-size: 24px; }
.wrapper { width: 640px; }
.newWrap { width: 1280px; }
.nav { width: 1280px; }
}
 @media only screen and (min-width: 640px) and (max-width: 1279px) {
body { font-size: 24px; }
.wrapper { width: 640px; }
.newWrap { width: 640px; }
.nav { width: 640px; }
}
 @media only screen and (min-width: 480px) and (max-width: 639px) {
body { font-size: 18px; }
.wrapper { width: 100%; }
.newWrap { width: 100%; }
.r-bd { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.nav { width: 100%; }
.bookingBox select { padding: 1px 0; }
}
 @media only screen and (min-width: 360px) and (max-width: 479px) {
body { font-size: 14px; }
.wrapper { width: 100%; }
.newWrap { width: 100%; }
.nav { width: 100%; }
.r-bd { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.selkeshi_v2014 { padding: 2px 0 2em 0; }
.f12bla_footer2014 .firstNd p { font: 13px/24px ""; }
.font-20px { font-size: 1em; }
.bookingBox select { padding: 1px 0; }
}
 @media only screen and (max-width: 360px) {
body { font-size: 14px; }
.wrapper { width: 100%; }
.newWrap { width: 100%; }
.nav { width: 100%; }
.r-bd { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.entry_list_v2014 { height: 3em; }
.entry_list_v2014 ul li { font: 1.2em/2.5em "Microsoft YaHei"; }
.selkeshi_v2014 { padding: 2px 0 2em 0; }
.f12bla_footer2014 .firstNd p { font: 13px/24px ""; }
.font-20px, .font-18px { font-size: 1em; }
.bookingBox select { padding: 0; }
}
 @media only screen and (max-width: 320px) {
body { font-size: 12px; }
}

.yuyue { font-size: 12px; width: 298px; margin: 0 auto; overflow: hidden }
.yuyue div { width: 305px; margin: 5px auto; clear: both }
.yuyue div span { width: 50px; text-align: center; color: red }
.yuyue div font { float: left; width: 79px; text-align: right; line-height: 22px; font-size: 14px; }
.yuyue .input_style { font: normal 14px/15px arial; float: left; width: 206px; height: 22px; border-radius: 2px; color: #333; border: #ccc 1px solid; background: #eee; padding: 0 5px; }
.yuyue .yuyue_name { padding-top: 10px; }
.yuyue .yuyue_age { padding-top: 10px; }
.yuyue .yuyue_hometel { padding-top: 10px; }
.yuyue .yuyue_date { padding-top: 10px; }
.yuyue .yuyue_qq { padding-top: 10px; }
.yuyue .yuyue_ill { padding-top: 10px; }
.yuyue .yuyue_ill .input_style { padding-top: 10px; float: left; height: 88px; border-radius: 4px; }
.yuyue .yuyue_ill font { padding-top: 10px; }
.yuyue .yuyue_validate { padding-top: 10px; }
.yuyue .yuyue_validate .input_style { float: left; width: 60px; padding: 2px; border-radius: 4px; }
.yuyue .yuyue_validate .absmiddle { cursor: pointer; margin-left: 6px; border-radius: 4px; opacity: 0.5 }
.yuyue .yuyue_button { padding: 10px 0 0 68px; color: #433d3b }
.yuyue .yuyue_button .submit { font: normal 12px/15px arial; width: 65px; height: 22px; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee)); -webkit-background-origin: padding; -webkit-background-clip: content; border: 1px solid #b3b3b4; cursor: pointer; margin: 2px 4px; color: #433d3b }

.bd_tit{ width:100%; height:54px; background:#016976;}
.bd_tit p{ font-size:24px; text-align:center; line-height:54px; color:#ffffff; font-family:"微软雅黑"}