* {
    margin: 0;
    padding: 0;
    list-style: none;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "arial rounded mt bold";
    background: #3f4254;
    width: 100%;
    color: #fff;
}

.wrapper {
    margin: 0 auto;
    overflow: hidden;
    width: 136.6rem;
}

.topBar {
    width: 100%;
    height: 10.2rem;
    background: #333645;
    font-size: 1.6rem;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 70;
}

.logo {
    padding-top: 0.7rem;
    float: left;
    margin-left: 3rem;
}

.nav {
    float: left;
}

.nav ul {
    width: 60rem;
    justify-content: center;
    display: flex;
    float: left;
}

.nav ul li a {
    display: block;
    width: 9rem;
    height: 10.2rem;
    line-height: 9rem;
    text-align: center;
    margin: 0 2rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.nav ul li a.hover,
.nav ul li a:hover {
    background: #292b37;
    color: #ffcd04;
}

.Join {
    float: left;
    margin-left: 2rem;
    margin-right: 3rem;
    width: 9rem;
    height: 3rem;
    line-height: 3rem;
    background-color: #fec006;
    text-decoration: none;
    text-align: center;
    color: #fff;
    margin-top: 3rem;
}

.Join a {
    text-decoration: none;
}

.section {
    background-size: cover;
}

.page {
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 100%
}

#page1 {
    background: url(../images/page1BG.jpg) no-repeat center center;
    background-size: cover;
    margin-top: 10rem;
    height: 82.8rem;
}

#page1 .bg {
    position: absolute;
    width: 100%;
    margin-top: 10.2rem;
    height: 82.8rem;
}

#page1 .swiper01 {
    height: 82.8rem;
}

#page1 .swiper01 h3 {
    color: #fec106;
    font-size: 7rem;
    line-height: 8rem;
    font-family: "Impact";
    margin-top: 10rem;
    display: block;
}

#page1 .btn {
    display: block;
    width: 19rem;
    height: 5.7rem;
    line-height: 5.7rem;
    background-color: #fec006;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    margin-top: 30px;
    border-radius: 50px;
    text-shadow: 0px 0px 3px #999;
}

#page1 .swiper-slide {
    padding: 5rem 0;
}

#page1 .swiper01 .adImg {
    display: block;
    position: absolute;
    right: -10rem;
    top: 12rem;
}

#page1 .swiper01 .adImg img {
    width: 90.1rem;
    height: 70.8rem
}

#page1 .swiper-button-next,
#page1 .swiper-rtl .swiper-button-prev {
    right: 39.6rem !important;
    left: auto !important;
    top: 72.2rem !important;
}

#page1 .swiper-button-prev,
#page1 .swiper-rtl .swiper-button-next {
    left: 84rem !important;
    right: auto !important;
    top: 72.2rem !important;
}

#page1 .swiper-button-next {
    background: url(../images/nextBtn.png) no-repeat;
    width: 3.5rem !important;
    height: 3.3rem !important;
}

#page1 .swiper-button-prev {
    background: url(../images/prevBtn.png) no-repeat;
    width: 3.5rem !important;
    height: 3.3rem !important;
}

#page1 .swiper-button-next:after,
#page1 .swiper-rtl .swiper-button-prev:after,
#page1 .swiper-button-prev:after,
#page1 .swiper-rtl .swiper-button-next:after {
    content: '' !important;
}

#page2 {
    background-image: url(../images/page2BG.jpg);
    height: 92.5rem;
}

#page2 .adImg {
    float: left;
    margin-top: 10rem;
}

#page2 .adImg img {
    width: 56.5rem;
    height: 68.2rem;
}

#page2 .page2Right {
    width: 61rem;
    margin-right: 5rem;
    margin-top: 10rem;
}

#page2 .page2Right h3 {
    margin-top: 5rem;
    font-size: 4rem;
    font-family: "arial black";
    color: #333;
    width: 44rem;
    height: 10rem;
    line-height: 10rem;
    border-bottom: #fec106 solid 0.4rem;
    text-align: center;
    margin: 0 auto;
}

#page2 .page2Right h4 {
    font-size: 1.8rem;
    font-family: "Berlin Sans FB";
    color: #333;
    line-height: 3rem;
    text-align: center;
    margin-top: 3rem;
}

#page2 .page2Right ul li {
    background-color: #fff;
    font-family: "Arial Rounded ";
    height: 8rem;
    margin-top: 2em;
    line-height: 8rem;
    padding: 0 3rem;
    box-sizing: border-box;
    font-size: 1.6rem;
}

#page2 .page2Right ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    margin-left: 4rem;
    text-indent: 0rem;
    line-height: 8rem;
}

#page2 .page2Right ul li a:hover {
    color: #fec106;
}

#page2 .page2Right ul li:last-child a {
    line-height: 2rem;
    padding-top: 2rem;
}

#page2 .page2Right ul li:nth-child(3) a {
    line-height: 8rem;
}

#page2 .page2Right ul li:nth-child(4) a {
    line-height: 1.8rem;
    padding-top: 1.8rem;
}

.demoSpan1 {
    height: 2rem;
    width: 2rem;
    display: block;
    position: relative;
    float: left;
    top: 3rem;
}

.demoSpan1 {
    background: #fec106;
}

.demoSpan1:before {
    content: '';
    height: 0.3rem;
    width: 1.5rem;
    display: block;
    background: #fff;
    position: absolute;
    top: 0.9rem;
    left: 0.3rem;
}

