@charset "gb2312";
@import url("common2018.css");

/*文章页*/
.mbxdh{ width: 100%; height: 30px; background: #ddd; line-height: 30px}
.mbxdh p{ width: 1090px; margin: 0 auto; color: #333;}

.artMain{ width: 1090px; margin:50px auto;}
.artMain h1{ text-align:center; font-size:25px; color: #333;}
.artMain .artXx{ text-align: center; padding: 20px 0 25px}
.artMain .artXx i{ margin: 0 15px; padding-left: 24px; display: inline-block;}
.ai1{ background: url(http://www.ybskq.cn/style/images/laiyuan.jpg) no-repeat left}
.ai2{ background: url(http://www.ybskq.cn/style/images/time.jpg) no-repeat left}
.artCon{ padding: 0 15px 40px; line-height: 30px;}

.toggle{ width: 800px; margin: 0 auto; overflow: hidden;}
.toggle p{ width: 50%; box-sizing: border-box; float: left;}
.toggle p.tp1{ background: url(http://www.ybskq.cn/style/images/left_button.jpg) no-repeat left; padding-left: 22px}
.toggle p.tp2{ background: url(http://www.ybskq.cn/style/images/right_button.jpg) no-repeat right; padding-right: 22px}

.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:#92ca9b; margin-bottom:21px; float:left}
.artRmtj{ width: 520px; float: right;}
.artRmtj ul{ overflow: hidden; padding: 10px 0}
.artRmtj ul li{ width:250px; height: 30px; line-height: 30px; background: #eee; text-align: center; margin: 0 5px 10px; float: left}
.artRmtj ul li a{display: block; height: 30px;}
.artRmtj ul li a:hover{ background:#b18250; color: #fff;}

/*列表页*/
.art_list{ overflow: hidden;}
.art_list>li{ width: 510px; overflow: hidden; float: left; padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 15px}
.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{}
.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: 5px; overflow: hidden; color:#999; 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}

.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;}

/*文章页 改版cn*/
/*新文章页*/
.artMaincn{ width: 1125px; margin: 60px auto 100px; overflow: hidden;}
.artML{ width: 720px; float: left;}
.Lwzy1{width:717px;overflow:hidden;}
.Lwzy11 h1{font-size:30px;color:#555;text-align:center;font-weight:bold;line-height:24px;}
.Lwzy11 ul{overflow:hidden;padding:30px 70px 45px; text-align: center}
.Lwzy11 ul li{font-size:14px;line-height:24px;color:#666;display: inline-block;/*margin-right:26px;*/}
.Lwzy11 ul li:nth-child(3){margin-right:0;}
.Lwzy11 ul li a{color:#c68f66;}
.Lwzy11 ul li i{padding:0 9px;}
.Lwzy1p{font-size:16px;line-height:32px;color:#666;}
.Lwzy12{overflow:hidden;margin:45px 0 20px;}
.Lwzy12 li{width:345px;float:left;height:55px;text-align:center;color:#666;font-size:14px;line-height:55px;}
.Lwzy12 li:nth-child(2){margin-left:25px;}
.Lwzy13{overflow:hidden;position:relative;margin-bottom:40px;}
.Lwzy13 li{width:345px;float:left;height:175px;background:#f0f0f0 url(../img/Lwzy14.jpg) no-repeat bottom right; cursor: pointer;}
.Lwzy13 li:nth-child(2){margin-left:25px;}
.Lwzy13 li div{height:175px;background:url(../img/Lwzy12.jpg) no-repeat 27px center;}
.Lwzy13 li:nth-child(2) div{height:175px;background:url(../img/Lwzy13.jpg) no-repeat 27px center;}
.Lwzy13 li div b{font-size:24px;line-height:32px;color:#6b6b6b;padding:40px 0 0 165px;display:block;}
.Lwzy13 li div b span{font-size:16px;display:block;color:#666;font-weight:normal;}
.Lwzy13 li div i{color:#b68f66;font-size:16px;cursor:pointer;display:block;margin:10px 0 0 165px;}
.Lwzy14{overflow:hidden;width:358px;float:left;}
.Lwzy14 .Lwzyyd{width:358px;float:left;background:url(../img/Lwzy15.jpg) no-repeat 5px center;height:25px;}
.Lwzy14 .Lwzygx{background:url(../img/Lwzy16.jpg) no-repeat 5px center;}
.Lwzy14 .Lwzyyd a{text-align:left;color:#b68f66;font-size:20px;padding:0 15px 0 40px;border-right:1px solid #ababab;}
.Lwzy14 .Lwzyyd span{color:#ababab;font-size:14px;padding-left:15px;}
.Lwzy15{overflow:hidden;width:358px;float:left;margin-top:25px;}
.Lwzy15 a{float:left;height:40px;line-height:40px;font-size:16px;color:#666;padding-left:24px;position:relative; overflow:hidden;}
.Lwzy15 a:before{position:absolute;content:"";width:2px;height:2px;background:#666;left:10px;top:18px;}
.Lwzy15 a:hover{color:#c2996d;}
.artMR{ width: 377px; float: right}
.artMR .artMRC{ border: 2px solid #e6e6e6; padding: 30px 13px 20px}
.artMR .artMRC .artMRtit{ font-size: 20px; color: #333; text-align: center; background: url(../img/dx.jpg) no-repeat center bottom; padding-bottom: 15px; margin-bottom: 30px}
.artMR .artMRC.artZX p{ overflow: hidden; text-indent: 2em; padding: 5px 0 15px}
.artMR .artMRC.artZX p a{ color: #b18250;}
.artMR .artMRC em{display: block; text-align: center; font-size: 18px; padding: 24px 0}
.artMR .artMRC>i{ display: block; height: 48px; line-height: 48px; text-align: center; background: #b18250; color: #fff; font-size: 18px; cursor: pointer;}
.artMR .artMRC>i:hover{ transform: scale(1.05); margin: 0 20px; border-radius: 10px}
.artWD{ margin-top: 10px}
.artWD li{display: block; height: 42px; line-height: 42px; border: 1px solid #ccc; margin-bottom: 15px; padding: 0 12px; overflow: hidden;}
.artWD li:last-child{ margin-bottom: 0}
.artWD li i{ color: #ff6600; width: 100px; float: right}
.artZX .Lwzy22{ margin-bottom:0}
.Lwzy22{overflow:hidden;width:347px;margin-bottom:15px;}
.Lwzy22 li{width:163px;float:left;height:62px;margin-right:16px;border:1px solid #dcdcdc;margin-bottom:13px;}
.Lwzy22 li a{font-size:16px;color:#666;display:block;padding:20px 0 0 80px;}
.Lwzy22 li:nth-child(2n){margin-right:0;}
.Lwzy22 li i{height:64px;width:70px;float:left;background:url(../img/Lwzy23.png) no-repeat left center;}
.Lwzy22 li i.i1{background-position:15px 10px;}
.Lwzy22 li i.i2{background-position:-110px 10px;}
.Lwzy22 li i.i3{background-position:-220px 10px;}
.Lwzy22 li i.i4{background-position:-330px 10px;}
.Lwzy22 li:hover i{background:url(../img/Lwzy24.png) no-repeat left center;}
.Lwzy22 li:hover i.i1{background-position:15px 10px;}
.Lwzy22 li:hover i.i2{background-position:-110px 10px;}
.Lwzy22 li:hover i.i3{background-position:-220px 10px;}
.Lwzy22 li:hover i.i4{background-position:-330px 10px;}
.Lwzy22 li:hover{border:1px solid #c2996d;}
.Lwzy22 li:hover a{color:#c2996d;}

/*ask*/
.secCen{ width: 1090px; margin: 0 auto;}
.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(https://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(https://www.ybs120.com/imgnew/askico2.jpg) no-repeat left}
.askMl .askMlwen span i.i2{ background: url(https://www.ybs120.com/imgnew/askico3.jpg) no-repeat left}
.askMl .askMlwen span i.i3{ background: url(https://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(https://www.ybs120.com/imgnew/askb1.jpg) no-repeat; left: -1px;}
.askMl .askfg .x2{ background: url(https://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(https://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(https://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: #c2996d; border-radius: 2px; border: 1px solid #c2996d; 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;}
.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: #c2996d;}
.askMl .askMlda .daZwen.zd .zwdcon{ border:none;}
.askMldaB{ padding-top: 36px;}
.askMldaB i{display: block; background: url(https://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, #c2996d, #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(https://www.ybs120.com/imgnew/askp1.png) no-repeat 0}
.askMlBtn p i.p2{ background:url(https://www.ybs120.com/imgnew/askp2.png) no-repeat 0}
.askMlBtn p i.p3{ background:url(https://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(https://www.ybs120.com/imgnew/askico2.jpg) no-repeat left}
.askMl .askMlQt span i.i2{ background: url(https://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 #c2996d; color: #c2996d; font-size: 18px;}
.askMr .askFb{ cursor: pointer; height: 261px; background:url(https://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 #c2996d; color: #c2996d;}
.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: #c2996d;}
.askMr .askXg ul li i{ height: 17px; line-height: 17px; color: #999; background: url(https://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: #c2996d;}
.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 #c2996d; color: #c2996d;}

/*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(https://www.ybs120.com/imgnew/askico4.jpg) no-repeat left;}
.asklist li .askltit i.i2{ background: url(https://www.ybs120.com/imgnew/askico3.jpg) no-repeat left;}
.asklist li .askltit i.i3{ background: url(https://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: #c2996d; display: inline-block; padding-right: 20px; background: url(https://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 #c2996d;}
.ask_page li a { color: #555; display: block; padding: 0 12px}
.ask_page li:hover a{ color: #fff; background: #c2996d}
.ask_page li.thisclass,.arc_page li.thisclass a, .arc_page li.thisclass a:hover {background-color: #c2996d; color: #fff;font-weight: bold; padding: 0 10px}
.ask_page p{display: inline-block;}

.askMain .secCen{ position: relative}