body {
    margin: 0;
    font-family:"Microsoft YaHei","Arimo","helvetica Neue","Helvetica,Arial,sans-serif" !important;
}
div,a,h1,h2,h3,h4,h5,h6,span,p,i,canvas{
    font-family:"Microsoft YaHei","Arimo","helvetica Neue","Helvetica,Arial,sans-serif";
}

a {
    text-decoration: none;
    color: #fff;
}
.classification a{
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.el-table .warning-row {
    background: oldlace;
}
.margin_center{
    width: 80%;
    margin: auto;
}
.margin_bck{
    width: 80%;
    margin: 1.875rem auto;
	/* margin-top: -3.7rem; */
}
.ba_rad{
    background: radial-gradient( at center, #0075c3, #000b61 );
    padding-bottom: 1.875rem;
}
.ba_ind{
    position: relative;
    z-index: 9;
}
#particles-js {
	width: 100%;
	height: 100%;
    z-index: 1;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.dis_box {
    display: flex;
}

.tab {
    width: 100%;
    background: #000;
    color: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
}

.tab_box {
    width: 80%;
    margin: auto;
}

.tab_logo {
    flex: 1;
    vertical-align: middle
}

.tab_logo img {
    width: 70%;
    margin-top: 0.5625rem;
}

.tab_left {
    display: flex;
    width: 100%;
    flex: 3;
}

.classification {
    display: flex;
    flex: 4;
    font-size: 20px;
    font-weight: bold;
}

.classification div {
    flex: 1;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.classification div:hover {
    background: #409EFF;
}

.select {
    background: #409EFF;
}

.tab_right {
    flex: 1;
}

.tab_right img {
    width: 60%;
    float: right;
    margin-top: .5625rem;
}
.flex_box{
    flex: 1;
}
.information {
    width: 100%;
    background: #000;
    position: absolute;
    z-index: 9;
}

.information_box {
    width: 80%;
    margin: auto;
    color: #fff;
    font-size: .875rem;
}

.logo_name {
    align-items: center;
    flex: 2;
}

.logo_name img {
    width: 5.625rem;
}

.contact {
    flex: 1;
    display: flex;
    align-items: center;
}
.contact_ju{
    justify-content: flex-end;
}

.information_top {
    padding-top: 1.875rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px #353333 solid;
}

.bootom_name {
    margin-top: .625rem;
}

.felx1 {
    flex: 1;
}

.copyright {
    text-align: right;
    margin-top: .625rem;
}

.information_bootm {
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
}
.ba_rgb{
    background-color: rgba(0,0,0,0.3);
    padding: 1.875rem;
}
.el-pagination__total,.el-pagination__jump{
    color: #fff !important;
}
.pagin_box{
    text-align: center;
    margin: 1.25rem 0;
}
.fz_22{
    font-size: 1.375rem;
}
.name-wrapper a{
    color: #409EFF;
}
.tab_logo img{
    width: 16.4375rem;
    height: 3.625rem;
}
.text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
}
.articles_title{
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi{
    width: 1.875rem;
    height: 1.875rem;
    margin: 1.25rem;
    float: left;
}
.multi img{
    width: 100%;
    height: 100%;
}
.waptab{
    display: flex;
	/* position: fixed; */
	/* top: 0; */
	/* left: 0; */
    align-items: center;
    width: 100%;
    background: #000;
    position: relative;
    z-index: 9;
}
.wap_logo{
    flex: 1;
    text-align: center;
}
.wap_logo img{
    width: 12.5rem;
}
.wap_tab{
    padding: 1.25rem;
    color: #fff;
}
.herbs_content {
    padding-top: 1.25rem;
}
.bot_tc{
    text-align: center;
}
.describe_name{
    padding: 10px;
    text-align: right;
    border: 1px solid #EBEEF5;
    background: #fafafa;
    width: 50%;
    word-wrap: break-word;
    word-break:break-all;
    color: #909399;
}
.describe_na{
    width: 50%;
    padding: 10px;
    border: 1px solid #EBEEF5;
    background: #fff;
    color: #606266;
    word-wrap: break-word;
    word-break:break-all;
}
.function_but{
    position: fixed;
    right: 1.25rem;
    bottom: 10%;
    z-index: 99999999999;
}
.function_icon{
    width: 4rem;
    height: 4rem;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 1.875rem;
    margin-bottom: 1.25rem;
}
.icon-180{
    transform:rotate(180deg);
}
.descr_box {
    max-height: 31.25rem;
    overflow: auto;
}

.reduction_but {
    text-align: right;
    display: flex;
    align-items: center;
}
.table_text{
    color: #000;
    font-size: 1rem;
}
.targets_bac{
    background-color: #91CC75;
}
.ingredients_bac{
    background-color: #409EFF;
}
.herbs_bac{
    background-color: #EE6666;
}
.diseases_bac{
    background-color: #FAC858;
}
.lengend_box{
    width: 2.8125rem;
    height: 1.5625rem;
    border-radius: .375rem;
    margin: 0 .625rem;
}
.dis-y-flex{
    align-items: center;
}
.t-c{
    text-align: center;
}
.length_mar{
    margin-bottom:10px;
    }