body {
    margin: 0px;  
    padding: 0px; 
    font-size: 12px;
    font-family: "微软雅黑","黑体";
    color: #898989;
    line-height: 1;
    background: #FFF;
}
.section01{
  background: #f0f4f3;
  padding: 55px 0;
}
.tc {
    text-align: center;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.w100{
  width: 100%;
}
.section01 .section01-l {
    height: inherit;
    background: #fff;
    overflow: hidden;
    width: 60%;
    padding: 20px; 
    margin: 0 auto;
    box-shadow: -2px 0 2px #ebefee, 4px 0 4px #e1e5e4, 0 -1px 1px #eef2f1, 0 5px 5px #dce0df;
}

.section01 .section01-l .section01-l-left {
    width: 60%;
}
.section01 .section01-l .section01-l-top {
    text-align: center;
    margin-bottom: 15px;  
}
.section01 .section01-l .section01-l-top .section01-l-top-in {
    display: inline-block;
    padding: 0 10px; 
    border-bottom: 1px dashed #dddddd; 
    padding-bottom: 2px; 
}
.section01 .section01-l .section01-l-top .section01-l-top-in h3 {
    font-size: 28px;
    color: #c8161d;
    font-weight: bold;
}
.section01 .section01-l .section01-l-bottom dl, .zxsq dl {
    padding-left: 112px; 
    margin-bottom: 20px; 
    position: relative;
}
.section01 .section01-l .section01-l-bottom dl dt, .zxsq dl dt {
    font-size: 15px;
    color: #636564;
    position: absolute;
    left: 0;
    width: 125px; 
    font-weight: normal;
    height: 34px; 
    line-height: 34px;
}
.section01 .section01-l .section01-l-bottom dl dd input, .zxsq dl dd input {
    width: 100%;
    height: 34px; 
    line-height: 34px;
    border-radius: 4px; 
    padding: 0 10px;  
    font-size: 15px;
    color: #636564;
    border: 1px solid #bababa;

}
.dp select {
    width: 33.3%;
    height: 34px;  
    line-height: 34px;
    border-radius: 4px;  
    padding: 0 0 0 5px; 
    font-size: 14px;
    color: #636564;
    border: 1px solid #bababa; 
}
.dp {
    display: flex;
}
.section01 .section01-l .section01-l-right {
    width: 34%;
    padding-top: 15%;
    line-height: 20px;
}
.section01 .section01-l .section01-l-bottom dl dd button {
    width: 136px; 
    height: 35px; 
    text-align: center;
    line-height: 29px;
    color: #fff;
    font-size: 15px;
    border: none;
    background: #c8161d;
}
.section01 .section01-l .section01-l-top .section01-l-top-in p {
    font-size: 12px;
    color: #838383;
    letter-spacing: 0px;
}
.section01 .section01-l .section01-l-bottom dl dd button:hover{
 background: #e8aa72;
}
.cx-content02{
  background: #f0f4f3;
  padding: 35px 1.05rem;   
}

.cx-content02 .cx-content-top {
    overflow: hidden;
}
.cx-content02 .cx-content-top .cx-content-l {
    width: 75%;
    background: #fff;
    padding: 41px 90px 44px;   
    box-shadow: -2px 0 2px #ebefee, 4px 0 4px #e1e5e4, 0 -1px 1px #eef2f1, 0 5px 5px #dce0df;
    position: relative;
}
.cx-content02 .cx-content-top .cx-content-l h3.qg-h3 {
    width: 346px; 
    height: 50px; 
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    background: #2eafbb;
    display: inline-block;
    margin-bottom: 55px;
 
}
.cx-content-l-b02-w {
    border: 1px solid #808080;  
}
.cx-content-l-b02 {
    padding: 20px 20px 0; 
    line-height: 25px;
    font-size: 16px;
    background: #fff;
}
.cx-content-l-b02-in{
    padding-left: 15px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 35px;
}
.jg-p{
    margin-top: 45px;
}
.cx-content-l-b02-w .xm-p {
    margin-bottom: 7px;  
}
.cx-content-l-b02-in-b{
    padding: 35px 0 15px;
    text-align: center;
}
.cx-content-l-b02-in-b h3{
    font-size: 18px;
    color: #000;
}
.cx-content-l-b02-in-b .cx-content-l-b02-in-b-p01{
    font-size: 18px;
    color: #000;
    margin: 30px 0;
}
.cx-content-l-b02-in-b-02{
    color: #333333;
    font-size: 18px;
    margin: 20px 0 10px;
    font-weight: bold;
}
.cx-content-l-b02-in-b-03{
    color: #333333;
    font-size: 16px;
    margin-bottom: 0;
 
}
.cx-content-l-b02-in-b .cx-content-l-b02-in-b-p01 span{
    font-size: 22px;
    color: #ff0000;
    font-weight: bolder;
}
.cx-content-l-b02 .gx-h3 {
    background: #26b887;
    padding: 10px 20px; 
    font-size: 17px;
    color: #fff;
    width: 100%;
    margin: 5px 0; 
    font-weight: bold;
}
.cx-content-r {
    width: 22%;
    background: #fff;
    padding: 15px 15px 33px;  
    box-shadow: -2px 0 2px #ebefee, 4px 0 4px #e1e5e4, 0 -1px 1px #eef2f1, 0 5px 5px #dce0df;
}
.cx-content-r h3 {
    height: 30px; 
    line-height: 30px;
    padding: 0 16px;  
    font-size: 16px;
    background: #2eafbb;
    color: #fff;
    margin-bottom: 20px; 
    display: inline-block;
 

}
.cx-content-r .cx-content-r-ul {
    padding-bottom: 20px; 
    border-bottom: 1px solid #f0f0f0; 
    margin-bottom: 10px; 
    padding-left: 0;
}
.cx-content-r .cx-content-r-ul li {
    float: none;
    margin-bottom: 15px; 
    list-style: none;
}
.cx-content-r .cx-content-r-ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
        color: #898989;
}
.cx-content-r .cx-gzgzh-dl {
    overflow: hidden;
 
    border-bottom: 1px solid #f0f0f0;  
    margin-bottom: 25px; 
    padding-bottom: 35px;
}
.cx-content-r .cx-gzgzh-dl dt {
    width: 44%;
    float: left;
}
.cx-content-r .cx-gzgzh-dl dt img {
    width: 100%;
}
.cx-content-r .cx-gzgzh-dl dd {
    width: 48%;
    float: right;
}
.cx-content-r .cx-gzgzh-dl dd p {
    line-height: 25px;
    font-size: 16px;
}
.cx-content-r .cx-gzgzh-dl dd a {
    display: inline-block;
    width: 100px; 
    height: 30px;
    line-height: 30px; 
 
    text-align: center;
    background: #2eafbb;
    border-radius: 20px; 
    margin-top: 12px; 
    color: #fff;
    font-size: 16px;
}

