/* 未能缩小。正在返回未缩小的内容。
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-background--'
(150,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-button0--'
(165,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-background--'
(180,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-background--'
(196,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-background--'
(199,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-background--'
(204,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-active-color--'
(207,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-active-background--'
(214,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-OrderInfo--background--'
 */
/* Set padding to keep content from hitting the edges */
/* CSS Document */
:root {
    /*欧龙
    --primary-background--: #90B736;
    --primary-active-background--: #90B736;
    --primary-active-color--: #ffffff;
    --primary-button0--: #0099C5;
    --primary-OrderInfo--background--: #0281A0;
    */
    /*天泓*/
    --primary-background--: #2386EE;
    --primary-active-background--: #1e72cb;
    --primary-active-color--: #ffffff;
    --primary-button0--: #1e72cb;
    --primary-OrderInfo--background--: #303346;
}
@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Light.otf') format('opentype');
}

@font-face {
    font-family: 'SourceHanSansCNTitle';
    src: url('../fonts/SourceHanSansCN-Medium.otf') format('opentype');
    font-size: 22px;
    font-weight: 700;
}

@font-face {
    font-family: 'MontserratBold';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratMedium';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratLight';
    src: url('../fonts/Montserrat-Light.ttf') format('truetype');
}

body {
    background-color: white !important;
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size: 100% auto;
    /* 背景宽度100%，高度自动 */
    -webkit-user-select: text !important; /* Safari */
    -moz-user-select: text !important; /* Firefox */
    -ms-user-select: text !important; /* IE10+/Edge */
    user-select: text !important; /* Standard syntax */
}

/*主区域附加样式*/
.my-mui-content {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    background-color: transparent !important;
}
/*标题栏导航箭头*/
.my-link {
    color: #3C4E69 !important;
}
/*card类型样式*/
.mui-card {
    margin: unset !important; /*取消原来mui内容*/
}

.my-card {
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    background: #FFFFFF !important;
    /*box-shadow: 0px 1px 5px 0px rgba(42, 49, 55, 0.11) !important;*/
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
    color: #3C4E69 !important;
}

    .my-card .my-card-badge-primary {
        color: #ffffff !important;
        background-color: var(--primary-background--) !important;
        font-weight: bold !important;
    }
    .my-card .my-card-ProductTitle {
        color: #4A4A4A !important;
        font-weight: 600;
        font-size: 16px;
    }
    .my-card .my-card-ProductTitle2 {
        color: #4A4A4A !important;
        font-weight: 600;
        font-size: 20px;
    }

/*内页样式*/
.my-mui-card-content-inner {
    padding: 10px !important;
}

.my-mui-card-footer {
    padding: 10px !important;
}
/*标题文字样式*/
.my-title {
    color: white !important;
}

/*顶部内容*/
.my-header {
    width: 100% !important;
    /*height: 135px !important;*/
    opacity: 1 !important;
    background: white !important;
    box-shadow: 0px 6px 10px 0px rgba(29, 29, 29, 0.1) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}

.my-header-logo {
    text-align: left !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}

    .my-header-logo img {
        height: 40px !important;
    }