.demoSpan1:after {
    content: '';
    height: 1.4rem;
    width: 0.3rem;
    display: block;
    background: #fff;
    position: absolute;
    top: 0.3rem;
    left: 0.9rem;
}

#page3 {
    background-image: url(../images/page3BG.jpg);
    text-align: center;
    height: 75.9rem;
}

#page3 .wrapper {
    display: flex;
    justify-content: space-between;
}

#page3 dl {
    background: #fec106;
    border-radius: 5px;
    display: block;
    text-align: center;
    padding: 8rem 0;
    box-sizing: border-box;
    color: #bc8e00;
    font-family: "arial";
    font-weight: bold;
    width: 42.3rem;
    height: 30.8rem;
    margin-top: 11.5rem;
    line-height: 8rem;
    font-size: 2.8rem;
}

#page3 dl dd a {
    text-decoration: none;
    color: #bc8e00;
}

#page3 dl dd a:hover {
    color: #fff;
}

#page3 .icon {
    display: inline-block;
    text-align: center;
}

#page3 .icon01 {
    background: url(../images/icon01.png) no-repeat;
    width: 10rem;
    height: 8.5rem;
}

#page3 dl:nth-child(1):hover .icon01 {
    background: url(../images/icon01_h.png) no-repeat;
}

#page3 .icon02 {
    background: url(../images/icon02.png) no-repeat;
    width: 10.3rem;
    height: 8.5rem;
}

#page3 dl:nth-child(2):hover .icon02 {
    background: url(../images/icon02_h.png) no-repeat;
}

#page3 .icon03 {
    background: url(../images/icon03.png) no-repeat;
    width: 9.1rem;
    height: 8.5rem;
}

#page3 dl:nth-child(3):hover .icon03 {
    background: url(../images/icon03_h.png) no-repeat;
}

#page3 h3 {
    font-size: 5rem;
    margin-top: 8rem;
    color: #fff
}

#page3 h4 {
    font-size: 3rem;
    margin-top: 5rem;
    color: #FEC106
}

#page4 {
    background-image: url(../images/page4BG.jpg);
    text-align: center;
    height: 82.1rem;
}
#page4 .swiper-container {
    width: 130rem;
    height: 30rem;
  }
#page4 .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
  }
  #page4 .swiper-slide-active,  
  #page4 .swiper-slide-duplicate-active{
    transform: scale(1);
  }
  #page4 .swiper-button-next{
    background:transparent url(../images/nextBtn.png) no-repeat;
    width:2.2rem;
    height:4.2rem;
  }
  #page4 .swiper-button-prev{
    background:transparent url(../images/prevBtn.png) no-repeat;
    width:2.2rem;
    height:4.2rem;
  }
  #page4 .swiper-button-next::after,
  #page4 .swiper-button-prev::after{
      display: none;
  }
#page4>h3 {
    font-size: 5rem;
    color: #fec106;
    font-weight: bold;
    padding: 10rem 0;
}

#page4 .wrapper {
    display: flex;
    justify-content: space-between;
    padding: 4rem 0;
}

#page4 dl {
    background: #dce2fd;
    border-radius: 5px;
    display: block;
    text-align: center;
    padding: 4rem 2rem;
    width: 36rem;
    box-sizing: border-box;
    color: #333;
    line-height: 3rem;
    font-size: 2.8rem;
    font-family: "arial";
    font-weight: bold;
}

#page4 dl h3 {
    font-size: 3rem;
    margin-top: 4rem;
}

#page4 dl h4 {
    font-size: 1.6rem;
    margin-top: 4rem;
}

/* #page4 .swiper-slide-active dl:hover , */
#page4 .swiper-slide-active dl{
    background: #fec106;
    color: #fff;
}

#page4 dl:hover dd {
    color: #fff;
}

#page4 .icon {
    display: inline-block;
    text-align: center;
    margin-top: 2rem;
    width: 8.2rem;
    height: 8.2rem;
}

#page4 .icon01 {
    background: url(../images/icon04.png) no-repeat;
}

#page4 dl:nth-child(1):hover .icon01 {
    background: url(../images/icon04_h.png) no-repeat;
}

#page4 .icon02 {
    background: url(../images/icon05.png) no-repeat;
}

#page4 dl:nth-child(2):hover .icon02 {
    background: url(../images/icon05_h.png) no-repeat;
}

#page4 .icon03 {
    background: url(../images/icon06.png) no-repeat;
}

#page4 dl:nth-child(3):hover .icon03 {
    background: url(../images/icon06_h.png) no-repeat;
}

#page5 {
    background-color: #fec106;
    height: 100rem;
    text-align: center;
    height: 100rem;
}

#page5 h3 {
    color: #333645;
    font-size: 9rem;
    font-family: "Lucida Handwriting";
    margin-top: 4rem;
}

#page5 ul {
    display: flex;
    flex-wrap: wrap;
}

#page5 ul li {
    border-radius: 5px;
    padding: 4rem 9rem;
}

#page5 ul li img {
    display: block;
    width: 27.43rem;
    height: 24.83rem;
}

#page5 ul li .btn {
    display: flex;
    justify-content: space-between;
}

#page5 ul li .btn a {
    display: inline-block;
    width: 13.1rem;
    height: 4.2rem;
    margin: 1rem 0
}

