@charset "utf-8"
/**
 * @Author:		zhaosay
 * @DateTime:	2021年3月24日
 * @Description:show.css
 */

/*public*/
.layout { width: 1200px; }
.auths li { padding:10px 55px; }
.item-nav { margin-left: -600px; }
.footer-bd .center { float: none; margin: 0 auto; }

.li-fl li { float:left; }

/*front-cover*/
.front-cover { width:450px; margin-right: 25px; }
.cover-show { width:450px; height:450px; border:1px solid #ddd; overflow: hidden; }
.cover-show img { width: 100%; }
.cover-show { position: relative; }
.cover-show img { position: absolute; left:0; top:0; }
.cover-ctrl { height: 54px; margin: 20px 0; overflow: hidden; }
.cover-ctrl img { float: left; width: 52px; height: 52px; margin-right: 10px; border: 1px solid #fff; cursor: pointer; }
.cover-ctrl .now { border-color: #f36; }

/*item*/
.item { width:500px; }
.item dt h1 { font-size:20px; font-weight:300; }
.item dd { padding:3px 0; margin-bottom:15px; overflow:hidden; }
.item .key,.item dd .val { float:left; overflow:hidden; }
.item .key { color:#999; }
.item .val { width:410px; }
.item .val a { margin-right:10px; }
.item .val i {font-size:16px;margin-top: 0;}
.item .intro { color:#999;font-size: 16px; }
.intro{font-size: 18px;}
.info span{font-size: 16px;}
.key{font-size: 16px;}
.val{font-size: 16px;}


.item .price { padding:10px; margin-top:15px;  }
.item .price .key { margin-top:15px; }
.item .price .val { color:#f36; }
.item .price .price-tip { padding:0 3px 1px; margin-left:10px; background-color:#f36; color:#fff; border-radius:2px; }
.item .price em { color:#f36; font-size:26px; }
.item .price-sale { padding:8px 10px; margin-top:-15px; color: #f36; }
.item .price-ck .key, .item .price-ck .val { margin-top:0; color:#999; }
.item .tip { padding:3px 0; }
.item .tip i { font-size:16px; color:#094; }
.item .info { margin:15px 0; padding:5px 0; text-align:center; }
.item .info span { float:left; width:165px; margin-left:-1px; border-left:1px solid #ccc; }
.item .info span em { color:#f36; }
.item .is-select a { margin-top:2px; text-decoration:none; }
.item .is-select a span { border-color:#ddd; }
.item .is-select a:hover span,.item dd .is-select .now span { padding:2px 4px; border:2px solid #f36; }
.icon-alipay { color:#08c; }
.icon-hb { color:#e7211b; }
.icon-mrj { color:#f7a; }
.icon-bx { color:#190; }
.item .btn-action { padding:10px 0; }
.item .btn { padding:8px 30px; font-size:16px; border-radius:3px; text-decoration: none; }
.item .go-buy { background-color:#ffd6e0; border:1px solid #ffc3d2; color:#f36; margin-right:10px; }
.item .go-yuy { background-color:#f47; border:1px solid #f36; color:#fff; }
.item .go-yuy i { margin-top:-5px; font-size:18px; }
.item .go-buy:hover { background-color: #ffccd9; }
.item .go-yuy:hover { background-color: #f36; }

.item .bdsharebuttonbox { margin-bottom:0; }
.item .bdsharebuttonbox .val a { width:65px; margin:4px 0; }
.item .bdsharebuttonbox .key { width:auto; height:24px; line-height:24px; }

.shop-aside { width: 200px; }
.safe-tip { height: 45px; line-height: 45px; margin-top: -45px; font-size: 14px; }
.safe-tip a { color: #999; }
.safe-tip a:hover { color: #f36; }
.safe-tip i { font-size: 20px; }

.shop-info { border: 1px solid #eee; font-size: 14px; }
.shop-info .part-hd { height: 40px; padding: 0 10px; line-height: 40px; background-color: #fafafa; color: #999; border-bottom: 1px solid #eee; }
.shop-info .part-hd i { color: #f36; margin-top: -5px; margin-right: 5px; }
.shop-info .part-bd { text-align: center; }
.shop-info .auth { height: 22px; line-height: 22px; margin:15px 10px; font-size:15px; overflow: hidden; }
.shop-info .auth i { color:#f36; margin-right:5px; }
.shop-info ul { padding:0 10px; }
.shop-info ul li { float:left; width:39px; padding:0 10px; color: #a0a0a0; }
.shop-info ul li span { display: block; color:#f36; }
.shop-info .times { height: 58px; padding:10px; overflow: hidden; }
.shop-info .times span { display: block; color:#999; }
.shop-info .btns { margin-bottom:10px; }
.shop-info .btns a { display: inline-block; padding:3px 10px; margin:5px; border:1px solid #e8e8e8; }
.shop-info .btns a:hover { background-color: #f36; color:#fff; border-color:#f36; text-decoration: none; }

.aside-rmd { border:1px solid #eee; margin-top: -1px; }
.aside-rmd h4 { padding: 10px 14px 0; color: #999; font-size: 14px; }
.aside-rmd li { padding: 12px 0; margin: 0 14px; border-top: 1px dashed #ddd; }
.aside-rmd li:first-child { border-top: 0 none; }
.aside-rmd li .pic { display: block; width: 170px; height: 170px; overflow: hidden; }
.aside-rmd li .pic img { width: 100%; }
.aside-rmd li .price { line-height: 30px; font-size: 16px; font-weight: bold; color: #f36; }
.aside-rmd li .num { line-height: 30px; margin-top: -30px; text-align: right; color: #999; }
.aside-rmd li .num em { color: #feb54d; }
.aside-rmd li h5 { height: 21px; font-size: 14px; overflow: hidden; }
.aside-rmd li .hname {  margin: 5px 0; font-size: 15px; }

/* show-detail */
.show-detail { margin-top: 20px; background-color: #fff; }
/* step */
.step { width: 190px; min-height: 200px; }
.step-main { width: 188px; border: 1px solid #e8e8e8; background-color: #fafafa; font-size: 14px; }
.step-main h3 { height: 42px; line-height: 42px; padding: 0 15px; color: #f36; }
.step-main ul { padding: 5px 15px; }
.step-main li { overflow: visible; }
.step-main li h4:before { content: '●'; color: #ddd; margin-right: 12px; font-size: 15px; }
.step-main li .intro { position: relative; padding: 5px 0 15px 20px; color: #999; font-size: 12px; }
.step-main li .intro:before { position: absolute; left: 4px; top: -6px; bottom: -10px; content: ''; border-left: 1px solid #ddd; }
.step-main li:last-child .intro:before { display: none; }
.step-main li .intro a { color: #f36; text-decoration: underline; }


/*detail*/
.detail { width:810px; font-size: 16px; line-height: 20px;}
.tab-hd {  width: 810px; background-color: #fff; }
.tab-hd ul { height:40px; overflow: visible; }
.tab-hd li { float:left; height:40px; line-height:40px; }
.tab-hd li a { display: block; }
.tab-hd li span { padding:0 20px;}
.tab-hd .now a { border-top:2px solid #f36; color:#f36; }
.tab-hd .buy { float: right; }
.tab-hd .buy a { padding: 0 30px; background-color: #f36; color: #fff; }

.tab-bd { padding: 15px 40px; }
.tab-bd img { max-width: 730px; }

.part-tab { margin-bottom: 20px; }
.part-tab .item-hd { margin-bottom:10px; font-size:16px; font-weight: 300;}
.part-tab .item-hd em { display: inline-block; padding:5px 10px; border-bottom:1px solid #f36; margin-bottom:-1px; }
.part-item { padding-bottom:10px; }
.part-item p { border:1px solid #eee; margin-bottom:-1px; }
.notes p { border:0 none; margin-bottom:10px; line-height: 2; }
.part-item .part-item-bd { overflow: hidden; }
.part-item .part-item-bd em, .part-item .part-item-bd span { float: left; padding:8px 10px; vertical-align: top; line-height:2; }
.part-item .part-item-bd em { width:100px; border-right:1px solid #eee; font-weight:bold; }
.part-item .part-item-bd span { width:560px; margin-left:-1px; border-left:1px solid #eee; }
.part-tab .item-bd { width:730px; overflow: hidden;}
.item-bd p{padding: 5px}

/*医院和医生介绍处样式*/
.info-box{line-height: 32px;}
.info-box h3{font-weight: bold;margin: 20px 0;line-height: 1.5;color: #ff8282;border-left: 4px solid #ff8282;padding-left: 10px;}
.info-box p img{display: block;margin: 20px auto;}

.comment-count { border:1px solid #ddd; margin:10px 0; padding:10px 0; overflow:hidden; }
.comment-count .total { width:200px; padding:0 20px; text-align:center; }
.comment-count .total strong { font-size:24px; color:#f36; }
.comment-count ul {  padding:0 20px; border-left:1px dotted #ddd; border-right:1px dotted #ddd; }
.comment-count ul li { margin-top:5px; }
.comment-count ul li label { display:inline-block; width:50px; }
.comment-count .bar { display:inline-block; width:200px; height:3px; background-color:#f5f5f5; vertical-align:middle; overflow:hidden; }
.comment-count .bar i { display:block; height:53px; margin:0; background-color:#f36; }
.comment-count .tip { width: 140px; padding-left:20px; }
.comment-list { font-size: 12px; }
.comment-list li { padding:10px 0; overflow:hidden; border-bottom:1px solid #ddd; }
.comment-list li .avatar { float:left; width:50px; height:50px; overflow:hidden; }
.comment-list li .avatar img { width:50px; height:50px; }
.comment-list li p { padding-left:60px; margin-bottom:5px; }
.comment-list li p a { color:#f36; }
.comment-list li p span { color:#999; }
.comment-list li .cmt-leavel { padding: 0 5px; margin: 0 10px; border-radius: 3px; }
.comment-list li .cmt-good { background-color: #f36; color: #fff; }
.comment-list li .cmt-medium { background-color: #ffd62c; color: #fff; }
.comment-list li .cmt-bad { background-color: #ccc; }

.detail .ad { padding: 0 40px; }
.detail .ad img { width: 730px; }

/*abouts*/
.abouts { padding: 0 40px; }
.about-hd { width: 728px; border:1px solid #e8e8e8; }
.about-bd { height: 255px ;overflow: hidden;}
.about-bd ul { padding:15px 1px; margin-left:-26px; }
.about-bd li { width:160px; margin-left:26px; border:1px solid #ddd; }
.about-bd li p { padding:0 10px 5px; }
.about-bd li .pic { width:160px; height:160px; padding:0 0 5px; text-align: center; overflow: hidden; }
.about-bd li .pic img { width:100%; }
.about-bd li .title { height:22px;line-height:22px; overflow: hidden; }
.about-bd li .price { color:#f36; }

/* show-aside */
.show-aside { width: 200px; }
.aside-download { width: 198px; border: 1px solid #e8e8e8; }
.aside-download h4 { padding: 0 10px; border-bottom: 1px solid #e8e8e8; line-height: 40px; font-size: 14px; background-color: #fafafa; color: #999; }
.aside-download .intro { padding: 15px 0; margin: 0 10px; border-bottom: 1px dashed #e8e8e8; overflow: hidden; font-size: 18px; font-weight: 300; }
.aside-download .intro img { width: 54px; height: 54px; border-radius: 10px; }
.aside-download .intro i { font-size: 15px; }
.aside-download .intro p { padding-left: 10px; overflow: hidden; }
.aside-download .intro p span { display: block; color:#f36; }
.aside-download .qr { padding-bottom: 10px; text-align: center; }
.aside-download .qr img { display: block; width: 145px; margin: 20px auto 0; }



/*pkg*/
.pkg { border:1px solid #e8e8e8; }
.pkg-hd { }
.pkg-hd em { display: inline-block; padding:5px 10px; margin-top:-1px; border-top:2px solid #f36; color:#f36; }
.pkg-bd ul { padding:0 10px; }
.pkg-bd li { float:left; width:130px; padding:10px 10px 20px; }
.pkg-bd li .pic { width:130px; height:130px; border:1px solid #e8e8e8; }
.pkg-bd li .pic img { display: block; width:130px; }
.pkg-bd li i { cursor: pointer; color:#999; }
.pkg-bd .now i { color:#f36; }
.pkg-bd .add { width:auto; padding:0; line-height:140px; }
.pkg-bd .count { float:right; width:180px; }
.pkg-bd .count .pkg-price { color:#f36; }
.pkg-bd .count .pkg-price strong { font-size:18px; }
.pkg-bd .count .pkg-price span { padding:1px 3px; margin-left:5px; background-color: #ccc; color: #fff; }
.pkg-bd .count .btn { margin:10px 0; }
.pkg-bd .count .btn a { display: inline-block; padding:2px 15px; background-color:#ffd6e0; border:1px solid #ffc3d2; border-radius:2px; color:#f36; font-weight:700; text-decoration: none; }
.pkg-bd .count .tip i { font-size:15px; color:#094; }