/*自定义表单样式-------------*/
    .my-form {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/*表单输入框*/
.my-form-input {
    height: 40px !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    width: 100% !important;
}
/*蓝色长按钮*/
.my-form-button0 {
    width: 100%;
    height: 50px !important;
    background: var(--primary-button0--) !important;
    border-radius: 25px !important;
    opacity: 1 !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    line-height: 38px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
/*绿色长按钮*/
.my-form-button1 {
    width: 100%;
    height: 50px !important;
    background: var(--primary-background--) !important;
    border-radius: 25px !important;
    opacity: 1 !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    line-height: 38px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
/*自定义tab央视-------------*/
.mui-segmented-control {
    height: 50px !important;
    opacity: 1 !important;
    background: var(--primary-background--) !important;
    border: none !important;
    font-weight: 500 !important;
    border-radius: 30px !important;
    line-height: 50px !important;
    font-size: 14px;
}

    .mui-segmented-control .mui-control-item {
        border: none !important;
        color: white !important;
        height: 50px !important;
        line-height: 50px !important;
    }

        .mui-segmented-control .mui-control-item.mui-active {
            color: var(--primary-background--) !important;
            font-weight: 600 !important;
            border-radius: 20px !important;
            background: var(--primary-background--) !important;
        }

            .mui-segmented-control .mui-control-item.mui-active span {
                margin: 6px !important;
                color: var(--primary-active-color--) !important;
                font-weight: 600 !important;
                border-radius: 20px !important;
                background: var(--primary-active-background--) !important;
                height: 38px !important;
                line-height: 38px !important;
                display: block !important;
            }

.my-OrderInfo {
    background: var(--primary-OrderInfo--background--) !important;
    padding: 10px !important;
    /* margin-top: 20px !important; */
    /* margin-bottom: 20px !important; */
    width: 100%;
    border-radius: 15px;
    opacity: 1;
    text-align: center;
}

    .my-OrderInfo .my-OrderInfo-Detail {
        background: #FFFFFF;
        margin: 5px !important;
        border-radius: 8px;
        padding: 8px !important;
    }

        .my-OrderInfo .my-OrderInfo-Detail .my-OrderInfo-Detail-Row1 {
            font-size: 16px;
            font-weight: bold;
            line-height: 22px;
            letter-spacing: -0.5px;
            color: #0099C5;
        }

        .my-OrderInfo .my-OrderInfo-Detail .my-OrderInfo-Detail-Row2 {
            font-size: 14px;
            font-weight: bold;
            line-height: 22px;
            letter-spacing: -0.5px;
            color: #1D1D1D;
        }

        .my-OrderInfo .my-OrderInfo-Detail .my-OrderInfo-Detail-Row3 {
            font-size: 14px;
            font-weight: bold;
            line-height: 18px;
            letter-spacing: 0px;
            color: #0C9B16;
        }

    .my-OrderInfo .my-OrderInfo-Input {
        margin: 5px !important;
        background: #FFFFFF;
        padding: 8px !important;
        border-radius: 8px;
        height: 56px !important;
        line-height: 56px !important;
        font-weight: bold;
        color: #1D1D1D;
    }
    .my-OrderInfo .my-OrderInfo-Info {
        margin: 5px !important;
    }

        .my-OrderInfo .my-OrderInfo-Info .my-OrderInfo-Info-Info {
            background: #FFFFFF !important;
            border-radius: 8px;
            height: 40px;
            line-height: 40px;
            font-size: 22px;
            font-weight: bold;
            letter-spacing: 0.1px;
        }

        .my-OrderInfo .my-OrderInfo-Info .my-OrderInfo-Info-Mobile {
            padding: 8px !important;
            color: #FFFFFF !important;
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 0.1px;
            height: 30px;
            line-height: 30px;
        }
        .my-OrderInfo .my-OrderInfo-Info .my-OrderInfo-Info-Notice {
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.1px;
            color: #ffffff;
            text-align: left;
        }

.my-OrderList {
    width: 100%;
    opacity: 1;
    text-align: left;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

    .my-OrderList .my-OrderList-Title {
        color: #003F38 !important;
        height: 20px;
        line-height: 20px;
        font-size: 17px;
        font-weight: bold;
        letter-spacing: 0.1px;
        text-align: left !important;
    }
    .my-OrderList .my-OrderList-Other {
        color: #003F38 !important;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.1px;
        text-align: left !important;
        margin-top:10px;
        margin-bottom: 0px;
    }

.my-form {
    text-align: center !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/*窗口提示*/
.my-form-notice {
    min-height: 100px !important;
    vertical-align: middle !important;
    border-radius: 6px !important;
    opacity: 1 !important;
    background: #FFFFFF !important;
    box-shadow: 0px 1px 5px 0px rgba(42, 49, 55, 0.11) !important;
    color: #3C4E69 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    padding-top: 40px !important;
    padding-bottom: 30px !important;
}
/*红色按钮*/
.my-form-notice-button0 {
    width: 160px !important;
    height: 50px !important;
    border-radius: 6px !important;
    opacity: 1 !important;
    background: #FF7C32 !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    line-height: 38px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
/*蓝色按钮*/
.my-form-notice-button1 {
    width: 160px !important;
    height: 50px !important;
    border-radius: 6px !important;
    opacity: 1 !important;
    background: #2E95DF !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    line-height: 38px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.message {
    background-color: #fff;
    z-index: 99;
    box-shadow: 0px -5px 5px 0px rgba(150, 150, 150, .2);
    border-radius: 30px 30px 0px 0px;
}

    .message.bottom {
        position: fixed;
        bottom: 0;
        left: 0px;
        right: 0px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .message .icon {
        width: 36px;
        height: 36px;
        width: 100%;
        /* float: right;*/
        text-align: right;
        padding: 0;
    }

    .message .content {
        /* padding-left: 55px; */
        font-size: 15px;
        color: #3D3D3D !important;
    }

.icon .mui-icon {
    font-weight: 28px;
    line-height: 42px;
    color: #007AFF;
}

.action {
    text-align: right;
    padding-right: 2px;
    margin-top: 18px;
}