.icon-index { display:inline-block; background: url(../images/icons-index.png) no-repeat; vertical-align: text-top; overflow:hidden; *display:inline; *zoom:1;}
.icon-3jia { width: 36px; height: 36px; background-position: 0 0;}
.icon-3yi { width: 36px; height: 36px; background-position: -40px 0;}
.icon-hoslevel { width: 36px; height: 18px; background-position: 0 -40px;}

.i-banner-slider-w { z-index: 1;}
.i-banner-slider { position: relative; height: 350px; overflow: hidden; *zoom:1;}
.i-banner-slider li a {background-position:center 50%; background-repeat:no-repeat; background-size:cover; display:block; width:100%; height:100%;}
.i-banner-slider .lx-wrapper .lx-pager { bottom:15px;}
.i-banner-slider .lx-wrapper .lx-pager a { width: 8px; height: 8px; background-color:transparent; border:2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.i-banner-slider .lx-wrapper .lx-pager a:hover { background-color:transparent;}
.i-banner-slider .lx-wrapper .lx-pager a.active { background-color:#fff;}

.section-index {}
.section-index-con { padding-left: 260px; width: 940px; border-top-width: 1px; border-top-style: solid; background-color:#fff;}
.section-index-con .link-more-index { right:30px; top:15px; z-index:49;}
.section-index-con .tabs-one .tabs-hd a { line-height: 49px;}
.section-index-con .tabs-one .tabs-hd a.curr { line-height: 49px; color:#222;}
.section-index-con .tabs-one .tabs-hd a:hover { color:#222;}

.sec-guahao-banner { width: 260px; height: 430px; background:url(../images/index-sec-gh.jpg) no-repeat;}
.sec-ask-banner { width: 260px; height: 450px; background:url(../images/index-sec-ask.jpg) no-repeat;}
.sec-find-banner { width: 260px; height: 450px; background:url(../images/index-sec-find.jpg) no-repeat;}
.sec-guahao .section-index-con { border-top-color:#85d58c; background:#fff url(../images/index-sec-gh.jpg) no-repeat;}
.sec-ask .section-index-con { border-top-color:#fecc7f; background:#fff url(../images/index-sec-ask.jpg) no-repeat;}
.sec-find .section-index-con { border-top-color:#66ccfc; background:#fff url(../images/index-sec-find.jpg) no-repeat;}

/*挂号*/
.hos-img-list li { display: inline; float: left; width: 235px;}
.hos-img-list .hos-img-w { display: block; cursor: pointer; -webkit-transition: all .5s ease; -o-transition:  all .5s ease; transition: all .5s ease;}
.hos-img-list .hos-img { position: relative; height: 130px; overflow: hidden;}
.hos-img-list .hos-img img { display: block; width: 190px; height: 130px;}
.hos-img-list .hos-img .icon-index { position: absolute; left: 0; top:0;}
.hos-img-list .hos-name { text-align: center; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.hos-img-list .btn-hos-quick { display: block; width: 78px; height: 30px; margin-left: auto; margin-right: auto; background-color:#fff; border:1px solid #37c249; color:#37c249; text-align: center; line-height: 30px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; cursor: pointer; -webkit-transition:all 0.4s ease-in;-moz-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;}
.hos-img-list .hos-img-w:hover { color:#555; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1); box-shadow: 0 0 8px rgba(0,0,0,.1);}
.hos-img-list .btn-hos-quick:hover { background-color:#3cc14d; color:#fff;}
.hos-img-list .hos-img::before {
    background: -webkit-gradient(linear, left center, right center, from(rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left center , rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -ms-linear-gradient(left center, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: rgba(0, 0, 0, 0) linear-gradient(left center , rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    content: "";
    height: 130px;
    left: -110px;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 80px;
}
.hos-img-list .hos-img:hover::before {
    left: 205px;
    -webkit-transition:left 1s ease;-moz-transition:left 1s ease;-o-transition:left 1s ease; transition:left 1s ease;
}

.hos-txt-list li a { display:inline; float:left; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; zoom:1;}
.hos-txt-list li a:link, .index-hot li a:visited { color:#555;}
.hos-txt-list li a:hover { color:#e44319;}
.hos-txt-list li .l-hot { position:relative; margin-right: 5px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; zoom:1;}
.hos-txt-list li .icon-hoslevel { margin-top: 2px; text-align: center; line-height: 18px; font-size:12px; color:#eb6100;}
.list-col4 li { display:inline; float:left; margin-left: 15px; width:220px; padding-bottom: 30px; _position: relative; _zoom:1;}
.list-col4 li a { max-width: 220px; _width:expression(this.scrollWidth<220?"auto":"220px");}
.list-col4 li .l-hot { max-width: 175px; _width:expression(this.scrollWidth<175?"auto":"175px");}

.zhuanke-list-w { padding:15px 120px 15px 30px;}
.zhuanke-list li { display: inline; float: left; margin-right: 30px;}
.zhuanke-list .btn-pill, .zhuanke-list .btn-pill-inner { background:none;}
.zhuanke-list .btn-pill:hover, .zhuanke-list .btn-pill-active { background:url(../images/icons-index.png) 0 -180px; _background-image:url(../images/icons-index-ie6.png);}
.zhuanke-list .btn-pill:hover .btn-pill-inner, .zhuanke-list .btn-pill-active .btn-pill-inner { background-image:url(../images/icons-index.png); _background-image:url(../images/icons-index-ie6.png);}

.tab-zhuanke .hos-img-list .hos-img-w { height: 280px;}
.sec-guahao .tabs-bd { position: relative;}
.sec-guahao .tabs-bd-box { position: relative; height: 378px; background-color:#fff; z-index: 1;}
.sec-guahao .tabs-bd-box.curr { z-index: 2;}
.sec-guahao .tab-zhuanke { position: absolute; left: 0; top:0; width:100%; height: 100%;}
.sec-guahao .tab-zhuanke .lx-pager { display: none; top:-35px; bottom:auto; right: 0; width: 60px; padding-top: 0; padding-right: 30px; background-color:#fff; text-align: right;}
.sec-guahao .tab-zhuanke .lx-wrapper .lx-pager a { width: 8px; height: 8px; color:#eee; background-color:transparent; text-indent: 0; font-size:17px; font-weight: normal;}
.sec-guahao .tab-zhuanke .lx-wrapper .lx-pager a:hover { background-color:transparent;}
.sec-guahao .tab-zhuanke .lx-wrapper .lx-pager a.active { color:#3cc14d; background-color:transparent;}
.sec-guahao .tab-zhuanke.curr .lx-pager { display: block;}
.starrate { position: relative; display: inline-block; width: 80px; height: 12px; background:url(../images/starrate.png) no-repeat 0 -12px; overflow: hidden; *display: inline; *zoom:1;}
.starrate-inner { position: absolute; left: 0; top:0; height: 12px; background:url(../images/starrate.png) no-repeat;}
.starrate-0 .starrate-inner { width: 0;}
.starrate-1 .starrate-inner { width: 12px;}
.starrate-2 .starrate-inner { width: 29px;}
.starrate-3 .starrate-inner { width: 46px;}
.starrate-4 .starrate-inner { width: 63px;}
.starrate-5 .starrate-inner { width: 80px;}

/*问医生*/
.quickask { width: 234px; height: 399px; position: relative; z-index: 2;}
.quickask-img { height: 240px; background:url(../images/index-quickask-img.jpg) no-repeat center top;}

.w180 { width: 180px; margin-left: auto; margin-right: auto;}
.ask-via-net { width: 705px;}
.ask-via-phone { width: 940px;}
.doc-list {}
.doc-list li { display: inline; float: left; width: 234px; height: 199px; line-height: 20px; -webkit-transition: all .5s ease; -o-transition:  all .5s ease; transition: all .5s ease;}
.doc-list .doc-img-w { display: block; width: 80px; height: 80px; margin-left: auto; margin-right: auto;}
.doc-list .doc-img-w img { width: 80px; height: 80px;}
.doc-list .askbtn-wrap { position: absolute; left: 0; top:0; width: 100%; height: 100%; _height: 50px; background-color:#fff; opacity:0; -webkit-transition: all .4s ease; -o-transition:  all .4s ease; transition: all .4s ease; display: none\0; *display: none;}
.doc-list li.hover { position: relative; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1); box-shadow: 0 0 8px rgba(0,0,0,.1); z-index: 2;}
.doc-list li.hover .askbtn-wrap { opacity:1; z-index: 2; display: block\0; *display: block;}
.doc-list li.nodata { -webkit-box-shadow: none; box-shadow: none;}
.doc-list .doc-wrapper { height: 159px;}
.sec-ask .lx-wrapper .lx-pager { top:-35px; bottom:auto; width: 625px; padding-top: 0; padding-right: 80px; background-color:#fff; text-align: right;}
.sec-ask .lx-wrapper .lx-pager a { width: 8px; height: 8px; color:#eee; background-color:transparent; text-indent: 0; font-size:17px; font-weight: normal;}
.sec-ask .lx-wrapper .lx-pager a:hover { background-color:transparent;}
.sec-ask .lx-wrapper .lx-pager a.active { color:#3cc14d; background-color:transparent;}
.sec-ask .tabs-bd { position: relative; width: 940px; height: 399px; background-color:#fff; z-index: 1;}
.sec-ask .tabs-bd-box { position: absolute; left:0; top:0; width: 100%; height: 100%; background-color:#fff; z-index: 1;}
.sec-ask .tabs-bd-box.curr { z-index: 2;}
.ask-via-phone .lx-wrapper .lx-pager { right: 0;}

/*找医生*/
.sec-find .common-dis { width: 235px;}
.common-dis {}
.common-dis-header { height: 49px; border-bottom:1px solid #eee;}
.common-dis-class { position: relative; *zoom:1;}
.common-dis-class-txt { line-height: 1.5; padding: 13px 15px;}
.common-dis-class .arr { display:inline-block; width:0; height:0; margin: 8px 0 0 7px; line-height: 0; border-width:5px; border-color:#aaa transparent transparent; border-style: solid dashed dashed; vertical-align: text-top; -webkit-transform-origin: 50% 25%;
-moz-transform-origin: 50% 25%;
-ms-transform-origin: 50% 25%;
-o-transform-origin: 50% 25%;
transform-origin: 50% 25%;-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease; *display:inline; *zoom:1;}
.common-dis-hover .arr {-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.common-dis-subnav { display:none; position:absolute; left:0; top:49px; width:115px; background-color: #fff; border:1px solid #e1e1e1; -webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);box-shadow: 0 0 5px rgba(0,0,0,.1); z-index: 2;}
.common-dis-subnav li { height:36px; line-height:36px; border-bottom: 1px solid #f2f2f2;}
.common-dis-subnav li.last { border:0 none;}
.common-dis-subnav li a { float:none; display: block; padding:0 15px; height:36px; background-color: #fff; font-size:14px; line-height: 36px; color:#555; border:0; text-align: left;}
.common-dis-subnav li a:hover { background-color: #f2f2f2; color:#555; border:0;}
.common-dis-subnav-arr, .common-dis-subnav-arr em { position:absolute; display:block; width:0; height:0; line-height: 0; border-width:5px; border-color:transparent transparent #d8d8d8 transparent; border-style:dashed dashed solid dashed;}
.common-dis-subnav-arr { left:40px; top:-11px;}
.common-dis-subnav-arr em { left:-5px; top:-4px; border-color:transparent transparent #ffffff transparent; border-style:dashed dashed solid dashed;}
.common-dis-hover .common-dis-subnav { display:block;}
.common-dis-list-w { height: 355px; overflow: hidden;}
.common-dis-list li { display: inline; float: left; padding:0 5px 18px;}

.btn-pill { display: inline-block; padding-left: 12px; height: 28px; background:url(../images/icons-index.png) no-repeat 0 -120px; _background-image:url(../images/icons-index-ie6.png); cursor: pointer; *display: inline; *zoom:1;}
.btn-pill-inner { display: inline-block; padding-right: 12px; height: 28px; background:url(../images/icons-index.png) no-repeat right -150px; _background-image:url(../images/icons-index-ie6.png); *display: inline; *zoom:1;}
.pill-txt { display: inline-block; height: 28px; padding:0 3px; font-size:12px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; *display: inline; *zoom:1;}
.btn-pill-highlight { background-position: 0 -60px; color:#3cc14d;}
.btn-pill-highlight .btn-pill-inner { background-position: right -90px;}
.btn-pill:hover, .btn-pill-active { background-position: 0 -180px; color:#fff;}
.btn-pill:hover .btn-pill-inner, .btn-pill-active .btn-pill-inner { background-position: right -210px;}
.section-index .btn-pill { max-width: 193px;}
.section-index .btn-pill-inner { max-width: 181px;}
.section-index .pill-txt { max-width: 175px; _width:expression(this.offsetWidth<175?'auto':'175px');}

.recommend-doc { width: 705px;}
.recommend-doc-header { height: 49px;}
.recommend-doc-header h4 { line-height: 29px;}
.recommend-doc .doc-list .askbtn-wrap { height: 45px\9;}

/*banner加效果*/
.instrance-img::before{
	background: -webkit-gradient(linear, left center, right center, from(rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left center , rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -ms-linear-gradient(left center, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: rgba(0, 0, 0, 0) linear-gradient(left center , rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    content: "";
    height: 100%;
   
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 250px;
    /*-webkit-transition:left 2s ease;-moz-transition:left 1s ease;-o-transition:left 2s ease; transition:left 2s ease;*/
    animation:fade-left 2s infinite;
    -webkit-animation:fade-left 2s infinite;
    -moz-animation:fade-left 2s infinite;
}
@-webkit-keyframes fade-left{
	from{ left: -100%;}
	to{left: 110%;}
}
@keyframes fade-left{
	from{ left: -100%;}
	to{left: 110%;}
}
@moz-keyframes fade-left{
	from{ left: -100%;}
	to{left: 110%;}
}
/* 广告系统 */
.advert-hosp{ width:259px; height:428px; position:absolute; left:0; top:0; border-right:1px solid #eee;}
.advert-hosp .hos-img-list .hos-img{ width:100%; height:320px;}
.advert-hosp .hos-img-list .hos-img img{ width:100%; height:100%;}
.advert-tit{ line-height:49px; border-bottom:1px solid #e1e1e1; padding-left:15px; font-size:16px;}
.advert-hosp .hos-img-list .hos-img:hover::before{ left: -110px;}
.advert-hosp .hos-img-list .hos-name{ line-height:60px; font-size:16px; color:#555;}
.advert-doct{ height:450px;}
.advert-expe{ height:450px;}
.advert-doct .hos-img-list a, .advert-expe .hos-img-list a{ height:399px;}
.advert-doct .hos-img-list .hos-name{ line-height:25px; font-size:16px; color:#555; padding-top:10px;}
.advert-expe .hos-img-list .hos-img{ width:180px; height:180px; margin:0 auto; padding-top:40px;}
.advert-expe .hos-img-list .hos-img img{ border-radius:50%;}
.advert-expe .hos-img-list .hos-name{ line-height:30px;}
.advert-expe .hos-img-list .hos-name .c-btn{ width:180px; height:45px; line-height:45px; padding:0; font-size:18px;}

/*预热弹窗*/
.over-lay {position: fixed;_position: absolute;left: 0;top: 0;width: 100%;height: 100%;_width: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth));_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight));background-color: #000;opacity: .5;filter: alpha(opacity=50);z-index: 1001;}
.preheat-pop {width: 440px;height: 720px;position: fixed;top: 50%;left:50%;margin-top: -360px;margin-left: -220px;z-index: 1002;}
.preheat-pop .main-box{ width:100%; height:100%; position:relative; background:url(../images/activity/718new/bg.png) center center no-repeat; background-size:auto 100%; }
.preheat-pop .main-box ul{position:absolute; overflow:hidden; top:37%; left:50%; margin-left: -160px;}
.preheat-pop .main-box li{float: left; font-size: 28px; color:#fff; line-height:50px; margin:0 2px; margin-top:11px;}
.preheat-pop .main-box li.count-no{ display:block; width:50px; height:50px; line-height:50px; text-align:center; position:relative; background:#fff; border-radius:2px; margin-top:0; color:#333; font-size:.9rem; font-weight:bold; box-sizing:border-box; padding-top:1px;}
.preheat-pop .main-box li.count-no:before{ content:''; display:block; width:100%; height:1px; background:#cbcbca; position:absolute; left:0; top:50%;}
.preheat-pop .main-box li.count-no span{ display:block; width:100%; height:100%; position:relative; z-index:1;font-size: 36px;}
.preheat-close {display: block;width: 50px;height: 50px;background: url(../images/activity/718new/icon.png) 0 0 no-repeat;position: fixed;left: 50%;top: 50%;margin-top: -360px;margin-left: 250px;}
.preheat-close:hover {background-position: -50px 0;}
