@charset "utf-8";
body {
  /*font-family: "PingFangSC-Semibold";*/
  font-family: "PingFang-SC", "PingFangSC", "微软雅黑";
  overflow-x: hidden;
  /*min-width: 1100px;*/
  font-style: normal;
  background: rgb(248, 248, 248);
}
.clear {
  clear: both;
}
.footer {
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  background: rgb(51, 51, 51);
  text-align: center;
  color: rgb(255, 255, 255);
  letter-spacing: 1.68px;
}

.banner {
  width: 100%;
  height: 160px;
  background: url("../images/banner.png")
    /*tpa=https://zjpx.zajpedu.com/sem/baidu/pc/images/banner.png*/ no-repeat;
  background-size: 100% 100%;
}
.bannerLeft {
  width: 50%;
  float: left;
}
.banner01 {
  width: 97%;
  padding-top: 46px;
  cursor: pointer;
}
.banner02 {
  width: 100%;
  cursor: pointer;
}

.bannerBtn {
  float: right;
  width: 39.2%;
  margin-top: 56px;
}
.bannerBtn a {
  width: 45%;
  height: 48px;
  line-height: 48px;
  display: block;
  background: rgb(74, 146, 229);
  border: 2px solid rgb(255, 255, 255);
  box-shadow: 0px 1px 2px 0px rgb(74, 146, 229);
  border-radius: 8px;
  font-size: 19px;
  text-align: center;
  color: rgb(255, 255, 255);
  float: left;
  margin-right: 30px;
  transition: all 0.8s;
}
.bannerBtn a:hover {
  background: rgb(252, 183, 41);
  box-shadow: 0px 1px 2px rgba(74, 146, 229);
  cursor: pointer;
}

.nav {
  width: 100%;
  height: 53px;
  background: rgb(74, 146, 229);
  margin-bottom: 20px;
}
.nav a {
  width: 149px;
  height: 53px;
  line-height: 53px;
  float: left;
  display: block;
  font-size: 16px;
  border-right: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  text-align: center;
  transition: all 0.8s;
}
.nav a:hover {
  background: rgb(252, 183, 41);
  cursor: pointer;
  text-decoration: underline;
}
.bannerImg {
  width: 100%;
  margin-bottom: 20px;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner_img {
  position: relative;
  cursor: pointer;
}
.banner_img img {
  width: 100%;
}
.banner_img p {
  width: 100%;
  position: absolute;
  font-size: 40px;
  color: rgb(255, 255, 255);
  text-align: center;
  top: 26px;
}
.s2Wrap {
  width: 100%;
  margin-bottom: 20px;
}
.s2Left {
  width: 37%;
  height: 290px;
  float: left;
  background: url("../images/s1Img.png")
    /*tpa=https://zjpx.zajpedu.com/sem/baidu/pc/images/s1Img.png*/ no-repeat;
  background-size: 100% 100%;
  margin-right: 20px;
}
.s2Left01 {
  width: 72%;
  display: block;
  margin: 0 auto;
  padding-top: 74px;
  cursor: pointer;
}
.s2Left02 {
  width: 68%;
  display: block;
  margin: 0 auto;
  padding-top: 15px;
  cursor: pointer;
}
.s2Middle {
  width: 40%;
  float: left;
  border: 1px solid rgb(204, 204, 204);
  margin-right: 20px;
}
.s2Middle_tit {
  height: 34px;
  padding-top: 14px;
  background: rgb(74, 146, 229);
}
.s2Middle_tit span {
  height: 20px;
  line-height: 19px;
  border-left: 3px solid rgb(255, 255, 255);
  display: block;
  font-size: 20px;
  color: rgb(255, 255, 255);
  padding-left: 10px;
  margin-left: 20px;
}
.s2Middle ul {
  background: rgb(255, 255, 255);
  padding: 20px 20px 10px 20px;
}

.s2Middle ul li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  margin-bottom: 14px;
  transition: all 0.8s;
}
.s2Middle ul li:hover {
  cursor: pointer;
  transform: translateX(3px);
  color: rgb(74, 146, 229);
}
.s2Right {
  width: 19.5%;
  float: left;
}
.s2Right li {
  height: 76px;
  margin-top: -3px;
}
.s2Right li p {
  width: 80%;
  height: 55px;
  line-height: 55px;
  background: url("../images/s1_r_ico.png")
    /*tpa=https://zjpx.zajpedu.com/sem/baidu/pc/images/s1_r_ico.png*/ no-repeat;
  background-size: 100% 100%;
  font-size: 18px;
  color: rgb(74, 146, 229);
  text-align: center;
  float: right;
  margin-top: 9px;
  transition: all 0.8s;
}
.s2Right li p:hover {
  cursor: pointer;
  transform: translateX(-3px);
  color: rgb(74, 146, 229);
}
.s2Right_li01 {
  background: url("../images/s1Right_01.png")
    /*tpa=https://zjpx.zajpedu.com/sem/baidu/pc/images/s1Right_01.png*/
    no-repeat;
  background-size: 100% 100%;
}
.s2Right_li02 {
  background: url("../images/s1Right_02.png")
    /*tpa=https://zjpx.zajpedu.com/sem/baidu/pc/images/s1Right_02.png*/
    no-repeat;
  background-size: 100% 100%;
}
.s2Right_li03 {
  background: url("../images/s1Right_03.png")
    /*tpa=https://zjpx.zajpedu.com/sem/baidu/pc/images/s1Right_03.png*/
    no-repeat;
  background-size: 100% 100%;
}
.s2Right_li04 {
  background: url("../images/s1Right_04.png")
    /*tpa=https://zjpx.zajpedu.com/sem/baidu/pc/images/s1Right_04.png*/
    no-repeat;
  background-size: 100% 100%;
}

