/*首页*/
* {
    padding: 0;
    margin: 0;
}
html {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

#app {
    height: auto;
}

/*@font-face {*/
/*    font-family: PingFangSC-Light;*/
/*    src: url('../fonts/pingfangsc-light.ttf');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,a{
    font-family:PingFangSC-Light, 'Lato', "Microsoft YaHei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif !important;
}


.main {
    padding-bottom: 0px;
    position: relative;
    /* font-family:"MicrosoftYaHei"; */
}

td {
    color: rgba(29, 41, 85, 1);
    /* opacity: .8; */
}
a:focus,
a:hover {
    text-decoration: none;
}

input[type=text]:not(.input-error):hover {
    border-style: solid;
    /* border-color: #a0a0a0 !important; */
}

.hero.hero-main {
    position: relative;
    background-color: #1a1a1a;
}

a[title="Email"]:hover {
    color: #fff;
}

#search-input:focus,
#search-input:active {
    border-width: 0px 0px 1px;
    outline: none
}

a.button {
    background-color: #e8b342;
}

.bg {
    height: 605px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.notice {
    color: #4A5F78;
    background: #fff;
    overflow: hidden;
    zoom: 1;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    /* box-shadow: 0px 1px 1px 0px #c8d5e8; */
    position: relative;
}
.notice > .More {
    position: absolute;
    top: 0;
    right: 50px;
}
/*start notice*/
.slideInfo {
    width: 920px;
    margin-left: 35px;
}

.transform_up {
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
}

.text-center {
    text-align: center;
}

.color-selected:before {
    content: '\e634';
    color: #e8b342;
    opacity: .6;
}



._panel ._panel-title {
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
    /* line-height: 50px; */
    padding: 15px 0;
}



.carousel-control {
    width: 10%;
}

.home-table {
    padding: 0 305px
}

.ts-14 tr {
    height: 46px;
    line-height: 40px
}

#self {
    font-size: 20px;
    font-family: "MicrosoftYaHei";
    color: rgba(255, 255, 255, 1);
}

#app {
    font-size: 16px;
    font-family: "MicrosoftYaHei";
    min-height: 667px
}

.icon-my-sort-up:before {
    content: '\e635';
    opacity: .6;
}

.icon-my-sort-down:before {
    content: '\e62f';
    opacity: .6;
}

.ts-12 span {
    opacity: .6;
}

#xuhua {
    opacity: .5 !important;
    font-size: 12px;
}

.color-selected:before {
    content: '\e634';
    color: #e8b342;
    opacity: .6;
}

/*6-4修改首页*/
section {
    width: 100%;
    height: 100%;
    /*background: url("../images/header_bg.png");*/
    background-color: #0a0a0a;
    background-repeat: no-repeat;
    background-size: cover;
}


/*banner修改*/
#banner {
    width: 900px;
    height: 109px;
    z-index: 11;
}

#banner_top {
    background: url("../images/bannerbg.png") no-repeat center 0;
    background-size: cover;
    height: 900px;
}
.index-slogan {
    margin: auto;
    width: 1200px;
}
.index-slogan p{
    text-align: center;
}
.swiper-slide {

}
.pages-home-swipers-grids div {
    width: 400px;
    height: 200px;
}
.pages-home-swipers-grids div img {
    width: 90%;
    border-radius: 20px;
}
.pages-home-swipers-grids {
    display: flex;
}
.singleImg img {
    width: 1160px;
    padding: 0 20px;
}
.swiper-button-prev {
    height: 30px;
    left: 180px;
    top: 50%;
}

.swiper-button-next {
    height: 30px;
    top: 50%;
    right: 180px;
}

#banner ul li img {
    width: 100%;
    height: 100%;
    background-size: cover;
}


.x_box {
    width: 1199px;
    margin: 0 auto;
    margin-top: 20px;
}

.box-input_input {
    width: 195px !important;
    height: 100% !important;
    border: 1px solid #818181 !important;
    font-size: 16px !important;
    color: #4C4C4C !important;
    text-indent: 1em;
}

