.product-list{padding: 75px 0}
.product-box{width: 100%}
h1{font-size: 20px;font-weight: bold;}
h2{font-size: 18px;font-weight: bold;}
h3{font-size: 16px;font-weight: 600;}
::-webkit-input-placeholder{color: #999}
body{background-color:#F2F3F5;}
.layui-nav .layui-nav-child a:hover { color: #5FB878;}
.title{margin:20px auto;text-align: center;}
.time{margin:0 auto;text-align: center;}
.layui-container {padding:0;}
.layui-card-body {padding:5px;}/*表格距离两边*/
.topad{margin:10px auto 0;text-align:center;}
.topad img{max-width:100%;}
.layui-btn-container{padding-top:10px;}
.container{width: 1480px !important;}
#usdimg{width:25px;height:25px;vertical-align: middle;}

.jia{font-size:1.5rem;font-weight:700;line-height:2;}
.fd{font-size:.875rem;font-weight:600;}
.xin{font-size:.875rem;font-weight:600;}
.gao{font-size:.875rem;font-weight:600;color:#104E8B;}

@media (max-width: 768px) {
    .container{width: 100% !important;}
    .topad img{max-width:99%;}
    .product-list{padding: 65px 0 15px 0 !important;}
    .shadow {
        padding: 0 10px 10px 10px !important;
    }
    .header-width{width:auto!important;}
    .nav-child-me{left: auto; right: 2px; text-align: center;}/*下拉菜单靠边问题解决*/
}

#rmbprice,#usdprice{
    font-size:16px;
    font-weight: normal;

}
.red {color: #fe0100;}
.blue{color: #26b6b0;}
i{color:#ddd;}

.datetime{color:#c2c2c2;font-size:12px;}

.layui-card-body p{text-indent:2em;}
.layui-card{box-shadow: none !important;}
.layui-table th {
    text-align:center;/** 设置水平方向居中 */
}
.layui-tab-title li {min-width:35px;}
.layui-timeline-item {
    padding-bottom: 10px;
}
.layui-timeline-item a:hover {
    color:#ff0000;
}
/*按钮最低宽度*/
.layui-btn-sm{min-width: 60px;}
@media (max-width: 768px){
    .layui-btn-container{text-align:center;}
    .layui-tab .layui-tab-title li{min-width: 40px;padding: 0 8px;}
}

table img{width:30px;height:30px;vertical-align: middle;}
.layui-table {border-width:0 !important;}
.layui-table td,.layui-table th {padding:5px;color:#141414;}
.layui-table th{text-align:right;height:35px;line-height:35px;}
.layui-table th:nth-child(1){text-align:center;}
.layui-table th:nth-child(2){text-align:left;}
.layui-table th:nth-child(3){text-align:right;}
.layui-card-body {padding:0px;}
.bg-asc-color {background-color: #02b36d;}
.bg-dec-color {background-color: #f75151;}
.layui-btn{min-width:58px;}

.layui-table thead tr{background-color:#FFFFFF;}
.layui-table thead tr th{color:#828282;}
.layui-table a:hover{color:#4D8DEB;}
.layui-form-item{float:left;margin:5px 0 0 5px;}
.layui-btn-group{float:right;margin:8px 5px 0 0;}
.page{width:99%;text-align:center;padding:5px 0 10px 0;vertical-align: middle;font-size: 0;background-color:#fff;}
.page a{margin-left: 0!important; margin-right: 0!important;border-left: 1px solid rgba(255,255,255,.5);border-radius: 0;}
.page .layui-btn{min-width:35px!important}
input:focus{
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
/*价格变动 带动 颜色变化*/

.text_tick{font-weight:700;font-family: Roboto-medium,Roboto,PingFangSC-Medium,Microsoft YaHei!important;padding-right:18px!important}

.text_tick_redMov{-webkit-animation:go_red .8s linear 0s 1;animation:go_red .8s linear 0s 1}
.text_tick_greenMov{-webkit-animation:go_green .8s linear 0s 1;animation:go_green .8s linear 0s 1}

@-webkit-keyframes go_arrow_mov{0%{opacity:1}70%{opacity:.8}to{opacity:0}}
@keyframes go_arrow_mov{0%{opacity:1}70%{opacity:.8}to{opacity:0}}

@-webkit-keyframes go_green{0%{background-color:rgba(0,133,85,0)}50%{background-color:rgba(0,133,85,.18)}to{background-color:rgba(0,133,85,0)}}
@keyframes go_green{0%{background-color:rgba(0,133,85,0)}50%{background-color:rgba(0,133,85,.18)}to{background-color:rgba(0,133,85,0)}}

@-webkit-keyframes go_red{0%{background-color:rgba(214,15,42,0)}50%{background-color:rgba(214,15,42,.18)}to{background-color:rgba(214,15,42,0)}}
@keyframes go_red{0%{background-color:rgba(214,15,42,0)}50%{background-color:rgba(214,15,42,.18)}to{background-color:rgba(214,15,42,0)}}

/*人民币价格字体大小*/
.xiaozi{font-size:0.8em;font-weight:normal!important;color:#858a90;display:block;}

/*最高及最低出现时间*/
.littledate{font-size:0.8em;font-weight:normal!important;color:#858a90;}

@media (max-width: 768px){
    .ellipsis {
        max-width: 120px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

/* 白色背景 */
.bgfff {
    background: #fff;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-align-start {
    align-items: flex-start;
}

.flex-align-end {
    align-items: flex-end;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-end {
    justify-content: flex-end;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-no-shrink {
    flex-shrink: 0;
}

.flex-warp {
    flex-flow: wrap
}

.flex-column {
    flex-flow: column
}