* {
 margin: 0;
 padding: 0;
}

li {
 list-style: none;
}

body{
 background: #F5F9FC;
}

a {
 text-decoration: none;
}
#taxWrap{
 width: 100%;
}
#tax {
 width: 100%;
 height: 100%;
 margin: 0 auto;
 /* background: red; */
}
#tax .taxTop {
 width: 100%;
 height: 62px;
 background: #FFFFFF;
 z-index: 9999;
 display: none;
}

#tax .taxTop p {
 width: 200px;
 height: 100%;
 display: inline-block;
 margin-left: 480px;
 line-height: 62px;
 overflow: hidden;
}

#tax .taxTop p span {
 width: 90px;
 height: 100%;
 font-size: 20px;
 font-family: '黑体';
 color: #333;
 /* position: absolute;
   top: 0; */
 display: inline-block;
 line-height: 62px;
 vertical-align: top;
}

#tax .taxTop p span:nth-child(1) {
 display: inline-block;
 margin-top: 9px;
 width: 44px;
 height: 44px;
 overflow: hidden;
}

#tax .taxTop p span img {
 display: inline-block;
 width: 100%;
 height: 100%;
}

#tax .taxTop .downLoad {
  width: 126px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  color: #FFF;
  background: #33C8DF;
  cursor: pointer;
}

#tax .taxTop .downLoad:hover{
  background: #27B5CB;
}

#tax .taxTop .downLoad img {
  vertical-align: middle;
}

.decoration{
  position: absolute;
  left: 0;
  bottom: -17px;
}
.decoration span{
  width:16px;
  height:3px;
  display: inline-block;
}
.decoration .step1{
  background: #33C8DF; 
}
.decoration .step2{
  opacity: 0.7;
  background: #33C8DF;
}
.decoration .step3{
  opacity: 0.4;
  background: #33C8DF;
}
#tax .bgtop {
 width: 100%;
 height: 600px;
 text-align: center;
 color: #FFFFFF;
 font-family: '微软雅黑';
 /* background: url('../img/bgtop.png') no-repeat center #F5F9FC; */
 background: #F5F9FC;
 /* background-size: cover; */
 overflow: hidden;
 position: relative;
}
#tax .bgtop .miniimg{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#tax .bgtop #bgwraper{
  width: 1000px;
  height: 300px;
  margin: 150px auto 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}

#tax .bgtop #bgwraper .bgright {
  /* float: right; */
  display: block;
  float: left;
  margin: 50px 0 0px 50px;
  /* display: inline-block; */
}

#tax .bgtop #bgwraper .computer {
  width: 465px;
  height: 280px;
  display: block;
  float: left;
  background: url('../img/computer.png') no-repeat center;
  background-size: cover;
}
#tax .bgtop .taxTitle {
 /* font-family: '微软雅黑'; */
 font-size: 40px;
 color: #FFF;
 letter-spacing: -1.69px;
}

#tax .bgtop .taxDetails {
 font-size: 16px;
 line-height: 50px;
 letter-spacing: -0.72px;
}

#tax .bgtop .downLoad {
  width: 188px;
  height: 50px;
  margin: 10px 0;
  display: inline-block;
  background-image: linear-gradient(270deg, #01B9C5 0%, #2FDAB6 100%);
  border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  cursor: pointer;
}

#tax .bgtop .downLoad:hover{
  background-image: linear-gradient(270deg, #01B9C5 0%, #2FDAB6 100%);
  box-shadow: 0 4px 15px 0 rgba(0,0,0,0.20);
  border-radius: 4px;
  border-radius: 4px;
}

#tax .bgtop .downLoad img {
  vertical-align: sub;
}

#tax .bgtop .newEdition {
 font-size: 18px;
 line-height: 50px;
 letter-spacing: -0.43px;
}

#tax .contentList {
 width: 100%;
 height: 225px;
 background: #F5F9FC;
 position: relative;
}
#tax .contentList .bulingWraper{
  width: 1200px;
  height: 330px;
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  background: url('./../img/bgbuling.png') no-repeat;
  background-size: cover;
}
#tax .contentList ul {
 width: 950px;
 position: absolute;
 bottom: 10px;
 left: 50%;
 transform: translate(-50%, 0);
 display: flex;
 justify-content: space-between;
 margin-bottom: 62px;
}

#tax .contentList ul li {
 /* float: left; */
 text-align: center;
 /* margin-right:90px;  */
 font-size: 18px;
}

#tax .contentList ul li img {
 display: inline-block;
}

#tax .contentList ul li p {
 line-height: 50px;
}

#tax .bgContent1 {
 width: 1050px;
 margin: 0 auto;
 padding: 70px 80px;
 background: #F5F9FC;
 background-size: cover;
 overflow: hidden;
 position: relative;
}

#tax .bgContent1 .bgContentWraper {
 margin: 80px 30px 0 20px;
 float: left;
}

#tax .bgContent1 p {
 letter-spacing: -1.21px;
 /* display: inline-block; */
}

#tax .bgContent1 p:nth-child(1) {
  font-size: 36px;
  color: #333333;
  line-height: 120px;
  position: relative;
  display: inline-block;
}

#tax .bgContent1 p:nth-child(2) {
  font-size: 22px;
  color: #999999;
  width: 352px;
  line-height: 36px;
 letter-spacing: -0.6px;
}

#tax .bgContent1 .taxTest {
 width: 531px;
 height: 362px;
 /* display: inline-block; */
 margin-left: 460px;
 vertical-align: middle;
 background: url('../img/taxTest.png') no-repeat;
 background-size: contain;
}

/* 多维度分析报告 */
#tax .analysis {
  width: 100%;
  background: #FFF;
  /* overflow: hidden; */
  position: relative;
}
#tax .analysis .anaWraper{
  width: 1050px;
  height: 340px;
  margin: 0 auto;
  padding: 100px 80px;
}
#tax .analysis .anaWraper .anaLeft{
  /* float: left; */
  display: inline-block;
  margin: 50px 0 0 20px;
}
#tax .analysis .analysis-test {
 width: 531px;
 height: 330px;
 float: left;
 margin-right: 80px;
 background: url('../img/bgContent2Test.png') no-repeat;
 background-size: contain;
}

#tax .analysis p:nth-child(1) {
  font-size: 36px;
  color: #333333;
  line-height: 120px;
  letter-spacing: -1.21px;
  position: relative;
  display: inline-block;
}

#tax .analysis p:nth-child(2) {
  font-size: 22px;
  color: #999999;
  width: 352px;
  line-height: 36px;
 letter-spacing: -0.6px;
}

/* 风险报告 */
#tax .bgContent1 .bgContent2-test {
 width: 531px;
 height: 352px;
 margin-left: 460px;
 vertical-align: middle;
 background: url('../img/analysis.png') no-repeat;
 background-size: cover;
}

/* 分账号数据协同 */
#tax .analysis .dataContent-test {
 width: 530px;
 height: 280px;
 float: left;
 margin-right: 50px;
 background: url('../img/dataContentTest.png') no-repeat;
 background-size: cover;
}

/* 底部样式 */
#tax .foot {
 width: 100%;
 height: 176px;
 background: #36393E;
 color: #FFFFFF;
}
#tax .foot .footwrap{
 width: 1000px;
 margin: 0 auto;
 display: table;
 padding-top: 30px;
 font-size: 16px;
}
#tax .foot .footwrap .logo,
#tax .foot .footwrap .info,
#tax .foot .footwrap .qrcode {
 display: table-cell;
 vertical-align: middle;
}
#tax .foot .footwrap .info {
 width: 100%;
 padding: 0 100px;
}
#tax .foot .footwrap .info .td {
 display: table;
 width: 100%;
}
#tax .foot .footwrap .info .server-info,
#tax .foot .footwrap .info .publisher {
 display: table-cell;
 vertical-align: middle;
 line-height: 28px;
}
#tax .foot .footwrap .logo {
 white-space: nowrap;
}
#tax .foot .footwrap .logo img {
 width: 44px;
 height: 44px;
 display: inline-block;
 margin-right: 10px;
}
#tax .foot .footwrap .qrcode img {
 width: 116px;
 height: 116px;
}
#tax .foot ul {
 display: inline-block;
 height: 100%;
 vertical-align: middle;
}

#tax .foot ul li {
 float: left;
 height: 44px;
 font-size: 16px;
 margin: 66px 20px;
}

#tax .foot ul li:first-child {
 line-height: 44px;
 margin-left: 10px !important;
}

#tax .foot ul li:nth-child(2) {
 margin-left: 112px !important;
 margin-right: 40px !important;
}
#tax .foot img {
 display: inline-block;
 width: 44px;
 height: 44px;
 vertical-align: middle;
}
.publisher {
 width: 250px;
}
.top-wrap {
 width: 1000px;
 margin: auto;
 display: table;
 padding-top: 8px;
}
.top-wrap .logo, .top-wrap .down-btn {
 display: table-cell;
 vertical-align: middle;
}
.top-wrap .logo {
 font-size: 20px;
 font-family: '黑体';
 color: #333;
 white-space: nowrap;
}
.top-wrap .logo img, .top-wrap .logo span {
 display: inline-block;
 vertical-align: middle;
}
.top-wrap .logo img {
 width: 44px;
 height: 44px;
 margin-right: 10px;
}
.top-wrap .down-btn {
 width: 126px;
}
