body{ margin:0; background-color:#ffffff !important;} body,td,select,option,input{font-family:arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; font-size:16px; color: #444141;-webkit-font-smoothing: antialiased;} img{ border:0; display: block;} form{ display:inline;} h1,h2,h3,h4,h5,h6,ul,dd,dl,dt,p{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style:outside none none;} u, b, em, i{font-style:normal; list-style:none none; text-decoration:none;} ul li{list-style: none;} /*input,button,select{background:transparent; -webkit-appearance:none;}*/ input, button, select, textarea{outline:none;} input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } textarea{resize: none;} input:focus, button:focus, select:focus, textarea:focus{box-shadow:none; outline:none;} a{color:#444141; text-decoration:none; outline:none; display: block;} /** a{color:#444141; text-decoration:none; outline:none;display: block;}**/ a:visited{ color:#444141; text-decoration:none;} a:hover{ color:#f78; text-decoration:none;} a, a:visited, a:hover{text-decoration:none;} .transform{-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .transform_x{-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);} .transform_y{-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);} .ellipsis{display: block; overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; margin: 0;} .many_line{white-space:pre-wrap;display:-ms-box !important;display:-moz-box !important;;display:-webkit-box !important;;display:box !important;;text-overflow:ellipsis;overflow:hidden;-ms-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;} .line_one{-ms-line-clamp:1;-moz-line-clamp:1;-webkit-line-clamp:1;line-clamp:1;} .line_two{-ms-line-clamp:2;-moz-line-clamp:2;-webkit-line-clamp:2;line-clamp:2;} .line_three{-ms-line-clamp:3;-moz-line-clamp:3;-webkit-line-clamp:3;line-clamp:3;} .line_four{-ms-line-clamp:4;-moz-line-clamp:4;-webkit-line-clamp:4;line-clamp:4;} .line_five{-ms-line-clamp:5;-moz-line-clamp:5;-webkit-line-clamp:5;line-clamp:5;} .line_six{-ms-line-clamp:6;-moz-line-clamp:6;-webkit-line-clamp:6;line-clamp:6;} .box{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .layout{width: 1180px; margin: 0 auto; overflow: hidden;} .fl{float: left;} .fr{float: right;} .tub_next{ margin-top: 10px; } .border{border: 1px solid #eee;} .dashed_line{border-bottom: 1px dashed #eee;} .fafafa{background: #fafafa; padding-bottom: 50px;} [v-cloak]{display: none;} /* tabs */ .accordion-handle{display: none;} /* 轮播 */ .swiper-pagination-bullet-active{background: white !important; } #LRdiv0, #LRdiv1, #LRdiv2, #LRdiv3{display: none !important;} .kepu_zx_a{box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; margin: 15px 0; line-height: 25px!important;} /* 面包屑 */ .bread_header{width: 100%; overflow: hidden; background: #fafafa; height: 50px;} .bread_header_1000{overflow: hidden; font-size: 14px; color: #7E7E7E; display: block; line-height: 50px;} .bread_header_1000 span:last-child { color: #FF6688 !important; } .bread_header_1000 span{display: inline-block} /* header */ .banner_bigimg{display: block;} .head_mobile,.banner_smallimg,.footer_new_mobile{display: none;} /* .hamburger{display: none !important;} */ .hamburger{position: fixed;right: 0; top: -60px!important; left: auto !important;} .headerbar{width: 100%; overflow: hidden; height: 30px; background: #f3f7f7;} .w-1000{width: 1180px; margin: 0 auto; overflow: hidden;} .headerbar .login{height: 30px; line-height: 30px; overflow: hidden; cursor: pointer; margin-left: 15px;} .headerbar .login a{float: left; font-size: 12px; color: #9e9e9e; cursor: pointer;} .headerbar .login_link{position: relative; padding-right: 20px; } .headerbar .login_link::before{position: absolute; content: ''; top: 8px; right: 10px; height: 14px; border-right: 1px dashed #9e9e9e; } .fastlink_ul{overflow: hidden;} .fastlink_ul li{cursor: pointer; float: left; margin-right: 22px; line-height: 1; padding :9px 0 9px 18px; max-width: 80px; text-align: center; display: block; color: #9e9e9e; font-size: 12px; } .fastlink_ul li:nth-child(1){ background: url(../images/ico_gj_xtb_03.png) no-repeat; background-position: 0 center; background-size: 14px 14px;} .fastlink_ul li:nth-child(2){ background: url(../images/ico_gj_xtb_02.png) no-repeat; background-position: 0 center; background-size: 13px 13px;} .fastlink_ul li:nth-child(3){ background: url(../images/ico_gj_xtb_05.png) no-repeat; background-position: 0 center; background-size: 12px 11px;} .fastlink_ul li:nth-child(4){ background: url(../images/ico_gj_xtb_04.png) no-repeat; background-position: 0 center; background-size: 10px 10px;} .fastlink_ul li:nth-child(5){ background: url(../images/ico_gj_xtb_01.png) no-repeat; background-position: 0 center; background-size: 7px 11px;} .header_seader{width: 100%; overflow: hidden; background: #fff;} .header_seader_centent{ margin: 0 auto; overflow: hidden; } .new-nav-ul{ width: 1000px; height: 80px; float: right; box-sizing: border-box;} .new-nav-ul li{float: left;height: 80px;padding: 24px 20px; box-sizing: border-box; text-align: center; font-size:18px; cursor: pointer; font-weight:bold; color:rgba(51,51,51,1); line-height:17px;} .new-nav-ul li span{font-size:8px; font-weight:400; color:rgba(153,153,153,1);} .new-nav-ul li:hover { color: white!important; background: #f68 } .new-nav-ul li:hover span{ color: white!important; } .new-nav-ul li:hover a{ color: white!important; } .new-nav-tags{ height:34px; background:rgba(254,230,236,1); } .new-nav-tags .w-1000{ text-align: center } .new-nav-tags a{ display: inline-block; font-size:14px; font-weight:400; color:rgba(255,112,136,1); line-height:34px; } .new-nav-tags a:hover{ text-decoration:underline; text-decoration-color: #ff6688; } .search_left{ width: 150px; margin-right: 20px; overflow: hidden; float: left;margin-top: 18px} .search_left img{width: 36px; height: 36px; overflow: hidden; margin-right: 10px;} .search_left .fl p{color: #3e3e3e;font-size: 16px; line-height: 22px; } .search_left .fl span{color: #9e9e9e;font-size: 14px; line-height: 20px; display: block;} .search_center{width: 500px; overflow: hidden; margin:0 auto; } .seach_div{overflow: hidden; float: left;width:212px; height:20px; margin-top: 5px; background:rgba(255,255,255,1); border-radius:25px; border:1px solid rgba(221,221,221,1);} .search-div{width: 100%;height: 34px;background:rgba(238,238,238,1);} .search_center img{width: 25px; overflow: hidden; float: right; position: relative; top: -3px;} .search_center .key_input{width: 155px; line-height: 20px; float: left; border: none; outline: none;padding-left: 10px;} .search_btn{color: #f68; height: 30px; width: 75px; text-align: center; line-height: 30px; border: none; border-left: 1px solid #f68!important; outline: none; float: right; background: #fff;} .search_center_ul{float:left; width: 272px; overflow: hidden; height: 34px; line-height: 34px} .search_center_ul li a{float: left; line-height: 34px; color: #7e7e7e; font-size: 12px; margin-right: 10px; cursor: pointer;} .search_right { float: left; overflow: hidden; width: 450px; } .search_right .fr_top{width: 190px; overflow: hidden; float: left; cursor: pointer; display: flex; display: -webkit-flex;} .search_right .fr_top:first-child{width: 240px!important; margin-right: 10px;} .search_right a{display: block; overflow: hidden;} .search_right .fl_a{float: right; width: 54px; height: 54px;} .search_right .fr_a{flex: 1; overflow: hidden; -webkit-flex: 1; padding: 0 10px; } .search_right .fr_a span{display: block; line-height: 20px; color: #9e9e9e; font-size: 14px; width: 100%; overflow: hidden;} .search_right .fr_a span:first-child{line-height: 30px!important; color: #3e3e3e!important; font-size: 16px!important; } .search_right img{width: 100%; height: 100%; overflow: hidden; display: block;} .header_nav{width: 100%; overflow: hidden; height: 50px;background: #FFD5DF;} .header_nav_ul{overflow: hidden; display: flex;} .header_nav_ul li{flex: 1; -webikit-flex: 1; overflow: hidden; height: 50px;} .header_nav_ul li a{line-height: 50px; text-align: center; color: #f68; font-size: 18px; cursor: pointer;} .header_nav_ul li a:hover { background: #f68; color: #fff} .header_nav_ul .active { background: #f68!important; color: #fff!important} .header_nav_ul .active a{ background: #f68!important; color: #fff!important} .header_nav_ul li:last-child{float: right; line-height: 50px; color: #f68; font-size: 18px; padding-left: 40px; background: url(../images/ico_yy_tel.png) no-repeat; background-position: 10px center; background-size: 21px 21px; } /* allheader */ .all_header{display:none;width: 100%; overflow: hidden; position: fixed; top: 0; left: 0; background: #fff; border-bottom: 1px solid #eee; z-index: 9999;} .all_header_guide{overflow: hidden; height: 110px; position: relative;} .all_header_guide .logo{ margin-top: 26px; width: 150px} .all_header_guide .logo img{width: 100%; } .all_header_ul{overflow: hidden; width: 800px; padding-left: 60px; float: left; } .all_header_ul li{line-height: 110px; float: left; margin-left: 48px; max-width: 108px;} .all_header_ul li a{font-size: 18px; color: #3E3E3E; position: relative;} .all_header_ul .active{color: #f68!important;} .all_header_ul .active::before{position: absolute; content: ''; bottom: 37px; left: 0; width: 100%; border-bottom: 2px solid #f68;} .guide_search { position: absolute; right: 0; top: 0; height: 100%; width: 68px; background-image: url(../images/ico_search.png); background-repeat: no-repeat;background-position: center; background-size: 100%;} .header_pc_box{background-color: #fafafa;} /* footer */ .gj_footer{width: 100%; overflow: hidden; background: #fff3f6; padding: 30px 0 0; display: block;} .gj_footer_top{width: 100%; overflow: hidden; display: flex; } .gj_footer_top li{flex: 1; -webkit-flex: 1; overflow: hidden;} .gj_footer_top li .icon{height: 60px; width: 60px; display: block; float: left; margin-right: 20px;} .gj_footer_top li .text{display: block; margin-left: 20px; color: #f68; font-size: 14px; line-height: 60px; } .gj_footer_top li:first-child .icon{background: url(../images/ico_footer_01.png) no-repeat; } .gj_footer_top li:nth-child(2) .icon{ background: url(../images/ico_footer_02.png) no-repeat;} .gj_footer_top li:nth-child(3) .icon{ background: url(../images/ico_footer_03.png) no-repeat;} .gj_footer_top li:nth-child(4) .icon{background: url(../images/ico_footer_04.png) no-repeat;} .gj_footer_bottom{width: 100%; overflow: hidden; display: flex; padding-top: 30px;} .gj_footer_bottom .info_box{flex: 1; -webkit-flex: 1; overflow: hidden;} .info_box .title{ color: #333; font-size: 15px; border-left: 2px solid #f68; padding-left: 10px; margin-bottom: 15px!important;} .gj_footer_bottom .info_box p{color: #777; font-size: 12px; line-height: 18px; margin-bottom: 4px; font-weight: 600;} .gj_footer_bottom .info_box a{color: #9e9e9e; font-size: 12px; line-height: 18px; margin-bottom: 4px; cursor: pointer;} .gj_footer_bottom .info_box a:hover{color: #f68;} .info_else_box img{width: 100px; height: 100px; overflow: hidden; margin: 10px 0;} .info_else_box span{color: #9e9e9e; font-size: 12px; line-height: 16px; width: 100%; text-align: center; display: block;} .gj_footer_tips{text-align: center; font-size: 12px; color: #777; line-height: 50px; margin-top: 20px;} /* 悬浮列表*/ .suspendList{width: 65px; position: fixed; z-index: 9999;right: -3px; top: 50%; background-color: white; display: block;} .suspend_smallMan{position: absolute; left: 10px; top: -40px;} .suspend_smallMan img{width: 41px; height: 47px;} .tag_list{position: relative} .tag_list ul li{background-color: #F4F4F4; width: 100%; height: 60px;margin-top: 1px;cursor: pointer} .tag_list ul li img{width: 32px; height: 30px; margin: 0 auto; padding-top: 15px;} .tag_list ul li:first-child{height: 120px;margin-top: 0; position: relative; background: url(../images/ico_hyb_font.png) no-repeat center/27px 93px #FFE1E5;} .tag_list ul li:first-child img{width: 100%; height: 100%; padding: 0;} .suspend_twoBarcode{position: absolute; right: -55px; z-index:-1; top: 0; height: 120px; width: 120px; border: 2px solid #eee;} .suspend_phonenumber{ position: absolute; right: -95px; z-index: -1; top: 181px; height: 62px; width: 158px; font-size: 22px; color: #f78; font-weight: bold; background: white; text-align: center; line-height: 62px;} .bigMan{position: absolute;right: 20px; bottom: 107px;display: none;width: 71px; height: 83px;overflow: hidden} .bigMan img{width: 100%; height: 100%;} .btn_cond{height: 34px;width: 34px; display: block; position: absolute; left: -20px; top: 40px; cursor: pointer;} .twoBarcode{width: 100%; height: 100%; background: white; position: absolute; z-index: 100;} .twoBarcode img{width: 100%; height: 100%; overflow: hidden;} .telephone{visibility: hidden;} #ZCChatFrame { top: 50% !important; left: 50% !important; width: 600px !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: rgba(15, 66, 76, 0.5) 0px 0px 14px 0px; height: 422px !important; } /* 评分星星 */ .star_text {display: inline-block; position: relative; line-height: 1; top: 1px; margin-left: 10px;} .eval_star { display: inline-block; position: relative; background-position: 0 -12px!important;} .eval_star,.star_percent { width: 80px;height: 11px; background: url(../images/icon_star.png) no-repeat;} .eval_star .star_percent {position: absolute;top: 0; left: 0; background-position: 0 0;} /* 首页 */ .index_banner{width: 100%; height: 300px; overflow: hidden; position: relative;} .banner_swiper{width: 100%; height: 100%; overflow: hidden; cursor: pointer;} .banner_swiper img{height: 100%; margin: 0 auto; position: absolute; top: 50%; left: 50%; } .gj_left_nav{ height: 100%; position: absolute; left: 50%; top: 50%; z-index: 999;} .gj_left_nav_box{ position: relative; height: 400px; width: 180px; background: rgba(255,255,255,.9);} .gj_left_nav_item{width: 100%; overflow: hidden; } .gj_left_nav_item .title{ width: 180px; text-align: center; line-height: 40px; font-size: 14px; color: #333; float: left; cursor: pointer;} .gj_left_nav_item .title:hover{color: #f68;} .gj_left_nav_item ul{display: none; padding-left: 15px; width: 350px; height: 400px; background: rgba(255,255,255,.9); overflow-y: auto; position: absolute; top: 0; left: 180px;} .gj_left_nav_item ul li{width: 100%; overflow: hidden;} .gj_left_nav_item ul li p{width: 100%; line-height: 40px; border-bottom: 1px solid #eee; font-size: 14px; color: #333;} .gj_left_nav_item ul li a{ display: inline-block; color: #898989; margin-right: 12px; font-size: 13px; cursor: pointer; margin-top: 10px; } .gj_left_nav_item ul li a:hover{color: #f68; } .index_banner .swiper-pagination-bullet{width: 20px!important; height: 20px!important; border: 1px solid #eee;} /* */ .gj_index_doctors{margin-top: 30px; overflow: inherit!important} .gj_index_doctors_ul{display: flex; flex-wrap: nowrap} .gj_index_doctors_li{ flex: 1; -webkit-flex: 1; margin-left: 30px; overflow: hidden; cursor: pointer;} .gj_index_doctors_li .tit{width: 100%; overflow: hidden; line-height: 28px; color: #3e3e3e; font-size: 14px;} .gj_index_doctors_li .tit:hover{color: #f68;} .gj_index_doctors img{ width: 100%; height: 112px; overflow: hidden; margin: auto;} .gj_index_doctors_li img:hover{box-shadow: 0 0 4px #999;} .gj_index_doctors_li:first-child{margin-left: 0!important;} /* */ .gj_index_content{margin-top: 30px;} .left_column{width:880px; overflow: hidden; position: relative} .gj_index_content .more{font-size: 12px; color: #f68; line-height: 22px; position: absolute; top: 0; right: 0; z-index: 3} .gj_index_content .tabs-list{width: 100%; overflow: hidden;} .gj_index_content .tabs-list li{display: inline-block; width: auto!important; font-size: 18px; line-height: 22px; color: #333; padding-bottom: 5px; margin-right: 20px; cursor: pointer;} .gj_index_content .tabs-list li:hover{color: #f68;} .gj_index_content .tabs-list .active {color: #f68; border-bottom: 4px solid #f68;} .gj_index_content .tab-content ul{width: 100%; overflow: hidden;} .gj_index_content .tab-content ul li{width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee; display: flex; cursor: pointer;} /* .gj_index_content .tab-content ul li:nth-child(8) ~ li{display: none;} */ /* .gj_index_content .tab-content ul li:last-child{border-bottom: none!important;} */ /* .gj_index_content .tab-content ul li:hover{background: #fafafa;} */ #load_more{width: 100%; overflow: hidden; line-height: 50px; overflow: hidden; text-align: center; color: #f68; font-size: 14px; cursor: pointer;} .gj_index_content .tab-content .img_box{ display: block; max-width: 320px;overflow: hidden; margin-right: 20px;} .gj_index_content .tab-content .img_box a{float: left; display: block;width: 160px; height: 100px; overflow: hidden;} .gj_index_content .tab-content .img_box img{width: 160px; overflow: hidden; } .gj_index_content .tab-content .img_box a:first-child{margin-right: 2px;} .gj_index_content .tab-content .detail_info{flex: 1; -webkit-flex: 1; position: relative; overflow: hidden ; padding: 7px 0} .gj_index_content .tab-content .bought{ width: 280px; font-size: 13px; line-height: 34px; color: #666; border-radius: 56px; background: #f2f2f2; position: absolute; right: 20px; bottom: 8px; padding: 0 15px;} .gj_index_content .tab-content .bought span {max-width: 190px; overflow: hidden;} .gj_index_content .tab-content .bought .fr{color: #f68;} .gj_index_content .tab-content .discribe{width: 100%; display: block; font-size: 20px; color: #222; letter-spacing: 0.24px; font-weight: 500; line-height: 28px; overflow: hidden; cursor: pointer; } .gj_index_content .tab-content .discribe:hover{color: #f68;} .gj_index_content .tab-content .index_bottoms{width: 100%; overflow: hidden; margin-top: 22px;} .gj_index_content .other_else img{ width: 36px; height: 36px; border-radius: 50%; margin-right: 10px; float: left;} .gj_index_content .other_else span{float: right; line-height: 36px; color: #777; font-size: 14px; margin-right: 20px; max-width: 68px;} .gj_index_content .tab-content .other span{float: left; line-height: 36px; color: #9e9e9e; font-size: 14px; margin-right: 10px;} .other_address{ max-width: 118px; float: left; line-height: 36px; font-size: 14px; color: #9e9e9e; margin-right: 20px; padding-left: 20px; background: url(../images/ico_hygj_zb.png) no-repeat; background-size: 14px 18px; background-position: left 8px;} .li_else{display: block!important;} .li_else .discribe{height: auto!important;} .index_bottoms_two{width: 100%; overflow: hidden; margin-bottom: 10px;} .li_else_imges{ width: 100%; overflow: hidden;} .li_else_imges img{width: 160px; height: 100px; margin-right: 20px; margin-top: 20px; overflow: hidden; float: left;} .li_else_bought{ overflow: hidden; width: 280px; font-size: 13px; line-height: 34px; color: #666; border-radius: 56px; background: #f2f2f2; padding: 0 15px; margin-top: 15px;} .li_else_bought span {max-width: 190px; overflow: hidden;} .li_else_bought .fr{color: #f68;} /* 感兴趣 */ .make_xq{width: 100%; overflow: hidden; } .make_xq .tit{width: 100%; overflow: hidden; margin-bottom: 20px; font-size: 14px; color: #333; line-height: 18px;} .make_xq .tit img{width: 17px; height: 17px; margin-right: 10px; } .make_xq_box{ display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden;} .make_xq_item{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 5px; background: #f68; padding: 15px 0; border-radius: 4px; background-position: left top; background-size: 100% 100%; background-repeat: no-repeat; text-align: center; cursor: pointer;} .make_xq_item span{text-align: center;font-size: 12px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; width: 100%} .make_xq_item p{text-align: center;font-size: 16px; color: #fff; letter-spacing: 0; margin-top: 4px; width: 100%;} .lookback_item_box{border: 1px solid #eee; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; border-radius: 4px; background-position: left top; background-size: 100% 100%; background-repeat: no-repeat; text-align: center; cursor: pointer;} .lookback_item_box:nth-child(3n){margin-right: 0!important;} .lookback_item_top{width: 100%; height: 130px; overflow: hidden; position: relative; } .lookback_item_top img{width: 100%; overflow: hidden;} .lookback_item_info{width: 100%; overflow: hidden; padding: 6px 15px;} .lookback_item_info img{ width: 33px; height: 33px; border-radius: 50%; margin-right: 10px; } .lookback_item_info span{float: left; line-height: 33px; margin-right: 15px; font-size:12px; color: #7e7e7e;} .lookback_item_info .name{color: #3e3e3e!important; font-size: 14px!important;} .right_column{width: 260px; overflow: hidden;} .right_column_content{width: 100%; overflow: hidden; margin-bottom: 30px;} .right_column_content .title{ border-left: 3px solid #f68; padding-left: 10px; font-size: 18px; color: #3e3e3e; line-height: 1; } .right_column_content .title a{color: #f68; float: right; font-size: 12px; cursor: pointer;} .right_column_item{ margin-top: 20px; width: 100%; font-size: 14px; color: #3e3e3e; cursor: pointer;} .right_column_item .gg{ font-size: 14px; color: #3e3e3e; cursor: pointer; line-height: 1;} .top_onlive{width: 260px; height: 130px; overflow: hidden; position: relative; } .top_onlive img{width: 100%; height: 100%;} .btn_live{display: block; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; opacity: 0.7; cursor: pointer; border-radius: 50%; background:url(../images/icon_best_open_copy.png) no-repeat 100%;} .live_bz{text-align: left; width: 100%; font-size: 14px; line-height: 22px; color: #333; margin: 13px 0;} .live_bz:hover{color: #f68;} .doctor_box{width: 100%; overflow: hidden; } .doctor_box img{float: left; width: 20px; height: 20px; border-radius: 50%; margin-right: 5px;} .doctor_box span{ color: #777; margin-left: 20px; line-height: 20px;} .drt_ul{width: 100%; overflow: hidden;} .drt_ul li{margin-top: 20px; overflow: hidden; cursor: pointer;} .drt_ul li img{width: 110px; height: 110px; overflow: hidden;} .drt_ul_info{width: 135px; overflow: hidden;} .drt_ul_info .tit{color: #f68; font-size: 13px; margin-bottom: 10px; width: 100%;} .drt_ul_info .name{color: #333; font-size: 13px; line-height: 20px; width: 100%;} .drt_ul_info .fss{color: #9f9f9f; font-size: 12px; line-height: 20px; width: 100%;} .drt_ul_info .jgz{margin-top: 10px; display: block; width: 64px; height: 24px; line-height: 24px; border: 1px solid #eee; color: #f68; text-align: center; font-size: 13px; border-radius: 4px; } .rmqz_ul{width: 100%; overflow: hidden;} .rmqz_ul li{margin-top: 20px; overflow: hidden; cursor: pointer;} .rmqz_ul li img{width: 40px; height: 40px; border-radius: 50%; overflow: hidden;} .rmqz_ul .fr{width: 210px; overflow: hidden;} .rmqz_ul .fr p{color: #333; font-size: 14px; width: 100%;} .rmqz_ul .fr p:hover{color: #f68;} .rmqz_ul .fr span{color: #9e9e9e; font-size: 12px; width: 100%;} .rzdoctor_ul{width: 100%; overflow: hidden;} .rzdoctor_ul li{float: left; width: 120px; overflow: hidden; margin-right: 10px; margin-top: 15px; cursor: pointer;} .rzdoctor_ul li:nth-child(2n){margin-right: 0!important;} .rzdoctor_ul .fr{width: 75px; overflow: hidden;} .rzdoctor_ul li img{width: 35px; height: 35px; border-radius: 50%; overflow: hidden;} .rzdoctor_ul .fr p{color: #333; font-size: 12px; width: 100%;} .rzdoctor_ul .fr p:hover{color: #f68;} .rzdoctor_ul .fr span{color: #9e9e9e; font-size: 12px; width: 100%;} .nav_fixed_ul{position: fixed!important;height: 20px!important; line-height: 20px!important; top: 0; width: 880px!important; background: white; border-bottom: 1px solid #eee; padding: 15px 0!important;} /* pc端 拨电话悬浮窗 */ .telephonemain{display: none; position: fixed; top: 50%; left: 50%; width: 530px; height: 250px; z-index: 21474835833; box-shadow: rgba(15, 66, 76, 0.5) 0px 0px 14px 0px; background: url(../images/ico_telephonemain_bg.png) no-repeat bottom/100%;} .telephonemain .title{width: 100%; height: 74px; background: white; position: relative;} .telephonemain .txttitle{width: 100%; padding: 0 20px; height: 100%; line-height: 74px;} .telephonemain .txttitle p{padding-left: 37px; background: url(../images/ico_telephonemain_logo.png) no-repeat left/25px 36px; font-size: 20px; float: left;} .telephonemain .txttitle span{float: right; padding-left: 33px; background: url(../images/ico_telephonemain_phone.png) no-repeat left/22px 25px; font-size: 22px; color: #f78; font-weight: bold;} .telephonemain .closetelephone{width: 28px; height: 28px; position: absolute; top: -8px; right: -8px; background: url(../images/ico_telephonemain_close.png) no-repeat center/100%; cursor: pointer;} .telephonemain .inner{width: 100%; height: 176px; background: rgba(0, 0, 0, 0.3);} .telephonemain .inner div{width: 346px; height: 46px; margin: 0 auto; padding-top: 56px;} .telephonemain .inner #telInput{width: 222px; line-height: 46px; font-size: 16px; color: #444411; float: left; border: none; padding: 0 10px;} .telephonemain .inner #callBtn{display: block; width: 104px; line-height: 46px; cursor: pointer; font-size: 16px; color: white; background: #FF7788; border: none; padding: 0;} .telephonemain .inner p{font-size: 12px; color: white; margin: 12px auto 0; text-align: center;} /* **********好孕日记详情列表页*********** */ .hyrj_list_top{ overflow: hidden; margin-top: 20px;} .hyrj_list_top .title{width: 100%; color: #333; font-size: 18px; line-height: 22px; font-weight: 400;} .hyrj_list_top_info{width: 100%; overflow: hidden; padding: 20px 0; display: flex;} .hyrj_list_info_fl{width: 140px; overflow: hidden; margin-right: 10px;} .hyrj_list_info_fl img{width: 95px; height: 95px; border-radius: 50%; overflow: hidden; margin: 0 auto;} .hyrj_list_info_fl p{width: 100%; margin: 5px 0; text-align: center; color: #f68; line-height: 18px; font-size: 14px;} .hyrj_list_info_fl span{ text-align: center; line-height: 18px; font-size: 12px; margin: 0 auto; width: 60px;display: block; border-radius: 20px; background : #f68; color: #fff;} .hyrj_list_info_fr{flex: 1; -webkit-flex: 1; overflow: hidden;} .hyrj_list_info_fr p{ overflow: hidden; color: #333; font-size: 16px; margin-bottom: 10px;} .hyrj_list_info_fr p span{ color: #7e7e7e; font-size: 14px!important; } .hyrj_list_info_fr p i{color: red;} .hyrj_list_info_fr p a{ display: inline-block; color: #f68; cursor: pointer; } .hyrj_list_info_fr .imgs{width: 100%; overflow: hidden; height: 120px;} .hyrj_list_info_fr .imgs img{width: 120px; overflow: hidden; margin-right: 10px; float: left;} .hyrj_list_ul{width: 100%; overflow: hidden;} .hyrj_list_ul li{width: 100%; padding: 20px 0; border-top: 1px solid #eee;} .hyrj_list_ul li h3{ display: inline-block; font-size: 16px; line-height: 20px; color: #fff; background-color: #f68; padding: 5px 12px; border-radius: 30px; margin-bottom: 10px;} .hyrj_list_ul li p{line-height: 24px; color: #333; font-size: 15px; } .hyrj_list_ul li p a{display: inline-block; color: #f68; cursor: pointer;} .hyrj_list_ul .li_imgs{width: 100%; overflow: hidden; position: relative; } .hyrj_list_ul .li_imgs img{width: 208px; height: 120px; border-radius: 8px; overflow: hidden; float: left; margin-top: 10px; margin-right: 10px;} .hyrj_list_ul .li_times{width: 100%; overflow: hidden; margin-top: 15px;} .hyrj_list_ul .li_times span{color: #9e9e9e; font-size: 12px; margin-right: 20px;} .about_product{width: 100%; overflow: hidden;} .about_product_top{width: 100%; overflow: hidden; display: flex;} .about_product_top img{width: 40px; height: 40px; margin-right: 10px; overflow: hidden; border-radius: 50%;} .about_product_top .info_fl{flex: 1; -webkit-flex: 1; overflow: hidden;} .about_product_top p{width: 100%; line-height: 20px; font-size: 15px; color: #f68;} .about_product_top span{width: 100%; line-height: 20px; font-size: 12px; color: #9e9e9e;} .about_product_buttom{width: 100%; overflow: hidden; } .about_product_buttom .img{width: 100%; height: 200px; overflow: hidden; margin: 15px 0; cursor: pointer;} .about_product_buttom .img img{width: 100%;} .about_product_buttom .pro{width: 100%; line-height: 22px; color: #7e7e7e; overflow: hidden; font-size: 15px; cursor: pointer;} .about_product_buttom .hp{width: 100%; line-height: 22px; font-size: 15px; color: #f68; overflow: hidden; cursor: pointer; padding-bottom: 5px;} .about_product_buttom .hp:hover{color: #f68;} .about_product_buttom p{width: 100%; line-height: 22px; color: #7e7e7e; overflow: hidden; font-size: 14px; padding-top: 5px;} .about_product_buttom .look{width: 100%; margin-bottom: 40px; margin-top: 10px; text-align: center; line-height: 40px; background: #f68; color: #fff; border-radius: 4px; overflow: hidden; font-size: 15px; cursor: pointer;} .hyrj_list_others{width: 100%; overflow: hidden; } .hyrj_list_others li{width: 25%; float: left; overflow: hidden; margin-top: 15px; cursor: pointer;} .hyrj_list_others li img{width: 50px; height: 50px; border-radius: 50%; overflow: hidden; } .hyrj_list_others li p{width: 100%; overflow: hidden; padding-right: 10px; line-height: 20px; margin-top: 5px; color: #333; font-size: 13px; } .hyrj_list_yuyue_box{width: 100%; max-height: 430px; overflow: hidden;} .hyrj_list_yuyue{width: 100%; overflow: hidden; } .hyrj_list_yuyue li{width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee; display: flex; cursor: pointer;} /* .hyrj_list_yuyue li:hover{background: #fafafa;} */ .hyrj_list_yuyue li img{width: 100px; height: 100px; border-radius: 4px; overflow: hidden; margin-right: 10px;} .hyrj_list_yuyue li div{flex: 1; -webkit-flex: 1; overflow: hidden;} .hyrj_list_yuyue div h4{width: 100%; line-height: 18px; color: #f68; overflow: hidden; font-size: 12px; cursor: pointer; font-weight: 400;} .hyrj_list_yuyue div span{display: block; width: 100%; line-height: 20px; color: #9e9e9e; overflow: hidden; font-size: 13px; cursor: pointer; margin-top: 5px;} .hyrj_list_yuyue div p{width: 100%; line-height: 20px; color: red; overflow: hidden; font-size: 13px; cursor: pointer; margin-top: 5px;} /* ********** 日记详情页 ********** */ .hyrj_detail_top{ overflow: hidden; margin-top: 20px;} .hyrj_detail_top .title{width: 100%; color: #333; font-size: 18px; line-height: 22px; font-weight: 400;} .hyrj_detail_top_info{width: 100%; overflow: hidden; display: flex;} .hyrj_detail_info_fl{width: 140px; overflow: hidden; margin-right: 10px;} .hyrj_detail_info_fl img{width: 95px; height: 95px; border-radius: 50%; overflow: hidden; margin: 0 auto;} .hyrj_detail_info_fl p{width: 100%; margin: 5px 0; text-align: center; color: #f68; line-height: 18px; font-size: 14px;} .hyrj_detail_info_fl span{ text-align: center; line-height: 18px; font-size: 12px; margin: 0 auto; width: 60px;display: block; border-radius: 20px; background : #f68; color: #fff;} .hyrj_detail_info_fr{flex: 1; -webkit-flex: 1; overflow: hidden; } .hyrj_detail_info_fr_one{ cursor: pointer; background: #fff3f6; border: 1px solid #f68; border-radius: 10px; padding: 20px; display: flex; } .hyrj_detail_info_fr_one .fl{ width: 100px; color: #000; text-align: center; padding-top: 15px; font-size: 18px; line-height: 30px; } .hyrj_detail_info_fr_one .fl span{ color: #f68; padding: 0 5px; font-size: 20px;} .hyrj_detail_info_fr_one .fr{flex: 1; -webkit-flex: 1; overflow: hidden; padding-left: 15px;} .hyrj_detail_info_fr_one .fr li{width: 100%; padding: 10px 0; border-bottom: 1px solid #fff; line-height: 20px;} .hyrj_detail_info_fr .content{width: 100%; line-height: 30px; font-size: 16px; color: #333; margin-top: 15px;} .hyrj_detail_info_fr .content img{margin-top: 10px;} .hyrj_detail_info_fr .imgs img{width: 100%; margin-top: 20px!important; margin: 0 auto ; display: block;} .hyrj_detail_info_fr .li_times{width: 100%; overflow: hidden; margin-top: 15px;} .hyrj_detail_info_fr .li_times span{color: #9e9e9e; font-size: 12px; margin-right: 20px;} .right_column_content_hyrj{width: 100%; padding: 15px; overflow: hidden; border: 1px solid #eee; border-radius: 4px; } .hyrj_right_column_else p{ overflow: hidden; color: #333; font-size: 16px; margin-bottom: 10px;} .hyrj_right_column_else p:first-child{margin-top: 10px;} .hyrj_right_column_else p span{padding: 5px; background: #fff3f3; color: #f68; } .hyrj_right_column_else p i{color: red;} .hyrj_right_column_else p a{ display: inline-block; color: #f68; cursor: pointer; } .right_column_content .morelink{ cursor: pointer; width: 100%; overflow: hidden; padding-top: 15px; border-top: 1px solid #eee; color: #f68; text-align: right; font-size: 14px;} .hyrj_list_others_detail{width: 100%; overflow: hidden; } .hyrj_list_others_detail li{width: 33%; float: left; overflow: hidden; margin-top: 15px;} .hyrj_list_others_detail li img{width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin: 0 auto} .hyrj_list_others_detail li p{width: 100%; overflow: hidden; padding-right: 10px; line-height: 20px; margin-top: 5px; color: #333; font-size: 13px; } .hyrj_detail_top_comment{width: 100%; overflow: hidden; padding-top: 20px; margin-top: 20px; border-top: 20px solid #fafafa;} .new_comment_list{padding: 15px 0; overflow: hidden; border-bottom: 1px solid #eee; display: flex; display: -webkit-flex;} .new_comment_list_dt{width: 40px; height: 40px; margin-right: 15px; border-radius: 50%; overflow: hidden;} .new_comment_list_dt img{width: 100%;} .new_comment_list_dd{flex: 1; -webkit-flex: 1; overflow: hidden;} .new_comment_post_assist{line-height: 22px; overflow: hidden;} .new_comment_post_assist p{font-size: 15px; color: #7E7E7E; float: left; line-height: 40px;} .new_comment_post_assist span{ display: block; height: 22px; width: 38px; float: left; margin-left: 4px;} .new_comment_post_assist #first_img{background: url("../images/icon_best_louzhu.png") no-repeat;} .new_comment_post_assist #two_img{background: url("../images/icon_best_quanzhu.png") no-repeat;} .txt_b{font-size: 12px; color: #9E9E9E; line-height: 40px;} .new_comment_list_content{font-size: 14px; line-height: 20px; color: #3E3E3E; padding: 0 0 15px 0;} .time_huifu{overflow: hidden; line-height: 18px;} .time_huifu span{float: left; font-size: 12px; color: #9E9E9E;} .time_huifu a{font-size: 14px; color: #9e9e9e; cursor: pointer; float: right; padding-left: 15px; padding-left: 28px; background: url("../images/ico_say.png") no-repeat; background-size: 20px 18px; background-position: 0;} .new_comment_post_img{overflow: hidden;} .new_comment_post_img img{margin-right: 15px; float: left; height: 60px ; width: 60px;} .new_comment_post_huifu{padding: 15px; background: #f5f5f5; margin-bottom: 18px;} .new_comment_post_huifu p{font-size: 14px; color: #7e7e7e; line-height: 22px; padding-bottom: 10px;} .new_comment_post_huifu p:last-child{ padding-bottom: 0 !important;} .new_comment_post_huifu span{font-size: 14px; color: #FF6688;} /* .best_post_new_comment .tcdPageCode{margin-top: 20px !important;} */ /* ***********好孕日记列表首页*********** */ .diary_index_tabs{width: 100%; overflow: hidden; margin: 20px auto;} .diary_index_tabs .tabs-list{width: 100%; overflow: hidden; border: 1px solid #eee; background: #f8f8f8;} .diary_index_tabs .tabs-list a{ cursor: pointer; line-height: 38px; display: block; float: left; min-width: 86px; text-align: center; padding: 0 10px; border-right: 1px solid #e8e8e8; color: #666; } .diary_index_tabs .tabs-list a:hover{color: #f68;} .diary_index_tabs .tabs-list .active{background: #fff!important; color: #f68!important;} .diary_index_container{width: 100%; overflow: hidden;} .diary_index_container ul{width: 100%; overflow: hidden;} .diary_index_container li{cursor: pointer; position: relative; overflow: hidden; float: left; margin: 20px 20px 0 0; width: 272px; height: 235px; border: 1px solid #e8e8e8; box-shadow: 0 2px 1px 0 #e8e8e8;} .diary_index_container li:hover{border: 1px solid #f68;} /* .diary_index_container li:nth-child(3n){margin-right: 0!important;} */ .diary_index_container .top_img{width: 100%; overflow: hidden; height: 160px;} .diary_index_container .bottom{padding: 15px; overflow: hidden; position: absolute; bottom: -35px; background: #fff; width: 100%;} .diary_index_container .bottom p{ height: 40px; font-size: 13px; line-height: 20px; color: #333;} .diary_index_container .bottom a{ display: block; margin-top: 15px; overflow: hidden;} .diary_index_container .bottom img { width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; float: left;} .diary_index_container .bottom span{ float: right; line-height: 20px; color: #9e9e9e; font-size: 12px; margin-left: 20px;} /* ************好孕商城************ */ .mall_list h3{margin-bottom: 20px; line-height: 22px; font-size: 18px;padding-left: 15px; border-left: 5px solid #f68;} .mall_list_tabs{width: 100%; top: 110px; z-index: 999;} /* .mall_list_tabs .tabs-list{width: 100%; overflow: hidden; border: 1px solid #eee; background: #f8f8f8;} .mall_list_tabs .tabs-list a{ cursor: pointer; line-height: 38px; display: block; float: left; min-width: 86px; text-align: center; padding: 0 10px; border-right: 1px solid #e8e8e8; color: #666; } .mall_list_tabs .tabs-list a:hover{color: #f68;} .mall_list_tabs .tabs-list .active{background: #fff!important; color: #f68!important;} */ .mall_list_tabs .tabs_tit{width: 100%; overflow: hidden; margin: 0 auto; height: 50px; width: 100%;} .mall_list_tabs .tabs_tit a{text-align: center; display: block; cursor: pointer; color: #f68; float: left; max-width: 130px; line-height: 50px; overflow: hidden; font-size: 18px; } .mall_list_tabs .tabs_tit a:hover{color: #fff; background: #f68;} .mall_list_tabs .tabs_tit .active{color: #fff!important; background: #f68!important; } .mall_list_container{width: 100%; overflow: hidden; display: none;} #all{display: block;} .mall_list_container ul{width: 100%; overflow: hidden;} .mall_list_container li{cursor: pointer; float: left; border: 1px solid #f0f0f0; width: 233px; margin: 20px 20px 0 0; border: 1px solid #e8e8e8; box-shadow: 0 2px 1px 0 #e8e8e8;} .mall_list_container li:nth-child(4n){margin-right: 0!important;} .mall_list_container .top{width: 100%; padding: 6px; position: relative;} .mall_list_container .top img{width: 220px; height: 220px; margin: 0 auto;} .mall_list_container .pj{display: none; position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 0; font-size: 12px; color: #333; text-align: center; background: rgba(255,255,255,.7);} .mall_list_container em{ color: #ff5c7e; font-size: 16px; margin:0 10px; } .mall_list_container .top span{ display: inline-block; width: 80px; height: 15px; background: url(../images/icon_star.png) no-repeat; background-position: 0 0;} .mall_list_container .bottom a{ font-size: 14px; color: #333; line-height: 22px; display: block; padding: 0 15px; margin: 8px 0;} .mall_list_container .bottom .line_two{ height: 44px;} .mall_list_container .bottom p{padding: 0 15px; font-size: 16px; line-height: 20px; padding-bottom: 10px;} .mall_list_container .hp{font-size: 12px!important; color: #9e9e9e!important; line-height: 16px!important;} .mall_list_container .num{display: block; padding: 10px 0; border-top: 1px solid #eee; overflow: hidden; position: relative; background: #fff; color: #7e7e7e; } .mall_list_container .num::after{content: ''; border-right: 1px solid #eee; position: absolute; left: 50%; top: 10px; height:20px;} .mall_list_container .num span{display: block; text-align: center; line-height: 20px;width: 50%; float: left; font-size: 12px;} .num_enter{background: #f68!important; color: #fff!important;} .mall_select_block{ width: 100%; padding: 6px 20px; background: #fff; margin-bottom: 20px; width: 1180px; margin: 0 auto; margin-top: 20px; } .mall_select_block .swiper-slide{ width:auto; margin-right: 30px; } .mall_select_block .active{ color: #ff6688 } /* ***************** 商品详情 ************** */ .mall_detail_header{width: 100%; overflow: hidden;} .mall_detail_header{width: 100%; margin: 0 auto; overflow: hidden; display: flex;} .mall_detail_header_fl{width: 320px; overflow: hidden; margin-right: 20px;} .mall_detail_header_fl img{width: 100%; height: 100%; } .mall_detail_header_fl .view{width: 100%; height: 320px; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.3)} .mall_detail_header_fl .view .swiper-container{width: 100%!important; height: 320px!important;overflow: hidden; } .view .arrow-left{background: url(../images/ico_arrow_prev.png) no-repeat ; background-size: 100% 100%; position: absolute; left: 10px; top: 50%; width: 10px; height: 18px; z-index: 10;} .view .arrow-right{background: url(../images/ico_arrow_next.png) no-repeat; background-size: 100% 100%; position: absolute; right: 10px; top: 50%; width: 10px; height: 18px; z-index: 10;} .mall_detail_header_fl .preview{ z-index: 99; background: #fff; width: 100%; padding: 15px 0;} .mall_detail_header_fl .preview .swiper-container{width: 100%!important; height: 87px!important;overflow: hidden; } .preview .swiper-slide {width: 70px;height: 70px; margin-right: 13px; overflow: hidden; margin-bottom: 20px;} .preview .arrow-left{background: url(../images/ico_arrow_prev.png) no-repeat ; background-size: 100% 100%; position: absolute; left: 10px; top: 50%; width: 10px; height: 18px; z-index: 10;} .preview .arrow-right{background: url(../images/ico_arrow_next.png) no-repeat; background-size: 100% 100%; position: absolute; right: 10px; top: 50%; width: 10px; height: 18px; z-index: 10;} .preview .active-nav { border: 1px solid #f68!important;} .mall_detail_header_fr{flex: 1; -webkit-flex: 1; overflow: hidden; } .mall_detail_header_fr h1{ line-height: 40px; font-size: 28px; color: #3E3E3E; font-weight: 400; margin-bottom: 14px; font-weight: 500;} .mall_detail_header_fr .price{width: 100%; overflow: hidden;} .mall_detail_header_fr .price_top{width: 100%; overflow: hidden; line-height: 30px; background: #EEEEEE; border-radius: 4px; padding: 12px; position: relative; } .mall_detail_header_fr .price_top p{width: 100%; overflow: hidden; color: #9e9e9e; font-size: 14px;} .mall_detail_header_fr .price_top i{color: #3e3e3e; font-size: 16px;} .mall_detail_header_fr .price_top span{ display: inline-block; color: red; font-size: 32px;line-height:1; margin-left: 10px;} .mall_detail_header_fr .price_top em{ display: inline-block; color: #9e9e9e; font-size: 16px; position: relative; line-height: 30px; margin-left: 10px;} .mall_detail_header_fr .price_top em::before{content: ''; position: absolute; top: 13px; border-bottom: 1px solid #9b9b9b; width: 100%; left: 0;} .mall_detail_header_fr .price_top a{cursor: pointer; background: #FF6688; border-radius: 4px; line-height: 36px; color: #fff; text-align: center; width: 110px; font-size: 16px;position: absolute; right: 15px; top: 50%; margin-top: -18px;} .mall_detail_header_fr .price ul{width: 100%; overflow: hidden; margin-top: 15px; display: flex;} .mall_detail_header_fr .price ul li{flex: 1; -webkit-flex: 1; overflow: hidden; text-align: center; font-size: 16px; color: #9E9E9E; line-height: 22px;} .mall_detail_header_fr .price ul li span{ display: inline-block; margin-left: 4px; width: 80px; height: 15px; background: url(../images/icon_star.png) no-repeat; background-position: 0 0;} .mall_detail_header_fr .price ul li .star_text{top: -1px!important;} /* .mall_detail_header_fr .zx_btn{ display: block; text-align: center; cursor: pointer; width: 40%; font-size: 20px; line-height: 60px; color: #fff; background: #f68; border-radius: 6px; overflow: hidden; margin: 0 auto; margin-top: 80px!important;} .mall_detail_header_fr .zx_btn:hover{background: #F34A6F;} */ .mall_about_hospital{width: 100%; overflow: hidden; padding: 16px 12px; border: 1px solid #eee; margin-top: 23px;} .mall_about_hospital .top{width: 100%; overflow: hidden; margin-bottom: 15px ; display: flex;} .mall_about_hospital .top img{width: 56px; height: 56px; overflow: hidden; border-radius: 50%; margin-right: 8px; display: block; } .mall_about_hospital .top div{flex: 1; -webkit-flex: 1; overflow: hidden; } .mall_about_hospital .top a{ display: block; line-height: 22px; font-size: 16px; color: #3E3E3E;} .mall_about_hospital .top ul{width: 100%; overflow: hidden;} .mall_about_hospital .top ul li{line-height: 22px; padding: 0 10px; background: #FFE7E7; border-radius: 4px; font-size: 12px; color: #FF6688; float: left; margin-right: 6px; margin-top: 10px;} .mall_about_hospital .top ul li:nth-child(3) ~ li{display: none;} .mall_about_hospital .else{width: 100%; overflow: hidden; margin-top: 10px ; line-height: 20px; overflow: hidden; font-size: 14px; color: #9E9E9E; } /* .mall_about_hospital .else em{color: #777 ; padding-right: 5px; font-size: 12px; display: block; width: 40px; } .mall_about_hospital .else span{ font-size: 12px; color: #000;display: block; flex: 1; -webkit-flex: 1;} */ .mall_about_hospital .zx{ cursor: pointer; line-height: 20px; font-size: 14px; color: #FF6688; padding-left: 41px; display: inline-block; background: url(../images/ico_gj_zixun.png) no-repeat; background-position: 17px center; background-size: 18px 18px; } .mall_detail_content{overflow: hidden; padding: 30px 0 ;} .mall_detail_content .tabs-list{width: 100%; overflow: hidden; background: #f8f8f8; display: flex; border: 1px solid #eee; border-bottom: none!important;} .mall_detail_content .tabs-list li{ cursor: pointer; line-height: 38px; flex: 1; -webikit-flex: 1; text-align: center; border-left: 1px solid #e8e8e8; color: #666; } .mall_detail_content .tabs-list li:hover{color: #f68;} .mall_detail_content .tabs-list .active{background: #fff!important; color: #f68!important; border-right: 1px solid #eee!important;border-top: 3px solid #f68;} .mall_fl_container{width: 100%; overflow: hidden; padding: 0 30px 30px 30px; border: 1px solid #eee; border-top: none!important;} .mall_fl_container h4{width: 100%; padding-left: 15px; margin: 15px auto; border-left: 4px solid #f68; color: #f68; font-size: 16px; line-height: 20px;} .mall_fl_container .det_imgs{width: 100%; overflow: hidden;} .mall_fl_container .det_imgs img{width: 65%; overflow: hidden; margin-bottom: 15px!important; margin: 0 auto;} .mall_fl_container .dp_top{padding: 15px 0; border-bottom: 1px dashed #eee; } .dp_top p{width: 100%; line-height: 24px; color: #000; font-size: 22px;} .dp_top .tip {width: 100%; overflow: hidden;} .dp_top .tip em{ display: inline-block; width: 80px; height: 15px; background: url(../images/icon_star.png) no-repeat; background-position: 0 0;} .dp_top .tip i{font-size: 12px; line-height: 15px; margin-left: 10px; color: #7e7e7e;} .dp_top .tip span{float: right; font-size: 12px; line-height: 15px; margin-left: 10px; color: #7e7e7e; } .dp_bottom{width: 100%; overflow: hidden; } .dp_bottom .tabs-list{width: 100%; overflow: hidden; margin: 15px auto; background: #fff!important; border: none!important; display: block!important;} .dp_bottom .tabs-list li{border:none!important; float: left; padding: 0 15px; line-height: 30px; border-radius: 30px; overflow: hidden; margin-right: 15px; font-size: 13px; color: #000; background: #f0f5f6;} .dp_bottom .tabs-list .active{color: #fff!important; background: #f68!important;line-height: 30px!important; } .dp_bottom_container{width: 100%; overflow: hidden; } .dp_bottom_container ul{width: 100%; overflow: hidden;} .dp_bottom_container ul li{width: 100%; overflow: hidden; display: flex; padding: 15px 0; border-bottom: 1px solid #eee;} .dp_bottom_container ul li:last-child{padding-bottom: 0!important; border: none!important;} .dp_bottom_container .fl_img{width: 60px; height: 60px; border-radius: 50%; margin-right: 15px; overflow: hidden;} .dp_bottom_container .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .dp_bottom_container .name{width: 100%; overflow: hidden; line-height: 24px; color: #f68; font-size: 16px;} .dp_bottom_container .pf{width: 100%; overflow: hidden; margin: 6px auto;} .dp_bottom_container .pf span{display: inline-block;overflow: hidden; margin-left: 20px; font-size: 12px; color: #9e9e9e;} .dp_bottom_container .star_text {top: -1px!important;} .dp_bottom_container .content{width: 100%; overflow: hidden; line-height: 22px; color: #333; font-size: 14px;} .dp_bottom_container .alert_all{width: 100%; text-align: left; padding-top: 5px; line-height: 18px; color: #5e5e5e; font-size: 12px; cursor: pointer;} .dp_bottom_container .alert_all:hover{color: #f68;} .dp_bottom_container .about_imgs {width: 100%; overflow: hidden;} .dp_bottom_container .about_imgs img{width: 85px; height: 85px; border-radius: 4px; margin-right: 10px; margin-top: 10px; display: inline-block;} .dp_bottom_container .tips{width: 100%; margin-top: 10px;} .dp_bottom_container .tips span{display: inline-block;overflow: hidden; margin-right: 20px; font-size: 12px; color: #9e9e9e;} .mall_about_rj{width: 100%; overflow: hidden; margin-top: 20px;} .mall_about_rj li{width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee; display: flex; cursor: pointer;} .mall_about_rj li:last-child{border-bottom: none!important; padding-bottom: 0!important;} /* .mall_about_rj li:hover{background: #fafafa;} */ .mall_about_rj .img_box{ display: block; max-width: 302px;overflow: hidden; margin-right: 20px;} .mall_about_rj .img_box img{width: 150px; height: 150px; overflow: hidden; float: left;} .mall_about_rj .img_box img:first-child{margin-right: 2px;} .mall_about_rj .detail_info{flex: 1; -webkit-flex: 1; position: relative;} .mall_about_rj .bought{width: 100%; padding: 0 15px; overflow: hidden; margin-top: 10px; font-size: 13px; line-height: 38px; color: #666; border-radius: 4px; background: #f4f4f4;} .mall_about_rj .bought span i{color: #fff; background: #f68; margin-right: 5px; border-radius: 4px; padding: 4px; font-size: 14px;} .mall_about_rj .bought .fr{color: #f68;} .mall_about_rj .discribe{ display: block; font-size: 14px; color: #777; line-height: 24px; overflow: hidden; cursor: pointer; height: 72px;} .mall_about_rj .discribe:hover{color: #f68;} .mall_about_rj .other{ display: block; position: relative; text-align: right; margin-top: 10px; display: block; overflow: hidden;} .mall_about_rj .other img{ width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; float: left;} .mall_about_rj .other span{float: right; line-height: 20px; color: #9e9e9e; font-size: 12px; margin-left: 20px;} /* .many_img_box_li{display: block!important;} .tab-content .many_img_box { width: 100%; max-width: 100%!important; height: 150px; margin-right: 0; overflow: hidden; display: flex; margin-bottom: 10px;} .tab-content .many_img_box img{width: 150px; height: 150px; overflow: hidden; float: left; margin-right: 5px; flex: 1; -webikit-flex: 1;} .tab-content .many_img_box img:last-child{margin-right: 0px!important;} */ .mall_hp_imgs{width: 100%; overflow: hidden;} .mall_hp_imgs img{width: 80%; margin: 20px auto;} .mall_know_process{width: 100%; overflow: hidden; margin: 10px auto;} .mall_know_process img{width: 100%;} .mall_know_process p{ font-size: 14px; line-height: 26px; color: #666;padding: 10px 26px 0;} .no_pj{width: 100%; line-height: 24px; font-size: 14px; padding: 30px 0; text-align: center;} .right_content_hospital{width: 100%; padding: 15px; border: 1px solid #eee; overflow: hidden;} .right_content_hospital .top{width: 100%; overflow: hidden; margin: 15px 0; display: flex;} .right_content_hospital .top img{width: 50px; height: 50px; overflow: hidden; border-radius: 50%; margin-right: 10px; display: block; } .right_content_hospital .top a{ display: block; line-height: 50px; font-size: 15px; color: #333; flex: 1; -webkit-flex: 1; } .right_content_hospital .else{width: 100%; overflow: hidden; margin: 10px 0;overflow: hidden; display: flex;} .right_content_hospital .else em{color: #777 ; padding-right: 5px; font-size: 12px; display: block; width: 40px; } .right_content_hospital .else span{ font-size: 12px; color: #000;display: block; flex: 1; -webkit-flex: 1;} .right_content_hospital .zx{ cursor: pointer; margin: 20px auto; margin-bottom: 0!important; width: 200px; line-height: 40px; color: #fff; background: #f68; font-size: 16px; text-align: center; border-radius: 5px; } .right_content_hospital .zx:hover{background: #F34A6F;} .right_content_doctor{width: 100%; padding: 15px; border: 1px solid #eee; overflow: hidden;} .right_content_doctor .top{width: 100%; overflow: hidden; margin: 15px 0; display: flex;} .right_content_doctor .top img{width: 50px; height: 50px; overflow: hidden; border-radius: 50%; margin-right: 10px; display: block; } .right_content_doctor .top a{ display: block; line-height: 50px; font-size: 15px; color: #333; flex: 1; -webkit-flex: 1; } .right_content_doctor .top span{padding:0 8px; color: #9e9e9e; font-size: 13px;} .right_content_doctor .else{width: 100%; overflow: hidden; margin: 10px 0;overflow: hidden; display: flex;} .right_content_doctor .else em{color: #777 ; padding-right: 5px; font-size: 12px; display: block; width: 40px; } .right_content_doctor .else span{ font-size: 12px; color: #000;display: block; flex: 1; -webkit-flex: 1;} .right_content_doctor .zx{ cursor: pointer; margin: 20px auto; margin-bottom: 0!important; width: 200px; line-height: 40px; color: #fff; background: #f68; font-size: 16px; text-align: center; border-radius: 5px; } .right_content_doctor .zx:hover{background: #F34A6F;} .look_and_look{width: 100%; overflow: hidden; margin-bottom: 5px;} .look_and_look_title{font-size: 14px; width: 100%; text-align: center; color: #9E9E9E; line-height: 20px; margin-bottom: 7px;} .look_and_look_title img{ display: inline-block; width: 29px; height: 4px; margin-bottom: 3px;} .look_and_look ul{width: 100%; overflow: hidden;} .look_and_look ul li{width: 170px; margin: 15px auto 0 auto; cursor: pointer;} .look_and_look ul li img{width: 170px; height: 170px; overflow: hidden; margin: 0 auto;} .look_and_look ul .ellipsis{font-size: 14px; color: #3E3E3E; line-height: 20px; width: 100%; overflow: hidden; margin-top: 10px;} .look_and_look ul .ellipsis:hover{color: #f68} .right_content_yuyue{width: 100%; padding: 15px; overflow: hidden; } .right_content_yuyue .title{width: 190px; margin: 0 auto;} .right_content_yuyue ul{width: 100%; overflow: hidden; } .right_content_yuyue li{width: 172px; overflow: hidden; cursor: pointer; margin: 15px auto 0 auto; border: 1px solid #eee; padding-bottom: 7px;} .right_content_yuyue li:hover{border: 1px solid #f68!important;} .right_content_yuyue li img{width: 100%; height: 170px; overflow: hidden; display: block; margin-bottom: 7px;} .right_content_yuyue li div{width: 100%; overflow: hidden; padding: 0 7px;} .right_content_yuyue div h4{width: 100%; line-height:20px;overflow: hidden;font-size: 14px; color: #3E3E3E; cursor: pointer; font-weight: 400;} .right_content_yuyue div span{color: #9e9e9e; font-size: 12px; display: inline-block} .right_content_yuyue div p{width: 100%; line-height: 20px; color: #f68; overflow: hidden; font-size: 14px; cursor: pointer; margin-top: 5px;} .right_content_yuyue .zx{ cursor: pointer; margin: 20px auto; margin-bottom: 0!important; width: 170px; line-height: 30px; color: #fff; background: #f68; font-size: 16px; text-align: center; } .right_content_yuyue .zx:hover{background: #F34A6F;} /* ****************** 直播列表 ******************* */ .live_list_ul{width: 100%; overflow: hidden; margin: 10px 0 20px 0; } .live_list_ul li{cursor: pointer; height: 260px; position: relative; overflow: hidden; float: left; margin: 20px 20px 0 0; width: 270px; border: 1px solid #e8e8e8; box-shadow: 0 2px 1px 0 #e8e8e8;} .live_list_ul li:hover{border: 1px solid #f68;} .live_list_ul li:nth-child(4n){margin-right: 0!important;} .live_list_ul .top{position: relative; overflow: hidden; width: 100%;} .live_list_ul .top .btn_live{display: none;} .live_list_ul .top_img{width: 100%; overflow: hidden; height: 160px; cursor: pointer;} .live_list_ul .bottom{padding: 15px; overflow: hidden;} .live_list_ul .bottom p{ font-size: 13px; line-height: 20px; color: #333; overflow: hidden; height: 40px;} .live_list_ul .bottom a{ display: block; margin-top: 15px; overflow: hidden;} .live_list_ul .bottom img { width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; float: left;} .live_list_ul .bottom span{ float: right; line-height: 20px; color: #9e9e9e; font-size: 12px; margin-left: 20px;} /* ********** 文章详情 ************ */ .article_detail_top{width: 100%; height: 50px; line-height: 50px; overflow: hidden; border-bottom: 1px solid #eee;} .article_detail_top img{width: 100px; overflow: hidden; margin-right: 20px; margin-top: 7px;} .article_detail_top a{font-size: 14px; color: #333; line-height: 50px;} .article_detail_top a:last-child{color: #9e9e9e;} .fr_div{width: 30%; height: 35px; margin-top: 7px; border: 1px solid #f68; border-radius: 4px; background: #fafafa;} .fr_div input{ font-size: 14px; width: 200px; height: 35px; line-height: 35px; border-radius: 4px; padding: 0 5px; background: #fafafa; outline: none; border: none; display: block; float: left;} .fr_div .btn{color: #fff; height: 35px ; width: 50px; background: #f68; line-height: 35px; border-radius: 0 4px 4px 0; text-align: center; border: none; border-left: 1px solid #f68!important; outline: none; float: right;} .article_detail{padding-top: 20px; overflow: hidden;} .left_column_share_box{width: 110px; margin-right: 20px; overflow: hidden; } .left_column_share_ul{width: 100%; overflow: hidden;} .left_column_share_ul li { font-size: 16px; cursor: pointer; margin-bottom: 15px;} .left_column_share_ul li a {width: 90%; text-align: center; border: 1px solid #e5e5e5; color: #3e3e3e; background: #fff; display: block; border-radius: 30px; line-height: 30px;} .left_column_share_ul li:first-child a { background: #f68; color: #fff; } .left_column_share_ul li a:hover{color: #fff; background: #f68; } .share_type{width: 100%; overflow: hidden; padding: 8px 0; cursor: pointer;} .share_count{padding-top: 0!important; border-bottom: 1px solid #eee;} .share_type img{width: 34px; height: 34px; overflow: hidden; margin-right: 15px;float: left;} .share_type span{display: block; width: 50px; line-height: 34px; font-size: 16px; color: #7e7e7e; float: left;} .share_type span:hover{color: #f68;} .weixin_code{width: 100px; height: 100px; overflow: hidden; margin: 10px auto; display: none; border: 1px solid #eee;} .weixin_code img{width: 100%; height: 100%;} .left_column_content_box{width: 725px; overflow: hidden; } .left_column_content_box h3{color: #000; font-size: 24px; line-height: 28px; } .left_column_content_box .article_cout{width: 100%; overflow: hidden; padding: 15px 0;} .article_cout .cout_top{width: 100%; line-height: 24px; color: #9e9e9e; font-size: 12px;} .article_cout p{ font-size: 16px; line-height: 28px; color: #222; word-wrap: break-word; margin: 10px 0;} .article_cout img{width: 100%; margin: 15px auto;} .left_column_content_box .article_cout h5{ width: 100%; font-size: 20px; color: #ff7788; font-weight: normal; line-height: 20px; padding-left: 15px; border-left: 4px solid #f68; margin-bottom: 15px; } .article_comment{width: 100%; overflow: hidden; } .comment_cout{width: 100%; overflow: hidden; margin-bottom: 20px; font-size: 16px; font-weight: 700;} .comment_cout em{font: 22px/24px Georgia; color: #f85959;} .write_comment{width: 100%; overflow: hidden; display: flex; display: -webkit-flex; margin-bottom: 20px;} .write_comment img{width: 50px; height: 50px; overflow: hidden; border-radius: 50%; margin-right: 20px; } .write_comment .tet{flex: 1; -webkit-flex: 1; overflow: hidden; position: relative; border: 1px solid #eee; height: 120px;} .write_comment .tet textarea{width: 100%; font-size: 14px; line-height: 20px; padding: 15px; height: 80px; border: none; outline: none;} .write_comment .comment_btn{width: 100%; background: #fafafa; height: 40px; overflow: hidden; position: absolute; bottom: 0; left: 0; } .comment_btn a{width: 80px; line-height: 40px; background: #f68; color: #fff; float: right; font-size: 16px; text-align: center; cursor: pointer;} .comment_ul{width: 100%; overflow: hidden; margin-top: 20px;} .comment_ul_li{width: 100%; overflow: hidden; padding: 15px 0; border-top: 1px solid #eee; display: flex;} .comment_ul_li .fr_img{width: 28px; height: 28px; overflow: hidden; margin-right: 15px; border-radius: 50%; } .comment_ul_li .fl_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .comment_ul_li .onep{width: 100%; overflow: hidden; line-height: 24px; font-size: 15px; color: #f68; margin-bottom: 5px;} .comment_ul_li .onep span{padding-left: 8px; color: #9e9e9e!important;} .comment_ul_li .twop{ font-size: 14px; line-height: 22px; color: #222; width: 100%; overflow: hidden;} .comment_ul_li .bottom{width: 100%; overflow: hidden; margin-top: 8px;} .comment_ul_li .bottom span{color: #9e9e9e; font-size: 14px; margin-right: 15px; line-height: 20px; cursor: pointer;} .comment_ul_li .bottom .hf{color: #f68!important; cursor: pointer; } .comment_ul_li .tet{width: 99%; overflow: hidden; position: relative; border: 1px solid #666; height: 120px; margin-top: 8px;} .comment_ul_li .tet textarea{width: 100%; font-size: 14px; line-height: 20px; padding: 15px; height: 80px; border: none; outline: none;} .comment_ul_li .comment_btn{width: 100%; background: #fafafa; height: 40px; overflow: hidden; position: absolute; bottom: 0; left: 0; } .comment_ul_else{display: none;} .comment_ul_tet{display: none;} .show_comment_list{width: 100%; overflow: hidden; line-height: 35px; text-align: center; color: #f68; background: #fafafa; font-size: 14px; margin-bottom: 15px; cursor: pointer;} .article_about_feed{width: 100%; overflow: hidden; margin-top: 40px;} .article_about_feed h5{padding-left: 20px; line-height: 24px; color: #000; font-size: 16px; border-left: 3px solid #f68;} .article_about_feed_ul{width: 100%; overflow: hidden;} .article_about_feed_ul li{width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #eee; display: flex;} .article_about_feed_li .fl_img{width: 156px; height: 100px; overflow: hidden; margin-right: 15px; display: block; cursor: pointer;} .article_about_feed_li .fl_img img{width: 100%; height: 100%;} .article_about_feed_li .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden; padding: 10px 0;} .article_about_feed_li .tita{width: 100%; overflow: hidden; font-size: 20px; line-height: 26px; font-weight: 500; max-height: 52px; cursor: pointer;} .article_about_feed_li p{width: 100%; overflow: hidden; margin-top: 10px;} .article_about_feed_li p span{margin-right: 20px; font-size: 14px; color: #9e9e9e; line-height: 20px; } .article_right_column{width: 100%; padding: 15px; background: #fafafa; border-top: 3px solid #f68} .right_column_szkj .fr_top{width: 100%; overflow: hidden; cursor: pointer; padding-bottom: 15px; border-bottom: 1px solid #eee;} .right_column_szkj .fr_top a{display: block; overflow: hidden; float: left; } .right_column_szkj .fl_a img{width: 50px; height: 50px; overflow: hidden; border-radius: 50%;display: block; margin-right: 10px;} .right_column_szkj .fr_a{ width: 165px; overflow: hidden; } .right_column_szkj .fr_a span{display: block; line-height: 20px; color: #7e7e7e; font-size: 14px; width: 100%; overflow: hidden;} .right_column_szkj .fr_a span:first-child{line-height: 30px!important; color: #000!important; font-size: 16px!important; } .right_column_szkj_ul{width: 100%; overflow: hidden;} .right_column_szkj_ul li{width: 100%; overflow: hidden; padding: 10px 0 10px 10px; border-bottom: 1px dashed #ccc; position: relative; cursor: pointer;} .right_column_szkj_ul li:last-child{padding-bottom: 0!important; border: none!important;} .right_column_szkj_ul li::before{content: ''; position: absolute; top: 15px; width: 6px; height: 6px; border-radius: 50%; left: 0; background: #7e7e7e;} .right_column_szkj_ul li a{line-height: 20px; font-size: 14px; padding-left: 9px; } .right_column_jctp{width: 100%; overflow: hidden; margin-top: 30px; } .right_column_jctp h6{width: 100%; overflow: hidden; color: #222 ; font-size: 18px; font-weight: 700;} .right_column_jctp_ul{width: 100%; overflow: hidden;} .right_column_jctp_ul li{width: 100%; overflow: hidden; margin-top: 15px; display: flex; cursor: pointer;} .right_column_jctp_ul .img{width: 90px; height: 60px; overflow: hidden; margin-right: 15px} .right_column_jctp_ul .img img{width: 100%; height: 100%; overflow: hidden;} .right_column_jctp_ul .info{flex: 1; -webkit-flex: 1; width: 100%; overflow: hidden; margin-top: 6px; font-size: 14px; line-height: 18px; height: 36px; cursor: pointer;} .left_column_share_fixed{position: fixed; top: 150px;} .article_case_ul {width: 100%; overflow: hidden; margin-top: 15px;} .article_case_ul_title{padding-left: 20px; line-height: 24px; color: #000; font-size: 16px; border-left: 3px solid #f68;} .article_case_ul li{width: 99%; overflow: hidden; border: 1px solid #eee; display: flex; cursor: pointer; margin-bottom: 20px;} /* .article_case_ul li:hover{background: #fafafa;} */ .article_case_ul .img_box{ display: block; max-width: 220px;overflow: hidden; margin-right: 20px;} .article_case_ul .img_box a{float: left; display: block;width: 100px; height: 100px; overflow: hidden;} .article_case_ul .img_box img{width: 100px; height: 100px; overflow: hidden; } .article_case_ul .img_box a:first-child{margin-right: 2px;} .article_case_ul .detail_info{flex: 1; -webkit-flex: 1; position: relative;} .article_case_ul .bought{width: 100%; padding: 0 15px; overflow: hidden; margin-top: 10px; font-size: 13px; line-height: 38px; color: #666; border-radius: 4px; background: #f4f4f4;} .article_case_ul .bought span i{color: #fff; background: #f68; margin-right: 5px; border-radius: 4px; padding: 4px; font-size: 14px;} .article_case_ul .bought .fr{color: #f68;} .article_case_ul .discribe{ display: block; font-size: 14px; color: #777; line-height: 24px; overflow: hidden; cursor: pointer; height: 48px; } .article_case_ul .discribe:hover{color: #f68;} .article_case_ul .other_else{ display: block; position: relative; text-align: right; margin-bottom: 4px; margin-top: 8px; display: block; overflow: hidden;} .article_case_ul .other_else img{ width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; float: left;} .article_case_ul .other_else span{float: right; line-height: 30px; color: #9e9e9e; font-size: 14px; margin-left: 20px;} .article_case_ul .other{ display: block; position: relative; text-align: right; margin-top: 6px; display: block; overflow: hidden;} .article_case_ul .other img{ width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; float: left;} .article_case_ul .other span{float: right; line-height: 20px; color: #9e9e9e; font-size: 12px; margin-left: 20px;} /* *************** 百科宝典 ***************** */ .gj_bkbd{width: 100%; overflow: hidden; background: #f7f7f7;} .gj_bkbd_top{width: 100%; overflow: hidden; background: #fff; padding: 20px; } .gj_bkbd_top h1{width: 100%; font-size: 36px; color: #f68; line-height: 36px; margin-bottom: 10px;} .gj_bkbd_top_content{width: 100%; overflow: hidden;} .gj_bkbd_top_content p{ font-size: 16px; color: #333; line-height: 24px; width: 100%; overflow: hidden;} .gj_bkbd .show_all{ font-size: 14px; color: #f68; padding-top: 4px; line-height: 24px; width: 100%; overflow: hidden; cursor: pointer;} .gj_tabs_list_ul_fixed{position: fixed!important; top: 110px; background: #fff; z-index: 999; max-width: 1180px; border-bottom: 1px solid #eee; margin-top: 0!important;} .gj_tabs_list_ul{width: 100%; overflow: hidden; margin-top: 20px; background: #fff; display: flex;} .gj_tabs_list_ul li{line-height: 50px; flex: 1; -webkit-flex: 1; text-align: center; cursor: pointer; color: #5e5e5e; font-size: 14px;} .gj_tabs_list_ul li:hover{color: #f68;} .gj_tabs_list_ul .active{color: #f68; border-top: 2px solid #f68;} .gj_bk_block{width: 100%; overflow: hidden; padding: 20px; background: #fff; margin-bottom: 20px;} .gj_bk_block h2{width: 100%; overflow: hidden; border-bottom: 1px solid #eee; font-weight: normal;} .gj_bk_block h2 a{line-height: 24px; color: #f68; font-size: 20px; padding-bottom: 15px; border-bottom: 2px solid #f68; display: inline-block;} .gj_bk_block_tab1{margin-top: 20px; width: 100%; overflow: hidden; display: flex; } .gj_bk_block_tab1 .fl_img{width: 130px; height: 90px; overflow: hidden; margin-right: 20px;} .gj_bk_block_tab1 .fl_img img{width: 100%; height: 100%;} .gj_bk_block_tab1 .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .gj_bk_block_tab1 .fr_info p{color: #999999; font-size: 14px; line-height: 24px; width: 100%; overflow: hidden;} .gj_bk_block_tab2{margin-top: 20px; width: 100%; overflow: hidden; } /* .gj_bk_block_tab2 .fl_img{width: 225px; height: 280px; overflow: hidden; margin-right: 20px;} .gj_bk_block_tab2 .fl_img img{width: 100%; height: 100%;} */ .gj_bk_block_tab2 .fr_info{width: 100%; overflow: hidden; } .gj_bk_block_tab2 .fr_info_top{cursor: pointer; width: 100%; overflow: hidden; color: #444141; font-size: 20px; padding-bottom: 10px ; border-bottom: 1px dashed #eee;} .gj_bk_block_tab2 ul{width: 100%; overflow: hidden;} .gj_bk_block_tab2 ul li{width: calc( 50% - 10px); width: -webkit-calc( 50% - 10px); float: left; padding: 10px 0; border-bottom: 1px dashed #eee; display: flex;} .gj_bk_block_tab2 ul li:nth-child(10) ~ li{display: none;} .gj_bk_block_tab2 ul li:nth-child(2n){float: right!important;} .gj_bk_block_tab2 ul .img{width: 36px; height: 36px; overflow: hidden; border-radius: 50%; margin-right: 10px;} .gj_bk_block_tab2 ul .img img{width: 100%; height: 100%; overflow: hidden;} .gj_bk_block_tab2 ul div{flex: 1; -webkit-flex: 1; overflow: hidden;} .gj_bk_block_tab2 ul h5{ font-size: 12px; color: #BBBBBB; width: 100%; line-height: 20px;} .gj_bk_block_tab2 ul h5 a{width: 100%; overflow: hidden; color: #9e9e9e;} .gj_bk_block_tab2 ul p{font-size: 14px; color: #444141; width: 100%; margin: 3px 0 0;} .gj_bk_block_tab2 ul p a{width: 100%; overflow: hidden; color: #444141;} .double_ul_list{width: 100%; overflow: hidden; margin-top: 5px;} .double_ul_list li{width: 25%; float: left; padding-right: 15px; cursor: pointer;} .double_ul_list li a{ width: 100%; font-size: 12px; color: #444141; line-height: 30px; display: block;} .double_ul_list li a:hover{color: #f68;} .gj_bk_block_tab3{width: 100%; overflow: hidden;} .gj_bk_block_tab3 ul{width: 100%; overflow: hidden; display: flex;display: -webkit-flex; flex-flow:row wrap;} .gj_bk_block_tab3 li{ overflow: hidden; margin-top: 20px; flex: 1; -webkit-flex: 1; padding: 15px; border: 1px solid #eee; display: flex; display: -webkit-flex; min-width: 410px; margin-right: 20px;} .gj_bk_block_tab3 li:nth-child(2n){margin-right: 0!important;} .gj_bk_block_tab3 li img{ width: 54px; height: 54px; border-radius: 50%; margin-right: 10px; display: block; cursor: pointer;} .gj_bk_block_tab3 li p{text-align: left;line-height: 18px; font-size: 12px; color: #888; width: 100%; cursor: pointer; margin-top: 3px;} .gj_bk_block_tab3 li .one{ font-size: 16px!important; color: #3E3E3E!important; line-height: 22px!important; margin-top: 0!important;} .gj_bk_block_tab3 li i{font-size: 12px; padding-left: 10px; color: #9e9e9e;} .gj_bk_block_tab3 li p:hover{color: #f68;} .gj_bk_block_tab3_dy{width: 100%; overflow: hidden; margin-top: 20px;} .gj_bk_block_tab3_dy .fr .dayi_ul{padding: 0 0 0 20px;} .gj_bk_block_tab3_dy .fl .dayi_ul{padding: 0 20px 0 0;} .dayi_ul li{width: 100%; padding: 5px 0; cursor: pointer;} .dayi_ul li img{width: 30px; height: 30px; float: left;} .dayi_ul li p{font-size: 14px; line-height: 20px;} .dayi_ul li span{font-size: 12px; display: block;} .dayi_ul li div div{padding-left: 44px; padding-bottom: 7px;} .dayi_ul .question p{color: #444141;} .dayi_ul .question span{color: #bbbbbb;} .dayi_ul .answer{overflow: hidden; height: 0px;} .dayi_ul .answer p{color: #999999;} .dayi_ul .answer span{color: #0ac3c5;} .dayi_ul .active .answer{height: 45px;} .dayi_ul .dashed_line{margin-left: 44px; padding-top: 5px;} .gj_bk_block_tab4{width: 100%; overflow: hidden;} .gj_bk_block_tab4 ul{width: 100%; overflow: hidden;} .gj_bk_block_tab4 ul li{width: calc( 50% - 15px); width: -webkit-calc( 50% - 15px); float: left; padding: 20px 0; border-bottom: 1px dashed #eee; display: flex;} .gj_bk_block_tab4 ul li:nth-child(2n){float: right!important;} .gj_bk_block_tab4 li .img{width: 120px; height: 80px; overflow: hidden; margin-right: 15px;} .gj_bk_block_tab4 .fr_info{flex:1; -webkit-flex:1; overflow: hidden;} .gj_bk_block_tab4 li h5{width: 100%; overflow: hidden; font-size: 16px; color: #444141; line-height: 24px;} .gj_bk_block_tab4 li h5 span{max-width: 210px; overflow: hidden; display: block; float: left;} .gj_bk_block_tab4 li h5 i{ float: right; display: block; font-size: 12px; color: #9e9e9e;} .gj_bk_block_tab4 li .fr_info p{ width: 100%; overflow: hidden; color: #72706e; font-size: 12px;} .gj_bk_block_tab4 li .look{ width: 100%; overflow: hidden; color: #f68; font-size: 12px; cursor: pointer;} /* .gj_bk_block_tab4 li .fr_info .tabs{background: url(../images/old/new/icon_tags.png) no-repeat; background-size: 15px; background-position: 0 center; } .gj_bk_block_tab4 li .fr_info .doctor{background: url(../images/old/new/icon_doctor.png) no-repeat; background-size: 15px; background-position: 0 center; } .gj_bk_block_tab4 li .fr_info .addr{background: url(../images/old/new/icon_address.png) no-repeat; background-size: 15px; background-position: 0 center; } */ .gj_bk_block_tab5{width: 100%; overflow: hidden;} .gj_bk_block_tab5 .make_xq_box{ display: flex; display: -webkit-flex; flex-wrap:wrap; flex-wrap: -webkit-wrap; } .gj_bk_block_tab5 .lookback_item_box{ min-width:260px; margin-top: 20px; margin-right:15px;} .gj_bk_block_tab6 li:last-child{padding-bottom: 0!important; border-bottom: none!important;} .gj_bk_block_tab7 .mall_list_container{display: block!important;} .gj_bk_block_tab7 li{width: 258px!important;} .gj_bk_block_tab7 .top img{width: 240px!important; height: 240px!important;} .gj_bk_block_fr{width: 100%; overflow: hidden; padding: 20px; background: #fff; margin-bottom: 20px;} .gj_bk_block_fr h6{width: 100%; overflow: hidden; border-bottom: 1px solid #eee; font-weight: normal;} .gj_bk_block_fr h6 a{line-height: 24px; color: #f68; font-size: 20px; padding-bottom: 15px; border-bottom: 2px solid #f68; display: inline-block;} .gj_bk_block_fr_0{width: 100%; overflow: hidden;} .gj_bk_block_fr_0 li{ overflow: hidden; float: left; font-size: 12px; width: 33.3%; margin-top: 15px;} .gj_bk_block_fr_0 li a{width: 100%; overflow: hidden; color: #72706e; padding: 0px 4px;} .gj_bk_block_fr_0 li a:hover{color: #f68;} .gj_bk_block_fr_1{width: 100%; overflow: hidden;} .gj_bk_block_fr_1 li{width: 100%; overflow: hidden; margin-top: 15px;} .gj_bk_block_fr_1 li img { width: 73px; height: 60px; float: left; margin-right: 10px;} .gj_bk_block_fr_1 li a{ font-size: 14px; color: #444141;} .gj_bk_block_fr_1 li a:hover{color: #f68;} .gj_bk_block_fr_1 li p {font-size: 12px; color: #888; margin: 5px 0 0;} .gj_bk_block_fr_2{width: 100%; overflow: hidden;} .gj_bk_block_fr_2 li{width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 1px dashed #eee; display: flex;} .gj_bk_block_fr_2 li:last-child{padding-bottom: 0!important; border: none!important;} .gj_bk_block_fr_2 li img{width: 60px; height: 60px; overflow: hidden; border-radius: 50%; margin-right: 10px; cursor: pointer;} .gj_bk_block_fr_2 li .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .gj_bk_block_fr_2 .tit{line-height: 23px; font-size: 14px; overflow: hidden; width: 100%; cursor: pointer; } .gj_bk_block_fr_2 .tit:hover{color: #f68;} .gj_bk_block_fr_2 li p{ color: #888; font-size: 12px; width: 100%;} .gj_bk_block_fr_2 .pri{width: 100%; overflow: hidden;} .gj_bk_block_fr_2 .pri em{font-size: 14px; display: inline-block; color: #FF7788;} .gj_bk_block_fr_2 .pri i{font-size: 14px; display: inline-block; margin: 0 8px; color: #9e9e9e; position: relative;} .gj_bk_block_fr_2 .pri i::before{content: ''; position: absolute; top: 49.9%; left: 0; border-top: 1px solid #9e9e9e; width: 100%;} .gj_bk_block_fr_3{width: 100%; overflow: hidden;} .gj_bk_block_fr_3 img{ width: 160px; height: 160px; overflow: hidden; margin: 15px auto 5px auto ;} .gj_bk_block_fr_3 span{font-size: 14px; color: #9e9e9e; width: 100%; text-align: center; display: block;} /* .{width: 720px!important;} */ .mall_list_top_tabs{width: 100%; overflow: hidden;} .mall_list_top_tabs .tabs-list_ul{width: 100%; overflow: hidden; border: 1px solid #eee; background: #f8f8f8;} .mall_list_top_tabs .tabs-list_ul li{ cursor: pointer; line-height: 38px; display: block; float: left; min-width: 86px; text-align: center; padding: 0 10px; border-right: 1px solid #e8e8e8; color: #666; } .mall_list_top_tabs .tabs-list_ul li:hover{color: #f68;} .mall_list_top_tabs .tabs-list_ul .active{background: #fff!important; color: #f68!important;} /* 搜索 */ .search_center .search_associate{width: 240px; position: sticky; max-height: 200px; overflow-y: auto;float: right; background: #fff; padding: 0 15px; border-radius: 6px;margin-top: 5px;} .search_center .search_associate li{width: 100%; overflow: hidden; line-height: 24px; font-size: 12px; color: #5e5e5e;} /* 修改 */ .hw_top_center{width: 100%; overflow: hidden;background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5; display: block;} .hw_top_center_content{max-width: 1330px; overflow: hidden; padding: 10px 0; margin: 0 auto;} .hw_top_center_fl{display: flex; display: -webkit-flex; text-align: center; border-radius: 30px; background-color: #fff;padding: 8px 15px; border: 1px solid #e3e3e3;} .hw_top_center_fl p{font-size: 16px; color: #5e5e5e; line-height: 30px; margin: 0!important;} .hw_top_center_fl ul{flex: 1; -webkit-flex: 1; margin-bottom: 0;} .hw_top_center_fl ul li {float: left; line-height: 30px; margin-left: 15px; font-size: 16px; cursor: pointer;} .hw_top_center_fl ul li a{border: 1px solid #e5e5e5; color: #3e3e3e; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); padding: 0 15px; display: block;border-radius: 30px; line-height: 30px; } .hw_top_center_fl ul li a:hover{background: #f68; color: #fff; box-shadow: 0 0 2px rgba(255, 102, 136,.6);} /* .hw_top_center_fl ul li:first-child a{background: #f68; color: #fff; box-shadow: 0 0 2px rgba(255, 102, 136,.6);} */ .hw_top_center_weixin{margin-left: 15px; width: 47px; height: 47px; border-radius: 50%; overflow: hidden; cursor: pointer;} .hw_top_center_weixin img{width: 100%; height: 100%;} .hw_top_center_tel{margin-left: 15px; overflow: hidden;} .hw_top_center_tel img{width: 47px; height: 47px; border-radius: 50%; overflow: hidden; float: left; cursor: pointer;} .hw_top_center_tel p{cursor: default; font-size: 34px; color: #f68; line-height: 47px; float: right; margin-bottom: 0; padding-left: 10px; font-weight: bolder;} /* 专题 */ .gj_zhuanti h1{padding: 15px; color: #F78; border-bottom: 2px solid #F78; width: 100%; overflow: hidden;font-size: 22px; font-weight: normal;} .zhuanti_box{width: 100%; overflow: hidden; padding: 25px; } .zhuanti_list{width: 100%; overflow: hidden; display: flex;} .zhuanti_list h4{width: 140px; overflow: hidden; font-size: 18px; color: #444141; font-weight: normal; line-height: 35px; } .zhuanti_list h4 img{width: 35px; height: 35px; overflow: hidden; float: left; margin-right: 15px;} .zhuanti_list ul{flex: 1; -webkit-flex: 1; overflow: hidden; padding-bottom: 10px; border-bottom: 1px dashed #eee; margin-bottom: 10px;} .zhuanti_list ul li{ float: left; line-height: 25px; font-size: 14px; color: #525252; margin-right: 5px; margin-bottom: 3px; width: 115px; cursor: pointer;} .zhuanti_list ul li a{height: 100%; padding: 0 10px; border: 1px solid #fff; border-radius: 30px; display: inline-block;} .zhuanti_list ul li a:hover{border: 1px solid #f68;} /* 医生详情页 */ .doctor_detail{width: 100%; overflow: hidden; padding-top: 20px;} .doctor_detail h1{line-height: 50px; float: left; font-weight: normal; color: #000; font-size: 20px;} .tab_list_ul{ width: 100%; overflow: hidden; background: #f8f8f8; display: flex; border: 1px solid #eee; border-bottom: none!important;} .tab_list_ul .active { background: #fff!important; color: #f68!important; border-right: 1px solid #eee!important; border-top: 3px solid #f68;} .tab_list_ul li { cursor: pointer; line-height: 38px; flex: 1; -webikit-flex: 1; text-align: center; border-left: 1px solid #e8e8e8; color: #3e3e3e;} .doctor_detail_container{width: 100%; overflow: hidden; } .doctor_detail_gl{width: 100%; overflow: hidden; margin: 20px auto;} .doctor_info_box{width: 100%; overflow: hidden; display: flex;} .doctor_info_avater{width: 140px; height: 140px; overflow: hidden; border-radius: 50%; margin-right: 20px;} .doctor_info_menu{flex: 1; -webkit-flex: 1; overflow: hidden;} .doctor_info_menu .all_div{width: 100%; overflow: hidden;} .doctor_info_menu .all_div span{overflow: hidden; line-height: 26px; color: #666666; font-size: 12px; display: inline-block;} .all_div_p{overflow: hidden; display: inline-block; line-height: 26px; font-size: 12px; width: 100%;} .doctor_info_menu .hp{overflow: hidden; line-height: 26px; font-size: 12px; color: #f68; cursor: pointer;display: inline-block;} .doctor_info_menu .yuyue{overflow: hidden; display: inline-block; margin-left: 15px; background: #f68; line-height: 26px; font-size: 12px; cursor: pointer; color: #fff ; padding: 0 4px; border-radius: 4px;} .all_div_ul{width: 100%; overflow: hidden; margin-top: 10px;} .all_div_ul ul{width: 320px; overflow: hidden;} .all_div_ul ul li{width: 130px; float: left; margin-right: 30px; cursor: pointer;} .all_div_ul ul li:nth-child(2){margin-right: 0!important; } .all_div_ul ul li:last-child{margin-top: 30px ; } .all_div_ul ul li:nth-child(2) a{ color: #fff!important; background: #f68!important; } .all_div_ul ul li a{width: 100%; display: block; line-height: 32px; overflow: hidden; border-radius: 4px; color: #f68; border: 1px solid #f68; text-align: center; font-size: 14px;} .all_div_fr{width: 260px; padding: 5px; border: 1px solid #eee; display: flex; overflow: hidden;} .all_div_fr .fr_img{width: 90px; height: 90px; padding: 5px; border: 1px solid #eee;} .all_div_fr .fr_img img{width: 100%;height: 100%;} .all_div_fr .fl_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .all_div_fr .fl_info p{ font-size: 16px; color: #f68; font-weight: 500;} .all_div_fr .fl_info .box{padding: 5px; color: #f68; background: #FFE1E5; width: 140px; border: 1px solid #f68; margin-top: 5px;} .all_div_fr .fl_info .box span{display: block; font-size: 12px;} .gj_bkbd_lr{overflow: hidden; margin-top: 20px; width: 100%;} .header_m_box{} .header_m_box_two{} .tabs_tit_as{width: 1190px!important; margin: 0 auto;background: rgba(238,238,238,1)} .dayi_ul_fl,.dayi_ul_fr{width: 50%; overflow: hidden;} /* 搜索 */ .guide_search_view{position: fixed; width: 100%; height: 280px; background: #f5f5f5; top: 106px; z-index: 1000; display: none;} .guide_search_content{width: 550px; margin: 0 auto; position: relative;} .guide_search_content input{width: 100%; padding: 0 15px 0 53px; line-height: 50px; color: #6d6d6d; font-size: 14px; background: url(../images/ico_search_guide.png) no-repeat left 14px top 16px/17px white; border: none; margin-top: 21px;} .guide_search_content h4{font-size: 16px; color: #ff6685; line-height: 31px; margin: 20px 0 0; display: block; font-weight: normal;} .guide_search_content ul{overflow: hidden;} .guide_search_content li{width: 25%; line-height: 34px; float: left; font-size: 14px; color: #6d6d6d;} .search_associate{max-height: 200px; width: 100%; overflow-y: scroll !important; position: absolute; top: 75px; background: white;} .search_associate::-webkit-scrollbar {width:7px} .search_associate:hover::-webkit-scrollbar-thumb {background-color: rgba(100,100,100,.4);} .search_associate::-webkit-scrollbar-thumb {border-radius:10px;background-color: rgba(100,100,100,.2);margin-right: 1px;-webkit-transition: opacity 300ms ease-in-out;transition: opacity 300ms ease-in-out;} .search_associate::-webkit-scrollbar-track {background-color: transparent;} .search_associate li{width: 100%; line-height: 40px; background: white;} .search_associate li a{padding-left: 20px;} .search_associate li a:hover{background: #eee;} .guide_search[name=sel] { background-image: url(../images/ico_close_search.png); background-color: #f5f5f5; } /* ********** 泰国试管文章 *********** */ .tube_article_list{margin-top: 20px;} .tube_fl{width: 280px; overflow: hidden; display: block;} .tube_fl_ul1{width: 100%; overflow: hidden; padding: 15px; border: 1px solid #e9e9e9;} .tube_fl_ul1:hover{border: 1px solid #f68;} .tube_fl_ul1 .titsel a{ padding: 0 25px; background-color: #f68; border: 1px solid #f68; color: #fff; text-align: center; font-size: 18px;} .tube_fl_ul1 .titsel{ margin-bottom: 10px;} .tube_fl_ul1 li{line-height: 38px; overflow: hidden; border-bottom: 1px dashed #eee; border-radius: 100px;} .tube_fl_ul1 li:last-child{border-bottom: none!important;} .tube_fl_ul1 li a{width: 100%; display: block; cursor: pointer; display: block; border: 1px solid #fff; padding-left: 25px;} .tube_fl_ul1 li a:hover{background-color: #f68; border: 1px solid #f68; color: #fff;} .tube_fl_div{width: 100%; padding: 10px 15px; border-radius: 5px; background-color: #fff; margin-top: 15px; overflow: hidden; border: 1px solid #eee; transition: all .3s;} .tube_fl_div:hover{border: 1px solid #f68;} .tube_fl_div h3{padding-left: 7px; font-weight: normal; line-height: 1; margin: 10px 0; border-left: 2px solid #f68; font-size: 18px; color: #f68; } .tube_fl_div li {float: left; width: 50%; margin-bottom: 10px;} .tube_fl_div li a{ cursor: pointer; font-size: 14px; padding: 0 5px; border: 1px solid #e6e6e6; overflow: hidden;border-radius: 100px; line-height: 34px; display: block; width: 90%; text-align: center;} .tube_fl_div li a:hover{background: #f68; color: #fff; border: 1px solid #f68;} .tube_fr{width: 880px; overflow: hidden;} .tube_fr_ul{width: 100%; overflow: hidden;} .tube_fr_ul li{width: 100%; border: 1px solid #eee; overflow: hidden; border-radius: 5px; padding: 15px 30px ; background: #fff; margin-bottom: 15px; overflow: hidden; transition: all .3s; } .tube_fr_ul li:hover{border: 1px solid #f68;} .tube_fr_ul li h4{ font-size: 26px; cursor: pointer; height: 30px; line-height: 30px; padding: 15px 0; border-bottom: 1px solid #eee;} .tube_fr_ul li h4:hover{color: #f68;} .tube_fr_ul li p{ cursor: pointer; font-size: 18px; line-height: 24px; margin: 15px 0; color: #999;} .tube_fr_ul li p:hover{color: #f68;} .tube_article_detail{ padding: 15px 30px; width: 100%; overflow: hidden; background: #fff;} .tube_article_detail h1 { font-size: 26px; margin: 15px 0; line-height: 30px;} .tube_article_detail_tips{width: 100%; overflow: hidden; font-size: 14px; color: #999; padding: 15px 0; } .tube_article_detail_tips span{margin-right: 20px;} .tube_article_detail_tips a{display: inherit; margin-right: 10px; color: #333; cursor: pointer;} .tube_article_detail_tips a:hover{color: #f68;} .tube_article_detail_content{width: 100%; overflow: hidden; color: #333; padding: 15px 0; font-size: 14px; line-height: 32px;} .tube_article_detail_content p { text-indent: 2em; } .tube_article_detail_content img{width: 100%;margin: 10px auto;} .tips_img{ margin-top: 20px; } .tube_article_detail_box{width: 100%; overflow: hidden;} .fy_btn_box{ margin: 20px 0 ; overflow: hidden;} .fy_btn_box a{font-size: 16px; color: #f68; cursor: pointer;} /* ******************** 医生详情页(名医汇）2019-4-30 *********************** */ .new_myh_doctor{margin-top: 20px;} .new_myh_doctor .left_column{width: 880px;} .new_myh_doctor .right_column{width: 280px; } .new_myh_doctor h1{width: 100%; overflow: hidden; font-size: 24px; line-height: 50px; color: #333;} .doctor_detail{width: 100%; overflow: hidden; padding-top: 20px;} .doctor_detail h1{line-height: 50px; float: left; font-weight: normal; color: #000; font-size: 20px;} .tab_list_ul{ width: 100%; overflow: hidden; background: #f8f8f8; display: flex; border: 1px solid #eee; border-bottom: none!important;} .tab_list_ul .active { background: #fff!important; color: #f68!important; border-right: 1px solid #eee!important; border-top: 3px solid #f68;} .tab_list_ul .active a{color: #f68!important;} .tab_list_ul li:hover{ background: #fff!important; color: #f68!important; border-right: 1px solid #eee!important; border-top: 3px solid #f68;} .tab_list_ul li { cursor: pointer; line-height: 38px; flex: 1; -webikit-flex: 1; text-align: center; border-left: 1px solid #e8e8e8; color: #3e3e3e;} .doctor_detail_container{width: 100%; overflow: hidden; } .doctor_detail_gl{width: 100%; overflow: hidden; margin: 20px auto;} .doctor_detail_gl .doctor_h2{display: block; color: #333; font-size: 14px; font-weight: bold; line-height: 24px; margin-bottom: 30px;} .doctor_detail_gl .doctor_content{width: 100%; overflow: hidden;} .doctor_detail_gl .doctor_content p{ text-indent: 2em; font-size: 14px; color: #333; line-height: 24px; margin-bottom: 34px;} .doctor_info_box{width: 100%; overflow: hidden; display: flex;} .doctor_info_avater{width: 140px; height: 140px; overflow: hidden; border-radius: 50%; margin-right: 20px;} .doctor_info_menu{flex: 1; -webkit-flex: 1; overflow: hidden;} .doctor_info_menu .all_div{width: 100%; overflow: hidden;} .doctor_info_menu .all_div span{overflow: hidden; line-height: 26px; color: #666666; font-size: 12px; display: inline-block;} .all_div_p{overflow: hidden; display: inline-block; line-height: 26px; font-size: 12px; width: 100%;} .doctor_info_menu .hp{overflow: hidden; line-height: 26px; font-size: 12px; color: #f68; cursor: pointer;display: inline-block;} .doctor_info_menu .yuyue{overflow: hidden; display: inline-block; margin-left: 15px; background: #f68; line-height: 26px; font-size: 12px; cursor: pointer; color: #fff ; padding: 0 4px; border-radius: 4px;} .all_div_ul{width: 100%; overflow: hidden; margin-top: 10px;} .all_div_ul ul{width: 320px; overflow: hidden;} .all_div_ul ul li{width: 130px; float: left; margin-right: 30px; cursor: pointer;} .all_div_ul ul li:nth-child(2){margin-right: 0!important; } .all_div_ul ul li:last-child{margin-top: 20px ; } .all_div_ul ul li:nth-child(2) a{ color: #fff!important; background: #f68!important; } .all_div_ul ul li a{width: 100%; display: block; line-height: 32px; overflow: hidden; border-radius: 4px; color: #f68; border: 1px solid #f68; text-align: center; font-size: 14px;} .all_div_fr{width: 260px; padding: 5px; border: 1px solid #eee; display: flex; overflow: hidden;} .all_div_fr .fr_img{width: 90px; height: 90px; padding: 5px; border: 1px solid #eee;} .all_div_fr .fr_img img{width: 100%;height: 100%;} .all_div_fr .fl_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .all_div_fr .fl_info p{ font-size: 16px; color: #f68; font-weight: 600;} .all_div_fr .fl_info .box{padding: 5px; color: #f68; background: #FFE1E5; width: 140px; border: 1px solid #f68; margin-top: 5px;} .all_div_fr .fl_info .box span{display: block; font-size: 12px;} /* 概览 */ .doctor_info_block{width: 100%; overflow: hidden; margin-bottom: 20px;} .doctor_info_block_title{line-height: 48px; font-size: 20px; color: #333333; width: 100%; border-bottom: 1px solid #eee; font-weight: normal} .doctor_info_block_title .else_span{ margin-left: 10px; font-size: 14px; color: #666;} .doctor_info_block_title .else_span i{font-style: normal; color: #f68; padding: 0 3px;} .doctor_info_block_title .else_one{ cursor: pointer; border: 1px solid #f68; font-size: 12px; padding: 0 10px; line-height: 24px; color: #f68; margin-top: 15px; display: block; text-align: center;} .doctor_hylxmd{width: 100%; overflow: hidden; margin-top: 20px;} .doctor_hylxmd_fl{width: 630px; overflow: hidden;} .doctor_hylxmd_fl .num_tit{padding: 0 15px; font-size: 12px; line-height: 22px; color: #f68; background: #ffe6ed; float: right; } .doctor_hylxmd_bottom .progress{ width: 100%; overflow: hidden;} .doctor_hylxmd_bottom .progress em{width: 130px; display: block; float: left; height: 40px; line-height: 55px; text-align: right; color: #666666; font-size: 14px;} .doctor_hylxmd_bottom{width: 100%; height: 130px; overflow: hidden;background: url("../images/bk_index_banner.png") no-repeat; background-position: right 0 center; background-size: 480px 100%;} .doctor_hylxmd_fl .progress p{width: 470px; display: block; float: left; height: 30px; margin-top: 10px; margin-left: 20px;overflow: hidden;} .doctor_hylxmd_fl .progress span{ display: block; text-align: right; line-height: 30px; font-size: 18px; color: #fff; } .doctor_hylxmd_fr{width: 250px; overflow: hidden; float: left; margin-top: 20px;} .doctor_hylxmd_fr ul{width: 100%; overflow: hidden;} .doctor_hylxmd_fr em{display: block; font-size: 12px; color: #333; line-height: 24px; width: 70px; text-align: right; float: left; margin-left: 10px;} .doctor_hylxmd_fr p { margin: 8px 10px; height: 8px; width: 100px; background: #e6e6e6; float: left;} .doctor_hylxmd_fr p i{display: block; background: #f6c829; height: 8px; display: block;} .doctor_hylxmd_fr span{ display: block; width: auto; float: left; padding-left: 3px; height: 24px; line-height: 24px; color: #999999;} .doctor_hylxps_ul{width: 100%; overflow: hidden; margin: 10px auto;} .doctor_hylxps_ul li{margin: 10px 10px 0 0; float: left; cursor: pointer} .doctor_hylxps_ul li a{ font-size: 12px; display: block; color: #333333; width: auto; padding: 0px 6px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #eee;} .doctor_hylxps_ul li a:hover{color: #f68; border: 1px solid #f68;} .doctor_hycztime{width: 100%; overflow: hidden;} .doctor_hycztime table{width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 12px; margin-top: 20px;} .doctor_hycztime table tr { border-left: 1px solid #ccc;} .doctor_hycztime th { height: 44px; text-align: center; background: #e8e8e8; width: 128px; color: #666666; border-right: 1px solid #ccc;} .doctor_hycztime table td { height: 44px; text-align: center; color: #666666; font-size: 14px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} .doctor_hycztime table td.color_title { color: #666; } .doctor_info_block_title .else{ line-height: 24px; padding: 4px 10px; background: #f68; color: #fff; font-size: 14px; margin-top: 8px; border-radius: 3px; float: right;} .doctor_hyhzzx_tabs {width: 100%; overflow: hidden; } .doctor_hyhzzx_tabs ul{width: 100%; overflow: hidden; margin: 10px auto;} .doctor_hyhzzx_tabs li{margin: 10px 10px 0 0; float: left; cursor: pointer} .doctor_hyhzzx_tabs li a{ font-size: 14px; display: block; color: #333333; width: auto; padding: 0px 10px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #eee;} .doctor_hyhzzx_tabs li .sel{background: #f68!important; border: 1px solid #f68!important; color: #fff!important;} .doctor_hyhzzx_tabs li a:hover{color: #f68; border: 1px solid #f68;} .doctor_hyhzzx{width: 100%; overflow: hidden;} .doctor_hyhzzx ul{width: 100%; overflow: hidden;} .doctor_hyhzzx ul li{padding : 20px 0; border-bottom: 1px dashed #EEE; line-height: 20px;} .doctor_hyhzzx ul li p{width: 100%; overflow: hidden; padding-left: 30px; background: url(../images/ico_question.png) no-repeat; background-size: 20px; background-position: left center;} .doctor_hyhzzx ul li p a{color: #666; font-size: 14px; line-height: 20px; cursor: pointer;} .doctor_hyhzzx ul li p a:hover{color: #f68;} .doctor_hyhzzx ul li p span{ color: #999; font-size: 14px; line-height: 20px;} .doctor_hyhzzx ul li .menu{line-height: 22px; width: 100%; overflow: hidden; color: #666; font-size: 14px; margin-top: 5px; cursor: pointer;} .doctor_hyhzzx ul li .menu:hover{color: #f68;} .look_more_wt{cursor: pointer; margin: 20px auto 0 auto;width: 130px; text-align: center; border: 1px solid #eee; color: #3e3e3e; line-height: 30px; font-size: 14px;} .look_more_wt:hover{color: #fff; background: #f68; border: 1px solid #f68;} .doctor_hykbjy{width: 100%; overflow: hidden;} .doctor_info_block_title .else_two{float: right; color: #666666; font-size: 14px; line-height: 50px; } .doctor_hykbjy ul{width: 100%; overflow: hidden; margin-top: 20px;} .doctor_hykbjy ul li{ float: left; padding: 0px 13px; line-height: 20px; text-align: center; font-size: 14px; border-right: 1px solid #eee; cursor: pointer;} .myh_doctor_right_column_1{width: 100%; overflow: hidden; border: 1px solid #eee; margin-top: 50px;} .myh_doctor_right_column_1 h4{width: 100%; overflow: hidden; padding: 10px 15px; color: #3e3e3e; font-size: 20px; background: #f2f2f2;} .myh_doctor_right_column_1 .bottom{padding: 15px; background: #fff;} .myh_doctor_right_column_1 .top_a{cursor: pointer; border: 1px solid #eee; color: #5e5e5e; height: 150px; line-height: 20px; font-size: 14px; padding: 15px; display: block;} .myh_doctor_right_column_1 span{color: #f68;} .myh_doctor_right_column_1 p{line-height: 24px; color: #5e5e5e; font-size: 15px; margin-top: 20px;} .myh_doctor_right_column_1 em{color: #000; font-size: 15px;} .myh_doctor_right_column_1 .bom_a{cursor: pointer; width: 100%; margin-top: 20px; line-height: 40px; border-radius: 5px; background: #f68; color: #fff; width: 100%; text-align: center; display: block;} .myh_doctor_right_column_2{width: 100%; overflow: hidden; padding: 15px; border: 1px solid #eee; margin-top: 30px; } .myh_doctor_right_column_2 h4{font-size: 16px; color: #000; padding-bottom: 15px; border-bottom: 1px solid #eee; font-weight: 500;} .myh_doctor_right_column_2 .top_ul{width: 100%; overflow: hidden; padding: 15px 0; display: flex;} .myh_doctor_right_column_2 .top_ul li{flex: 1; -webkit-flex: 1; overflow: hidden; font-size: 14px; color: #3e3e3e; text-align: center; cursor: pointer;} .myh_doctor_right_column_2 .top_ul li:hover{color: #f68;} .myh_doctor_right_column_2 .top_ul li:nth-child(2){border-right: 1px solid #eee; border-left: 1px solid #eee;} .myh_doctor_right_column_2 .active{color: #f68!important;} .myh_doctor_right_2_ul{width: 100%; overflow: hidden;} .myh_doctor_right_2_ul li{width: 100%; overflow: hidden; display: flex; padding: 15px 0; border-bottom: 1px dashed #eee;} .myh_doctor_right_2_ul li:last-child{padding-bottom: 0!important; border-bottom: none!important;} .myh_doctor_right_2_ul .else_fl_span{background: #f9b72d!important;} .myh_doctor_right_2_ul .fl_span{display: block; line-height: 25px; height: 25px; background: red; color: #fff; font-size: 14px; padding: 0 6px; margin-right: 10px; } .myh_doctor_right_2_ul .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .myh_doctor_right_2_ul .fr_info a{display: flex; color: #333333; line-height: 18px; font-size: 14px; height: 18px; white-space: nowrap; word-break: break-word; text-overflow: ellipsis; overflow: hidden;} .myh_doctor_right_2_ul .fr_info p{ color: #999999; line-height: 22px; width: 100%; overflow: hidden; font-size: 14px;} .myh_doctor_right_2_ul .fr_info em{color: #f68;} .myh_doctor_right_column_3{width: 100%; overflow: hidden; padding: 15px; border: 1px solid #eee; margin-top: 30px; } .myh_doctor_right_column_3 h4{font-size: 16px; color: #000; padding-bottom: 15px; border-bottom: 1px solid #eee; font-weight: 500;} .myh_doctor_right_column_3 ul{width: 100%; overflow: hidden;} .myh_doctor_right_column_3 ul li{width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 1px dashed #eee;} .myh_doctor_right_column_3 a{width: 100%; display: block; color: #5e5e5e; display: block; font-size: 14px; line-height: 1; cursor: pointer;} .myh_doctor_right_column_3 a:hover{color: #f68;} .myh_doctor_right_column_3 ul li:last-child{border-bottom: none!important; padding-bottom: 0!important;} /* ********* 直播详情页 ************ */ .live_vedio_box_m{display: none;} .live_detail .right_column{width: 280px;} .live_vedio_box{width: 100%; overflow: hidden; height: 370px; position: relative;} .live_vedio_box_fmt{width: 100%; height: 100%; overflow: hidden; display: block; } #live_vedio_box_fmt_img{width: 100%; height: 100%; position: absolute; top: 0; z-index: 999;} .live_vedio_box_fmt_img .one_img{width: 100%; overflow: hidden; height: 100%;} .live_vedio_box_fmt_img .two_img{ width: 393px !important; height: 200px !important; position: absolute; top: 85px; left: 71px;z-index: 999;overflow: hidden;} .live_vedio_box_content{ display: none; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0} .live_vedio_box_content video{width: 100%; overflow: hidden; height: 370px;} .live_vedio_box img{width: 100%; height: 100%; overflow: hidden;} .live_doctor_info{ width: 100%; overflow: hidden; background: #fff; padding: 20px; margin-top:20px;} .live_doctor_info .info_img{width: 74px; height: 74px; overflow: hidden; border-radius: 50%;} .live_doctor_info img{width: 100%; height: 100%;} .live_doctor_info .info_pro{ max-width: 135px; overflow: hidden; margin: 15px 45px 15px 15px;} .live_doctor_info .info_pro h2{font-size: 16px; color: #3E3E3E; line-height: 20px; width: 100%;} .live_doctor_info .info_pro h2 span{font-size: 14px; color: #7E7E7E; padding-left: 15px;} .live_doctor_info .info_pro p{width: 100%; overflow: hidden;font-size: 14px; color: #7E7E7E; line-height: 18px; margin-top: 8px;} .live_doctor_info .info_goods{width: 345px; overflow: hidden; margin: 15px 0;} .live_doctor_info .info_goods p{font-size: 14px; color: #2A2A2A; line-height: 24px;} .live_doctor_info .info_goods p span{color: #f68;} .live_doctor_info .info_zx{width: 118px; overflow: hidden;} .live_doctor_info .info_zx a{display: block; cursor: pointer; height: 33px; width: 100%; text-align: center; overflow: hidden; line-height: 33px; font-size: 14px; border-radius: 4px;} .live_doctor_info .info_zx a:first-child{background: #FFEBEF; color: #f68} .live_doctor_info .info_zx a:last-child{background: #f68; color: #fff; margin-top: 15px;} .live_detail_block{background: #fff; padding: 20px; overflow: hidden; margin-top: 20px;} .live_detail_block h3{font-size: 26px; color: #444141; line-height: 22px; font-weight: normal; padding-bottom: 15px; border-bottom: 1px solid #eee;} .live_doc_answer_ul{width: 100%; overflow: hidden; } .live_doc_answer_ul li{width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #eee;} /* .live_doc_answer_ul li:last-child{padding-bottom: 0!important; border-bottom: none!important;} */ .live_doc_answer_ul .top_info{width: 100%; overflow: hidden;} .live_doc_answer_ul .top_info img{width: 40px; height: 40px; border-radius: 50%; margin-right: 15px; overflow: hidden;} .live_doc_answer_ul .top_info p{max-width: 200px; margin-right: 15px; font-size: 16px; color: #3E3E3E;line-height: 40px; overflow: hidden;} .live_doc_answer_ul .top_info span{margin-top: 6px; display: block; background: #F6F6F6; border-radius: 4px;font-size: 13px; color: #7D7D7D; line-height: 27px; padding: 0 10px; overflow: hidden;} .live_doc_answer_ul .li_content {width: 100%; overflow: hidden; margin-top:10px; } .live_doc_answer_ul .li_content p{width: 100%; overflow: hidden;font-size: 14px; color: #3E3E3E; line-height: 20px; } .live_doc_answer_ul .li_imgs{width: 100%; overflow: hidden;} .live_doc_answer_ul .li_imgs img{width: 89px; height: 89px; margin-top: 15px; margin-right: 15px; overflow: hidden; float: left;} .doc_answer_content{ padding: 15px; display: flex; display: -webkit-flex; width: 100%; overflow: hidden; margin-top: 20px; background: #F5F5F5; border-radius: 4px;} .doc_answer_content img{width: 35px; height: 35px; border-radius: 50%; overflow: hidden; margin-right: 10px;} .doc_answer_content .doc_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .doc_answer_content .doc_info .box{background: #FF6688 url("../images/ico_live_det_02.png") no-repeat; cursor: pointer; border-radius: 100px; line-height: 30px; width: 170px; font-size: 12px; color: #FFFFFF; background-size: 12px 16px;background-position: 15px center; cursor: pointer; border-radius: 100px; padding: 0 15px 0 35px; } .doc_answer_content h4{font-size: 16px; font-weight: normal; color: #3E3E3E; line-height: 30px; width: 100%; overflow: hidden;} .doc_answer_content h4 span{font-size: 14px; color: #9E9E9E; padding-left: 15px; } .doc_answer_content p{width: 100%; overflow: hidden; margin-top: 5px; font-size: 14px; color: #3E3E3E; line-height: 20px;} .live_doc_answer_ul .bottom_tips{width: 100%; overflow: hidden; margin-top: 15px; font-size: 12px; color: #9E9E9E;} .live_about_video_ul{width: 100%; overflow: hidden; } .live_about_video_ul li{width: 268px; border: 1px solid #eee; margin-right: 15px; margin-top: 15px; float: left; overflow: hidden;} .live_about_video_ul li:nth-child(3n){margin-right: 0!important;} .live_about_video_ul .vedio_box{width: 100%; height: 130px; overflow: hidden; position: relative;} .live_about_video_ul .vedio_box img{width: 100%; height: 100%; overflow: hidden;} .live_about_video_ul h5{cursor: pointer; padding: 13px 9px; border-bottom: 1px solid #eee; font-weight: normal; overflow: hidden; line-height: 18px;font-size: 14px; color: #3E3E3E; width: 100%;} .live_about_video_ul h5:hover{color: #f68;} .live_about_video_ul .bottom_info{cursor: pointer; padding: 8px 11px; background: #F5F5F5; overflow: hidden;} .live_about_video_ul .bottom_info img{width: 22px; height: 22px; overflow: hidden; border-radius: 50%;} .live_about_video_ul .bottom_info span{font-size: 12px; color: #7E7E7E; line-height: 22px; padding-left: 15px;} .live_det_fr_one{ position: relative; margin-bottom: 20px; min-height: 370px; width: 100%; overflow: hidden; padding: 20px ; background: #fff; border: 1px solid #eee; } .live_det_fr_one h1{font-size: 22px; color: #444141; line-height: 28px; width: 100%;} .live_det_fr_one .state_video{width: 100%; overflow: hidden; margin: 15px 0;} .live_det_fr_one .state_video span{font-size: 14px; color: #9E9E9E; line-height: 28px;} .live_det_fr_one .state_video em{ line-height: 1; font-style: normal; color: #fff; padding: 7px 13px; background: #F5A623; border-radius: 4px; font-size: 14px;} .live_det_fr_one p{font-size: 14px; color: #9E9E9E; line-height: 22px; width: 100%; overflow: hidden;} .live_det_fr_one .zx_btn{width: 240px; position: absolute; bottom: 25px; left: 20px; text-align: center; cursor: pointer; display: block; background: #FF6688; border-radius: 3px; line-height: 46px; font-size: 16px; color: #FFFFFF; margin-top: 30px;} .live_det_fr_two{width: 100%; overflow: hidden; padding: 20px; background: #fff; } .live_det_fr_two h5{width: 100%; overflow: hidden;font-size: 22px; color: #444141; line-height: 28px; } .live_det_fr_two h5 a{cursor: pointer; font-size: 12px; color: #FF6688; float: right;} .live_det_fr_two_ul{width: 100%; overflow: hidden;} .live_det_fr_two_ul li{width: 100%; overflow: hidden; margin-top: 20px;} .live_det_fr_two_ul li img{width: 100%; height: 130px; overflow: hidden;} .live_det_fr_two_ul li .ellipsis{ cursor: pointer; display: block;font-size: 14px; color: #444141; width: 100%; overflow: hidden; margin-top: 10px;} .live_det_fr_two_ul li .ellipsis:hover{color: #f68;} .pinkborder{ padding-left: 20px; line-height: 24px; color: #000; font-size: 16px; border-left: 3px solid #f68; } .fontstyle1{ font-size: 26px; height: 52px; color: #444141; line-height: 31px; font-weight: normal; padding-bottom: 15px; border-bottom: 1px solid #eee; } .live_detail_block.box h3.fontstyle2{ padding-left: 20px; line-height: 24px; color: #000; font-size: 16px; border-left: 3px solid #f68; font-weight: bold; } .tube_article_list .live_detail_block h3{ padding-bottom:0; border-bottom: none; } /* *************************** 好孕宝典-2019.7.24 ******************************** */ .hybd .right_column{width: 280px;} .hybd_block_div{min-height: 280px; width: 100%; overflow: hidden; background: #fff; margin-bottom: 20px;} .hybd_block_div h2{width: 100%; overflow: hidden; line-height: 55px; border-bottom: 1px solid #eee; font-size: 24px; color: #3E3E3E; font-weight: 500; padding-left: 30px; position: relative;} .hybd_block_div h2::before{content: ''; position: absolute; top: 14px; left: 15px; height: 26px; width: 4px; background: #f68;} .hybd_content_div{width: 100%; overflow: hidden; padding: 25px 20px; } .hybd_content_div .fl_img{width: 290px; height: 176px; overflow: hidden; float: left; margin-right: 15px;} .hybd_content_div .fl_img img{width: 100%; height: 100%; overflow: hidden;} .hybd_content_div .fr_info{float: left; width: 520px; overflow: hidden;} .hybd_content_div h3{width: 100%; overflow: hidden;font-size: 16px; color: #3E3E3E; line-height: 20px; font-weight: 500px; } .hybd_content_div p{width: 100%; overflow: hidden; margin-top: 10px; font-size: 14px; color: #7E7E7E; line-height: 22px;} .hybd_content_div ul{width: 100%; overflow: hidden; margin-top: 5px;} .hybd_content_div li{width: 250px;cursor: pointer; float: left; position: relative; font-size: 14px; color: #3E3E3E; line-height: 20px; margin: 10px 10px 0 0; padding-left: 15px;} .hybd_content_div li::before{position: absolute; content: ''; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: #DEDEDE; } .tube_ceshi_a{width: 100%; position: relative; cursor: pointer; height: 280px; overflow: hidden; background: url("../images/kscs.png") no-repeat 100% 100%; } .tube_ceshi_a a{width: 153px; line-height: 35px; text-align: center; display: block; background: #FFFFFF; border-radius: 70px; font-size: 18px; position: absolute; bottom: 20px; left: 50%; color: #FBBA4E;} .hybd_block_div_fr{width: 100%; overflow: hidden; margin-top: 20px; background: #fff; padding: 5px 20px;} .hybd_block_div_fr h2{width: 100%; font-weight: normal; overflow: hidden;font-size: 22px; color: #444141; line-height: 28px; margin: 20px 0;} .hybd_block_div_fr h2 a{font-size: 12px;float: right; color: #FF6688; cursor: pointer;} .hybd_content_div_fr{width: 100%; overflow: hidden;} .hybd_content_div_fr .top_img{width: 250px; height: 118px; overflow: hidden;} .hybd_content_div_fr .top_img img{width: 100%; overflow: hidden;} .hybd_content_div_fr ul{width: 100%; overflow: hidden;} .hybd_content_div_fr li{width: 100%; cursor: pointer; padding: 10px 0; border-bottom: 1px dashed #eee; overflow: hidden;font-size: 14px;color: #444141;line-height: 20px;} .hybd_content_div_fr li:last-child{border-bottom: none!important;} /* *************************** 医院详情 - 2019.7.24 ******************************** */ .hp_detail_top{width: 100%; overflow: hidden; background: #fff; padding: 20px;} .hp_detail_top .imgs{width: 400px; overflow: hidden;} .hp_detail_top .preview{ z-index: 99; width: 100%; padding-top: 10px;} .hp_detail_top .preview .swiper-container{width: 100%!important; height: 58px!important;overflow: hidden; } .hp_detail_top .preview .swiper-slide {width: 86px; border: 1px solid #fff; height: 56px; margin-right: 10px; overflow: hidden;margin-bottom: 0;} .hp_detail_top .info{width: 390px; margin-left: 24px; overflow: hidden;} .hp_detail_top h1{width: 100%; overflow: hidden; font-size: 24px; color: #3E3E3E; line-height: 33px; font-weight: 500;} .hp_detail_top .price{width: 100%; overflow: hidden; margin-top: 10px;} .hp_detail_top .tit{font-size: 16px; color: #7E7E7E; line-height: 22px; padding-right: 10px;} .hp_detail_top .num{font-size: 26px; color: #f68; line-height: 26px;} .hp_detail_top .qi{font-size: 16px; color: #f68; line-height: 22px;} .hp_detail_top em{font-size: 16px;cursor: pointer; color: #FF6688; margin-left: 40px; padding: 2px 6px; background: #FFF2F2; border-radius: 2px;} .hp_detail_top ul{width: 100%; overflow: hidden; margin-top: 20px;} .hp_detail_top ul li{float: left;} .hp_detail_top ul li:first-child{padding-right: 35px;} .hp_detail_top ul li:last-child{padding-left: 35px;} .hp_detail_top ul li:nth-child(2){padding: 0 35px; border-right: 1px solid #eee; border-left: 1px solid #eee;} .hp_detail_top ul li span{max-width: 50px;text-align: center; font-size: 20px; color: #F5A623; display: block; line-height: 24px;} .hp_detail_top ul li p{max-width: 50px;text-align: center; font-size: 14px;color: #3E3E3E; line-height: 20px; margin-top: 7px;} .hp_detail_top .jianjie{font-size: 16px; color: #5E5E5E; line-height: 22px; margin-top: 20px;} .hp_detail_top .map{width: 300px; height: 255px; overflow: hidden; border: 1px solid #eee; } #map{width: 100%; height: 100%; overflow: hidden;} .no-map{line-height: 255px; font-size: 16px; text-align: center!important;} .anchorBL{display: none !important;} .hp_detail_tab{width: 100%; overflow: hidden; margin-top: 20px; background: #f68;border-top: 1px solid #f68;} .hp_detail_tab li{float: left; cursor: pointer; line-height: 50px; width: 137px; text-align: center; color: #fff;} .hp_detail_tab .active{background: #fff!important; color: #f68!important;} .hp_detail_block{width: 100%; overflow: hidden; background: #fff; padding: 30px; margin-bottom: 20px;} .hp_detail_block h2{width: 100%; overflow: hidden; font-weight: normal; font-size: 30px; color: #3E3E3E; line-height: 38px;} .hp_block_alltop{width: 100%; overflow: hidden; padding: 15px 40px;} .hp_block_alltop li{padding-right: 110px; width: 120px; float: left; background: url("../images/gj_hp_detail_6.png") no-repeat; background-size: 47px 39px; background-position: 152px 44px;} .hp_block_alltop li:last-child{padding-right:0!important;} .hp_block_alltop li img{width: 120px; height: 120px; border-radius: 50px; margin: 0 auto; overflow: hidden;} .hp_block_alltop li p{width: 100%; overflow: hidden; text-align: center; font-size: 18px; color: #3E3E3E; line-height: 23px; margin-top: 20px;} .hp_block_price{width: 100%; height: 500px; background: #fafafa; margin-top: 30px;} .hp_block_jieshao{width: 100%; overflow: hidden;} .hp_block_jieshao li{float: left; position: relative; width: 360px; height: 220px; overflow: hidden; margin-right: 20px; margin-top: 20px;} .hp_block_jieshao li:nth-child(3n){margin-right: 0!important;} .hp_block_jieshao li img{width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0;} .hp_block_jieshao li p{width: 100%; position: absolute; bottom: 0;left: 0; overflow: hidden; padding: 7px 10px; background: rgba(0, 0, 0, 0.3); font-size: 14px; color: #FFFFFF; line-height: 18px;} .hp_detail_block_jieshao_tip{font-size: 18px;padding-top: 15px;color: #3E3E3E; line-height: 23px; width: 100%;} .hp_block_export_ul{width: 100%; overflow: hidden; padding-top: 10px;} .hp_block_export_ul li{display: flex; display: -webkit-flex; float: left; width: 350px; overflow: hidden; margin-right: 20px; margin-top: 20px;} .hp_block_export_ul .fl_img{width: 150px; height: 190px; overflow: hidden; margin-right: 20px;} .hp_block_export_ul .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .hp_block_export_ul h3{width: 100%; overflow: hidden; font-size: 18px; font-weight: 600; color: #3E3E3E; line-height: 25px;} .hp_block_export_ul h3:nth-child(2){font-size: 14px!important; line-height: 20px!important;} .hp_block_export_ul .heights{width: 100%; height: 160px;overflow: hidden; } .hp_block_export_ul p{width: 100%;margin-top: 15px; overflow: hidden; margin-bottom: 10px;font-size: 14px;color: #7e7e7e; line-height: 20px;} .hp_block_export_ul span{width: 100%; overflow: hidden; display: block;font-size: 16px;color: #3E3E3E; line-height: 20px;} .hp_block_export_ul .look_detail{width: 100%; overflow: hidden; font-size: 16px;color: #f68; line-height: 20px; cursor: pointer;} .hp_block_question_ul{width: 100%; overflow: hidden; padding-top: 20px;} .hp_block_question_ul li{width: 100%; overflow: hidden; padding-bottom: 30px;} .hp_block_question_ul li:last-child{padding-bottom: 0!important;} .hp_block_question_ul h3{ font-weight: normal; width: 100%; margin-bottom: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #FF6688; padding: 9px 6px; background: #FFEFEF;} .hp_block_question_ul p{ width: 100%; overflow: hidden; font-size: 16px; color: #3e3e3e; line-height: 20px;} .hp_block_elsehp{width: 100%; overflow: hidden; padding-top: 10px;} .hp_block_elsehp li{ cursor: pointer; width: 250px; border: 1px solid #eee; overflow: hidden; margin-top: 20px; margin-right: 28px; float: left;} .hp_block_elsehp li:hover{border: 1px solid #f68;} .hp_block_elsehp li img{width: 100%; height: 176px; overflow: hidden;} .hp_block_elsehp .bottom{padding: 8px; width: 100%; overflow: hidden;} .hp_block_elsehp h5{width: 100%; overflow: hidden; font-weight: normal; padding-bottom: 4px; font-size: 16px; color: #3E3E3E; line-height: 20px;} .hp_block_elsehp p{width: 100%; overflow: hidden;} .hp_block_elsehp .fl{font-size: 20px; color: #FF6688; line-height: 20px;} .hp_block_elsehp .fl em{font-size: 12px; padding-left: 5px;} .hp_block_elsehp .fr{font-size: 14px; color: #9e9e9e; line-height: 20px;} .hp_block_userdp{width: 100%; overflow: hidden; padding-top: 15px;} .hp_block_userdp li{width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #eee;} .hp_block_userdp .top{width: 100%; overflow: hidden; display: flex; display: -webkit-flex;} .hp_block_userdp .top img{width: 80px; height: 80px; border-radius: 50%; margin-right: 15px;} .hp_block_userdp .info{flex: 1; -webkit-flex: 1; overflow: hidden; padding: 15px 0;} .hp_block_userdp .info span{display: block; margin-bottom: 10px; width: 100%;font-size: 16px; color: #9E9E9E; line-height: 20px;} .hp_block_userdp .info p{display: block; width: 100%;font-size: 16px; color: #3e3e3e; line-height: 20px;} .hp_block_userdp .bottom{width: 100%; overflow: hidden; margin-top: 15px;} .hp_block_userdp .pf{font-size: 16px; color: #9E9E9E; line-height: 20px; padding-right: 105px; background: url("../images/icon_star.png") no-repeat right 3px; background-size: 105px;} .hp_block_userdp .tim{padding-left: 90px; font-size: 16px; color: #9E9E9E; line-height: 20px;} .hp_detail_tab_fixed{position: fixed!important; top: 0; background: #f68; z-index: 999; max-width: 1180px; border-bottom: 1px solid #eee; margin-top: 0!important;} /*************************************** 分页标签 ***************************************/ .tcdPageCode{ text-align:center; clear:both; margin: auto; display: flex; flex-wrap: wrap; -webkit-flex-flow:row wrap; justify-content: center ;padding-top: 30px; margin-bottom: 30px;} .tcdPageCode span, .tcdPageCode a{ display:inline-block; vertical-align: top; width: 40px; height:40px; line-height: 40px; margin:0 5px; background:#fff; border-radius:4px;font-size:14px; border: 1px solid rgba(226,225,224,0.6); overflow: hidden; cursor: pointer} .tcdPageCode span:hover, .tcdPageCode a:hover{ border: 1px solid #ffa1b1} .tcdPageCode .disabled{ background-image: url(../images/ico_start_page.png) !important;} .tcdPageCode .nextPage{ background-image: url(../images/ico_next_page.png) !important;} .tcdPageCode .disabled:hover{ background-image: url(../images/ico_start_page_2.png) !important;} .tcdPageCode .nextPage:hover{ background-image: url(../images/ico_next_page_2.png) !important;} .tcdPageCode .disabled, .tcdPageCode .nextPage,.tcdPageCode .disabled:hover, .tcdPageCode .nextPage:hover, .tcdPageCode .disabled_l, .tcdPageCode .prevPage{ background-position: center center !important; background-repeat: no-repeat !important; line-height: 999px; text-indent: -999px; background-size:12px 12px !important;} .tcdPageCode .current{background: #ffa1b1; border: 1px solid #ffa1b1; color: #fff;} .tcdPageCode .disabled_l, .tcdPageCode .prevPage{ background-image: url(../images/ico_start_page.png) !important;} /*************************************** 分页标签_add ***************************************/ /* *************************** 医生列表 - 2019.7.27 ******************************** */ .dc_list_tab{width: 100%; overflow: hidden; background: #fff;} .dc_list_tab li{width: 140px; height: 60px;float: left; cursor: pointer; border: 1px solid #eee; line-height: 60px; text-align: center; font-size: 16px; color: #3E3E3E;} .dc_list_tab li a{width: 100%; height: 60px; cursor: pointer; line-height: 60px; text-align: center; display: block; color: #3E3E3E;} .dc_list_tab .active a{color: #fff!important; background: #f68!important;} .dc_list_content {width: 100%; overflow: hidden;background-color: white;margin-top: 20px;padding-top: 30px;} .dc_list_content li{width: 573px; padding-bottom:20px;padding-left: 34px; cursor: pointer; float: left;margin-right:5px; background: #FFFFFF;} .dc_list_content li:nth-child(2n){margin-right: 0!important;} .dc_list_content_div{width: 100%; overflow: hidden; border: 1px solid #eee; display: flex; display: -webkit-flex; box-shadow: 0 2px 4px 0 rgba(245,245,245,0.50);} .dc_list_content_div .lines_div{width: 100%; overflow: hidden; height: 120px;} .dc_list_content_div .fl_img{width: 169px; height: 224px; overflow: hidden;} .dc_list_content_div .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .dc_list_content_div .top_h3{padding: 7px 27px ; overflow: hidden; } .dc_list_content_div h3{width: 100%; overflow: hidden; font-size: 18px; color:#f68; line-height: 18px;margin-top: 15px;} .dc_list_content_div .top_h3 p{width: 100%; overflow: hidden; font-size: 14px; color: #FFFFFF; line-height: 18px;} .dc_list_content_div .cont{padding: 15px 27px ; width: 100%; height: 170px; position: relative; overflow: hidden; background: #fff;} .dc_list_content_div .cont p{font-size: 14px; width: 100%; overflow: hidden; color: #5E5E5E; line-height: 20px;} .dc_list_content_div .look_detail{ position: absolute; bottom: 5px; left: 27px; width: 100%; overflow: hidden; font-size: 12px;color: #9E9E9E; line-height: 20px; cursor: pointer;} /* *************************** 医生详情 - 2019.7.27 ******************************** */ .dc_detail_header{width: 100%; overflow: hidden; padding: 20px; background: #fff;} .dc_detail_header .top{width: 100%; overflow: hidden;display: flex; display: -webkit-flex;} .dc_detail_header .fl_img{width: 169px; height: 224px; overflow: hidden; margin-right: 30px;} .dc_detail_header .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden; height: 224px; position: relative;} .dc_detail_header h1{width: 100%; overflow: hidden;font-size: 20px; font-weight: 500; color: #FF6688; line-height: 28px;} .dc_detail_header .cont{width: 100%; padding: 15px 0; overflow: hidden;} .dc_detail_header p{font-size: 14px; width: 100%; overflow: hidden; color: #5E5E5E; line-height: 25px;} .dc_detail_header .look_detail{ position: absolute; bottom: 15px; right: 0; overflow: hidden; font-size: 14px; color: #f68; line-height: 20px; cursor: pointer;} .dc_detail_header .buttom{width: 100%; overflow: hidden; margin-top: 20px;} .dc_detail_header .buttom a{display: block; border-radius: 40px; cursor: pointer; border: 1px solid #f68; padding: 0 22px 0 22px; display: block; line-height: 40px; font-size: 16px;} .dc_detail_header .tel{background: #f68; color: #fff; margin-right: 20px;} .dc_detail_header .zx{background: #fff; color: #f68; } .dc_detail_block{width: 100%; overflow: hidden; padding: 25px 30px 20px 30px; background: #fff; margin-top: 20px;} .dc_detail_block h3{width: 100%; font-weight: 500; font-size: 24px; color: #3E3E3E; line-height: 30px;} .dc_tube_liuc{width: 100%; overflow: hidden; padding-top: 30px;} .dc_tube_liuc li{float: left; width: 143px; padding-right: 43px; overflow: hidden; } .dc_tube_liuc li:last-child{padding-right: 0!important; width: 100px;} .dc_tube_liuc li p{text-align: center; width: 100px; height: 100px; border-radius: 50%; font-size: 14px;} .dc_tube_liuc .li1 p {color: #FF6688; padding: 28px 0; background: #FFEDF1; border: 4px solid #FF6688;} .dc_tube_liuc .li2 p {color: #E49713 ; padding: 28px 0; background: #FDF3E3; border: 4px solid #F7B239;} .dc_tube_liuc .li3 p {color: #4992E5; padding: 28px 0; background: #E1EFFF; border: 4px solid #4992E5;} .dc_tube_liuc .li4 p {color: #10BF96; padding: 36px 0;background: #D3FAF1; border: 4px solid #37DEB7;} .dc_tube_liuc .li5 p {color: #8432D6; padding: 28px 0;background: #EDDFFB;border: 4px solid #AE75E7;} .dc_tube_liuc .li6 p {color: #DF8050; padding: 36px 0; background: #FDEDE5;border: 4px solid #EB8654;} .dc_about_zx{width: 100%; overflow: hidden;} .dc_about_zx .div_list{width: 322px; overflow: hidden;} .dc_about_zx .div_list ul{width: 100%; overflow: hidden; padding-top: 15px;} .dc_about_zx .div_list li{width: 146px; overflow: hidden; border: 1px solid #EEEEEE;border-radius: 100px; line-height: 436px; padding: 0 15px; margin-right: 15px; margin-top: 10px; float: left; cursor: pointer;} .dc_about_zx .div_list li:hover{border: 1px solid #f68;} .dc_about_zx .div_list a{display: block; text-align: center; width: 100%; font-size: 14px; color: #3E3E3E; line-height: 36px; cursor: pointer;} .dc_about_zx .div_list a:hover{color: #f68;} .div_list_fr{width: 497px; overflow: hidden; margin-top: 30px;} .doc_div_fr_top{display: flex; display: -webkit-flex; overflow: hidden;} .doc_div_fr_top .fl_img{width: 154px; height: 93px; overflow: hidden; margin-right: 10px;} .doc_div_fr_top .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden; height: 93px; position: relative;} .doc_div_fr_top h6{ cursor: pointer; font-size: 16px; color: #3E3E3E; width: 100%; overflow: hidden; line-height: 18px;} .doc_div_fr_top h6:hover{color: #f68;} .doc_div_fr_top p{width: 100%; overflow: hidden;position: absolute; bottom: 5px; left: 0; font-size: 12px; color: #7E7E7E; line-height: 20px;} .div_list_fr_ul{width: 100%; overflow: hidden; margin-top: 10px; } .div_list_fr_ul li{padding: 0 10px 0 15px; width: 248px; float: left; position: relative; line-height: 20px; margin-top: 10px; } .div_list_fr_ul li::before{content: ''; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%;background: #eee; } .div_list_fr_ul li a{cursor: pointer; width: 100%; display: block; line-height: 20px; font-size: 14px; color: #3E3E3E;} .div_list_fr_ul li a:hover{color: #f68;} .dc_about_doctor_ul{width: 100%; overflow: hidden; padding-top: 10px;} .dc_about_doctor_ul li{width: 142px; float: left; margin-right: 25px; margin-top: 20px; overflow: hidden;} .dc_about_doctor_ul li:nth-child(5n){margin-right: 0!important;} .dc_about_doctor_ul .top_img{ cursor: pointer; width: 111px; height: 147px; overflow: hidden; margin: 0 auto;} .dc_about_doctor_ul a{ display: block; cursor: pointer; margin-top: 15px; width: 100%; overflow: hidden; font-size: 14px; color: #3E3E3E; line-height: 20px; text-align: center;} .dc_about_doctor_ul a:hover{color: #f68;} .dc_about_hospitals_ul{width: 100%; overflow: hidden;} .dc_about_hospitals_ul li{width: 395px; overflow: hidden; float: left; margin-top: 30px; display: flex; display: -webkit-flex; margin-right: 30px;} .dc_about_hospitals_ul li:nth-child(2n){margin-right: 0!important;} .dc_about_hospitals_ul .fl_img{cursor: pointer; width: 180px; height: 135px; overflow: hidden; margin-right: 20px;} .dc_about_hospitals_ul .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .dc_about_hospitals_ul h6{cursor: pointer; width: 100%; overflow: hidden; font-weight: 500; line-height: 25px; cursor: pointer; font-size: 18px; color: #3E3E3E;} .dc_about_hospitals_ul h6:hover{color: #f68;} .dc_about_hospitals_ul p:hover{color: #f68;} .dc_about_hospitals_ul p{cursor: pointer; margin-top: 10px; width: 100%; overflow: hidden; font-size: 14px; color: #7E7E7E; line-height: 20px;} .doctorDetail .right_column{width: 280px;} .comm_nyzl_top_fr_top{margin-top: 20px; width: 100%; height: 156px; padding-left: 11px; background: #FFFFFF url("../images/ico_yisheng_daka.png" ) no-repeat; background-position: 178px 16px;} .comm_nyzl_top_fr_top h1{ font-family: PingFangSC-Medium; font-size: 20px;color: #3E3E3E; letter-spacing: 0.24px; line-height: 28px; padding-top: 19px;} .comm_nyzl_top_fr_top p{font-family: PingFangSC-Regular; font-size: 16px; color: #7E7E7E; letter-spacing: 0.19px; line-height: 22px; padding-top: 3px; padding-bottom: 14px;} .comm_nyzl_tw_cs{width: 88px; height: 28px; background: #FF6688; border-radius: 14px;} .comm_nyzl_tw_cs:hover{background: #F34A6F} .comm_nyzl_tw_cs a{color: #fff; width: 100%; text-align: center; line-height: 28px; font-family: PingFangSC-Regular; font-size: 14px; letter-spacing: 0.17px; cursor: pointer;} .comm_nyzl_top_fr_top span{display: block; font-family: PingFangSC-Regular; font-size: 12px; color: #7E7E7E; letter-spacing: 0.14px; line-height: 17px; padding-top: 7px;} .comm_nyzl_top_fr_top span i{color: #f68 !important;} .comm_ceshi_fr_bottom { padding-left: 70px; width: 100%; background: #FFE7ED url(../images/ico_beiyun_ceshi.png) no-repeat;background-position: 9px 28px;height: 100px; margin-top: 20px;} .comm_ceshi_fr_bottom h6 { font-size: 21px; color: #3E3E3E; line-height: 25px; padding-top: 9px;} .comm_ceshi_fr_bottom p { font-size: 13px; color: #9E9E9E; line-height: 18px; padding-top: 3px; padding-bottom: 7px;} .comm_ceshi_ceshi { width: 88px; height: 28px; background: #FF6688; border-radius: 14px;} .comm_ceshi_ceshi a { color: #fff; width: 100%; text-align: center; line-height: 28px; display: block; font-size: 14px; letter-spacing: 0.17px; cursor: pointer;} .hp_jetanin_content{width: 100%; overflow: hidden;} .hp_jetanin_content h4{width: 100%; overflow: hidden; margin-top: 40px; margin-bottom: 15px; font-size: 22px; color: #FF6688; line-height: 30px; padding-left: 20px; position: relative;} .hp_jetanin_content h4::before{content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 10px; left: 0; background: #f68;} .hp_jetanin_content h5{width: 100%; overflow: hidden; font-weight: 400; margin-top: 30px; font-size: 16px; color: #3E3E3E; line-height: 22px;} .hp_jetanin_content .one_p{font-size: 14px; text-align: justify; color: #5E5E5E; letter-spacing: 0; line-height: 22px; width: 100%;} .hp_jetanin_content .one_img{width: 100%; height: 270px; overflow: hidden; margin-top: 20px; display: block;} .hp_jetanin_content .one_ul_div{width: 100%; overflow: hidden; margin-top: 20px; } .hp_jetanin_content .one_ul_div li{font-size: 14px; color: #5E5E5E; letter-spacing: 0; line-height: 22px; width: 100%; } .hp_jetanin_content .ul_one{width: 300px; overflow: hidden;} .hp_jetanin_content .ul_two{width: 300px; overflow: hidden;} .hp_jetanin_content .imgs_div{width: 100%; overflow: hidden;} .hp_jetanin_content .imgs_div img{ height: 270px; margin-top: 20px; float: left; overflow: hidden;} .hp_jetanin_content .two_img{width: 680px; margin-right: 20px;} .hp_jetanin_content .three_img{width: 330px; } .hp_jetanin_content .ten4_img{width: 690px; } .hp_jetanin_content .ten_img{width: 913px; height: 270px; overflow: hidden; margin-top: 20px; display: block;} .hp_jetanin_content .ten1_img{width: 800px; height: 270px; overflow: hidden; margin-top: 20px; display: block;} .hp_jetanin_content .ten2_img{width: 800px; height: 165px; overflow: hidden; margin-top: 20px; display: block;} .hp_jetanin_content .ten3_img{width: 330px; height: 220px; overflow: hidden; margin-top: 20px; display: block;} .hp_jetanin_content .ten6_img{width: 690px;} .hp_jetanin_content .ek_imgs_div{width: 100%; overflow: hidden; } .hp_jetanin_content .ek_imgs_div img{width: 330px; height: 220px; margin-top: 20px; height: 100%; overflow: hidden; float: left; margin-right: 20px;} /* *************** hybdlist重修改 - 2019-8-17 ****************** */ .topic_hot_ul{width: 100%; overflow: hidden; padding: 0 20px;} .topic_hot_ul li{ display: flex; display: -webkit-flex; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eee;} .topic_hot_ul .fl_img{width: 210px; height: 106px; overflow: hidden; margin-right: 20px;} .topic_hot_ul .fr_info{flex: 1; -webkit-flex: 1; overflow: hidden;} .topic_hot_ul h5 { font-size: 18px; cursor: pointer; width: 100%; overflow: hidden; line-height: 24px; color: #000; font-weight: 600;} .topic_hot_ul h5:hover{color: #f68; } .topic_hot_ul p { cursor: pointer; width: 100%; font-size: 14px; color: #a3a09b; margin-top: 10px; line-height: 24px; cursor: pointer; width: 100%; overflow: hidden; } .topic_hot_ul p:hover{color: #f68; } .fy_a{ float: left; color: #7E7E7E !important; } .ftp_a1{ margin-left: 7%; } .ftp_a2{ margin-left: 7%; margin-top: 10px; } .more_a2{ margin:20px auto; width:329px;; } .wenzhang_border{ margin-top:20px; } .text_img{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-right:20px; } .text_right{ display: flex; flex-wrap: wrap; width: 65%; } .text_img_int{ width: 380px; height: 240px; } .text_right_p1{ font-size: 18px; margin-top: 14px; } .text_right_p2{ font-size: 16px; color: #9E9E9E; margin-top: 8px; } .right_box{ display: flex; flex-direction: column; align-items: center; margin-left: 55px; margin-bottom: 20px; } .write_text{ margin-top: 55px; display: flex; justify-content: space-between; flex-wrap: wrap; } .write_text_box{ width: 33%; display: flex; align-items: center; margin-bottom: 20px; } .redio_pink{ width: 8px; height: 8px; background-color: #FF6688; border-radius: 50%; } .redio_p{ font-size: 16px; margin-left: 8px; } /* 好孕交流 */ .fast_dour{ background-color: #fff; } .fast_dour_p{ padding: 20px; padding-top: 25px; font-size: 22px; } .fast_dour_box{ display: flex; flex-wrap: wrap; justify-content: space-around; } .fast_dour_box_div{ width: 28%; border: 1px solid #E2E2E2; border-radius: 5px; padding-top: 5px; padding-bottom: 5px; display: flex; justify-content: center; margin-bottom: 15px; font-size: 14px; } .top_ca{ margin-top: 20px; } .baby_about{ height: 80px; width: 80%; font-size: 16px; display: flex; justify-content: center; align-items: center; border-bottom: 1px dashed #EAEAEA; margin: 0 auto; } .baby_about_div1{ background-color: #FF6688; color: #FFFFFF; border-radius: 4px; width: 20px; height: 20px; margin-bottom: 15px; display: flex; justify-content: center; align-items: center; } .baby_about_div2{ background-color: #E6E6E6; color: #FFFFFF; border-radius: 4px; width: 20px; height: 20px; margin-bottom: 15px; display: flex; justify-content: center; align-items: center; } .baby_about_p1{ margin-left: 8px; } .hospital_biyawei{ width: 100%; background-color: #fff; margin-top: 20px; } .biyawei_title{ width: 100%; display: flex; flex-wrap: wrap; } .biyawei_title_img{ width: 280px; height: 180px; background-color: #0ac3c5; } .biyawei_title_right{ width: 64%; margin-left: 20px; } .tube_article_detail2{ padding:20px 15px !important; } .biyawei_title_jianjie{ margin-top: 14px; margin-bottom: 19px; font-size: 16px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4; } .biyawei_title_btn{ display: flex; justify-content: space-around; } .biyawei_title_btn_btn1{ width: 20%; padding: 8px 16px; background-color: #FF6688; color: white; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .biyawei_title_btn_btn2{ width: 20%; padding: 8px 16px; background-color: #F5A623 ; color: white; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .biyawei_title_btn_btn3{ width: 20%; padding: 8px 16px; background-color: #4A90E2; color: white; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .biyawei_title_yiyuan{ font-size: 24px; } .biyawei_tubiao{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; margin-top: 30px; } .biyawei_tubiao_box{ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; width: 20%; margin-bottom: 24px; } .biyawei_tubiao_box a{ width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; } .haopingzhuanjia{ width: 100%; border-top: 1px solid #EEEEEE; display: flex; flex-wrap: wrap; justify-content: space-around; padding-top: 20px; } .haopingzhuanjia_box{ display: flex; width: 22%; margin-bottom: 25px; } .haopingzhuanjia_box a{ display: flex; flex-wrap: wrap; } .haopingzhuanjia_box_img{ width: 169px; height: 210px; background-color: #0ac3c5; } .haopingzhuanjia_box_write{ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; margin-left: 15px; width: 50%; } .haopingzhuanjia_box_div1{ font-size: 20px; } .haopingzhuanjia_box_div2{ font-size: 16px; color: #7E7E7E; } .haopingzhuanjia_box_div3{ font-size: 14px; color: #f68; } .itsmore{ display: flex; justify-content: center; color: #7E7E7E; font-size: 14px; } .success_example{ border-top: 1px solid #EEEEEE; display: flex; width: 100%; justify-content: space-around; padding-top: 20px; } .success_example_box{ display: flex; } .success_example_box img{ width: 180px; height: 120px; } .success_example_img{ width: 180px; height: 120px; } .success_example_1{ margin-left: 20px; width: 50%; } .success_example_div1{ font-size: 18px; } .success_example_div2{ margin-top: 10px; font-size: 14px; color: #7E7E7E; } .already_baby{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 20px; } .already_baby_box{ width: 25%; display: flex; align-items: center; margin-bottom: 12px; } .redio_gray{ width: 6px; height: 6px; border-radius: 50%; background-color: #D8D8D8; margin-right: 10px; color: transparent; } .redio_gray_text{ font-size: 14px; color: #525252 ; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; width: 90%; } .shiguanzixun{ width: 50%; display: flex; flex-wrap: wrap; justify-content: space-around; } .shiguanzixun_box{ width: 45%; display: flex; align-items: center; margin-bottom: 20px; } .redio_pink1{ width: 8px; height: 8px; background-color: #FF6688; border-radius: 50%; } .redio_pink12{ width: 10px; height: 7px; background-color: #FF6688; border-radius: 50%; } .redio_pink1_p { font-size: 16px; margin-left: 8px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }