@charset "utf-8";
/* CSS Document */
@import url("common.css");

/*首页*/
.inPpzx{  padding-top: 130px}
.inPpzx .inPl{ width: 698px; float: left; position: relative}
.inPpzx .inPl .inTit{ position: relative; position: absolute; left: 0; top: 90px;}
.inPpzx .inPl .inTit h2{ font-size: 30px; color: #305FA2; font-weight: normal}
.inPpzx .inPl .inTit i{ font-size: 45px; font-weight: bold; color: #ddd; display: block; height: 38px; padding-bottom: 10px}
.inPpzx .inPl .inPlCon{ overflow: hidden;height: 575px;}
.inPpzx .inPl .inPlCon li{ overflow: hidden;height: 532px;}
.inPpzx .inPl .inPlCon .inPlCtext{ width: 335px; float: left; padding-top: 200px}
.inPpzx .inPl .inPlCon .inPlCtext b{display: block; font-size: 20px; line-height: 27px}
.inPpzx .inPl .inPlCon .inPlCtext b::after{display: block; width: 62px; height:3px; background: #305FA2; content:""; margin-top: 15px}
.inPpzx .inPl .inPlCon .inPlCtext p{ padding: 15px 0 50px; font-size: 16px; line-height: 27px}
.inPpzx .inPl .inPlCon .inPlCtext p a{ color: #305FA2;}
.inPpzx .inPl .inPlCon .inPlCtext i{display: block; width: 177px; height: 51px; background: url("../images/ppzxbtn.jpg") no-repeat; color: #fff; cursor: pointer; font-size: 18px; line-height: 38px; text-indent: 39px}
.inPpzx .inPl .inPlCon .inPlCtext i a{ color: #fff; display: block; width: 100%; height: 100%;}
.inPpzx .inPl .inPlCon .inPlPage{ padding-top: 25px; margin-left: 510px}
.inPpzx .inPl .inPlCon .inPlPage li{ width: 10px; height: 10px; text-indent: 999px; overflow: hidden; display: inline-block; margin: 0 6px; background: #ccc; border-radius: 50%}
.inPpzx .inPl .inPlCon .inPlPage li.on{ background: #305FA2}
.inPpzx .inPl .inPlCon .inPlCimg{ width: 325px; height: 100%; float:right; background: #ccc; cursor: pointer;}
.inPpzx .inPl .inPlCon .inPlCimg img{width: 100%; height: 100%;}
.inPpzx .inPr{ width: 340px; float: right; padding-top: 100px}
.inPpzx .inPr .inPrTit{ margin-bottom: 25px; }
.inPpzx .inPr .inPrTit li{ display: inline-block; padding-right: 28px; border-right: 1px solid #ccc; height: 24px; margin-right: 28px; font-size: 20px;}
.inPpzx .inPr .inPrTit li a{ background-position: center bottom }
.inPpzx .inPr .inPrTit li:nth-of-type(2){ border-right: none }
.inPpzx .inPr .inPrTit li.on a{ display: block; color: #305FA2; background: url("sj.jpg")/*tpa=http://www.ybs120.com/imgnew/sj.jpg*/ no-repeat center bottom; border-bottom: 2px solid #305FA2; padding-bottom: 15px;}
.inPrCon{ height: 322px; overflow: hidden; }
.inPrCon li{overflow: hidden; font-size: 16px; height: 46px; line-height: 46px;}
.inPrCon li i{display: block; width: 72px; text-align:right; color: #bdbdbd; float: right}
.inPrCon li b{ display: inline-block; margin-left: 4px;width: 35px; height: 20px; background: url("hot.jpg")/*tpa=http://www.ybs120.com/imgnew/hot.jpg*/ no-repeat}

.inItem{ padding-top: 130px; position: relative;}
.inIit{ text-align: center; height: 75px; padding-bottom: 100px;}
.inIit span{color: #ddd; font-size: 87px; display: inline-block;}
.inIit p{display: inline-block; padding-left: 5px; font-size: 24px; color: #787878; text-align: left}
.inIit p b{ font-size: 36px; color: #305FA2; display:block; padding-bottom: 20px;}
.inItemCon{ overflow: hidden;}
.inItemCon .inItemUl{ height: 570px; overflow: hidden; width: 100%;}
.inItemCon .inItemUl li{ width: 337px; height: 514px; margin-right:25px; margin-left:10px; overflow: hidden; padding-top: 45px; float: left; background-color: #e9e7ec; background-position: center 65px;  background-repeat: no-repeat; position: relative; border-radius:10%;}
.inItemUl li.itemp1{ background-image: url("../images/initemp1.png")}
.inItemUl li.itemp2{ background-image: url("../images/initemp2.png")}
.inItemUl li.itemp3{ background-image: url("../images/initemp3.png")}
.inItemUl li.itemp4{ background-image: url("../images/initemp4.png")}
.inItemUl li.itemp5{ background-image: url("../images/initemp5.png")}
.inItemUl li.itemp6{ background-image: url("../images/initemp6.png")}
.inItemCon .inItemUl *,.qhBtn{ transition:ease all 0.5s}
.inItemA{ padding-top: 280px}
.inItemUl li .inItemA a{display: block; width: 162px; margin: 0 auto; text-align: center; font-size: 22px; color: #305FA2; background: url("itemdz.png")/*tpa=http://www.ybs120.com/imgnew/itemdz.png*/ no-repeat center; font-weight: bold}
.inItemUl li .inItemA b{ display: block; text-align: center; font-size: 16px; color: #999; padding: 10px 0 0; font-weight: lighter}
.inItemUl li i a{display: block; width: 158px; height: 40px; margin: 0 auto; color: #fff; background:#305FA2; text-align: center; line-height: 40px; font-size: 18px; cursor: pointer; position: absolute; bottom: 43px; left: 94px;}
.inItemUl li i a:hover{ background: #fff; color: #305FA2;}
.inItemCon .inItemUl li:hover{ background: #454545; background-position: center -400px}
.inItemCon .inItemUl li:hover .inItemA{ padding-top: 16px}
.inItemCon .inItemUl li:hover .inItemA b{color: #fff;}
.inItemCon .inItemUl li:hover i{ animation: itembtn 0.6s ease}
@keyframes itembtn{
	0%{ transform: scale(0)}
	50%{ transform: scale(0)}
	100%{ transform: scale(1)}
}
.inItemIco{ width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background-color: #305FA2; background-position: center; background-repeat: no-repeat; transform: scale(0)}
.inItemIco.ico1{ background-image: url("../images/itemi1.png")}
.inItemIco.ico2{ background-image: url("../images/itemi2.png")}
.inItemIco.ico3{ background-image: url("../images/itemi3.png")}
.inItemIco.ico4{ background-image: url("../images/itemi4.png")}
.inItemIco.ico5{ background-image: url("../images/itemi5.png")}
.inItemIco.ico6{ background-image: url("../images/itemi6.png")}
.inItemCon .inItemUl li:hover .inItemIco{transform: scale(1)}
.inItemCon .inItemUl li em{display: block; padding: 20px 5px; border-bottom: 1px solid #6e6e6e; border-top: 1px solid #6e6e6e; margin: 150px 50px 23px; color: #fff; text-indent: 2em}
.inItemCon .inItemUl li:hover em{ margin-top: 23px}
.inItemCon .inItemUl li p{ padding: 0 50px;}
.inItemCon .inItemUl li p a{ display: block; height: 30px; line-height: 30px; overflow: hidden; background: url("sanjiao.png")/*tpa=http://www.ybs120.com/imgnew/sanjiao.png*/ no-repeat 2px; padding-left: 19px; color: #c9c9c9;}
.inItemCon .inItemUl li p a:hover{ color: #305FA2; background: url("../images/sanjiaoH.png") no-repeat 2px; }
.inItemCon .inItemUl li:hover p{ margin-top: 0}
.qhBtn{ width: 37px; height: 132px; position: absolute; top: 508px; cursor: pointer; background: url("../images/itemqh.png") no-repeat center;}
.qhBtn:hover{ background: url("../images/itemqh_h.png") no-repeat center}
.qhBtn.inItemQhP{ left: -52px;}
.qhBtn.inItemQhN{ right: -62px; transform: rotate(-180deg)}
.qhBtn.inItemQhP:hover{ left: -40px}
.qhBtn.inItemQhN:hover{ right: -50px}

.inYs{ padding-top: 130px;}
.inYs *{ transition: ease all 0.5s }
.inYs .inYsCon{ height:455px; background: url("../images/inysxian.jpg") no-repeat left; background-size: 2px auto; width: 1245px;}
.inYs .inYsCon:hover{ width: 1576px;}
.inYs .inYsCon li{ width: 153px; background: url("../images/inysxian.jpg") no-repeat right; padding-right: 2px; float: left;}
.inYs .inYsCon li:hover{ width: 489px; background: url("../images/inysxian.jpg") no-repeat right,url("../images/ysbg.jpg") no-repeat center -50px;}
.inYs .inYsCon li:hover .inYsMain .inYsName{ transform: translateX(-100px);}
.inYs .inYsCon li .inYsMain{ overflow: hidden; position:relative;}
.inYs .inYsCon li.y1 .inYsMain{ background: url("../images/inys1.png") no-repeat 2px 0;}
.inYs .inYsCon li.y2 .inYsMain{ background: url("../images/inys2.png") no-repeat;}
.inYs .inYsCon li.y3 .inYsMain{ background: url("../images/inys3.png") no-repeat;}
.inYs .inYsCon li.y4 .inYsMain{ background: url("../images/inys4.png") no-repeat;}
.inYs .inYsCon li.y5 .inYsMain{ background: url("../images/inys5.png") no-repeat;}
.inYs .inYsCon li.y6 .inYsMain{ background: url("../images/inys6.png") no-repeat;}
.inYs .inYsCon li.y7 .inYsMain{ background: url("../images/inys7.png") no-repeat;}
.inYs .inYsCon li.y8 .inYsMain{ background: url("../images/inys8.png") no-repeat;}
.inYs .inYsCon li:nth-child(even) .inYsMain{ margin-top:54px;}
.inYs .inYsCon li .inYsMain .inYsName{ width: 80px; margin-top: 244px; margin-left:20px; overflow: hidden;}
.inYsName i{display: block; width: 22px; padding-bottom: 10px; font-size: 16px; padding-right: 5px; margin-right: 10px; line-height: 17px; border-right: 1px solid #333; color: #333; float: left}
.inYsName b{display: block; width: 30px; font-size: 24px; color: #333; line-height: 26px; float: left; box-shadow:2px #fff}
.inYstext{ width: 266px; overflow: hidden; position: absolute; top: 100px; left:207px; opacity: 0}
.inYstext b{ display: block; font-size : 28px }
.inYstext p{ padding: 24px 0 10px; line-height: 30px }
.inYstext i{display: block; color: #305FA2; font-size: 18px}
.inYstext span{display: block; padding:10px 0 42px}
.inYstext a{display: block; width: 170px; height: 38px; line-height: 38px; border: 1px solid #ccc; text-align: center; font-size: 18px; color: #305FA2; float: right}
.inYstext a:hover{ background: #305FA2; color: #fff; border:1px solid #305FA2; }
.inYs .inYsCon li:hover .inYsMain .inYstext{ top: 61px; opacity: 1}
.inYsBtn{ width: 424px; margin:100px auto 0; overflow: hidden;}
.inYsBtn *{display: block; color: #fff; font-size: 18px; text-indent: 40px; width: 177px; height: 51px; line-height: 38px; cursor: pointer;}
.inYsBtn i{ background: url("../images/ppzxbtn.jpg")/*tpa=http://www.ybs120.com/imgnew/ppzxbtn.jpg*/ no-repeat; float: left}
.inYsBtn i2{ background: url("../images/ppzxbtn2.jpg")/*tpa=http://www.ybs120.com/imgnew/ppzxbtn2.jpg*/ no-repeat; float: right; color: #fff;}
.inYsBtn a{ color:#fff;}

.inPp{ padding-top: 130px; margin-bottom:85px;}
.inPp .inPpTop{ text-align: center; height: 60px; padding-bottom: 30px}
.inPp .inPpTop li{display: inline-block; font-size: 18px;}
.inPp .inPpTop li a{display: block; padding: 0 35px; background: url("../images/xx.jpg")no-repeat right 4px;}
.inPp .inPpTop li.on{ color: #305FA2; background: url("../images/xj2.png") no-repeat center bottom; height: 60px;}
.inPp .inPpTop li.on a{ color: #305FA2; }
.inPp .inPpTop li.more a{ background: none }
.inPp .inPpCon{}
.inPp .inJg{}
.inJgMain{ width: 110%; height: 440px; overflow: hidden; transition: ease height 0.5s}
.inPp .inJg li{ width: 205px; margin-right:16px; margin-bottom: 33px; float: left; text-align: center; }
.inPp .inJg li span{display: block; width: 205px; height: 156px; border-radius: 10px; overflow: hidden; }
.inPp .inJg li p{ padding-top: 10px }
.inPpMore{ width:190px; height: 40px; line-height: 40px; margin: 10px auto 0; font-size: 16px; text-align: center; color: #fff; background:#305FA2; cursor: pointer;}
.inPp .inJg .inPpPN{ text-align: center; margin-top: 10px}
.inPp .inJg .inPpPN div{ display: inline-block; width: 20px; height: 29px; cursor: pointer; margin: 0 10px}
.inPp .inPpCon .inPpPrev{ background: url("../images/prev.jpg") no-repeat;}
.inPp .inPpCon .inPpNext{ background: url("../images/next.jpg") no-repeat;}
.inPp .inJg li span img,.inPpOther p img{ transition: ease 0.5s all }
.inPp .inJg li:hover span img,.inPpOther p:hover img{ transform: scale(1.1); }
.inPpOther{ position: relative; height: 506px; overflow: hidden;}
.inPpOther p{ position: absolute; border-radius: 15px; overflow: hidden;}
.inPpOther p i{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); z-index: 2}
.inPpOther p.p1{ width: 611px; height: 331px; top: 0; left: 0}
.inPpOther p.p2{ width: 459px; height: 158px; top: 0; right: 0}
.inPpOther p.p3{ width: 199px; height: 153px; top: 177px; left: 632px}
.inPpOther p.p4{ width: 230px; height: 153px; top: 351px; left: 0}
.inPpOther p.p5{ width: 361px; height: 153px; top: 351px; left: 251px}
.inPpOther p.p6{ width: 200px; height: 153px; top: 351px; left: 632px}
.inPpOther p.p7{ width: 240px; height: 326px; top: 177px; right: 0}
/*.inPpOther:nth-of-type(4) p{ border: 1px solid #ccc}*/
/*友情链接*/
.flink{display: none;}

/*文章页*/
.mbx{ height: 35px; line-height: 35px; background: #006997; color: #fff;}
.mbx a{ color: #fff;}

.artCon120{ width: 1200px; margin: 60px auto;}
.artCon120 h1{ font-size:25px; text-align: center; color: #333;}
.artCon120 .fbxx{ text-align: center; padding: 25px 0 20px;}
.artCon120 .fbxx a{ color: #305FA2;}
.artCon120 .artMain{ padding: 30px; font-size: 14px; line-height: 28px; }
.art_pn{ padding:0 20px; overflow:hidden; width: 800px; margin: 0 auto ; font-size:14px;}
.art_pn p{ width:50%; float:left}

/*病种文章页*/
.arcMainBz{ width: 1090px; margin: 60px auto 20px;}
.amL{ width: 690px; float: left}
.amL h1{ text-align: center; font-size: 25px}
.amL .amLfabu{ padding-top: 30px; text-align: center; color: #999;}
.amL .amLfabu a{color: #c59b73;}
.amL article{ padding:30px 0; font-size: 14px; line-height: 28px}
.amL article img{ border-radius:10px}
.amL .arcFast{ padding: 60px 0 0 30px; margin-top: 30px; border-top: 1px dotted #ccc; text-align: center}
.arcFast span{display: block; float: left; width: 96px; height: 71px; padding-top: 25px; background: #f0f0f0; border-radius: 10px; font-size: 20px; margin-right: 30px}
.arcFast p{ padding-right: 30px; width: 107px; cursor: pointer; float: left; background: url("arci5.png")/*tpa=http://www.ybs120.com/imgnew/arci5.png*/ no-repeat right; font-size: 16px;}
.arcFast p:nth-last-of-type(1){ background: none; padding-right: 0}
.arcFast p i{ display: block; height: 70px;}
.arcFast p i.i1{ background: url("arci1.png")/*tpa=http://www.ybs120.com/imgnew/arci1.png*/ no-repeat center}
.arcFast p i.i2{ background: url("arci2.png")/*tpa=http://www.ybs120.com/imgnew/arci2.png*/ no-repeat center}
.arcFast p i.i3{ background: url("arci3.png")/*tpa=http://www.ybs120.com/imgnew/arci3.png*/ no-repeat center}
.arcFast p i.i4{ background: url("arci4.png")/*tpa=http://www.ybs120.com/imgnew/arci4.png*/ no-repeat center}
.arcFast p:hover{ color: #c59b73;}
.arcFast p:hover i.i1{ background: url("arci1H.png")/*tpa=http://www.ybs120.com/imgnew/arci1H.png*/ no-repeat center}
.arcFast p:hover i.i2{ background: url("arci2H.png")/*tpa=http://www.ybs120.com/imgnew/arci2H.png*/ no-repeat center}
.arcFast p:hover i.i3{ background: url("arci3H.png")/*tpa=http://www.ybs120.com/imgnew/arci3H.png*/ no-repeat center}
.arcFast p:hover i.i4{ background: url("arci4H.png")/*tpa=http://www.ybs120.com/imgnew/arci4H.png*/ no-repeat center}

.amR{ width: 336px; float: right}
.amR .amRask{ margin-bottom: 45px}
.amtit{ margin-bottom: 15px}
.amtit span{display:block; float: left; width: 100px; padding-left: 10px; border-left: 6px solid #305FA2; color: #305FA2; font-size: 18px; line-height: 29px}
.amtit span a{ color: #305FA2;}
.amtit b{display: block; width: 35px; height: 29px; background: url("askico.png")/*tpa=http://www.ybs120.com/imgnew/askico.png*/ no-repeat; float: right; cursor: pointer;}
.amRaskO{ height: 290px; overflow: hidden;}
.amRask .amRaskCon{ padding: 30px 22px 45px; background: #f0f0f0; position:relative}
.amRask .amRaskCon ul li,.amRask .amRaskCon dl dd{ overflow: hidden;}
.amRask .amRaskCon ul li p,.amRask .amRaskCon dl dd p{ overflow: hidden; line-height: 32px}
.amRask .amRaskCon ul li p:nth-of-type(1),.amRask .amRaskCon dl dd p:nth-of-type(1){ height: 42px; overflow: hidden;}
.amRask .amRaskCon ul li i,.amRask .amRaskCon dl dd i{display: block; width: 32px; height: 32px; margin-bottom: 10px; float: left; border-radius: 2px; color: #fff; text-align: center; line-height: 32px; font-size: 24px; margin-right: 20px}
.amRask .amRaskCon ul li i.q,.amRask .amRaskCon dl dd i.q{ background: #c59b73;}
.amRask .amRaskCon ul li i.a,.amRask .amRaskCon dl dd i.a{ background: #a7a7a7;}
.amRask .amRaskCon ul li p span,.amRask .amRaskCon dl dd p span{ display: block; width: 240px; line-height: 20px;float: right; padding-bottom: 15px; border-bottom: 1px solid #ccc}
.amRaskConUl{}
.amRaskCon .pUD{ bottom: 15px; right: 22px;}
.pUD{ position: absolute; width: 24px; z-index: 2}
.pUD i{display: block; width: 24px; height: 11px; cursor: pointer;}
.pUD i:hover{ transform: scale(1.1)}
.pUD .pu{background: url("pu.png")/*tpa=http://www.ybs120.com/imgnew/pu.png*/ no-repeat; margin-bottom: 10px}
.pUD .pd{background: url("pd.png")/*tpa=http://www.ybs120.com/imgnew/pd.png*/ no-repeat}

.amR .amRys{ position: relative;}
.amR .amRys .amRysCon{ height: 406px; overflow: hidden; margin-top: 10px}
.amR .amRys .amRysCon li,.amR .amRys .amRysCon dd{ height: 406px; position: relative}
.amR .amRys .amRysCon li p,.amR .amRys .amRysCon dd p{ text-align: center; width: 100%;; padding: 20px 0 15px; font-size: 18px; color: #666; position: absolute; bottom: 0; background: rgba(240,240,240,0.8); line-height: 34px}
.amR .amRys .amRysCon li p i,.amR .amRys .amRysCon dd p i{display: block; width: 163px; height: 49px; line-height: 49px; color: #fff; border-radius: 5px; margin: 10px auto 0; cursor: pointer; background: linear-gradient(to right, #305FA2, #d4af87); }
.amR .amRys .amRysCon li p i:hover,.amR .amRys .amRysCon dd p i:hover{ transform: scale(1.1)}
.pLR{ position: absolute; right: 0; top: 2px; color: #ccc; font-size: 23px}
.pLR i{ cursor: pointer;}
.pLR i:hover{ color: #c59b73;}

.arcAndjs{ overflow: hidden; padding-bottom: 85px}
.arcAndjs .arcTj{ width: 100%;}
.arcAndjs .arcTj ul li,.arcAndjs .arcTj dl dd{ width: 46%; margin: 0 2% 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; float: left; overflow: hidden;}
.arcAndjs .arcTj ul li span,.arcAndjs .arcTj dl dd span{ display: table; width: 234px; height: 161px; text-align: center; background: #eee; float: left}
.arcAndjs .arcTj ul li span a,.arcAndjs .arcTj dl dd span a{display: table-cell; vertical-align:middle}
.arcAndjs .arcTj ul li span img,.arcAndjs .arcTj dl dd span img{max-width: 234px; max-height: 161px; display: block; margin: 0 auto}
.arcAndjs .arcTj ul li .arcTjCon,.arcAndjs .arcTj dl dd .arcTjCon{ width: 440px; padding: 35px 10px 60px; float: right; border-bottom: 1px dashed #ccc}
.arcAndjs .arcTj ul li .arcTjtit,.arcAndjs .arcTj dl dd .arcTjtit{overflow: hidden; font-size: 18px}
.arcAndjs .arcTj ul li .arcTjtit i,.arcAndjs .arcTj dl dd .arcTjtit i{display: block; width: 80px; text-align: right; float: right; font-size: 14px; color: #ccc;}
.arcAndjs .arcTj ul li p,.arcAndjs .arcTj dl dd p{ padding-top: 10px}
.arcTj .pUD{ bottom: 10px; right: 0px;}

.arcAndjs .arcJs{ width: 336px; float: right; position: relative}
.arcAndjs .arcJsCon{ height: 305px; overflow: hidden;}

.artBtn{ width:1200px; overflow: hidden; padding: 70px 0 50px}
.artBtn .abL{ width: 656px; height: 196px; background: #f0f0f0 url("../images/artzy1.jpg") no-repeat; float:left; }
.artBtn .abL .abC{ height: 141px; background: url("../images/artbimg.jpg") no-repeat right; padding:55px 0 0 95px}
.artBtn i a{display: block; width: 90px; height: 69px; text-align: center; color: #fff; font-size: 20px; letter-spacing:3px; border-radius: 10px; background: #305FA2; padding-top: 15px; float: left; cursor: pointer;}
.artBtn i a:hover{ border-radius: 50%; font-size: 22px;}
.artBtn p{ padding:10px 0 0 30px; width: 250px; font-size: 18px; float: left}
.artBtn p b{display: block; padding-bottom: 5px; color:#305FA2;}
.artBtn .abL i{ float:left}
.artBtn .abR{ width: 480px; height: 141px; padding: 55px 0 0 54px; background: #f0f0f0 url("../images/artzy2.jpg") no-repeat right bottom; float: right}
.artBtn .abR p em{color: #c59b73; font-size: 24px; display: inline-block; padding: 0 4px}
.artBtn .abR p{ padding-top: 5px}

.art_b{overflow: hidden;}
.art_b .artb_tit{ overflow: hidden;}
.artb_tit span{ display: block; width: 110px; height: 35px; padding-left: 40px; line-height: 35px; border-bottom: 1px solid #ccc; font-size: 18px; float: left}
.art_b .artb_con{ padding-top: 20px}
.jstj .artb_tit span{ background: url("../images/b_ico3.jpg") no-repeat left}
.art_b .jstj{width: 400px; float: right; position: relative}
.art_b .art_dxal{ width: 310px; float: left; position: relative}
.art_dxal .dxal_con{ height: 220px; overflow: hidden;}
.art_dxal .artb_tit span{ background: url("../images/channel_ico4.jpg") no-repeat left}
.zjgx .artb_tit span{ background: url("../images/b_ico1.jpg") no-repeat left}

.zjgx{ width: 400px; float: right;}
.zjgx_con li{ height: 36px; line-height: 36px; text-align: left; text-indent:2em; margin-bottom: 6px; font-size:14px;}
.zjgx_con li a{display: block; height: 36px; background: #f0f0f0; color: #333;}
.zjgx_con li a:hover{ background: #305FA2; color: #fff;}
.newxg{ margin-right: 46px}

.art_jstj{ margin-right:64px}
.art_bc{ width: 1200px; margin: 0 auto}
.art_jstj p{ padding-top: 10px; font-size: 16px}
.dxal_con a{display: block; text-align: center}
.dxal_con span{display: block; width: 307px; height: 91px; background: #000; position: relative; margin-top: 15px}
.dxal_con span img{ width: 307px; height: 91px;}
.dxal_con span i{display: none;width: 63px; height: 55px; padding-top: 8px; cursor: pointer; border-radius: 50%; background: #c59b73; color: #fff; text-align: center; position: absolute; top: 14px; left: 50%; margin-left: -31px; font-size: 16px;}
.dxal_con span:hover img{ opacity: 0.5}
.dxal_con span:hover i{display: block;}
.dxal_con p{ padding-top: 15px; text-indent: 2em}
.artb_prev,.artb_next{width: 15px; height: 15px; border:1px solid #ccc; text-align: center; line-height: 15px; position: absolute; top: 8px; font-family: Arial; cursor: pointer;}
.artb_prev{ right:20px;}
.artb_next{ right:0;}
.artb_prev:hover,.artb_next:hover{ border-color: #c59b73; color: #c59b73;}
.jstj_main p{ text-align: center}

/*文章页二版*/
.amLt{ overflow: hidden;}
.amLt .amtime{ width: 124px; background: #f0f0f0 url("xx.png")/*tpa=http://www.ybs120.com/imgnew/xx.png*/ no-repeat center; border-radius: 5px; padding: 10px 0; float: left}
.amLt .amtime i{display: block; font-size: 30px; line-height: 28px; text-indent: 15px; height: 30px;}
.amLt .amtime em{ display: block; font-size: 18px; text-align: right; padding-right: 10px;}
.amLt .amLtr{ width: 537px; float: right; padding-top: 10px}
.amLt .amLtr h1{ font-size: 24px; text-align: left}
.amLt .amLtr p{ padding-top: 15px; overflow: hidden;}
.amLt .amLtr p i{color: #bdbdbd; padding-right: 20px}
.amLt .amLtr p a{ color: #c59b73;}

.jzcl2{ padding-top: 46px; border-top: 1px dashed #ccc}
.jzcl2 i{display: block; height: 40px; line-height: 50px; background: url("jzlc.jpg")/*tpa=http://www.ybs120.com/imgnew/jzlc.jpg*/ no-repeat center; text-align: center; font-size: 18px}
.jzcl2 p{display: block; overflow: hidden; border-radius: 20px; background: #f0f0f0 url("pd.png")/*tpa=http://www.ybs120.com/imgnew/pd.png*/ no-repeat center 10px; padding: 42px 0 30px 35px}
.jzcl2 p span{display: block; width: 104px; margin-right: 25px; float: left; font-size: 20px; padding-right: 40px; background: url("jzlcjt.png")/*tpa=http://www.ybs120.com/imgnew/jzlcjt.png*/ no-repeat right;}
.jzcl2 p span a{display: block; height: 60px; padding-top: 13px; background-repeat: no-repeat; background-position: 0}
.jzcl2 p span:nth-last-of-type(1){ background: none; margin-right: 0}
.jzcl2 p span .a1{ background-image: url("arci1.png")/*tpa=http://www.ybs120.com/imgnew/arci1.png*/; padding-left: 64px;}
.jzcl2 p span .a2{ background-image: url("arci2.png")/*tpa=http://www.ybs120.com/imgnew/arci2.png*/; padding-left: 64px;}
.jzcl2 p span .a3{ background-image: url("arci3.png")/*tpa=http://www.ybs120.com/imgnew/arci3.png*/; padding-left: 60px;}
.jzcl2 p span .a4{ background-image: url("arci4.png")/*tpa=http://www.ybs120.com/imgnew/arci4.png*/; padding-left: 58px;}
.jzcl2 p span .a1:hover{ background-image: url("arci1H.png")/*tpa=http://www.ybs120.com/imgnew/arci1H.png*/}
.jzcl2 p span .a2:hover{ background-image: url("arci2H.png")/*tpa=http://www.ybs120.com/imgnew/arci2H.png*/}
.jzcl2 p span .a3:hover{ background-image: url("arci3H.png")/*tpa=http://www.ybs120.com/imgnew/arci3H.png*/}
.jzcl2 p span .a4:hover{ background-image: url("arci4H.png")/*tpa=http://www.ybs120.com/imgnew/arci4H.png*/}

.amRask2{ position: relative; margin-bottom: 45px}
.amRask2 .amRaskCon2{ padding: 30px 22px 20px; background: #f0f0f0;}
.amRaskCon2 li{ overflow: hidden;}
.amRaskCon2 .wd{ overflow: hidden; margin-bottom: 20px}
.amRaskCon2 .wd .wenl{ width: 55px; height: 48px; float: left; background:url("wen.png")/*tpa=http://www.ybs120.com/imgnew/wen.png*/ no-repeat left}
.amRaskCon2 .wd .wenr{ width: 211px; height: 50px; line-height: 50px; overflow: hidden; float: left; border-radius: 10px; background: #fff; padding:0 13px}
.amRaskCon2 .wd .dal{ width: 211px; float: left; border-radius: 10px; background: #fff; padding: 13px}
.amRaskCon2 .wd .dar{ width: 55px; height: 74px; float: left; background:url("da.png")/*tpa=http://www.ybs120.com/imgnew/da.png*/ no-repeat right;}
.amRask2 .pUD{ width: 48px; top: 15px; right: 0; overflow: hidden;}
.amRask2 .pUD i{ float: left}
.amRaskCon2 p{ overflow: hidden; padding-top: 15px; line-height: 56px; color: #fff; text-align: center; font-size: 20px}
.amRaskCon2 p i{display: block; cursor: pointer; background: linear-gradient(to right, #305FA2, #d4af87); border-radius: 5px; width: 167px; height: 56px; float: left}
.amRaskCon2 p em{display: block; cursor: pointer; background: linear-gradient(to right, #666, #999); border-radius: 5px; width: 120px; height: 56px; float: right}

.amRbtn{ margin: 45px 0}
.amRbtn *,.amRaskCon2 p *{ transition: ease 0.5s all}
.amRbtn span{display: block; height: 115px; cursor: pointer; padding:57px 0 0 28px; border-radius: 5px; background: #f0f0f0 url("artbimg.jpg")/*tpa=http://www.ybs120.com/imgnew/artbimg.jpg*/ no-repeat 174px; font-size: 18px;}
.amRbtn span b{display: block; color: #333; margin-bottom: 10px}
.amRbtn span:hover{ background-position: 195px}
.amRbtn span:hover b{color: #305FA2;}
.amRbtn p{ height: 56px; line-height: 56px; color: #fff; text-align: center; font-size: 20px; padding-top: 1px}
.amRbtn p i{display: block; cursor: pointer; background: linear-gradient(to right, #305FA2, #d4af87); border-radius: 5px; width: 167px; height: 56px; float: left}
.amRbtn p em{display: block; cursor: pointer; background: linear-gradient(to right, #666, #999); border-radius: 5px; width: 167px; height: 56px; float: right}
.amRbtn p i:hover,.amRbtn p em:hover,.amRaskCon2 p i:hover,.amRaskCon2 p em:hover{ transform: translateY(-5px)}

.arcAndjs .abTj{ width: 690px; float: left; position: relative; margin-top: 30px}
.abTj .amtit{ margin-bottom: 20px}
.abTj ul{overflow: hidden;}
.abTj li{ width: 295px; float: left; margin: 0 25px}
.abTj li span{display: table; text-align: center; width: 228px; height: 160px; border-radius: 10px; overflow: hidden; background: #eee; margin: 0 auto}
.abTj li span a{display: table-cell; vertical-align: middle}
.abTj li span img{display: block; max-width: 234px; max-height: 161px; margin: 0 auto}
.abTj li i{display: block; font-size: 18px; text-align: center;padding: 25px 0 10px; color: #000;}
.abTj li p a{ color: #305FA2;}



/*列表页*/
.art_list{ overflow: hidden;}
.art_list li{ width: 580px; overflow: hidden; float: left; padding-bottom: 25px; border-bottom: 1px solid #ccc; margin-bottom: 25px}
.art_list li:hover{ border-bottom: 1px solid #c59b73;}
.art_list li span{ display: table; background: #eee; width: 195px; height: 146px; float: left}
.art_list li span a{display: table-cell; vertical-align:middle}
.art_list li span img{display: block; max-width: 195px; max-height: 146px; margin: 0 auto}
.art_list li .al_r{ width: 450px;}
.art_list li .al_r b{ font-size: 16px; color: #333; height: 35px; display: block; line-height: 35px; overflow: hidden;}
.art_list li .al_r b>i{ font-size: 14px; color: #999; float: right; font-weight: 100; margin-left: 10px; margin-top: 2px}
.art_list li .al_r b>a{}
.art_list li .al_r em{ display: block; height:24px; margin-bottom: 26px; overflow: hidden; color: #666; font-size: 14px;}
.art_list li .al_r em>i{ color: #c59b73;}
.art_list li .al_r p{ display: block;  color: #666; font-size: 14px;}
.art_list li:nth-child(even){ float: right}
.art_list li .al_r p:nth-of-type(2){ height: 24px;}

.arc_page{padding: 20px 0 0; text-align:center;}
.arc_page li {border: 1px solid #cdcdcd; display:inline-block; height: 35px;line-height:35px;margin-right: 6px; border-radius: 5px;}
.arc_page li:hover{border: 1px solid #c59b73;}
.arc_page li a { color: #555; display: block; padding: 0 12px}
.arc_page li:hover a{ color: #fff; background: #c59b73}
.arc_page li.thisclass,.arc_page li.thisclass a, .arc_page li.thisclass a:hover {background-color: #c59b73; color: #fff;font-weight: bold; padding: 0 10px}
.arc_page p{display: inline-block;}

/*病种列表页*/
.seclist{ padding: 50px 0; border-bottom: 1px dashed #ccc}
.seclist .arcUl{ overflow: hidden; width: 110%;}
.seclist .arcUl li{ width: 515px; float: left; margin-right: 60px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; overflow: hidden;}
.seclist .arcUl li .arcImg{ width: 195px; height: 135px; float: left; display: table; text-align: center; background: #eee; border-radius: 5px; overflow: hidden;}
.seclist .arcUl li .arcImg a{display: table-cell; vertical-align: middle}
.seclist .arcUl li .arcImg a img{max-width:195px; max-height: 135px; display: block; margin: 0 auto; transition: ease all 1s}
.seclist .arcUl li .arcImg a:hover img{ transform: scale(1.1)}
.seclist .arcUl li .arcText{ padding: 10px 10px 0}
.seclist .arcUl li .arcText a{ font-size: 16px; height: 25px; overflow: hidden;display: block; font-weight: bold;}
.seclist .arcUl li .arcText i{display: block; padding: 5px 0;color: #305FA2;}
.seclist .arcUl li .arcText p{ padding-top: 10px; text-indent: 2em}

.arc_page{padding: 20px 0 0; text-align:center;}
.arc_page li {border: 1px solid #cdcdcd; display:inline-block; height: 35px;line-height:35px;margin-right: 6px; border-radius: 5px;}
.arc_page li:hover{border: 1px solid #305FA2;}
.arc_page li a { color: #555; display: block; padding: 0 12px}
.arc_page li:hover a{ color: #fff; background: #305FA2}
.arc_page li.thisclass,.arc_page li.thisclass a, .arc_page li.thisclass a:hover {background-color: #305FA2; color: #fff;font-weight: bold; padding: 0 10px}
.arc_page p{display: inline-block;}

.secB{ padding: 50px 0}
.secB .secBys{ width: 295px; float: left; position: relative;}
.secB .secBys .secbysCon{ background: #f0f0f0; height: 333px; overflow: hidden;}
.secB .secBys .secbysCon li{ height: 333px; overflow: hidden; position: relative}
.secB .secBys .secbysCon li img{ margin-left:-20px}
.secB .secBys .secbysCon li p{width:247px; padding:15px 24px; position: absolute; z-index: 2; bottom: 0; background: linear-gradient(to top, rgba(240,240,240,1), rgba(240,240,240,0.5));}
.secB .secBys .secbysCon li p i{display: block; font-size: 20px; color: #000; padding-bottom: 5px}
.secB .secBys .secbysCon li p em{display: block; font-size: 16px}
.secB .secBys .secbysCon li p span{display: block;font-size: 16px; border-top: 1px solid #333; padding: 5px 0 0; margin-top: 5px; color: #888;}
.secB .secBal{ width: 347px; margin: 0 10px; float: left; position: relative}
.secbalCon{ background: #f0f0f0; height: 333px; overflow: hidden;}
.secbalCon li{ height: 333px; overflow: hidden;}
.secbalCon li i{display: block; font-size: 20px; color: #000; padding-bottom: 5px; margin: 45px 30px 0}
.secbalCon li em{font-size: 16px;display: block; margin: 0 30px}
.secbalCon li p{display: block;font-size: 16px; border-top: 1px solid #333; padding: 15px 0 20px; color: #888; margin: 15px 30px 0}
.secbalCon li span{display: block; text-align: center}
.secbalCon li span b{ display: inline-block; width: 144px; height: 106px; border-radius: 5px; overflow: hidden;}
.secbalCon li span b img{ transition:ease all 1s}
.secbalCon li span b:hover img{ transform: scale(1.1)}
.secB .secBjs{ width: 428px; float: right; padding-top: 45px}
.ybimg{ height: 332px; background: url("listtt.jpg")/*tpa=http://www.ybs120.com/imgnew/listtt.jpg*/ no-repeat; cursor: pointer;}
.secB .secBjs ul{ width: 110%;}
.secBjs li{ width: 210px; height: 161px; margin:0 10px 10px 0; background: #f0f0f0; float: left; text-align: center}
.secBjs li a{display: block; width: 100%; height: 100%; padding-top: 17px; box-sizing: border-box}
.secBjs li a:hover{background: #305FA2; color: #fff;}
.secBjs li i{display: block; width: 107px; height: 107px; border-radius: 50%; overflow: hidden; margin: 0 auto 2px;}
.secBjs li em{ font-size: 18px}

/*ask*/

.askMbx{ height: 50px; line-height: 50px; background: #f0f0f0}

.askMain{ padding: 15px 0 85px;}
.askMl{ width: 710px; padding: 45px 0; float: left;}
.askMl .askMlwen{ padding: 0 0 27px}
.askMl .askMlwen h1{ font-size: 22px; height: 28px; line-height: 28px; padding-left: 41px; background: url("askico1.png")/*tpa=http://www.ybs120.com/imgnew/askico1.png*/ no-repeat left; color: #333;}
.askMl .askMlwen .askTwnr{ padding: 30px 0; font-size: 16px; line-height: 30px; text-indent: 2em}
.askMl .askMlwen span{display: block;}
.askMl .askMlwen span i{ padding:0 26px; display: inline-block; height: 17px; line-height: 17px; color: #999;}
.askMl .askMlwen span i.i1{ background: url("askico2.jpg")/*tpa=http://www.ybs120.com/imgnew/askico2.jpg*/ no-repeat left}
.askMl .askMlwen span i.i2{ background: url("askico3.jpg")/*tpa=http://www.ybs120.com/imgnew/askico3.jpg*/ no-repeat left}
.askMl .askMlwen span i.i3{ background: url("askico4.jpg")/*tpa=http://www.ybs120.com/imgnew/askico4.jpg*/ no-repeat left}
.askMl .askfg{height: 12px; border-bottom: 1px dotted #e3e3e3; position: relative}
.askMl .askfg i{display: none;width: 13px; height: 26px; position: absolute; top: 0;}
.askMl .askfg .x1{ background: url("askb1.jpg")/*tpa=http://www.ybs120.com/imgnew/askb1.jpg*/ no-repeat; left: -1px;}
.askMl .askfg .x2{ background: url("askb2.jpg")/*tpa=http://www.ybs120.com/imgnew/askb2.jpg*/ no-repeat right; right: -1px;}
.askMl .askMlda{ padding: 24px 0 0}
.askMl .askMlda .yjj{ width: 79px; height: 25px; line-height: 25px; background: url("yjj.jpg")/*tpa=http://www.ybs120.com/imgnew/yjj.jpg*/ no-repeat; color: #4dc86f; text-indent: 13px; margin-bottom: 28px}
.askMl .askMlda .askys{}
.askMl .askMlda .askys span{display: block; width: 58px; height: 58px; border-radius: 50%; float: left; background: #d4d4d4; position: relative}
.askMl .askMlda .askys span img{display: block; width: 58px; height: 58px; border-radius: 50%;}
.askMl .askMlda .askys span i{display: block; width: 18px; height: 18px; background: url("askv.png")/*tpa=http://www.ybs120.com/imgnew/askv.png*/ no-repeat; position: absolute; z-index: 2; right: -4px; bottom:0;}
.askMl .askMlda .askys p{width: 300px; float: left; padding:5px 0 0 24px}
.askMl .askMlda .askys p b{ font-size: 18px;}
.askMl .askMlda .askys p i{ display: inline-block; color: #305FA2; border-radius: 2px; border: 1px solid #305FA2; padding:0 5px; margin-left: 5px}
.askMl .askMlda .askys p em{display: block; font-size: 16px; color: #999; padding-top: 3px}
.askMl .askMlda .askMldaCon{ padding: 30px 0; font-size: 16px; line-height: 30px}
.askMl .askMlda .daZwen{ overflow: hidden; position: relative;display: none;}
.askMl .askMlda .daZwen .zwdcon{ border-left:1px solid #ccc; width: 575px; padding:0 0 17px 48px; margin-left: 29px; line-height: 26px}
.askMl .askMlda .daZwen i{display: block; width: 58px; height: 26px; line-height: 26px; border: 1px solid #e7ebed; text-align: center; background: #fff; border-radius: 13px; position: absolute; left: 0;}
.askMl .askMlda .daZwen.zd i{ color: #305FA2;}
.askMl .askMlda .daZwen.zd .zwdcon{ border:none;}
.askMldaB{ padding-top: 36px;}
.askMldaB i{display: block; background: url("askico3.jpg")/*tpa=http://www.ybs120.com/imgnew/askico3.jpg*/ no-repeat left; padding-left: 26px; color: #999;}
.askMldaB p{ width: 300px; float: right; text-align:right; font-size: 16px}
.askMldaB p span{ color: #c30000;}
.askMlBtn{ padding: 50px 0 30px; width: 110%;}
.askMlBtn p{ width: 187px; height: 70px; line-height: 70px; padding-right:35px; text-align: center; font-size: 16px; margin-right: 22px; float: left; color: #fff; cursor: pointer; border-radius: 10px; background: linear-gradient(to right, #305FA2, #d4af87); overflow: hidden;}
.askMlBtn p i{ width: 50px; height: 70px; margin:0 10px 0 15px; display: inline-block; float: left}
.askMlBtn p i.p1{ background:url("askp1.png")/*tpa=http://www.ybs120.com/imgnew/askp1.png*/ no-repeat 0}
.askMlBtn p i.p2{ background:url("askp2.png")/*tpa=http://www.ybs120.com/imgnew/askp2.png*/ no-repeat 0}
.askMlBtn p i.p3{ background:url("askp3.png")/*tpa=http://www.ybs120.com/imgnew/askp3.png*/ no-repeat 0}
.askMlBtn p:hover{ animation: askbtn 1s}
.askMlBtn p:nth-of-type(1):hover{ background: #EE4B47;}
.askMlBtn p:nth-of-type(2):hover{ background: #FF8040;}
.askMlBtn p:nth-of-type(3):hover{ background: #edc733;}

@keyframes askbtn{
from,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.askMl .askMlQt{ padding: 40px 0 0}
.askMl .askMlQt .tit{ font-size: 18px}
.askMl .askMlQt p{ padding: 25px 0 32px; font-size: 16px; line-height: 30px; text-indent: 2em}
.askMl .askMlQt span{display: block;}
.askMl .askMlQt span i{ padding:0 26px; display: inline-block; height: 17px; line-height: 17px; color: #999;}
.askMl .askMlQt span i.i1{ background: url("askico2.jpg")/*tpa=http://www.ybs120.com/imgnew/askico2.jpg*/ no-repeat left}
.askMl .askMlQt span i.i2{ background: url("askico3.jpg")/*tpa=http://www.ybs120.com/imgnew/askico3.jpg*/ no-repeat left}

.askMr{ width: 338px; float: right}
.askMr .askTit{ padding-bottom: 15px; border-bottom: 1px solid #ccc}
.askMr .askTit i{display: block; height: 28px; line-height: 28px; padding-left: 10px; border-left:6px solid #305FA2; color: #305FA2; font-size: 18px;}
.askMr .askFb{ cursor: pointer; height: 261px; background:url("askbtn.jpg")/*tpa=http://www.ybs120.com/imgnew/askbtn.jpg*/ no-repeat;}
.askMr .askFl,.askMr .askXg{ margin-top: 15px; background: #fff; padding: 25px 20px 20px; border: 1px solid #dcdcdc}
.askMr .askFl p{ padding-top: 20px; overflow: hidden; width: 110%;}
.askMr .askFl p a{display: inline-block; width: 135px; height: 35px; line-height: 35px; margin: 7px 19px 8px 0; border: 1px solid #ccc; text-align: center}
.askMr .askFl p a:hover{ border:1px solid #305FA2; color: #305FA2;}
.askMr .askXg ul li{ padding: 15px 0; border-bottom: 1px solid #ccc}
.askMr .askXg ul li span{display: block; font-size: 16px}
.askMr .askXg ul li span a{color: #000;}
.askMr .askXg ul li span a:hover{color: #305FA2;}
.askMr .askXg ul li i{ height: 17px; line-height: 17px; color: #999; background: url("askico2.jpg")/*tpa=http://www.ybs120.com/imgnew/askico2.jpg*/ no-repeat left; padding-left: 26px; margin: 10px 0; display: block;}
.askMr .askXg ul li p{ color: #999;}
.askMr .askXg ul li p a{color: #305FA2;}
.askMr .askXg .askMore{height: 42px; line-height: 42px; background: #fff; margin-top: -1px; border:1px solid #ccc; text-align: center; cursor: pointer; font-size: 16px}
.askMr .askXg .askMore:hover{ border:1px solid #305FA2; color: #305FA2;}

/*asklist*/
.asklist li{ padding: 0 0 20px; margin:0 0 30px; border-bottom: 1px solid #e6e6e6;}
.asklist li b{display: block;}
.asklist li b a{ font-size: 20px}
.asklist li .askltit{overflow: hidden; padding: 10px 0; color: #999;}
.asklist li .askltit i{display: inline-block; padding-left: 25px; margin-right: 15px;}
.asklist li .askltit i.i1{ background: url("askico4.jpg")/*tpa=http://www.ybs120.com/imgnew/askico4.jpg*/ no-repeat left;}
.asklist li .askltit i.i2{ background: url("askico3.jpg")/*tpa=http://www.ybs120.com/imgnew/askico3.jpg*/ no-repeat left;}
.asklist li .askltit i.i3{ background: url("askico2.jpg")/*tpa=http://www.ybs120.com/imgnew/askico2.jpg*/ no-repeat left;}
.asklist li .askltit em{ color: #999;}
.asklist li p{ font-size: 16px; line-height: 28px;}
.asklist li p a{color: #305FA2; display: inline-block; padding-right: 20px; background: url("n_ico.png")/*tpa=http://www.ybs120.com/imgnew/n_ico.png*/ no-repeat right 11px;}
.askimg{ float: right; margin-top: 15px; width: 145px; height: 115px; display: table; text-align: center; margin-left: 20px; background: #eee}
.askimg a{display: table-cell; vertical-align: middle}
.askimg img{ display: block; max-width: 145px; max-height: 115px; margin: 0 auto}

.ask_page{padding: 20px 0 0; text-align:right;}
.ask_page li {border: 1px solid #cdcdcd; display:inline-block; height: 35px;line-height:35px;margin-right: 6px; border-radius: 5px; text-align: center}
.ask_page li:hover{border: 1px solid #305FA2;}
.ask_page li a { color: #555; display: block; padding: 0 12px}
.ask_page li:hover a{ color: #fff; background: #305FA2}
.ask_page li.thisclass,.arc_page li.thisclass a, .arc_page li.thisclass a:hover {background-color: #305FA2; color: #fff;font-weight: bold; padding: 0 10px}
.ask_page p{display: inline-block;}

.askMain .secCen{ position: relative}


/*医生页面*/
.ysMain{ padding: 90px 0 70px}
.ysMain .ysTit{ height: 18px; border-bottom: 1px solid #c1986d; text-align: center}
.ysMain .ysTit b{display:inline-block; padding: 0 55px; background: #fff; font-size: 40px; color: #c1986d;}
.ysMain .ysEn{ font-size: 24px; color: #e9e9e9; text-align: center; padding: 40px 0 0; font-weight: bold}
.ysMain .ysP{ text-align: center; color: #666; padding: 58px 0; line-height: 30px}
.ysBody{ padding-top:50px}
.ysBody .ysJg{ overflow: hidden; width: 110%; padding-bottom: 85px}
.ysBody .ysJg li{ width: 124px; height: 43px; border-radius: 2px; background: #e0e0e0; text-align: center; line-height: 43px; font-size: 16px; color: #666; float: left; margin:0 14px 10px 0; cursor: pointer;}
.ysBody .ysJg li.active{ background: #232021; color: #fff;}
.ysBody .ysCon{ overflow: hidden; width: 110%;}
.ysBody .ysCon li{ width: 522px; margin:0 40px 42px 0; float: left; overflow: hidden;}
.ysBody .ysCon li .ysImg{ width: 148px; float: left;}
.ysBody .ysCon li .ysImg img{ width: 100%; height: 180px; display: block;}
.ysBody .ysCon li .ysImg i{display: block; text-align: center; height: 32px; line-height: 32px; background:#e0e0e0;  color: #333; font-size: 14px}
.ysBody .ysCon li .ysImg a:hover i{ background:#c1986d; color: #fff;}
.ysR{ width: 354px; float: right;}
.ysR .ysName{ border-bottom: 1px dotted #a4a4a4; overflow: hidden;}
.ysR .ysName a{ font-size: 20px}
.ysR .ysName i{ display: block; width: 90px; height: 26px; line-height: 26px; text-align: center; color: #fff; background:#c1986d; color: #fff; border-radius: 13px; float: right; cursor: pointer; margin: 5px 0}
.ysR .ysNr{ padding-top: 10px; height: 165px; overflow: hidden; font-size: 12px}
.ysR .ysNr p{ margin-bottom: 10px; line-height: 22px}
.ysR .ysNr p:first-of-type{ height: 88px; overflow: hidden;}

.ppimg{ height: 332px; background:#e9e9e9 url("lppimg.jpg")/*tpa=http://www.ybs120.com/imgnew/lppimg.jpg*/ no-repeat center; margin-top:45px}

/*来院路线*/
.lxBody .lxTit{ width: 110%; overflow: hidden; margin-top: 60px}
.lxBody .lxTit a{ display: block; width: 144px; height: 43px; text-align: center; line-height: 43px; background: #e0e0e0; font-size: 16px; margin: 0 14px 10px 0; float: left}
.lxBody .lxTit a:hover{ background: #c1986d; color: #fff;}
.lxBody dl{ padding-top: 10px; width: 110%; overflow: hidden;}
.lxBody dl dt{ font-size: 20px; font-weight: bold; color: #c1986d; padding:40px 0 5px; clear: both}
.lxBody dl dt a{ color: #c1986d;}
.lxBody dl dd{ width: 509px; height: 150px; padding: 25px 0 25px 25px; background: #eee; float: left; margin-top: 16px; margin-right: 23px; overflow: hidden;}
.lxBody dl dd span{display: block; width: 150px; height: 150px; border-radius: 10px; overflow: hidden; float: left}
.lxBody dl dd span img{ display: block; height: 100%; margin-left: -20px}
.lxBody dl dd .lxdr{ width: 335px; float: right}
.lxBody dl dd .lxdr h2{ font-size: 16px}
.lxBody dl dd .lxdr p{ padding: 15px 25px 25px 0; height: 52px;}
.lxBody dl dd .lxdr em{display: block; overflow: hidden; line-height: 30px}
.lxBody dl dd .lxdr em b,.lxBody dl dd .lxdr em a{display:block; cursor: pointer; float: left}
.lxBody dl dd .lxdr em b{ width: 90px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #333; border-radius: 10px; font-weight: lighter; margin-right: 15px;}	
.lxBody dl dd .lxdr em a{ width: 72px; overflow: hidden;}
.lxBody dl dd .lxdr em a i{ display: inline-block; width: 23px; height: 23px; border-radius: 50%; background-position: center; background-repeat: no-repeat; margin:3px 6px 0 0; float: left}
.lxBody dl dd .lxdr em a.i1 i{ background-color: #67b322; background-image: url("lxico1.png")/*tpa=http://www.ybs120.com/imgnew/lxico1.png*/}
.lxBody dl dd .lxdr em a.i2 i{ background-color: #00aaf0; background-image: url("lxico2.png")/*tpa=http://www.ybs120.com/imgnew/lxico2.png*/}
.lxBody dl dd .lxdr em a.i3 i{ background-color: #efac2a; background-image: url("lxico3.png")/*tpa=http://www.ybs120.com/imgnew/lxico3.png*/}
.lxBody dl dd .lxdr em b:hover,.lxBody dl dd .lxdr em a:hover i{ background-color: #c1986d}

/*金牌技术*/
.jsMain{ width: 110%;}
.jsMain li{ width: 535px; height: 300px; border-radius: 10px; overflow: hidden; float: left; margin:0 18px 18px 0; background-color: #e9e7ec; background-repeat: no-repeat; transition: ease transform .5s, ease background-color 0.5s}
.jsMain li:hover{ box-shadow: 0 0 10px #666; transform: scale(1.05)}
/*
.jsMain li:hover{ background-color: #c1986d; color: #fff; transform: translateX(30px); position: relative; z-index: 2}
.jsMain li:hover .jsLtext h2 a{ color: #fff;}
.jsMain li:hover .jsLtext p i{ background: url(imgnew/jsdianBai.jpg) no-repeat left;}
.jsMain li:hover .jsLtext>a{ background: #fff; color: #c1986d;}
*/
.jsMain .jsLtext{ padding: 50px 0 0 50px}
.jsMain .jsLtext h2{ font-size: 24px; font-weight: 400; color: #000;}
.jsMain .jsLtext p{ height: 130px; line-height: 26px; padding: 20px 0 0}
.jsMain .jsLtext p i{display: block; height: 26px; background: url("jsdian.jpg")/*tpa=http://www.ybs120.com/imgnew/jsdian.jpg*/ no-repeat left; padding-left: 20px}
.jsMain .jsLtext>a{display: block; width: 160px; height: 42px; line-height: 42px; font-size: 18px; background: #c1986d; color: #fff; border-radius: 5px; text-align: center; }
.jsM1{ background-image: url("jsM1.png")/*tpa=http://www.ybs120.com/imgnew/jsM1.png*/; background-position: 360px 32px}
.jsM2{ background-image: url("jsM2.png")/*tpa=http://www.ybs120.com/imgnew/jsM2.png*/; background-position: 277px 60px}
.jsM3{ background-image: url("jsM3.png")/*tpa=http://www.ybs120.com/imgnew/jsM3.png*/; background-position: 277px 27px}
.jsM4{ background-image: url("jsM4.png")/*tpa=http://www.ybs120.com/imgnew/jsM4.png*/; background-position: 281px 102px}
.jsM5{ background-image: url("jsM5.png")/*tpa=http://www.ybs120.com/imgnew/jsM5.png*/; background-position: 326px 47px}
.jsM6{ background-image: url("jsM6.png")/*tpa=http://www.ybs120.com/imgnew/jsM6.png*/; background-position: -32px 99px}
.jsM7{ background-image: url("jsM7.png")/*tpa=http://www.ybs120.com/imgnew/jsM7.png*/; background-position: 272px -43px}
.jsM8{ background-image: url("jsM8.png")/*tpa=http://www.ybs120.com/imgnew/jsM8.png*/; background-position: 344px 58px}
.jsM9{ background-image: url("jsM9.png")/*tpa=http://www.ybs120.com/imgnew/jsM9.png*/; background-position: 250px 14px}
.jsM10{ background-image: url("jsM10.png")/*tpa=http://www.ybs120.com/imgnew/jsM10.png*/; background-position: 289px 28px}
.jsM11{ background-image: url("jsM11.png")/*tpa=http://www.ybs120.com/imgnew/jsM11.png*/; background-position: 246px 48px}
.jsM12{ background-image: url("jsM12.png")/*tpa=http://www.ybs120.com/imgnew/jsM12.png*/; background-position: 275px -3px}


/*近期优惠单页*/
.yhText{ padding: 40px 0 0}
.yhText .yhimg{ border-radius: 20px; height: 300px; background: #ccc; margin-bottom: 30px; overflow: hidden;}
.yhText b{ color: #c1986d;}
.yhText .yhtime,.yhText .yhjg{ margin-bottom: 5px}
.yhcybtn{ width: 200px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size:18px; background: #c1986d; border-radius: 10px; margin: 50px auto 0; display: block;}
.yhcybtn:hover{ background: #efac2a; color: #fff;}

ul.yhCon{ overflow: hidden; margin: 40px 0 0; border-right: 1px solid #ccc; border-top: 1px solid #ccc}
ul.yhCon li{ width: 483px; float: left; padding:20px 30px; border: 1px solid #ccc; border-top: none; border-right: none }
ul.yhCon li .yhCtop{ overflow: hidden; font-size: 20px; padding: 0 0 10px; color: #c1986d;}
ul.yhCon li .yhCtop i{ display: inline-block; float: right; width: 300px; font-size: 14px; color: #666; text-align: right}
ul.yhCon li span{display: block;}
ul.yhCon li span img{ width: 100%;}
ul.yhCon li p{ padding: 5px 0; overflow: hidden; font-size: 18px}
ul.yhCon li p a{display: inline-block; width: 108px; float: right; color: #c1986d;}


/*404*/
.notfind{width:990px; background:url("404_bg03.jpg")/*tpa=http://www.ybs120.com/images/404_bg03.jpg*/ 20px 65px no-repeat; margin:20px auto 10px; padding:80px 0 0; overflow:hidden}
.notfind p{width:440px;line-height:24px; font-family:"微软雅黑"; font-size:14px; font-weight:700; color:#555;float:left; line-height:26px; padding-top:65px}
.notfind p font{ font-size:18px; font-weight:bold; line-height:40px}
.notfind p span{font-family:Verdana, Arial, Helvetica, sans-serif;}
.notfind p a,.notfind p a:visited{color:#995A10;}
.notfind p a:hover{color:#FF6600;}
.notfind .wen {width:141px; height:30px; float:left; padding:153px 0px 80px 250px; margin-left:60px; margin-right:60px}
.notfind .wen a{width:130px; height:30px; cursor:pointer; display:block}

/*文章简介页/info/*/
.prm3_ul{ padding:15px 0 0; overflow:hidden; margin:0 auto;}
.prm3_ul li{ width:255px; height:50px; background:#eee; text-align:center; font-size:18px; padding:8px 0 0; line-height:24px; float:left; margin:0 2px 2px 0;}
.prm3_ul li span{ font-size:12px; display:block; color: #999;}
.prm3_ul li img{ width:298px; height:230px;}
.prm3_ul li a{ color:#666; display: block;}
.prm3_ul li a:hover,.prm3_ul li:hover,.prm3_ul li a:hover span{ background: #c1986d; color: #fff;}

/*问答首页*/
.Lask1,.Lask2{width:1090px;margin:0 auto;padding-top:36px;overflow:hidden;position:relative;}
.Laskct{text-align:left;position:relative;border-bottom:1px solid #ccc;height:28px;padding-bottom:22px;}
.Laskct h2{font-size:20px;color:#305FA2;font-weight:normal;line-height:28px;padding-left:12px;border-left:6px solid #305FA2;}
.Laskct2{width:711px;}
.Lask11{margin-top:45px;overflow:hidden;width:711px;}
.Lask11 .hd{width:711px;position:relative;overflow:hidden;padding-bottom:15px;}
.Lask11 .hd a{width:103px;border:1px solid #ccc;float:left;text-align:center;margin-right:16px;border-radius:20px;padding-bottom:10px;position:relative;}
.Lask11 .hd a:nth-child(6){margin-right:0;}
.Lask11 .hd a i{display:block;margin:15px auto 6px;height:48px;background:url("../images/Lask3.png") no-repeat}
.Lask11 .hd a i.i1{background-position:16px 0;}
.Lask11 .hd a i.i2{background-position:-88px 0;}
.Lask11 .hd a i.i3{background-position:-213px 0;}
.Lask11 .hd a i.i4{background-position:-305px 0;}
.Lask11 .hd a i.i5{background-position:-390px 0;}
.Lask11 .hd a i.i6{background-position:-492px 0;}
.Lask11 .hd a.on i{background:url("../images/Lask4.png") no-repeat}
.Lask11 .hd a.on i.i1{background-position:16px 0}
.Lask11 .hd a.on i.i2{background-position:-88px 0;}
.Lask11 .hd a.on i.i3{background-position:-213px 0;}
.Lask11 .hd a.on i.i4{background-position:-305px 0;}
.Lask11 .hd a.on i.i5{background-position:-390px 0;}
.Lask11 .hd a.on i.i6{background-position:-492px 0;}
.Lask11 .hd a span{color:#666;}
.Lask11 .hd a em{position:absolute;top:90px;left:38px;width:27px;height:13px;background:url("../images/Lask5.jpg") no-repeat center;transition: all 0.3s ease 0s; display:none;}
.Lask11 .hd a.on{background:#305FA2;border-radius:0;border-color:#305FA2; }
.Lask11 .hd a.on span{color:#fff;}
.Lask11 .hd a.on em{top:103px;display:block;}
.Lask11 .bd .bd_1{overflow:hidden;}
.Lask11 .bd .bd1{overflow:hidden;}
.Lask11 .bd .bd1 li{float:left;width:692px;border-bottom:1px solid #e3e3e3;margin-top:30px;}
.Lask11 .bd .bd1 li .bd_11{background:url("../images/Lask7.jpg") no-repeat left center;height:24px;margin-left:25px;}
.Lask11 .bd .bd1 li .bd_11 b{font-size:18px;line-height:20px;color:#305FA2;padding-left:32px;}
.Lask11 .bd .bd1 li .bd_11 span{color:#999;font-size:14px;padding-left:20px;background:url("../images/Lask6.png") no-repeat left center;}
.Lask11 .bd .bd1 li strong{color:#666;font-size:14px;line-height:30px;text-indent:2em;padding-top:10px;padding-left:25px;padding-bottom:30px;font-weight:normal;display:block;}
.Lask11 .bd .bd1 li div.askys{overflow:hidden;margin-left:25px;}
.Lask11 .bd .bd1 li div.askys .c1{zoom:1;}
.Lask11 .bd .bd1 li div.askys span{display:block;width:58px;height:58px;boorder-radius:50%;position:relative;float:left;}
.Lask11 .bd .bd1 li div.askys span img{display:block;height:58px;width:58px;border-radius:50%;background:#d4d4d4;}
.Lask11 .bd .bd1 li div.askys span i{display:block;height:18px;width:18px;background:url("../images/askv.png") no-repeat;position:absolute;z-index:2;right:-4px;bottom:0;}
.Lask11 .bd .bd1 li div.askys p{width:300px;float:left;padding:5px 0 0 24px;}
.Lask11 .bd .bd1 li div.askys p b{font-size:18px;}
.Lask11 .bd .bd1 li div.askys p i{display:inline-block;color:#305FA2;border-radius:2px;border:1px solid #305FA2;padding:0 5px;margin-left:5px;}
.Lask11 .bd .bd1 li div.askys p em{font-size:16px;color:#999;display:block;padding-top:3px;}
.Lask11 .bd .bd1 li strong a{color:#305FA2;background:url("../images/Lask8.png")no-repeat right center;padding-right:24px;}
.Lask11 .bd .bd11{overflow:hidden;margin:20px 0 23px 22px;}
.Lask11 .bd .bd11 a{width:320px;float:left;height:40px;padding-right:30px;position:relative;line-height:40px;font-size:16px;color:#666;text-align:left;padding-left:8px;}
.Lask11 .bd .bd11 a:before{width:3px;height:3px;position:absolute;content:"";left:0;top:18px;background:#666;}
.Lask11 .bd .bd11 a:nth-child(2n){padding-right:0;}
.Lask11 .bd .bd11 a:hover{color:#305FA2;}
.Lask11 .bd .Lask_btn1{border:1px solid #305FA2;width:315px;height:50px;margin:0 auto;color:#305FA2;line-height:50px;font-size:20px;text-align:center;cursor:pointer;}
.Lask11 .bd .Lask_btn1:hover{background:#E35454;border:1px solid #E35454;color:#fff;}
.Lask1 .Lask12{position:absolute;top:132px;right:0;width:338px;}
.Lask1 .Lask12 div{overflow:hidden;margin-top:24px;}
.Lask1 .Lask12 div a{width:103px;float:left;margin-right:11px;margin-bottom:11px;border:1px solid #dcdcdc;text-align:center;font-size:16px;color:#666;padding-bottom:14px;}
.Lask1 .Lask12 div a:nth-child(3n){margin-right:0;}
.Lask1 .Lask12 div a i{margin:18px auto 13px;display:block;height:48px;background:url("../images/Lask1.png") no-repeat;}
.Lask1 .Lask12 div a i.i1{background-position:15px 0;}
.Lask1 .Lask12 div a i.i2{background-position:-84px 0;}
.Lask1 .Lask12 div a i.i3{background-position:-194px 0;}
.Lask1 .Lask12 div a i.i4{background-position:-290px 0;}
.Lask1 .Lask12 div a i.i5{background-position:-393px 0;}
.Lask1 .Lask12 div a i.i6{background-position:-509px 0;}
.Lask1 .Lask12 div a:hover i{background:url("../images/Lask2.png") no-repeat;}
.Lask1 .Lask12 div a:hover i.i1{background-position:15px 0;}
.Lask1 .Lask12 div a:hover i.i2{background-position:-84px 0;}
.Lask1 .Lask12 div a:hover i.i3{background-position:-194px 0;}
.Lask1 .Lask12 div a:hover i.i4{background-position:-290px 0;}
.Lask1 .Lask12 div a:hover i.i5{background-position:-393px 0;}
.Lask1 .Lask12 div a:hover i.i6{background-position:-509px 0;}
.Lask1 .Lask12 div a:hover{border:1px solid #305FA2;color:#305FA2;}
.Lask2 .Lask21{overflow:hidden;margin:45px 0 40px 0;width:711px;}
.Lask2 .Lask21 a{float:left;width:300px;border:1px solid #dcdcdc;height:48px;margin:0 27px 14px 0;line-height:48px;text-align:left;font-size:16px;color:#666; padding: 0 20px; overflow: hidden;}
.Lask2 .Lask21 a:nth-child(2n){margin-right:0;}
.Lask2 .Lask21 a:hover{background:#305FA2;}
.Lask2 .Lask21 a:hover{color:#fff;background:#305FA2;}
.Lask2 .Lask_btn2{width:711px;height:58px;margin-bottom:58px;text-align:center;}
.Lask2 .Lask_btn2 span{width:256px;font-size:20px;display:inline-block;background:#484848;border-radius:30px;color:#fff;line-height:58px;cursor:pointer;margin:0 15px;}
.Lask2 .Lask_btn2 span:nth-of-type(2){background:#305FA2;}
.Lask2 .Lask_btn2 span:hover{background:#E35454;}



/*测试文章模板*/
.artCommon{ width: 1090px; margin:50px auto; overflow: hidden; border-top: 1px solid #eee; padding-top: 15px}
.artCommon h3{ font-size: 16px; padding-bottom: 10px; color: #b18250;}
.artZxdt h3{ margin-bottom: 10px}
.artZxdt{ width: 520px; float: left;}
.wenda_con ul{ height:200px; overflow:hidden}
.wenda_con ul li{ overflow:hidden; line-height:21px; padding-bottom:15px; margin-bottom:15px}
.wenda_con ul li:last-child{ border-bottom:none}
.wenda_con ul li p{ color:#999; height:42px; overflow:hidden; margin-top:8px;}
.wenda_con ul li i,.wenda_con ul li b{ display: inline-block; margin-right:5px; margin-top:2px; line-height:17px; font-style:normal; color:#fff; width:21px; height:17px; font-weight:lighter; text-align:center; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px}
.wenda_con ul li i{ background:#b18250}
.wenda_con ul li b{ background:#A00419; margin-bottom:21px; float:left}
.artCommon .artRmtj{ width: 520px; float: right;}
.artCommon .artRmtj ul{ overflow: hidden; padding: 10px 0}
.artCommon .artRmtj ul li{ width:250px; height: 30px; line-height: 30px; background: #eee; text-align: center; margin: 0 5px 10px; float: left}
.artCommon .artRmtj ul li a{display: block; height: 30px;}
.artCommon .artRmtj ul li a:hover{ background:#b18250; color: #fff;}