
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'),local('Roboto-Thin'),local('sans-serif-thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2)format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'),local('Roboto-Thin'),local('sans-serif-thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2)format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'),local('Roboto-Thin'),local('sans-serif-thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2)format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'),local('Roboto-Thin'),local('sans-serif-thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2)format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'),local('Roboto-Thin'),local('sans-serif-thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2)format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'),local('Roboto-Thin'),local('sans-serif-thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2)format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'),local('Roboto-Thin'),local('sans-serif-thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2)format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),local('Roboto-Light'),local('sans-serif-light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),local('Roboto-Light'),local('sans-serif-light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),local('Roboto-Light'),local('sans-serif-light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),local('Roboto-Light'),local('sans-serif-light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),local('Roboto-Light'),local('sans-serif-light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),local('Roboto-Light'),local('sans-serif-light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),local('Roboto-Light'),local('sans-serif-light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2)format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'),local('Roboto-Regular'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2)format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'),local('Roboto-Regular'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2)format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'),local('Roboto-Regular'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2)format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'),local('Roboto-Regular'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2)format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'),local('Roboto-Regular'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2)format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'),local('Roboto-Regular'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2)format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'),local('Roboto-Regular'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),local('Roboto-Medium'),local('sans-serif-medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),local('Roboto-Medium'),local('sans-serif-medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),local('Roboto-Medium'),local('sans-serif-medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),local('Roboto-Medium'),local('sans-serif-medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),local('Roboto-Medium'),local('sans-serif-medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),local('Roboto-Medium'),local('sans-serif-medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),local('Roboto-Medium'),local('sans-serif-medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),local('Roboto-Bold'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),local('Roboto-Bold'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),local('Roboto-Bold'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),local('Roboto-Bold'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),local('Roboto-Bold'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),local('Roboto-Bold'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2)format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),local('Roboto-Bold'),local('sans-serif'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Material Icons Extended';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/materialiconsextended/v149/kJEjBvgX7BgnkSrUwT8UnLVc38YydejYY-oE_LvJHMXBBA.woff2)format('woff2');
}

.material-icons-extended {
    font-family: 'Material Icons Extended';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;

    width: 16px;
    height: 16px;
    background: url(../img/more_vert.png) no-repeat right;
    background-size: contain;
}

@font-face {
    font-family: 'Google Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/googlematerialicons/v137/Gw6kwdfw6UnXLJCcmafZyFRXb3BL9rvi0QZG3Sy7X00.woff2)format('woff2');
}

.google-material-icons {
    font-family: 'Google Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/productsans/v9/pxiDypQkot1TnFhsFMOfGShVGdeOYktMqlap.woff2)format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Product Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/productsans/v9/pxiDypQkot1TnFhsFMOfGShVF9eOYktMqg.woff2)format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2ugCIhM907-0x.woff2)format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vQCIhM907-0x.woff2)format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vACIhM907-0x.woff2)format('woff2');
    unicode-range: U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2sQCIhM907-0x.woff2)format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2sACIhM907-0x.woff2)format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vgCIhM907w.woff2)format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2ugCIhM907-0x.woff2)format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vQCIhM907-0x.woff2)format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vACIhM907-0x.woff2)format('woff2');
    unicode-range: U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2sQCIhM907-0x.woff2)format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2sACIhM907-0x.woff2)format('woff2');
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vgCIhM907w.woff2)format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}


.f0UV3d {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104);
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    line-height: 0.777rem;
    font-size: 0.611rem;
    letter-spacing: 0;
    font-weight: 400;
    font-weight: 500;
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0 16px;
    white-space: nowrap;
    z-index: 1
}

.Il7kR,.qxNhq {
    align-items: flex-start;
    display: flex
}

.cN0oRe {
    border-width: 0;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    border-radius: 4px;
    margin: 7px 24px 0 0;
    width: 72px
}

.cN0oRe .VfPpkd-BFbNVe-bF1uUb {
    opacity: 0
}

.fFmL2e {
    border-radius: 20%
}

.Fd93Bb {
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    line-height: 0.888rem;
    font-size: 0.666rem;
    letter-spacing: 0;
    font-weight: 400;
    font-weight: 500;
    align-items: flex-end;
    display: flex;
    overflow-wrap: anywhere;
    width: 100%;
    word-break: keep-all
}

.tv4jIf {
    margin-top: 2px
}

.Vbfug {
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    line-height: 0.666rem;
    font-size: 0.444rem;
    letter-spacing: .00277em;
    font-weight: 500
}

.auoIOc {
    color: #0b57d0;
    fill: #0b57d0;
    stop-color: #0b57d0
}

.auoIOc:not(:disabled) {
    color: #0b57d0
}

.P9KVBf .auoIOc {
    color: #00a173;
    fill: #00a173;
    stop-color: #00a173
}

.P9KVBf .auoIOc:not(:disabled) {
    color: #00a173
}

.V6ZMnd {
    color: #0179ca;
    fill: #0179ca;
    stop-color: #0179ca
}

.V6ZMnd:not(:disabled) {
    color: #0179ca
}

.P9KVBf .V6ZMnd {
    color: #50b4f4;
    fill: #50b4f4;
    stop-color: #50b4f4
}

.P9KVBf .V6ZMnd:not(:disabled) {
    color: #50b4f4
}

.JtbJpb {
    color: #0b57d0;
    fill: #0b57d0;
    stop-color: #0b57d0
}

.JtbJpb:not(:disabled) {
    color: #0b57d0
}

.P9KVBf .JtbJpb {
    color: #00a173;
    fill: #00a173;
    stop-color: #00a173
}

.ulKokd {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104);
    font-family: Roboto,Arial,sans-serif;
    line-height: 0.444rem;
    font-size: .333rem;
    letter-spacing: .0111em;
    font-weight: 400
}

.ulKokd:not(:disabled) {
    color: rgb(95,99,104)
}

.P9KVBf .ulKokd {
    color: rgb(154,160,166);
    fill: rgb(154,160,166);
    stop-color: rgb(154,160,166)
}

.P9KVBf .ulKokd:not(:disabled) {
    color: rgb(154,160,166)
}

.P9KVBf .JtbJpb:not(:disabled) {
    color: #00a173
}

