html {
  font-size: 75px;
}

ul {
  padding: 0;
}

ul li {
  list-style-type: none;
}

body {
  font-size: 0.1em;
}

.navbar-default {
  background: #ffffff;
  border-bottom: 5px solid #0079F2;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
  font-size: 14px;
  padding: 26px;
}

.navbar-collapse .input-group {
  display: inline-flex;
  padding-top: 18px;
}

.intro .show {
  padding: 3% 3% 3% 4%;
  background: rgba(255, 255, 255, 0.7);
}

.intro .show .section2 h2, .intro .show .section8 h2 {
  color: #0066cb;
  font-size: 18px;
  line-height: 27px;
}

.intro .show .section3 h3, .intro .show .section4 h3, .intro .show .section5 h3, .intro .show .section6 h3, .intro .show .section7 h3 {
  font-size: 24px;
}

.intro .show .section1 h1 {
  color: #0066cb;
  font-size: 22px;
  line-height: 27px;
}

.intro .show .section1 .hhzt {
  display: block;
  margin-bottom: 3%;
  color: #798997;
  font-size:13px;
  letter-spacing:1.1px;
}

.intro .show .section1 p {
  font-size: 14px;
  word-break: break-all;
}

.intro .show .section1 .section1-top {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.intro .show .section1 .img-box {
  overflow: hidden;
}

.intro .show .section1 .img-box img {
  border-radius: 22px;
  width:280px;
  height:380px;
  margin-bottom:12%;
}

.intro .show .section1 .tips {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 11% 0 10%;
}

.intro .show .section1 .tips p {
  color: #0000FF;
  font-weight: bold;
}

.intro .show .section1 .tips p span {
  display: inline-flex;
  align-items: center;
  color: #FF0000;
}

.intro .show .section1 .tips p:nth-child(2) {
  color: #1d953f;
  font-weight:normal;
}
.section2{
	font-size:15px;
}
.section2 img{
	max-width: 100%;
}

.intro .show .section2 h2 {
  color: #0066cb;
  font-size: 18px;
}

.intro .show .section2 p {
  font-size: 15px;
  line-height: 28px;
}

.em2 {
  text-indent: 2em;
}

.intro .show .section2 p img, .section5 p img{
  max-width: 100%;
}

.pdetail {
  margin-top:3%;
  padding: 1%;
  border: double 3px #bbb;
  text-align:center;
  font-size:15px;
}

.intro .show .section3 .section3-imgbox {
  display: inline-flex;
}

.intro .show .section3 .section3-imgbox img {
  max-width: 33%;
}

.intro .show .section4 h6 {
  font-size: 15px;
}

.intro .show .section4 .section4-list {
  font-size: 12px;
}

.intro .show .section4 .section4-list ul strong {
  display: block;
  margin: 3% 0 1%;
}

.intro .show .section4 .section4-list ul li {
  line-height: 28px;
}

.intro .show .section4 .end {
  margin-top: 10%;
  font-size: 15px;
}

.intro .show .section5 p {
  font-size: 15px;
  line-height: 27px;
  margin-bottom: 5px;
}

.intro .show .section5 p.tips {
  color: #005344;
  font-weight: bold;
  margin-bottom:2%;
}

.intro .show .section5 .img-box {
  margin: 2% 0 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.intro .show .section5 .img-box span {
  color: #FF0000;
  font-size: 15px;
  font-weight: bold;
}

.intro .show .section5 .tips-orange {
  margin-bottom: 2%;
}

.intro .show .section5 .tips-orange p,
.intro .show .section5 .tips-orange strong {
  color: #F40;
  font-size: 15px;
  line-height: 27px;
}

.intro .show .section5 .all {
  margin: 2% 0;
}

.intro .show .section5 .all ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.intro .show .section5 .all ul li {
  display: flex;
  align-items: center;
  max-width: 13em;
}

.intro .show .section5 .all ul li img {
  border-radius: 5px;
  width: 100%;
}

.intro .show .section5 .all ul li:nth-last-child(1) {
  font-size: 14px;
  font-weight: bold;
  color: #f40;
}

.intro .show .section6 p {
  font-size: 14px;
}

.intro .show .section6 ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 2%;
}

.intro .show .section6 ul li {
  width: 47%;
  margin: 0 2% 0 1%;
  line-height: 28px;
  list-style-type: disc;
  font-size: 15px;
}
.intro .show .section6 ul li a{
  color:rgb(51,51,51);
}

.intro .show .section7 p {
  line-height: 28px;
  font-size: 15px;
}

.intro .show .section7 .tips span {
  color: #FF4400;
  font-weight: bold;
  font-size: 15px;
}

.intro .show .section8 .section8-inner {
  margin: 3% 0 0;
}

.intro .show .section8 .section8-inner .alert {
  font-size: 14px;
  transition: all .3s;
}

.intro .show .section8 .section8-inner .alert:hover {
  background-color: #f7f6cd;
}

.intro .show .section8 .section8-inner .alert .alert-link {
  display: block;
  margin-bottom: 1%;
}

.intro .show .section8 .section8-inner .alert p {
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .intro .show .section5 .all ul li {
    display: flex;
    align-items: center;
    max-width: 8em;
  }
}

@media screen and (max-width: 978px) {
  .navbar-default .navbar-nav > li > a {
    color: #777;
    font-size: 14px;
    padding: 22px;
  }
  .navbar-collapse .input-group {
    display: flex;
    padding: 16px;
  }
  .intro .show {
    padding: 3% 5% 3% 2%;
  }
}

@media screen and (max-width: 780px) {
  .navbar-brand {
    padding: 6px 15px;
  }
  .navbar-collapse .input-group {
    display: flex;
    padding: 16px;
  }
  .navbar-default .navbar-nav > li > a {
    padding: 21px;
  }
  .intro .show .section5 .all ul {
    flex-wrap: wrap;
    justify-content: end;
  }
  .intro .show {
    padding: 5% 5% 3% 2%;
  }
  .intro .show .section5 .all ul li {
    margin-right: 2%;
  }
}

@media screen and (max-width: 700px) {
  .navbar-default .navbar-nav > li > a {
    padding: 16px;
  }
  .intro .show .section1 .tips {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .intro .show .section5 .all {
    margin: 8% 0;
  }
  .intro .show .section6 p {
    font-size: 15px;
  }
.intro .show .section1 .section1-top {
    display: flex;
    flex-direction: column;
}
.intro .show .section1 .img-box {
    text-align:center;
}
.intro .show .section1 .img-box img {
    border-radius: 22px;
    margin-bottom: 0.3rem;
}
* img{
    max-width: 100%;
}
}
footer{
	background: #2d3237;
    padding: 30px 0px;
    color: #fff;
}


/* 遮罩层 */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* 弹窗 */
.modal-content {
    top: 50%;          /*弹窗左上角的点位于上下居中*/
    left: 50%;         /*弹窗左上角的点位于左右居中*/
    margin-top: -3.79rem;         /*margin在向上向左拉弹窗宽高的一半*/
    margin-left: -2.8rem;
    width: 5.6rem;
    height: 3.58rem;
}

.modal-body {
    position: relative;
    width: 100%;
    height: 100%;
	font-size:14px;
	padding-top:40px;
	padding-left:40px;
	padding-right:40px;
}


/* 确定和取消 */
.determine, .cancen {
    position: absolute;
    width: 1.2rem;
    height: 0.5rem;
    color: #fff;
    border: 0;
    outline: none;
    box-shadow: 0 .125rem .125rem rgb(107, 96, 96);
    cursor: pointer;
}

.determine {
    right: 0.3rem;
    bottom: .325rem;
    background-color: rgba(9, 139, 245, 0.788);
}

.cancen {
    right: 0.3rem;
    bottom: .325rem;
    background-color: rgba(212, 37, 37, 0.788);
}

.determine:hover, .cancen:hover {
    color: #fff;
    box-shadow: 0 .134rem .1275rem rgb(58, 57, 57);
}

.determine:active, .cancen:active {
    box-shadow: 0 .134rem .1275rem rgba(230, 227, 227, .758);
}
.intro .show .section1 .tips p:nth-child(2) a {
  color: #1d953f;
}
.filenametag span{
	margin-right:50px;
	display:inline-block;
}
.buybtn1{
	display:inline-block;color:#FF0036;background-color:#ffeded;border:solid 1px #FF0036;font-family:'Microsoft Yahei';width:150px;line-height:38px;text-align:center;font-size:16px;
}
.buybtn2{
	display:inline-block;color:#ffffff;background-color:#ff0036;border:solid 1px #ff0036;font-family:'Microsoft Yahei';width:150px;line-height:38px;text-align:center;font-size:16px;
}
.buybtn1:hover,.buybtn1:visited,.buybtn1:link{
	color:#FF0036;
	text-decoration:none;
}
.buybtn2:hover,.buybtn2:visited,.buybtn2:link{
	color:#ffffff;
	text-decoration:none;
}
.tipsp{
    font-size:40px;font-family:'黑体';text-align:center;background-color:#fcaf17;
}
.tipsp img{
    border-radius:10px;
}

.dwwgdmx{
    width: 100%;
    border-collapse: collapse;
}
.dwwgdmx th {
    background-color: #f1f1f1;
    text-align: center;
    padding: 8px;
    border: 2px solid #FF4400;
    font-size: 20px;
  }
.dwwgdmx td {
    text-align: center;
    padding: 8px;
    border: 2px solid #FF4400;
    font-size: 18px;
  }
.dwwgdmx tr:hover {
    background-color: #feeeed;
  }
img{
    max-width: 100%;
}