@import './_minxin.scss';
/*左右边距常用样式*/
.padding-hor {
    padding: 0 var(--cty-padding-hor);
}
.padding-hor_left {
    padding-left: var(--cty-padding-hor);
}
.padding-hor_right {
    padding-left: var(--cty-padding-hor);
}
/*宽高度常用样式*/
.cty-w100{
    @include width(100%);
}
.cty-w90{
    @include width(90%);
}
.cty-w80{
    @include width(80%);
}
.cty-w70{
    @include width(70%);
}
.cty-w60{
    @include width(60%);
}
.cty-w50{
    @include width(50%);
}
.cty-w33{
    @include width(calc(100% / 3));
}
.cty-w25{
    @include width(25%);
}
.cty-w20{
    @include width(20%);
}
.cty-h100{
    @include height(100%);
}
.cty-h50{
    @include height(50%);
}
.cty-vw100{
    @include width(100vw);
}
.cty-vw80{
    @include width(80vw);
}
.cty-vw50{
    @include width(50vw);
}
.cty-vw25{
    @include width(25vw);
}
.cty-vw20{
    @include width(20vw);
}
.cty-vh100{
    @include height(100vh);
}
.cty-vh50{
    @include height(50vh);
}
/*定位常用样式*/
.cty-pos-rel{
    @include position(relative);
}
.cty-pos-abs{
    @include position(absolute);
}
.cty-pos-fix{
    @include position(fixed);
}
.cty-pos-sti{
    @include position(sticky);
}
.cty-pos-l-t{
    @include position(absolute);
    left: 0;
    top: 0;
}
.cty-pos-l-b{
    @include position(absolute);
    left: 0;
    bottom: 0;
}
.cty-pos-r-t{
    @include position(absolute);
    right: 0;
    top: 0;
}
.cty-pos-r-b{
    @include position(absolute);
    right: 0;
    bottom: 0;
}
.cty-pos-100{
    @include position(absolute);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cty-pos-w100{
    @include position(absolute);
    left: 0;
    width: 100%;
}
.cty-pos-h100{
    @include position(absolute);
    top: 0;
    height: 100%;
}
.cty-pos-c{
    @include position(absolute);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.cty-pos-c-x{
    @include position(absolute);
    left: 50%;
    transform: translateX(-50%);
}
.cty-pos-c-y{
    @include position(absolute);
    top: 50%;
    transform: translateY(-50%);
}
/*图片常用样式*/
.cty-img-b{
    display: block;
}
.cty-img-b100{
    display: block;
    width: 100%;
}
/*溢出常用样式*/
.cty-over-h{
    overflow: hidden;
}
.cty-over-a{
    overflow: auto;
}
.cty-over-s{
    overflow: scroll;
}
.cty-over-x{
    overflow-x: auto;
}
.cty-over-y{
    overflow-y: auto;
}
/*字体对齐常用样式*/
.cty-ft-l{
    text-align: left;
}
.cty-ft-c{
    text-align: center;
}
.cty-ft-r{
    text-align: right;
}
/*字体加粗常用样式*/
.cty-fw300{
    font-weight: 300;
}
.cty-fw400{
    font-weight: 400;
}
.cty-fw500{
    font-weight: 500;
}
.cty-fw600{
    font-weight: 600;
}
.cty-fw700{
    font-weight: 700;
}
.cty-fw800{
    font-weight: 800;
}
/*块级居中常用样式*/
.cty-m-c{
    margin: 0 auto;
}