.JU1wdd {
    height: 64px;
    margin: 16px 0 24px 0 !important;
    padding: 12px 0;
    width: 10rem
}

.w7Iutd {
    align-items: center;
    display: flex
}

.w7Iutd>:first-child:last-child~.wVqUob,.w7Iutd>:first-child:nth-last-child(2)~.wVqUob,.w7Iutd>:first-child:nth-last-child(3)~.wVqUob {
    padding: 0 24px
}

.wVqUob {
    padding: 0 16px !important;
    position: relative;
    min-width: 82px
}

.wVqUob:first-child {
    padding-left: 0
}

.wVqUob:not(:first-child)::before {
    background-color: rgb(232,234,237);
    content: "";
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: calc(50% - 12px);
    width: 1px
}

.P9KVBf .wVqUob:not(:first-child)::before {
    background-color: rgb(60,64,67)
}

.ClM7O {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36);
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    line-height: 0.555rem;
    font-size: .388rem;
    letter-spacing: .00793em;
    font-weight: 500;
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    white-space: nowrap
}

.ClM7O:not(:disabled) {
    color: rgb(32,33,36)
}

.P9KVBf .ClM7O {
    color: rgb(232,234,237);
    fill: rgb(232,234,237);
    stop-color: rgb(232,234,237)
}

.P9KVBf .ClM7O:not(:disabled) {
    color: rgb(232,234,237)
}

.g1rdde {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104);
    font-family: Roboto,Arial,sans-serif;
    line-height: 0.444rem;
    font-size: .333rem;
    letter-spacing: .00111em;
    font-weight: 400;
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    white-space: nowrap
}

.g1rdde:not(:disabled) {
    color: rgb(95,99,104)
}

.P9KVBf .g1rdde {
    color: rgb(154,160,166);
    fill: rgb(154,160,166);
    stop-color: rgb(154,160,166)
}

.P9KVBf .g1rdde:not(:disabled) {
    color: rgb(154,160,166)
}

.eQLGk {
    cursor: pointer;
    line-height: 12px;
    margin-left: 4px
}

.TT9eCd {
    align-items: center;
    display: flex
}

.ERwvGb:nth-child(n) {
    font-size: 12px
}
.ERwvGb:nth-child(n) svg {
    width: 12px;
    height: 12px;
}

.yyf8A:nth-child(n) {
    font-size: inherit
}

.z9nYqc {
    cursor: pointer;
    line-height: 12px;
    margin-left: 4px
}

.hJ7Hse:nth-child(n) {
    font-size: inherit
}

.Qh5JFb {
    line-height: 12px;
    margin-left: 4px
}

.atLm6 {
    margin-right: 16px;
    vertical-align: middle
}

.B6ueub {
    height: 18px;
    margin-right: 7px;
    width: 18px
}

.XjKdFd {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36);
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    line-height: 0.666rem;
    font-size: 0.444rem;
    letter-spacing: .00625em;
    font-weight: 500;
    margin-bottom: 12px
}

.XjKdFd:not(:disabled) {
    color: rgb(32,33,36)
}

.P9KVBf .XjKdFd {
    color: rgb(232,234,237);
    fill: rgb(232,234,237);
    stop-color: rgb(232,234,237)
}

.P9KVBf .XjKdFd:not(:disabled) {
    color: rgb(232,234,237)
}

.sUSdNe {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104);
    font-size: .388rem;
    font-weight: 400;
    letter-spacing: 0.00634rem;
    line-height: 0.555rem;
    margin-bottom: 10px
}

.sUSdNe:not(:disabled) {
    color: rgb(95,99,104)
}

.P9KVBf .sUSdNe {
    color: rgb(154,160,166);
    fill: rgb(154,160,166);
    stop-color: rgb(154,160,166)
}

.P9KVBf .sUSdNe:not(:disabled) {
    color: rgb(154,160,166)
}

.m46uhe {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36)
}

.m46uhe:not(:disabled) {
    color: rgb(32,33,36)
}

.P9KVBf .m46uhe {
    color: rgb(232,234,237);
    fill: rgb(232,234,237);
    stop-color: rgb(232,234,237)
}

.P9KVBf .m46uhe:not(:disabled) {
    color: rgb(232,234,237)
}

.l8YSdd {
    align-items: center;
    display: flex;
    overflow: auto;
    width: 100%;
    justify-content: center;
}

.VuUAje {
    color: #0b57d0;
    fill: #0b57d0;
    stop-color: #0b57d0
}

.VuUAje:not(:disabled) {
    color: #0b57d0
}

.P9KVBf .VuUAje {
    color: #00a173;
    fill: #00a173;
    stop-color: #00a173
}

.P9KVBf .VuUAje:not(:disabled) {
    color: #00a173
}

.nC9GBc {
    color: #0179ca;
    fill: #0179ca;
    stop-color: #0179ca
}

.nC9GBc:not(:disabled) {
    color: #0179ca
}

.P9KVBf .nC9GBc {
    color: #50b4f4;
    fill: #50b4f4;
    stop-color: #50b4f4
}

.P9KVBf .nC9GBc:not(:disabled) {
    color: #50b4f4
}

.bDwnVb {
    color: #c71c56;
    fill: #c71c56;
    stop-color: #c71c56
}

.bDwnVb:not(:disabled) {
    color: #c71c56
}

.P9KVBf .bDwnVb {
    color: #ff3369;
    fill: #ff3369;
    stop-color: #ff3369
}

.P9KVBf .bDwnVb:not(:disabled) {
    color: #ff3369
}

.xCoTHe {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36)
}

.xCoTHe:not(:disabled) {
    color: rgb(32,33,36)
}

.P9KVBf .xCoTHe {
    color: rgb(232,234,237);
    fill: rgb(232,234,237);
    stop-color: rgb(232,234,237)
}

.P9KVBf .xCoTHe:not(:disabled) {
    color: rgb(232,234,237)
}

.yyaGpb {
    display: flex;
    justify-content: center;
    width: 100%
}

.P7NFWb {
    background-color: #fff;
    border-top: 1px solid rgb(218,220,224);
    bottom: 0;
    display: flex;
    height: 56px;
    justify-content: center;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 3
}

