@charset "UTF-8";

/**!
* 青海政务 - 便民服务
* date:2021-07-07
* author: zhoujie;
*/
body {
  min-width: 1366px;
  font-family: "SourceHanSansCN-Regular";
}

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

.banner {
  height: 300px;
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/bg-banner.png) center;
  padding-top: 0;
}

.banner .subtitle {
  font-size: 42px;
  font-family: SourceHanSansCN-Regular;
  font-weight: 500;
  color: #fff;
  line-height: 42px;
  padding-top: 105px;
}

.banner .subtitle span {
  margin-left: 31px;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
}

.content-area {
  width: 1200px;
  height: auto;
  margin: auto;
}

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

.main .content-area .tab {
  margin-top: -52px;
}

.main .content-area .tab .hdl {
  float: left;
  width: 194px;
  height: 52px;
  background: rgba(102, 149, 229, 0.43);
  border-radius: 4px 4px 0px 0px;
  margin-right: 8px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 50px;
  cursor: pointer;
}

.main .content-area .tab .hdl.active {
  background: #2f4b7a;
}

.main .content-area .tab .bdl .convenience-apply {
  margin-left: 17px;
}

.main .content-area .tab .bdl .convenience-apply li {
  float: left;
  width: 120px;
  margin-right: 89px;
  text-align: center;
  cursor: pointer;
}

.main .content-area .tab .bdl .convenience-apply li .btn {
  margin-top: 42px;
  width: 120px;
  height: 120px;
  -webkit-box-shadow: 0px 5px 21px 0px rgba(161, 174, 187, 0.39);
  box-shadow: 0px 5px 21px 0px rgba(161, 174, 187, 0.39);
  border-radius: 50%;
}

.main .content-area .tab .bdl .convenience-apply li .btn i {
  display: block;
  width: 100%;
  height: 100%;
}

.main .content-area .tab .bdl .convenience-apply li span {
  width: 120px;
  display: block;
  margin-top: 23px;
  font-size: 20px;
  font-weight: bold;
  color: #484e54;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main .content-area .tab .bdl .convenience-apply li.active .btn {
  background: linear-gradient(-37deg, #D0E6F2, #6E9ACC);
  border: 2px solid #D6E3F3;
  -webkit-box-shadow: 0px 9px 21px 0px rgba(19, 93, 216, 0.49);
  box-shadow: 0px 9px 21px 0px rgba(19, 93, 216, 0.49);
}

.main .content-area .tab .bdl .convenience-apply li.active::after {
  content: '';
  display: block;
  position: relative;
  top: 27px;
  left: 48px;
  width: 24px;
  height: 20px;
  background: #bfa;
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-arr-li-top.png);
}

.main .content-area .tab .bdl .convenience-apply li:nth-child(6n) {
  margin-right: 0;
}

.main .content-area .tab .bdl .quick-link {
  margin-top: 27px;
  padding: 24px;
  width: 1200px;
  height: auto;
  min-height: 47px;
  -webkit-box-shadow: 0px 0px 26px 0px rgba(16, 56, 122, 0.15);
  box-shadow: 0px 0px 26px 0px rgba(16, 56, 122, 0.15);
  border-radius: 4px;
}

.main .content-area .tab .bdl .quick-link ul li {
  float: left;
}

.main .content-area .tab .bdl .quick-link ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #484e54;
  line-height: 50px;
}

.main .content-area .tab .bdl .quick-link.empty {
  background: url(https:/images/empty.png) center no-repeat;
  background-size: 162px 133px;
}

.main .content-area .tab .bdl .hot-line {
  margin-top: 40px;
  width: 1200px;
  height: 440px;
  -webkit-box-shadow: 0px 0px 26px 0px rgba(16, 56, 122, 0.15);
  box-shadow: 0px 0px 26px 0px rgba(16, 56, 122, 0.15);
  border-radius: 4px;
}

.main .content-area .tab .bdl .hot-line .left {
  width: 195px;
  height: 100%;
  background: #f0f6ff url(https:/www.qhzwfw.gov.cn/images/convenience_services/bg-inquiry.png) center top 45% no-repeat;
  border-radius: 4px 0 0 4px;
  text-align: center;
  height: 100%;
  line-height: 100%;
  vertical-align: middle;
}

.main .content-area .tab .bdl .hot-line .left h3 {
  width: 195px;
  margin-top: 260px;
  font-size: 24px;
  font-weight: bold;
  color: #484e54;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main .content-area .tab .bdl .hot-line .right {
  width: 1005px;
  height: 100%;
}

.main .content-area .tab .bdl .hot-line .right ul {
  margin-top: 26px;
}

.main .content-area .tab .bdl .hot-line .right ul li {
  float: left;
  width: 250px;
  height: 100px;
  padding-left: 50px;
}

