@import  'app/style/default.scss';

#SingleViewIndex{
    background-color: #f6f6f6;
    height: 100%;
    position: relative;
    top: -45px;
    .extend-header{
        padding: 0 pxToRem(20);
        font-size: pxToRem(26);
        color: #222222;
        overflow: hidden;
        display: block;
        label{
            line-height: pxToRem(90);
            display: inline-block;
        }
        img{
            width: pxToRem(36);
            height: pxToRem(36);
            position: relative;
            top: pxToRem(10);
            margin-right: pxToRem(20);
        }
        .more-icon{
            float: right;
            position: relative;
            top: pxToRem(27);
        }
    }
    #PriceList{
        padding: 0;
        margin-top: 0;
        background: $price-list-bg-color;
        padding:0 pxToRem(30) 0 pxToRem(30);
        .li-border{
            &:after{
                position: absolute;
                bottom: 0;
                left: pxToRem(1);
                right: 0;
                height: 1px;
                background: #eaeaea;
                content: '';
                -webkit-transform: scaleY(.5);
                        transform: scaleY(.5);
            }
        }
        li{
            position: relative;
            overflow: hidden;
            padding: pxToRem(10) 0;
            // border-bottom: 1px solid #d8d8d8;
            .coin-cp{
                width: 33%;
                // position: absolute;
                font-size: pxToRem(30);
                float: left;
                line-height: pxToRem(40);
                overflow: hidden;
                .chineseName,.englishName{
                    display: inline-block;
                    width: 100%;
                    // height: pxToRem(50);
                    float: left;
                }
                .chineseName{
                    color: $price-currency-color;
                    position: relative;
                }
                .englishName{
                    color: #999999;
                    font-size: pxToRem(26);
                }
            }
            .sell-price, .buy-price{
                color: $price-primary-color;
                width: 32%;
                height: pxToRem(75);
                text-align: center;
                font-size: pxToRem(45);
                span{
                    height: pxToRem(75);
                    line-height: pxToRem(75);
                }       
            }
            .sell-price{
                float: left;
            }
            .buy-price{
                float: right;
            }
            .up{
                background-color: $white;
                span{
                    color: $price-bg-up;
                }
            }
            .down{
                background-color: $white;
                span{
                    color: $price-bg-down;
                }
            }        
        }
    }
}