.P9KVBf .P7NFWb {
    border-top: 1px solid rgb(95,99,104);
    background-color: rgb(32,33,36)
}

.hcq9Df,.edaMIf,.hcq9Df .bGJWSe {
    align-items: center;
    display: flex
}

.hcq9Df .OBVQ7 {
    padding-left: 16px
}

.kk2r5b {
    align-items: unset;
    display: flex;
    flex-direction: column
}

.kk2r5b .bGJWSe {
    flex-grow: 1
}

.kk2r5b .OBVQ7 {
    margin: auto
}

.u4ICaf .BhQfub:not(:disabled) {
    background-color: #0b57d0
}

.u4ICaf .BhQfub:not(:disabled):hover {
    background-color: #056449
}

.u4ICaf .BhQfub:not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe,.u4ICaf .BhQfub:not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    background-color: #056449
}

.u4ICaf .BhQfub:not(:disabled):not(:disabled):active {
    background-color: #056449
}

.P9KVBf .u4ICaf .BhQfub:not(:disabled) {
    background-color: #00a173
}

.P9KVBf .u4ICaf .BhQfub:not(:disabled):hover {
    background-color: #00b380
}

.P9KVBf .u4ICaf .BhQfub:not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe,.P9KVBf .u4ICaf .BhQfub:not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    background-color: #00b380
}

.P9KVBf .u4ICaf .BhQfub:not(:disabled):not(:disabled):active {
    background-color: #00b380
}

.MjT6xe .VfPpkd-Jh9lGc {
    border-radius: 8px
}

.MjT6xe .VfPpkd-J1Ukfc-LhBDec {
    border-radius: 6px
}

.MjT6xe .VfPpkd-J1Ukfc-LhBDec::after {
    border-radius: 8px
}

.LQeN7 .VfPpkd-J1Ukfc-LhBDec {
    pointer-events: none;
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

.VfPpkd-LgbsSe .VfPpkd-RLmnJb {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.VfPpkd-vQzf8d+.VfPpkd-kBDsod {
    margin-left: 8px;
    margin-right: 0
}

.FuSudc {
    display: flex;
    flex-direction: column
}

.VfPpkd-dgl2Hf-ppHlrf-sM5MNb {
    display: inline
}

.u4ICaf .aLey0c:not(:disabled) {
    color: #0b57d0
}

.ksBjEc .VfPpkd-Jh9lGc {
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.qQhJce {
    margin: 10px 0
}

.VfPpkd-LgbsSe {
    font-family: Roboto,sans-serif;
    font-size: .388rem;
    letter-spacing: .0892857143em;
    font-weight: 500;
    /* text-transform: uppercase; */
    height: 36px;
    border-radius: 4px
}

.ksBjEc {
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    font-size: .388rem;
    letter-spacing: .0107142857em;
    font-weight: 500;
    text-transform: none
}


.OahvPe .y0nrBe,.egcKT .y0nrBe {
    height: 24px;
    width: 24px;
    display: flex;
}


.u4ICaf .aLey0c:not(:disabled) .VfPpkd-kBDsod {
    color: #0b57d0
}

.f70z8e {
    color: #0b57d0;
    fill: #0b57d0;
    stop-color: #0b57d0
}

.f70z8e:not(:disabled) {
    color: #0b57d0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

.HcyOxe {
    container-type: inline-size;
    container-name: section-wrapper;
    padding-top: 20px;
    width: 100%
}

.cswwxf {
    padding-bottom: 20px
}

.VMq4uf {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36);
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    line-height: 0.666rem;
    font-size: 0.5rem;
    letter-spacing: 0;
    font-weight: 400;
    font-weight: 500;
    display: flex;
    justify-content: space-between
}

.VMq4uf:not(:disabled) {
    color: rgb(32,33,36)
}

.EaMWib {
    margin-right: 16px
}

.XfZNbf {
    display: flex;
    align-items: center
}

.aJ3edd {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104);
    font-family: Roboto,Arial,sans-serif;
    line-height: 0.444rem;
    font-size: .333rem;
    letter-spacing: .025em;
    font-weight: 400;
    font-family: Roboto,Helvetica,Arial,sans-serif
}

.aJ3edd:not(:disabled) {
    color: rgb(95,99,104)
}

.P9KVBf .aJ3edd {
    color: rgb(154,160,166);
    fill: rgb(154,160,166);
    stop-color: rgb(154,160,166)
}

.P9KVBf .aJ3edd:not(:disabled) {
    color: rgb(154,160,166)
}

.SfzRHd {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104);
    font-size: .388rem;
    font-weight: 300;
    letter-spacing: .0142857143em;
    line-height: 0.555rem;
    font-family: Roboto,Helvetica,Arial,sans-serif
}

.XGHsbd {
    border-color: rgb(218,220,224);
    border-radius: 8px;
    border: 1px solid;
    margin-top: 30px;
    padding: 20px 20px 0
}

.XGHsbd:not(:disabled) {
    border-color: rgb(218,220,224)
}

.T75of {
    background-size: contain
}

.whEyae {
    height: 20px;
    margin-right: 20px;
    width: 20px
}

.wGcURe {
    align-items: flex-start;
    display: flex
}

.wGcURe:not(:first-child) {
    margin-top: 20px
}

.wGcURe:only-child {
    margin-bottom: 20px
}

.SfzRHd:not(:disabled) {
    color: rgb(95,99,104)
}

.P9KVBf .SfzRHd {
    color: rgb(154,160,166);
    fill: rgb(154,160,166);
    stop-color: rgb(154,160,166)
}

.P9KVBf .SfzRHd:not(:disabled) {
    color: rgb(154,160,166)
}

.jqSImf {
    display: none
}

.LMcLV {
    flex-direction: column
}

.VfPpkd-dgl2Hf-ppHlrf-sM5MNb {
    display: inline
}


.VfPpkd-Bz112c-LgbsSe:disabled {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))
}

.VfPpkd-Bz112c-LgbsSe svg,.VfPpkd-Bz112c-LgbsSe img {
    width: 24px;
    height: 24px
}