.s3Wrap,
.s4Wrap {
  padding: 30px 20px;
  border: 1px solid rgb(204, 204, 204);
  background: rgb(255, 255, 255);
  margin-bottom: 20px;
}
.s3Title {
  font-size: 32px;
  color: rgb(51, 51, 51);
  text-align: center;
  margin-bottom: 25px;
}
.s3Title span {
  color: rgb(74, 146, 229);
}
.s3Left {
  width: 39%;
  float: left;
  border: 1px solid rgb(204, 204, 204);
  margin-right: 20px;
}
.s3Left ul {
  padding: 20px 20px 0 20px;
}
.s3Left ul li {
  width: 47%;
  height: 43px;
  line-height: 43px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 8px;
  float: left;
  background: rgb(244, 244, 244);
  color: rgb(102, 102, 102);
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  margin-right: 20px;
  transition: all 0.8s;
}

.s3Left ul li:hover {
  background: rgb(74, 146, 229);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(192, 221, 255);
  cursor: pointer;
}
.s3Right {
  width: 59%;
  float: right;
}
.s2Middle_tit_span {
  height: 20px;
  line-height: 19px;
  border-left: 3px solid rgb(74, 146, 229);
  display: block;
  font-size: 20px;
  color: rgb(74, 146, 229);
  padding-left: 10px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.s3Table {
  border-radius: 12px;
  border: 1px solid rgb(192, 221, 255);
  margin-bottom: 17px;
}

.s3_table_list {
  height: 102px;

  border-bottom: 1px solid rgb(192, 221, 255);
}
.s3_table_list div {
  width: 32%;
  line-height: 102px;
  float: left;
  background: rgb(74, 146, 229);
  font-size: 18px;
  color: rgb(255, 255, 255);
  text-align: center;
  border-bottom: 1px solid rgb(123, 172, 211);
}
.s3_left_m {
  width: 33%;
  float: left;
  border-right: 1px solid rgb(192, 221, 255);
}
.s3_left_m li {
  width: 100%;
  height: 52px;
  border-bottom: 1px solid rgb(192, 221, 255);
  font-size: 18px;
  color: rgb(102, 102, 102);
  display: table;
  background: rgb(246, 249, 255);
}
.s3_left_m li p {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.s3_left_m li:hover {
  color: rgb(74, 146, 229);
  text-decoration: underline;
  cursor: pointer;
}
.s3_height {
  height: 49px !important;
  border-bottom: 0 !important;
}
.s3_left_r {
  width: 34.8%;
  float: left;
}
.s3_left_r li {
  width: 100%;
  height: 52px;
  border-bottom: 1px solid rgb(192, 221, 255);
  font-size: 20px;
  color: rgb(102, 102, 102);
  display: table;
  background: rgb(246, 249, 255);
}
.s3_left_r li p {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.s3_left_r li p a {
  width: 67%;
  height: 32px;
  line-height: 32px;
  display: block;
  margin: 0 auto;
  background: rgb(74, 146, 229);
  font-size: 16px;
  color: rgb(255, 255, 255);
  border-radius: 8px;
  transition: all 0.8s;
  transition: transform 0.8s;
  /*transition: all .8s;*/
}

.s3_left_r li p a:hover {
  /*box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);*/
  background: rgb(252, 182, 41);
  cursor: pointer;
  transform: scale(1.1, 1.1);
}
.s3List {
  display: flex;
  /*padding:0 100px;*/
  margin-bottom: 22px;
  align-items: center;
  justify-content: center;
}
.s3List a {
  font-size: 18px;
  display: inline-block;
  float: left;
  border-right: 1px solid rgb(192, 221, 255);
  padding: 0 30px;
  color: rgb(51, 51, 51);
  position: relative;
  transition: transform 0.8s;
}
.s3List a img {
  width: 12%;
  position: absolute;
  top: -10px;
  right: 7px;
}
.s3List a:hover {
  color: rgb(74, 146, 229);
  cursor: pointer;
  transform: scale(1.1, 1.1);
}
.s3Btn {
  padding: 0 60px;
  display: flex;
}
.s3Btn a {
  width: 156px;
  height: 32px;
  line-height: 32px;
  display: block;
  background: rgb(74, 146, 229);
  border-radius: 8px;
  margin-right: 50px;
  font-size: 16px;
  color: rgb(255, 255, 255);
  text-align: center;
  transition: transform 0.8s;
}
.s3Btn a:hover {
  cursor: pointer;
  background: rgb(252, 183, 41);
  transform: scale(1.1, 1.1);
}

.s4Left {
  width: 66.2%;
  float: left;
  margin-right: 20px;
}
.s4Left ul {
  width: 100%;
}
.s4Left ul li {
  width: 135px;
  height: 47px;
  line-height: 47px;
  float: left;
  border: 1px solid rgb(204, 204, 204);
  background: rgb(244, 244, 244);
  border-radius: 8px;
  font-size: 20px;
  color: rgb(102, 102, 102);
  text-align: center;
  margin-right: 20px;
  margin-bottom: 20px;
  transition: all 0.8s;
}

.s4Left ul li:hover {
  background: rgb(74, 146, 229);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(192, 221, 255);
  cursor: pointer;
}
.s4Btn {
  display: flex;
}
.s4Btn a {
  width: 344px;
  height: 50px;
  line-height: 50px;
  display: block;
  float: left;
  background: rgb(74, 146, 229);
  margin-right: 80px;
  border-radius: 8px;
  font-size: 24px;
  color: rgb(255, 255, 255);
  text-align: center;
  transition: all 0.8s;
}
.s4Btn a:hover {
  cursor: pointer;
  background: rgb(252, 183, 41);
  /*transform: scale(1.1,1.1);*/
}
.s4Right {
  width: 32%;
  float: right;
}
.s4Right ul li {
  width: 100%;
  display: flex;
  height: 50px;
  background: rgb(74, 146, 229);
  border-radius: 8px;
  margin-bottom: 19px;
}
.s4Right ul li p {
  width: 200px;
  font-size: 20px;
  line-height: 50px;
  color: rgb(255, 255, 255);
  float: left;
  text-align: center;
}
.s4Right ul li a {
  width: 167px;
  height: 40px;
  line-height: 40px;
  display: block;
  float: right;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  font-size: 20px;
  color: rgb(74, 146, 229);
  text-align: center;
  margin-top: 5px;
  margin-right: 5px;
  transition: transform 0.8s;
}

.s4Right ul li a:hover {
  cursor: pointer;
  transform: scale(1.1, 1.1);
}
.s5Wrap {
  padding: 30px 20px 30px 80px;
  background: rgb(74, 146, 229);
  margin-bottom: 20px;
}
.s5Left {
  width: 50%;
  float: left;
  margin-right: 100px;
}
.s5Left_p01 {
  font-size: 24px;
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: 600;
  margin-bottom: 3px;
  margin-top: 20px;
}
.s5Left_p01 span {
  color: rgb(255, 233, 11);
}
.s5_timeDiv {
  width: 82%;
  margin: 0 auto;
  padding-top: 20px;
  margin-left: 70px;
  /*margin-bottom:30px;*/
  /*margin-left: 80px;*/
}
.timeMonth,
.timeDay {
  width: 35%;
  height: 147px;
  display: block;
  float: left;
  font-size: 100px;
  color: rgb(255 255 255);
  text-align: center;
  line-height: 147px;
  background: url("../images/time_bj.png")
    /*tpa=https://zjpx.zajpedu.com/sem/baidu/pc/images/time_bj.png*/ no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.timeIco {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 0;
}
.yue2,
.ri {
  float: left;
  height: 147px;
  line-height: 250px;
  font-size: 40px;
  color: rgb(255, 255, 255);
  padding: 0 10px;
  font-weight: 600;
}
.fm1,
.fm2 {
  width: 50%;
  float: left;
}
.fd1,
.fd2 {
  width: 50%;
  float: left;
}
.s5Left_tips {
  width: 100%;
  height: 196px;
  margin: 0 auto;
  background: url("../images/s5_tips.png")
    /*tpa=https://zjpx.zajpedu.com/sem/baidu/pc/images/s5_tips.png*/ no-repeat;
  background-size: 100% 100%;
  margin-top: 30px;
  position: relative;
  margin-bottom: 30px;
}
.s5Left_tips span {
  font-size: 24px;
  color: rgb(255, 255, 255);
  display: block;
  font-weight: 600;
  position: absolute;
  left: 44%;
  letter-spacing: 2.88px;
}
.s5Left_tips p {
  font-size: 16px;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  padding-left: 25px;
  margin-bottom: 20px;
  letter-spacing: 1.92px;
}
.s5Left_tips p img {
  margin-right: 10px;
  width: 4%;
}
.s5Left_tips p:nth-of-type(1) {
  padding-top: 62px;
}
.s5LeftBtn {
  width: 66%;
  display: block;
  height: 50px;
  line-height: 50px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  margin: 0 auto;
  font-size: 22px;
  color: rgb(74, 146, 229);
  text-align: center;
  transition: all 0.8s;
}
.s5LeftBtn:hover {
  cursor: pointer;
  background: rgb(252, 183, 41);
  transform: scale(1.1, 1.1);
  color: rgb(255, 255, 255);
}
.s5Right {
  width: 40.9%;
  float: right;
}
.s5_r_Div {
  background: rgb(255, 255, 255);
  padding: 57px 25px 36px 37px;
}
.s5_r_Div ul {
  border-left: 1px dashed rgb(74, 146, 229);
}
.s5_r_Div ul li {
  margin-left: 45px;
  border-bottom: 1px solid rgb(238, 238, 238);
  padding-bottom: 12px;
  margin-bottom: 20px;
  /*padding-top:11px;*/
  position: relative;
}
.s5_r_Div ul li i {
  width: 15px;
  height: 15px;
  background: rgb(74, 146, 229);
  border-radius: 50%;
  position: absolute;
  left: -52px;
  top: 25px;
}
.s5_p_time {
  font-size: 18px;
  color: rgb(51, 51, 51);
  margin-bottom: 20px;
}
.s5_p_time a {
  font-size: 40px;
  color: rgb(252, 42, 41);
  padding: 0 10px;
}
.s5_p_time02 {
  font-size: 16px;
  color: rgb(102, 102, 102);
}
.s5_p_time02 a {
  color: rgb(252, 42, 41);
}
.s5Ul_div {
  margin-left: 45px;
}
.s5Ul_div p {
  font-size: 16px;
  margin-bottom: 30px;
  height: 22px;
  line-height: 22px;
  position: relative;
}
.s5Ul_div p i {
  width: 10px;
  height: 10px;
  background: rgb(74, 146, 229);
  border-radius: 50%;
  position: absolute;
  left: -50px;
  top: 6px;
}
.s5Ul_div p a {
  color: rgb(74, 146, 229);
  width: 100px;
  display: block;
  float: left;
  cursor: pointer;
}
.s5Ul_div p span {
  color: rgb(102, 102, 102);
  display: block;
  float: left;
  cursor: pointer;
}

.s6Wrap {
  margin-bottom: 20px;
}
.s6left {
  width: 42%;
  float: left;
  border: 1px solid rgb(204, 204, 204);
  margin-right: 20px;
}
.s6left ul {
  padding: 10px 20px 20px 20px;
  background: rgb(255, 255, 255);
}
.s6left ul li {
  border-bottom: 1px solid rgb(238, 238, 238);
  /*padding:10px 0;*/
  height: 42px;
  line-height: 42px;
}

.s6left ul li p {
  width: 77%;
  height: 42px;
  line-height: 42px;

  display: flex;
  align-items: center;
  /*justify-content: center;*/
  font-size: 16px;
  color: rgb(102, 102, 102);
  transition: all 0.8s;
  float: left;
}
.s6left ul li p:hover {
  cursor: pointer;
  transform: translateX(3px);
  color: rgb(74, 146, 229);
}
.s6left ul li p img {
  margin-right: 10px;
  width: 6.3%;
}
.s6left ul li a {
  width: 20%;
  height: 32px;
  line-height: 32px;
  display: block;
  background: rgb(74, 146, 229);
  font-size: 16px;
  color: rgb(255, 255, 255);
  border-radius: 8px;
  transition: all 0.8s;
  transition: transform 0.8s;
  float: right;
  text-align: center;
  margin-top: 5px;
}
.s6left ul li a:hover {
  background: rgb(252, 182, 41);
  cursor: pointer;
  transform: scale(1.1, 1.1);
}
.s6Right {
  width: 56%;
  float: right;
  border: 1px solid rgb(204, 204, 204);
}
.s6RightDiv {
  padding: 20px 20px 20px 20px;
  background: rgb(255, 255, 255);
  display: flex;
}
.s6RightDiv ul {
  float: left;
}
.s6RightDiv ul:nth-of-type(1) {
  width: 43%;
}
.s6RightDiv ul:nth-of-type(2) {
  width: 33%;
}
.s6RightDiv ul:nth-of-type(3) {
  width: 24%;
}
.s6Right_ul01 {
  font-size: 18px;
  color: rgb(74, 146, 229);
  text-align: center;
  margin-bottom: 10px;
}
.s6Right_01 li {
  height: 22px;
  line-height: 22px;
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
}
.s6Right_01 li a {
  color: rgb(153, 153, 153);
  display: block;
  float: left;
  margin-right: 28px;
}
.s6Right_01 li p {
  float: left;

  color: rgb(102, 102, 102);
}
.s6Right_01 li p span {
  float: left;
  padding: 0 16px;
  transition: all 0.8s;
}
.s6Right_01 li p span:hover {
  cursor: pointer;
  transform: translateX(3px);
  color: rgb(74, 146, 229);
}
.s6Right_01 div {
  height: 22px;
  line-height: 22px;
  width: 100%;
  margin-bottom: 5px;
  text-align: center;
  font-size: 16px;
  transition: all 0.8s;
  color: rgb(102, 102, 102);
}
.s6Right_01 div:hover {
  cursor: pointer;
  transform: translateX(3px);
  color: rgb(74, 146, 229);
}
.colorHover {
  color: rgb(74, 146, 229) !important;
}

.s7Wrap {
}
.s7Wrap ul li {
  width: 25%;
  float: left;
  position: relative;
  cursor: pointer;
  transition: all 0.8s;
}
.s7Wrap ul li:hover {
  cursor: pointer;
  transform: scale(1.1, 1.1);
}
.s7Img {
  width: 100%;
  height: 180px;
}
.s7Wrap ul li p {
  width: 87.6%;
  height: 45px;
  line-height: 45px;
  background: rgb(255, 255, 255, 0.9);
  position: absolute;
  top: 64px;
  left: 19px;
  font-size: 20px;

  color: rgb(74, 146, 229);
  text-align: center;
}

.leftFixed {
  width: 150px;
  height: 310px;
  background: rgb(74, 146, 229);
  border-radius: 12px;
  position: absolute;
  left: 10px;
  top: 249px;
}

.left_fix_ico {
  margin-top: -20px;
}
.a_01 {
  width: 77%;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.left_ico {
  display: block;
  float: left;
  width: 24px;
  margin-left: 17px;
  margin-right: 10px;
  margin-top: 1px;
}

.left_fix_p {
  font-size: 20px;
  color: rgb(255 255 255);
  margin-right: 13px;
  cursor: pointer;
  font-weight: 600;
}
.leftUl {
  width: 89%;
  height: 250px;
  background: rgb(255 255 255);
  border-radius: 12px;
  margin: 0 auto;
  margin-top: 5px;
  padding-top: 7px;
}

.leftUl li {
  width: 84%;
  height: 47px;
  line-height: 47px;
  margin: 0 auto;
  border-bottom: 1px dashed rgb(204, 228, 255);
}

.fix01 {
  display: block;
  float: left;
  width: 28%;
  margin-top: 8px;
  margin-right: 6px;
  margin-left: 5px;
}
.left_ul_p {
  float: left;
  font-size: 16px;
  color: rgb(51, 51, 51);
  transition: all 0.8s;
}
.left_ul_p:hover {
  color: rgb(74, 146, 229);
  cursor: pointer;
  transform: translateX(3px);
}

.box {
  width: 250px;
  height: 400px;
  margin: 10px auto 0;
  background: url(http://f2.dn.anqu.com/down/NzlkMQ==/allimg/1309/54-130922101359.jpg)
    no-repeat;
  background-size: cover;
}
.top {
  width: 100%;
  height: 30px;
  background: #2c333a;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-indent: 10px;
  line-height: 30px;
}
.cont {
  height: 330px;
  width: 100%;
  overflow: auto;
}
.bot {
  width: 100%;
  height: 30px;
  padding: 5px 0;
  background: #ccc;
  line-height: 40px;
}
.bot a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  float: left;
}
.bot a.fir {
  background: url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505302716776&di=0a84a2add6f798c1b0650417faba5fec&imgtype=0&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201510%2F12%2F20151012234932_sSKua.thumb.224_0.jpeg")
    no-repeat;
  background-size: cover;
}
.bot a.sec {
  background: url("http://tse3.mm.bing.net/th?id=OIP.V5shhXuJeF4z6DOtqUkFgwD6D6&pid=15.1")
    no-repeat;
  background-size: cover;
}
.bot input {
  height: 30px;
  float: left;
  outline: none;
}
.bot input:nth-of-type(1) {
  width: 150px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #000000;
  margin: 0 5px;
}
.bot input:nth-of-type(2) {
  width: 40px;
}
.cont div {
  padding: 10px 0;
  width: 100%;
}
.cont div span {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.cont div p {
  max-width: 150px;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px;
  border-radius: 10px;
  position: relative;
}
.cont div:after {
  display: block;
  content: " ";
  clear: both;
}
.cont div p:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #ccc;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
}
.lis_lf span {
  background: url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505302716776&di=0a84a2add6f798c1b0650417faba5fec&imgtype=0&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201510%2F12%2F20151012234932_sSKua.thumb.224_0.jpeg")
    no-repeat;
  background-size: cover;
  float: left;
  margin: 0 15px 0 5px;
}
.lis_lf p {
  float: left;
  background: #fff;
}
.cont .lis_lf p:before {
  background: #fff;
  left: -5px;
  border-top: 0;
  border-right: 0;
}

.lis_rt span {
  background: url("http://tse3.mm.bing.net/th?id=OIP.V5shhXuJeF4z6DOtqUkFgwD6D6&pid=15.1")
    no-repeat;
  background-size: cover;
  float: right;
  margin: 0 5px 0 15px;
}
.lis_rt p {
  float: right;
  background: lightgreen;
}
.cont .lis_rt p:before {
  background: lightgreen;
  right: -5px;
  border-left: 0;
  border-bottom: 0;
}

body .layui-layer-content {
  border-radius: 12px !important;
}
body .layui-layer-content iframe {
  border-radius: 12px !important;
}
body .layui-layer {
  border-radius: 12px !important;
}


.layui-layer-title {
    background-color:rgb(0, 156, 224);
    border-radius: 9px 9px 0 0 !important;
}

.layui-icon-close:before {
    content: "\1006";
    color: #fff;
}