.cx-content-r .cx-cc-div a {
    display: block;
    border-radius: 20px; 
}

.cx-head {
    background: #c8161d;
    padding: 20px 0;  
}

.cx-head .cx-logo {
    text-transform: uppercase;
    font-size: 21px;
    display: inline-block;
    margin-right: 55px; 
    color: #fff;
}
.cx-head-p {
    color: #fff;
    margin-top: 10px; 
}
.cx-head-p a {
    color: #fff;
    font-size: 12px;
}
.cx-head-p span {
    display: inline-block;
    margin: 0 10px; 
}
.cx-content {
    background: #f1f1f1;
  /*  padding: 50px 0;*/ 
}
.login-wrap {
    background: #fff;
    padding: 40px 140px 30px; 
    width: 646px; 
    margin: 0 auto;
    position: relative;
    box-shadow: -2px 0 2px #ebefee, 4px 0 4px #e1e5e4, 0 -1px 1px #eef2f1, 0 5px 5px #dce0df;
}
.login-wrap h3 {
    font-size: 28px;
    color: #3c3d3f;
    margin-bottom: 28px; 
}
.login-wrap .login-p {
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 20px; 
}
 .zxsq dl {
    padding-left: 112px; 
    margin-bottom: 12px; 
    position: relative;
}
 .zxsq dl dt {
    font-size: 15px;
    color: #636564;
    position: absolute;
    left: 0;
    width: 125px; 
    font-weight: normal;
    height: 34px; 
    line-height: 34px;
}

.zxsq dl dd input {
    width: 100%;
    height: 34px; 
    line-height: 34px;
    border-radius: 4px; 
    padding: 0 10px; 
    font-size: 15px;
    color: #636564;
    border: 1px solid #bababa;  
}
.gzgzh-w {
    width: 113px; 
    border: 1px solid #dddddd; 
    background: #fff;
    padding: 10px 10px 22px;  
    border-radius: 10px; 
    position: absolute;
    right: 10px; 
    top: 10px;  
}
.gzgzh-w img {
    width: 100%;
}
.gzgzh-w span {
    border-radius: 20px; 
    width: 70px; 
    height: 20px; 
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: -10px; 
    left: 50%;
    margin-left: -35px; 
    background: #2eafbb;
}