.VfPpkd-Bz112c-LgbsSe {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    z-index: 0;
    overflow: visible;
    display: flex;
}

.VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-RLmnJb {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%,-50%)
}

.VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.mN1ivc .VfPpkd-Bz112c-J1Ukfc-LhBDec {
    pointer-events: none;
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%
}

.bARER {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: .388rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: 0.555rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 3.333rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.TKjAsc {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(2,1fr);
    margin-top: 24px
}

.lXlx5 {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36);
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    line-height: 0.555rem;
    font-size: .388rem;
    letter-spacing: .0178571429em;
    font-weight: 500
}

.lXlx5:not(:disabled) {
    color: rgb(32,33,36)
}

.P9KVBf .lXlx5 {
    color: rgb(232,234,237);
    fill: rgb(232,234,237);
    stop-color: rgb(232,234,237)
}

.xg1aie {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: .388rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: 0.555rem;
    margin-top: 4px
}

.VfPpkd-dgl2Hf-ppHlrf-sM5MNb {
    display: inline
}

.LMoCf {
    min-height: auto;
    padding: 0 15px 0 15px;
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 16px
}

.LMoCf:not(:disabled) {
    color: rgb(95,99,104)
}

.LMoCf:not(:disabled):hover {
    color: rgb(32,33,36)
}

.LMoCf:not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe,.LMoCf:not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    color: rgb(32,33,36)
}

.LMoCf:not(:disabled):not(:disabled):active {
    color: rgb(32,33,36)
}

.LMoCf:disabled {
    color: rgb(95,99,104)
}

.LMoCf .VfPpkd-Jh9lGc::before {
    background-color: rgb(60,64,67)
}

.LMoCf .VfPpkd-Jh9lGc::after {
    background-color: rgb(60,64,67)
}

.LMoCf .VfPpkd-RLmnJb {
    height: 100%
}

.LMoCf .VfPpkd-Jh9lGc {
    border-radius: 16px
}

.LMoCf .VfPpkd-J1Ukfc-LhBDec {
    border-radius: 14px
}

.LMoCf .VfPpkd-J1Ukfc-LhBDec::after {
    border-radius: 16px
}

.LMoCf:not(:disabled) {
    border-color: rgb(218,220,224)
}

.LMoCf:not(:disabled):hover {
    border-color: rgb(218,220,224)
}

.LMoCf:not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe,.LMoCf:not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    border-color: rgb(32,33,36)
}

.LMoCf:disabled {
    border-color: rgb(218,220,224)
}

.P9KVBf .LMoCf:nth-child(n) {
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 16px
}

.P9KVBf .LMoCf:nth-child(n):not(:disabled) {
    color: rgb(154,160,166)
}

.P9KVBf .LMoCf:nth-child(n):not(:disabled):hover {
    color: rgb(189,193,198)
}

.P9KVBf .LMoCf:nth-child(n):not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe,.P9KVBf .LMoCf:nth-child(n):not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    color: rgb(189,193,198)
}

.P9KVBf .LMoCf:nth-child(n):not(:disabled):not(:disabled):active {
    color: rgb(189,193,198)
}

.P9KVBf .LMoCf:nth-child(n):disabled {
    color: rgb(154,160,166)
}

.P9KVBf .LMoCf:nth-child(n) .VfPpkd-Jh9lGc::before {
    background-color: rgb(154,160,166)
}

.P9KVBf .LMoCf:nth-child(n) .VfPpkd-Jh9lGc::after {
    background-color: rgb(154,160,166)
}

.P9KVBf .LMoCf:nth-child(n) .VfPpkd-RLmnJb {
    height: 100%
}

.P9KVBf .LMoCf:nth-child(n) .VfPpkd-Jh9lGc {
    border-radius: 16px
}

.P9KVBf .LMoCf:nth-child(n) .VfPpkd-J1Ukfc-LhBDec {
    border-radius: 14px
}

.P9KVBf .LMoCf:nth-child(n) .VfPpkd-J1Ukfc-LhBDec::after {
    border-radius: 16px
}

.P9KVBf .LMoCf:nth-child(n):not(:disabled) {
    border-color: rgb(95,99,104)
}

.P9KVBf .LMoCf:nth-child(n):not(:disabled):hover {
    border-color: rgb(95,99,104)
}

.P9KVBf .LMoCf:nth-child(n):not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe,.P9KVBf .LMoCf:nth-child(n):not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    border-color: rgb(189,193,198)
}

.P9KVBf .LMoCf:nth-child(n):disabled {
    border-color: rgb(95,99,104)
}

.Rj2Mlf .VfPpkd-Jh9lGc {
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.P62QJc .VfPpkd-Jh9lGc {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: 1px
}

.LMoCf .VfPpkd-Jh9lGc {
    border-radius: 16px
}

.VfPpkd-LgbsSe .VfPpkd-vQzf8d {
    position: relative
}

.P62QJc .VfPpkd-RLmnJb {
    left: -1px;
    width: calc(100% + 2px)
}

.LMoCf .VfPpkd-RLmnJb {
    height: 100%
}


.Uc6QCc {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
    margin-bottom: 4px;
    margin-top: 28px
}

.P9KVBf .lXlx5:not(:disabled) {
    color: rgb(232,234,237)
}

.VMq4uf:not(:disabled) {
    color: rgb(32,33,36)
}

.P9KVBf .VMq4uf {
    color: rgb(232,234,237);
    fill: rgb(232,234,237);
    stop-color: rgb(232,234,237)
}

.P9KVBf .VMq4uf:not(:disabled) {
    color: rgb(232,234,237)
}

.VMq4uf .W7A5Qb {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104);
    font-size: 20px;
    padding: 2px
}

.VMq4uf .W7A5Qb:not(:disabled) {
    color: rgb(95,99,104);
    width: 18px;
    height: 18px;
    background: url(../img/arrow_forward.png) no-repeat right;
    background-size: contain;
}

.P9KVBf .VMq4uf .W7A5Qb {
    color: rgb(154,160,166);
    fill: rgb(154,160,166);
    stop-color: rgb(154,160,166)
}

.P9KVBf .VMq4uf .W7A5Qb:not(:disabled) {
    color: rgb(154,160,166)
}

