/*clear*/
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;overflow:hidden;}
.cf{zoom:1;}

.rili {}
.rili .left {
  width:51.835%;margin-right: 50px;
  position: relative;
  background-color: white;
  -ms-box-shadow: 0px 1px 12px 1px rgb(134, 134, 134, .2);
    -o-box-shadow: 0px 1px 12px 1px rgb(134, 134, 134, .2);
    -moz-box-shadow: 0px 1px 12px 1px rgb(134, 134, 134, .2);
    -webkit-box-shadow: 0px 1px 12px 1px rgb(134, 134, 134, .2);
    box-shadow: 0px 1px 12px 1px rgb(134, 134, 134, .2);
    border-radius: 8px;
    padding: 0 26px 20px 26px;float: left;z-index: 2;
}

.dsdsj .right-panel {
  position: relative; padding: 90px 0;
}
/*.dsdsj .right-panel:after {
    top: 56px;
    right: -23px;
    content: "";
    position: absolute;
    width: 201px;
    height: 216px;
    background: url(dsjy-ct01.png) no-repeat;z-index: 3;
}*/

.dsdsj .right-panel .history {
    background: #e92e2e;
    padding: 45px 50px 50px 50px;
    position: relative;z-index: 1;border-radius: 0 8px 8px 0;
}
.dsdsj .right-panel .history:after {
    top: -32px;
    right: -23px;
    content: "";
    position: absolute;
    width: 201px;
    height: 216px;
    background: url(dsjy-ct01.png) no-repeat;z-index: 3;
}
.dsdsj .panel-right-text {
  font-size:24px;
  color: white;
  font-weight: bold;line-height: 1;margin-bottom: 22px;
}
.dsdsj .right-panel .conn {
  height:220px;
  overflow: auto;
  color: white; font-size:16px; line-height:2;padding-right: 15px;
}
.dsdsj .right-panel .conn::-webkit-scrollbar {
  width: 5px;
  height: 1px;
}

.dsdsj .right-panel .conn::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #b69758;
}

.dsdsj .right-panel .conn::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 5px;
  background: #EDEDED;
}

.dsdsj .right-panel .conn h2 {
  color: #c5983e;
  line-height: 50px;
}

.dsdsj .right-panel .conn p {
  line-height: 28px;
  font-size: 18px;
  text-indent: 2em;
  color: #594224;
}

.dsdsj .xyy {
  position: absolute;
  right:40px;
  bottom: 10px;
  cursor: pointer;
}

.dsdsj .syy {
  position: absolute;
  right:120px;
  bottom: 10px;
  cursor: pointer;
}

.dsdsj .zyhy-list {
  background-color: #f9f9f9;
  border-top: 10px solid #b69758;
  padding: 30px 50px;
  border-bottom: 5px solid #b69758;
}

.dsdsj .zyhy-list li {
  float: left;
  padding-left: 20px;
  line-height: 45px;
  width: 410px;
  color: #222222;
  font-size: 16px;
  border-bottom: 1px dashed #ccc;
  margin: 0 10px;
}

.dsdsj .zyhy-list li a {
  color: #222222;
}

.dsdsj .zyhy-list li a:hover {
  color: #b1000e;
}

/* æ—¥åŽ†æ ·å¼ */

.dsdsj .calendar {
  background: white;
}
.dsdsj .title {
  height: 70px;
  border-bottom: 1px solid #bfbfbf;
  position: relative;
  text-align: center;
  margin-bottom: 22px;
}
.dsdsj #calendar-title {
  font-size: 36px;
  text-transform: uppercase;
  padding: 14px 0 0 0;
  line-height: 1;text-align: left;font-weight: 700;
}
.dsdsj #calendar-title1 {
  font-size: 36px;
  text-transform: uppercase;
  padding: 14px 0 0 0;
  line-height: 1;
  text-align: left;
  font-weight: 700;
}
.dsdsj #calendar-year {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.dsdsj #calendar-year1 {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.dsdsj #pre {
  position: absolute;
  top: 0px;
  right: 49px;
  background: url(rili-left.png) no-repeat 50% 50%;
  /*æ²¡è§„å®šå¤§å°æ—¶ï¼Œå›¾ç‰‡æ˜¾ç¤º 0X0*/
  width: 60px;
  height: 60px;
}
.dsdsj #pre1 {
  position: absolute;
  top: 0px;
  right: 49px;
  background: url(rili-left.png) no-repeat 50% 50%;
  /*æ²¡è§„å®šå¤§å°æ—¶ï¼Œå›¾ç‰‡æ˜¾ç¤º 0X0*/
  width: 60px;
  height: 60px;
}
.dsdsj #next {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(rili-right.png) no-repeat 50% 50%;
  width: 60px;
  height: 60px;
}
.dsdsj #next1 {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(rili-right.png) no-repeat 50% 50%;
  width: 60px;
  height: 60px;
}
.dsdsj .body-list ul {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  width: 100%;
  box-sizing: border-box;
}
.dsdsj .body-list ul li {
  list-style: none;
  display: block;
  width: 14.28%;
  float: left;
  height: 68px;
  line-height: 68px;
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
.dsdsj .green {color: #594224;}
.dsdsj .lightgrey,.dsdsj .lightgrey1 {color: #333;cursor: pointer;font-size: 18px;font-weight: 500;}
.dsdsj .darkgrey {color: #999;}
.dsdsj #days li.active {
  background-image: url(dian.png);
  background-position: center;
  color: white;
}
.dsdsj #days1 li.active {
  background-image: url(dian.png);
  background-position: center;
  color: white;
}
@media (max-width: 1199px) {
    .dsdsj .body-list ul li {height: 58px;line-height: 58px;}
    .dsdsj .right-panel {padding: 58px 0;}
}
@media (max-width: 991px) {
    .dsdsj .body-list ul li {height: 48px;line-height: 48px;}
    .dsdsj .right-panel {padding: 43px 0;}
    .rili .left {margin-right: 30px;}
    .dsdsj .right-panel .history:after {top:-64px;}
    .dsdsj .right-panel .history {padding: 38px 30px 30px 30px;}
}
@media (max-width: 767px) {
    .rili .left {width: 100%;}
    .dsdsj .body-list ul li {font-size: 15px;}
    .dsdsj .right-panel .history {float: left;}
    .dsdsj .body-list ul li {height: 42px;line-height: 42px;}
    .dsdsj .right-panel .history {padding: 56px 20px 30px 20px;border-radius:8px;z-index: 2;width: 100%;}
    .dsdsj .right-panel .history:after {top:-26px;}
    .dsdsj .right-panel .conn {line-height: 1.8;}
    .rili .left {z-index: 1;}
}