.main .content-area .tab .bdl .hot-line .right ul li .telephone {
  font-size: 24px;
  font-weight: bold;
  color: #484e54;
  line-height: 50px;
}

.main .content-area .tab .bdl .hot-line .right ul li .annotation {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main .content-area .tab .bdl .hot-line:nth-child(2) .left {
  background: #f0f6ff url(https:/www.qhzwfw.gov.cn/images/convenience_services/bg-complaint.png) center top 45% no-repeat;
}

.main .content-area .tab .bdl .hot-line:nth-child(3) .left {
  background: #f0f6ff url(https:/www.qhzwfw.gov.cn/images/convenience_services/bg-classify.png) center top 90px no-repeat;
}

.main .content-area .tab .bdl .cultural-tourism {
  margin-left: -20px;
  margin-top: 40px;
}

.main .content-area .tab .bdl .cultural-tourism li {
  float: left;
  width: 285px;
  height: 200px;
  text-align: center;
  border-radius: 4px;
  margin-left: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/bg-default.png) center no-repeat;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 24px;
}

.main .content-area .tab .bdl .cultural-tourism li a {
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 79px;
  background: rgba(40, 104, 177, 0.4);
}

.icon-virus {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-virus.png) center no-repeat;
}

.icon-virus.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-virus-active.png) center top 30px no-repeat;
}

.icon-shield {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-shield.png) center no-repeat;
}

.icon-shield.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-shield-active.png) center top 28px no-repeat;
}

.icon-cube {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-cube.png) center no-repeat;
}

.icon-cube.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-cube-active.png) center top 28px no-repeat;
}

.icon-dbxx {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-dbxx.png) center no-repeat;
}

.icon-dbxx.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-dbxx-active.png) center no-repeat;
}

.icon-gajj {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-gajj.png) center no-repeat;
}

.icon-gajj.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-gajj-active.png) center no-repeat;
}

.icon-bdc {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-bdc.png) center no-repeat;
}

.icon-bdc.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-bdc-active.png) center no-repeat;
}

.icon-gjj {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-gjj.png) center no-repeat;
}

.icon-gjj.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-gjj-active.png) center no-repeat;
}

.icon-gysy {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-gysy.png) center no-repeat;
}

.icon-gysy.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-gysy-active.png) center no-repeat;
}

.icon-jj {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-jj.png) center no-repeat;
}

.icon-jj.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-jj-active.png) center no-repeat;
}

.icon-jtly {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-jtly.png) center no-repeat;
}

.icon-jtly.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-jtly-active.png) center no-repeat;
}

.icon-nlmy {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-nlmy.png) center no-repeat;
}

.icon-nlmy.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-nlmy-active.png) center no-repeat;
}

.icon-qykb {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-qykb.png) center no-repeat;
}

.icon-qykb.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-qykb-active.png) center no-repeat;
}

.icon-sw {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-sw.png) center no-repeat;
}

.icon-sw.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-sw-active.png) center no-repeat;
}

.icon-shbz {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-shbz.png) center no-repeat;
}

.icon-shbz.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-shbz-active.png) center no-repeat;
}

.icon-ws {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-ws.png) center no-repeat;
}

.icon-ws.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-ws-active.png) center no-repeat;
}

.icon-xy {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-xy.png) center no-repeat;
}

.icon-xy.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-xy-active.png) center no-repeat;
}

.icon-yq {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-yq.png) center no-repeat;
}

.icon-yq.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-yq-active.png) center no-repeat;
}

.icon-zz {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-zz.png) center no-repeat;
}

.icon-zz.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-zz-active.png) center no-repeat;
}

.icon-ggzyjy {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-ggzyjy.png) center no-repeat;
}

.icon-ggzyjy.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-ggzyjy-active.png) center no-repeat;
}

.icon-whly {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-whly.png) center no-repeat;
}

.icon-whly.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-whly-active.png) center no-repeat;
}

.icon-sfgz {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-sfgz.png) center no-repeat;
}

.icon-sfgz.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-sfgz-active.png) center no-repeat;
}

.icon-shjf {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-shjf.png) center no-repeat;
}

.icon-shjf.active {
  background: url(https:/www.qhzwfw.gov.cn/images/convenience_services/icon-shjf.png) center no-repeat;
}

.main .content-area .tab .bdl .quick-link ul li a::after {
  content: '';
  float: right;
  width: 2px;
  height: 16px;
  background: #cbcbcb;
  margin-top: 18px;
  margin-left: 17px;
  margin-right: 21px;
}

.main .content-area .tab .bdl .quick-link ul li:nth-last-child(1) a::after {
  content: '';
  float: right;
  width: 0px;
  height: 0px;

}