import styled from 'styled-components'
import {rem} from '../style/function.style'

export const TitleContainer  = styled.div`
    .title-wrap{
        font-family: PingFangSC-Medium;
        padding: ${rem(40)} 0;
        text-align: center;
    }
    .line{
        display: inline-block;
        position: relative;
        top: -${rem(10)};
        width:${rem(32)};
        height:${rem(2)};
        background: #D8D8D8;
        border-radius: 1px;
        -webkit-border-radius: 1px;
    }
    .title-content{
        padding: 0 ${rem(24)};
        font-size: ${rem(32)};
        line-height: ${rem(45)};
    }
`