#page5 ul li .btn1 {
    background: url(../images/btn1.png) no-repeat;
}

#page5 ul li .btn2 {
    background: url(../images/btn2.png) no-repeat;
}

#page6 {
    background-color: #fff;
    height: 76.8rem;
    text-align: center;
    padding-top: 10.2rem;
    box-sizing: border-box;
    height: 73.8rem;
}

#page6>h4 {
    font-size: 2.6rem;
    margin: 3rem 0 3rem 0;
    color: #333
}

#page6>h3 {
    font-size: 5rem;
    margin: 2rem;
    color: #333;
    font-family: "Arial Black";
}

#page6>h3::after {
    content: '';
    position: absolute;
    border-bottom: #333 solid 4px;
    width: 10rem;
    height: 2rem;
    margin: 59px 0 0 -366px;
}

#page6 .wrapper {
    display: flex;
    justify-content: space-between;
}

#page6 dl {
    display: block;
    text-align: center;
    padding: 4rem 0;
    width: 30rem;
    box-sizing: border-box;
    color: #333;
    line-height: 3rem;
    font-size: 2.8rem;
    font-family: "arial";
    font-weight: bold;
}

#page6 dl h3 {
    font-size: 2.4rem;
    margin: 2rem 0;
    line-height: 4rem;
    font-weight: bold;
}

#page6 dl:last-child h3 {
    margin: 3rem 0;
}

#page6 dl h4 {
    font-size: 1.6rem;
    line-height: 3rem;
}

#page6 .icon {
    display: inline-block;
    text-align: center;
    margin-top: 2rem;
    width: 8.2rem;
    height: 8.2rem;
    border-radius: 4.1rem;
}

#page6 .icon01 {
    background: #f2f2fd url(../images/icon07.png) no-repeat center center;
}

#page6 .icon02 {
    background: #e7fde9 url(../images/icon08.png) no-repeat center center;
}

#page6 .icon03 {
    background: #fff4e5 url(../images/icon09.png) no-repeat center center;
}

#page6 .icon04 {
    background: #fdf1f5 url(../images/icon10.png) no-repeat center center;
}

#page7 {
    background-color: #333645;
    height: 110rem;
    text-align: center;
    padding-top: 10.2rem;
    box-sizing: border-box;
    height: 110rem;
}

#page7 .wrapper h3 {
    font-size: 5rem;
    color: #fec106;
    margin: 3rem auto;
}
#page7 .wrapper .logoS{
    position: relative;
}
#page7 .wrapper .logoS::before {
    content: '';
    position: absolute;
    border-bottom: #fec106 solid 1px;
    width: 60rem;
    height: 1rem;
    margin: 9px 0 0 -605px;
}

#page7 .wrapper .logoS::after {
    content: '';
    position: absolute;
    border-bottom: #fec106 solid 1px;
    width: 60rem;
    height: 1rem;
    margin: 9px -595px 0 0;
}

#page7 .wrapper .tx {
    display: flex;
    justify-content: space-between;
    margin: 8rem auto;
    margin: 0.1rem 10rem;
}

#page7 .wrapper .tx dl{
    width: 400rem;
}

#page7 .wrapper .tx dd {
    font-size: 2.3rem;
    color: #fff;
    font-family: "arial rounded mt bold";
    margin: 3rem auto;
    text-align: center;
}

#page7 .wrapper .tx dd span {
    font-size: 1.6rem;
    display: block;
    margin-top: 2rem;
    text-align: center;
}

#page8 {
    background-color: #fff;
    height: 160rem;
    text-align: center;
    padding-top: 10.2rem;
    box-sizing: border-box;
    height: 135rem;
    color: #333
}

#page8 .wrapper>h3 {
    font-size: 5rem;
    margin: 10rem;
    font-family: "arial black";
}

#page8 .wrapper>h3::after {
    content: '';
    position: absolute;
    border-bottom: #333 solid 4px;
    width: 10rem;
    height: 2rem;
    margin: 59px 0 0 -123px;
}

#page8 .wrapper dl {
    text-align: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 3rem;
}

#page8 .wrapper dl dt {
    float: left;
    margin-right: 5rem;
}

#page8 .wrapper dl dd {
    font-family: "arial";
    float: left;
    width: 92rem;
}

#page8 .wrapper dl dd h3 {
    font-size: 3.68rem;
    margin-top: 2rem;
}

#page8 .wrapper dl dd h4 {
    font-size: 1.8rem;
    margin-top: 3rem;
}

#page8 .wrapper dl dd a {
    display: block;
    width: 12.4rem;
    height: 4rem;
    background: #fec106;
    line-height: 4rem;
    text-align: center;
    font-size: 1.8rem;
    margin-top: 4rem;
}

#footer {
    background: #333645 url(../images/footBanner.png) no-repeat left top;
    width: 100%;
    height: auto;
    padding-left: 90rem;
    box-sizing: border-box;
    overflow: hidden;
}

#footer .logoL {
    width: 14rem;
    height: 14rem;
    padding: 10rem 0 0 0;
}

#footer .btnL {
    width: 19rem;
    height: 6rem;
    background-color: #fec106;
    display: block;
    border-radius: 10px;
    font-size: 1.8rem;
    line-height: 6rem;
    text-align: center;
    font-family: "arial black";
    margin-top: 5rem;
    float: left;
}

