@charset "UTF-8";
* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

html {
	height: 100%;
	font-family: sans-serif;
}
body {
      width: 100%;
      height: 100vh;
      display: flex;
      align-content: center;
      justify-content: center;
      background-size: 300% 300%;
      background-image: linear-gradient(-45deg,
          rgba(59, 173, 227, 1) 0%,
          rgba(87, 111, 230, 1) 25%,
          rgba(152, 68, 183, 1) 51%,
          rgba(255, 53, 127, 1) 100%);
      animation: AnimateBG 20s ease infinite;
      text-align: center;
      font-family: sans-serif, "Microsoft YaHei", Cambria, Verdana, Georgia, Arial;
    }

    @keyframes AnimateBG {
      0% {
        background-position: 0% 50%
      }

      50% {
        background-position: 100% 50%
      }

      100% {
        background-position: 0% 50%
      }
    }

/* ------------------------------------ */
a {
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
}

/* ------------------------------------ */
h1,h3,h4,h5,h6 {margin: 0px;}

p {margin: 0px;}

ul, li {
	margin: 0px;
	list-style-type: none;
}

h2 {margin: 0px;color:#FFFFFF;letter-spacing:16px}

p {margin: 0px;}

ul, li {
	margin: 0px;
	list-style-type: none;
}


/* ------------------------------------ */
input {
  display: block;
	outline: none;
	border: none !important;
}

textarea {
  display: block;
  outline: none;
}

textarea:focus, input:focus {
  border-color: transparent !important;
}

/* ------------------------------------ */
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}



.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-table100 {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 22px 30px;
}

.wrap-table100 {
  width: 1170px;
}

table {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
table * {
  position: relative;
}
table td, table th {
  padding-left: 8px;
}
table thead tr {
  height: 60px;
  background: #36304a;
}
table tbody tr {
 line-height:24px;
}
table tbody tr:last-child {
  border: 0;
}
table td, table th {
  text-align: left;
}
table td.l, table th.l {
  text-align: right;
}
table td.c, table th.c {
  text-align: center;
}
table td.r, table th.r {
  text-align: center;
}


.table100-head th{
  font-family: OpenSans-Regular;
  font-size: 18px;
  color: #fff;
  line-height: 1.2;
  font-weight: unset;
}

tbody tr:nth-child(even) {
  background-color: #F0FFF0;
}

tbody tr {
  font-family: OpenSans-Regular;
  font-size: 15px;
  color: #808080;
  background-color: #FFF5EE;
  line-height: 1.2;
  font-weight: unset;
}

tbody tr:hover {
  color: #555555;
  background-color: #CCFFFF;
  cursor: pointer;
}

  .column1,
  .column2,
  .column3,
  .column4 {
  width: 20%;
  }


.content{width:100%;margin:22px auto 0 auto;color:#FFFFFF;line-height:28px;padding-left:20px;}
.content a{color:#FFFFFF;}

.headphoto{width:128px;height:128px;position: relative;margin:10px auto;padding:10px;border-radius:50%;background:url(../img/photo.jpg) no-repeat;background-size:128px 128px;}

.nav_twitter{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/twitter.png) no-repeat 12px 6px;background-size:66px 66px;}
.nav_twitter a{font-size:20px;text-decoration: none;color:#1E90FF}

.nav_telegram{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/telegram.png) no-repeat 12px 6px;background-size:66px 66px;}
.nav_telegram a{font-size:20px;text-decoration: none;color:#1E90FF}

.nav_facebook{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/facebook.png) no-repeat 12px 6px;background-size:66px 66px;}
.nav_facebook a{font-size:20px;text-decoration: none;color:#1E90FF}


.nav_youtube{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/youtube.png) no-repeat 12px 6px;background-size:66px 66px;}
.nav_youtube a{font-size:20px;text-decoration: none;color:#1E90FF}

.nav_whatsapp{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/whatsapp.png) no-repeat 12px 6px;background-size:66px 66px;}
.nav_whatsapp a{font-size:20px;text-decoration: none;color:#1E90FF}

.nav_weixin{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/weixin.png) no-repeat 12px 6px;background-size:66px 66px;}
.nav_weixin a{font-size:20px;text-decoration: none;color:#1E90FF}

.nav_qq{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/qq.png) no-repeat 12px 6px;background-size:66px 66px;}
.nav_qq a{font-size:20px;text-decoration: none;color:#1E90FF}

.nav_phone{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/mobilephone.png) no-repeat 12px 6px;background-size:66px 66px;font-size:20px;text-decoration: none;color:#1E90FF}
.nav_hpone a{text-decoration: none;color:#1E90FF}

.nav_email{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/email.png) no-repeat 12px 6px;background-size:66px 66px;}
.nav_email a{font-size:20px;text-decoration: none;color:#1E90FF}

.nav_douyin{margin:28px auto;width:auto;height:80px;line-height:80px;clear:both;border:1px solid #33CCFF;border-radius:10px; 
 background:#f0f0f0 url(../../images/sitelogo/douyin.png) no-repeat 12px 6px;background-size:66px 66px;}
.nav_douyin a{font-size:20px;text-decoration: none;color:#1E90FF}


.heart{color:#FF0000}

.button{margin:12px auto;width:auto;height:52px;line-height:52px;clear:both;border:1px solid #33CCFF;border-radius:10px; text-indent:12px}
.button a{font-size:18px;color:#FFFFFF}

.share{margin:24px auto;height:32px;padding-top:12px;font-size:16px;clear:both;}
.copy{margin:24px auto;width:200px;height:36px;line-height:36px;font-size:16px;clear:both;border:1px solid #33CCFF;border-radius:10px; background:#f0f0f0}

.qrcode{margin:12px auto;width:100px;height:100px;}
.qrcode img{width:100px;height:100px;order:1px solid #33CCFF;border-radius:6px;}

.contact{width:100%;margin:22px auto 0 auto;color:#FFFFFF;line-height:28px;text-align:center;}
.contact a{color:#FFFFFF;}

.clear{clear:both;}