.uEz1ib {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    max-width: 112px
}

.jb05Ib {
    line-height: 0
}

.WL3b7c {
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: .0079365em;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.Y4jiDf {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104)
}

.Y4jiDf:not(:disabled) {
    color: rgb(95,99,104)
}

.P9KVBf .Y4jiDf {
    color: rgb(154,160,166);
    fill: rgb(154,160,166);
    stop-color: rgb(154,160,166)
}

.P9KVBf .Y4jiDf:not(:disabled) {
    color: rgb(154,160,166)
}

.sziCu {
    display: none
}

.google-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 100vh;
    background: white;
}

.gy9zre {
    display: inline-flex
}


.LjDxcd {
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    font-size: .388rem;
    letter-spacing: .0107142857em;
    font-weight: 500;
    text-transform: none
}

.LjDxcd .VfPpkd-Jh9lGc {
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.LjDxcd:not(:disabled) {
    color: rgb(95,99,104);
    color: var(--gm-neutraltextbutton-ink-color,rgb(95,99,104))
}

.LjDxcd:disabled {
    color: rgba(60,64,67,.38);
    color: var(--gm-neutraltextbutton-disabled-ink-color,rgba(60,64,67,.38))
}

.LjDxcd:hover:not(:disabled),.LjDxcd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe:not(:disabled),.LjDxcd:not(.VfPpkd-ksKsZd-mWPk3d):focus:not(:disabled),.LjDxcd:active:not(:disabled) {
    color: rgb(32,33,36);
    color: var(--gm-neutraltextbutton-ink-color--stateful,rgb(32,33,36))
}

.LjDxcd .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo,.LjDxcd .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G {
    stroke: rgb(95,99,104)
}

.VfPpkd-LgbsSe .VfPpkd-kBDsod {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.VfPpkd-vQzf8d+.VfPpkd-kBDsod {
    margin-left: 8px;
    margin-right: 0
}

.B8vmF .VfPpkd-kBDsod {
    font-size: 0.444rem;
    width: 0.44rem;
    height: 0.44rem;
    background: url(../img/info_outline.png) no-repeat center;
    background-size: 100%;
}

.VfPpkd-LgbsSe {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    line-height: inherit;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: transparent
}

.VfPpkd-LgbsSe-OWXEXe-dgl2Hf {
    margin-top: 6px;
    margin-bottom: 6px
}

.VfPpkd-LgbsSe {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-decoration: none
}

.B8vmF {
    font-size: .333rem;
    font-weight: 400;
    border-radius: 8px;
    padding: 0
}

.QKBJgd {
    margin-bottom: 12px
}

.b6SkTb {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.D3Qfie.KKjvXb {
    color: rgb(26,115,232);
    fill: rgb(26,115,232);
    background-color: rgb(232,240,254);
    border: none;
    padding: 1px
}

.EFMXQ.KKjvXb {
    color: #056449;
    fill: #056449;
    stop-color: #056449;
    background-color: #e6f3ef
}

.EFMXQ.KKjvXb:not(:disabled) {
    color: #056449
}

.EFMXQ.KKjvXb:not(:disabled) {
    background-color: #e6f3ef
}

.Gggmbb {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.D3Qfie .Gggmbb {
    background-color: rgb(95,99,104)
}

.kW9Bj {
    align-items: center;
    display: flex;
    position: relative;
    margin: 0 16px
}

.kW9Bj .ypTNYd {
    display: inline-block;
    margin: 6px 4px
}

.c6xzBd {
    display: inline-flex;
    flex-shrink: 0;
    margin: 0 4px 0 0
}

.c6xzBd.jv2yne {
    display: none
}

.kofMvc .Ka7T4c,.KnEF3e .Ka7T4c {
    font-size: 16px;
}

.kofMvc .Ka7T4c img {
    width: 16px;
    height: 16px;
}

.D3Qfie {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    background-color: #fff;
    border: 1px rgb(218,220,224) solid;
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    letter-spacing: .25px;
    line-height: 18px;
    min-width: auto;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: background .2s .1s;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    z-index: 0
}

.P9KVBf .D3Qfie {
    color: rgb(154,160,166);
    fill: rgb(154,160,166)
}

.P9KVBf .D3Qfie {
    background-color: rgb(32,33,36)
}

.P9KVBf .D3Qfie {
    border: 1px rgb(95,99,104) solid
}

.Jwxk6d {
    display: grid;
    flex-grow: 1;
    grid-template-columns: 1fr
}

.HJV0ef {
    padding-bottom: 16px
}

.P4w39d {
    display: flex;
    padding-top: 24px
}

.Te9Tpc {
    column-gap: 24px;
    display: grid;
    flex-grow: 1;
    grid-template-columns: max-content auto
}

.jILTFe {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36);
    font-family: "Google Sans Display",Roboto,Arial,sans-serif;
    line-height: 1.777rem;
    font-size: 1.5555rem;
    letter-spacing: 0;
    font-weight: 400
}

.jILTFe:not(:disabled) {
    color: rgb(32,33,36)
}

.P9KVBf .jILTFe {
    color: rgb(232,234,237);
    fill: rgb(232,234,237);
    stop-color: rgb(232,234,237)
}

.P9KVBf .jILTFe:not(:disabled) {
    color: rgb(232,234,237)
}

.o9hhOd,.I26one,.iXRFPc {
    display: inline-block
}

.deXnLd {
    height: 16px;
    width: 16px
}

.Bp7T9b,.deXnLd,.F7XJmb {
    display: inline-block;
    text-align: left
}

.Z1Dz7b {
    color: #0b57d0;
    fill: #0b57d0;
    stop-color: #0b57d0
}

.Z1Dz7b:not(:disabled) {
    color: #0b57d0
}

.P9KVBf .Z1Dz7b {
    color: #00a173;
    fill: #00a173;
    stop-color: #00a173
}

.P9KVBf .Z1Dz7b:not(:disabled) {
    color: #00a173
}

.JzwBgb {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center
}

.RJfYGf {
    border-radius: 9999px;
    background-color: rgb(232,234,237);
    height: 10px
}

.RJfYGf:not(:disabled) {
    background-color: rgb(232,234,237)
}

.wcB8se {
    background-color: #0b57d0
}

.wcB8se:not(:disabled) {
    background-color: #0b57d0
}

.P9KVBf .wcB8se {
    background-color: #00a173
}

.P9KVBf .wcB8se:not(:disabled) {
    background-color: #00a173
}

.Qjdn7d {
    font-family: Roboto,Arial,sans-serif;
    line-height: 0.444rem;
    font-size: .333rem;
    letter-spacing: .025em;
    font-weight: 400;
    padding-right: 16px
}

.RutFAf {
    height: 100%;
    border-radius: inherit
}

.wcB8se {
    background-color: #0b57d0
}

.wcB8se:not(:disabled) {
    background-color: #0b57d0
}

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

.gSGphe {
    display: grid;
    align-items: center;
    grid-column-gap: 16px;
    grid-template-columns: repeat(2,max-content)
}

.VfPpkd-xl07Ob-XxIAqe-OWXEXe-oYxtQd {
    position: relative;
    overflow: visible
}

.VfPpkd-xl07Ob-XxIAqe-OWXEXe-qbOKL {
    position: fixed
}

.VfPpkd-xl07Ob-XxIAqe-OWXEXe-tsQazb {
    width: 100%
}

.Jx4nYe,.AJTPZc {
    margin-top: 16px
}

.EGFGHd {
    padding: 16px 0
}

.o9hhOd,.I26one,.iXRFPc {
    display: inline-block
}

.bp9Aid {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104);
    font-family: Roboto,Arial,sans-serif;
    font-size: .333rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 0.444rem;
    margin-left: 1ch
}

.bp9Aid:not(:disabled) {
    color: rgb(95,99,104)
}

.P9KVBf .bp9Aid {
    color: rgb(154,160,166);
    fill: rgb(154,160,166);
    stop-color: rgb(154,160,166)
}

.P9KVBf .bp9Aid:not(:disabled) {
    color: rgb(154,160,166)
}

.F7XJmb {
    height: 12px;
    width: 12px
}

.Wi7KIe {
    fill: rgb(241,243,244);
    stop-color: rgb(241,243,244)
}

.P9KVBf .Wi7KIe {
    fill: rgb(60,64,67);
    stop-color: rgb(60,64,67)
}

.h3YV2d {
    margin-top: 8px;
    font-size: .388rem;
    letter-spacing: .0142857143em;
    line-height: 0.555rem;
    overflow-wrap: anywhere
}

.AJTPZc {
    font-family: Roboto,Arial,sans-serif;
    font-size: .333rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 0.444rem
}

.Anb3we {
    align-items: center;
    display: flex;
    margin-top: 12px
}

.NC0Ppb {
    font-family: Roboto,Arial,sans-serif;
    font-size: .333rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 0.444rem;
    margin-right: 24px
}

.abYEib {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    background-size: cover
}

.UQI9cd {
    height: 24px;
    line-height: 10px
}

.kofMvc {
    border-radius: 9999px
}

.kW9Bj .ypTNYd {
    display: inline-block;
    margin: 6px 4px
}

.ErwGJf {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2,1fr)
}

.VfPpkd-EScbFb-JIbuQc {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    outline: none;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden
}

.VfPpkd-EScbFb-JIbuQc {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    will-change: transform,opacity
}

.ErwGJf .fUtUMc {
    border-radius: 8px;
    margin: -12px
}

.j2FCNc {
    column-gap: 16px;
    display: grid;
    grid-template-columns: max-content auto;
    margin: 16px 0
}

.cQv9D {
    margin: 12px
}

.stzEZd {
    border-radius: 12px;
    border-width: 0;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    height: 56px;
    width: 56px
}

.cXFu1 {
    display: grid;
    grid-template-rows: max-content;
    height: fit-content;
    row-gap: 2px
}

.ubGTjb {
    align-items: center;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.DdYX5 {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36);
    font-size: .388rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: 0.555rem;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    letter-spacing: -.2px
}

.DdYX5:not(:disabled) {
    color: rgb(32,33,36)
}

.sYJxkd,.w2kbF,.JUF8md,.wMUdtb {
    font-family: Roboto,Arial,sans-serif;
    line-height: 0.444rem;
    font-size: .333rem;
    letter-spacing: .025em;
    font-weight: 400;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    letter-spacing: .2px
}

.wMUdtb {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36)
}

