@charset "utf-8";

* {
  touch-action: pan-y
}

a,
button,
input,
textarea {
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-focus-ring-color: transparent
}

.page_con table {
  border: 1px solid #000
}

.page_con tr {
  border: 1px solid #000
}

.page_con td {
  border: 1px solid #000
}


table,
tbody,
td,
tfoot,
th,
thead,
tr {
  margin: 0;
  padding: 0;
  font-size: 100%;
  box-sizing: border-box;
  font: inherit;
  vertical-align: baseline
}

img {
  max-width: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time {
  display: block
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

a {
  text-decoration: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  color: #333
}

a:hover {
  text-decoration: none
}

button {
  background: 0 0;
  border: 0
}



a:focus,
div:focus,
input:focus,
p:focus {
  -webkit-tap-highlight-color: transparent
}

input::-ms-clear {
  display: none
}

input[type=button],
input[type=reset],
input[type=search],
input[type=submit] {
  -webkit-appearance: none
}

textarea {
  -webkit-appearance: none
}



.list-inline {
  padding-left: 0;
  list-style: none
}

.list-inline:after {
  display: block;
  clear: both;
  content: " "
}

.clear:after {
  display: block;
  clear: both;
  content: " "
}

.list-inline>li {
  display: inline-block;
  float: left
}

.clear {
  clear: both
}

.nav-btn .line {
  width: 32%;
  height: .1rem;
  background-color: grey;
  display: block;
  margin: .2rem auto;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.m_main {
  padding: 0 .8rem
}

.left {
  float: left
}

.right {
  float: right
}

.bar {
  height: .3rem;
  width: 100%;
  background: #e9e9e9;
  clear: both
}

.hide {
  display: none
}

.bq_bottom {
  padding: 1.3rem 0;
  margin-bottom: 2.5rem
}

.bq_bottom .blue_b {
  color: #006fd7;
  text-align: center;
  margin-bottom: .8rem
}

.bq_bottom .blue_b a {
  color: #006fd7;
  font-size: .6rem
}

.bq_bottom .gray_b {
  font-size: .6rem;
  text-align: center
}

.more_btn {
  font-size: .75rem;
  text-align: center;
  display: block;
  border-radius: 1rem;
  padding: 0 1.5rem;
  height: 2rem;
  line-height: 2rem;
  color: #fff;
  background: #d51f1a;
  margin: 0.8rem auto 0;
}

.con_div {
  text-align: center;
  padding: 1.8rem 0 1.6rem;
  width: 100%;
  border-bottom: .3rem solid #e9e9e9
}

.con_div:after {
  content: "";
  width: 100%;
  background: #06c;
  height: 1px;
  display: block;
  position: relative;
  top: -.5rem;
  z-index: 1
}

.titleb {
  color: #006fd7;
  font-weight: 700;
  text-align: center;
  background: #fff;
  padding: 0 .5rem;
  position: relative;
  display: inline-block;
  z-index: 2;
  font-size: 1.3rem
}

.test_head {
  transform: translateZ(999px);
  z-index: 99999;
  position: relative;
  background: rgba(0, 0, 0, .6);
  height: 4em;
  position: fixed;
  width: 100%;
  bottom: 0
}

:root .test_head {
  filter: none;
}

.test_head_box {
  float: left;
  width: 36%;
  height: 100%;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
}

.now_download {
  float: right;
  margin-right: 6%;
  width: 32%;
  height: 100%;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  text-align: center;
}

.now_download a {
  display: inline-block;
  color: #fff;
  width: 6rem;
  font-family: "Microsoft YaHei";
  font-size: .8rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  padding: .3em .8em .4em;
  background: #d51f1a;
}

.cloudtreef {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: .75rem;
  width: 100%
}

.cloudtreeb {
  font-family: "Microsoft YaHei";
  font-size: .6rem;
  display: block;
  color: #c1c1c1
}

.title_link {
  float: left;
  width: 39%;
  height: 100%;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  margin-left: 5%;
  text-align: center;
}

.title_link img {
  width: 100%;
  vertical-align: middle;
}

p#back-to-top {
  position: fixed;
  display: none;
  bottom: 3rem;
  right: 2rem;
  z-index: 1000
}

p#back_btn {
  position: fixed;
  bottom: 4rem;
  right: 2rem;
  z-index: 1000
}

p#back-to-top a,
p#back_btn a {
  text-align: center;
  text-decoration: none;
  color: #d1d1d1;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  -moz-transition: color 1s;
  -webkit-transition: color 1s;
  -o-transition: color 1s
}

p#back-to-top a:hover {
  color: #979797
}

p#back-to-top a span {
  background: transparent url(../images/top.png) no-repeat;
  border-radius: 6px;
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  -moz-transition: background 1s;
  -webkit-transition: background 1s;
  -o-transition: background 1s;
  background-size: 100% 100%
}

p#back_btn a span {
  background: transparent url(../images/p_b.png) no-repeat;
  border-radius: 6px;
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 100% 100%
}

#back-to-top a:hover span {
  background: transparent url(../images/top.png) no-repeat
}

.pb0 {
  padding-bottom: 0
}

.pt0 {
  padding-top: 0
}

.pt1 {
  padding-top: 1rem
}

.mb0 {
  margin-bottom: 0
}

.mt0 {
  margin-top: 0
}

.mt1 {
  margin-top: 1rem
}

.mb1 {
  margin-bottom: 1rem
}

.bor_t0 {
  border: 0
}

.bor_b {
  border-bottom: 1px solid #e9e9e9
}

.bor_t {
  border-top: 1px solid #e9e9e9
}

@media screen and (max-width:2500px) {
  .test_head {
    max-width: 750px
  }
}

img[src=''],
img:not([src]) {
  opacity: 0;
}

.list-inline {
  padding-left: 0;
  
  list-style: none;
}
.list-inline > li {
  display: inline-block;
}
.clear_float{ clear:both;}
.page{ float:left;width: 100%;}
.page ul{text-align: center;

  display: block;  height: 20px;}
.page ul li{ display:inline-block; }
.page ul li a{ text-decoration:none; font-size:12px; color:#707070;}
.share-img{ display:none;}