#footer p {
    float: left;
    font-size: 1.6rem;
    color: #fff;
    width: 48rem;
    margin-left: 3rem;
    line-height: 3rem;
}

#footer .line {
    width: 100%;
    height: 1px;
    /*background-color: #5a5c68;*/
    margin: 20rem 0 5rem 0;
}

#footer .href {
    clear: both;
    display: block;
    overflow: hidden;
}

#footer .href li {
    float: left;
    margin: 2rem 2rem 0 0;
}

#footer span {
    width: 100%;
    overflow: hidden;
    display: block;
    margin-top: 5rem;
    font-size: 1.6rem;
    color: #4d5062
}

.leftBox {
    width: 85rem;
    float: left;
    margin-top: 20rem;
    background: #282b3a;
    border-radius: 1rem;
    overflow: hidden;
    height: 60rem;
}

.title {
    width: 100%;
    height: 8.8rem;
    padding: 0 2rem;
    border-bottom: #333645 solid 1px;
    box-sizing: border-box;
}

.title h3 {
    float: left;
    color: #fff;
    font-size: 3rem;
    line-height: 10rem;
}

.title h4 {
    float: right;
    color: #fff;
    font-size: 1.8rem;
    line-height: 10rem;
}

.title span {
    display: inline-block;
    padding: 0 2rem;
}

.title a {
    color: #fff;
    text-decoration: none;
}

.title a:hover {
    color: #fec106;
}

.yellowFont {
    color: #fec106;
}

.leftBox h5 {
    font-size: 1.8rem;
    color: #707590;
    text-align: center;
    line-height: 10rem;
}

.mac {
    width: 100%;
    text-align: center;
}

.rightBox {
    width: 48rem;
    margin-top: 20rem;
    float: right;
}

.dn {
    width: 100%;
    text-align: center;
    padding: 4rem 0;
}

.dnFont {
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    margin: 5rem auto;
}

a.connectBtn {
    background-color: #fec106;
    border-radius: 2rem;
    font-size: 2.2rem;
    width: 86%;
    display: block;
    margin: 2rem auto;
    text-align: center;
    height: 8rem;
    line-height: 8rem;
    color: #282b3a;
    font-weight: bold;
}

.footerFont {
    text-align: center;
    color: #4d5062;
    font-size: 1.6rem;
    margin-top: 3rem;
}

.loginBox {
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    height: 60rem;
    padding: 2rem;
    box-sizing: border-box;
    background: #282b3a;
}

.loginBox h3 {
    font-size: 2rem;
    color: #fff;
}

.tip {
    margin: 1rem auto;
    overflow: hidden;
    width: 100%;
}

.tip .iconT {
    background: url(../images/node/t.png) no-repeat;
    width: 3.4rem;
    height: 3.4rem;
    display: inline-block;
}

.tip strong {
    font-size: 4rem;
    margin-left: 2rem;
}

.srkNum {
    width: 100%;
    overflow: hidden;
    margin: 2rem auto;
    border: #fff solid 1px;
    border-radius: 5px;
    box-sizing: border-box;
    height: 5rem;
}

.srkNum input[type=text] {
    display: inline-block;
    height: 5rem;
    vertical-align: top;
    width: 25rem;
    color: #fff;
    font-size: 3rem;
    text-align: center;
    font-weight: bold;
}

a.subBtn {
    width: 5rem;
    height: 5rem;
    background: #fff;
    border-radius: 5px;
    display: inline-block;
}

a.plusBtn {
    float: right;
    width: 5rem;
    height: 5rem;
    background: #fff;
    border-radius: 5px;
    display: inline-block;
}

.srk {
    width: 100%;
    overflow: hidden;
    margin: 1rem auto;
    border: #fff solid 1px;
    border-radius: 5px;
    box-sizing: border-box;
    height: auto;
}

.srk input[type=text] {
    display: inline-block;
    height: 5rem;
    vertical-align: top;
    width: 25rem;
    color: #fff;
    font-size: 2rem;
}

.disclaimers li {
    margin-top: 0.5rem;
    font-size: 1.4rem;
}

.disclaimers li a {
    color: #fec106;
}

.numTip {
    margin: 2rem 0;
    float: left;
    width: 48rem;
}

.numTip .iconSx {
    background: url(../images/node/sx.png) no-repeat;
    width: 3rem;
    height: 3rem;
    float: left;
}

.numTip dl {
    width: 20.2rem;
    background-color: #282b3a;
    float: left;
    margin-left: 2rem;
    border-radius: 5px;
    padding: 2rem;
    box-sizing: border-box;
}

.numTip dl dt {
    font-size: 1.2rem;
}

.numTip dl dd {
    font-size: 3rem;
}

.paging {
    width: 100%;
    margin-top: 7rem;
    overflow: hidden;
}

.paging span {
    display: inline-block;
    border: #606271 solid 1px;
    width: 4rem;
    height: 4rem;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    line-height: 4rem;
}

.tableBox {
    background-color: #282b3a;
    padding: 2rem;
    margin-top: 2rem;
    border-radius: 5px;
}

.layui-table {
    background-color: transparent !important;
    color: #fff !important;
}

.layui-table tbody tr:hover,
.layui-table thead tr,
.layui-table-click,
.layui-table-header,
.layui-table-hover,
.layui-table-mend,
.layui-table-patch,
.layui-table-tool,
.layui-table-total,
.layui-table-total tr,
.layui-table[lay-even] tr:nth-child(even) {
    background-color: #1c2032 !important;
}

