﻿/*字体颜色*/
.icon_list li:hover,.sp_introduce .article_title,.about_doc .SwitchImage .arrow-btn:hover,.department .col_list li a:hover,
ul.btn_list li.Value a i.icon,ul.btn_list li.NoValue a i.icon,.dise_img h2,.dise_img h2 a{color:#2076bd;}
/*背景颜色*/
.doctor .doc_tit,.Department_right .bg_blue h2{ background:#2076bd;}
.department .dep_tit{background: #86bdeb url(/Content/Areas/Common/images/video/shouqi.png) no-repeat 260px center;}
.department .current_ks{background: #2076bd url(/Content/Areas/Common/images/video/zhankai.png) no-repeat 260px center;}
.video_list li:nth-child(3n) {
 margin-right: 0;
}
.video_list{ color:#666; margin-top: 15px;}
.video_list li{float:left;display:inline;height: auto;overflow: hidden;position: relative;width: 230px;margin-bottom:20px;/* padding-right: 15px; */margin-right: 20px;}
.video_list li:nth-child(2n){/* padding-right:0; */}

.img_video{width: 100%;/* height: 107px; */float: left;margin-right: 20px;position: relative;}
.img_video .showTime{position: absolute; background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat;color: #fff;padding: 2px 4px;right: 1px;bottom: 1px;}
.video_list li img{width: 100%;height: 145px;display:block;border:1px solid #ccc;padding:1px;}
.video_list li a.video_btn{/* display: none; */width: 75px;height: 75px;position:absolute;left: 50%;z-index: 12;top: 50%;transform: translate(-50%,-50%);background: url(/Content/Areas/Common/images/common/play.png) no-repeat center;}
.video_list li h2{ font-size:14px; font-weight:normal; line-height:32px;}
.video_list li p{ line-height:24px;}
.video_list li p.play_time{background: url(/Content/Areas/common/images/video/btn_count.png) no-repeat left center;display: block;float: left;padding-left: 15px;width: 190px;display: none;}
.video_list li a.video_btn:hover{background: url(/Content/Areas/Common/images/common/play_btn.png) no-repeat center;}

/*视频文章*/
.icon_list li{ float:left; margin:0 10px;color: #666;line-height: 25px; }
.icon_list li:hover{cursor: pointer; }

.icon_list li.dz_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px 3px;padding-left: 24px;}
.icon_list li.fx_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px -20px;padding-left: 24px;}
.icon_list li.sc_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px -42px;padding-left: 24px;}
.icon_list li.phone_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px -62px;padding-left: 20px;}
.sub_tit span{margin-right: 20px;color: #666; margin-top:5px;line-height: 32px;}
/*相关视频列表*/
.sp_list{width: 248px;background: #000;height: 550px;overflow: hidden;border-left: 2px solid #ccc;padding:0 20px;}
.sp_list .xg_tit{ font-size:18px; color:#fff; line-height:55px;}
.sp_introduce{background: #f1f2f2;height: 62px;padding: 10px;}
.sp_introduce .article_title{ font-size: 16px;line-height: 32px;}
.xgsp_lists li{height: 66px;margin-bottom: 15px;}
.xgsp_lists li .img_box{width:114px; height:66px;float:left;margin-right: 10px; overflow:hidden; position:relative;}
.xgsp_lists li .img_box img{ width:114px; height:66px; }
.xgsp_lists li p.maintitle{height:40px;line-height: 22px}
.xgsp_lists li .maintitle a{color: #fff;font-size: 12px; display:block;}
.xgsp_lists li .liulan{line-height: 32px;color: #fff;font-size: 12px; background:url(/Content/Areas/common/images/video/btn_count.png) no-repeat left center; padding-left: 18px;}
.xgsp_lists li .showTime{position: absolute;bottom: 0px;padding: 0px 8px;background: transparent url("/Content/Areas/Common/images/Article/op_bg.png") repeat;color: #fff;right: 0px;}
.xgsp_lists li:hover,.xgsp_lists li.Cur{background: #3a3a3a}
.xgsp_lists li.Cur .maintitle a{ color:#fff;}
.video_btn{ width:114px;height:66px; }

.icon_list{ position: relative; }
.ewm_b{width: 180px;height: 210px;position: absolute;background: #fff;border: 1px solid #ccc;text-align: center;line-height: 30px;z-index: 99;padding: 10px 5px 0;top: 34px;right: 0; }
.department{ margin-top: 0 !important;}
.FixedField_Img .Img_box {width: 160px;height: 160px;padding: 4px;bottom: -5px;right: -30px;}
h2.Com_tit a.Com_more {display: none;}

.Department_left{ width: 880px;float: left;}
.Department_right{ width: 300px;float: right;}

/*相关咨询*/
.question{ overflow:hidden}
.hd .bt li{ border-radius: 4px 4px 0 0;color: #808080;float: left;font-size: 18px;margin-right: 5px; border:1px #ccc solid; border-bottom:none; height:36px; line-height:36px; width:115px; text-align:center; cursor:pointer}
.hd .bt li.on{ border-color:#9bc7e5; border-bottom:1px #fff solid; position:relative; top:1px; background:url(/Sites/Uploaded/UserUpLoad/20160909/20160909144046.jpg) repeat-x left top; color:#458ac7}
.sp .tit_ul li{ border-radius: 4px 4px 0 0;color: #808080;float: left;font-size: 18px;margin-right: 5px; border:1px #ccc solid; border-bottom:none; height:36px; line-height:36px; width:115px; text-align:center; border-color:#9bc7e5; border-bottom:1px #fff solid; position:relative; top:1px; background:url(/Sites/Uploaded/UserUpLoad/20160909/20160909144046.jpg) repeat-x left top; color:#458ac7}
.sp .tab_box{border:#9bc7e5 1px solid;}

.question ul{width: 591px;padding-top: 10px;float: left;}
.question ul li{line-height: 34px;border-bottom: 1px dotted #ccc;background: transparent url("/Content/Areas/Common/images/Article/icon_2.png") no-repeat scroll 0px center;padding-left: 14px;margin-right: 24px;margin-left:15px;cursor: pointer;}
.question ul li h2{font-size: 14px;color:#333; }
.tab_boxs{border-left:#9bc7e5 1px solid;width: 287px;float: right;padding: 16px;box-sizing: border-box;line-height: 26px;height:274px;background: #f1f1f1;}
.ques_con .ques_tit{background: transparent url("/Content/Areas/Common/images/question/ask_bg.png") no-repeat scroll left 2px;padding-left: 30px;font-size: 14px;color: #333;}
.ques_con .answer_l p,.answer_r p{ color:#999; font-size:12px;padding-left: 30px;}
.ques_con .answer_l p span a,.answer_r p span a{ margin-right:16px;color:#999; font-size:12px;}
.ques_con .answer_r .ques_p{background: url(/Content/Areas/Common/images/question/ask_bg.png) no-repeat left -28px;padding-left: 30px;}
.ques_con .answer_r .ques_p a{font-size: 14px;color: #333;}
p.tx_p{color:#999;font-size: 12px;background: #f4fcff;border: 1px solid #ccc;border-radius: 3px;padding: 4px 10px;}
p.tx_p span{ color:#c60000;}
.question ul .current_li{margin: 0px;border-width: 1px 1px 1px 6px;border-style: solid;border-color: #9bc7e5 #f1f1f1 #9bc7e5 #0573be;padding-left: 24px;background: #f1f1f1 url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat scroll 9px center;position: relative;right: 1px;width: 562px;*width: 522px;_width: 522px;}
/*相关文章栏目*/
.Department_right .article_box{margin-bottom: 10px;}
.Department_right .article_box img{height: 72px;width: 105px;float: left;}
.article_box .count_div{ background: #f2f2f2;padding: 10px 0; height: 52px;}
.Department_right .article_box h2,.Department_right .article_box p{line-height: 26px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.Department_right .bg_blue h2 a{ color:#fff;}
ul.article_list li {padding-left: 15px;background: url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat 0px 12px;line-height: 32px;height: 32px;overflow: hidden;}
/*相关疾病*/
.disease h2.Com_tit{color: #e77d00;}
.disease h2.Com_tit span {border-left: 3px solid #e77d00;}
.dise_tit{ color: #fff;font-size: 18px;line-height: 44px;margin-bottom: 1px; padding-left: 10px;}
.msgbox{ display:none !important}
ul.dise_list{ border-top:1px solid #ededed;padding-top: 10px;margin-top: 10px;}
h2.dise_name{font-size: 16px;line-height: 32px;}
h2.dise_name a{ color:#e77d00;}
.Department_right .disease .con_p p{height: 90px;overflow: hidden;}
.dise_img{margin-right: 15px;float: left;width: 125px; border:1px solid #e5e5e5; padding:1px}
.dise_img img{width: 125px;height: 95px;}
.dise_img h2{font-weight:normal; text-align:center; line-height:28px; font-size:12px;}
.dise_column li{ float:left; line-height:40px; background:url(/Content/Areas/Common/images/department/icon2.png) no-repeat 0 center; padding-left:16px;margin-right: 15px;}
ul.dise_list li{line-height: 32px;float: left;padding-right: 15px;}
ul.dise_list li a{padding-left: 15px;background: url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat 0px center}
img.dise_imgInd{width:320px;height:205px;padding:3px;border:1px solid #ededed;float: left;margin-right: 15px;}
.dep_detials:hover{ font-weight: 700;}
.dise_column li .lv2_ul{ display: none; }
/*相关科室*/
.department .dep_tit{ line-height: 44px;color: #fff;font-size: 18px;padding-left: 10px;margin-bottom: 1px;}
.department .dep_tit:hover{ cursor: pointer;}
.department .img_box{ display:block; width:100%; height:160px; overflow:hidden; position:relative;}
.department .dep_img{width: 100%; height: 160px;}
.department h2.gd_tit{position: absolute;bottom: 0px;line-height: 32px;background: #000;width: 100%;opacity: 0.7;color:#fff;font-size: 16px;padding-left: 10px;}
.department .dep_list{border: 1px solid #ddd;}
.department p{line-height: 26px;color: #666;padding: 10px 16px;*height: 76px;_height: 76px;}
.department .col_list{margin: 0px 16px;border-top: 1px solid #ddd;padding: 10px 0;*padding: 0; _padding: 0; *padding-bottom: 36px; _padding-bottom: 36px; }
.department .col_list li{ float:left;width: 44%;height: 32px;overflow: hidden;}
.department .col_list li ul.lv2_ul{display: none}
.department .col_list li a{ color:#666;}
.department .col_list li p{ padding: 0;line-height: 32px;}
.department .Key_Box a{ color: #666;}

/*相关医生*/
.doctor .doc_tit{ color: #fff;font-size: 18px;line-height: 44px;margin-bottom: 1px; padding-left: 10px;}
.about_doc .SwitchImage{ position:relative; width:100%; height:167px; margin:0 auto;}
.about_doc .SwitchImage .swiper-box{ height:167px;width:94%;}
.about_doc .SwitchImage .pagination{ display: none;}

.Com_l{float: left;margin-right: 10px;width: 116px;height: 156px;border: 1px solid #ccc; padding:4px;position:relative;z-index: 1}
.Com_l .doct_img{ width:116px; height:156px; overflow:hidden;display: block;}
.Com_l .doct_img img{ width: 100%;height: 100%;}
.Com_l img:hover{-webkit-transform:scale(1.05);-moz-transform: scale(1.05);-o-transform:scale(1.05);}
.doct_con{height: 158px;position:relative;}
.doct_con p span.color_tit{ font-size:16px;margin-right: 10px; }
.doct_con p{ line-height: 26px;}
.about_doc .SwitchImage .arrow-btn {position: absolute;top: 80px;color: #c2c2c2;display: block;font-size: 37px;width: 20px;font-family: "宋体";}
.about_doc .SwitchImage .btn-right{ right:0;}

/*底部默认展示样式*/
.bot_box{position: absolute;left:130px;bottom:0;*left:0px}
.bot_box .box{position: relative;}
ul.btn_list li{float: left;transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s}
ul.btn_list li a i.icon{display: block;width:30px;height:30px;margin:0 auto;}
ul.btn_list li.line{display: block;width:1px;background: #ededed;margin:3px 5px 0;height:40px;}
ul.btn_list li.Value a i.icon,ul.btn_list li.NoValue a i.icon{background-image:url(/Content/Areas/Common/images/question/icon_20.png);background-repeat: no-repeat; }
ul.btn_list li a{width:36px;display: block;text-align: center;}
ul.btn_list li.FixedField_1.Value a i.icon{background-position:left 0px;}
ul.btn_list li.FixedField_2.Value a i.icon{background-position:left -88px;}
ul.btn_list li.FixedField_3.Value a i.icon{background-position:left -177px;}
ul.btn_list li.FixedField_4.Value a i.icon{background-position:left -265px;}
ul.btn_list li.FixedField_5.Value a i.icon{background-position:left -353px;}
ul.btn_list li.FixedField_6.Value a i.icon{background-position:left -442px;}
ul.btn_list li.FixedField_7.Value a i.icon{background-position:left -530px;}

ul.btn_list li.FixedField_1.Value a:hover i.icon{background-position:center 0px;}
ul.btn_list li.FixedField_2.Value a:hover i.icon{background-position:center -88px;}
ul.btn_list li.FixedField_3.Value a:hover i.icon{background-position:center -177px;}
ul.btn_list li.FixedField_4.Value a:hover i.icon{background-position:center -265px;}
ul.btn_list li.FixedField_5.Value a:hover i.icon{background-position:center -353px;}
ul.btn_list li.FixedField_6.Value a:hover i.icon{background-position:center -442px;}
ul.btn_list li.FixedField_7.Value a:hover i.icon{background-position:center -530px;}

/*未开启功能按钮样式*/
ul.btn_list li.FixedField_1.NoValue a i.icon{background-position:right 0px;}
ul.btn_list li.FixedField_2.NoValue a i.icon{background-position:right -88px;}
ul.btn_list li.FixedField_3.NoValue a i.icon{background-position:right -177px;}
ul.btn_list li.FixedField_4.NoValue a i.icon{background-position:right -265px;}
ul.btn_list li.FixedField_5.NoValue a i.icon{background-position:right -353px;}
ul.btn_list li.FixedField_6.NoValue a i.icon{background-position:right -442px;}
ul.btn_list li.FixedField_7.NoValue a i.icon{background-position:right -530px;}
ul.btn_list li.NoValue a{color: #ccc}
ul.btn_list li.NoValue a:hover{color:#ccc }
.video_list li h2 a {
  font-weight: bold;
}
ul.btn_list li.btn_more{width: 30px;height: 46px;}
ul.btn_list li.btn_more a.more_icon{width: 30px;height: 46px;display: block;background: url(/Content/Areas/Common/images/question/btn_more.png) -42px center no-repeat;}
ul.btn_list li.btn_more a.more_icon:hover{background:url(/Content/Areas/Common/images/question/btn_more.png) 8px center no-repeat;}
li.btn_more ul.btn_icon{width: 302px;height: 100px;position: absolute;right: -3px;top: -104px;background: #fff;z-index: 1000;border: 1px solid #ccc;padding: 10px 0;display: none; }
li.btn_more ul.btn_icon li{width:80px;height:36px;line-height: 36px;padding:0 10px;}
li.btn_more ul.btn_icon li a{width:auto;text-align: left;}
li.btn_more ul.btn_icon li a i.icon{margin:0;float: left;margin-right: 5px;}

/*微信二维码弹窗*/
.FixedField_Img{position: relative;}
.FixedField_Img .Img_box{position: absolute;width:120px;height:120px;background: #fff;padding:2px;bottom:0px;right:-59px;z-index: 10000}
.FixedField_Img .Img_box img{width: 100%;height:auto;}


@media only screen and (max-width:768px){
 .sp_list {width: 25%;padding: 0 2%;height: 460px;}
 .sp_current{ width: 70%; }
 #ckplayer_a1,#a1{ width: 100% !important; height: 460px !important;}

 /*视频详细页*/
 #department { float: left;width: 48%; }
 #article{ float: right;width: 49%; }

 .video_list{ box-sizing:border-box;}
 .video_list li{ width:50%; padding-right:10px; box-sizing:border-box;} 
 .sp_current{ width:100%;overflow: hidden; }
 .sp_list { display: none; }
 .sp_introduce{ height: auto; }

 .Department_left,.Department_right{width: 100%;float: none;}
 .about_doc .SwitchImage .swiper-box{width: 780px;}
 .about_doc .SwitchImage{width: 360px;overflow: hidden;}
 .about_doc .SwitchImage .arrow-btn,.tab_boxs{display: none;}
 .question ul{width: 100%;float: none;box-sizing: border-box;}
 .question ul li,.question ul .current_li{width: 100%; border: none;border-bottom: 1px solid #ccc;box-sizing: border-box;margin: 0;
 background: transparent url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat scroll 8px center;padding-left: 24px;}
 .department .dep_tit{background: #86bdeb url(/Content/Areas/Common/images/video/shouqi.png) no-repeat right center;}
 .department .dep_tit.current_ks{background: #2076bd url(/Content/Areas/Common/images/video/zhankai.png) no-repeat right center;}

}

@media only screen and (max-width:602px){
 .video_list li{ width:100%; padding-right:0; } 
 #ckplayer_a1,#a1{ width: 100% !important; height: 400px !important;}
 /*视频详细页*/
 #department { float: left;width: 100%; }
 #article{ float: right;width: 100%; }
}
@media only screen and (max-width:460px){
 #ckplayer_a1,#a1{ width: 100% !important; height: 300px !important;}
}
@media only screen and (max-width:360px){
 .about_doc .SwitchImage {width: 100%;}
}  