html {
    font-size: 20px;
}
body {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
}
@media only screen and (min-width: 750px) {
    html {
        font-size: 40px !important;
    }
}
@media only screen and (width: 414px) {
    html {
        font-size: 22px !important;
    }
}
@media only screen and (max-width: 414px) {
    html {
        font-size: 20px !important;
    }
}

a{
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
ul, li, ol {
    list-style: none!important;
    margin: 0;
    padding: 0;
}
button, input {
    outline: none;
}

/*布局*/
.display-flex {
    display: flex;
}
.display-flex-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.display-flex-space-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.display-flex-space-evenly {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.display-flex-align-content {
    display: flex;
    align-items: center;
}
.display-flex-space-between {
    display: flex;
    justify-content: space-between;
}
.display-flex-content-end {
    display: flex;
    justify-content: flex-end;
}
.display-flex-align-content-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.flex-wrap{
    flex-wrap: wrap;
}
.white-space-nowrap{
    white-space: nowrap;
}
.display-flex-column{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.display-flex-column-left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.display-flex-column-center{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

/*内边距*/
.padding-6 {
    padding: 0.17rem;
}
.padding-18 {
    padding: 0.5rem;
}
.padding-20 {
    padding: 0.56rem;
}
.padding-24 {
    padding: 0.66rem;
}
.padding-30 {
    padding: 0.83rem;
}
.padding-top-25 {
    padding-top: 0.7rem;
}
.padding-top-30 {
    padding-top: 0.83rem;
}
.padding-bottom-30 {
    padding-bottom: 0.83rem;
}
.padding-top-bottom-10 {
    padding: 0.28rem 0;
}
.padding-top-bottom-20 {
    padding: 0.56rem 0;
}
.padding-top-bottom-22 {
    padding-top: 0.61rem;
    padding-bottom: 0.61rem;
}
.padding-top-bottom-30 {
    padding: 0.83rem 0;
}
.padding-left-right-20 {
    padding: 0 0.55rem;
}

/*外边距*/
.margin-top-10 {
    margin-top: 0.28rem;
}
.margin-top-20 {
    margin-top: 0.56rem!important;
}
.margin-top-25 {
    margin-top: 0.75rem;
}
.margin-top-30 {
    margin-top: 0.83rem;
}
.margin-top-40 {
    margin-top: 1.1rem;
}
.margin-top-72 {
    margin-top: 2rem;
}
.margin-bottom-10 {
    margin-bottom: 0.28rem;
}
.margin-bottom-20 {
    margin-bottom: 0.56rem;
}
.margin-bottom-30 {
    margin-bottom: 0.83rem;
}
.margin-bottom-40 {
    margin-bottom: 1.1rem;
}
.margin-right-30 {
    margin-right: 0.83rem;
}
.margin-left-10 {
    margin-left: 0.28rem;
}
.margin-left-40 {
    margin-left: 1.1rem;
}
.margin-right-10 {
    margin-right: 0.28rem;
}
.margin-text-center{
    margin: 0 auto;
}
.margin-left-right-20{
    margin: 0 0.55rem;
}
.h-100 {
    height: 100%;
}
.w-100 {
    width: 100%;
}
.w-50 {
    width: 50%;
}

/*头部标题*/
.title-bar {
    background-color: #f2f2f2;
    line-height: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow-x: scroll;
}
.scroll {
    overflow: scroll;
}
.title-bar .title-subclass {
    font-size: 0.77rem;
    padding: 0 0.7rem;
    flex-shrink: 0;
}
.title-checked {
    color: #FF4040;
    position: relative;
}
.title-checked:before {
    content: "";
    height: 0.14rem;
    width: 2em;
    background-color: #FF3F40;
    position: absolute;
    bottom: -.06rem;
    left: 50%;
    margin-left: -1em;
}

/*文字*/
.public-style {
    font-family: "Microsoft YaHei";
    font-size: 0.8rem;
    color: #333333;
}
.text-align-center {
    text-align: center;
}
.text-align-left {
    text-align: left;
}
.text-align-right {
    text-align: right;
}
.font-size-14 {
    font-size: 0.38rem;
}
.font-size-18 {
    font-size: 0.5rem;
}
.font-size-20 {
    font-size: 0.55rem;
}
.font-size-22 {
    font-size: 0.6rem;
}
.font-size-24 {
    font-size: 0.65rem;
}
.font-size-26 {
    font-size: 0.72rem;
}
.font-size-28 {
    font-size: 0.77rem;
}
.font-size-30 {
    font-size: 0.83rem;
}
.font-size-32 {
    font-size: 0.88rem;
}
.font-size-36-400 {
    font-size: 1rem;
    font-weight: 400;
}
.font-size-36 {
    font-size: 1rem;
    font-weight: 600;
}
.font-size-48 {
    font-size: 1.33rem;
}

.font-size-55 {
    font-size: 1.5rem;
}
.font-size-60 {
    font-size: 1.8rem;
}
.font-color-white {
    color: white;
}
.font-color-a5a5a5 {
    color: #A5A5A5;
}
.font-color-ff3f3f {
    color: #FF3F3F;
}
.font-color-ff4040 {
    color: #FF4040;
}
.font-color-319cef {
    color: #319CEF;
}
.font-color-656565 {
    color: #656565;
}
.font-color-9a9a9a {
    color: #9a9a9a;
}
.font-color-ff4200 {
    color: #FF4200;
}
.font-color-333333 {
    color: #333333;
}
.font-color-999999 {
    color: #999999;
}
.font-color-eeeeee {
    color: #eeeeee;
}
.font-color-fe8400 {
    color: #FE8400;
}
.font-color-bf0000 {
    color: #BF0000;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-400 {
    font-weight: 400;
}
.font-style-ff4200 {
    color: #FF4200;
}
.font-color-fe9a20{
    color: #FE9A20;
}
.font-color-5da8fd{
    color: #5da8fd;
}
.font-color-cccccc{
    color: #cccccc;
}
.font-color-666666{
    color: #666666;
}
.font-color-757575{
    color: #757575;
}
.font-color-ff9044{
    color: #FF9044;
}
.line-height-38 {
    line-height: 1.05rem;
}
.text-show-row-1 {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.word-break{
    word-break: break-all;
}
.font-family-style{
    font-family: PingFang SC;
}
.line-height-1{
    line-height: 1rem;
}
.line-height-1-5{
    line-height: 1.5rem;
}
.line-height-2{
    line-height: 2rem;
}
.line-height-2-5{
    line-height: 2.5rem!important;
}


/*图片*/
.img-100 {
    width: 100%;
    height: 100%;
}
.img-max-100 {
    max-width: 100%;
    max-height: 100%;
}
.img-height-22 {
    height: 0.61rem;
}
.img-height-24 {
    height: 0.67rem;
}
.img-height-41 {
    height: 1.14rem;
}
.img-height-45 {
    height: 1.25rem;
}
.img-height-49 {
    height: 1.36rem;
}
.img-height-86 {
    height: 2.4rem;
}

/*圆角*/
.border-radius-5 {
    border-radius: 0.14rem;
}
.border-radius-20 {
    border-radius: 0.56rem;
}
.border-radius-24 {
    border-radius: 0.56rem;
}
.border-radius-top-20 {
    border-radius: 0.56rem 0.56rem 0 0;
}

/*元素样式*/
.background-color-white {
    background-color: #FFFFFF;
}
.background-color-ff4040 {
    background-color: #ff4040;
}
.background-color-ff3f3f {
    background-color: #FF3F3F;
}
.background-color-f6f6f6 {
    background-color: #F6F6F6;
}
.background-color-ff4200 {
    background-color: #ff4200;
}
.background-color-5da8fd {
    background-color: #5da8fd;
}

.background-color-ff4949 {
    background-color: #ff4949;
}
.background-color-f5f5f5 {
    background-color: #F5F5F5;
}

.background-color-999999 {
    background-color: #999999!important;
}
.background-color-f2f2f2 {
    background-color: #f2f2f2;
}
.overflow-hidden {
    overflow: hidden;
}
.cursor-style{
    cursor: pointer;
}
.no-cursor-style{
    cursor: no-drop!important;
    background: #999999!important;
}
.no-click{
    cursor: no-drop!important;
}

/*边框线*/
.border-dddddd-1 {
    border: 0.03rem #DDDDDD solid;
}
.border-top-dddddd-1 {
    border-top: 0.03rem #DDDDDD solid;
}
.border-bottom-dddddd-1 {
    border-bottom: 0.03rem #DDDDDD solid;
}

/*按钮*/
.button-ff3f3f-full-screen {
    width: 100%;
    background-color: #FF3F3F;
    color: white;
    border-radius: 0.56rem;
    font-size: 0.83rem;
    font-weight: 600;
    line-height: 2rem;
    border: none;
    text-align: center;
}
.isDark{
    z-index: 3;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
    opacity: 0.49;
}
.position-relative{
    position: relative;
}
.position-absolute{
    position: absolute;
}
.width-25p{
    width: 25%;
}
.width-33p{
    width: 33%;
}
.width-49p{
    width: 49%;
}
.width-99{
    width: 99%;
}

.font-black-666 {
    color: #666;
}
.font-gray {
    color: #bfbfbf;
}