.wMUdtb:not(:disabled) {
    color: rgb(32,33,36)
}

.CKzsaf,.Q4fJQd {
    align-items: center;
    display: inline-flex;
    height: 100%
}

.Q4fJQd .Yvy3Fd,.sYJxkd,.O9T88b,.w2kbF,.JUF8md {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104)
}

.Q4fJQd .Yvy3Fd {
    font-size: .277rem
}

.Q4fJQd .Yvy3Fd svg {
    width: 12px;
    height: 12px;
}

.aA0Vnf .GfskQe {
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104);
    font-size: 18px;
    margin-right: 16px;

    width: 16px;
    height: 16px;
    background: url(../img/flag.png) no-repeat left;
    background-size: 100%;
}

.aA0Vnf {
    color: rgb(32,33,36);
    fill: rgb(32,33,36);
    stop-color: rgb(32,33,36);
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    line-height: 0.555rem;
    font-size: .388rem;
    letter-spacing: .0178571429em;
    font-weight: 400;
    align-items: center;
    display: flex
}

.aA0Vnf:not(:disabled) {
    color: rgb(32,33,36)
}

.yhtbu {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 72px
}

.srvBL {
    border-color: rgb(232,234,237);
    border-bottom: 1px solid;
    margin-bottom: 36px;
    padding-top: 36px;
    width: 100%
}

.srvBL:not(:disabled) {
    border-color: rgb(232,234,237)
}

.Hc0nne {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 24px
}

.sv9Noe {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap
}

.GMGZAc,.CmHxkb,.KvNvKe,.dMOumf {
    font-family: "Google Sans",Helvetica,Arial,sans-serif;
    color: rgb(95,99,104);
    fill: rgb(95,99,104);
    stop-color: rgb(95,99,104)
}

.GMGZAc {
    font-size: .388rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    line-height: 0.555rem;
    font-weight: 500
}

