@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

button,
img,
input,
select,
textarea {
    vertical-align: middle;
    outline: 0;
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body,
html {
    min-height: 100%
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*, :after, :before {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-size: 0.24rem;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    overflow-x: hidden;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background: #EFF0F4FF;
}

:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}

a {
    text-decoration: none;
    color: #999999;
}

em,
i {
    font-style: normal;
    font-weight: 500
}

li,
ol,
ul {
    list-style: none
}

img {
    font-size: 0;
    line-height: 0;
    border: 0;
    vertical-align: middle
}

* {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

input[type=button] {
    -webkit-appearance: none
}

::-webkit-scrollbar {
    display: none;
}

.main {
    margin: 0 auto;
    max-width: 7.5rem;
    width: 100%;
}

/* 左侧菜单和顶部固定头样式开始 */
.header-item {
    top: 0;
    z-index: 9;
    max-width: 7.5rem;
    width: 100%;
    height: 1rem;
    background: #FFFFFF;
    box-shadow: 0 0.08rem 0.14rem 0 #DADDE6;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.32rem;
    font-weight: 400;
    color: #121F3E;
}

.left_nav,.right_nav {
    width: 0.88rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_nav img {
    width: 0.4rem;
    height: 0.4rem;
}

.appname {
    padding: 0.28rem 0 0.1rem 0;
    font-size: 0.32rem;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
}

.channel_info {
    flex-grow: 1;
    text-align: center;
}

.right_nav_item_bg {
    /*background: rgba(0, 0, 0, 0.4);*/
    position: fixed;
    top: 1rem;
    height: 100%;
    max-width: 7.5rem;
    width: 100%;
    z-index: 9;
}

.triangle-sign {
    margin-top: -0.22rem;
    right: 0.24rem;
    position: absolute;
}

.triangle-sign img {
    width: 0.42rem;
    height: 0.14rem;
}

.right_nav_item {
    right: 0.24rem;
    position: absolute;
    width: 2.8rem;
    /*height: 2.52rem;*/
    background: #086880;
    z-index: 10;
}

.right_nav_item li {
    position: relative;
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 0.01rem solid #1F2E54;
    text-align: left;
}

.right_nav_item li img {
    margin-left: 0.25rem;
    width: 0.32rem;
    height: 0.32rem;
}

.right_nav_item li span {
    margin-left: 0.23rem;
    font-size: 0.28rem;
    font-weight: 400;
    color: #FFFFFF;
}

.right_nav_item a {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    display: inline-block;
}

.left-menu {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    height: 100%;
    max-width: 7.5rem;
    width: 100%;
    z-index: 9;
    display: flex;
}

.menu-scroll {
    width: 3rem;
    position: relative;
    height: 100%;
    overflow-x: hidden;
    background: #086880;
}

.left-top {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 3rem;
    height: 1rem;
    background: #086880;
    z-index: 2;
}

.item-icon {
    padding-left: 0.24rem;
    width: 0.6rem;
    height: 0.6rem;
}

.item-icon img {
    width: 100%;
    height: 100%;
}

.item-title {
    flex: 1;
    /*margin-left: 0.24rem;*/
    font-size: 0.32rem;
    font-weight: 400;
    color: #333333;
}

.icon-shrink-left {
    line-height: 1rem;
    width: 0.64rem;
    text-align: left;
}

.icon-shrink-left img {
    width: 0.4rem;
    height: 0.4rem;
}

.bg-mask {
    width: 4.5rem;
    text-align: right;
    height: 100%;
}

.nav-tree {
    top: 1rem;
    width: 3rem;
    position: absolute;
    padding-bottom: 0.3rem;
}

.nav-item {
    width: 100%;
    background: #064e60;
    margin-top: 0.2rem;
}

.nav-item a {
    height: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.nav-icon {
    margin-left: 0.36rem;
    width: 0.32rem;
    height: 0.32rem;
}

.nav-icon img {
    width: 100%;
    height: 100%;
}

.nav-title {
    flex: 1;
    margin-left: 0.24rem;
    font-size: 0.28rem;
    font-weight: 400;
    color: #FFFFFF;
}

.nav-more {
    margin-right: 0.24rem;
    width: 0.28rem;
    height: 0.28rem;
    border: none;
    background: url(./images/menu_down.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.nav-item .up {
    background: url(./images/menu_up.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.nav-child {
    position: relative;
    z-index: 0;
    top: 0;
    border: none;
    box-shadow: none;
    left: 0;
    min-width: 100%;
    background-color: #064e60;
    white-space: nowrap;
}

.nav-child dd span {
    padding-left: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.24rem;
    font-weight: 400;
    color: #FFFFFF;
    text-align: left;
}

.nav-child dd {
    position: relative;
}

.nav-child .new_blank {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    display: inline-block;
}

.dd-select span, .li-select {
    display: flex;
    align-items: center;
    color: #FFFFFF !important;
}

.dd-select span::before {
    content: "";
    position: absolute;
    left: 0.46rem;
    width: 0.1rem;
    height: 0.1rem;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.no_data {
    padding: 0.2rem 0;
    line-height: 0.36rem;
    text-align: center;
    font-size: 0.28rem;
    font-weight: 500;
    color: #666666;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_nav {
    display: flex;
    width: 7.5rem;
    position: fixed;
    bottom: 0;
    height: 0.98rem;
    background-image: url(./images/tab_bg.png);
    background-size: contain;
    background-repeat: round;
    justify-content: center;
    text-align: center;
    align-items: center;
    z-index: 999;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}

.footer_nav_fix {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #FFFFFF;
    height: 0;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom);
    z-index: 999;
}

.footer_nav .nav_item {
    flex: 0 0 20%;
    height: 0.98rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.footer_nav .nav_item img {
    margin-top: 0.15rem;
    width: 0.4rem;
    height: 0.4rem;
}

.footer_nav .nav_title {
    margin-top: 0.05rem;
    font-size: 0.24rem;
    font-weight: 500;
    text-align: center;
    color: #745534;
}

.footer_nav .select_color {
    color: #ae0404;
}

/*搜索下拉*/
.autocomplete {
    position: relative;
    font-size: 0.24rem;
}

.autocomplete ul,
.autocomplete li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.autocomplete .autocomplete-list {
    position: absolute;
    width: 100%;
    margin-top: 0.02rem;
    list-style: none;
    background: #ffffff;
    color: #4C4C4C;
    z-index: 2;
}

.autocomplete .autocomplete-item {
    border-bottom: 0.01rem solid #E1E2E6;
    border-left: 0.01rem solid #E1E2E6;
    border-right: 0.01rem solid #E1E2E6;
    cursor: pointer;
    display: block;
    padding: 0 0.1rem;
    width: 100%;
    line-height: 0.6rem;
    text-transform: capitalize;
    font-size: 0.24rem;
    font-weight: 400;
    color: #666666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.autocomplete-item:hover {
    background-color: #dddddd;
}

.list_end_container {
    padding: 0.25rem 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 0.2rem;
    color: #666666;
    text-align: center;
}

.list_end_container img {
    width: 0.9rem;
    padding: 0 0.1rem;
}

.overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.no_data_container {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}

.no_data_container div {
    flex: 0 0 100%;
}

.no_data_container img {
    width: 3.75rem;
}

.no_data_container .no_data_txt {
    font-size: 0.26rem;
    line-height: 300%;
    color: #666666;
}

.webclip_setup_warp {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    display: none;
}

.webclip_setup_warp .webclip_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.webclip_setup_warp .webclip_ctx {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #FFFFFF;
    padding: 0 0.5rem;
}

.webclip_setup_warp .webclip_ctx div {
    flex: 0 0 100%;
}

.webclip_setup_warp .webclip_title {
    font-size: 0.42rem;
    font-weight: 700;
    padding-bottom: 0.3rem;
}

.webclip_setup_warp .webclip_des {
    font-size: 0.28rem;
    padding-bottom: 0.3rem;
    text-align: center;
}

.webclip_setup_warp .webclip_btn {
    text-align: center;
}

.webclip_setup_warp button {
    background-image: -webkit-gradient(linear, left top, right top, from(#00AF66), to(#98e5bf));
    background-image: -webkit-linear-gradient(left, #00AF66, #98e5bf);
    background-image: linear-gradient(90deg, #00AF66, #98e5bf);
    width: 2.6rem;
    height: .888933rem;
    color: #fff;
    font-size: .333333rem;
    border: none;
}

.turn {
    animation: turn 1s linear infinite;
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

/*导航菜单*/
/*.menu_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-width: 7.5rem;
    z-index: 999;
    background: #FFFFFF;
    color: #121F3E;
}*/

.menu_container {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    max-width: 7.5rem;
    min-height: 100vh;
    background: #FFFFFF;
    color: #121F3E;
}

.menu_header {
    width: 100%;
    height: 1rem;
    font-size: 0.32rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #086880;
}

.menu_header .tg_appname {
    flex-grow: 1;
    text-align: center;
}

.menu_content {
    border-top: solid 1px #fefefe;
    padding: 0.25rem;
}

.menu_content .section {
    margin-bottom: 0.3rem;
    line-height: 0.7rem;
}

.main_menu {
    font-weight: bold;
    font-size: 0.3rem
}

.submenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0.3rem;
    font-size: 0.26rem
}

.submenu, .submenu a {
    color: #444444;
}

.submenu .submenu_item {
    flex: 0 0 33.3%;
}

.main_menu_title, .submenu_title {
    padding-left: 0.05rem;
}

/* 左侧菜单滑动动画 */
.hidden {
    display: none !important;
}

.animation-show {
    animation: show 0.3s;
    -moz-animation: show 0.3s;
    /* Firefox */
    -webkit-animation: show 0.3s;
    /* Safari 和 Chrome */
    -o-animation: show 0.3s;
    /* Opera */
    left: 0;

}

.animation-hidden {
    animation: hidden 0.3s;
    left: 100%;
    -moz-animation: hidden 0.3s;
    /* Firefox */
    -webkit-animation: hidden 0.3s;
    /* Safari 和 Chrome */
    -o-animation: hidden 0.3s;
    /* Opera */
}

@keyframes show {
    from {
        left: 100%;
    }

    to {
        left: 0;
    }
}

@-moz-keyframes show

    /* Firefox */
{
    from {
        left: 100%;
    }

    to {
        left: 0;
    }
}

@-webkit-keyframes show

    /* Safari 和 Chrome */
{
    from {
        left: 100%;
    }

    to {
        left: 0;
    }
}

@-o-keyframes show

    /* Opera */
{
    from {
        left: 100%;
    }

    to {
        left: 0;
    }
}

@keyframes hidden {
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}

@-moz-keyframes hidden {

    /* Firefox */
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}

@-webkit-keyframes hidden

    /* Safari 和 Chrome */
{
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}

@-o-keyframes hidden

    /* Opera */
{
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}