@charset "gb2312";


/* 


  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;}


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 */


.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;}


}