/* 
 * @name: index.css
 * @time: 
 * @author: sole
 * @url: http://www.imsole.net/
 * @directiona: 
*/
i { background:none; }
a,a:hover { text-decoration:none; }
body { font-family:microsoft yahei;background: #f3f3f3;}
.fl { float:left; }
.fr { float:right; }
/*幻灯*/
.slide{position:relative; margin:0 auto; overflow:hidden;width:1100px; height:425px;}
.slide ul{overflow:hidden;position:absolute;top:0;left:0; }
.slide li{float:left;display:block;overflow:hidden}
.slide li img,.slide li a{display:block;width:100%}

.tab{ width:100%; position:absolute; bottom:14px; left:0; text-align:center; z-index:15;}
.tab span{position:relative; display:inline-block; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 4px; vertical-align:top; cursor:pointer;}
.tab .on{ background:#ff9d00;}

.slide:hover .prev,.slide:hover .next { display:block; }
.slide .prev,.slide .next { display:none; position:absolute; top:176px; padding:0 10px; line-height:1.2; font-size:60px; color:#fff; font-family:youyuan; background-color:rgba(0,0,0,.5); filter:alpha(opacity=50); }
.slide .prev { left:0; }
.slide .next { right:0; }

.fr a:hover{color:#1894f3;}
.content_fr a:hover{color: #f1b244;}
.content_fr {float:right;}
/* 热门视频 */
.video{width: 1100px;margin: 30px auto 0;background: #fff;}
.video .title{background: #f3f3f3;padding-bottom: 15px;}
.video .title h3{
    text-align: left;
    display: inline-block;
    font-size: 20px;
    padding-left: 6px;
    margin-left: 1px;
    margin-right: 10px;
    border-left: 6px solid #fb499d;} 
.video .video_uls{padding:20px;}
.video ul li{width: 25%;float: left;padding-right:6px;box-sizing: border-box;}
/* .video ul li a::before{display: block;content:"";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);position:absolute;left: 0;top:0;z-index: 10;} */
.video ul li a{position: relative;}
.video ul li a span{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;}
.video ul li img{display: block;width: 252px;height: 145px;object-fit: cover;}
.video ul li a span img{display: block;margin: 33px auto;width: 200px;height: 92px;}
.video ul li i{display: block;margin: 0 auto;font-size: 14px;color:#494949;margin-top:20px;width:250px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
/* 热门资讯 */
.hot_zixun .tit h3,.cb_ask .tit h3,.hot_hos .tit h3,.nearby_hos .tit h3,.choose_doc .tit h3,.plastic_jour .tit h3 { display:inline-block; font-size:20px; padding-left:6px; margin-left:1px; margin-right:10px; border-left:6px solid #fb499d;}

.zixun { margin-top:30px; }
.zixun .hot_zixun { width:800px; height:490px; background:url(/uploads/image/simg/hot_zixun_border.jpg) bottom center no-repeat;}
.hot_zixun .tit {}
.hot_zixun .tit span { color:#777;}


.hot_zixun ul { overflow:visible; }
.hot_zixun li { width:390px; height:130px; margin-top:20px; border:1px solid #e5e5e5; background-color:#fff; box-sizing:border-box; float:left;-webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0); transition:.2s all linear;}
.hot_zixun li:hover {-webkit-box-shadow:8px 15px 30px rgba(0,0,0,0.1);box-shadow:8px 15px 30px rgba(0,0,0,0.1); -webkit-transform:translate3d(-10px, -12px, 0);transform:translate3d(-10px, -12px, 0); -webkit-box-shadow:8px 15px 30px rgba(0,0,0,0.1);box-shadow:8px 15px 30px rgba(0,0,0,0.1);}
.hot_zixun li:nth-child(2),.hot_zixun li:nth-child(4),.hot_zixun li:nth-child(6) { margin-left:20px; }
.hot_zixun li img { display:inline-block; width:192px; height:128px; vertical-align:middle;}
.hot_zixun li div { display:inline-block; width:170px; padding-left:15px; vertical-align:middle;}
.hot_zixun li h4 a { display:block; font-size:16px; color:#707070; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hot_zixun li p a { font-size:13px; color:#a0a0a0; }

/*彩贝问答*/
.zixun .cb_ask { width:272px; height:360px; }
.cb_ask .cb_wenda { position:relative; width:272px; height:446px; overflow:hidden;}
.cb_ask .cb_wenda div { position:absolute; top:0; left:0; width:816px; height:312px;}
.cb_ask .cb_wenda ul.on { display:block; }
.cb_ask .cb_wenda ul { display:none; width:272px; height:auto; float:left; }
.cb_ask .tit span { margin-top:6px; }
.cb_ask .tit i { display:block; width:13px; height:8px; margin-left:6px; border:1px solid #92cff0; box-sizing:border-box; float:left; background:transparent;}
.cb_ask .tit i.on,.cb_ask .tit i:hover {background:#92cff0;}
.cb_ask ul { background-color:#fff; margin-top:13px; border:1px solid #e5e5e5; box-sizing:border-box;}
.cb_ask li { background:url(/uploads/image/simg/line.jpg) top center no-repeat; margin-top:10px; padding:30px 15px 6px; }
.cb_ask li:first-child { background:none; margin-top:15px; padding-top:0;}
.cb_ask li p a { display:block; font-size:16px; line-height:1.5; color:#565656; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cb_ask li p a:hover { color:#1894f3; }
.cb_ask li p i { color:#1894f3; }
.cb_ask li span a { display:block; font-size:14px; color:#858585; line-height:1.5; max-height:3em; overflow:hidden;}
.cb_ask li span a:hover { color:#05c092; }
.cb_ask li span i { color:#05c092; }
.cb_ask li p i,.cb_ask li span i { font-size:16px; width:30px; height:24px; line-height:24px;}
/*好评医院*/
.good_hos { margin-top:50px; }
.good_hos .hot_hos { width:800px; height:720px; }
.hot_hos ul { width:800px; overflow:visible; }
.hot_hos li { margin-top:25px; margin-right:11px; width:255px; height:328px; border:1px solid #e5e5e5; padding:17px 13px; background-color:#fff; box-sizing:border-box;-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0); transition:.2s all linear;}
.hot_hos li:hover {-webkit-box-shadow:8px 15px 30px rgba(0,0,0,0.1);box-shadow:8px 15px 30px rgba(0,0,0,0.1); -webkit-transform:translate3d(-10px, -12px, 0);transform:translate3d(-10px, -12px, 0); -webkit-box-shadow:8px 15px 30px rgba(0,0,0,0.1);box-shadow:8px 15px 30px rgba(0,0,0,0.1);}
.hot_hos li:nth-child(1), .hot_hos li:nth-child(4) { margin-left:0; }

.hot_hos li img {display: block; width:227px; height:146px; }
.hot_hos li h4 a { display:block; margin-top:10px; font-size:16px; line-height:2; color:#444; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot_hos li span { display:block; font-size:14px; color:#777; line-height:1.7; }
.hot_hos .shuju span { display:inline-block; font-size:12px; color:#999; margin-top:10px;}
.hos_scroll{
    width: 1100px;
    height: 40px;
    background: #fff;
    margin: 20px auto 0;
    overflow: hidden;
    position: relative;
}
.hos_scroll ul{
    width: 1100px;
    height: 40px;
    position:absolute;
    left: 0;
    top: 0;
}
.hos_scroll ul li{
    float: left;
    width: 200px;
}
.hos_scroll ul li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    color: #666;
    font-size: 16px;
}
/*医院排行*/
.good_hos .nearby_hos { width:272px; }
.nearby_hos .hos_rank { height:326px; margin-top:28px; background-color:#fff; border:1px solid #e5e5e5; box-sizing:border-box; }
.hos_rank li { display:block; padding-left:20px; transition:.3s padding-left; }
.hos_rank li:first-child { margin-top:15px; }
.hos_rank li:hover {padding-left:40px; }
.hos_rank li:hover a { color:#5eabf5; }
.hos_rank li a { display:block; font-size:16px; color:#444; line-height:2.5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.hos_rank li i { font-style:italic; color:#5eabf5; margin-right:10px;}

/*权威数据库*/
.good_hos .mysql { width:271px; height:151px; margin-top:25px; background:url(/uploads/image/simg/mysql.jpg) no-repeat; }
.good_hos .mysql ul { padding-top:75px; padding-left:15px;}
.good_hos .mysql li { width:60px; float:left; text-align:center;}
.good_hos .mysql li span { display:block; font-size:14px; color:#535353;}

.good_hos .mysql li span:first-child { color:#a0a0a0;}
.good_hos .mysql li a:hover span { color:#5eabf5; }

.good_hos .ask_doctor { margin-top:20px;}


/*推荐专家*/
.choose_doc {margin-top:50px;}
.choose_doc ul {margin-top:25px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.choose_doc li { width:365px; height:209px; background-color:#fff; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; float:left;}
.choose_doc li img { display:inline-block; width:135px; height:172px; padding:20px 13px; vertical-align:middle;object-fit: cover;}
.choose_doc li div { display:inline-block; width:190px; vertical-align:middle; }
.choose_doc li h4{ font-size:18px; color:#383838; }
.choose_doc li span { display:block; padding:5px 0; font-size:14px; color:#858484; }
.choose_doc li i { font-size:12px; color:#858484; padding:0 7px; margin-right:6px; border:1px solid #eaeaea; border-radius:20px; box-sizing:border-box;}

/*整形日记*/
.plastic_jour { margin-top:50px; margin-bottom:35px;}
.plastic_jour ul { margin-top:25px; overflow:visible; *zoom:1;}
.plastic_jour ul:after { display:table; clear:both; content:""; }
.plastic_jour li { width:260px; height:225px; margin-left:20px; background-color:#fff; border:1px solid #e5e5e5; box-sizing:border-box; float:left;-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0); transition:.2s all linear;}
.plastic_jour li:hover {-webkit-box-shadow:8px 15px 30px rgba(0,0,0,0.1);box-shadow:8px 15px 30px rgba(0,0,0,0.1); -webkit-transform:translate3d(-10px, -12px, 0);transform:translate3d(-10px, -12px, 0); -webkit-box-shadow:8px 15px 30px rgba(0,0,0,0.1);box-shadow:8px 15px 30px rgba(0,0,0,0.1);}
.plastic_jour li:first-child { margin-left:0; }
.plastic_jour li img { padding:15px 13px 0; }
.plastic_jour li h4 a{ display:block; padding-top:10px; font-size:16px; color:#707070; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.plastic_jour li p a{ display:block; padding:5px 13px 0; font-size:13px; line-height:1.5; color:#a0a0a0; }

.plastic_jour .container{ position:relative; width:1100px; margin:25px auto; padding-bottom: 10px;}
.plastic_jour .container .grid{ width:260px; height:auto; margin-left:20px; background-color:#fff; border:1px solid #e5e5e5;margin-bottom: 20px; box-sizing:border-box; float:left;-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0); transition:.2s all linear;padding-bottom: 12px;}
.plastic_jour .container .grid:hover {-webkit-box-shadow:8px 15px 30px rgba(0,0,0,0.1);box-shadow:8px 15px 30px rgba(0,0,0,0.1); -webkit-transform:translate3d(-10px, -12px, 0);transform:translate3d(-10px, -12px, 0); -webkit-box-shadow:8px 15px 30px rgba(0,0,0,0.1);box-shadow:8px 15px 30px rgba(0,0,0,0.1);}
.plastic_jour .container .grid .compared{ width: 229px; margin:8px auto 0;}
.plastic_jour .container .grid .compared a{ display: inline-block;}
.plastic_jour .container .grid img{ width: 114px; height: 114px; margin: 0 auto; object-fit: cover;}
.plastic_jour .container .grid strong { border-bottom:1px solid #ccc; margin:10px 0; display:block; padding:0 0 5px; font-size:17px;}
.plastic_jour .container .grid .meta{ text-align:right; color:#777; font-style:italic;}
.plastic_jour .container .grid .imgholder img{ max-width:100%; background:#ccc; display:block;}
.plastic_jour .container .grid:first-child,.plastic_jour .container .grid:nth-child(5) { margin-left:0; }
.plastic_jour .container .grid h4 a{ display:block; padding-top:10px; font-size:16px; color:#707070; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.plastic_jour .container .grid p a{ display:block; padding:5px 13px 0; font-size:13px; line-height:1.5; color:#a0a0a0; }

/* 视频列表页和详情页 */
.video_wrapper {
    width: 1100px;
    margin: 0 auto;
}
.swiper-pagination {
    position: absolute;
    right: 0;
    top: 0;
}
.swiper-pagination span {
    display: block;
    width: 260px;
    height: 95.6px;
    border-radius: 0;
    overflow: visible;
}

.swiper-pagination-bullet-active {
    position: relative;
    background: #00b1f6;
}
.swiper-pagination-bullet-active::before{
    content: "";
    display: block;
    position: absolute;
    left:-25px;
    top: 0;
    width: 25px;
    height: 95px;
    /* background: red; */
    z-index: 99;
    background:url(/uploads/image/simg/bgd.png) no-repeat;
}
.video_list {
    background: #4f4e4e;
    width: 1100px;
    height: 478px;
    margin: 0 auto;
    position: relative;
}

.video_left {
    position: absolute;
    width: 840px;
    height: 100%;
    z-index: 0;
    left: 0;
    top: 0;
}
.uls {
    overflow: visible;
}
.video_left ul li {
    width: 840px;
    height: 478px;
    overflow: hidden;
}

.video_left ul li img {
    display: block;
    margin: 0 auto;
    width: 840px;
}

.video_right{
    position: absolute;
    right: 0;
    top: 0;
    width: 260px;
    z-index: 999;
}
.video_right li{
    width: 260px;
    height: 95.6px;
    padding: 24px 20px 24px 22px;
    box-sizing: border-box;
    border-bottom: 1px solid #c9c8c8;
}
.video_right a span{
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    text-align: left;
}
.main .top{
    display: inline-block;
    width: 100%;
    /*height: 24px;*/
    padding-left: 14px;
    border-left: 6px solid #00b1f6;
    margin-top: 20px;
    text-align: left;
    background: #fff;
    padding: 10px 0;
    box-sizing: border-box;
}

.main .top h4{
    display: inline-block;
    vertical-align: top;
    height: 24px;
    line-height: 24px;
    font-size: 22px;
    font-weight: normal;
    color: #2f2e2f;
    margin-left: 12px;
}
.main .top_r{
    display: inline-block;
}
.main .top .top_r ul li{
    float: left;
}
.main .top .top_r ul li a{
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    padding: 0 16px ;
    border-right: 1px solid #000;
}
.main .content{
    width: 100%;
    background: #fff;
    padding: 20px 10px 0 10px;
    box-sizing: border-box;
}
.main .content ul li{
    width: 25%;
    float: left;
    padding-right: 10px;
    box-sizing: border-box;
}

.main .content ul li:last-child{
    padding-right: 0;
}
.main .content ul li a{position: relative;}
.main .content ul li img,.main .content ul li a{
    display: block;
    object-fit: cover;
    width: 260px;
    height: 150px;
    position: relative;
}
.main .content ul li a::after{
    display: block;
    content: "";
    width: 100%;
    height: 60%;
    position: absolute;
    left: 0;
    bottom: 0;
    /* background: rgba(0, 0, 0, 0.2); */
    background: url(/uploads/image/simg/mask.png) no-repeat;
}
.main .content ul li a i{
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 11px;
    font-size: 16px;
    color: #fff;
    z-index: 10;
    background-image: unset;
}
.main .content ul li a i::before{
    display: inline-block;
    content: "";
    width: 15px;
    height: 12px;
    background: url(/uploads/image/simg/open.png) no-repeat;
    margin: 0 10px;
}
.main .content ul li a b{
    display: inline-block;
    position: absolute;
    right: 14px;
    bottom: 11px;
    color: #fff;
    font-size: 16px;
    z-index: 10;
    font-weight: normal;
}
.main .content ul li span{
    display: block;
    font-size: 16px;
    color: #434343;
    margin: 10px 0 40px 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 内容页 */
.show_top{
    width: 100%;
}
.show_top .show_left{
    width: 764px;
    float: left;
    background: #444;
    height: 478px;
}
.show_top .show_left .show_main{
    width: 764px;
    background: #444444;
}
.show_top .show_left .show_main ul li{
    display: none;
}
/* .show_top .show_left .show_main ul li video{
    width: 764px;
    height: 430px;
} */
.show_top .show_left .shares{
    width: 100%;
    height:41px;
    background: #444444;
    padding: 8px 6px 0 6px;
    box-sizing: border-box;
}
.show_top .show_left .shares ul li{
    float: left;
    width: 20px;
    height: 20px;
    margin:0 6px;
}
.show_top .show_left .shares ul{
    float: left;
}
.show_top .show_left .shares ul li img{
    display: block;
    height: 100%;
    width: 100%
}
.show_top .show_left .shares span{
    float:right;
    color: #a9a9a9;
    font-size: 14px;
}
.show_top .show_right{
    float: right;
    width: 336px;
    background-color: #444444;
}
.show_top .show_right ul{
    width: 100%;
    height: 478px;
}
.show_top .show_right ul li{
    padding:5px 10px 5px 10px;
    background:#444;
    /* height: 98px; */
    box-sizing: border-box;
    cursor: pointer;
}
.show_top .show_right ul li table tr td img{
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 80px;
}
.show_top .show_right ul li table tr td .title{
    color: #fff;
    font-size: 14px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.show_top .show_right ul li table tr td i{
    display: block;
    color: #fff;
    text-align: left;
    font-size: 12px;
    margin-top:10px;
}
.show_top .show_right ul li table tr .text{
    padding: 0 6px;
}
.show_contents{
    width: 1100px;
    padding: 0;
    box-sizing: border-box;
    margin: 0 auto;
    border: 0 none;
    background: #fff;
    padding: 0 10px;
    box-sizing: border-box;
}
.show_contents .content_left{
    width: 770px;
    float: left;
    /* padding-right:42px; */
    box-sizing: border-box;
    padding-bottom: 20px;
}
.show_contents .content_left .content_lt h1{
    font-size: 26px;
    color: #222;
    font-weight: 500;
    margin: 22px 0;
    text-align: left;
}
.show_contents .content_left .content_lt p{
    font-size: 16px;
    color: #696969;
    margin-bottom: 16px;
    text-align: left;
}
.show_contents .content_left .content_lt span{
    margin-right: 24px;
}
.show_contents .content_left .content_lt p span a{
    color: #00b1f6;
    text-decoration: underline;
}
.show_contents .content_left .content_lt p span i{
    margin-right:24px;
}
.show_contents .content_left .content_lt .text{
    margin-bottom: 40px;
    padding-right: 4px;
    word-wrap:break-word;
    word-break:break-all;
}
.show_contents .content_left .content_lt .text img{
    display: block;
    max-width: 90%;
    margin: 20px auto;
    height: auto !important;
}
.show_contents .content_left .content_lt .text p{
    text-indent: 2em;
    line-height: 30px;
    margin-bottom: 0;
    color: #333;
}
.show_contents .content_left .pinglun .title{
    border-bottom: 3px solid #e5e5e5;
    height: 40px;
}
.show_contents .content_left .pinglun .title h2{
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    padding-left: 16px;
    border-left: 6px solid #00b1f6;
    font-size: 22px;
    color: #2f2e2f;
    font-weight: 500;
    text-align: left;
}
.show_contents .content_left .pinglun .main{
    margin: 14px 0;
    font-size: 14px;
    color: #383838;
    text-align: left;
}
.show_contents .content_left .pinglun textarea{
    width: 100%;
    height: 102px;
    border: 1px solid #e5e5e5;
    resize: none;
    outline: none;
    padding: 12px 7px;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
}
.show_contents .content_left .pinglun button{
    /* float: right; */
    width: 104px;
    height: 31px;
    background: #00b1f6;
    color: #fff;
    font-size: 15px;
    line-height: 31px;
    text-align: center;
    margin-top: 20px;
    margin-left: 580px;
    border-radius: 4px;
    border: 0 none;
}
.show_contents .content_right{
    float: right;
    width: 290px;
    margin-top: 22px;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
    margin-right: 10px;
}
.show_contents .content_right .content_rt{
    text-align: left;
    display: block;
    padding: 22px 15px;
    color: #383838;
    font-size: 18px;
    border-bottom: 1px solid #e5e5e5;
}
.show_contents .content_right .content_rt i{
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 16px;
    background: url(/uploads/image/simg/icon.png) no-repeat;
    margin-right: 8px;
}
.show_contents .content_right .content_rb {
    padding: 10px;
    box-sizing: border-box;
}
.show_contents .content_right .content_rb .show_right{
    width: 268px;
    /* padding-top: 28px; */
    background: #fff;
}
.show_contents .content_right .content_rb ul{
    width: 268px;
    box-sizing: border-box;
    height: auto;
}
.show_contents .content_right .content_rb ul li{
    width: 268px;
    background: #fff;
    padding: 0;
}
.show_contents .content_right .content_rb ul li tr .text .title,.show_contents .content_right .content_rb ul li tr .text i{
    color: #252525;
}
.show_contents .content_right .content_rb ul li tr .text .title{
    font-size: 14px;
}
.show_contents .content_right .content_rb ul li tr .text i{
    /* display: inline-block; */
    vertical-align: top;
    color: #999;
}
.show_contents .content_right .content_rb ul li tr .text i::before{
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 14px;
    height: 13px;
    background: url(/uploads/image/simg/icon1.png) no-repeat;
    margin-top: -4px;
    margin-right: 10px;
}
/* 医院信息 */
.hospital_show_info{
    width: 1100px;
    padding: 20px 10px;
    margin: 20px auto;
    background: #fff;
    box-sizing: border-box;
}
.hospital_show_info h3{
    height: 30px;
    line-height: 30px;
    margin-top: 0;
    margin-left: 0;
    padding: 0 0 0 16px;
    font-size: 22px;
    color: #2f2e2f;
    font-weight: normal;
    border-left: 6px solid #05b2fa;
}
.hospital_show_info p{
    padding: 5px 0;
}
.hospital_show_info .phone,.hospital_show_info .address{
    font-size: 16px;
    
}
.filter_blue{filter:blur(10px) !important;}