.GMGZAc,.CmHxkb {
    line-height: 32px;
    font-size: .4rem;
}

.GMGZAc:not(:disabled),.CmHxkb:not(:disabled),.KvNvKe:not(:disabled),.dMOumf:not(:disabled) {
    color: rgb(95,99,104)
}

.AU8vyc {
    display: block;
    width: max-content;
}

.KvNvKe {
    font-size: .333rem;
    line-height: 48px;
    margin-right: 24px
}

.AJ34ce {
    display: grid;
    grid-template-columns: repeat(2,max-content);
    grid-template-rows: 1fr;
    column-gap: 12px
}

.GrpFfc {
    align-self: center;
    width: 24px;
    height: 18px
}


.aoJE7e {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory
}

.ULeU3b {
    flex-shrink: 0;
    scroll-snap-align: start
}

.Utde2e {
    margin-right: 12px
}

.Vj78Oe,.KUSTKe,.qwPPwf,.Atcj9b,.IwTLXb {
    height: 100%
}

.B5GQxf {
    border-width: 0;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    border-radius: 8px;
    cursor: pointer;
    height: 204px;
    min-width: 92px
}

.google-install-app {
    /* margin-left: 0.67rem; */
    width: 7rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.22rem;
    background-color: #0b57d0;
    text-align: center;
    color: white;
    font-size: 0.373rem;
    cursor: pointer;
    border-radius: 100px 10px 10px 100px;
}

.google-install-app:active {
    opacity: 0.65;
}

.OahvPe:active {
    opacity: 0.65;
}

.VfPpkd-dgl2Hf-ppHlrf-sM5MNb:active {
    opacity: 0.65;
}

.kofMvc:active {
    opacity: 0.65;
}

.small-text{
    font-size: 0.3rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .25rem;
    color: #666;
}
.install-btn {
    display: flex; 
    justify-content: center; 
    align-items: center; 
}
.install-arrow {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    background-color: #0b57d0;
    width: 1.4rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 10px 100px 100px 10px;
    margin-left: 0.05rem;
}
.install-arrow img {
    width: 0.4rem; 
    height: 0.4rem; 
    
}




/* ================== install上拉弹窗 ================== */
.install-up {
    width: 100%;
    max-width: 500px;
    height: auto;
    max-height: 480px;
    display: flex;
    overflow-y: scroll;
    background: #ffffff;
    font-size: 14px;
    padding: 10px 0 34px;
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 9999;
    border-radius: .6rem .6rem 0 0;
    transform: translate3d(-50%, 100%, 0px);
    transition: all 0.4s;
    flex-direction: column;
}

.install-up ul {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

.install-up ul li {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.install-up ul li .left {
    display: flex;
    /* gap: 12px; */
    align-items: center;
}

.install-up ul li img {
    width: 32px;
    margin-right: 12px;
}

.install-up ul li i {
    width: 16px;
    height: 16px;
    border-radius: 0.1rem;
    border: 2px solid #666666;
}

.install-up ul li.action i {
    background: url(../img/check_white.svg) no-repeat #0b57d0 center;
    background-size: 70%;
    border: 2px solid #0b57d0;
}

.install-up h2 {
    font-size: 16px;
    font-weight: 500;
    padding: .3rem .7rem;
    margin-bottom: 10px;
}

.install-up__btn {
    width: 80%;
    max-width: 400px;
    height: 40px;
    line-height: 40px;
    background: #0b57d0;
    color: #ffffff;
    text-align: center;
    border-radius: 20px;
    margin: 20px auto 0;
    font-size: 16px;
    border: none;
}




html,
body {
  -ms-overflow-style: none;
  /* IE 和 Edge */
  scrollbar-width: none;
  /* Firefox */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}

body {
    background: rgb(15, 25, 35);
}


.dialog-main-class {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, .25) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 10rem !important;
}


.top-nav-normal {
  width: 10rem;
  height: 1.326rem !important;
  line-height: 1.326rem !important;
  background: #012318!important;
  color: rgba(255, 255, 255, 0.65) !important;
}

.top-nav-title {
  height: 1.326rem !important;
  line-height: 1.326rem !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.top-nav-leftimg {
  transform: rotate(0deg);
  opacity: 1;
}

.top-nav-right {
  position: fixed;
  right: 0;
  width: 2rem;
  height: 1.2rem;
}

.top-nav-rightimg {
  opacity: 0.65;
  position: fixed;
  top: 0.35rem;
  right: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
}

.topbar {
    position: fixed; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    height: 1.4rem; 
    line-height: 1.4rem; 
    z-index: 1000; 
    background: white; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 0px 13px 0px 20px;
}

#home {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: scroll;
}

#home .main {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  border-top-left-radius: .0rem;
  border-top-right-radius: .0rem;
  padding-bottom: 2rem;
  position: relative;
  z-index: 998;
}

.hdialog-cslist-frame {
  width: 10rem;
  height:100vh;
  overflow-x: hidden;
  overflow-y: scroll;
}

.hdialog-cslist-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 1.4rem;
  text-align: center;
  font-size: 0.533rem;
  line-height: 1.4rem;
  color: rgba(255, 255, 255, 1);
  z-index: 1;
}

.hdialog-cslist-title img {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  left: 0.426rem;
  width: 1rem;
  height: 1rem;
}

.hdialog-cslist-topicon {
  position: relative;
  margin-top: 1rem;
  left: 0rem;
  width: 10rem;
  height: 2.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hdialog-cslist-topicon .ticon {
  width: 2.22rem;
  height: 2.22rem;
}

.hdialog-cslist-toptips {
  position: relative;
  margin-top: 0.7rem;
  text-align: center;
  left: 0.5rem;
  width: 9rem;
  height: 1.2rem;
  line-height: 0.55rem;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.3rem;
  font-size: .346rem;
  margin-bottom: 0.426rem;
}

.hdialog-cslist-panel {
  position: relative;
  margin-top: 1.95rem;
  width:95%;
  padding-left: 0.5rem;
}

.hdialog-cslist-body {
  display: flex;
  flex-wrap: wrap;
}

.hdialog-cslist-item {
  position:relative;
  width: 4.27rem;
  height: 5.11rem;
  margin-right: 0.37rem;
  margin-bottom: 0.33rem;
  overflow: hidden;
  background: rgba(255,255,255,0.08);
  border-radius: 0.44rem;
}

.hdialog-cslist-item .cs-avatar {
  position:relative;
  margin-top: 0.44rem;
  left: 50%;
  margin-left: -0.665rem;
  width: 1.33rem;
  height: 1.33rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,0.25);
  object-fit: cover;
}

