@import "common.css";

/* 1px */
.line_1px{
    border-bottom: 1px solid #e8e8e8;  
    box-shadow: 0 1px 1px #fff;
}
.notice_card{
    padding-left: .256rem;
    margin-bottom: .1706rem;
    background-color: #fff;
}
.notice_card h3{
    height: .6143rem;
    line-height: .6143rem;
    font-size: .256rem;
    color: #c00000;
}
.notice_card h3::before{
    content: '';
    display: inline-block;
    position: relative;
    top: -1px;
    height: .256rem;
    width: 3px;
    vertical-align: middle;
    background-color: #ef2c2c;
    margin-right: .1706rem;
}
.notice_card h3 a{
    font-size: .2048rem;
    float: right;
    color: #999;
    margin-right: .256rem;
    font-size: .2218rem;
}
/* maybe common */
.notice_card ul{
    padding-bottom: .256rem;
    font-size: .2389rem;
}
.notice_card ul li{
    display: -webkit-flex;
    display: flex;
    margin-right: .256rem;
    height: .8532rem;
    line-height: .8532rem;
}
.notice_card ul li span:nth-child(1){
    width: 72%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #222222;
}
.notice_card ul li span:nth-child(2){
    width: 28%;
    text-align: right;
    color: #666666;
}
/* tips 风险提示 */
.tips{
    line-height: 1.8;
    margin: 0 .256rem .1706rem 0;
    font-size: .2389rem;
}
.tips .tips_title{
    font-weight: 500;
    color: #000;
}
.tips .tips_content{
    color: #222222;
    padding-bottom: .3413rem;
}
/* 产品 */
.produce{
    position: relative;
    background-color: #fff;
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling:touch;
}
.produce .tab{
    height: .7509rem;
    line-height: .7509rem;
    background-color: #f7f7f7;
    font-size: .2389rem;
    color: #666666;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
}
.produce .tab .tab_item{
    width: 1.3652rem;
    padding: 0 .2048rem;
}
.tab .tab_item.active{
    color: #c00000;
}
.produce_title{
    width: 100%;
    display: -webkit-flex;
    display: flex;
    height: .5119rem;
    line-height: .5119rem;
    color: #999;
    font-size: .2048rem;
    position: relative;
}
.produce_title span:nth-child(1){
    width: 22.8%;
    text-align: center;
}
.produce_title span:nth-child(2){
    width: 31.2%;
    text-align: center;
}
.produce_title span:nth-child(3){
    width: 46%;
    text-align: center;
}
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){
    .produce_title::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #e9e9e9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
.produce_table{
    width: 100%;
    padding-bottom: 1.314rem;
}
.produce_table .produce_item{
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: .6826rem;
    line-height: .6826rem;
    font-size: .2218rem;
    color: #333333;
    list-style: none;
}
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){
    .produce_item::after{
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        border-bottom: 1px solid #e9e9e9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 96%;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
.produce_item span:nth-child(1){
    width: 22.8%;
    text-align: center;
}
.produce_item span:nth-child(2){
    width: 31.2%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.produce_item span:nth-child(3){
    width: 46%;
    text-align: center;
}
.more{
    font-size: .2048rem;
    width: 2.5597rem;
    height: .5119rem;
    border: 1px solid #999999;
    border-radius: .256rem;
    position: absolute;
    left: 50%;
    bottom: .4266rem;
    background-color: #fff;
    outline: none;
    color: #999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}