.layui-table td,
.layui-table th,
.layui-table-col-set,
.layui-table-fixed-r,
.layui-table-grid-down,
.layui-table-header,
.layui-table-page,
.layui-table-tips-main,
.layui-table-tool,
.layui-table-total,
.layui-table-view,
.layui-table[lay-skin=line],
.layui-table[lay-skin=row] {
    border-width: 0 0 1px 0 !important;
    border-style: solid;
    border-color: #333645 !important;
}

.treeTable-icon .layui-icon-layer:before {
    content: "\e638";
}

.treeTable-icon.open .layui-icon-layer:before {
    content: "\e638";
}

.layui-tree li a i {
    display: none;
}

.layui-tree li i {
    color: #fff !important
}

.tableBtn {
    display: inline-block;
    padding: 0.3rem 2rem;
    background: #fec106;
    color: #282b3a;
    margin-left: 2rem;
}

.onBtn {
    background: url(../images/node/on.png) no-repeat;
    width: 2.3rem;
    height: 1.5rem;
    display: inline-block;
    margin: 0 1rem;
}

.stopBtn {
    background: url(../images/node/stop.png) no-repeat;
    width: 2.3rem;
    height: 1.8;
    display: inline-block;
    margin: 0 1rem;
}

.loginBoxed h2 {
    font-size: 3rem;
}

.loginBoxed dl {
    width: 100%;
    height: 7rem;
    border-bottom: #60657e solid 1px;
    line-height: 7rem;
    font-size: 2rem;
    color: #fef4d7;
}

.loginBoxed dl dt {
    float: left;
}

.loginBoxed dl dd {
    float: right;
}

.loginBoxed dl dd strong {
    font-weight: bold;
    color: #fff;
}

.loginBoxed h3 {
    text-align: center;
    margin: 5rem auto;
}

.layui-layer-title {
    background-color: #1c2032 !important;
    border-bottom: 0 !important;
    font-size: 2.2rem !important;
    height: 6rem !important;
    color: #fff !important;
    line-height: 6rem !important;
}

.layerBox {
    padding: 2rem;
    box-sizing: border-box;
    background: #dbdde6;
    color: #333
}

.layerBox p {
    line-height: 20rem;
    font-size: 1.8rem;
    text-align: center;
}

a.yellowBtn {
    text-align: center;
    display: block;
    padding: 2rem 3rem;
    color: #333;
    background-color: #fec106;
    width: 26.8rem;
    height: 3.2rem;
    border-radius: 1rem;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 auto;
}

.layui-layer-ico {
    background: url(../images/node/close.png) no-repeat !important;
    margin-top: 1rem;
}

.el-dialog__headerbtn .el-dialog__close {
    background: url(../images/node/close.png) no-repeat !important;
    width: 2rem;
    height: 3rem;
}

.el-table__expand-icon>.el-icon {
    background: url(../images/node/jt-l.png) no-repeat !important;
    width: 0.9rem !important;
    height: 0.9rem !important;
    display: block;
}

.el-table th.el-table__cell {
    background-color: #1c2032;
    font-size: 1.8rem;
    color: #fff;
}

.el-table tr {
    background-color: #282b3a;
    color: #fff;
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: transparent;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border-bottom: 1px solid #333645;
}

.el-icon-arrow-right:before,
.el-icon-close:before {
    content: " ";
}

.el-table .el-table__cell {
    padding: 0;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.6rem;
}

.el-table,
.el-table__expanded-cell {
    background-color: transparent;
}

.tableChild {
    padding-left: 5rem;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
    background-color: transparent
}

.el-table__cell .cell span {
    height: 3rem;
    display: inline-block;
    vertical-align: sub;
}

.el-table__cell .cell img {
    height: 3rem;
    display: inline-block;
    vertical-align: bottom;
}

.el-table .cell {
    text-align: center;
}

.el-table .cell .el-button {
    background-color: #fec106;
    border: 0;
    width: 7rem;
    height: 3rem;
    font-size: 1.4rem;
    vertical-align: sub;
}

.el-table .cell .el-button span {
    height: 1.6rem;
    vertical-align: bottom;
}

.el-table .cell .onBtn {
    width: 2.3rem;
    height: 1.5rem;
    vertical-align: -webkit-baseline-middle;
}

.serviceFont {
    padding-top: 11rem;
}

.serviceFont table {
    border-color: #fff;
}

.serviceFont table td {
    padding: 2rem;
    font-size: 1.6rem;
}