.hdialog-cslist-item .cs-name {
  position:relative;
  left: 50%;
  margin-left: -2rem;
  width: 4rem;
  height: 0.67rem;
  line-height: 0.67rem;
  text-align: center;
  color: rgba(255,255,255,0.80);
  font-size: .373rem;
}

.hdialog-cslist-item .cs-type {
  position:relative;
  margin-top: 0.22rem;
  left: 50%;
  margin-left: -2rem;
  width: 4rem;
  height: 0.44rem;
  line-height: 0.44rem;
  text-align: center;
  color: rgba(255,255,255,0.25);
  font-size: .28rem;
}

.hdialog-cslist-item .cs-contact {
  position:relative;
  left: 50%;
  margin-left: -2rem;
  width: 4rem;
  height: 0.44rem;
  line-height: 0.44rem;
  text-align: center;
  color: rgba(255,255,255,0.25);
  font-size: .28rem;
}

.hdialog-cslist-item .cs-chat {
  position:relative;
  margin-top: 0.4rem;
  left: 50%;
  margin-left: -0.89rem;
  width: 1.78rem;
  height: 0.66rem;
  line-height: 0.66rem;
  text-align: center;
  color: #FFFFFF;
  font-size: .32rem;
  background: #007AFF;
  border-radius: 0.27rem;
}

.hdialog-cslist-content {
  position: relative;
  top: 0;
  left: 0;
  width: 10rem;
  max-height: 60vh;
  overflow: scroll;
}

.hdialog-cslist-content-item {
  position: relative;
  left: 0.5rem;
  width: 9rem;
  height: 2.3rem;
  margin-bottom: 0.266rem;
}

.hdialog-cslist-content-user {
  position: absolute;
  left: 0.42rem;
  width: 1.33rem;
  top: 50%;
  margin-top: -0.665rem;
  height: 1.33rem;
  line-height: 1.33rem;
}

.hdialog-cslist-content-avatar {
  position: absolute;
  width: 1.33rem;
  height: 1.33rem;
  border-radius: 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.hdialog-cslist-content-name {
  position: absolute;
  left: 1.5rem;
  width: 4.5rem;
  height: 1.28rem;
  font-size: .426rem;
  color: rgba(255, 255, 255, 0.65);
}

.hdialog-cslist-content-contact {
  position: absolute;
  left: 1.9rem;
  width: 6rem;
  top: 50%;
  margin-top: -0.665rem;
  height: 1.33rem;
}

.hdialog-cslist-content-contact .cticon {
  opacity: 0.45;
  position: absolute;
  top: 0.11rem;
  left: 0.21rem;
  width: 0.64rem;
  height: 0.64rem;
}

.hdialog-cslist-content-contact .ctname {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 6rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: .373rem;
  font-weight: 700;
}

.hdialog-cslist-content-contact .ctcontact {
  position: absolute;
  bottom: 0.1rem;
  left: 0rem;
  width: 6rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: .32rem;
}

.hdialog-cslist-content-contact .ctline {
  position: absolute;
  left: 3rem;
  top: 0.16rem;
  width: 1px;
  height: 0.53rem;
  background-color: rgba(255, 255, 255, 0.08);
}

.hdialog-cslist-content-contact-line {
  position: absolute;
  bottom: 1px;
  left: 1rem;
  width: 8rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.15);
}

.hdialog-cslist-content-chat {
  position: absolute;
  top: 50%;
  margin-top: -0.335rem;
  right: 0.4rem;
  width: 1.34rem;
  height: 0.67rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hdialog-cslist-content-chat img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.sdhome-upgrade-page {
  position: fixed;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background: #0F1923;
}

.sdhome-upgrade-page-icon {
  position: relative;
  margin-top: 15vh;
  width: 6.6rem;
  height: 6.6rem;
  left: 50%;
  margin-left: -3.3rem;
}

.sdhome-upgrade-page-title {
  position: relative;
  margin-top: 0.6rem;
  width: 100%;
  font-size: .533rem;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
}

.sdhome-upgrade-page-message {
  position: relative;
  margin-top: 0.6rem;
  left: 15%;
  width: 70%;
  font-size: .373rem;
  color: rgba(255, 255, 255, 0.65);
  text-align: center;
  line-height: 0.6rem;
}

.van-popup--bottom {
    transform:translate3d(0, 100%, 0);
}

.mask__close {
    position: absolute;
    right: 0.7rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.pic_expand {
    display: none;
}

.swiper-container {
    width: 100%;
    max-width: 10rem;
    margin: 0px auto;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 10px);
    z-index: 9999;
}
.swiper-slide {
    text-align: center;
}
/* .swiper-slide img {
    width: 100%;
} */
.swiper-pagination {
    font-size: .4rem;
}

.swiper-container .close {
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 20px;
    margin-bottom: 10px;
}

.hddialog-sdapk-container .hddialog-sdapk-content1 {
    background: #fff;
}

.win-frame {
    width: 8.4rem;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.win-frame img {
    width: 48px;
}
.win-frame h1 {
    font-size: 18px;
    color: #232323;
    margin-top: 10px;
}
.win-frame p {
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
}
.win-btn {
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 30px;
}

.win-btn button {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    font-size: 16px;
    border: none;
    margin: 0 5px;
}

.btn-cencel {
    background: #f0f0f0;
    color: #666666;
}
.btn-confirm {
    background: #0b57d0;
    color: #ffffff;
}


.service_error {
    width: 8.4rem;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 16px;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.service_error img {
    width: 200px;
}
.service_error h1 {
    font-size: 18px;
    color: #232323;
    margin-top: 10px;
}
.service_error p {
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
}
.service_error a {
    color: #0b57d0;
}