.cx-foot {
    text-align: center;
    color: #a7a8aa;
    font-size: 12px;
    background: #fff;
    padding: 31px 0;  
    border-top: 1px solid #e6e6e6; 
    position: relative;
    z-index: 9;
}
.cx-foot p {
    color: #676769;
    display: inline-block;
}
.cx-foot p a{
    color: #676769;
}
.login-wrap button {
    width: 100%;
    color: #fff;
    font-size: 17px;
    background: #2eafbb;
    text-align: center;
    height: 42px; 
    line-height: 42px;
    border-radius: 4px; 
    border: none;
    padding: 0 !important;
}

.section01-l-bottom .input-w{position: relative;}
#append ,#append2{
    width: 100%;
        border: 1px solid #dcddde;
    display: none;
    background-color: #FFF;	
    position: absolute;
    left: 0;
    bottom: 34px;
      z-index: 99999;
      border-radius: 5px;
      padding: 5px;
      max-height: 200px;
      overflow-y: scroll;
  }
  .item {
    padding: 3px 5px;
    cursor: pointer;
      line-height: 1.6;
      text-align: left;
  }
  .item:hover{
    background: #e8e8e9;
  }


  .jiage{font-size: 20px; color: #FF0000;display:inline-block;padding: 10px 0;}
.txt{font-size: 14px;}
.area{word-wrap: break-word;  word-break: break-all; white-space: normal;}
.nav-tabs > li.active > a,  .nav-tabs > li.active > a:hover,  .nav-tabs > li.active > a:focus{border: solid #FF0000 1px;color: #FF0000; text-align: center; border-radius: 5px; text-decoration: none!important;}
.nav-tabs > li > a {border: solid #eee 1px;text-align: center; border-radius: 5px; }
.wxzf{display: block; width: 100%;height: 40px;font-size: 20px; margin-top: 10px; line-height: 40px; border-radius: 5px;background: #00c250;color: #FFF; text-align: center;}

.cx{display: flex;justify-content: space-between;margin-bottom: 10px; }
.cx label{font-weight: normal; color: #ee4734;}

.cx-content-l-b02 ul li {
    margin-bottom: 15px;
    float: none;
    padding-left: 0;
}
.qgdabd-wrap-left{width: 100%;}
.txt {
    font-size: 14px;
    padding-top: 10px;
    word-break: break-all;
    line-height: 1.5;
}
.txt {
    padding: 15px 0;
}


@media(max-width: 1200px){
  .section01 .section01-l {
    width: 98%;
    padding: 20px 15px;  
}
.section01 .section01-l .section01-l-left, .section01 .section01-l .section01-l-right {
    width: 100%;
}
.section01 .section01-l .section01-l-top .section01-l-top-in h3 {
    font-size: 24px;
}
.section01 .section01-l .section01-l-bottom dl {
    padding-left: 98px; 
}
.section01 .section01-l .section01-l-bottom dl dt {
    width: 100px; 
}
.section01 .section01-l .section01-l-right{
  padding-top: 5%;
}
.section01{
  padding: 30px 0;
}
.cx-content02 .cx-content-top .cx-content-l,
.cx-content02 .cx-content-top .cx-content-r{
    width: 100%;
    float: none;
}
.cx-content02 .cx-content-top .cx-content-l{
    margin-bottom: 20px;
}
}

@media(max-width: 767px){
 .cx-content02{
    padding: 20px 15px;
 }
 .cx-content02 .cx-content-top .cx-content-l{
    padding: 15px;
 }
 .cx-content02 .cx-content-top .cx-content-l h3.qg-h3{
    width: auto;
    font-size: 20px;
    padding: 0 20px;
    margin-bottom: 25px;
 }
 .cx-content-l-b02{
    padding: 15px;
 }
 .cx-content-l-b02-in{
    padding-left: 0;
    padding-bottom: 0;
 }
 .cx-content-l-b02-in-b{
    padding: 15px 0;
 }
 .cx-content-l-b02-in-b-03{
    font-size: 14px;
    line-height: 20px;
 } 

 .cx-head .cx-logo span {
    display: none;
}
.login-wrap {
    padding: 20px 15px; 
    width: inherit;
}
.gzgzh-w{
    display: none;
}
.cx-head .cx-logo {
    margin-right: 0;
    margin-left: 5%;
}
.cx-head {
    padding: 5px 15px;  
}
.cx-foot {
    padding: 15px 0;  
}
.cx-foot p {
    display: block; 
    line-height: 20px;
}
.cx-content-r{
    display: none;
}
.jg-p{margin-top: 10px;}

}