.serviceFont .tit,
.serviceFont h3 {
    font-size: 5rem;
    color: #d4a20b;
    font-weight: bold;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.serviceFont .tit {
    border-bottom: #525465 solid 1px;
    padding-bottom: 3rem;
}

.serviceFont p {
    line-height: 3rem;
    font-size: 1.6rem;
    margin-bottom: 3rem;
}

.el-dialog__header {
    background: #1c2032;
}

.el-dialog__title {
    color: #fff
}

.el-dialog__headerbtn {
    font-size: 3rem;
}

.el-dialog {
    background-color: #dbdde6;
}

.plusBtn {
    height: 2rem;
    width: 2rem;
    display: block;
    position: relative;
}

.plusBtn:before,
.plusBtn:after {
    content: '';
    height: 0.4rem;
    width: 3.2rem;
    display: block;
    background: #333;
    position: absolute;
    top: 23px;
    left: 10px;
}

.plusBtn:after {
    height: 3rem;
    width: 0.4rem;
    top: 1rem;
    left: 2.4rem;
}

.subBtn {
    height: 2rem;
    width: 2rem;
    display: block;
    position: relative;
}

.subBtn:before {
    content: '';
    height: 0.5rem;
    width: 3rem;
    display: block;
    background: #333;
    position: absolute;
    top: 2rem;
    left: 0.9rem;
}


/*导航菜单样式开始*/

.header span.right {
    display: none;
    width: 44rem;
    height: 44rem;
    position: absolute;
    right: 0.2rem;
    top: 0.05rem;
    background: url(../images/navLink.png) no-repeat center center;
    background-size: 80%;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.header span.right.on {
    background: url(../images/navHover.png) no-repeat center center;
    background-size: 55%;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    /* IE 9 */
    -moz-transform: rotate(135deg);
    /* Firefox */
    -webkit-transform: rotate(135deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(135deg);
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.header span.left {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0.44rem;
    height: 0.44rem;
    font-size: 0.14rem;
    padding-left: 0.08rem;
}

.mobile #page1,
.mobile #page1 .swiper01 {
    height: 36.8rem;
}

.mobile #page1 .swiper01 .adImg img {
    width: 45rem;
    height: 35rem
}

.mobile #page1 .swiper01 h3 {
    font-size: 3rem;
    line-height: 3rem;
    margin: 12rem 0 0 2rem;
    background-color: rgba(0, 0, 0, 0.6);
}

.mobile #page1 .swiper01 .adImg {
    position: absolute;
    left: 0;
    top: 2rem;
}

.mobile #page1 .btn {
    display: block;
    width: 15rem;
    height: 3.7rem;
    line-height: 3.7rem;
    margin-left: 2rem;
}

.mobile #page2 {
    height: auto;
    overflow: hidden;
    padding-bottom: 1rem;
}

.mobile #page2 .adImg {
    display: none;
    float: none;
}

.mobile #page2 .page2Right {
    float: none;
}

.mobile #page2 .page2Right h3 {
    width: 92%;
    font-size: 2.2rem;
    margin: 4rem auto 0 auto;
    line-height: 0rem;
    height: 3rem;
}

.mobile #page2 .page2Right h4 {
    font-family: "arial rounded mt bold";
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding: 0 5rem;
    box-sizing: border-box;
    margin: 2rem auto
}

.mobile #page2 .page2Right ul li {
    background-color: #fff;
    font-family: "Arial Rounded ";
    height: 6rem;
    margin: 1rem 2rem;
    padding: 0px 1rem;
    box-sizing: border-box;
}

.mobile #page2 .page2Right ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    margin-left: 6rem;
    text-indent: 0rem;
    line-height: 2rem;
    font-size: 1.4rem;
}

.mobile #page2 .page2Right ul li:nth-child(1) a {
    padding-top: 1.8rem;
}

.mobile #page2 .page2Right ul li:nth-child(2) a {
    padding-top: 1rem;
}

.mobile #page2 .page2Right ul li:nth-child(3) a {
    padding-top: 1rem;
}

.mobile #page2 .page2Right ul li:nth-child(4) a {
    padding-top: 0.1rem;
}

.mobile #page2 .demoSpan1 {
    height: 3rem;
    width: 3rem;
    display: block;
    position: relative;
    float: left;
    top: 1.5rem;
    left: 1rem;
}

.mobile #page2 .demoSpan1:after {
    height: 2.4rem;
    width: 0.3rem;
    top: 0.4rem;
    left: 1.4rem;
}

.mobile #page2 .demoSpan1:before {
    content: '';
    height: 0.3rem;
    width: 2.4rem;
    display: block;
    background: #fff;
    position: absolute;
    top: 1.4rem;
    left: 0.3rem;
}

.mobile #page3 {
    height: auto;
    padding-bottom: 5rem;
    overflow: hidden;
}

.mobile #page3 .wrapper {
    /* flex-wrap: wrap; */
}

.mobile #page3 dl {
    background: #fec106;
    border-radius: 5px;
    display: block;
    text-align: center;
    padding: 3rem 0;
    box-sizing: border-box;
    color: #bc8e00;
    font-family: "arial";
    font-weight: bold;
    width: 40.3rem;
    height: 15rem;
    line-height: 2rem;
    font-size: 1.4rem;
    margin: 3.5rem 1rem 1rem 1rem;
    width: 60%;
}

.mobile #page3 .icon01,
.mobile #page3 .icon02,
.mobile #page3 .icon03 {
    background: url(../images/icon01.png) no-repeat;
    width: 10rem;
    height: 6.5rem;
    transform: scale(0.5);
}

.mobile #page3 h3 {
    font-size: 1.6rem;
    margin-top: 4rem;
    color: #fff;
}

.mobile #page3 h4 {
    font-size: 2.2rem;
    margin-top: 1rem;
    color: #FEC106;
}

.mobile #page4 {
    height: auto;
    overflow: hidden;
    padding-bottom: 5rem;
}

.mobile #page4 .icon01,
.mobile #page4 .icon02,
.mobile #page4 .icon03 {
    transform: scale(0.5);
}

.mobile #page4 .wrapper {
    /* flex-wrap: wrap; */
}

