﻿.stock1
{
    padding-top: .74rem;
    padding-bottom: .35rem;
}
.stock1 .title
{
    font-size: .4rem;
    font-weight: bold;
    color: #333;
    line-height: .4rem;
    text-align: center;
    margin-top: .65rem;
}
.stock2
{
    padding-top: 1.01rem;
    padding-bottom: 1rem;
    background: #f5f6f8;
}
.stock2 .list_flex .hover_box .flex_box1
{
    flex: 0 0 1.88rem;
    border-right: .01rem solid rgba(204,204,204,1);
}
.stock2 .hover_box .flex_box2
{
    padding-right: .52rem;
    padding-left: .3rem;
    flex: 0 0 12.12rem;
    max-width: 12.12rem;
}
.stock2 .list_flex .item
{
    flex: 0 0 100%;
    background-color: #fff;
    box-shadow: 0 0 .1rem .01rem rgba(67,40,133,.1);
    height: 1.8rem;
}
.stock2 .list_flex .item+.item
{
    margin-top: .4rem;
}
.stock2 .main
{
    max-width: 14rem;
}
.stock2 .list_flex .date
{
    font-size: .8rem;
    font-weight: 900;
    color: rgba(153,153,153,1);
    line-height: .8rem;
    text-align: center;
    font-family: Arial,Arial;
    transition: var(--tran_03);
}
.stock2 .list_flex .year
{
    font-size: .2rem;
    font-weight: 900;
    color: rgba(153,153,153,1);
    text-align: center;
    font-family: Arial,Arial;
    transition: var(--tran_03);
}
.stock2 .list_flex .title
{
    font-size: .2rem;
    font-weight: bold;
    color: #333;
    line-height: .34rem;
    margin-bottom: .2rem;
}
.stock2 hr
{
    border: none;
    height: .03rem;
    width: .8rem;
    background: #005bab;
    border-radius: .03rem .03rem .03rem .03rem;
}
.stock2 .list_flex .des
{
    margin-top: .2rem;
    font-size: .16rem;
    color: #666;
    line-height: .3rem;
}
.stock2 .list_flex .hover_box:hover .date, .stock2 .list_flex .hover_box:hover .year
{
    color: var(--c);
}
