@charset "UTF-8";
/**!
 * 留抵退税
 * date:2022-05-30
 * author: zhoujie;
 */
body {
  min-width: 1200px;
}

.content {
  margin-top: -1px;
}

.banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 300px;
  background: url(../images/tax_refund/bg-banner.jpg) center;
  padding-top: 0;
}

.banner .left {
  width: 80%;
  height: 100%;
  overflow: hidden;
}

.banner .left .subtitle {
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 62px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main {
  width: 100%;
  background: #fff;
}

.main .container .module {
  margin-top: 24px;
  margin-bottom: 32px;
}

.main .container .module-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 52px;
  padding: 0 54px;
  background: url(../images/tax_refund/bg-module-head.png) bottom -5px left no-repeat;
}

.main .container .module-head p {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}

.main .container .module-content {
  width: 100%;
}

.tab {
  width: 100%;
}

.tab .hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tab .hd .hdl {
  width: 580px;
  height: 134px;
  margin: 24px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left bottom, left top, from(#E1F2FF), to(#F6F9FC));
  background: linear-gradient(360deg, #E1F2FF 0%, #F6F9FC 100%);
  border: 1px solid #B3C8E3;
  border-radius: 4px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.tab .hd .hdl > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background-position: center !important;
  background-repeat: no-repeat !important;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  color: #2a68ad;
}

.tab .hd .hdl > div P {
  -webkit-box-reflect: below 3px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.11)));
}

.tab .hd .hdl:hover, .tab .hd .hdl.active {
  -webkit-transition: all .3s;
  transition: all .3s;
  background: linear-gradient(359.71deg, #2A68AD 14.81%, #3296E0 99.67%);
  -webkit-box-shadow: 0px 6px 18px rgba(21, 74, 123, 0.1);
          box-shadow: 0px 6px 18px rgba(21, 74, 123, 0.1);
}

.tab .hd .hdl:hover > div, .tab .hd .hdl.active > div {
  color: #fff;
}

.tab .bd .bdl {
  width: 100%;
  min-height: 300px;
  padding: 10px 24px;
  margin-top: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: linear-gradient(94.72deg, #F5FAFF 2.08%, #FFFFFF 86.64%);
  border: 1px solid #9EC7FF;
  -webkit-box-shadow: 0px 4px 20px rgba(17, 51, 83, 0.06);
          box-shadow: 0px 4px 20px rgba(17, 51, 83, 0.06);
  border-radius: 4px;
}

.tab .bd .bdl > ul li {
  position: relative;
  height: 74px;
  border-bottom: 1px dashed #C8D1E3;
}

.tab .bd .bdl > ul li:last-child {
  border: none;
}

.tab .bd .bdl > ul li::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  content: '';
  width: 8px;
  height: 8px;
  margin-right: 16px;
  border-radius: 50%;
  background: #2A68AD;
}

.tab .bd .bdl > ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding-left: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.tab .bd .bdl > ul li a .name {
  width: 84%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tab .bd .bdl > ul li:hover a, .tab .bd .bdl > ul li.active a {
  color: #2a68ad;
}

.entrance .module-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 24px;
}

.entrance .module-content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 580px;
  height: 202px;
  padding-left: 80px;
  margin-bottom: 24px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 47px;
  color: #863f17;
}

.entrance .module-content a.other {
  color: #0d4b84;
}