.mobile #page4>h3 {
    font-size: 2rem;
    color: #fec106;
    font-weight: bold;
    padding: 5rem 0 0 0;
}

.mobile #page4 dl {
    margin: 2rem auto;
    width: 30%;
    padding: 0;
}

.mobile #page4 dl dt {
    width: 10rem;
    height: 10rem;
}

.mobile #page4 dl h3 {
    font-size: 1.8rem;
    margin-top: 0rem;
}

.mobile #page4 dl h4 {
    font-size: 1.4rem;
    margin-top: 1rem;
    line-height: 2rem;
}

.mobile #page5 {
    height: auto;
    overflow: hidden;
}

.mobile #page5 h3 {
    color: #333645;
    font-size: 3rem;
    font-family: "Lucida Handwriting";
    margin-top: 6rem;
    margin-bottom: 3rem;
}

.mobile #page5 ul li {
    width: 50%;
    float: left;
    /* margin: 1rem 0 0 1.3rem; */
    padding: 2rem 1.5rem;
    box-sizing: border-box;
}

.mobile #page5 ul li img {
    display: block;
    width: 100%;
    height: 16.1rem;
}

.mobile #page5 ul li .btn a {
    display: inline-block;
    width: 13.1rem;
    height: 2.7rem;
    margin: 1rem 0rem;
    background-size: 98%;
}

.mobile #page6>h4 {
    font-size: 1.8rem;
    margin: 2rem 0 2rem 0;
}

.mobile #page6>h3 {
    font-size: 3rem;
    margin: 2rem;
}

.mobile #page6 .wrapper {
    flex-wrap: wrap;
}

.mobile #page6 {
    height: auto;
}

.mobile #page6>h3::after {
    display: none;
}

.mobile #page6 dl {
    width: 44%;
    background: #f3f3f3d9;
    margin: 0 1rem 3rem 1rem;
    padding: 2rem 0;
}

.mobile #page6 dl h3 {
    font-size: 2rem;
    margin: 1rem 0;
    line-height: 3rem;
    font-weight: bold;
}

.mobile #page6 dl h4 {
    font-size: 1.6rem;
    line-height: 2rem;
}

.mobile #page6 .icon {
    margin-top: 0;
}

.mobile #page7 {
    height: auto;
}

.mobile #page7 .wrapper .tx {
    flex-wrap: wrap;
    margin: 0rem auto;
}

.mobile #page7 .wrapper .tx img {
    transform: scale(0.8);
}

.mobile #page7 .wrapper .tx dl {
    width: 100%;
    height: auto;
}

.mobile #page7 .wrapper .tx dd {
    font-size: 2.4rem;
    margin-top: 0rem;
}

.mobile #page7 .wrapper h3 {
    font-size: 3rem;
}

.mobile #page7 .wrapper .tx dd span {
    font-size: 1.8rem;
}

.mobile #page8 {
    height: auto;
    overflow: hidden;
}

.mobile #page8 .wrapper>h3 {
    font-size: 3rem;
    margin: 5rem;
}

.mobile #page8 .wrapper>h3::after {
    margin: 3rem 0 0 -9.5rem;
}

.mobile #page8 .wrapper dl dt {
    float: none;
    margin-right: 0rem;
}

.mobile #page8 .wrapper dl dt img {
    width: 100%;
}

.mobile #page8 .wrapper dl dd {
    width: 100%;
}

.mobile #page8 .wrapper dl dd h3 {
    font-size: 2rem;
}

.mobile #page8 .wrapper dl dd h4 {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: 1rem;
}

.mobile #page8 .wrapper dl {
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
}

.mobile #page8 .wrapper dl dd a {
    display: block;
    width: 30%;
    height: 4rem;
    background: #fec106;
    line-height: 4rem;
    text-align: center;
    font-size: 1.8rem;
    margin-top: 2rem;
}

.mobile #footer {
    padding-bottom: 1rem;
    background: #333645;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    background-image: none;
    padding-left: 0rem;
}

.mobile #footer span {
    margin-top: 2rem;
}

.mobile #footer .logoL {
    width: 10rem;
    height: 10rem;
    padding: 1rem 0 0 2rem;
    float: left;
}

.mobile #footer .logoL img {
    width: 5rem;
    height: 5rem;
}

.mobile #footer .btnL {
    float: right;
    width: 33%;
    height: 4rem;
    background-color: #fec106;
    display: block;
    border-radius: 4px;
    font-size: 1.2rem;
    line-height: 4rem;
    font-family: "arial black";
    margin: 2rem 2rem 2rem 7rem;
}

.mobile #footer p {
    font-size: 1.4rem;
    color: #fff;
    width: 95%;
    line-height: 2.4rem;
    padding: 2rem 2rem;
    box-sizing: border-box;
    margin: 0 auto;
}

.mobile #footer .line {
    width: 100%;
    height: 1px;
    margin: 9rem 0 5rem 0;
}

.mobile #footer .href {
    clear: both;
    display: block;
    overflow: hidden;
}

.mobile #footer .href li {
    margin: 2rem 0 0 0.4rem;
}

.mobile #footer span {
    font-size: 1.6rem;
}

.mobile .login .leftBox {
    float: none;
    width: 90%;
    height: 42rem;
    margin: 10rem auto 2rem auto;
}

.mobile .login .leftBox .title h3,
.mobile .login .leftBox .title h4 {
    float: none;
    width: 100%;
    text-align: center;
}