.loadMore {
    color: #444444;
    font-size: 7px;
    text-align: center;
}
.x_thname {
    text-align: center;
}

.buy, .buy1 {
    color: #48E769;
}

.icon-zhang1:before {
    color: #48E769;
}

.x_letter {
    background-image: url("../images/introduce.png");
    background-size: 100% 100%;
}
.x_dneg:hover {
    color: #FFFFFF;
}

.color-minor {
    color: #444444;
}

.sell {
    color: #E52626;
    font-weight: 400;
}

.sell1 {
    color: #E52626;
}

.buy {
    font-weight: 400;
}

.swiper-slide > a:hover {
    color: #DBBD15 !important;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: row !important;
}


.x_vbt {
    width: 819px;
    height: 411px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 103px;
    margin-top: 20px;
    background-image: url("../images/asd.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.x_vbt > li {
    width: 45%;
    height: 205px;
    cursor: default;
}

.x_vbt > li p {
    font-size: 25px;
    color: #000000;
    margin-top: 87px;
}
.x_vbt > li p a:hover {
    color: #DBBD15;
}
.x_vbt > li p a {
    color: #000;
}

.x_vbt > li small {
    font-size: 16px;
    font-weight: 400;
    color: rgba(105, 105, 105, 1);
}

.fo_color {
    color: #797979;
}

.x_header_list {
    width: 100%;
    height: 126px;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
}

.x_header_list li {
    width: 291px;
    text-align: left;
    height: 100%;
    background-size: cover;
    box-shadow: #c2c8cc 0px 0px 6px -3px;
    margin: 8px;
    padding: 0 16px;

}
/*.x_header_list li:hover {*/
/*    background: #e9e9e9;*/
/*}*/

.x_header_list li p {
    margin: 10px 0px;
    padding: 0;
    list-style: none;
    color: #797979;
}

.x_header_list li p font {
    float: right;

}

.x_header_list li p:nth-of-type(1) {
    font-size: 18px;
    font-weight: 400;
    margin-top: 15px;
}

.x_header_list li p:nth-of-type(2) {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
    width: 200px;
}

.x_header_list li p:nth-of-type(2) font {
    font-size: 13px;
    margin-left: 9px;
}

.x_header_list li p:nth-of-type(3) {
    font-size: 12px;
    font-weight: 400;
    color: rgba(121, 121, 121, 1);
}

.pc-slide {

    margin: 0 auto;
}

.view .swiper-container {
    width: 100%;
    height: 100%;
}

/*更改index start*/
button, input {
    overflow: visible;
}
/*头部*/
.header_box {
    background: unset;
    position: absolute;
}
.header_fixed {
    height: unset;
}
/*公告*/
.home-mining {
    width: 1200px;
    margin: 30px auto 0;
    height: 256px;
    position: relative;
    z-index: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.home-mining-content {
    height: 256px;
    position: relative;
    /*background-color: #fff;*/
    border-radius: 4px;
    /*box-shadow: 0 0 30px 0 rgba(80,123,227,.08);*/
    width: 780px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    /*align-items: center;*/
    cursor: pointer;
}
.home-mining .info-bg {
    width: 219px;
    height: 183px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('../images/info-bg.png') 50%/auto 183px no-repeat;
}
.home-mining .bottom-bg {
    width: 400px;
    height: 183px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../images/mining-home2.png') 0/auto 183px no-repeat;
}
.home-mining .btmx-info {
    z-index: 99;
    /*padding: 0px 0 0px 125px;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.home-mining .btmx-info .title4 {
    line-height: 42px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .1px;
    color: #172b40;
    margin-bottom: 10px;
}
.home-mining .btmx-info .title4 span{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #3a476b;
    cursor: pointer;
    margin-left: 20px;
}
.home-mining .btmx-info .bottom {
    height: 204px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*margin-top: 25px;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: linear-gradient(137deg,#f5f7fa,#f4f6f8 57%,#f3f5f7 70%,#f5f7fa);
}
.home-mining .btmx-info .bottom .afters::after {
    content: "";
    height: 48px;
    width: 1px;
    position: absolute;
    right: 50.5%;
    top: 50%;
    background-color: #e1e2e6;
}
.home-mining .btmx-info .bottom .bottom-item {
    color: #172b40;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    width: 300px;
    margin-top: 30px;
    margin-left: 85px;
}
.home-mining .btmx-info .bottom .bottom-item .sub-title a {
    position: relative;
    font-size: 24px;
    color: rgba(9,30,55);
    margin-bottom: 8px;
}
 .sub-title a:hover {
    color: #e8b342;
}
.home-mining .btmx-info .bottom .bottom-item .sub-title {
    position: relative;
    font-size: 24px;
    color: rgba(9,30,55,1);
    margin-top: 15px;
}

.home-mining .btmx-info .bottom .bottom-item p {
    padding-left: 12px;
    color: rgba(9, 30, 55, 0.6);
    font-size: 13px;
}

/*--公告start--*/
.home-mining-announcement {
    width: 400px;
    overflow: hidden;
    height: 256px;
    position: relative;
    /*background-color: #fff;*/
    border-radius: 4px;
    /*box-shadow: 0 0 30px 0 rgba(80,123,227,.08);*/
}
.home-mining-announcement .home-information-title .announce{
    padding-left: 20px;
    font-size: 24px;
    line-height: 42px;
    color: #172b40;
    font-weight: 500;
    margin-bottom: 10px;
}
.home-mining-announcement .home-information-title span{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #3a476b;
    cursor: pointer;
    margin-left: 20px;
}
.home-tabs-list {
    float: left;
    /*background: #e3eef9;*/
    width: 100%;
    border-bottom: 1px solid #f3f5f7;
}
.home-tabs-list li {
    float: left;
    text-align: center;
    line-height: 48px;
    height: 48px;
    width: 25%;
    font-size: 14px;
    color: #172b4d;
    border: none;
}
.home-tabs-list li:hover {
    color: #e8b342;
}
.home-tabs-list li.isactive {
    /*background-color: #fff;*/
    color: #e8b342;
    position: relative;
}
.home-tabs-list li.isactive::after {
    width: 20px;
    height: 2px;
    content: "";
    background-color: #e8b342;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -10px;
}
.el-tabs__content {
    float: left;
    padding: 0 20px;
    line-height: 30px;
}
.el-tabs__content .el-tab-pane {
    height: 170px;
}
.el-tabs__content .announcement-item {
    color: #172b4d;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.el-tabs__content .announcement-item a {
    max-width: 280px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #172b4d;
}
.el-tabs__content .announcement-item:hover * {
    color: #e8b342;
}
.el-tabs__content .announcement-item span {
    position: absolute;
    right: 25px;
}
/*列表*/
.home-coin-list {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px;
    /*background: #f6f9fb;*/
    position: relative;
    z-index: 0;
}
 .home-coin-list .coin-search {
    width: 250px;
    height: 40px;
    margin: 0 auto 28px;
    /*border: 1px solid #e1e2e6;*/
    position: relative;
    box-sizing: border-box;
     position: absolute;
    right: 0;
    top: 0;
}
.home-coin-list .coin-search .search{
    position: absolute;
    z-index: 2;
    top: 0;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    right: 10px;
}
.home-coin-list .coin-search input {
    width: 100%;
    height: 100%;
    line-height: 18px;
    padding: 10px 0 10px 20px;
    color: #999;
    font-size: 14px;
    border-radius: 10px;
    border: 0px solid #e1e2e6;
    background: #dfe5fa;
}
.home-coin-list .coin-search input::placeholder {
    color: #478EE6;
}
.home-coin-list .coin-search .icon-my-search:before {
    color: #478EE6;
}
.tabs-wrapper {
    transition: height .08s;
    margin: 10px 0;
}
.home-coin-list .tabs {
    box-sizing: border-box;
    line-height: 50px;
    position: relative;
}
.page-width {
    width: 1200px;
    margin: auto;
}
.home-coin-list .tabs ul {
    height: 50px;
    font-size: 0;
    /*background-color: transparent;*/
    position: relative;
    /*bottom: -2px;*/
    display: unset;
    border-bottom-color: #1665B7;
}
.home-coin-list .tabs li:first-child {
    text-align: left;
    padding-left: 30px;
    /*border-left: 1px solid #e1e2e6;*/
    width: 120px;
    border-radius: 8px 0 0 8px;
}
.home-coin-list .tabs li {
    color: #478EE6;
    font-weight: 550;
    /*border: 1px solid #e1e2e6;*/
    border-left: 0;
    border-bottom: 0;
    display: inline-block;
    font-size: 14px;
    width: 150px;
    line-height: 40px;
    height: 40px;
    float: left;
    text-align: center;
    cursor: pointer;
    background-color: #DFE5FA;
    margin-right: 3px;
    /*border-radius: 5px;*/
}
.home-coin-list .tabs li:first-child i {
    margin-right: 28px;
}
.home-coin-list .tabs .self i {
    font-size: 14px;
}

.home-coin-list .tabs ul li:hover {
    /*color: #fff;*/
    /*background: #ED741B;*/
}

.box-icon-sort .icon-my-sort-up {
    top: -5px;
    position: absolute;
    -webkit-transform: scale(.7);
    transform: scale(.7);
}
.box-icon-sort .icon-my-sort-down {
    top: 3px;
    position: absolute;
    -webkit-transform: scale(.7);
    transform: scale(.7);
}
.home-coin-list .tabs li:first-child {
    text-align: left;
    padding-left: 30px;
    /*border-left: 1px solid #e1e2e6;*/
    width: 120px;
}

.home-coin-list .tabs li.current {
    color: #fff;
    background: #ED741B;
    /*border-bottom: 1px solid #fff;*/
    position: relative;
    z-index: 100;
}
/*.home-coin-list .tabs li.current::after {*/
/*    width: 20px;*/
/*    height: 2px;*/
/*    content: "";*/
/*    background-color: #e8b342;*/
/*    position: absolute;*/
/*    bottom: -1px;*/
/*    left: 50%;*/
/*    margin-left: -10px;*/
/*}*/

.home-coin-list .tabs li:last-child {
    /*background-color: transparent;*/
    float: left;
}
.tabs-wrapper li:last-child {
    float: right;
    /*width: 200px!important;*/
    border: 0!important;
    position: relative;
    /*right: 2px;*/
    border-radius: 0 8px 8px 0;
}
.tabs-wrapper li:last-child input {
    width: 200px;
    line-height: 18px;
    padding: 8px 14px;
    color: #999;
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #e1e2e6;
}
.tabs-wrapper li:last-child .search {
    position: absolute;
    z-index: 10;
    font-size: 18px;
    right: 10px;
    top: 2px;
    height: 18px;
    width: 18px;
}

.home-coin-list .data-list {
    position: relative;
    top: -1px;
}

.home-coin-list .data-list table{
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
    white-space: nowrap;
}
.home-coin-list .data-list table thead {
    /*border-left: 1px solid #e5e5e5;*/
    /*border-right: 1px solid #e5e5e5;*/
    /*border-top: 1px solid #e5e5e5;*/
    background: #DFE5FA;
}
.home-coin-list .data-list table th:first-child {
    padding-left: 72px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.home-coin-list .data-list .tl {
    text-align: left;
}

.home-coin-list .data-list table th {
    font-size: 14px;
    color: #555;
    font-weight: 500;
    line-height: 40px;
    /*border-bottom: 1px solid #e5e5e5;*/
    position: relative;
}
.home-coin-list .data-list table th span {
    color: #555;
}
.home-coin-list .data-list table th:last-child {
    padding-right: 30px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.home-coin-list .data-list .pointer {
    cursor: pointer;
}
.home-coin-list .data-list table th .sort-btn {
    position: absolute;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 2px;
    transform: scale(.5);
    top: 2px;
    right: 35px;
    cursor: pointer;
}
.home-coin-list .data-list table th .sort-btn .icon-my-sort-up {
    font-size: 12px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin: 2px 0;
}

.home-coin-list .data-list table tr {
    cursor: pointer;
}
.home-coin-list .data-list table tbody tr:hover {
    background-color: #e5f6ff;
}
.home-coin-list .data-list table tr td:first-child {
    padding-left: 30px;
}
.home-coin-list .data-list table tr .coin-name {
    /*border-left: 1px solid #e5e5e5;*/
    color: #172b4d;
}
.home-coin-list .data-list table tr .coin-name i {
    font-size: 16px;
    color: #6b798e;
    margin-right: 28px;
}
.home-coin-list .data-list .tl {
    text-align: left;
}

.home-coin-list .data-list table tr td{
    /*color: #172b4d;*/
    font-size: 14px;
    line-height: 48px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 500;
}
.home-coin-list .data-list table td:nth-child(4),
.home-coin-list .data-list table td:nth-child(5),
.home-coin-list .data-list table th:nth-child(4),
.home-coin-list .data-list table th:nth-child(5) {
    padding-right: 50px!important;
}
.home-coin-list .data-list .tr {
    text-align: right;
}
.home-coin-list .data-list .no-data {
    background-color: #fff;
    font-size: 36px;
    height: 100px;
    color: #0000002e;
    padding-top: 20px;
}

.text_left {
    text-align: left!important;
    padding-left: 50px;
}
.token-price{
    font-size: 11px;
    color: #6b798e;
}
.home-coin-list .data-list table tr td:last-child {
    padding-right: 30px;
}
.home-coin-list .data-list table tr .coin-volume {
    /*border-right: 1px solid #eee;*/
}
.home-coin-list .data-list table td:nth-child(6), .home-coin-list .data-list table th:nth-child(6) {
    padding-right: 20px!important;
}
.buy1 {
    color: #48E769;
}
.sell1 {
    color: #E52626;
}
/*注册*/
.go-register{
    position: relative;
    z-index: 0;
    width: 100%;
    height: 364px;
    margin: 0 auto;
    background-color: #f4f6f9;
    padding-top: 100px;
    border-radius: 2px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    /*margin-top: 40px;*/
    box-shadow: 0 10px 20px 0 rgba(0,41,84,.15);
}
.go-register:after, .go-register:before {
    content: "";
    display: block;
    height: 198px;
    width: 224px;
    position: absolute;
    bottom: 0;
}

.go-register .text-register {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #0b0e12;
}
.go-register .go-deal {
    width: 510px;
    margin: 0 auto;
    margin-top: 28px;
}
.go-deal {
    margin-top: 40px;
    font-size: 16px;
}
.go-deal .add-email, .go-deal .add-email:focus {
    border: 1px solid #bfcbd9;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.go-deal .add-email {
    width: 335px;
    height: 50px;
    padding: 0;
    padding-left: 13px;
    color: #0b0e12;
    line-height: 48px;
    border-radius: 2px;
    background-color: transparent;
}
.go-register .go-deal .add-email-scope{
    left: -7px;
}
.go-deal .add-email-scope {
    vertical-align: bottom;
    cursor: pointer;
    display: inline-block;
    background: #e8b342;
    height: 50px;
    width: 150px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    position: relative;
    left: -6px;
    z-index: 2;
}
.go-deal .add-email-scope span i {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.icon-self {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

/*二维码下载*/
.home-app-bg {
    width: 100%;
    background: url(../images/xiazaibeijing.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 1rem;

}
.ghost-bg{
    width: 100%;
    background: url(../images/hangqingbeijing.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 1rem;
}
.home-app {
    width: 1200px;
    margin: 60px auto;
    height: 406px;
    /*text-align: center;*/
    box-sizing: border-box;
    color: #fff;
    padding-top: 70px;
    font-size: 16px;
    line-height: 16px;
    /*background: #fff url(../images/home-app-bg.f2c1c1a.png) 50%/auto 406px no-repeat;*/
    background: url(../images/phone.png) no-repeat;

}
.home-app h3 {
    color: #0b0e12;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 30px;
    text-transform: none;
}
.home-app .qrcode-wrapper {
    /*margin-top: 50px;*/
}
.small {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-bottom: 20px;
}
.home-app .qrcode-wrapper .qrcode {
    width: 160px;
    display: inline-block;
    /*border-radius: 4px;*/
    margin-right: 60px;
    overflow: hidden;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    box-sizing: border-box;
    float: left;
}
.home-app .qrcode-wrapper .qrcode-top {
    display: block;
    background-color: hsla(0,0%,100%,.5);
    height: 50px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
    border: 1px #0b0e12 solid;
    color: #0b0e12;
    transition:border 1s;
    -webkit-transition:border 1s; /* Safari and Chrome */
}
.home-app .qrcode-wrapper .qrcode-top:hover {
    border: 1px #fff solid;
}
.home-app .qrcode-wrapper .qrcode-top i {
    position: relative;
    top: -5px;
    font-size: 26px;
}
.home-app .qrcode-wrapper .qrcode-bottom {
    background-color: #f9f9f9;
    height: 0px;
    margin: 7px;
    box-sizing: border-box;
    transition:height 0.5s;
    -webkit-transition:height 0.5s; /* Safari and Chrome */
}
.home-app .qrcode-wrapper .qrcode-top:hover + .qrcode-bottom {
    height: 160px;
}
.swiper-pagination .swiper-pagination-bullet {
    border-radius: 13px;
    width: 7px;
    height: 35px;
    opacity: 0.8;
}
/*主流币列表*/
.pages-home-pair-main ul {
    display: flex;
}
.pages-home-pair-main ul li {
    width: 284px;
    height: 158px;
    border: 1px  solid;
    /*border-image: linear-gradient(#fff,#5171D4) 1;*/
    border-radius: 10px;
    margin: auto;
    background-image: linear-gradient(#5171D400, #5171D4);
}
.pages-home-pair-main ul li>div {
    background-image: linear-gradient(#ffffff, #DAE3F8);
    width: 278px;
    height: 155px;
    border-radius: 8px;
    margin: 0 2px;
    padding: 20px;
}
.pages-home-pair-main ul li>div .tickerCoins {
    text-align: left;
    color: #000000b8;
}
.pages-home-pair-main ul li>div .tickerCoinsleft {
    float: left;
}
.pages-home-pair-main ul li>div .tickerCoinsright {
    float: right;
}
/*new-V公告*/
.announces {
    display: flex;
    background-image: linear-gradient(#ed741b00, #ed741bc7);
    height: 80px;
    margin: 30px 15px 0;
    border-radius: 20px;
    font-size: 20px;
}
.announces div {
    margin: auto;
}
.announces a:hover {
    color: #e8b342;
}
.announces .iconfont {
    font-size: 32px;
    margin-right: 32px;
}
/*介绍*/
.pages-home-index-features {
    height: 300px;
    padding: 50px 0;
}
.pages-home-index-title {
    font-size: 32px;
    text-align: center;
}
.pages-home-index-desc p{
    text-align: center;
    margin: 5px 250px;
    color: #00000090;
}

/*交易量*/
.statistic {
    height: 260px;
    background: url("../images/statisticbg.png") no-repeat  0;
    background-size: cover;
    display: flex;
}
.statistic .statistic-box{
    /*display: flex;*/
    width: 1200px;
    margin: auto;
}
.statistic h3 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin-bottom: 50px;
}
.statistic ul {
    display: flex;
}
.statistic ul li {
    margin: auto;
}
.statistic .sub-title {
    font-size: 26px;
    color: #fff;
}



.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 3s ease-in forwards;
    /*animation-iteration-count: infinite;*/
    animation-delay: 1s;
}
@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
.description {
    font-family: "Roboto";
    color: #b0b0b0;
    text-align: center;
    margin: 40px 0px;
}