.mobile .login .leftBox .title h3 {
    font-size: 2rem;
    margin-top: 2rem;
    line-height: 2rem;
}

.mobile .login .leftBox .title h4 {
    font-size: 1.2rem;
    margin: 1rem auto;
    line-height: 7rem;
}

.mobile .login .leftBox .title h4 span {
    padding: 0 1rem;
}

.mobile .login .leftBox h5 {
    font-size: 1.4rem;
    line-height: 3rem;
    margin-top: 2rem;
}

.mobile .login .leftBox .mac img {
    margin: 0rem auto;
    width: 28.52rem;
    height: 15.94rem;
}

.mobile .login .rightBox {
    float: none;
    width: 90%;
    height: auto;
    margin: 0rem auto;
}

.mobile .loginBox {
    height: auto;
    overflow: hidden;
}

.mobile .dnFont {
    margin: 0rem auto;
}

.mobile .loginBox h3 {
    font-size: 1.6rem;
}

.mobile .loginBox .tip strong {
    font-size: 4rem;
}

.mobile .loginBox .tip .iconT {
    background: url(../images/node/t.png) no-repeat center top;
    width: 4.4rem;
    height: 3.4rem;
}

.mobile .loginBoxed h3 {
    text-align: center;
    margin: 6rem auto 1rem auto;
}

.mobile .loginBox .srkNum {
    height: 4rem;
}

.mobile .loginBox a.subBtn,
.mobile .loginBox a.plusBtn {
    width: 4rem;
    height: 4rem;
    background: #fff;
    border-radius: 3px;
    display: inline-block;
}

.mobile .loginBox a.subBtn:before,
.mobile .loginBox a.plusBtn::before {
    content: '';
    height: 0.5rem;
    width: 3.2rem;
    display: block;
    background: #333;
    position: absolute;
    top: 1.8rem;
    left: 0.4rem;
}

.mobile .loginBox .srkNum input[type=text] {
    width: 17rem;
    height: 4rem;
}

.mobile .loginBox a.plusBtn::after {
    height: 2.6rem;
    width: 0.5rem;
    top: 0.8rem;
    left: 1.8rem;
}

.mobile .loginBox .srk input[type=text] {
    height: 4rem;
    font-size: 1.2rem;
}

.mobile .loginBox .disclaimers li {
    margin-top: 2rem;
    font-size: 1.4rem;
}

.mobile .loginBox input[type=checkbox] {
    width: 2rem;
    height: 2rem;
}

.mobile .loginBox a.connectBtn {
    font-size: 1.4rem;
    margin: 2rem auto;
    height: 5rem;
    line-height: 5rem;
    border-radius: 1rem;
}

.mobile .numTip .iconSx {
    margin: 1rem
}

.mobile .numTip {
    width: 100%;
}

.mobile .numTip dl {
    width: 97%;
    margin-bottom: 3rem;
    margin-left: 0rem;
}

.mobile .numTip dl dt {
    font-size: 1.6rem;
}

.mobile .numTip dl dd {
    font-size: 2rem;
}

.mobile .loginBoxed h2 {
    font-size: 1.8rem;
}

.mobile .loginBoxed dl {
    width: 100%;
    height: 6rem;
    border-bottom: #60657e solid 1px;
    line-height: 6rem;
    font-size: 1.6rem;
    color: #fef4d7;
}

.mobile .paging span {
    width: 4rem;
    height: 4rem;
    font-size: 1.4rem;
    line-height: 4rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
}

.mobile .serviceFont {
    padding: 7rem 1rem 1rem 1rem;
}

.mobile .serviceFont .tit {
    font-size: 1.6rem;
    padding-bottom: 1rem;
}

.mobile .serviceFont .tit,
.serviceFont h3 {
    margin-bottom: 1rem;
}

.mobile .serviceFont p {
    line-height: 2rem;
    font-size: 1.4rem;
}

.mobile .nav ul {
    display: block;
    display: block;
}

.mobile .nav ul li a {
    width: 70%;
    height: auto;
    line-height: 6rem;
    font-size: 2rem;
    margin: 0;
}

.mobile .topBar {
    height: 6rem;
}

.mobile .header span.right {
    width: 7rem;
    height: 7rem;
    position: absolute;
    right: -0.8rem;
    top: -0.95rem;
    z-index: 99999;
}

.mobile .Join {
    margin: 0 2rem;
    width: 7rem;
    height: 2.5rem;
    line-height: 2.8rem;
    background-color: #fec006;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    z-index: 99999;
    position: absolute;
    top: 1.4rem;
    right: 4rem;
    z-index: 1;
    font-size: 1.2rem;
}

.mobile .logo img {
    width: 4rem;
    height: 4rem;
}

.mobile .menu {
    display: none;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0.5rem;
    right: 0;
    z-index: 9999;
    height: auto;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.mobile .header span.right {
    display: block
}

.mobile .el-dialog__title {
    font-size: 14px;
}

.mobile .el-dialog__wrapper .el-dialog {
    width: 94% !important;
}

.mobile .serviceFont {
    padding: 7em 1rem !important;
}

.mobile .serviceFont .tit,
.mobile .serviceFont h3 {
    font-size: 1.4rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mobile .serviceFont p img {
    width: 32rem !important;
    height: 26rem !important;
}
#table{
    width: 150rem !important;
}