@charset "UTF-8";

/* NEC reset */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0;
}

@media (min-width: 320px) {
    html {
        font-size: 42.6667px;
    }
}

@media (min-width: 360px) {
    html {
        font-size: 48px;
    }
}

@media (min-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media (min-width: 384px) {
    html {
        font-size: 51.2px;
    }
}

@media (min-width: 414px) {
    html {
        font-size: 55.2px;
    }
}

@media (min-width: 448px) {
    html {
        font-size: 59.7333px;
    }
}

@media (min-width: 480px) {
    html {
        font-size: 48px;
    }
}


/* @media (min-width: 500px){html{font-size: 66px;} } */

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
    font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

[hidefocus],
summary {
    outline: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: 100%;
}

sup,
sub {
    font-size: 83%;
}

pre,
code,
kbd,
samp {
    font-family: inherit;
}

q:before,
q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label,
summary {
    cursor: default;
}

a,
button {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
    font-weight: bold;
}

del,
ins,
u,
s,
a,
a:hover {
    text-decoration: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
    font: 12px/1.14 arial, \5b8b\4f53;
    color: #333;
    outline: 0;
}

body {
    background: #fff;
}

.u-color-white {
    color: #ffffff;
}

.u-bg-white {
    background-color: #ffffff;
}

.u-color-black {
    color: #000000;
}

.u-bg-black {
    background-color: #000000;
}

.u-color-red-0 {
    color: #fff5f5;
}

.u-bg-red-0 {
    background-color: #fff5f5;
}

.u-color-red-1 {
    color: #ffe3e3;
}

.u-bg-red-1 {
    background-color: #ffe3e3;
}

.u-color-red-2 {
    color: #ffc9c9;
}

.u-bg-red-2 {
    background-color: #ffc9c9;
}

.u-color-red-3 {
    color: #ffa8a8;
}

.u-bg-red-3 {
    background-color: #ffa8a8;
}

.u-color-red-4 {
    color: #ff8787;
}

.u-bg-red-4 {
    background-color: #ff8787;
}

.u-color-red-5 {
    color: #ff6b6b;
}

.u-bg-red-5 {
    background-color: #ff6b6b;
}

.u-color-red-6 {
    color: #fa5252;
}

.u-bg-red-6 {
    background-color: #fa5252;
}

.u-color-red-7 {
    color: #f03e3e;
}

.u-bg-red-7 {
    background-color: #f03e3e;
}

.u-color-red-8 {
    color: #e03131;
}

.u-bg-red-8 {
    background-color: #e03131;
}

.u-color-red-9 {
    color: #c92a2a;
}

.u-bg-red-9 {
    background-color: #c92a2a;
}

.u-color-pink-0 {
    color: #fff0f6;
}

.u-bg-pink-0 {
    background-color: #fff0f6;
}

.u-color-pink-1 {
    color: #ffdeeb;
}

.u-bg-pink-1 {
    background-color: #ffdeeb;
}

.u-color-pink-2 {
    color: #fcc2d7;
}

.u-bg-pink-2 {
    background-color: #fcc2d7;
}

.u-color-pink-3 {
    color: #faa2c1;
}

.u-bg-pink-3 {
    background-color: #faa2c1;
}

.u-color-pink-4 {
    color: #f783ac;
}

.u-bg-pink-4 {
    background-color: #f783ac;
}

.u-color-pink-5 {
    color: #f06595;
}

.u-bg-pink-5 {
    background-color: #f06595;
}

.u-color-pink-6 {
    color: #e64980;
}

.u-bg-pink-6 {
    background-color: #e64980;
}

.u-color-pink-7 {
    color: #d6336c;
}

.u-bg-pink-7 {
    background-color: #d6336c;
}

.u-color-pink-8 {
    color: #c2255c;
}

.u-bg-pink-8 {
    background-color: #c2255c;
}

.u-color-pink-9 {
    color: #a61e4d;
}

.u-bg-pink-9 {
    background-color: #a61e4d;
}

.u-color-gray-0 {
    color: #f8f9fa;
}

.u-bg-gray-0 {
    background-color: #f8f9fa;
}

.u-color-gray-1 {
    color: #f1f3f5;
}

.u-bg-gray-1 {
    background-color: #f1f3f5;
}

.u-color-gray-2 {
    color: #e9ecef;
}

.u-bg-gray-2 {
    background-color: #e9ecef;
}

.u-color-gray-3 {
    color: #dee2e6;
}

.u-bg-gray-3 {
    background-color: #dee2e6;
}

.u-color-gray-4 {
    color: #ced4da;
}

.u-bg-gray-4 {
    background-color: #ced4da;
}

.u-color-gray-5 {
    color: #adb5bd;
}

.u-bg-gray-5 {
    background-color: #adb5bd;
}

.u-color-gray-6 {
    color: #868e96;
}

.u-bg-gray-6 {
    background-color: #868e96;
}

.u-color-gray-7 {
    color: #495057;
}

.u-bg-gray-7 {
    background-color: #495057;
}

.u-color-gray-8 {
    color: #343a40;
}

.u-bg-gray-8 {
    background-color: #343a40;
}

.u-color-gray-9 {
    color: #212529;
}

.u-bg-gray-9 {
    background-color: #212529;
}

.u-color-blue-0 {
    color: #e8f7ff;
}

.u-bg-blue-0 {
    background-color: #e8f7ff;
}

.u-color-blue-1 {
    color: #ccedff;
}

.u-bg-blue-1 {
    background-color: #ccedff;
}

.u-color-blue-2 {
    color: #a3daff;
}

.u-bg-blue-2 {
    background-color: #a3daff;
}

.u-color-blue-3 {
    color: #72c3fc;
}

.u-bg-blue-3 {
    background-color: #72c3fc;
}

.u-color-blue-4 {
    color: #4dadf7;
}

.u-bg-blue-4 {
    background-color: #4dadf7;
}

.u-color-blue-5 {
    color: #329af0;
}

.u-bg-blue-5 {
    background-color: #329af0;
}

.u-color-blue-6 {
    color: #228ae6;
}

.u-bg-blue-6 {
    background-color: #228ae6;
}

.u-color-blue-7 {
    color: #1c7cd6;
}

.u-bg-blue-7 {
    background-color: #1c7cd6;
}

.u-color-blue-8 {
    color: #1b6ec2;
}

.u-bg-blue-8 {
    background-color: #1b6ec2;
}

.u-color-blue-9 {
    color: #1862ab;
}

.u-bg-blue-9 {
    background-color: #1862ab;
}

.u-color-cyan-0 {
    color: #e3fafc;
}

.u-bg-cyan-0 {
    background-color: #e3fafc;
}

.u-color-cyan-1 {
    color: #c5f6fa;
}

.u-bg-cyan-1 {
    background-color: #c5f6fa;
}

.u-color-cyan-2 {
    color: #99e9f2;
}

.u-bg-cyan-2 {
    background-color: #99e9f2;
}

.u-color-cyan-3 {
    color: #66d9e8;
}

.u-bg-cyan-3 {
    background-color: #66d9e8;
}

.u-color-cyan-4 {
    color: #3bc9db;
}

.u-bg-cyan-4 {
    background-color: #3bc9db;
}

.u-color-cyan-5 {
    color: #22b8cf;
}

.u-bg-cyan-5 {
    background-color: #22b8cf;
}

.u-color-cyan-6 {
    color: #15aabf;
}

.u-bg-cyan-6 {
    background-color: #15aabf;
}

.u-color-cyan-7 {
    color: #1098ad;
}

.u-bg-cyan-7 {
    background-color: #1098ad;
}

.u-color-cyan-8 {
    color: #0c8599;
}

.u-bg-cyan-8 {
    background-color: #0c8599;
}

.u-color-cyan-9 {
    color: #0b7285;
}

.u-bg-cyan-9 {
    background-color: #0b7285;
}

.u-color-teal-0 {
    color: #e6fcf5;
}

.u-bg-teal-0 {
    background-color: #e6fcf5;
}

.u-color-teal-1 {
    color: #c3fae8;
}

.u-bg-teal-1 {
    background-color: #c3fae8;
}

.u-color-teal-2 {
    color: #96f2d7;
}

.u-bg-teal-2 {
    background-color: #96f2d7;
}

.u-color-teal-3 {
    color: #63e6be;
}

.u-bg-teal-3 {
    background-color: #63e6be;
}

.u-color-teal-4 {
    color: #38d9a9;
}

.u-bg-teal-4 {
    background-color: #38d9a9;
}

.u-color-teal-5 {
    color: #20c997;
}

.u-bg-teal-5 {
    background-color: #20c997;
}

.u-color-teal-6 {
    color: #12b886;
}

.u-bg-teal-6 {
    background-color: #12b886;
}

.u-color-teal-7 {
    color: #0ca678;
}

.u-bg-teal-7 {
    background-color: #0ca678;
}

.u-color-teal-8 {
    color: #099268;
}

.u-bg-teal-8 {
    background-color: #099268;
}

.u-color-teal-9 {
    color: #087f5b;
}

.u-bg-teal-9 {
    background-color: #087f5b;
}

.u-color-lime-0 {
    color: #f4fce3;
}

.u-bg-lime-0 {
    background-color: #f4fce3;
}

.u-color-lime-1 {
    color: #e9fac8;
}

.u-bg-lime-1 {
    background-color: #e9fac8;
}

.u-color-lime-2 {
    color: #d8f5a2;
}

.u-bg-lime-2 {
    background-color: #d8f5a2;
}

.u-color-lime-3 {
    color: #c0eb75;
}

.u-bg-lime-3 {
    background-color: #c0eb75;
}

.u-color-lime-4 {
    color: #a9e34b;
}

.u-bg-lime-4 {
    background-color: #a9e34b;
}

.u-color-lime-5 {
    color: #94d82d;
}

.u-bg-lime-5 {
    background-color: #94d82d;
}

.u-color-lime-6 {
    color: #82c91e;
}

.u-bg-lime-6 {
    background-color: #82c91e;
}

.u-color-lime-7 {
    color: #74b816;
}

.u-bg-lime-7 {
    background-color: #74b816;
}

.u-color-lime-8 {
    color: #66a80f;
}

.u-bg-lime-8 {
    background-color: #66a80f;
}

.u-color-lime-9 {
    color: #5c940d;
}

.u-bg-lime-9 {
    background-color: #5c940d;
}

.u-color-green-0 {
    color: #ebfbee;
}

.u-bg-green-0 {
    background-color: #ebfbee;
}

.u-color-green-1 {
    color: #d3f9d8;
}

.u-bg-green-1 {
    background-color: #d3f9d8;
}

.u-color-green-2 {
    color: #b2f2bb;
}

.u-bg-green-2 {
    background-color: #b2f2bb;
}

.u-color-green-3 {
    color: #8ce99a;
}

.u-bg-green-3 {
    background-color: #8ce99a;
}

.u-color-green-4 {
    color: #69db7c;
}

.u-bg-green-4 {
    background-color: #69db7c;
}

.u-color-green-5 {
    color: #51cf66;
}

.u-bg-green-5 {
    background-color: #51cf66;
}

.u-color-green-6 {
    color: #40c057;
}

.u-bg-green-6 {
    background-color: #40c057;
}

.u-color-green-7 {
    color: #37b24d;
}

.u-bg-green-7 {
    background-color: #37b24d;
}

.u-color-green-8 {
    color: #2f9e44;
}

.u-bg-green-8 {
    background-color: #2f9e44;
}

.u-color-green-9 {
    color: #2b8a3e;
}

.u-bg-green-9 {
    background-color: #2b8a3e;
}

.u-color-grape-0 {
    color: #f8f0fc;
}

.u-bg-grape-0 {
    background-color: #f8f0fc;
}

.u-color-grape-1 {
    color: #f3d9fa;
}

.u-bg-grape-1 {
    background-color: #f3d9fa;
}

.u-color-grape-2 {
    color: #eebefa;
}

.u-bg-grape-2 {
    background-color: #eebefa;
}

.u-color-grape-3 {
    color: #e599f7;
}

.u-bg-grape-3 {
    background-color: #e599f7;
}

.u-color-grape-4 {
    color: #da77f2;
}

.u-bg-grape-4 {
    background-color: #da77f2;
}

.u-color-grape-5 {
    color: #cc5de8;
}

.u-bg-grape-5 {
    background-color: #cc5de8;
}

.u-color-grape-6 {
    color: #be4bdb;
}

.u-bg-grape-6 {
    background-color: #be4bdb;
}

.u-color-grape-7 {
    color: #ae3ec9;
}

.u-bg-grape-7 {
    background-color: #ae3ec9;
}

.u-color-grape-8 {
    color: #9c36b5;
}

.u-bg-grape-8 {
    background-color: #9c36b5;
}

.u-color-grape-9 {
    color: #862e9c;
}

.u-bg-grape-9 {
    background-color: #862e9c;
}

.u-color-violet-0 {
    color: #f3f0ff;
}

.u-bg-violet-0 {
    background-color: #f3f0ff;
}

.u-color-violet-1 {
    color: #e5dbff;
}

.u-bg-violet-1 {
    background-color: #e5dbff;
}

.u-color-violet-2 {
    color: #d0bfff;
}

.u-bg-violet-2 {
    background-color: #d0bfff;
}

.u-color-violet-3 {
    color: #b197fc;
}

.u-bg-violet-3 {
    background-color: #b197fc;
}

.u-color-violet-4 {
    color: #9775fa;
}

.u-bg-violet-4 {
    background-color: #9775fa;
}

.u-color-violet-5 {
    color: #845ef7;
}

.u-bg-violet-5 {
    background-color: #845ef7;
}

.u-color-violet-6 {
    color: #7950f2;
}

.u-bg-violet-6 {
    background-color: #7950f2;
}

.u-color-violet-7 {
    color: #7048e8;
}

.u-bg-violet-7 {
    background-color: #7048e8;
}

.u-color-violet-8 {
    color: #6741d9;
}

.u-bg-violet-8 {
    background-color: #6741d9;
}

.u-color-violet-9 {
    color: #5f3dc4;
}

.u-bg-violet-9 {
    background-color: #5f3dc4;
}

.u-color-indigo-0 {
    color: #edf2ff;
}

.u-bg-indigo-0 {
    background-color: #edf2ff;
}

.u-color-indigo-1 {
    color: #dbe4ff;
}

.u-bg-indigo-1 {
    background-color: #dbe4ff;
}

.u-color-indigo-2 {
    color: #bac8ff;
}

.u-bg-indigo-2 {
    background-color: #bac8ff;
}

.u-color-indigo-3 {
    color: #91a7ff;
}

.u-bg-indigo-3 {
    background-color: #91a7ff;
}

.u-color-indigo-4 {
    color: #748ffc;
}

.u-bg-indigo-4 {
    background-color: #748ffc;
}

.u-color-indigo-5 {
    color: #5c7cfa;
}

.u-bg-indigo-5 {
    background-color: #5c7cfa;
}

.u-color-indigo-6 {
    color: #4c6ef5;
}

.u-bg-indigo-6 {
    background-color: #4c6ef5;
}

.u-color-indigo-7 {
    color: #4263eb;
}

.u-bg-indigo-7 {
    background-color: #4263eb;
}

.u-color-indigo-8 {
    color: #3b5bdb;
}

.u-bg-indigo-8 {
    background-color: #3b5bdb;
}

.u-color-indigo-9 {
    color: #364fc7;
}

.u-bg-indigo-9 {
    background-color: #364fc7;
}

.u-color-yellow-0 {
    color: #fff9db;
}

.u-bg-yellow-0 {
    background-color: #fff9db;
}

.u-color-yellow-1 {
    color: #fff3bf;
}

.u-bg-yellow-1 {
    background-color: #fff3bf;
}

.u-color-yellow-2 {
    color: #ffec99;
}

.u-bg-yellow-2 {
    background-color: #ffec99;
}

.u-color-yellow-3 {
    color: #ffe066;
}

.u-bg-yellow-3 {
    background-color: #ffe066;
}

.u-color-yellow-4 {
    color: #ffd43b;
}

.u-bg-yellow-4 {
    background-color: #ffd43b;
}

.u-color-yellow-5 {
    color: #fcc419;
}

.u-bg-yellow-5 {
    background-color: #fcc419;
}

.u-color-yellow-6 {
    color: #fab005;
}

.u-bg-yellow-6 {
    background-color: #fab005;
}

.u-color-yellow-7 {
    color: #f59f00;
}

.u-bg-yellow-7 {
    background-color: #f59f00;
}

.u-color-yellow-8 {
    color: #f08c00;
}

.u-bg-yellow-8 {
    background-color: #f08c00;
}

.u-color-yellow-9 {
    color: #e67700;
}

.u-bg-yellow-9 {
    background-color: #e67700;
}

.u-color-orange-0 {
    color: #fff4e6;
}

.u-bg-orange-0 {
    background-color: #fff4e6;
}

.u-color-orange-1 {
    color: #ffe8cc;
}

.u-bg-orange-1 {
    background-color: #ffe8cc;
}

.u-color-orange-2 {
    color: #ffd8a8;
}

.u-bg-orange-2 {
    background-color: #ffd8a8;
}

.u-color-orange-3 {
    color: #ffc078;
}

.u-bg-orange-3 {
    background-color: #ffc078;
}

.u-color-orange-4 {
    color: #ffa94d;
}

.u-bg-orange-4 {
    background-color: #ffa94d;
}

.u-color-orange-5 {
    color: #ff922b;
}

.u-bg-orange-5 {
    background-color: #ff922b;
}

.u-color-orange-6 {
    color: #fd7e14;
}

.u-bg-orange-6 {
    background-color: #fd7e14;
}

.u-color-orange-7 {
    color: #f76707;
}

.u-bg-orange-7 {
    background-color: #f76707;
}

.u-color-orange-8 {
    color: #e8590c;
}

.u-bg-orange-8 {
    background-color: #e8590c;
}

.u-color-orange-9 {
    color: #d9480f;
}

.u-bg-orange-9 {
    background-color: #d9480f;
}

.u-block {
    display: block;
}

.u-flex {
    display: flex;
}

.u-inline {
    display: inline;
}

.u-inline-block {
    display: inline-block;
}

.u-inline-flex {
    display: inline-flex;
}

.border {
    border-style: solid;
    border-width: 2px;
}

.u-border-top {
    border-top-style: solid;
    border-top-width: 2px;
}

.u-border-right {
    border-right-style: solid;
    border-right-width: 2px;
}

.u-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.u-border-left {
    border-left-style: solid;
    border-left-width: 2px;
}

.u-border-none {
    border: 0;
}

.u-rounded {
    border-radius: 1px;
}

.u-circle {
    border-radius: 50%;
}

.u-rounded-top {
    border-radius: 1px 1px 0 0;
}

.u-rounded-right {
    border-radius: 0 1px 1px 0;
}

.u-rounded-bottom {
    border-radius: 0 0 1px 1px;
}

.u-rounded-left {
    border-radius: 1px 0 0 1px;
}

.u-not-rounded {
    border-radius: 0;
}

.u-hide {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.u-display-none {
    display: none !important;
}


/* Basscss Type Scale */

.u-h1 {
    font-size: 30px;
}

.u-h2 {
    font-size: 20px;
}

.u-h3 {
    font-size: 20px;
}

.u-h4 {
    font-size: 20px;
}

.u-h5 {
    font-size: 20px;
}

.u-h6 {
    font-size: 20px;
}

.u-align-baseline {
    vertical-align: "baseline";
}

.u-align-top {
    vertical-align: "top";
}

.u-align-middle {
    vertical-align: "middle";
}

.u-align-bottom {
    vertical-align: "bottom";
}


/* Basscss Typography */

.u-font-family-inherit {
    font-family: inherit;
}

.u-font-size-inherit {
    font-size: inherit;
}

.u-text-decoration-none {
    text-decoration: none;
}

.u-bold {
    font-weight: bold;
}

.u-regular {
    font-weight: normal;
}

.u-italic {
    font-style: italic;
}

.u-caps {
    text-transform: uppercase;
    letter-spacing: .2em;
}

.u-left-align {
    text-align: left;
}

.u-center {
    text-align: center;
}

.u-right-align {
    text-align: right;
}

.u-justify {
    text-align: justify;
}

.u-nowrap {
    white-space: nowrap;
}

.u-break-word {
    word-wrap: break-word;
}

.u-line-height-1 {
    line-height: 1em;
}

.u-line-height-2 {
    line-height: 2em;
}

.u-line-height-3 {
    line-height: 3em;
}

.u-line-height-4 {
    line-height: 4em;
}

.u-list-style-none {
    list-style: none;
}

.u-underline {
    text-decoration: underline;
}

.u-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.u-list-reset {
    list-style: none;
    padding-left: 0;
}


/* Basscss Position */

.u-relative {
    position: relative;
}

.u-absolute {
    position: absolute;
}

.u-fixed {
    position: fixed;
}

.u-top-0 {
    top: 0;
}

.u-right-0 {
    right: 0;
}

.u-bottom-0 {
    bottom: 0;
}

.u-left-0 {
    left: 0;
}

.u-z1 {
    z-index: 1;
}

.u-z2 {
    z-index: 2;
}

.u-z3 {
    z-index: 3;
}

.u-z4 {
    z-index: 4;
}


/* Basscss Layout */

.u-overflow-hidden {
    overflow: hidden;
}

.u-overflow-scroll {
    overflow: scroll;
}

.u-overflow-auto {
    overflow: auto;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.u-left {
    float: left;
}

.u-right {
    float: right;
}

.u-fit {
    max-width: 100%;
}

.u-max-width-1 {
    max-width: 1px;
}

.u-max-width-2 {
    max-width: 2px;
}

.u-max-width-3 {
    max-width: 3px;
}

.u-max-width-4 {
    max-width: 4px;
}

.u-border-box {
    box-sizing: border-box;
}

.is-disabled {
    pointer-events: none;
}

.is-marginless {
    margin: 0 !important;
}

.is-paddingless {
    padding: 0 !important;
}

.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-center {
    align-content: center;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.content-stretch {
    align-content: stretch;
}


/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */

.flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.flex-none {
    flex: none;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-last {
    order: 99999;
}


/* Basscss Margin */

.u-m-0 {
    margin: 0;
}

.u-mt-0 {
    margin-top: 0;
}

.u-mr-0 {
    margin-right: 0;
}

.u-mb-0 {
    margin-bottom: 0;
}

.u-ml-0 {
    margin-left: 0;
}

.u-mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.u-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.u-m-1 {
    margin: 0.1rem;
}

.u-mt-1 {
    margin-top: 0.1rem;
}

.u-mr-1 {
    margin-right: 0.1rem;
}

.u-mb-1 {
    margin-bottom: 0.1rem;
}

.u-ml-1 {
    margin-left: 0.1rem;
}

.u-mx-1 {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

.u-my-1 {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.u-m-2 {
    margin: 0.2rem;
}

.u-mt-2 {
    margin-top: 0.2rem;
}

.u-mr-2 {
    margin-right: 0.2rem;
}

.u-mb-2 {
    margin-bottom: 0.2rem;
}

.u-ml-2 {
    margin-left: 0.2rem;
}

.u-mx-2 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.u-my-2 {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.u-m-3 {
    margin: 0.3rem;
}

.u-mt-3 {
    margin-top: 0.3rem;
}

.u-mr-3 {
    margin-right: 0.3rem;
}

.u-mb-3 {
    margin-bottom: 0.3rem;
}

.u-ml-3 {
    margin-left: 0.3rem;
}

.u-mx-3 {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.u-my-3 {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.u-m-4 {
    margin: 0.4rem;
}

.u-mt-4 {
    margin-top: 0.4rem;
}

.u-mr-4 {
    margin-right: 0.4rem;
}

.u-mb-4 {
    margin-bottom: 0.4rem;
}

.u-ml-4 {
    margin-left: 0.4rem;
}

.u-mx-4 {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

.u-my-4 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.u-ml-auto {
    margin-left: auto;
}

.u-mr-auto {
    margin-right: auto;
}

.u-mx-auto {
    margin-left: auto;
    margin-right: auto;
}


/* Basscss Padding */

.u-p-0 {
    padding: 0;
}

.u-pt-0 {
    padding-top: 0;
}

.u-pr-0 {
    padding-right: 0;
}

.u-pb-0 {
    padding-bottom: 0;
}

.u-pl-0 {
    padding-left: 0;
}

.u-px-0 {
    padding-left: 0;
    padding-right: 0;
}

.u-py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.u-p-1 {
    padding: 0.1rem;
}

.u-pt-1 {
    padding-top: 0.1rem;
}

.u-pr-1 {
    padding-right: 0.1rem;
}

.u-pb-1 {
    padding-bottom: 0.1rem;
}

.u-pl-1 {
    padding-left: 0.1rem;
}

.u-px-1 {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}

.u-py-1 {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.u-p-2 {
    padding: 0.2rem;
}

.u-pt-2 {
    padding-top: 0.2rem;
}

.u-pr-2 {
    padding-right: 0.2rem;
}

.u-pb-2 {
    padding-bottom: 0.2rem;
}

.u-pl-2 {
    padding-left: 0.2rem;
}

.u-px-2 {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.u-py-2 {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.u-p-3 {
    padding: 0.3rem;
}

.u-pt-3 {
    padding-top: 0.3rem;
}

.u-pr-3 {
    padding-right: 0.3rem;
}

.u-pb-3 {
    padding-bottom: 0.3rem;
}

.u-pl-3 {
    padding-left: 0.3rem;
}

.u-px-3 {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.u-py-3 {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.u-p-4 {
    padding: 0.4rem;
}

.u-pt-4 {
    padding-top: 0.4rem;
}

.u-pr-4 {
    padding-right: 0.4rem;
}

.u-pb-4 {
    padding-bottom: 0.4rem;
}

.u-pl-4 {
    padding-left: 0.4rem;
}

.u-px-4 {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.u-py-4 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}


/* NEC reset */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
    font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

[hidefocus],
summary {
    outline: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: 100%;
}

sup,
sub {
    font-size: 83%;
}

pre,
code,
kbd,
samp {
    font-family: inherit;
}

q:before,
q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label,
summary {
    cursor: default;
}

a,
button {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
    font-weight: bold;
}

del,
ins,
u,
s,
a,
a:hover {
    text-decoration: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
    font: 12px/1.14 arial, \5b8b\4f53;
    color: #333;
    outline: 0;
}

body {
    background: #fff;
}

.u-color-white {
    color: #ffffff;
}

.u-bg-white {
    background-color: #ffffff;
}

.u-color-black {
    color: #000000;
}

.u-bg-black {
    background-color: #000000;
}

.u-color-red-0 {
    color: #fff5f5;
}

.u-bg-red-0 {
    background-color: #fff5f5;
}

.u-color-red-1 {
    color: #ffe3e3;
}

.u-bg-red-1 {
    background-color: #ffe3e3;
}

.u-color-red-2 {
    color: #ffc9c9;
}

.u-bg-red-2 {
    background-color: #ffc9c9;
}

.u-color-red-3 {
    color: #ffa8a8;
}

.u-bg-red-3 {
    background-color: #ffa8a8;
}

.u-color-red-4 {
    color: #ff8787;
}

.u-bg-red-4 {
    background-color: #ff8787;
}

.u-color-red-5 {
    color: #ff6b6b;
}

.u-bg-red-5 {
    background-color: #ff6b6b;
}

.u-color-red-6 {
    color: #fa5252;
}

.u-bg-red-6 {
    background-color: #fa5252;
}

.u-color-red-7 {
    color: #f03e3e;
}

.u-bg-red-7 {
    background-color: #f03e3e;
}

.u-color-red-8 {
    color: #e03131;
}

.u-bg-red-8 {
    background-color: #e03131;
}

.u-color-red-9 {
    color: #c92a2a;
}

.u-bg-red-9 {
    background-color: #c92a2a;
}

.u-color-pink-0 {
    color: #fff0f6;
}

.u-bg-pink-0 {
    background-color: #fff0f6;
}

.u-color-pink-1 {
    color: #ffdeeb;
}

.u-bg-pink-1 {
    background-color: #ffdeeb;
}

.u-color-pink-2 {
    color: #fcc2d7;
}

.u-bg-pink-2 {
    background-color: #fcc2d7;
}

.u-color-pink-3 {
    color: #faa2c1;
}

.u-bg-pink-3 {
    background-color: #faa2c1;
}

.u-color-pink-4 {
    color: #f783ac;
}

.u-bg-pink-4 {
    background-color: #f783ac;
}

.u-color-pink-5 {
    color: #f06595;
}

.u-bg-pink-5 {
    background-color: #f06595;
}

.u-color-pink-6 {
    color: #e64980;
}

.u-bg-pink-6 {
    background-color: #e64980;
}

.u-color-pink-7 {
    color: #d6336c;
}

.u-bg-pink-7 {
    background-color: #d6336c;
}

.u-color-pink-8 {
    color: #c2255c;
}

.u-bg-pink-8 {
    background-color: #c2255c;
}

.u-color-pink-9 {
    color: #a61e4d;
}

.u-bg-pink-9 {
    background-color: #a61e4d;
}

.u-color-gray-0 {
    color: #f8f9fa;
}

.u-bg-gray-0 {
    background-color: #f8f9fa;
}

.u-color-gray-1 {
    color: #f1f3f5;
}

.u-bg-gray-1 {
    background-color: #f1f3f5;
}

.u-color-gray-2 {
    color: #e9ecef;
}

.u-bg-gray-2 {
    background-color: #e9ecef;
}

.u-color-gray-3 {
    color: #dee2e6;
}

.u-bg-gray-3 {
    background-color: #dee2e6;
}

.u-color-gray-4 {
    color: #ced4da;
}

.u-bg-gray-4 {
    background-color: #ced4da;
}

.u-color-gray-5 {
    color: #adb5bd;
}

.u-bg-gray-5 {
    background-color: #adb5bd;
}

.u-color-gray-6 {
    color: #868e96;
}

.u-bg-gray-6 {
    background-color: #868e96;
}

.u-color-gray-7 {
    color: #495057;
}

.u-bg-gray-7 {
    background-color: #495057;
}

.u-color-gray-8 {
    color: #343a40;
}

.u-bg-gray-8 {
    background-color: #343a40;
}

.u-color-gray-9 {
    color: #212529;
}

.u-bg-gray-9 {
    background-color: #212529;
}

.u-color-blue-0 {
    color: #e8f7ff;
}

.u-bg-blue-0 {
    background-color: #e8f7ff;
}

.u-color-blue-1 {
    color: #ccedff;
}

.u-bg-blue-1 {
    background-color: #ccedff;
}

.u-color-blue-2 {
    color: #a3daff;
}

.u-bg-blue-2 {
    background-color: #a3daff;
}

.u-color-blue-3 {
    color: #72c3fc;
}

.u-bg-blue-3 {
    background-color: #72c3fc;
}

.u-color-blue-4 {
    color: #4dadf7;
}

.u-bg-blue-4 {
    background-color: #4dadf7;
}

.u-color-blue-5 {
    color: #329af0;
}

.u-bg-blue-5 {
    background-color: #329af0;
}

.u-color-blue-6 {
    color: #228ae6;
}

.u-bg-blue-6 {
    background-color: #228ae6;
}

.u-color-blue-7 {
    color: #1c7cd6;
}

.u-bg-blue-7 {
    background-color: #1c7cd6;
}

.u-color-blue-8 {
    color: #1b6ec2;
}

.u-bg-blue-8 {
    background-color: #1b6ec2;
}

.u-color-blue-9 {
    color: #1862ab;
}

.u-bg-blue-9 {
    background-color: #1862ab;
}

.u-color-cyan-0 {
    color: #e3fafc;
}

.u-bg-cyan-0 {
    background-color: #e3fafc;
}

.u-color-cyan-1 {
    color: #c5f6fa;
}

.u-bg-cyan-1 {
    background-color: #c5f6fa;
}

.u-color-cyan-2 {
    color: #99e9f2;
}

.u-bg-cyan-2 {
    background-color: #99e9f2;
}

.u-color-cyan-3 {
    color: #66d9e8;
}

.u-bg-cyan-3 {
    background-color: #66d9e8;
}

.u-color-cyan-4 {
    color: #3bc9db;
}

.u-bg-cyan-4 {
    background-color: #3bc9db;
}

.u-color-cyan-5 {
    color: #22b8cf;
}

.u-bg-cyan-5 {
    background-color: #22b8cf;
}

.u-color-cyan-6 {
    color: #15aabf;
}

.u-bg-cyan-6 {
    background-color: #15aabf;
}

.u-color-cyan-7 {
    color: #1098ad;
}

.u-bg-cyan-7 {
    background-color: #1098ad;
}

.u-color-cyan-8 {
    color: #0c8599;
}

.u-bg-cyan-8 {
    background-color: #0c8599;
}

.u-color-cyan-9 {
    color: #0b7285;
}

.u-bg-cyan-9 {
    background-color: #0b7285;
}

.u-color-teal-0 {
    color: #e6fcf5;
}

.u-bg-teal-0 {
    background-color: #e6fcf5;
}

.u-color-teal-1 {
    color: #c3fae8;
}

.u-bg-teal-1 {
    background-color: #c3fae8;
}

.u-color-teal-2 {
    color: #96f2d7;
}

.u-bg-teal-2 {
    background-color: #96f2d7;
}

.u-color-teal-3 {
    color: #63e6be;
}

.u-bg-teal-3 {
    background-color: #63e6be;
}

.u-color-teal-4 {
    color: #38d9a9;
}

.u-bg-teal-4 {
    background-color: #38d9a9;
}

.u-color-teal-5 {
    color: #20c997;
}

.u-bg-teal-5 {
    background-color: #20c997;
}

.u-color-teal-6 {
    color: #12b886;
}

.u-bg-teal-6 {
    background-color: #12b886;
}

.u-color-teal-7 {
    color: #0ca678;
}

.u-bg-teal-7 {
    background-color: #0ca678;
}

.u-color-teal-8 {
    color: #099268;
}

.u-bg-teal-8 {
    background-color: #099268;
}

.u-color-teal-9 {
    color: #087f5b;
}

.u-bg-teal-9 {
    background-color: #087f5b;
}

.u-color-lime-0 {
    color: #f4fce3;
}

.u-bg-lime-0 {
    background-color: #f4fce3;
}

.u-color-lime-1 {
    color: #e9fac8;
}

.u-bg-lime-1 {
    background-color: #e9fac8;
}

.u-color-lime-2 {
    color: #d8f5a2;
}

.u-bg-lime-2 {
    background-color: #d8f5a2;
}

.u-color-lime-3 {
    color: #c0eb75;
}

.u-bg-lime-3 {
    background-color: #c0eb75;
}

.u-color-lime-4 {
    color: #a9e34b;
}

.u-bg-lime-4 {
    background-color: #a9e34b;
}

.u-color-lime-5 {
    color: #94d82d;
}

.u-bg-lime-5 {
    background-color: #94d82d;
}

.u-color-lime-6 {
    color: #82c91e;
}

.u-bg-lime-6 {
    background-color: #82c91e;
}

.u-color-lime-7 {
    color: #74b816;
}

.u-bg-lime-7 {
    background-color: #74b816;
}

.u-color-lime-8 {
    color: #66a80f;
}

.u-bg-lime-8 {
    background-color: #66a80f;
}

.u-color-lime-9 {
    color: #5c940d;
}

.u-bg-lime-9 {
    background-color: #5c940d;
}

.u-color-green-0 {
    color: #ebfbee;
}

.u-bg-green-0 {
    background-color: #ebfbee;
}

.u-color-green-1 {
    color: #d3f9d8;
}

.u-bg-green-1 {
    background-color: #d3f9d8;
}

.u-color-green-2 {
    color: #b2f2bb;
}

.u-bg-green-2 {
    background-color: #b2f2bb;
}

.u-color-green-3 {
    color: #8ce99a;
}

.u-bg-green-3 {
    background-color: #8ce99a;
}

.u-color-green-4 {
    color: #69db7c;
}

.u-bg-green-4 {
    background-color: #69db7c;
}

.u-color-green-5 {
    color: #51cf66;
}

.u-bg-green-5 {
    background-color: #51cf66;
}

.u-color-green-6 {
    color: #40c057;
}

.u-bg-green-6 {
    background-color: #40c057;
}

.u-color-green-7 {
    color: #37b24d;
}

.u-bg-green-7 {
    background-color: #37b24d;
}

.u-color-green-8 {
    color: #2f9e44;
}

.u-bg-green-8 {
    background-color: #2f9e44;
}

.u-color-green-9 {
    color: #2b8a3e;
}

.u-bg-green-9 {
    background-color: #2b8a3e;
}

.u-color-grape-0 {
    color: #f8f0fc;
}

.u-bg-grape-0 {
    background-color: #f8f0fc;
}

.u-color-grape-1 {
    color: #f3d9fa;
}

.u-bg-grape-1 {
    background-color: #f3d9fa;
}

.u-color-grape-2 {
    color: #eebefa;
}

.u-bg-grape-2 {
    background-color: #eebefa;
}

.u-color-grape-3 {
    color: #e599f7;
}

.u-bg-grape-3 {
    background-color: #e599f7;
}

.u-color-grape-4 {
    color: #da77f2;
}

.u-bg-grape-4 {
    background-color: #da77f2;
}

.u-color-grape-5 {
    color: #cc5de8;
}

.u-bg-grape-5 {
    background-color: #cc5de8;
}

.u-color-grape-6 {
    color: #be4bdb;
}

.u-bg-grape-6 {
    background-color: #be4bdb;
}

.u-color-grape-7 {
    color: #ae3ec9;
}

.u-bg-grape-7 {
    background-color: #ae3ec9;
}

.u-color-grape-8 {
    color: #9c36b5;
}

.u-bg-grape-8 {
    background-color: #9c36b5;
}

.u-color-grape-9 {
    color: #862e9c;
}

.u-bg-grape-9 {
    background-color: #862e9c;
}

.u-color-violet-0 {
    color: #f3f0ff;
}

.u-bg-violet-0 {
    background-color: #f3f0ff;
}

.u-color-violet-1 {
    color: #e5dbff;
}

.u-bg-violet-1 {
    background-color: #e5dbff;
}

.u-color-violet-2 {
    color: #d0bfff;
}

.u-bg-violet-2 {
    background-color: #d0bfff;
}

.u-color-violet-3 {
    color: #b197fc;
}

.u-bg-violet-3 {
    background-color: #b197fc;
}

.u-color-violet-4 {
    color: #9775fa;
}

.u-bg-violet-4 {
    background-color: #9775fa;
}

.u-color-violet-5 {
    color: #845ef7;
}

.u-bg-violet-5 {
    background-color: #845ef7;
}

.u-color-violet-6 {
    color: #7950f2;
}

.u-bg-violet-6 {
    background-color: #7950f2;
}

.u-color-violet-7 {
    color: #7048e8;
}

.u-bg-violet-7 {
    background-color: #7048e8;
}

.u-color-violet-8 {
    color: #6741d9;
}

.u-bg-violet-8 {
    background-color: #6741d9;
}

.u-color-violet-9 {
    color: #5f3dc4;
}

.u-bg-violet-9 {
    background-color: #5f3dc4;
}

.u-color-indigo-0 {
    color: #edf2ff;
}

.u-bg-indigo-0 {
    background-color: #edf2ff;
}

.u-color-indigo-1 {
    color: #dbe4ff;
}

.u-bg-indigo-1 {
    background-color: #dbe4ff;
}

.u-color-indigo-2 {
    color: #bac8ff;
}

.u-bg-indigo-2 {
    background-color: #bac8ff;
}

.u-color-indigo-3 {
    color: #91a7ff;
}

.u-bg-indigo-3 {
    background-color: #91a7ff;
}

.u-color-indigo-4 {
    color: #748ffc;
}

.u-bg-indigo-4 {
    background-color: #748ffc;
}

.u-color-indigo-5 {
    color: #5c7cfa;
}

.u-bg-indigo-5 {
    background-color: #5c7cfa;
}

.u-color-indigo-6 {
    color: #4c6ef5;
}

.u-bg-indigo-6 {
    background-color: #4c6ef5;
}

.u-color-indigo-7 {
    color: #4263eb;
}

.u-bg-indigo-7 {
    background-color: #4263eb;
}

.u-color-indigo-8 {
    color: #3b5bdb;
}

.u-bg-indigo-8 {
    background-color: #3b5bdb;
}

.u-color-indigo-9 {
    color: #364fc7;
}

.u-bg-indigo-9 {
    background-color: #364fc7;
}

.u-color-yellow-0 {
    color: #fff9db;
}

.u-bg-yellow-0 {
    background-color: #fff9db;
}

.u-color-yellow-1 {
    color: #fff3bf;
}

.u-bg-yellow-1 {
    background-color: #fff3bf;
}

.u-color-yellow-2 {
    color: #ffec99;
}

.u-bg-yellow-2 {
    background-color: #ffec99;
}

.u-color-yellow-3 {
    color: #ffe066;
}

.u-bg-yellow-3 {
    background-color: #ffe066;
}

.u-color-yellow-4 {
    color: #ffd43b;
}

.u-bg-yellow-4 {
    background-color: #ffd43b;
}

.u-color-yellow-5 {
    color: #fcc419;
}

.u-bg-yellow-5 {
    background-color: #fcc419;
}

.u-color-yellow-6 {
    color: #fab005;
}

.u-bg-yellow-6 {
    background-color: #fab005;
}

.u-color-yellow-7 {
    color: #f59f00;
}

.u-bg-yellow-7 {
    background-color: #f59f00;
}

.u-color-yellow-8 {
    color: #f08c00;
}

.u-bg-yellow-8 {
    background-color: #f08c00;
}

.u-color-yellow-9 {
    color: #e67700;
}

.u-bg-yellow-9 {
    background-color: #e67700;
}

.u-color-orange-0 {
    color: #fff4e6;
}

.u-bg-orange-0 {
    background-color: #fff4e6;
}

.u-color-orange-1 {
    color: #ffe8cc;
}

.u-bg-orange-1 {
    background-color: #ffe8cc;
}

.u-color-orange-2 {
    color: #ffd8a8;
}

.u-bg-orange-2 {
    background-color: #ffd8a8;
}

.u-color-orange-3 {
    color: #ffc078;
}

.u-bg-orange-3 {
    background-color: #ffc078;
}

.u-color-orange-4 {
    color: #ffa94d;
}

.u-bg-orange-4 {
    background-color: #ffa94d;
}

.u-color-orange-5 {
    color: #ff922b;
}

.u-bg-orange-5 {
    background-color: #ff922b;
}

.u-color-orange-6 {
    color: #fd7e14;
}

.u-bg-orange-6 {
    background-color: #fd7e14;
}

.u-color-orange-7 {
    color: #f76707;
}

.u-bg-orange-7 {
    background-color: #f76707;
}

.u-color-orange-8 {
    color: #e8590c;
}

.u-bg-orange-8 {
    background-color: #e8590c;
}

.u-color-orange-9 {
    color: #d9480f;
}

.u-bg-orange-9 {
    background-color: #d9480f;
}

.u-block {
    display: block;
}

.u-flex {
    display: flex;
}

.u-inline {
    display: inline;
}

.u-inline-block {
    display: inline-block;
}

.u-inline-flex {
    display: inline-flex;
}

.border {
    border-style: solid;
    border-width: 2px;
}

.u-border-top {
    border-top-style: solid;
    border-top-width: 2px;
}

.u-border-right {
    border-right-style: solid;
    border-right-width: 2px;
}

.u-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.u-border-left {
    border-left-style: solid;
    border-left-width: 2px;
}

.u-border-none {
    border: 0;
}

.u-rounded {
    border-radius: 1px;
}

.u-circle {
    border-radius: 50%;
}

.u-rounded-top {
    border-radius: 1px 1px 0 0;
}

.u-rounded-right {
    border-radius: 0 1px 1px 0;
}

.u-rounded-bottom {
    border-radius: 0 0 1px 1px;
}

.u-rounded-left {
    border-radius: 1px 0 0 1px;
}

.u-not-rounded {
    border-radius: 0;
}

.u-hide {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.u-display-none {
    display: none !important;
}


/* Basscss Type Scale */

.u-h1 {
    font-size: 30px;
}

.u-h2 {
    font-size: 20px;
}

.u-h3 {
    font-size: 20px;
}

.u-h4 {
    font-size: 20px;
}

.u-h5 {
    font-size: 20px;
}

.u-h6 {
    font-size: 20px;
}

.u-align-baseline {
    vertical-align: "baseline";
}

.u-align-top {
    vertical-align: "top";
}

.u-align-middle {
    vertical-align: "middle";
}

.u-align-bottom {
    vertical-align: "bottom";
}


/* Basscss Typography */

.u-font-family-inherit {
    font-family: inherit;
}

.u-font-size-inherit {
    font-size: inherit;
}

.u-text-decoration-none {
    text-decoration: none;
}

.u-bold {
    font-weight: bold;
}

.u-regular {
    font-weight: normal;
}

.u-italic {
    font-style: italic;
}

.u-caps {
    text-transform: uppercase;
    letter-spacing: .2em;
}

.u-left-align {
    text-align: left;
}

.u-center {
    text-align: center;
}

.u-right-align {
    text-align: right;
}

.u-justify {
    text-align: justify;
}

.u-nowrap {
    white-space: nowrap;
}

.u-break-word {
    word-wrap: break-word;
}

.u-line-height-1 {
    line-height: 1em;
}

.u-line-height-2 {
    line-height: 2em;
}

.u-line-height-3 {
    line-height: 3em;
}

.u-line-height-4 {
    line-height: 4em;
}

.u-list-style-none {
    list-style: none;
}

.u-underline {
    text-decoration: underline;
}

.u-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.u-list-reset {
    list-style: none;
    padding-left: 0;
}


/* Basscss Position */

.u-relative {
    position: relative;
}

.u-absolute {
    position: absolute;
}

.u-fixed {
    position: fixed;
}

.u-top-0 {
    top: 0;
}

.u-right-0 {
    right: 0;
}

.u-bottom-0 {
    bottom: 0;
}

.u-left-0 {
    left: 0;
}

.u-z1 {
    z-index: 1;
}

.u-z2 {
    z-index: 2;
}

.u-z3 {
    z-index: 3;
}

.u-z4 {
    z-index: 4;
}


/* Basscss Layout */

.u-overflow-hidden {
    overflow: hidden;
}

.u-overflow-scroll {
    overflow: scroll;
}

.u-overflow-auto {
    overflow: auto;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.u-left {
    float: left;
}

.u-right {
    float: right;
}

.u-fit {
    max-width: 100%;
}

.u-max-width-1 {
    max-width: 1px;
}

.u-max-width-2 {
    max-width: 2px;
}

.u-max-width-3 {
    max-width: 3px;
}

.u-max-width-4 {
    max-width: 4px;
}

.u-border-box {
    box-sizing: border-box;
}

.is-disabled {
    pointer-events: none;
}

.is-marginless {
    margin: 0 !important;
}

.is-paddingless {
    padding: 0 !important;
}

.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-center {
    align-content: center;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.content-stretch {
    align-content: stretch;
}


/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */

.flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.flex-none {
    flex: none;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-last {
    order: 99999;
}


/* Basscss Margin */

.u-m-0 {
    margin: 0;
}

.u-mt-0 {
    margin-top: 0;
}

.u-mr-0 {
    margin-right: 0;
}

.u-mb-0 {
    margin-bottom: 0;
}

.u-ml-0 {
    margin-left: 0;
}

.u-mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.u-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.u-m-1 {
    margin: 0.1rem;
}

.u-mt-1 {
    margin-top: 0.1rem;
}

.u-mr-1 {
    margin-right: 0.1rem;
}

.u-mb-1 {
    margin-bottom: 0.1rem;
}

.u-ml-1 {
    margin-left: 0.1rem;
}

.u-mx-1 {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

.u-my-1 {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.u-m-2 {
    margin: 0.2rem;
}

.u-mt-2 {
    margin-top: 0.2rem;
}

.u-mr-2 {
    margin-right: 0.2rem;
}

.u-mb-2 {
    margin-bottom: 0.2rem;
}

.u-ml-2 {
    margin-left: 0.2rem;
}

.u-mx-2 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.u-my-2 {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.u-m-3 {
    margin: 0.3rem;
}

.u-mt-3 {
    margin-top: 0.3rem;
}

.u-mr-3 {
    margin-right: 0.3rem;
}

.u-mb-3 {
    margin-bottom: 0.3rem;
}

.u-ml-3 {
    margin-left: 0.3rem;
}

.u-mx-3 {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.u-my-3 {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.u-m-4 {
    margin: 0.4rem;
}

.u-mt-4 {
    margin-top: 0.4rem;
}

.u-mr-4 {
    margin-right: 0.4rem;
}

.u-mb-4 {
    margin-bottom: 0.4rem;
}

.u-ml-4 {
    margin-left: 0.4rem;
}

.u-mx-4 {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

.u-my-4 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.u-ml-auto {
    margin-left: auto;
}

.u-mr-auto {
    margin-right: auto;
}

.u-mx-auto {
    margin-left: auto;
    margin-right: auto;
}


/* Basscss Padding */

.u-p-0 {
    padding: 0;
}

.u-pt-0 {
    padding-top: 0;
}

.u-pr-0 {
    padding-right: 0;
}

.u-pb-0 {
    padding-bottom: 0;
}

.u-pl-0 {
    padding-left: 0;
}

.u-px-0 {
    padding-left: 0;
    padding-right: 0;
}

.u-py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.u-p-1 {
    padding: 0.1rem;
}

.u-pt-1 {
    padding-top: 0.1rem;
}

.u-pr-1 {
    padding-right: 0.1rem;
}

.u-pb-1 {
    padding-bottom: 0.1rem;
}

.u-pl-1 {
    padding-left: 0.1rem;
}

.u-px-1 {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}

.u-py-1 {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.u-p-2 {
    padding: 0.2rem;
}

.u-pt-2 {
    padding-top: 0.2rem;
}

.u-pr-2 {
    padding-right: 0.2rem;
}

.u-pb-2 {
    padding-bottom: 0.2rem;
}

.u-pl-2 {
    padding-left: 0.2rem;
}

.u-px-2 {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.u-py-2 {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.u-p-3 {
    padding: 0.3rem;
}

.u-pt-3 {
    padding-top: 0.3rem;
}

.u-pr-3 {
    padding-right: 0.3rem;
}

.u-pb-3 {
    padding-bottom: 0.3rem;
}

.u-pl-3 {
    padding-left: 0.3rem;
}

.u-px-3 {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.u-py-3 {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.u-p-4 {
    padding: 0.4rem;
}

.u-pt-4 {
    padding-top: 0.4rem;
}

.u-pr-4 {
    padding-right: 0.4rem;
}

.u-pb-4 {
    padding-bottom: 0.4rem;
}

.u-pl-4 {
    padding-left: 0.4rem;
}

.u-px-4 {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.u-py-4 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.c-nav {
    color: #333333;
    background-color: #f9f9f9;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 0.3rem;
}

.c-nav__item {
    display: block;
    font-size: 0.36rem;
    /* line-height: 0.96rem; */
}

.c-nav--left {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0.2rem;
}

.c-nav--right {
    position: absolute;
    top: 0;
    right: 0.2rem;
    bottom: 0;
    font-size: 0.3rem;
    left: auto;
}

.m-b-1000 {
    margin-bottom: 4.5rem;
}

.c-nav__login {
    line-height: 0.96rem;
    color: white;
    font-size: 0.26rem;
}

.c-nav__return {
    width: 0.3rem;
    height: 0.96rem;
    background: url(../image/icon-left.png) center center no-repeat;
    background-size: 0.24rem;
}

.c-nav__total {
    background: url(../image/total1.png) center center no-repeat;
    background-size: 0.38rem;
    width: 0.4rem;
    height: 0.96rem;
    right: 1rem;
}

.c-nav__setting {
    background: url(../image/search013.png) center center no-repeat;
    background-size: 0.38rem;
    width: 0.4rem;
    height: 0.96rem;
}

.c-nav__blue {
    background-color: #3262de;
    color: #ffffff;
    border-bottom: 0;
}

.c-nav__blue .c-nav__return {
    background: url(../image/icon-return-white.png) center center no-repeat;
    background-size: 0.24rem;
}

.c-nav__blue .c-menu-cancel {
    padding-right: 0;
}

.c-nav__blue .c-nav__title-double {
    color: white;
}

.c-nav__blue .c-nav__double-top2 {
    color: white;
}

.c-nav__blue2 {
    display: flex;
    padding: 0 !important;
}

.c-nav__blue2 .c-menu-input {
    width: auto;
    flex-grow: 2;
}

.c-nav__blue2 .c-nav__return {
    display: block;
    flex-shrink: 0;
    position: static;
    margin-left: 0.2rem;
}

.c-nav__blue2 .icon-empty {
    right: 1.3rem;
}

.c-nav-qk {
    background-color: #3262de;
    color: #ffffff;
    border-bottom: 0;
}

.c-nav-qk .c-nav__return {
    width: 0.6rem;
    height: 0.96rem;
    background: url(../image/icon-return-white.png) left center no-repeat;
    background-size: 0.24rem;
}

.c-nav-qk .c-nav__search-qk {
    width: 0.38rem;
    height: 0.96rem;
    background: url(../image/qk001.png) center center no-repeat;
    background-size: 0.38rem;
    margin-right: 0.5rem;
}

.c-nav-qk .c-nav__search-qk2 {
    margin-right: 0.2rem;
}

.c-nav-qk .c-nav__menu {
    width: 0.50rem;
    height: 0.96rem;
    background: url(../image/qk002.png) center center no-repeat;
    background-size: 0.44rem;
}

.c-nav__white {
    background-color: inherit;
    color: #ffffff;
    border-bottom: 0;
}

.c-nav__white .c-nav__return {
    background: url(../image/icon-return-white.png) center center no-repeat;
    background-size: 0.24rem;
}

.c-nav__white .c-nav__item {
    color: #ffffff;
    text-decoration: none;
}

.c-nav__group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-nav__cal {
    width: 0.43rem;
    height: 0.96rem;
    background: url(../image/icon-cal.png) center center no-repeat;
    background-size: 0.40rem;
}

.c-nav__search {
    width: 0.43rem;
    height: 0.96rem;
    background: url(../image/icon-search.png) center center no-repeat;
    background-size: 0.40rem;
    margin-left: 0.4rem;
}

.c-nav__search2 {
    width: 0.43rem;
    height: 0.96rem;
    background: url(../image/qk001.png) center center no-repeat;
    background-size: 0.40rem;
    margin-left: 0.4rem;
}

.c-nav__title-group {
    padding: 0.15rem;
    display: flex;
}

.c-nav__group-item {
    width: 1.5rem;
    border: 1px solid #97b0ef;
    color: #97b0ef;
    font-size: 0.3rem;
    text-align: center;
    line-height: 0.66rem;
    display: block;
}

.c-nav__group-left {
    border-radius: 0.1rem 0 0 0.1rem;
    border-right: 0;
}

.c-nav__group-right {
    border-radius: 0 0.1rem 0.1rem 0;
}

.c-nav__group-select {
    color: #2e5ee1;
    background-color: white;
    border-color: white;
}

.c-nav__title-double {
    padding-top: 0.15rem;
    padding-bottom: 0.1rem;
    height: 0.69rem;
}

.c-nav__double-top {
    font-size: 0.36rem;
    color: white;
    text-align: center;
    margin: 0 0.6rem;
    height: 0.36rem;
    overflow: hidden;
}

.c-nav__double-bottom {
    font-size: 0.22rem;
    color: white;
    text-align: center;
    margin-top: 0.06rem;
    overflow: hidden;
}

.c-nav-white {
    color: white;
    font-size: 0.30rem;
}


/* NEC reset */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
    font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

[hidefocus],
summary {
    outline: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: 100%;
}

sup,
sub {
    font-size: 83%;
}

pre,
code,
kbd,
samp {
    font-family: inherit;
}

q:before,
q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label,
summary {
    cursor: default;
}

a,
button {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
    font-weight: bold;
}

del,
ins,
u,
s,
a,
a:hover {
    text-decoration: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
    font: 12px/1.14 arial, \5b8b\4f53;
    color: #333;
    outline: 0;
}

body {
    background: #fff;
}

.u-color-white {
    color: #ffffff;
}

.u-bg-white {
    background-color: #ffffff;
}

.u-color-black {
    color: #000000;
}

.u-bg-black {
    background-color: #000000;
}

.u-color-red-0 {
    color: #fff5f5;
}

.u-bg-red-0 {
    background-color: #fff5f5;
}

.u-color-red-1 {
    color: #ffe3e3;
}

.u-bg-red-1 {
    background-color: #ffe3e3;
}

.u-color-red-2 {
    color: #ffc9c9;
}

.u-bg-red-2 {
    background-color: #ffc9c9;
}

.u-color-red-3 {
    color: #ffa8a8;
}

.u-bg-red-3 {
    background-color: #ffa8a8;
}

.u-color-red-4 {
    color: #ff8787;
}

.u-bg-red-4 {
    background-color: #ff8787;
}

.u-color-red-5 {
    color: #ff6b6b;
}

.u-bg-red-5 {
    background-color: #ff6b6b;
}

.u-color-red-6 {
    color: #fa5252;
}

.u-bg-red-6 {
    background-color: #fa5252;
}

.u-color-red-7 {
    color: #f03e3e;
}

.u-bg-red-7 {
    background-color: #f03e3e;
}

.u-color-red-8 {
    color: #e03131;
}

.u-bg-red-8 {
    background-color: #e03131;
}

.u-color-red-9 {
    color: #c92a2a;
}

.u-bg-red-9 {
    background-color: #c92a2a;
}

.u-color-pink-0 {
    color: #fff0f6;
}

.u-bg-pink-0 {
    background-color: #fff0f6;
}

.u-color-pink-1 {
    color: #ffdeeb;
}

.u-bg-pink-1 {
    background-color: #ffdeeb;
}

.u-color-pink-2 {
    color: #fcc2d7;
}

.u-bg-pink-2 {
    background-color: #fcc2d7;
}

.u-color-pink-3 {
    color: #faa2c1;
}

.u-bg-pink-3 {
    background-color: #faa2c1;
}

.u-color-pink-4 {
    color: #f783ac;
}

.u-bg-pink-4 {
    background-color: #f783ac;
}

.u-color-pink-5 {
    color: #f06595;
}

.u-bg-pink-5 {
    background-color: #f06595;
}

.u-color-pink-6 {
    color: #e64980;
}

.u-bg-pink-6 {
    background-color: #e64980;
}

.u-color-pink-7 {
    color: #d6336c;
}

.u-bg-pink-7 {
    background-color: #d6336c;
}

.u-color-pink-8 {
    color: #c2255c;
}

.u-bg-pink-8 {
    background-color: #c2255c;
}

.u-color-pink-9 {
    color: #a61e4d;
}

.u-bg-pink-9 {
    background-color: #a61e4d;
}

.u-color-gray-0 {
    color: #f8f9fa;
}

.u-bg-gray-0 {
    background-color: #f8f9fa;
}

.u-color-gray-1 {
    color: #f1f3f5;
}

.u-bg-gray-1 {
    background-color: #f1f3f5;
}

.u-color-gray-2 {
    color: #e9ecef;
}

.u-bg-gray-2 {
    background-color: #e9ecef;
}

.u-color-gray-3 {
    color: #dee2e6;
}

.u-bg-gray-3 {
    background-color: #dee2e6;
}

.u-color-gray-4 {
    color: #ced4da;
}

.u-bg-gray-4 {
    background-color: #ced4da;
}

.u-color-gray-5 {
    color: #adb5bd;
}

.u-bg-gray-5 {
    background-color: #adb5bd;
}

.u-color-gray-6 {
    color: #868e96;
}

.u-bg-gray-6 {
    background-color: #868e96;
}

.u-color-gray-7 {
    color: #495057;
}

.u-bg-gray-7 {
    background-color: #495057;
}

.u-color-gray-8 {
    color: #343a40;
}

.u-bg-gray-8 {
    background-color: #343a40;
}

.u-color-gray-9 {
    color: #212529;
}

.u-bg-gray-9 {
    background-color: #212529;
}

.u-color-blue-0 {
    color: #e8f7ff;
}

.u-bg-blue-0 {
    background-color: #e8f7ff;
}

.u-color-blue-1 {
    color: #ccedff;
}

.u-bg-blue-1 {
    background-color: #ccedff;
}

.u-color-blue-2 {
    color: #a3daff;
}

.u-bg-blue-2 {
    background-color: #a3daff;
}

.u-color-blue-3 {
    color: #72c3fc;
}

.u-bg-blue-3 {
    background-color: #72c3fc;
}

.u-color-blue-4 {
    color: #4dadf7;
}

.u-bg-blue-4 {
    background-color: #4dadf7;
}

.u-color-blue-5 {
    color: #329af0;
}

.u-bg-blue-5 {
    background-color: #329af0;
}

.u-color-blue-6 {
    color: #228ae6;
}

.u-bg-blue-6 {
    background-color: #228ae6;
}

.u-color-blue-7 {
    color: #1c7cd6;
}

.u-bg-blue-7 {
    background-color: #1c7cd6;
}

.u-color-blue-8 {
    color: #1b6ec2;
}

.u-bg-blue-8 {
    background-color: #1b6ec2;
}

.u-color-blue-9 {
    color: #1862ab;
}

.u-bg-blue-9 {
    background-color: #1862ab;
}

.u-color-cyan-0 {
    color: #e3fafc;
}

.u-bg-cyan-0 {
    background-color: #e3fafc;
}

.u-color-cyan-1 {
    color: #c5f6fa;
}

.u-bg-cyan-1 {
    background-color: #c5f6fa;
}

.u-color-cyan-2 {
    color: #99e9f2;
}

.u-bg-cyan-2 {
    background-color: #99e9f2;
}

.u-color-cyan-3 {
    color: #66d9e8;
}

.u-bg-cyan-3 {
    background-color: #66d9e8;
}

.u-color-cyan-4 {
    color: #3bc9db;
}

.u-bg-cyan-4 {
    background-color: #3bc9db;
}

.u-color-cyan-5 {
    color: #22b8cf;
}

.u-bg-cyan-5 {
    background-color: #22b8cf;
}

.u-color-cyan-6 {
    color: #15aabf;
}

.u-bg-cyan-6 {
    background-color: #15aabf;
}

.u-color-cyan-7 {
    color: #1098ad;
}

.u-bg-cyan-7 {
    background-color: #1098ad;
}

.u-color-cyan-8 {
    color: #0c8599;
}

.u-bg-cyan-8 {
    background-color: #0c8599;
}

.u-color-cyan-9 {
    color: #0b7285;
}

.u-bg-cyan-9 {
    background-color: #0b7285;
}

.u-color-teal-0 {
    color: #e6fcf5;
}

.u-bg-teal-0 {
    background-color: #e6fcf5;
}

.u-color-teal-1 {
    color: #c3fae8;
}

.u-bg-teal-1 {
    background-color: #c3fae8;
}

.u-color-teal-2 {
    color: #96f2d7;
}

.u-bg-teal-2 {
    background-color: #96f2d7;
}

.u-color-teal-3 {
    color: #63e6be;
}

.u-bg-teal-3 {
    background-color: #63e6be;
}

.u-color-teal-4 {
    color: #38d9a9;
}

.u-bg-teal-4 {
    background-color: #38d9a9;
}

.u-color-teal-5 {
    color: #20c997;
}

.u-bg-teal-5 {
    background-color: #20c997;
}

.u-color-teal-6 {
    color: #12b886;
}

.u-bg-teal-6 {
    background-color: #12b886;
}

.u-color-teal-7 {
    color: #0ca678;
}

.u-bg-teal-7 {
    background-color: #0ca678;
}

.u-color-teal-8 {
    color: #099268;
}

.u-bg-teal-8 {
    background-color: #099268;
}

.u-color-teal-9 {
    color: #087f5b;
}

.u-bg-teal-9 {
    background-color: #087f5b;
}

.u-color-lime-0 {
    color: #f4fce3;
}

.u-bg-lime-0 {
    background-color: #f4fce3;
}

.u-color-lime-1 {
    color: #e9fac8;
}

.u-bg-lime-1 {
    background-color: #e9fac8;
}

.u-color-lime-2 {
    color: #d8f5a2;
}

.u-bg-lime-2 {
    background-color: #d8f5a2;
}

.u-color-lime-3 {
    color: #c0eb75;
}

.u-bg-lime-3 {
    background-color: #c0eb75;
}

.u-color-lime-4 {
    color: #a9e34b;
}

.u-bg-lime-4 {
    background-color: #a9e34b;
}

.u-color-lime-5 {
    color: #94d82d;
}

.u-bg-lime-5 {
    background-color: #94d82d;
}

.u-color-lime-6 {
    color: #82c91e;
}

.u-bg-lime-6 {
    background-color: #82c91e;
}

.u-color-lime-7 {
    color: #74b816;
}

.u-bg-lime-7 {
    background-color: #74b816;
}

.u-color-lime-8 {
    color: #66a80f;
}

.u-bg-lime-8 {
    background-color: #66a80f;
}

.u-color-lime-9 {
    color: #5c940d;
}

.u-bg-lime-9 {
    background-color: #5c940d;
}

.u-color-green-0 {
    color: #ebfbee;
}

.u-bg-green-0 {
    background-color: #ebfbee;
}

.u-color-green-1 {
    color: #d3f9d8;
}

.u-bg-green-1 {
    background-color: #d3f9d8;
}

.u-color-green-2 {
    color: #b2f2bb;
}

.u-bg-green-2 {
    background-color: #b2f2bb;
}

.u-color-green-3 {
    color: #8ce99a;
}

.u-bg-green-3 {
    background-color: #8ce99a;
}

.u-color-green-4 {
    color: #69db7c;
}

.u-bg-green-4 {
    background-color: #69db7c;
}

.u-color-green-5 {
    color: #51cf66;
}

.u-bg-green-5 {
    background-color: #51cf66;
}

.u-color-green-6 {
    color: #40c057;
}

.u-bg-green-6 {
    background-color: #40c057;
}

.u-color-green-7 {
    color: #37b24d;
}

.u-bg-green-7 {
    background-color: #37b24d;
}

.u-color-green-8 {
    color: #2f9e44;
}

.u-bg-green-8 {
    background-color: #2f9e44;
}

.u-color-green-9 {
    color: #2b8a3e;
}

.u-bg-green-9 {
    background-color: #2b8a3e;
}

.u-color-grape-0 {
    color: #f8f0fc;
}

.u-bg-grape-0 {
    background-color: #f8f0fc;
}

.u-color-grape-1 {
    color: #f3d9fa;
}

.u-bg-grape-1 {
    background-color: #f3d9fa;
}

.u-color-grape-2 {
    color: #eebefa;
}

.u-bg-grape-2 {
    background-color: #eebefa;
}

.u-color-grape-3 {
    color: #e599f7;
}

.u-bg-grape-3 {
    background-color: #e599f7;
}

.u-color-grape-4 {
    color: #da77f2;
}

.u-bg-grape-4 {
    background-color: #da77f2;
}

.u-color-grape-5 {
    color: #cc5de8;
}

.u-bg-grape-5 {
    background-color: #cc5de8;
}

.u-color-grape-6 {
    color: #be4bdb;
}

.u-bg-grape-6 {
    background-color: #be4bdb;
}

.u-color-grape-7 {
    color: #ae3ec9;
}

.u-bg-grape-7 {
    background-color: #ae3ec9;
}

.u-color-grape-8 {
    color: #9c36b5;
}

.u-bg-grape-8 {
    background-color: #9c36b5;
}

.u-color-grape-9 {
    color: #862e9c;
}

.u-bg-grape-9 {
    background-color: #862e9c;
}

.u-color-violet-0 {
    color: #f3f0ff;
}

.u-bg-violet-0 {
    background-color: #f3f0ff;
}

.u-color-violet-1 {
    color: #e5dbff;
}

.u-bg-violet-1 {
    background-color: #e5dbff;
}

.u-color-violet-2 {
    color: #d0bfff;
}

.u-bg-violet-2 {
    background-color: #d0bfff;
}

.u-color-violet-3 {
    color: #b197fc;
}

.u-bg-violet-3 {
    background-color: #b197fc;
}

.u-color-violet-4 {
    color: #9775fa;
}

.u-bg-violet-4 {
    background-color: #9775fa;
}

.u-color-violet-5 {
    color: #845ef7;
}

.u-bg-violet-5 {
    background-color: #845ef7;
}

.u-color-violet-6 {
    color: #7950f2;
}

.u-bg-violet-6 {
    background-color: #7950f2;
}

.u-color-violet-7 {
    color: #7048e8;
}

.u-bg-violet-7 {
    background-color: #7048e8;
}

.u-color-violet-8 {
    color: #6741d9;
}

.u-bg-violet-8 {
    background-color: #6741d9;
}

.u-color-violet-9 {
    color: #5f3dc4;
}

.u-bg-violet-9 {
    background-color: #5f3dc4;
}

.u-color-indigo-0 {
    color: #edf2ff;
}

.u-bg-indigo-0 {
    background-color: #edf2ff;
}

.u-color-indigo-1 {
    color: #dbe4ff;
}

.u-bg-indigo-1 {
    background-color: #dbe4ff;
}

.u-color-indigo-2 {
    color: #bac8ff;
}

.u-bg-indigo-2 {
    background-color: #bac8ff;
}

.u-color-indigo-3 {
    color: #91a7ff;
}

.u-bg-indigo-3 {
    background-color: #91a7ff;
}

.u-color-indigo-4 {
    color: #748ffc;
}

.u-bg-indigo-4 {
    background-color: #748ffc;
}

.u-color-indigo-5 {
    color: #5c7cfa;
}

.u-bg-indigo-5 {
    background-color: #5c7cfa;
}

.u-color-indigo-6 {
    color: #4c6ef5;
}

.u-bg-indigo-6 {
    background-color: #4c6ef5;
}

.u-color-indigo-7 {
    color: #4263eb;
}

.u-bg-indigo-7 {
    background-color: #4263eb;
}

.u-color-indigo-8 {
    color: #3b5bdb;
}

.u-bg-indigo-8 {
    background-color: #3b5bdb;
}

.u-color-indigo-9 {
    color: #364fc7;
}

.u-bg-indigo-9 {
    background-color: #364fc7;
}

.u-color-yellow-0 {
    color: #fff9db;
}

.u-bg-yellow-0 {
    background-color: #fff9db;
}

.u-color-yellow-1 {
    color: #fff3bf;
}

.u-bg-yellow-1 {
    background-color: #fff3bf;
}

.u-color-yellow-2 {
    color: #ffec99;
}

.u-bg-yellow-2 {
    background-color: #ffec99;
}

.u-color-yellow-3 {
    color: #ffe066;
}

.u-bg-yellow-3 {
    background-color: #ffe066;
}

.u-color-yellow-4 {
    color: #ffd43b;
}

.u-bg-yellow-4 {
    background-color: #ffd43b;
}

.u-color-yellow-5 {
    color: #fcc419;
}

.u-bg-yellow-5 {
    background-color: #fcc419;
}

.u-color-yellow-6 {
    color: #fab005;
}

.u-bg-yellow-6 {
    background-color: #fab005;
}

.u-color-yellow-7 {
    color: #f59f00;
}

.u-bg-yellow-7 {
    background-color: #f59f00;
}

.u-color-yellow-8 {
    color: #f08c00;
}

.u-bg-yellow-8 {
    background-color: #f08c00;
}

.u-color-yellow-9 {
    color: #e67700;
}

.u-bg-yellow-9 {
    background-color: #e67700;
}

.u-color-orange-0 {
    color: #fff4e6;
}

.u-bg-orange-0 {
    background-color: #fff4e6;
}

.u-color-orange-1 {
    color: #ffe8cc;
}

.u-bg-orange-1 {
    background-color: #ffe8cc;
}

.u-color-orange-2 {
    color: #ffd8a8;
}

.u-bg-orange-2 {
    background-color: #ffd8a8;
}

.u-color-orange-3 {
    color: #ffc078;
}

.u-bg-orange-3 {
    background-color: #ffc078;
}

.u-color-orange-4 {
    color: #ffa94d;
}

.u-bg-orange-4 {
    background-color: #ffa94d;
}

.u-color-orange-5 {
    color: #ff922b;
}

.u-bg-orange-5 {
    background-color: #ff922b;
}

.u-color-orange-6 {
    color: #fd7e14;
}

.u-bg-orange-6 {
    background-color: #fd7e14;
}

.u-color-orange-7 {
    color: #f76707;
}

.u-bg-orange-7 {
    background-color: #f76707;
}

.u-color-orange-8 {
    color: #e8590c;
}

.u-bg-orange-8 {
    background-color: #e8590c;
}

.u-color-orange-9 {
    color: #d9480f;
}

.u-bg-orange-9 {
    background-color: #d9480f;
}

.u-block {
    display: block;
}

.u-flex {
    display: flex;
}

.u-inline {
    display: inline;
}

.u-inline-block {
    display: inline-block;
}

.u-inline-flex {
    display: inline-flex;
}

.border {
    border-style: solid;
    border-width: 2px;
}

.u-border-top {
    border-top-style: solid;
    border-top-width: 2px;
}

.u-border-right {
    border-right-style: solid;
    border-right-width: 2px;
}

.u-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.u-border-left {
    border-left-style: solid;
    border-left-width: 2px;
}

.u-border-none {
    border: 0;
}

.u-rounded {
    border-radius: 1px;
}

.u-circle {
    border-radius: 50%;
}

.u-rounded-top {
    border-radius: 1px 1px 0 0;
}

.u-rounded-right {
    border-radius: 0 1px 1px 0;
}

.u-rounded-bottom {
    border-radius: 0 0 1px 1px;
}

.u-rounded-left {
    border-radius: 1px 0 0 1px;
}

.u-not-rounded {
    border-radius: 0;
}

.u-hide {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.u-display-none {
    display: none !important;
}


/* Basscss Type Scale */

.u-h1 {
    font-size: 30px;
}

.u-h2 {
    font-size: 20px;
}

.u-h3 {
    font-size: 20px;
}

.u-h4 {
    font-size: 20px;
}

.u-h5 {
    font-size: 20px;
}

.u-h6 {
    font-size: 20px;
}

.u-align-baseline {
    vertical-align: "baseline";
}

.u-align-top {
    vertical-align: "top";
}

.u-align-middle {
    vertical-align: "middle";
}

.u-align-bottom {
    vertical-align: "bottom";
}


/* Basscss Typography */

.u-font-family-inherit {
    font-family: inherit;
}

.u-font-size-inherit {
    font-size: inherit;
}

.u-text-decoration-none {
    text-decoration: none;
}

.u-bold {
    font-weight: bold;
}

.u-regular {
    font-weight: normal;
}

.u-italic {
    font-style: italic;
}

.u-caps {
    text-transform: uppercase;
    letter-spacing: .2em;
}

.u-left-align {
    text-align: left;
}

.u-center {
    text-align: center;
}

.u-right-align {
    text-align: right;
}

.u-justify {
    text-align: justify;
}

.u-nowrap {
    white-space: nowrap;
}

.u-break-word {
    word-wrap: break-word;
}

.u-line-height-1 {
    line-height: 1em;
}

.u-line-height-2 {
    line-height: 2em;
}

.u-line-height-3 {
    line-height: 3em;
}

.u-line-height-4 {
    line-height: 4em;
}

.u-list-style-none {
    list-style: none;
}

.u-underline {
    text-decoration: underline;
}

.u-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.u-list-reset {
    list-style: none;
    padding-left: 0;
}


/* Basscss Position */

.u-relative {
    position: relative;
}

.u-absolute {
    position: absolute;
}

.u-fixed {
    position: fixed;
}

.u-top-0 {
    top: 0;
}

.u-right-0 {
    right: 0;
}

.u-bottom-0 {
    bottom: 0;
}

.u-left-0 {
    left: 0;
}

.u-z1 {
    z-index: 1;
}

.u-z2 {
    z-index: 2;
}

.u-z3 {
    z-index: 3;
}

.u-z4 {
    z-index: 4;
}


/* Basscss Layout */

.u-overflow-hidden {
    overflow: hidden;
}

.u-overflow-scroll {
    overflow: scroll;
}

.u-overflow-auto {
    overflow: auto;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.u-left {
    float: left;
}

.u-right {
    float: right;
}

.u-fit {
    max-width: 100%;
}

.u-max-width-1 {
    max-width: 1px;
}

.u-max-width-2 {
    max-width: 2px;
}

.u-max-width-3 {
    max-width: 3px;
}

.u-max-width-4 {
    max-width: 4px;
}

.u-border-box {
    box-sizing: border-box;
}

.is-disabled {
    pointer-events: none;
}

.is-marginless {
    margin: 0 !important;
}

.is-paddingless {
    padding: 0 !important;
}

.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-center {
    align-content: center;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.content-stretch {
    align-content: stretch;
}


/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */

.flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.flex-none {
    flex: none;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-last {
    order: 99999;
}


/* Basscss Margin */

.u-m-0 {
    margin: 0;
}

.u-mt-0 {
    margin-top: 0;
}

.u-mr-0 {
    margin-right: 0;
}

.u-mb-0 {
    margin-bottom: 0;
}

.u-ml-0 {
    margin-left: 0;
}

.u-mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.u-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.u-m-1 {
    margin: 0.1rem;
}

.u-mt-1 {
    margin-top: 0.1rem;
}

.u-mr-1 {
    margin-right: 0.1rem;
}

.u-mb-1 {
    margin-bottom: 0.1rem;
}

.u-ml-1 {
    margin-left: 0.1rem;
}

.u-mx-1 {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

.u-my-1 {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.u-m-2 {
    margin: 0.2rem;
}

.u-mt-2 {
    margin-top: 0.2rem;
}

.u-mr-2 {
    margin-right: 0.2rem;
}

.u-mb-2 {
    margin-bottom: 0.2rem;
}

.u-ml-2 {
    margin-left: 0.2rem;
}

.u-mx-2 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.u-my-2 {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.u-m-3 {
    margin: 0.3rem;
}

.u-mt-3 {
    margin-top: 0.3rem;
}

.u-mr-3 {
    margin-right: 0.3rem;
}

.u-mb-3 {
    margin-bottom: 0.3rem;
}

.u-ml-3 {
    margin-left: 0.3rem;
}

.u-mx-3 {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.u-my-3 {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.u-m-4 {
    margin: 0.4rem;
}

.u-mt-4 {
    margin-top: 0.4rem;
}

.u-mr-4 {
    margin-right: 0.4rem;
}

.u-mb-4 {
    margin-bottom: 0.4rem;
}

.u-ml-4 {
    margin-left: 0.4rem;
}

.u-mx-4 {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

.u-my-4 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.u-ml-auto {
    margin-left: auto;
}

.u-mr-auto {
    margin-right: auto;
}

.u-mx-auto {
    margin-left: auto;
    margin-right: auto;
}


/* Basscss Padding */

.u-p-0 {
    padding: 0;
}

.u-pt-0 {
    padding-top: 0;
}

.u-pr-0 {
    padding-right: 0;
}

.u-pb-0 {
    padding-bottom: 0;
}

.u-pl-0 {
    padding-left: 0;
}

.u-px-0 {
    padding-left: 0;
    padding-right: 0;
}

.u-py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.u-p-1 {
    padding: 0.1rem;
}

.u-pt-1 {
    padding-top: 0.1rem;
}

.u-pr-1 {
    padding-right: 0.1rem;
}

.u-pb-1 {
    padding-bottom: 0.1rem;
}

.u-pl-1 {
    padding-left: 0.1rem;
}

.u-px-1 {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}

.u-py-1 {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.u-p-2 {
    padding: 0.2rem;
}

.u-pt-2 {
    padding-top: 0.2rem;
}

.u-pr-2 {
    padding-right: 0.2rem;
}

.u-pb-2 {
    padding-bottom: 0.2rem;
}

.u-pl-2 {
    padding-left: 0.2rem;
}

.u-px-2 {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.u-py-2 {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.u-p-3 {
    padding: 0.3rem;
}

.u-pt-3 {
    padding-top: 0.3rem;
}

.u-pr-3 {
    padding-right: 0.3rem;
}

.u-pb-3 {
    padding-bottom: 0.3rem;
}

.u-pl-3 {
    padding-left: 0.3rem;
}

.u-px-3 {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.u-py-3 {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.u-p-4 {
    padding: 0.4rem;
}

.u-pt-4 {
    padding-top: 0.4rem;
}

.u-pr-4 {
    padding-right: 0.4rem;
}

.u-pb-4 {
    padding-bottom: 0.4rem;
}

.u-pl-4 {
    padding-left: 0.4rem;
}

.u-px-4 {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.u-py-4 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.c-card {
    padding: 0.3rem 0.2rem 0.44rem 0.2rem;
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    background-color: white;
}

.c-card__wj {
    display: block;
}

.c-card__wj .u-button-long {
    padding: 0.26rem 0;
}

.c-card__wj .c-cnkibook-imgblock {
    flex-shrink: 0;
}

.c-card__wj-body {
    display: flex;
}

.c-card__wj-body .c-card__title {
    padding-top: 0.08rem;
}

.c-card__wj-body .c-card-organization {
    padding-bottom: 0.08rem;
}

.c-card__wj-body .c-card-organization .fa {
    color: #ffc000;
}

.c-card__wj-body .c-card__tabs-link {
    color: #6699ff;
}

.c-card__tabs .fa {
    color: #999;
}

.c-card-qk {
    padding: 0.40rem 0rem 0.40rem 0rem;
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    background-color: white;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
}

.c-card-qk .c-card__img {
    flex-shrink: 0;
    height: 2.10rem;
}

.c-card-qk .c-card__img img {
    width: 1.6rem;
    height: 2.10rem;
    border: 0.02rem solid #e6e6e6;
}

.c-card-qk:last-child {
    border-bottom: 0;
}

.c-card__img {
    flex-shrink: 0;
    height: 2.98rem;
}

.c-card__img img {
    width: 2.22rem;
    height: 2.98rem;
    border: 0.02rem solid #e6e6e6;
}

.c-card-class {
    text-decoration: none;
    color: #6699ff;
}

.c-card__body {
    flex-grow: 1;
    margin-left: 0.26rem;
    font-size: 0.27rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.c-card__title {
    font-size: 0.32rem;
    color: #333;
    line-height: 0.52rem;
    max-height: 1.04rem;
    overflow: hidden;
}

.c-card__type {
    color: #999999;
    font-size: 0.26rem;
}

.c-card__type2 {
    color: #333;
    font-size: 0.30rem;
}

.c-card-organization {
    color: #777;
    line-height: 0.28rem;
    height: 0.28rem;
    word-break: normal;
    overflow: hidden;
    margin-top: 0.3rem;
}

.c-card-organization .c-card-xk-link {
    color: #3262de;
}

.search-book-detail {
    font-size: 0.28rem;
    padding-top: 0.35rem;
    color: #333;
}

.search-book-detail span {
    color: orange;
}

.c-card-organization-intro {
    color: #777;
    line-height: 0.35rem;
    height: 0.7rem;
    word-break: normal;
    overflow: hidden;
    margin-top: 0.15rem;
}

.u-text-align-center {
    text-align: center;
}

.c-card-qk-button {
    width: 1.3rem;
    height: 0.46rem;
    border-radius: 100rem;
    border: 1px solid #18b29a;
    text-align: center;
    line-height: 0.50rem;
    position: absolute;
    top: 1.2rem;
    right: 0.2rem;
    font-size: 0.24rem;
    display: block;
    color: #18b29a;
}

.c-card__tabs {
    overflow: hidden;
    height: 0.34rem;
}

.c-card__tabs .fa {
    color: #3262de;
}

.c-card__tabs .c-tab-item {
    margin-bottom: 0.5rem;
}

.c-card-organization2 {
    color: white;
    margin-top: 0.3rem;
}

.c-label {
    font-size: 0.2rem;
    color: white;
    padding: 0.08rem 0.05rem 0.03rem 0.05rem;
    display: inline-block;
    border-radius: 0.03rem;
}

.c-label__four {
    color: white;
    background: #feb330;
    line-height: 0.38rem;
    display: inline-block;
    padding: 0 0.1rem;
    text-align: center;
    vertical-align: text-bottom;
    border-radius: 0.2rem 0 0.2rem 0;
}

.u-bg-yellow {
    background-color: #ebc200;
}

.u-bg-orange {
    background-color: #f35101;
}

.u-bg-blue {
    background-color: #0078ed;
}

.u-button-long {
    color: white;
    width: 100%;
    font-size: 0.32rem;
    padding: 0.21rem 0;
    border: 1px solid #ff8800;
    text-align: center;
    border-radius: 0.1rem;
    display: block;
    line-height: 0.3rem;
    background: #ff8800;
}

.u-button-blue {
    color: white;
    background-color: #0078ed;
    width: 100%;
    font-size: 0.32rem;
    padding: 0.34rem 0;
    border: 0;
    text-align: center;
    border-radius: 0;
    display: block;
    line-height: 0.3rem;
}

.u-button-orange {
    background-color: #f2a03f;
    color: white;
    border: 0;
    border-radius: 0;
    padding: 0.34rem 0;
}

.u-button-green {
    padding: 0.34rem 0;
    background-color: #00a78d;
    color: white;
    border: 0;
    border-radius: 0;
    border: 0;
}

.c-card__title-app {
    font-size: 0.22rem;
    color: #999;
    display: inline-block;
    line-height: 0.34rem;
    padding: 0 0.1rem;
    border: 1px solid #ccd6ed;
    vertical-align: middle;
    position: relative;
    top: -0.05rem;
    border-radius: 0.05rem;
    margin-left: 0.1rem;
    font-weight: normal;
}

.c-card__title-app .color-blue {
    color: #6699ff;
}

.c-card__title-app:after {
    border-right: 0.1rem solid white;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    position: absolute;
    left: -0.08rem;
    top: 0.065rem;
    content: ' ';
}

.c-card__title-app:before {
    border-right: 0.1rem solid #ccd6ed;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    position: absolute;
    left: -0.11rem;
    top: 0.065rem;
    content: ' ';
}

.c-catalog {
    background-color: white;
}

.c-catalog__title {
    color: #333;
    padding: 0.32rem 0.2rem;
    font-size: 0.34rem;
    border-bottom: 1px solid #f4f4f4;
}

.c-catalog__title-blue {
    color: #3262de;
}

.c-catalog__title2 {
    color: #777;
    font-size: 0.28rem;
    padding: 0.24rem 0.2rem;
}

.c-catalog__subtitle {
    color: #333;
    padding: 0.28rem 0.2rem;
    font-size: 0.32rem;
    font-weight: bold;
}

.c-catalog__body {
    padding: 0 0.2rem;
    margin: 0;
    border-bottom: 1px solid #f4f4f4;
}

.c-catalog__body:last-child {
    border-bottom: 0;
}

.c-catalog__body3 {
    border-radius: 0.1rem;
}

.c-catalog__item {
    color: #333;
    padding: 0.25rem 0;
    font-size: 0.32rem;
    border-top: 1px solid #f4f4f4;
    list-style: none;
    text-decoration: none;
    display: block;
    padding-left: 0.3rem;
    line-height: 0.4rem;
    position: relative;
}

.c-catalog__item-web {
    color: #333;
    padding: 0.25rem 0;
    font-size: 0.32rem;
    border-bottom: 1px solid #f4f4f4;
    list-style: none;
    text-decoration: none;
    display: block;
    padding-left: 0.3rem;
    line-height: 0.4rem;
    position: relative;
}

.c-catalog__item-web2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-catalog__item-web2:last-of-type {
    border-bottom: 0;
}

.c-catalog__item-web-left {
    display: block;
    flex-grow: 3;
}

.c-catalog__item-web-left .c-catalog__item-div {
    color: #0033b4;
}

.c-catalog__item-web-right {
    display: block;
    width: 0.36rem;
    height: 0.36rem;
    background: url("../image/down-icon.png") center right no-repeat;
    background-size: contain;
    flex-shrink: 0;
    margin-right: 0.1rem;
    padding-left: 0.2rem;
}

.c-catalog__item-web:last-child {
    border-bottom: 0;
}

.c-catalog__item-subdiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.1rem;
}

.c-catalog__item-name {
    height: 0.4rem;
    color: #666;
    line-height: 0.4rem;
    font-size: 0.24rem;
    overflow: hidden;
}

.c-catalog__item-name-more {
    display: flex;
}

.c-catalog__item-name1 {
    margin-right: 0.1rem;
}

.c-catalog__item-name2 {
    display: flex;
    flex-shrink: 0;
}

.c-catalog__item-name3 {
    margin-right: 0.1rem;
}

.c-catalog__item-time {
    line-height: 0.4rem;
    height: 0.4rem;
    color: #999;
    font-size: 0.26rem;
    flex-shrink: 0;
    padding-left: 0.4rem;
}

.c-catalog__item-web-last {
    border-bottom: 0;
}

.c-catalog__item-first {
    border-top: 0;
}

.c-catalog__item:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0.01rem;
    content: "\f111";
    color: #ff8d0c;
    font-size: 0.12rem;
    line-height: 0.4rem;
    transform: scale(0.6);
    top: 0.34rem;
}

.c-catalog__item-web:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0.01rem;
    content: "\f111";
    color: #ff8d0c;
    font-size: 0.12rem;
    line-height: 0.4rem;
    transform: scale(0.6);
    top: 0.32rem;
}

.c-catalog__item2 {
    color: #333;
    padding: 0.32rem 0;
    font-size: 0.32rem;
    border-top: 1px solid #e0e0e0;
    list-style: none;
    text-decoration: none;
    padding-left: 0.3rem;
    line-height: 0.4rem;
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
}

.c-catalog__item-div {
    overflow: hidden;
    font-size: 0.32rem;
    line-height: 0.45rem;
    color: #333;
}

.c-catalog__body .c-catalog__item2:first-child {
    border-top: 0;
}

.c-catalog_item-content {
    overflow: hidden;
}

.c-catalog__item2:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0.01rem;
    content: "\f111";
    color: #ff8d0c;
    font-size: 0.12rem;
    line-height: 0.4rem;
    transform: scale(0.7);
}

.c-catalog__item-type {
    flex-shrink: 0;
    color: #999;
    margin-left: 0.2rem;
    font-size: 0.28rem;
}

.c-catalog__more {
    text-align: center;
    color: #595959;
    display: block;
    font-size: 0.28rem;
}

.c-catalog__more:after {
    display: none;
}

.c-catalog__item--first {
    border-top: 0;
}

.c-catalog__block {
    border-top: 1px solid #f4f4f4;
}

.page-change {
    display: flex;
    padding: 0.35rem 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    background-color: white;
}

.page-change__item {
    font-size: 0.32rem;
    color: #333;
    width: 28%;
    display: block;
    text-decoration: none;
    text-align: center;
}

.page-change__center {
    font-size: 0.32rem;
    color: #333;
    width: 54%;
    text-align: center;
}

.page-change__center--img {
    width: 0.38rem;
    margin-right: 0.19rem;
    vertical-align: bottom;
    position: relative;
    bottom: 0.02rem;
}

.page-change__last {
    border-right: 1px solid #f3f3f3;
}

.page-change__next {
    border-left: 1px solid #f3f3f3;
}

.c-suggest {
    border-top: 1px solid #e0e0e0;
    background-color: white;
}

.c-suggest__title {
    font-size: 0.34rem;
    padding: 0.34rem 0.3rem;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    font-weight: bold;
}

.c-suggest__title .c-qk-more-link {
    position: absolute;
    right: 0.2rem;
    display: block;
    top: 0.4rem;
    font-weight: normal;
}

.c-suggest__body {
    padding: 0.3rem 0rem;
    display: flex;
    overflow-x: auto;
    padding-bottom: 0.1rem;
}

.c-suggest__item {
    margin-left: 5%;
    width: 26.67%;
}

.c-suggest__img {
    display: block;
    text-decoration: none;
}

.c-suggest__img img {
    width: 100%;
    height: 2.7rem;
    box-shadow: 0px 2px 3px 1px rgba(200, 200, 200, 0.4);
}

.c-suggest__test {
    margin-top: 0.17rem;
    font-size: 0.32rem;
    display: block;
    text-decoration: none;
    line-height: 0.4rem;
    max-height: 0.8rem;
    overflow: hidden;
}

.c-suggest__body .c-suggest__item:last-child {
    margin-right: 5%;
}

.c-card__paper {
    padding: 0.5rem 0.2rem 0.6rem 0.2rem;
    background-color: white;
    border-bottom: 1px solid #f3f3f3;
}

.c-card__paper2 {
    padding: 0.46rem 0.2rem 0.35rem 0.2rem;
    background-color: white;
}

.c-card__title {
    font-size: 0.32rem;
    color: #333;
    line-height: 0.52rem;
}

.c-card__subline {
    display: flex;
    margin: 0.32rem 0 0.53rem 0;
    justify-content: space-between;
}

.c-card__date {
    color: #777777;
    font-size: 0.26rem;
    width: 2rem;
    flex-shrink: 0;
}

.c-card__title2 {
    font-size: 0.46rem;
    line-height: 0.6rem;
    font-weight: bold;
    letter-spacing: 0.01rem;
}

.c-card__aritcle {
    font-size: 0.30rem;
    color: #000;
    text-align: justify;
    line-height: 0.5rem;
    letter-spacing: 0.01rem;
}

.c-card__author {
    text-align: right;
    color: #0078ed;
    font-size: 0.3rem;
    width: 100%;
}

.c-card__author a {
    color: #0078ed;
    text-decoration: none;
    margin-left: 0.1rem;
}

.c-card__paper__info {
    margin-top: 0.40rem;
}

.c-card__paper-item {
    display: flex;
    font-size: 0.3rem;
    margin-bottom: 0.25rem;
    line-height: 0.4rem;
}

.c-card__paper-item:last-child {
    margin-bottom: 0;
}

.c-card__paper-name {
    color: #242424;
    flex-shrink: 0;
}

.c-card__paper-content {
    margin-left: 0.15rem;
    color: #0078ed;
}

.c-card__paper-content a {
    display: inline-block;
    color: #0078ed;
}

.c-card__paper-content-normal a {
    display: inline-block;
    color: #0078ed;
}

.c-card__paper-content-small {
    font-size: 0.30rem;
}

.c-card__paper-content-small .c-card__paper-content-type {
    color: #777;
}

@media screen and (min-width: 961px) {
    body {
        max-width: 961px;
        margin: 0 auto;
    }
}

.g-body {
    background-color: #f0f0f0;
}

.c-footer__top {
    display: flex;
    background-color: #c4dcf3;
}

.c-footer__left {
    width: 88%;
}

.c-footer__login {
    color: #0078ed;
    font-size: 0.28rem;
    line-height: 0.28rem;
    padding: 0.3rem 0;
    display: block;
    background: url(../image/footer2.png) 0.2rem 0.28rem no-repeat;
    background-size: 0.25rem 0.28rem;
    padding-left: 0.5rem;
    float: left;
}

.c-footer__register {
    color: #0078ed;
    font-size: 0.28rem;
    line-height: 0.28rem;
    padding: 0.3rem 0;
    margin-left: 0.4rem;
    display: block;
    background: url(../image/footer1.png) left 0.28rem no-repeat;
    background-size: 0.28rem 0.28rem;
    padding-left: 0.3rem;
    float: left;
}

.c-footer__money {
    color: #0078ed;
    font-size: 0.28rem;
    line-height: 0.28rem;
    padding: 0.3rem 0;
    width: 2rem;
    display: inline-block;
    text-align: center;
    background: url(../image/footer3.png) 0.4rem 0.28rem no-repeat;
    background-size: 0.28rem 0.28rem;
    padding-left: 0.45rem;
    background-color: #9dc8f2;
}

.c-footer__bottom {
    background-color: #3262de;
    color: white;
    padding: 0.36rem 0 0.2rem 0;
}

.c-footer__bottom-link {
    display: flex;
    padding: 0 0.2rem;
    font-size: 0.24rem;
}

.c-footer__bottom-item {
    color: #fefefe;
    width: 20%;
    text-align: center;
    border-right: 1px solid #fefefe;
    border-right: 1px solid #fefefe;
}

.c-footer__bottom-link-top {
    display: flex;
    font-size: 0.24rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.3rem;
    padding: 0 0.2rem;
}

.c-footer__bottom-link-top-item {
    text-align: center;
    width: 17%;
    display: block;
    color: #99ccff;
}

.c-footer__bottom-link-top-item:last-of-type {
    border-right: 0;
}

.c-footer__bottom-item-hover {
    color: #99ccff;
}

.c-footer__bottom-item:last-child {
    border-right: 0;
}

.c-footer__copyright {
    color: #aecce5;
    margin-top: 0.25rem;
    text-align: center;
}

.c-card__statics {
    font-size: 0.3rem;
    color: #333;
    background-color: white;
}

.c-card__statics .c-card__statics-inner {
    margin: 0 0.2rem;
    position: relative;
    padding: 0.35rem 0;
    border-top: 1px solid #e0e0e0;
}

.c-card__statics-resource {
    padding-left: 0.34rem;
    background: url(../image/icon-resource.png) left center no-repeat;
    background-size: 0.26rem;
    color: #333;
}

.c-card__statics-download {
    padding-left: 0.34rem;
    background: url(../image/icon-download.png) left center no-repeat;
    background-size: 0.26rem;
    margin-left: 0.25rem;
    color: #333;
}

.c-card__statics-review {
    background: url(../image/icon-reivew.png) left 0.05rem no-repeat;
    background-size: 0.26rem auto;
    padding-left: 0.34rem;
    color: #0078ed;
}

.c-book {
    padding: 0.2rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: white;
    display: flex;
}

.c-book__content-wx {
    display: flex;
    align-items: center;
}

.c-book__content-wx .c-book__title {
    height: auto;
}

.c-book__content-wx .c-book__time {
    margin-top: 0.12rem;
    margin-top: 0.16rem;
}

.c-book__person-outer {
    border-bottom: 1px solid #e0e0e0;
    background-color: white;
    padding: 0 0.2rem;
}

.c-book__person {
    padding: 0.3rem 0;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    position: relative;
}

.c-book__person .c-book__icon {
    width: 0.5rem;
}

.c-book__person:last-child {
    border-bottom: 0;
}

.c-book__img {
    border: 1px solid #dbdbdb;
    width: 1.04rem;
    height: 1.4rem;
    flex-shrink: 0;
}

.c-book__img img {
    width: 1.04rem;
    height: 1.4rem;
}

.c-book__img2 {
    width: 1.74rem;
    height: 1.27rem;
    margin-top: 0.05rem;
    flex-shrink: 0;
}

.c-book__img2 img {
    width: 1.74rem;
    height: 1.27rem;
}

.c-book__img3 {
    width: 1.95rem;
    height: 1.3rem;
    margin-top: 0.04rem;
    flex-shrink: 0;
}

.c-book__img3 img {
    width: 1.95rem;
    height: 1.3rem;
}

.c-book__caj {
    height: 1.2rem;
    border: 0;
}

.c-book__caj .c-book__time {
    margin-top: 0.12rem;
}

.c-book__caj img {
    width: 0.96rem;
    height: 1.2rem;
}

.c-book__content {
    margin-left: 0.2rem;
    width: 100%;
    position: relative;
}

.c-book {
    position: relative;
}

.c-book__content-follow {
    position: absolute;
    right: 0.35rem;
    font-size: 0.28rem;
    border: 1px solid #fa9523;
    border-radius: 1000px;
    top: 0.2rem;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fa9523;
    background-color: #f8e6d4;
    text-align: center;
    z-index: 10;
}

.c-book__title {
    padding-top: 0.05rem;
    color: #333;
    font-size: 0.34rem;
    height: 0.74rem;
    padding-right: 0.1rem;
    overflow: hidden;
    line-height: 0.37rem;
}

.c-book__time {
    margin-top: 0.2rem;
    color: #999;
    font-size: 0.26rem;
}

.c-book__icon {
    width: 0.16rem;
    padding-top: 0.42rem;
    font-size: 0.5rem;
    color: #a6a6a6;
}

.c-book__icon .fa {
    font-size: 0.45rem;
}

.c-book__button {
    width: 0.8rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0.2rem;
}

.c-book__button-download {
    width: 0.8rem;
    height: 0.5rem;
    color: white;
    border-radius: 100rem;
    font-size: 0.24rem;
    background-color: #00c7a8;
    box-shadow: none;
    border: 0;
}

.c-book2 {
    background-color: white;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    padding: 0.4rem 0.2rem;
}

.c-book2-label {
    background-color: #ff8800;
    color: white;
    padding: 0 0.08rem;
    font-size: 0.26rem;
    flex-shrink: 0;
    border-radius: 0.04rem;
    line-height: 0.4rem;
    height: 0.4rem;
}

.c-book2-contnet {
    font-size: 0.34rem;
    color: #333;
    line-height: 0.45rem;
    margin-left: 0.1rem;
}

.c-papercatalog {
    background-color: white;
}

.c-papercatalog__block {
    border-bottom: 1px solid #e0e0e0;
}

.c-papercatalog__title {
    font-size: 0.34rem;
    color: #333333;
    padding: 0.34rem 0 0.34rem 0.56rem;
    display: block;
    font-weight: bold;
    position: relative;
}

.c-papercatalog__subtitle {
    font-size: 0.34rem;
    color: #555;
    padding: 0.34rem 0;
    margin-left: 0.56rem;
    border-top: 1px solid #e0e0e0;
    display: block;
}

.c-papercatalog__title:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0.24rem;
    content: "\f111";
    color: #ff8d0c;
    font-size: 0.12rem;
    line-height: 0.4rem;
    transform: scale(0.75);
}

.c-board {
    background-color: #f5f5f5;
    padding: 0.2rem;
}

.c-board__label {
    background-color: #008fff;
    border-radius: 0.2rem;
    padding: 0.4rem 0rem 0.3rem 0;
}

.c-board__top {
    margin-left: 0.4rem;
}

.c-board__title {
    font-size: 0.36rem;
    color: white;
    font-weight: bold;
    display: inline-block;
}

.c-label__arrow {
    background-color: white;
    color: #008fff;
    line-height: 0.36rem;
    display: inline-block;
    vertical-align: top;
    font-size: 0.24rem;
    padding: 0 0.15rem;
    margin-left: 0.1rem;
    border-radius: 5rem;
    position: relative;
    border-radius: 0.02rem;
}

.c-board__label-author {
    padding: 0.2rem;
    border-radius: 0.2rem 0.2rem 0 0;
    margin-top: 0.1rem;
    position: relative;
    top: 0.18rem;
    font-size: 0.24rem;
}

.c-board__label-author .c-board__bottom {
    margin-top: 0;
}

.c-board__label-author .c-board__content {
    font-size: 0.24rem;
    margin-top: 0.05rem;
}

.c-board__label-author:before {
    width: 0;
    height: 0;
    border-right: 0.2rem solid #0077d4;
    border-bottom: 0.2rem solid transparent;
    content: " ";
    position: absolute;
    left: -0.2rem;
    bottom: 0;
}

.c-board__label-author:after {
    width: 0;
    height: 0;
    border-left: 0.2rem solid #0077d4;
    border-bottom: 0.2rem solid transparent;
    content: " ";
    position: absolute;
    right: -0.2rem;
    bottom: 0;
}

.c-board__label-author-outer {
    padding: 0 0.15rem;
}

.c-board__bottom {
    margin-top: 0.6rem;
    display: flex;
    color: white;
}

.c-board__item {
    width: 25%;
    position: relative;
}

.c-board__item:after {
    width: 1px;
    background-color: white;
    height: 0.32rem;
    position: absolute;
    right: 0;
    display: block;
    content: "";
    top: 0.13rem;
    opacity: 0.7;
}

.c-board__item:last-child:after {
    display: none;
}

.c-board__number {
    font-size: 0.24rem;
    text-align: center;
}

.c-board__content {
    font-size: 0.24rem;
    margin-top: 0.05rem;
    text-align: center;
}

.c-company__tab {
    display: flex;
    font-size: 0.3rem;
    background-color: #f7f7f7;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.c-company__tab-media {
    border-top: 0;
}

.c-company__tab-item {
    width: 50%;
    color: #777;
    text-align: center;
    display: flex;
    justify-content: center;
}

.c-company__tab-item .c-company__tab-select,
.c-company__tab-item .on {
    color: #3262de;
    position: relative;
    top: 0.02rem;
    border-bottom: 0.04rem solid #3262de;
}

.c-company__tab-button {
    padding: 0.25rem 0;
}

.c-company__body {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 0rem;
}

.c-company__body2 {
    border-top: 1px solid #e0e0e0;
}

.c-company__body-top {
    color: #777;
    font-size: 0.28rem;
    padding: 0.26rem 0;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 0.2rem;
}

.c-company__body-bottom {
    padding: 0.4rem 0.2rem;
    font-size: 0.32rem;
    color: #333;
    line-height: 0.5rem;
}

.c-company__body1 {
    padding: 0 0.2rem;
}

.c-company__body-item {
    display: block;
    padding: 0.35rem 0;
    border-bottom: 1px solid #efefef;
}

.c-company__body-item2 {
    padding: 0.4rem 0.2rem 0 0;
    display: block;
    position: relative;
}

.c-company-links {
    color: #3262de;
    font-size: 0.26rem;
    position: absolute;
    right: 0.2rem;
    top: 0.98rem;
}

.c-company__body-item:last-child {
    border-bottom: 0;
}

.c-company__body-title {
    color: #333;
    font-size: 0.32rem;
    font-weight: bold;
}

.c-company__body-author {
    margin-top: 0.23rem;
    font-size: 0.26rem;
    color: #96a3ab;
}

.c-company__body-content {
    color: #333;
    font-size: 0.28rem;
    margin-top: 0.16rem;
    letter-spacing: 0.02rem;
    line-height: 0.35rem;
}

.c-company__body-name {
    margin-top: 0.15rem;
    font-size: 0.26rem;
    padding-right: 0.65rem;
    position: relative;
}

.c-company__body-name .color-green {
    color: #2d9a59;
    font-size: 0.26rem;
}

.c-company__body-name .c-label__orange {
    padding: 0.01rem 0.05rem;
    color: white;
    background-color: #f39501;
    border-radius: 0.05rem;
    font-size: 0.22rem;
    position: relative;
    top: -0.03rem;
}

.c-company__body-info {
    color: #95a2aa;
    font-size: 0.26rem;
    margin-top: 0.26rem;
    position: relative;
    padding-right: 0.65rem;
    display: block;
}

.c-tab-item-down-icon {
    width: 0.36rem;
    height: 0.36rem;
    background: url("../image/down-icon.png") top left no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.2rem;
    bottom: -0.03rem;
    display: block;
}

.c-company__body-person {
    font-size: 0.34rem;
    color: #333;
    padding-left: 0.8rem;
}

.c-company__body-personinfo {
    margin-top: 0.2rem;
    color: #777;
    font-size: 0.26rem;
    line-height: 0.3rem;
    max-height: 0.3rem;
    overflow: hidden;
}

.c-company__body-personblock {
    margin-left: 0.8rem;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0.4rem;
    padding-right: 1.4rem;
}

.c-company__body-item2:last-child .c-company__body-personblock {
    border-bottom: 0;
}

.c-company__over {
    text-align: center;
    color: #333;
    padding-right: 0;
    font-size: 0.26rem;
    margin-left: 0;
}

.company__body-icon1 {
    background: url(../image/icon-card1.png) 0.2rem center no-repeat;
    background-size: 0.42rem 0.3rem;
}

.company__body-icon2 {
    background: url(../image/icon-card2.png) 0.2rem center no-repeat;
    background-size: 0.42rem 0.3rem;
}

.company__body-icon3 {
    background: url(../image/icon-card3.png) 0.2rem center no-repeat;
    background-size: 0.42rem 0.3rem;
}

.c-orlist {
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
}

.c-orlist__item {
    padding: 0.4rem 0.2rem 0rem 0.4rem;
    display: flex;
}

.c-orlist__item:last-child .c-orlist__content {
    border-bottom: 0;
}

.c-orlist__img {
    flex-shrink: 0;
    width: 0.8rem;
    height: 0.8rem;
}

.c-orlist__img img {
    width: 0.8rem;
    height: 0.8rem;
}

.c-orlist__content {
    margin-left: 0.4rem;
    border-bottom: 1px solid #e0e0e0;
    flex-grow: 1;
    padding-bottom: 0.4rem;
}

.c-orlist__title {
    font-size: 0.32rem;
    color: #333;
}

.c-orlist__info {
    font-size: 0.26rem;
    color: #777;
    margin-top: 0.2rem;
}

.c-orlist__info .icon {
    color: #cecece;
    margin: 0 0.02rem;
}

.c-authorcard {
    padding: 0.2rem 0.2rem 0.4rem 0.2rem;
}

.c-authorcard__inner {
    background-color: #f1f6ff;
    border: 1px solid #dee3eb;
    padding: 0.4rem 0.2rem 0 0.2rem;
}

.c-authorcard__name {
    font-size: 0.36rem;
    color: #333;
}

.c-authorcard__bottom {
    margin-top: 0.2rem;
    font-size: 0.28rem;
    color: #466187;
    line-height: 0.5rem;
    margin-left: 0.2rem;
}

.c-authorcard__top {
    margin-left: 0.2rem;
}

.c-authorcard__line {
    display: flex;
}

.c-authorcard__col {
    flex-shrink: 0;
}

.c-authorcard__info {
    flex-grow: 1;
}

.c-subnav {
    border-bottom: 1px solid #d0d0d0;
    background-color: #f7f7f7;
    color: #777;
    display: flex;
    justify-content: space-around;
}

.c-subnav__item {
    display: flex;
    justify-content: center;
    position: relative;
    top: 0.02rem;
}

.c-subnav__item3 {
    width: 33.3%;
    display: flex;
    justify-content: center;
    position: relative;
    top: 0.02rem;
}

.c-subnav__item-50 {
    width: 50%;
}

.c-subnav__link {
    display: flex;
    font-size: 0.28rem;
    padding: 0.2rem 0;
    color: #777;
}

.c-subnav__hover {
    color: #3262de;
    border-bottom: 0.04rem solid #3262de;
}

.c-banner {
    margin-top: 0.2rem;
    width: 100%;
    display: block;
}

.c-banner-img {
    width: 100%;
    display: block;
}

.c-buy__info {
    color: #999;
    font-size: 0.26rem;
    padding: 0.17rem 0 0.17rem 0.2rem;
    border-bottom: #e0e0e0 1px solid;
}

.c-person__top {
    padding-bottom: 0.5rem;
    position: relative;
}

.c-person__top-bianke {
    padding-bottom: 1.6rem;
}

.c-person__top-bianke .c-person__img {
    margin-top: 0rem;
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
}

.c-person__top-bianke .c-person__img img {
    width: 1.8rem;
    height: 1.8rem;
}

.c-person__top-bianke .c-person__img .renzheng-icon {
    position: absolute;
    right: 0.05rem;
    bottom: 0.05rem;
    width: 0.4rem;
    height: 0.4rem;
    border: 0;
}

.c-person__top-bianke .c-person__name {
    font-size: 0.4rem;
    margin-top: 0.4rem;
}

.c-person__top-bianke .c-person__info {
    margin-top: 0.23rem;
    font-size: 0.26rem;
    color: white;
    text-align: center;
}

.c-person__bar {
    opacity: 0.6;
    background: #333;
    padding: 0.2rem 0 0.18rem 0;
    color: white;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.c-person__bar-item {
    width: 32.9%;
    position: relative;
    opacity: 1;
}

.c-person__bar-decorate {
    position: absolute;
    right: 0;
    height: 0.3rem;
    top: 0.25rem;
    width: 1px;
    background: white;
}

.c-person__bar-item-top {
    text-align: center;
    font-size: 0.26rem;
}

.c-person__bar-item-bottom {
    text-align: center;
    font-size: 0.3rem;
    margin-top: 0.1rem;
}

.c-person__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    zoom: 1;
    z-index: -1;
}

.c-person__body {
    padding: 0.2rem 0 2rem 0;
    background-color: #f5f5f5;
}

.c-person__body-bk {
    padding-bottom: 0.2rem;
}

.c-person__img {
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 auto;
    margin-top: 0.15rem;
}

.c-person__img img {
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid white;
    border-radius: 100px;
}

.c-person__name {
    margin-top: 0.22rem;
    font-size: 0.32rem;
    color: white;
    display: block;
    text-align: center;
}

.c-person__item-group {
    background: white;
    padding: 0 0.2rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.34rem;
    color: #333;
}

.c-person__item1 {
    padding: 0.28rem 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.34rem;
    color: #333;
    padding-left: 0.7rem;
    background: url(../image/person-1.png) 0.1rem center no-repeat;
    background-size: 0.31rem auto;
    display: block;
}

.c-person__item2 {
    padding: 0.28rem 0;
    font-size: 0.34rem;
    color: #333;
    padding-left: 0.7rem;
    background: url(../image/person-2.png) 0.1rem center no-repeat;
    background-size: 0.31rem auto;
    position: relative;
    display: block;
    border-bottom: 1px solid #e0e0e0;
}

.c-person__item2 .fa {
    color: #bababa;
    position: absolute;
    right: 0.1rem;
}

.c-person__item {
    background: white;
    padding: 0.28rem 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.34rem;
    color: #333;
    padding-left: 0.9rem;
    position: relative;
    display: block;
}

.c-person__item .fa {
    color: #bababa;
    position: absolute;
    right: 0.3rem;
}

.c-person__item3 {
    background: url(../image/person-3.png) 0.3rem center no-repeat;
    background-size: 0.31rem auto;
    background-color: white;
}

.c-person__item4 {
    background: url(../image/person-4.png) 0.3rem center no-repeat;
    background-size: 0.31rem auto;
    background-color: white;
}

.c-person__item5 {
    background: url(../image/cz7.png) 0.11rem center no-repeat;
    background-size: 0.31rem auto;
    background-color: white;
    padding: 0.28rem 0;
    font-size: 0.34rem;
    color: #333;
    padding-left: 0.7rem;
    background-size: 0.31rem auto;
    position: relative;
    display: block;
}

.c-person__item5 .fa {
    color: #bababa;
    position: absolute;
    right: 0.1rem;
}

.c-person__item6 {
    background: url(../image/cz90.png) 0.11rem center no-repeat;
    background-size: 0.31rem auto;
    background-color: white;
    padding: 0.28rem 0;
    font-size: 0.34rem;
    color: #333;
    padding-left: 0.7rem;
    background-size: 0.31rem auto;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    display: block;
}

.c-person__item6 .fa {
    color: #bababa;
    position: absolute;
    right: 0.1rem;
}

.c-person__item7 {
    background: url(../image/2020/bk12.png) 0.08rem center no-repeat;
    background-size: 0.31rem auto;
    border-bottom: 1px solid #e0e0e0;
    background-color: white;
    padding: 0.28rem 0;
    font-size: 0.34rem;
    color: #333;
    padding-left: 0.7rem;
    background-size: 0.38rem auto;
    position: relative;
    display: block;
}

.c-person__item7 .fa {
    color: #bababa;
    position: absolute;
    right: 0.1rem;
}

.c-person__item10 {
    background: url(../image/2021/fp.png) 0.08rem center no-repeat;
    background-size: 0.31rem auto;
    background-color: white;
    padding: 0.28rem 0;
    font-size: 0.34rem;
    color: #333;
    padding-left: 0.7rem;
    background-size: 0.38rem auto;
    position: relative;
    display: block;
}

.c-person__item10 .fa {
    color: #bababa;
    position: absolute;
    right: 0.1rem;
}

.c-pay {
    padding: 0.4rem 0.4rem 0.4rem 0.4rem;
    margin-bottom: 3.5rem;
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
}

.c-pay__title {
    font-size: 0.4rem;
    color: #333;
    line-height: 0.6rem;
    letter-spacing: 0.01rem;
    padding-bottom: 0.37rem;
    border-bottom: 1px solid #efefef;
    font-weight: bold;
}

.c-pay__line {
    display: flex;
    padding: 0.4rem 0;
    border-bottom: 1px solid #efefef;
    font-size: 0.32rem;
    color: #333;
}

.c-pay__subtitle {
    color: #333;
    flex-shrink: 0;
}

.c-pay__content {
    margin-left: 0.1rem;
}

.c-pay__content .color-orange {
    color: #ef730c;
}

.c-pay__content .color-red {
    color: red;
}

.c-pay__button {
    padding-top: 0.4rem;
}

.c-pay__btn {
    width: 100%;
    background: #ff8800;
    color: white;
    border-radius: 0.1rem;
    font-size: 0.34rem;
    padding: 0.34rem 0;
    display: block;
    text-align: center;
}

.c-pay__btn--blue {
    background-color: #1aad16;
}

.pay-window {
    width: 4rem;
    height: 2rem;
    background-color: white;
    border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0078ed;
    font-size: 0.36rem;
    font-weight: bold;
}

.pay-window .pay-icon {
    width: 0.36rem;
    height: 0.36rem;
    margin-right: 0.1rem;
}

.pay-window .text-green {
    color: #5cd532;
}

.pay-window .text-orange {
    color: #ff9900;
}

.pay-window2 {
    width: 4.5rem;
    color: #0078ed;
    font-size: 0.36rem;
    font-weight: bold;
    background-color: white;
    border-radius: 0.2rem;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.pay-window-text1 {
    display: flex;
    width: 3rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
}

.pay-window-text2 {
    margin-top: 0.2rem;
    font-size: 0.24rem;
    text-align: center;
    font-weight: normal;
    color: #333;
}

.pay-window-text2 a {
    text-decoration: underline;
    color: #0078ed;
}

.pay-window-more {
    width: 4rem;
    background-color: white;
    border-radius: 0.2rem;
    color: #0078ed;
    font-size: 0.36rem;
    font-weight: bold;
    padding: 0.7rem 0;
}

.pay-window-more .pay-icon {
    width: 0.36rem;
    height: 0.36rem;
    margin-right: 0.1rem;
}

.pay-window-more .text-green {
    color: #5cd532;
}

.pay-window-more .text-orange {
    color: #ff9900;
}

.pay-window-more .pay-window-more-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pay-window-more .pay-window-more-2 {
    color: #777;
    font-size: 0.3rem;
    text-align: center;
    margin-top: 0.4rem;
}

.pay-window3 {
    display: block;
    padding-top: 0.8rem;
    padding-bottom: 0.78rem;
    height: auto;
    width: 5.5rem;
}

.pay-window3 .pay-window2-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pay-window3 .pay-window2-text {
    margin-top: 0.4rem;
    color: #777;
    font-size: 0.3rem;
    text-align: center;
}

.pay-window2 .pay-icon {
    width: 0.36rem;
    margin-right: 0.1rem;
}

.pay-window2 .text-green {
    color: #5cd532;
}

.pay-window2 .text-orange {
    color: #ff9900;
}

.loader-inner {
    margin-left: 0.1rem;
}

.ball-beat>div {
    background-color: #0078ed;
    width: 0.15rem;
    height: 0.15rem;
    margin-left: 0.2rem;
    border-radius: 100%;
    margin: 0.04rem;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: ball-beat 0.7s 0s infinite linear;
    animation: ball-beat 0.7s 0s infinite linear;
}

.ball-beat>div:nth-child(2n-1) {
    -webkit-animation-delay: 0.35s !important;
    animation-delay: 0.35s !important;
}

@-webkit-keyframes ball-beat {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ball-beat {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.u-color-search {
    color: #ff0000;
}

.u-bg-youxian {
    background-color: #f39501;
}

.u-bg-hexin {
    background-color: #8cd10d;
}

.u-bg-dujia {
    background-color: #ebc200;
}

.u-bg-huojiang {
    background-color: #f35101;
}

.u-bg-kexue {
    background-color: #51d6f3;
}

.u-bg-shoufa {
    background-color: #ff6666;
}

.u-bg-gongcheng {
    background-color: #3598f5;
}

.u-bg-difang {
    background-color: #42baff;
}

.u-bg-zhongyang {
    background-color: #f06262;
}

.c-search-top {
    padding: 0.15rem;
    position: relative;
}

.c-search-top-body {
    border: 1px solid #dbdbdb;
    border-radius: 0.1rem;
    background: white;
    display: flex;
    justify-content: space-between;
}

.c-search-top-body a.select {
    width: 1.5rem;
    margin-right: 0;
    display: block;
    color: #3162de;
    line-height: 0.68rem;
    padding-top: 0.06rem;
    text-align: center;
    font-size: 0.28rem;
    flex-shrink: 0;
}

.c-search-top-body a.select img {
    width: 0.16rem;
    height: 0.1rem;
    position: relative;
    top: -0.05rem;
}

.c-search-top-body .select-down {
    background: url(../image/search002.png) 0.85rem center no-repeat;
}

.c-search-top-body .select-up {
    background: url(../image/search011.png) 0.85rem center no-repeat;
}

.c-search-top-body .form-type {
    padding-left: 0.12rem;
    padding-top: 0.17rem;
    padding-bottom: 0.13rem;
    width: 100%;
    line-height: 0.44rem;
    border: 0;
    border-radius: 0;
    font-size: 0.28rem;
}

.c-search-top-body .btn-search-block {
    padding: 0.2rem 0;
    flex-shrink: 0;
    background-color: #f4f4f4;
    border-radius: 0 0.1rem 0.1rem 0;
    border-left: 1px solid #dbdbdb;
}

.c-search-top-body .btn-search {
    color: #787878;
    font-size: 0.28rem;
    text-align: center;
    display: block;
    padding-top: 0.06rem;
    line-height: 0.3rem;
    width: 1.2rem;
}

.c-search-top-body .select-menu {
    position: absolute;
    top: 1.5rem;
    background: white;
    width: 100%;
    z-index: 1000;
    left: 0;
}

.c-search-top-body .select-menu-inner {
    padding: 0 0.2rem;
}

.c-search-top-body .select-menu-auto {
    padding: 0;
}

.c-search-top-body .select-menu-auto .select-menu-item {
    padding: 0 0.3rem;
}

.c-search-top-body .select-menu-item {
    line-height: 0.9rem;
    display: block;
    border-bottom: #f1f1f1 1px solid;
    font-size: 0.3rem;
}

.c-search-top-body .select-menu-item:last-child {
    border-bottom: 0;
}

.c-search-top-body .select-menu-item-active {
    color: #3262de;
    background: url(../image/search012.png) right 0.1rem center no-repeat;
    background-size: 0.4rem;
}

.c-search-none {
    padding-top: 0.9rem;
    padding-bottom: 1.6rem;
}

.c-search-none img {
    width: 6.25rem;
    margin: 0 auto;
    display: block;
}

.c-search-history {
    background-color: white;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.c-search-history .history-title {
    font-size: 0.28rem;
    color: #777;
    line-height: 0.8rem;
    border-bottom: 1px solid #f1f1f1;
    padding-left: 0.2rem;
}

.c-search-history .history-title .fa-trash-o {
    float: right;
    font-size: 0.4rem;
    margin: 0.2rem;
    display: block;
    color: #bbb;
}

.c-search-history .history-body {
    padding: 0 0.2rem;
}

.c-search-history .history-item {
    border-bottom: 1px solid #f1f1f1;
    display: flex;
}

.c-search-history .history-item:last-child {
    border-bottom: 0;
}

.c-search-history .history-item-left {
    width: 1.4rem;
    line-height: 0.9rem;
    color: #b3b3b3;
    font-size: 0.26rem;
    padding-left: 0.6rem;
}

.c-search-history .history-item-right {
    width: 100%;
    line-height: 0.9rem;
    color: #333;
    font-size: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 0rem;
}

.c-search-history .history-icon-zhuti {
    background: url(../image/search003.png) 0.15rem center no-repeat;
    background-size: 0.28rem;
}

.c-search-history .history-icon-pianming {
    background: url(../image/search004.png) 0.15rem center no-repeat;
    background-size: 0.28rem;
}

.c-search-history .history-icon-quanwen {
    background: url(../image/search005.png) 0.15rem center no-repeat;
    background-size: 0.28rem;
}

.c-search-history .history-icon-zuozhe {
    background: url(../image/search006.png) 0.15rem center no-repeat;
    background-size: 0.28rem;
}

.c-search-history .history-icon-danwei {
    background: url(../image/search007.png) 0.15rem center no-repeat;
    background-size: 0.28rem;
}

.c-search-history .history-icon-guanjianci {
    background: url(../image/search008.png) 0.15rem center no-repeat;
    background-size: 0.28rem;
}

.c-search-history .history-icon-zhaiyao {
    background: url(../image/search009.png) 0.15rem center no-repeat;
    background-size: 0.28rem;
}

.c-search-history .history-icon-laiyuan {
    background: url(../image/search010.png) 0.15rem center no-repeat;
    background-size: 0.28rem;
}

.c-search-clean {
    color: #3262de;
    padding: 0.3rem 0;
    text-align: center;
    display: block;
    font-size: 0.3rem;
}

.c-subnav-search {
    display: flex;
    background-color: #f7f7f7;
    border-bottom: #e0e0e0 1px solid;
    padding: 0.24rem 0;
    width: 100%;
    z-index: 100;
    top: 1.7rem;
}

.c-subnav-search .c-subnav-item {
    width: 28%;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.3rem;
    color: #3262de;
}

.c-subnav-search .c-subnav-item img {
    width: 0.16rem;
    height: 0.1rem;
    vertical-align: middle;
    position: relative;
    top: -0.02rem;
}

.c-subnav-search .change-mode {
    width: 13%;
    display: block;
    text-align: center;
    background: url(../image/search014.png) center center no-repeat;
    background-size: 0.32rem 0.34rem;
}

.c-subnav-search .change-mode2 {
    width: 13%;
    display: block;
    text-align: center;
    background: url(../image/search014-2.png) center center no-repeat;
    background-size: 0.32rem 0.34rem;
}

.c-subnav-search .c-submenu {
    position: absolute;
    top: 1.8rem;
    background: white;
    width: 100%;
    z-index: 1000;
    max-width: 961px;
}

.c-subnav-search .c-submenu-inner {
    padding: 0 0.2rem;
}

.c-subnav-search .c-submenu-item {
    border-bottom: 1px solid #e0e0e0;
    line-height: 0.85rem;
    color: #9c9c9c;
    font-size: 0.3rem;
    padding-left: 0.05rem;
    display: block;
    position: relative;
    padding-left: 0.2rem;
}

.c-subnav-search .c-submenu-item:after {
    content: " ";
    width: 3px;
    height: 3px;
    background-color: #777;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.5px;
}

.c-subnav-search .c-submenu-item-grey {
    color: #bbb;
}

.c-subnav-search .c-submenu-item-grey:after {
    background-color: #bbb;
}

.c-subnav-search .c-submenu-item:last-child {
    border-bottom: 0;
}

.c-subnav-search .c-submenu-item2-outer {
    padding-left: 0.6rem;
}

.c-subnav-search .c-submenu-item2 {
    border-bottom: 1px solid #e0e0e0;
    line-height: 0.8rem;
    color: #777;
    font-size: 0.3rem;
    display: block;
}

.c-subnav-search .c-submenu-item-active {
    color: #3262de !important;
    background-size: 0.4rem;
}

.c-subnav-search .c-submenu-item-active:after {
    background-color: #3262de;
}

.c-subnav-search .color-blue {
    color: #3262de;
}

.c-subnav-search2 {
    position: fixed !important;
}

.c-subnav-search-high .c-subnav-item {
    width: 44%;
}

.c-submenu-mask {
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    position: absolute;
    z-index: 10;
    max-width: 961px;
}

.c-search-main-bottom {
    position: relative;
    margin-bottom: 0.2rem;
}

.c-if-info {
    font-size: 0.26rem;
    color: #999;
    height: 0.6rem;
    line-height: 0.6rem;
    padding-left: 0.2rem;
}

.c-if-block {
    background: #fff;
    padding: 0.4rem 0.3rem 0.2rem 0.2rem;
    border-bottom: 1px solid #e0e0e0;
}

.c-if-item {
    padding-bottom: 0.4rem;
    display: flex;
}

.c-if-item .icon-empty {
    right: 0.4rem;
}

.c-if-left {
    line-height: 0.5rem;
    width: 1.85rem;
    color: #333;
    font-size: 0.32rem;
    text-align: justify;
    padding-left: 0.5rem;
}

.c-if-right {
    display: block;
    font-size: 0.32rem;
    width: 100%;
    margin-left: 0.2rem;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
}

.c-if-button {
    padding-bottom: 0.4rem;
    line-height: 0.5rem;
    color: #333;
    font-size: 0.32rem;
    text-align: justify;
    padding-left: 0.5rem;
    display: block;
}

.c-if-search-btn {
    padding: 0.3rem 0.2rem;
}

.c-if-search-btn a {
    display: block;
    text-align: center;
    color: white;
    border-radius: 0.1rem;
    background-color: #3262de;
    line-height: 1rem;
    font-size: 0.36rem;
}

.c-if-icon-zhuti {
    background: url(../image/search015.png) 0.05rem center no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-pianming {
    background: url(../image/search016.png) 0.05rem center no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-quanwen {
    background: url(../image/search031.png) 0.05rem center no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-zuozhe {
    background: url(../image/search018.png) 0.05rem center no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-danwei {
    background: url(../image/search032.png) 0.05rem center no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-guanjianci {
    background: url(../image/search019.png) 0.05rem center no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-zhaiyao {
    background: url(../image/search020.png) 0.05rem center no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-laiyuan {
    background: url(../image/search021.png) 0.05rem center no-repeat;
    background-size: 0.32rem;
}

.c-if-button-minus {
    background: url(../image/search024.png) 0.05rem 0.07rem no-repeat;
    background-size: 0.32rem;
}

.c-if-button-add {
    background: url(../image/search022.png) 0.05rem 0.07rem no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-daoshi {
    background: url(../image/search025.png) 0.05rem 0.1rem no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-mulu {
    background: url(../image/search026.png) 0.05rem 0.1rem no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-shouyu {
    background: url(../image/search027.png) 0.05rem 0.1rem no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-wenxian {
    background: url(../image/search028.png) 0.05rem 0.1rem no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-huiyi {
    background: url(../image/search029.png) 0.05rem 0.1rem no-repeat;
    background-size: 0.32rem;
}

.c-if-icon-lunwen {
    background: url(../image/search030.png) 0.05rem 0.1rem no-repeat;
    background-size: 0.32rem;
}

.c-filter-item {
    background-color: white;
    margin-bottom: 0.1rem;
}

.c-filter-item-first {
    border-top: 0;
}

.c-filter-top {
    padding: 0.23rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-filter-title {
    font-size: 0.32rem;
    color: #3262de;
}

.c-filter-content {
    font-size: 0.28rem;
    color: #333;
    line-height: 0.5rem;
}

.c-filter-content .fa {
    font-size: 0.5rem;
    vertical-align: bottom;
}

.c-filter-bottom {
    padding: 0 0.3rem 0 0.3rem;
    display: flex;
    flex-wrap: wrap;
}

.c-filter-block {
    margin: 0 5.2% 0.2rem 0;
    border: 1px solid #cecece;
    border-radius: 0.05rem;
    width: 47.4%;
    box-sizing: border-box;
    padding: 0.15rem;
}

.c-filter-block:nth-child(2n) {
    margin-right: 0;
}

.c-filter-block-title {
    font-size: 0.3rem;
    line-height: 0.35rem;
    color: #333;
    overflow: hidden;
    text-align: center;
    height: 0.7rem;
}

.c-filter-block-content {
    text-align: center;
    color: #333;
    font-size: 0.26rem;
    margin-top: 0.05rem;
}

.c-filter-block-content .u-color-orange {
    color: #f87e24;
}

.c-filter-block-select {
    color: #f87e24;
    border-color: #f87e24;
    background: url(../image/shaixuanicon.png) right bottom no-repeat;
    background-size: 0.3rem;
}

.c-filter-block-select .c-filter-block-title {
    color: #f87e24;
}

.c-filter-block-select .c-filter-block-content {
    color: #f87e24;
}

.c-filter-button-block {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    max-width: 961px;
}

.c-filter-button-block2 {
    position: static;
    bottom: 0;
    width: 100%;
    display: flex;
}

.c-filter-button {
    width: 47.4%;
    border: 1px solid #f87e24;
    display: block;
    text-align: center;
    font-size: 0.34rem;
    color: 333;
    background: #f5f5f5;
    border-radius: 0.1rem;
    line-height: 0.8rem;
}

.c-filter-time {
    padding: 0.2rem 0.2rem 0.3rem 0.3rem;
}

.c-filter-time-top {
    display: flex;
    align-items: center;
}

.c-filter-time-top .time-title {
    line-height: 0.7rem;
    margin-right: 0.2rem;
    font-size: 0.32rem;
    color: #3262de;
}

.c-filter-time-top .input-block {
    height: 0.6rem;
    border: 1px solid #cecece;
    border-radius: 0.05rem;
    position: relative;
    width: 2rem;
}

.c-filter-time-top .time-type {
    border: 0;
    line-height: 0.6rem;
    font-size: 0.32rem;
    padding-left: 0.1rem;
    width: 1.05rem;
    color: #333;
}

.c-filter-time-top .time-type:-moz-placeholder {
    color: #ddd;
}

.c-filter-time-top .text {
    position: absolute;
    line-height: 0.7rem;
    font-size: 0.32rem;
    color: #333;
    right: 0.1rem;
    top: 0;
}

.c-filter-time-top .slash {
    margin: 0 0.1rem;
    line-height: 0.7rem;
}

.c-filter-time-bottom {
    display: flex;
    margin-top: 0.36rem;
}

.c-filter-time-bottom a.btn {
    display: block;
    padding-top: 0.1rem;
    padding-bottom: 0.08rem;
    width: 32%;
    margin-right: 3%;
    line-height: 0.35rem;
    border: 0.02rem solid #cecece;
    text-align: center;
    box-sizing: border-box;
    color: #333;
    font-size: 0.24rem;
    border-radius: 0.05rem;
}

.c-filter-time-bottom a.btn .btn-first {
    font-size: 0.28rem;
    color: #333;
}

.c-filter-time-bottom a.btn .btn-second {
    color: #f87e24;
}

.c-filter-time-bottom a.btn-select {
    color: #f87e24;
    border-color: #f87e24;
    background-color: #fff8f4;
    background: url(../image/shaixuanicon.png) right bottom no-repeat;
    background-size: 0.3rem;
}

.c-filter-time-bottom a.btn-last {
    margin-right: 0;
}

.c-filter-button-right {
    border-top: 1px solid #f87e24;
    color: white;
    background-color: #f87e24;
    line-height: 0.8rem;
}

.c-company-line {
    font-size: 0.24rem;
    background-color: #f5f5f5;
    color: #999;
    line-height: 0.98rem;
    padding-left: 0.2rem;
    border-bottom: 1px solid #e0e0e0;
}

.c-company-line2 {
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}

.c-company-line3 {
    background-color: transparent !important;
}

.c-qk-suggest {
    margin-bottom: 0.2rem;
    background-color: white;
    padding: 0 0.2rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.c-qk-suggest-first {
    border-top: 0;
}

.c-qk-top {
    padding: 0.33rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.c-qk-title {
    font-size: 0.32rem;
    color: #333;
    font-weight: bold;
}

.c-qk-more-link {
    font-size: 0.26rem;
    color: #777;
}

.c-qk-line {
    margin-bottom: 0.3rem;
    display: flex;
    justify-content: space-between;
}

.c-qk-block {
    width: 30%;
    margin-right: 5%;
}

.c-qk-block:last-child {
    margin-right: 0%;
}

.c-qk-img {
    border: 1px solid #e0e0e0;
    width: 100%;
}

.c-qk-text {
    margin-top: 0.1rem;
    color: #333;
    font-size: 0.3rem;
    line-height: 0.4rem;
    max-height: 0.8rem;
    overflow: hidden;
}

.c-qk-time {
    font-size: 0.26rem;
    color: #777;
    margin-top: 0.08rem;
}

.c-qk-more {
    font-size: 0.28rem;
    color: #999;
    display: block;
    text-align: center;
    font-size: 0.28rem;
    padding: 0.36rem 0;
    border-top: 1px solid #e0e0e0;
}

.c-qk-more .fa {
    font-size: 0.32rem;
}

#img-group {
    position: relative;
    overflow: hidden;
    background-color: white;
}

#img-group .img-bd {
    overflow: hidden;
}

#img-group .img-bd img {
    width: 100%;
    height: auto;
}

#img-group .img-bd a {
    display: block;
}

#img-group .img-hd {
    position: absolute;
    bottom: 0.4rem;
    right: 0rem;
}

#img-group .img-hd ul {
    display: flex;
    justify-content: center;
}

#img-group .img-hd li {
    width: 4px;
    height: 4px;
    border: 1px solid #fff;
    border-radius: 500px;
    margin-right: 5px;
}

#img-group .img-hd .on {
    background-color: #5db8ff;
    border: 1px solid #5db8ff;
}

.c-qk-group {
    padding: 0 0.2rem;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
}

.c-qk-class {
    background-color: white;
    padding: 0 0.2rem;
}

.c-qk-class-list {
    line-height: 1rem;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 0.6rem;
    padding-right: 0.5rem;
    font-size: 0.32rem;
    color: #333;
    display: block;
    text-align: left;
}

.c-qk-class-list1 {
    background: url(../image/wj/wj01.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list2 {
    background: url(../image/wj/wj02.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list3 {
    background: url(../image/wj/wj03.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list4 {
    background: url(../image/wj/wj04.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list5 {
    background: url(../image/wj/wj05.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list6 {
    background: url(../image/wj/wj06.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list7 {
    background: url(../image/wj/wj07.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list8 {
    background: url(../image/wj/wj08.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list9 {
    background: url(../image/wj/wj09.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list10 {
    background: url(../image/wj/wj10.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list11 {
    background: url(../image/wj/wj11.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list12 {
    background: url(../image/wj/wj12.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list13 {
    background: url(../image/wj/wj13.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list14 {
    background: url(../image/wj/wj14.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list15 {
    background: url(../image/wj/wj15.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list16 {
    background: url(../image/wj/wj16.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list17 {
    background: url(../image/wj/wj16.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list17 {
    background: url(../image/wj/wj17.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list18 {
    background: url(../image/wj/wj18.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list19 {
    background: url(../image/wj/wj19.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list20 {
    background: url(../image/wj/wj20.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list21 {
    background: url(../image/wj/wj21.png) 0.1rem center no-repeat;
    background-size: 0.34rem;
}

.c-qk-class-list1-2 {
    background: url(../image/wj/wj01-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list2-2 {
    background: url(../image/wj/wj02-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list3-2 {
    background: url(../image/wj/wj03-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list4-2 {
    background: url(../image/wj/wj04-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list5-2 {
    background: url(../image/wj/wj05-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list6-2 {
    background: url(../image/wj/wj06-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list7-2 {
    background: url(../image/wj/wj07-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list8-2 {
    background: url(../image/wj/wj08-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list9-2 {
    background: url(../image/wj/wj09-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list10-2 {
    background: url(../image/wj/wj10-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list11-2 {
    background: url(../image/wj/wj11-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list12-2 {
    background: url(../image/wj/wj12-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list13-2 {
    background: url(../image/wj/wj13-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list14-2 {
    background: url(../image/wj/wj14-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list15-2 {
    background: url(../image/wj/wj15-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list16-2 {
    background: url(../image/wj/wj16-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list17-2 {
    background: url(../image/wj/wj16-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list18-2 {
    background: url(../image/wj/wj18-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list19-2 {
    background: url(../image/wj/wj19-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list20-2 {
    background: url(../image/wj/wj20-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-qk-class-list21-2 {
    background: url(../image/wj/wj21-2.png) 0.1rem center no-repeat, url(../image/wj/dui.png) right center no-repeat;
    background-size: 0.34rem;
    color: #f08243;
}

.c-menu-search {
    padding: 0.15rem 0rem 0.15rem 0rem;
    display: flex;
    position: relative;
    width: 100%;
}

.c-menu-input {
    width: 100%;
    padding-left: 0.68rem;
    padding-top: 0.17rem;
    padding-bottom: 0.17rem;
    font-size: 0.3rem;
    border-radius: 0.05rem;
    border: 0;
    background: url(../image/qk004.png) 0.23rem 0.2rem no-repeat;
    background-size: 0.3rem;
    background-color: white;
    margin-left: 0.2rem;
}

.c-menu-cancel {
    color: white;
    text-align: center;
    line-height: 0.68rem;
    width: 1rem;
    padding-right: 0.2rem;
    font-size: 0.3rem;
    flex-shrink: 0;
}

.c-menu-search-block {
    background-color: white;
    padding: 0 0.2rem;
    border-top: 1px solid #e0e0e0;
}

.c-menu-search-item {
    display: block;
    font-size: 0.3rem;
    color: #333;
    line-height: 0.9rem;
    border-bottom: 1px solid #f1f1f1;
    background-size: 0.25rem;
}

.c-menu-search-item:last-child {
    border-bottom: 0;
}

.c-menu-search-clean {
    display: block;
    color: #3262de;
    line-height: 1rem;
    text-align: center;
    font-size: 0.3rem;
}

.c-qk-group-search-title {
    border-bottom: 1px solid #e0e0e0;
    line-height: 0.8rem;
    padding-left: 0.2rem;
    color: #777;
    font-size: 0.28rem;
    background: white;
}

.c-alert {
    width: 6.9rem;
    border-radius: 0.1rem;
    background: #fff;
}

.c-alert-top {
    padding: 0.6rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.c-alert-top-inner {
    color: #333;
    font-size: 0.36rem;
    line-height: 0.42rem;
    padding: 0.26rem 0 0.26rem 1.65rem;
    width: 3.76rem;
    background: url(../image/icon.png) left center no-repeat;
    background-size: 1.3rem 1.3rem;
    margin: 0 auto;
}

.c-alert-bottom {
    display: flex;
}

.c-alert-button {
    width: 100%;
    font-size: 0.3rem;
    line-height: 0.98rem;
    text-align: center;
    color: #333;
}

.c-alert-button-select {
    border-left: 1px solid #e0e0e0;
    color: #3262de;
}

.icon-empty {
    position: absolute;
    right: 1.6rem;
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    top: 0.3rem;
    background: url(../image/icon-empty.png) left center no-repeat;
    background-size: 0.3rem;
}

.icon-empty2 {
    top: auto;
}

.c-subnav-search {
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #777;
    padding-left: 0rem;
    max-width: 961px;
}

.c-subnav-search-book {
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #777;
    padding: 0;
    background: white;
    padding-left: 0.2rem;
    box-sizing: border-box;
}

.c-cnkibook {
    padding: 0.4rem 0.2rem 0.2rem 0.2rem;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
}

.c-cnkibook2 {
    padding-top: 0.3rem;
}

.c-cnkibook-block-bktitle {
    line-height: 1rem;
    font-size: 0.34rem;
    background: white;
    color: #333;
    padding-left: 0.2rem;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.c-cnkibook-block {
    margin-bottom: 0.15rem;
    width: 3.53rem;
}

.c-cnkibook-imgblock {
    position: relative;
    width: 3.53rem;
    height: 2.57rem;
}

.c-cnkibook-imgblock-small {
    width: 1.74rem;
    height: 1.27rem;
}

.c-cnkibook-imgblock-small .c-cnkibook-outer {
    width: 1.74rem;
    height: 1.27rem;
}

.c-cnkibook-imgblock-small .c-cnkibook-img {
    width: 1.68rem;
    height: 1.2rem;
    top: 0.05rem;
    left: 0.03rem;
}

.c-cnkibook-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.53rem;
    height: 2.57rem;
    z-index: 1;
}

.c-cnkibook-img {
    width: 3.32rem;
    height: 2.38rem;
    border-radius: 0.1rem;
    position: relative;
    left: 0.2rem;
    top: 0.1rem;
    left: 0.13rem;
}

.c-cnkibook-text {
    margin-top: 0.1rem;
}

.c-cnkibook-title {
    font-size: 0.32rem;
    color: #333;
    padding: 0 0.15rem;
    line-height: 0.4rem;
    max-height: 0.79rem;
    overflow: hidden;
}

.c-cnkibook-info {
    margin-top: 0.09rem;
    font-size: 0.26rem;
    color: #777;
    padding: 0 0.15rem;
}

.g-search-none {
    padding: 1.3rem 0 1.5rem 0;
    margin: 0 auto;
    background: white;
    text-align: center;
}

.g-search-img {
    width: 0.4rem;
    margin: 0 auto;
    display: inline-block;
    vertical-align: sub;
}

.g-search-text {
    text-align: center;
    color: #999;
    font-size: 0.32rem;
    display: inline-block;
    margin-left: 0.05rem;
}

.c-company__body-title-blue {
    color: #0606cd;
    font-weight: normal;
}

.c-company-top-link {
    display: block;
}

.c-wj-intro-block {
    padding: 0.4rem 0.2rem 0 0.2rem;
}

.c-wj-intro-line {
    font-size: 0.3rem;
    display: flex;
    margin-bottom: 0.25rem;
    line-height: 0.4rem;
}

.c-wj-intro-line2 {
    margin-bottom: 0;
}

.c-wj-intro-close {
    max-height: 1.2rem;
    overflow: hidden;
}

.c-wj-intro-left {
    flex-shrink: 0;
    color: #777;
}

.c-wj-intro-right {
    color: #333;
    font-size: 0.32rem;
    margin-left: 0.1rem;
}

.c-wj-intro-right .color-blue {
    color: #6699ff;
    display: inline-block;
}

.c-wj-intro-right .color-gray {
    color: #777;
}

.c-wj-intro-more {
    text-align: center;
    color: #6699ff;
    display: block;
    line-height: 0.7rem;
    font-size: 0.5rem;
}

.c-wj-zj {
    padding: 0 0.2rem;
}

.c-wj-zj-block {
    padding: 0.4rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.c-wj-zj-block:last-child {
    padding: 0.4rem 0;
    border-bottom: 0;
}

.c-wj-zj-title {
    font-size: 0.32rem;
    color: #333;
    line-height: 0.44rem;
    font-weight: bold;
    margin-bottom: 0.18rem;
}

.c-wj-zj-list-item {
    font-size: 0.3rem;
    color: #333;
    line-height: 0.55rem;
    padding-left: 0.4rem;
    position: relative;
}

.c-wj-zj-list-item:after {
    content: "•";
    font-size: 0.34rem;
    position: absolute;
    left: 0.1rem;
    top: 0;
    color: #5db8ff;
}

.c-wj-zp {
    padding: 0.4rem 0.2rem;
    display: block;
}

.c-wj-zp-author {
    display: flex;
}

.c-wj-zp-author .fa-angle-right {
    color: #a7a7a7;
    font-size: 0.5rem;
    padding-top: 0.2rem;
}

.author-img {
    width: 1.08rem;
    height: 1.08rem;
    border-radius: 100rem;
    border: 1px solid #d6d6d6;
    flex-shrink: 0;
    display: block;
}

.c-wj-zp-name {
    margin-left: 0.19rem;
    width: 100%;
    margin-top: 0.1rem;
}

.c-wj-zp-name-top {
    font-size: 0.34rem;
    color: #333;
}

.c-wj-zp-name-bottom {
    font-size: 0.26rem;
    color: #777;
    margin-top: 0.23rem;
}

.c-wj-zp-info {
    margin-top: 0.3rem;
    font-size: 0.3rem;
    line-height: 0.4rem;
    color: #333;
}

.img-section {
    padding: 10px 10px 20px 10px;
}

.img-section3 {
    margin-top: 10px;
}

.img-section-left {
    width: 48.5%;
    float: left;
    display: block;
}

.img-section-left img {
    width: 100%;
    display: block;
}

.img-content {
    padding-left: 12px;
}

.img-section-right {
    width: 48.5%;
    float: right;
    display: block;
}

.img-section-right img {
    width: 100%;
    display: block;
}

.c-book-none {
    padding: 1.5rem 0 6rem 0;
    background-color: #f7f8fa;
}

.c-book-none-pic {
    background: url(../image/search-icon1.png) center top no-repeat;
    height: 1.72rem;
    background-size: 2.5rem 1.7rem;
    margin-bottom: 0.4rem;
}

.c-book-none-pic2 {
    background: url(../image/search-icon2.png) center top no-repeat;
    height: 1.72rem;
    background-size: 2.5rem 1.7rem;
    margin-bottom: 0.4rem;
}

.c-book-none-text {
    font-size: 0.3rem;
    color: #505979;
    text-align: center;
}

.cz-block {
    background-color: white;
    padding: 0 0.2rem;
    border: 1px solid #e0e0e0;
    border-top: 0;
}

.cz-item {
    display: block;
    padding: 0.34rem 0;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cz-item .fa {
    color: #999999;
    font-size: 0.6rem;
}

.cz-item:last-child {
    border-bottom: 0;
}

.cz-item-left {
    padding-left: 1.1rem;
}

.cz-item-top {
    font-size: 0.34rem;
    color: #333;
    margin-bottom: 0.19rem;
}

.cz-item-left1 {
    background: url(../image/cz1.png) 0.05rem center no-repeat;
    background-size: 0.85rem;
}

.cz-item-left2 {
    background: url(../image/cz2.png) 0.05rem center no-repeat;
    background-size: 0.85rem;
}

.cz-item-left3 {
    background: url(../image/cz3.png) 0rem center no-repeat;
    background-size: 1rem;
}

.cz-item-left4 {
    background: url(../image/cz4.png) 0.05rem center no-repeat;
    background-size: 0.85rem;
}

.cz-item-left5 {
    background: url(../image/2021/card.png) 0.05rem center no-repeat;
    background-size: 0.85rem;
}

.cz-item-bottom {
    color: #999;
    font-size: 0.26rem;
}

.alert-quan {
    width: 6rem;
    position: relative;
    height: 6.2rem;
}

.alert-quan-inner {
    width: 6rem;
    height: 4.3rem;
    background: url(../image/cz6.png) center top no-repeat;
    background-size: 100%;
    position: relative;
}

.alert-quan-inner .item1 {
    font-size: 0.5rem;
    position: absolute;
    top: 1.13rem;
    left: 1.73rem;
    color: white;
}

.alert-quan-inner .item2 {
    font-size: 0.26rem;
    top: 2.15rem;
    left: 0.48rem;
    color: white;
    position: absolute;
}

.alert-quan-inner .item3 {
    font-size: 0.26rem;
    top: 2.6rem;
    left: 0.48rem;
    color: white;
    position: absolute;
}

.alert-quan-inner .item4 {
    color: #0d9bff;
    display: block;
    text-align: center;
    line-height: 1rem;
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 0.34rem;
}

.alert-quan-close {
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    background: url(../image/cz8.png);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.3rem;
    display: block;
    background-size: contain;
}

.cz-wechat-top {
    padding-left: 0.2rem;
    font-size: 0.28rem;
    line-height: 0.8rem;
    color: #777;
    background: white;
}

.cz-wechat-body {
    padding: 0.4rem 0.15rem 0.1rem 0.15rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: white;
}

.cz-wechat-money-line {
    display: flex;
    margin-bottom: 0.3rem;
}

.cz-wechat-money-outer {
    width: 33.3%;
    padding: 0 0.15rem;
}

.cz-wechat-money {
    border: 1px solid #e0e0e0;
    border-radius: 0.1rem;
    height: 1.24rem;
    line-height: 1.24rem;
    color: #333;
    text-align: center;
    font-size: 0.34rem;
}

.cz-wechat-money2-top {
    line-height: 0.8rem;
    font-size: 0.34rem;
    color: #333;
}

.cz-wechat-money2-bottom {
    line-height: 0.24rem;
    font-size: 0.24rem;
    color: #ff8800;
}

.cz-wechat-sum {
    margin-top: 0.2rem;
    background: white;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.cz-tips2 {
    margin-bottom: 1.3rem;
}

.cz-wechat-sum-top {
    display: flex;
    padding: 0 0.2rem;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
}

.cz-wechat-sum-top .wechat-left {
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #777;
}

.cz-wechat-sum-top .wechat-right {
    line-height: 0.8rem;
    font-size: 0.24rem;
    color: #bbb;
}

.cz-wechat-sum-bottom {
    display: flex;
    padding: 0 0.2rem;
    align-items: center;
    justify-content: space-between;
}

.cz-wechat-sum-bottom .wechat-left {
    line-height: 0.98rem;
    font-size: 0.32rem;
    color: #333;
}

.cz-wechat-sum-bottom .wechat-right {
    line-height: 0.98rem;
    font-size: 0.3rem;
    color: #777;
}

.cz-wechat-sum-bottom .color-blue {
    color: #3262de;
}

.cz-pay {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e0e0e0;
    background: white;
    max-width: 961px;
    z-index: 1;
}

.cz-pay-left {
    line-height: 1.08rem;
    padding-left: 0.2rem;
    font-size: 0.32rem;
    color: #333;
}

.cz-pay-left .color-orange {
    color: #ff8800;
}

.cz-pay-right {
    width: 3rem;
    text-align: center;
    line-height: 1.1rem;
    background: #ff8800;
    font-size: 0.34rem;
    color: white;
}

.cz-pay-right:active {
    background-color: #c0490f;
}

.cz-wechat-money-select {
    color: white;
    background: url(../image/shaixuanicon.png) right bottom no-repeat;
    background-color: #f87f1f;
    background-size: 0.36rem 0.36rem;
    border: 1px solid #ff8800;
}

.cz-wechat-money-select .cz-wechat-money2-top {
    color: #ff8800;
}

.cz-wechat-money-select .cz-wechat-money2-bottom,
.cz-wechat-money-select .cz-wechat-money2-top {
    color: white;
}

.cz-xj-block {
    padding: 0 0.2rem;
}

.cz-xj-info {
    font-size: 0.28rem;
    line-height: 0.66rem;
    color: #777;
}

.cz-juan-block {
    margin-bottom: 0.22rem;
    margin-top: 0.22rem;
}

.cz-juan-top-decorate {
    background: url(../image/czicon4.png) top left repeat-x;
    background-size: 0.21rem;
    height: 0.15rem;
}

.cz-juan-top-decorate-grey {
    background: url(../image/czicon3.png) top left repeat-x;
    background-size: 0.21rem;
    height: 0.15rem;
}

.cz-juan-top-decorate-orange {
    background: url(../image/czicon2.png) top left repeat-x;
    background-size: 0.21rem;
    height: 0.15rem;
}

.cz-juan-bottom-decorate {
    background: url(../image/czicon1.png) top left repeat-x;
    background-size: 0.21rem;
    height: 0.15rem;
}

.cz-juan-body {
    padding: 0 0.3rem;
    background: url(../image/czicon8.png) top 0.6rem right 0.4rem no-repeat;
    background-size: 0.46rem;
    background-color: white;
}

.cz-juan-body-used {
    background: url(../image/cz12.png) right bottom no-repeat;
    background-size: 2.49rem 1.97rem;
    background-color: white;
}

.cz-juan-body-overdue {
    background: url(../image/cz13.png) right bottom no-repeat;
    background-size: 2.49rem 1.97rem;
    background-color: white;
}

.cz-juan-body-select {
    background: url(../image/czicon6.png) top 0.6rem right 0.4rem no-repeat;
    background-size: 0.46rem;
    background-color: white;
}

.cz-juan-top {
    padding: 0.3rem;
    border-bottom: 1px dashed #ccc;
    padding-left: 1.05rem;
    background: white;
    background: url(../image/icon.png) left center no-repeat;
    background-size: 0.9rem;
}

.cz-juan-top-grey {
    background: url(../image/icon-grey.png) left center no-repeat;
    background-size: 1rem;
}

.cz-juan-top-subtitle {
    font-size: 0.3rem;
    color: #333;
    padding-top: 0.1rem;
}

.cz-juan-top-title {
    margin-top: 0.19rem;
    font-size: 0.36rem;
    color: #333;
    font-weight: bold;
}

.cz-juan-bottom {
    padding-bottom: 0.24rem;
    position: relative;
}

.c-subnav-mb2 {
    margin-bottom: 0.2rem;
}

.cz-start-use {
    width: 1.5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    color: #0d9bff;
    position: absolute;
    right: 0;
    top: 0.1rem;
    border: 1px solid #0d9bff;
    text-align: center;
    border-radius: 0.1rem;
}

.cz-juan-bottom-item {
    margin-top: 0.24rem;
    color: #777;
    font-size: 0.28rem;
}

.cz-money-none {
    margin: 0.4rem 0 0.4rem 0;
    text-align: center;
    color: #3262de;
    font-size: 0.3rem;
}

.cz-money-grey {
    color: #666;
}

.cz-xj-empty {
    padding: 2rem 0 0.64rem 0;
    text-align: center;
    font-size: 0.3rem;
    color: #505979;
    background: url(../image/cz9.png) center 0.64rem no-repeat;
    background-size: 1.16rem auto;
}

.alert-pay {
    width: 6.9rem;
    height: 6.1rem;
    position: fixed;
    z-index: 1000;
    top: 1.5rem;
    left: 50%;
    margin-left: -3.45rem;
}

.pay-shallow {
    width: 100%;
    height: 100%;
    background-color: #666;
    opacity: 0.7;
    z-index: 999;
    top: 0;
    position: fixed;
    left: 0;
}

.alert-pay-inner {
    background-color: white;
    border-radius: 0.1rem;
}

.alert-pay-inner .top {
    border-bottom: 1px solid #e0e0e0;
    padding: 0.4rem 0.2rem;
}

.alert-pay-inner .title {
    text-align: center;
    font-size: 0.4rem;
    color: #333;
    margin-bottom: 0.4rem;
    font-weight: bold;
}

.alert-pay-inner .item {
    line-height: 0.45rem;
    font-size: 0.3rem;
    color: #777;
    margin-top: 0.2rem;
    display: flex;
}

.alert-pay-inner .bottom {
    line-height: 1.2rem;
    color: #3262de;
    text-align: center;
    font-size: 0.34rem;
}

.cz-result-top {
    background-color: white;
    padding: 0 0.2rem;
    border-bottom: 1px solid #e0e0e0;
}

.cz-result-top .cz-item-info {
    border-top: 1px solid #e0e0e0;
    line-height: 1.1rem;
    font-size: 0.32rem;
    color: #333;
}

.cz-result-top .cz-item-info .color-grey {
    color: #999;
}

.cz-result-info {
    padding: 0.58rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cz-result-info .cz-success {
    color: #5cd531;
    font-size: 0.5rem;
    padding-left: 0.7rem;
    background: url(../image/cz11.png) left center no-repeat;
    background-size: 0.5rem 0.5rem;
}

.cz-result-info .cz-wrong {
    color: #ff8800;
    font-size: 0.5rem;
    padding-left: 0.7rem;
    background: url(../image/cz10.png) left center no-repeat;
    background-size: 0.5rem 0.5rem;
}

.cz-result-middle {
    margin-top: 0.2rem;
    background-color: white;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.3rem 0;
    display: flex;
    font-size: 0.34rem;
}

.cz-result-middle .btn-left {
    width: 50%;
    border-right: 1px solid #e0e0e0;
    line-height: 0.8rem;
    color: #3262de;
    text-align: center;
    font-size: 0.34rem;
}

.cz-result-middle .btn-right {
    width: 50%;
    line-height: 0.8rem;
    color: #3262de;
    text-align: center;
    font-size: 0.34rem;
}

.cz-result-bottom {
    margin-top: 0.1rem;
    padding: 0 0.2rem;
}

.cz-result-bottom .item {
    margin-bottom: 0.3rem;
    color: #777;
    font-size: 0.3rem;
    line-height: 0.4rem;
    display: flex;
}

.cz-result-bottom .item-bold {
    font-weight: bold;
}

.cz-result-bottom .color-blue {
    color: #3262de;
}

.c-login-container {
    padding: 0.2rem;
}

.c-login-container .c-login-img {
    padding-top: 0.4rem;
    width: 1.5rem;
    margin: 0 auto;
}

.c-login-container .c-login-img img {
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 100rem;
}

.c-login-container .c-login-name {
    text-align: center;
    margin-top: 0.2rem;
    font-size: 0.3rem;
    color: #333;
}

.c-login-container .c-login-info {
    margin-top: 0.6rem;
    text-align: center;
    font-size: 0.4rem;
    color: #333;
    line-height: 0.55rem;
    padding: 0 0.3rem;
}

.c-login-container .c-login-info2 {
    font-size: 0.26rem;
    color: #999;
    margin-top: 0.16rem;
    text-align: center;
}

.c-login-container .c-login-info3 {
    margin-top: 0.8rem;
    font-size: 0.26rem;
    color: #777;
}

.c-login-container .c-login-block-inner {
    display: flex;
    position: relative;
    border-radius: 0.1rem;
}

.c-login-container .c-login-block-inner .login-icon {
    position: absolute;
    right: 0.35rem;
    top: 0.7rem;
    width: 0.35rem;
    height: 0.22rem;
}

.c-login-container .c-login-block-inner .login-icon1 {
    background: url(../image/bd.png) center center no-repeat;
    background-size: 100%;
}

.c-login-container .c-login-block-inner .login-icon2 {
    background: url(../image/bd1.png) center center no-repeat;
    background-size: 100%;
}

.c-login-container .c-login-block-inner .login-eye {
    position: absolute;
    right: 0.2rem;
    top: 0.7rem;
    width: 0.35rem;
    height: 0.22rem;
    background: url(../image/lg1.png) center center no-repeat;
    background-size: 100%;
}

.c-login-container .c-login-block {
    margin-top: 0.14rem;
}

.c-login-container .c-login-block input {
    padding: 0.3rem;
    color: #333;
    font-size: 0.3rem;
    padding-left: 0.3rem;
    display: block;
    border: 0;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
}

.c-login-container .c-login-block .login-user {
    border: 1px solid #e0e0e0;
    border-radius: 0.1rem;
}

.c-login-container .c-login-block .login-pwd {
    border: 1px solid #e0e0e0;
    margin-top: 0.3rem;
    border-radius: 0.1rem;
}

.c-login-container .c-login-alert-block {
    height: 0.6rem;
}

.c-login-container .c-login-alert-block-inner {
    line-height: 0.6rem;
    color: #ff0000;
    font-size: 0.26rem;
}

.c-login-container .c-login-btn-block .u-btn-login {
    line-height: 1rem;
    border-radius: 0.1rem;
    text-align: center;
    display: block;
    font-size: 0.36rem;
    color: #fff;
    background-color: #3262de;
}

.c-login-container .c-login-btn-block .u-btn-login-blank {
    color: #3262de;
    border: 1px solid #e0e0e0;
    background-color: white;
}

.c-login-container .c-login-btn-block .u-btn-login-light {
    color: white;
    background-color: #99b1ef;
}

.c-login-container .c-login-btn-block2 {
    margin-top: 0.15rem;
    margin-bottom: 1rem;
}

.c-login-container .c-login-info4 {
    font-size: 0.26rem;
    color: #777;
    margin-top: 0.6rem;
}

.c-login-container .c-login-info5 {
    padding: 0.8rem 0;
    padding-top: 1rem;
    color: #6699ff;
    text-align: center;
    font-size: 0.3rem;
    display: block;
}

.alert-shadow-shallow {
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: 0.3;
    position: fixed;
    z-index: 1;
}

.pay-window-fix {
    position: fixed;
    top: 4rem;
    z-index: 2;
    left: 50%;
    margin-left: -2rem;
}

.tz-container {
    padding: 0.7rem 0.3rem 0.7rem 0.3rem;
}

.tz-title {
    font-weight: bold;
    font-size: 0.46rem;
    color: #333;
    line-height: 0.58rem;
}

.tz-info-line {
    color: #999;
    font-size: 0.26rem;
    display: flex;
    margin-top: 0.4rem;
}

.tz-time {
    margin-left: 0.3rem;
}

.tz-article {
    margin-top: 0.7rem;
}

.tz-article p {
    font-size: 0.36rem;
    color: #333;
    line-height: 0.5rem;
    margin: 0.1rem 0;
    text-indent: 0.72rem;
}

.tz-article h2 {
    font-size: 0.4rem;
    color: #333;
    margin: 0.2rem 0;
    font-weight: bold;
    line-height: 0.7rem;
}

.tz-article h3 {
    font-size: 0.38rem;
    color: #333;
    margin: 0.2rem 0;
    line-height: 0.7rem;
}

.tz-article h4 {
    font-size: 0.36rem;
    color: #333;
    margin: 0.2rem 0;
    line-height: 0.7rem;
}

.tz-article h5 {
    font-size: 0.32rem;
    color: #333;
    margin: 0.2rem 0;
    line-height: 0.7rem;
}

.tz-article .tz-subtitle {
    font-size: 0.4rem;
    color: #333;
    margin: 0.2rem 0;
    line-height: 0.7rem;
}

.tz-article .tz-subtitle .fa {
    font-size: 0.26rem;
    position: relative;
    top: -0.03rem;
}

.tz-article-lhgg h3 {
    margin: 0.7rem 0 0.4rem 0;
}

.tz-article-lhgg .tz-center {
    font-size: 0.46rem;
    color: #333;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #e0e0e0;
}

.tz-link {
    font-size: 0.4rem;
    color: #7287fa;
    margin: 0.2rem 0.2rem;
    line-height: 0.7rem;
    display: block;
}

.tz-img-block {
    margin: 0.65rem 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.tz-img-block img {
    width: 100%;
    max-width: 10.25rem;
}

.tz-img-title {
    margin-top: 0.2rem;
    font-size: 0.3rem;
    color: #999;
    text-align: center;
    padding: 0 0.5rem;
}

.c-company__body-item-more {
    display: block;
    background-color: white;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.3rem;
    color: #999;
    margin: 0.2rem 0;
    line-height: 1rem;
    text-align: center;
}

.c-relate-search {
    margin: 0.2rem 0;
    background-color: white;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.lhgg-footer {
    background-color: #f9f9f9;
    border-top: 1px solid #e0e0e0;
    padding: 0.36rem 0;
}

.lhgg-footer-item {
    font-size: 0.26rem;
    line-height: 0.5rem;
    text-align: center;
    color: #777;
}

.lhgg-nav {
    display: flex;
    justify-content: center;
    background-color: #f9f9f9;
    padding: 0.3rem 0;
    border-bottom: 1px solid #ddd;
}

.lhgg-nav-item {
    width: 25%;
    text-align: center;
    display: block;
    color: #333;
    font-size: 0.3rem;
    border-right: #ddd 1px solid;
    position: relative;
}

.lhgg-nav-item-select {
    color: #e9441b;
}

.lhgg-nav-item-select:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #e9441b;
    bottom: -0.3rem;
    left: 0;
    content: " ";
}

.tz-center {
    text-align: center;
}

.lhgg-banner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lhgg-banner img {
    width: 100%;
    max-width: 18rem;
}

.c-relate-search-top {
    padding: 0.3rem 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.c-relate-search-title {
    font-size: 0.34rem;
    color: #333;
}

.c-relate-search-change {
    font-size: 0.26rem;
    color: #777;
    padding-right: 0.35rem;
    background: url(../image/refresh.png) right center no-repeat;
    background-size: 0.26rem;
}

.c-relate-search-body {
    padding: 0.2rem;
}

.c-relate-search-line {
    padding: 0.2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-relate-search-item {
    width: 50%;
    color: #3262de;
    font-size: 0.3rem;
    border-right: 1px solid #e0e0e0;
    line-height: 0.4rem;
    height: 0.4rem;
    overflow: hidden;
    display: block;
}

.c-relate-search-item:last-child {
    width: 50%;
    padding-left: 0.2rem;
    border-right: 0;
}

.lhgg-table-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.lhgg-table {
    width: 100%;
    font-size: 0.32rem;
}

.lhgg-table thead td {
    font-weight: bold;
    background-color: #f9f9f9;
}

.lhgg-table td {
    border: 1px solid #ddd;
    padding: 0.2rem;
    word-break: break-all;
    line-height: 0.4rem;
}

.lhgg-table-left {
    width: 40%;
}

.lhgg-table-right {
    width: 60%;
}

.lhgg-table-block {
    background-color: white;
    border-top: 1px solid #ddd;
    margin: 0.2rem 0;
}

.lhgg-table-title {
    font-size: 0.36rem;
    padding: 0.3rem;
    font-weight: bold;
    padding-bottom: 0.1rem;
    padding-left: 0;
}

.lhgg-table-title .fa1 {
    color: #419e65;
}

.lhgg-table-title .fa2 {
    color: #fd982c;
}

.lhgg-table-title .fa3 {
    color: #6f395d;
}

.lhgg-table-title .fa4 {
    color: #314e6e;
}

.lhgg-table-title .fa5 {
    color: #ffcb00;
}

.lhgg-table-title .fa6 {
    color: #56302f;
}

.lhgg-table-title .fa7 {
    color: #de508a;
}

.lhgg-table-title .fa8 {
    color: #af8f00;
}

.lhgg-table-title .fa9 {
    color: #0d497d;
}

.lhgg-table-title .fa10 {
    color: #37377e;
}

.lhgg-top {
    font-size: 0.36rem;
    padding: 0.2rem;
    display: block;
    color: #333;
    padding-bottom: 0.3rem;
    font-weight: bold;
    text-align: center;
}

.lghh-list-link {
    color: #3598f5;
}

.page-change__item-disabled {
    color: #999;
}

.visual-body {
    background-color: #f5f5f5;
}

.visual-top {
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.24rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.visual-top-item {
    width: 50%;
    border-right: 1px solid #e0e0e0;
}

.visual-top-item:last-child {
    border-right: 0;
}

.visutal-top-label {
    font-size: 0.26rem;
    color: #999;
    text-align: center;
    margin-bottom: 0.23rem;
}

.visutal-top-title {
    font-size: 0.34rem;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.visual-map {
    margin-top: 0.2rem;
    background-color: white;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.visual-map-top {
    display: flex;
    padding: 0.25rem 0.2rem;
    display: flex;
    justify-content: space-between;
    font-size: 0.28rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.visual-map-title {
    font-size: 0.28rem;
    color: #777;
}

.visual-map-detail {
    color: #3262de;
    font-size: 0.28rem;
    display: block;
}

.visual-map-body {
    padding: 0.2rem;
}

.visual-relative {
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    background-color: white;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.visual-relative-top {
    display: flex;
    padding: 0.25rem 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.visual-relative-title {
    font-size: 0.28rem;
    color: #777;
}

.visual-relative-body {
    padding: 0 0.2rem;
}

.visual-relative-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2rem;
    border-bottom: 1px solid #e0e0e0;
}

.visual-relative-item:last-child {
    border-bottom: 0;
}

.visual-relative-item-left {
    font-size: 0.34rem;
    color: #333;
    padding-left: 0.7rem;
}

.visual-relative-item-right {
    font-size: 0.4rem;
    color: #999;
}

.visual-relative-item-left1 {
    background: url(../image/visual1.png) left center no-repeat;
    background-size: 0.5rem;
}

.visual-relative-item-left2 {
    background: url(../image/visual2.png) left center no-repeat;
    background-size: 0.5rem;
}

.visual-relative-item-left3 {
    background: url(../image/visual3.png) left center no-repeat;
    background-size: 0.45rem;
}

.visual-relative-item-left4 {
    background: url(../image/visual4.png) left center no-repeat;
    background-size: 0.5rem;
}

.visual-relative-item-left5 {
    background: url(../image/visual8.png) left center no-repeat;
    background-size: 0.5rem;
}

.c-nav__double-top2 {
    color: #333;
}

.visual-word-block {
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
}

.visual-number {
    display: flex;
    padding: 0 0.3rem 0 0.2rem;
    font-size: 0.3rem;
    color: #333;
    align-items: center;
    line-height: 1rem;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
}

.visual-number-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 4.2rem;
    flex-shrink: 0;
}

.visual-number-inner .visual-number1 {
    width: 2rem;
    text-align: right;
}

.visual-number-green {
    color: #339900;
    padding-right: 0.2rem;
    background: url(../image/icon-down.png) right 0.36rem no-repeat;
    background-size: 0.15rem;
}

.visual-number-red {
    color: #cc3333;
    padding-right: 0.2rem;
    background: url(../image/icon-up.png) right 0.36rem no-repeat;
    background-size: 0.15rem;
}

.visual-number-color-red {
    color: #cc3333;
}

.visual-add {
    color: #3262de;
    display: block;
    padding: 0 0.2rem;
    line-height: 1rem;
    font-size: 0.3rem;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 0.6rem;
    background: url(../image/visual7.png) 0.2rem 0.3rem no-repeat;
    background-size: 0.32rem;
}

.viusal-datatable {
    padding: 0.2rem;
}

.visual-table-block {
    margin-top: 0.2rem;
    border-top: 1px solid #e0e0e0;
    background-color: white;
    margin-bottom: 0.2rem;
}

.visual-table-top {
    padding: 0 0.2rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
    line-height: 1rem;
    font-size: 0.3rem;
}

.visual-table-top-left {
    padding-left: 0.4rem;
    background: url(../image/visual5.png) left 0.33rem no-repeat;
    padding-left: 0.4rem;
    background-size: 0.3rem;
}

.visual-table-top-right {
    font-size: 0.24rem;
    color: #3262de;
    background: url(../image/visual6.png) left center no-repeat;
    padding-left: 0.25rem;
    background-size: 0.2rem;
}

.viusal-table-body {
    font-size: 0.3rem;
    color: #333;
    background-color: white;
    width: 100%;
}

.viusal-table-body-color tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}

.viusal-table-body .color-blue {
    color: #3262de;
}

.viusal-table-body-th {
    background-color: #f9f9f9;
}

.viusal-table-body td {
    width: 33%;
    line-height: 0.4rem;
    padding: 0.25rem;
    text-align: center;
    border: 1px solid #e0e0e0;
}

.viusal-table-body td a {
    display: block;
}

.viusal-table-body .color-green {
    color: #339900;
}

.viusal-table-body .color-red {
    color: #cc3333;
}

.viusal-table-body-left td {
    text-align: left;
}

.c-subnav-search .c-subnav-item-50 {
    width: 50%;
}

.c-subnav-search .c-subnav-item-last {
    border-right: 0;
}

.visual-type {
    padding: 0.2rem;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e0e0e0;
}

.visual-type-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 0.1rem;
    position: relative;
}

.visual-type-input {
    display: block;
    width: 100%;
    font-size: 0.32rem;
    padding: 0.3rem 0.2rem;
    border-radius: 0.1rem 0 0 0.1rem;
    border: 0;
    margin: 0;
}

.visual-type-input::-webkit-input-placeholder {
    color: #e0e0e0;
}

.visual-type-btn {
    background: #f9f9f9;
    color: #333;
    text-align: center;
    padding: 0.3rem;
    display: block;
    width: 0.9rem;
    font-size: 0.32rem;
    border-left: 1px solid #e0e0e0;
    border-radius: 0 0.1rem 0.1rem 0;
}

.visual-type-number {
    font-size: 0.24rem;
    position: absolute;
    right: 1.5rem;
    top: 0.38rem;
    color: #999;
}

.visual-words {
    background-color: white;
}

.visual-words-title {
    padding: 0.3rem 0.2rem;
    font-size: 0.28rem;
    color: #999;
}

.visual-words-body {
    padding: 0 0.2rem 0rem 0.2rem;
}

.visual-words-item {
    float: left;
    font-size: 0.26rem;
    color: #777;
    display: block;
    padding: 0.17rem 0.12rem;
    background: #f5f5f5;
    margin: 0 0.2rem 0.2rem 0;
    border-radius: 0.07rem;
}

.color-white {
    background: white;
}

.visual-guess {
    background-color: white;
    padding: 0 0.2rem;
    border-bottom: 1px solid #e0e0e0;
}

.visual-guess-item {
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.32rem;
    padding: 0.33rem 0;
    display: block;
    color: #333;
}

.visual-guess-item:last-child {
    border-bottom: 0;
}

.c-company-map {
    border-bottom: 1px solid #e0e0e0;
}

.c-company-chart-title {
    padding: 0.5rem 0 0.25rem 0;
    font-size: 0.32rem;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.c-company-chart-small {
    padding: 0 0.2rem;
}

.visual-word-title-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.2rem 0.3rem 0.2rem;
    color: #333;
    font-size: 0.3rem;
    border-bottom: 1px solid #e0e0e0;
}

.visual-word-title-left {
    margin-right: 0.3rem;
    overflow: hidden;
    line-height: 0.3rem;
    word-break: keep-all;
}

.visual-word-title-right {
    flex-shrink: 0;
}

.visual-word-title-line2 {
    padding: 0.2rem 0.2rem 0 0.2rem;
    justify-content: space-between;
    align-items: center;
    font-size: 0.24rem;
    display: flex;
}

.visual-word-subtitle {
    color: #333;
}

.visual-word-subtitle2 {
    color: #999;
}

.c-compant-hezuo-title {
    padding: 0.26rem;
    font-size: 0.28rem;
    color: #777;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background-color: white;
    margin-top: 0.2rem;
}

.c-company__body-item-hezuo {
    background: white;
    border-bottom: 1px solid #e0e0e0;
}

.c-company__body-item-hezuo .c-company__body-personblock {
    border-bottom: 0;
    padding-right: 0;
}

.visual-datatable-info {
    font-size: 0.26rem;
    color: #999;
    margin-bottom: 0.05rem;
}

.visual-datatable-link {
    font-size: 0.26rem;
    color: #3262de;
}

.visual-number1-red {
    background: url(../image/word2.png) left center no-repeat;
    background-size: 0.3rem;
    padding-left: 0.4rem;
    color: #ff6837;
    line-height: 1rem;
    height: 1rem;
    overflow: hidden;
}

.visual-number1-blue {
    background: url(../image/word1.png) left center no-repeat;
    background-size: 0.3rem;
    padding-left: 0.4rem;
    color: #00cfd8;
    line-height: 1rem;
    height: 1rem;
    overflow: hidden;
}

.visual-number1-grey {
    color: #aaa;
}

.visual-number2 {
    width: 2.1rem;
    text-align: right;
}

.visual-number3 {
    width: auto;
    text-align: right;
    line-height: 1rem;
    height: 1rem;
    overflow: hidden;
}

.c-company-map-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.1rem;
}

.c-company-map-number {
    font-size: 0.24rem;
    color: #333;
}

.c-company-map-detail {
    font-size: 0.26rem;
    color: #3262de;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.align-right {
    text-align: right !important;
}

.align-left {
    text-align: left !important;
}

.table-middle {
    text-align: right !important;
    width: 1.2rem;
    display: inline-block;
}

.cz-juan-new {
    border: 1px solid #e0e0e0;
    background-color: white;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    border-radius: 0.1rem;
    padding: 0.1rem;
    position: relative;
}

.cz-juan-new-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.3rem;
}

.cz-juan-inner {
    border: 1px dashed #e86d59;
    display: flex;
    border-radius: 0.1rem;
}

.cz-juan-inner-default {
    background: url(../image/czicon8.png) top 0.8rem right 0.4rem no-repeat;
    background-size: 0.46rem;
}

.cz-juan-inner-select {
    background: url(../image/czicon6.png) top 0.8rem right 0.4rem no-repeat;
    background-size: 0.46rem;
}

.cz-juan-left {
    border-right: 1px dashed #e86d59;
    width: 1.6rem;
    position: relative;
    padding: 0.52rem 0.1rem 0.56rem 0.2rem;
}

.cz-juan-label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
}

.cz-juan-label-content {
    display: inline-block;
    background-color: #ffdede;
    padding: 0.05rem 0.1rem;
    color: #f1403c;
}

.cz-juan-number {
    vertical-align: baseline;
    font-size: 0.9rem;
    margin-right: 0.01rem;
    color: #f1403c;
}

.cz-juan-text {
    vertical-align: baseline;
    font-size: 0.4rem;
    color: #f1403c;
}

.cz-juan-right {
    padding: 0.25rem 0 0 0.2rem;
    position: relative;
    flex-grow: 10;
}

.cz-juan-new-title {
    font-size: 0.36rem;
    color: #333;
    margin-bottom: 0.1rem;
    font-weight: bold;
}

.cz-juan-new-info {
    font-size: 0.24rem;
    color: #666;
    margin-top: 0.2rem;
}

.cz-juan-new-time {
    color: #f1403c;
}

.cz-juan-new-date {
    margin-top: 0.5rem;
    color: #777;
    font-size: 0.26rem;
    margin-bottom: 0.15rem;
}

.cz-juan-new-use {
    width: 1.4rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.26rem;
    color: #f1403c;
    border: 1px solid #f1403c;
    border-radius: 0.05rem;
    position: absolute;
    right: 0.2rem;
    top: 0.76rem;
    display: block;
}

.cz-juan-new-old {
    color: #999;
    background: url(../image/cz14.png) right bottom -0.1rem no-repeat;
    background-color: white;
    background-size: 2.49rem 1.97rem;
}

.cz-juan-new-old .cz-juan-inner {
    border-color: #999;
}

.cz-juan-new-old .cz-juan-number,
.cz-juan-new-old .cz-juan-text,
.cz-juan-new-old .cz-juan-new-title,
.cz-juan-new-old .cz-juan-new-info,
.cz-juan-new-old .cz-juan-new-date {
    color: #999;
    border-color: #999;
}

.cz-juan-new-old .cz-juan-left {
    border-color: #999;
}

.cz-juan-new-old .cz-juan-new-use {
    display: none;
}

.cz-juan-new-old .cz-juan-label-content {
    color: #999;
    background-color: #ccc;
}

.cz-juan-new-old .cz-juan-new-time {
    color: #999;
}

.cz-red-container {
    background: url(../image/red-title.png) center top -0.4rem no-repeat;
    background-size: 7rem;
}

.g-body-red {
    background-color: #f1403c;
}

.cz-red-body {
    padding: 2.35rem 0.3rem 0 0.3rem;
}

.cz-juan-red-text {
    text-align: center;
    color: white;
    font-size: 0.26rem;
    opacity: 0.8;
    display: block;
}

.cz-juan-red-text2 {
    text-align: center;
    color: white;
    font-size: 0.3rem;
    opacity: 0.8;
    display: block;
    margin-top: 0.6rem;
    text-decoration: underline;
}

.c-nav2 .c-nav__white {
    color: white;
    background: url(../image/icon-return-white.png) center center no-repeat;
    background-size: 0.24rem;
}

.cz-red-alert {
    width: 6rem;
    height: 7.2rem;
    background: url(../image/red2.png) center top no-repeat;
    background-size: 6rem;
    position: relative;
}

.cz-red-close {
    width: 0.7rem;
    height: 0.6rem;
    position: absolute;
    top: 0;
    right: 0.6rem;
}

.cz-red-alert-btn {
    background: url(../image/red1.png) center top no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem;
    position: absolute;
    top: 4.75rem;
    left: 2.2rem;
}

.cz-red-alert-btn-move {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

.u-bg-shoufa {
    background-color: #ff6666;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in;
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.pay-window-2019-normal {
    color: #999;
    font-size: 0.3rem;
    text-align: center;
    margin-top: 0.2rem;
    text-decoration: line-through;
}

.pay-window-2019-normal-title {
    font-size: 0.24rem;
    background-color: #ffe9e7;
    color: #e92e20;
    display: inline-block;
    padding: 0.04rem 0.06rem;
    border-radius: 1000rem;
    line-height: 0.35rem;
    position: relative;
    top: -0.04rem;
}

.c-card-outer {
    background-color: white;
}

.hy-bar {
    padding: 0 0.3rem;
    position: relative;
}

.hy-bar2 {
    padding: 0.1rem 0.1rem;
}

.hy-bar2 .hy-ber-content {
    border-radius: 0.2rem;
    position: relative;
}

.hy-bar3 {
    margin-top: 0.2rem;
    margin-bottom: -0.5rem;
}

.hy-bar-btn {
    padding: 0.1rem 0.3rem;
    border-radius: 100rem;
    background-color: #642e1a;
    color: #fff5ea;
}

.hy-bar-left {
    display: flex;
    align-items: center;
}

.hy-ber-content {
    height: 0.7rem;
    padding-right: 0.2rem;
    border-radius: 0.2rem 0.2rem 0 0;
    background-color: #fff5ea;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.25rem;
    color: #642e1a;
    padding-left: 0.25rem;
}

.hy-ber-content img {
    width: 0.4rem;
    margin-right: 0.2rem;
}

.c-card2 {
    border-bottom: 0;
    padding-bottom: 0.2rem;
}

.c-card2 .c-card__body {
    margin-left: 0.24rem;
}

.c-card-qkmore {
    padding-bottom: 0.15rem;
    text-align: center;
    display: block;
    color: #7996e2;
    font-size: 0.3rem;
}

.c-card-qkmore .fa-angle-down:before,
.c-card-qkmore .fa-angle-up:before {
    font-size: 0.5rem;
}

.c-card-qkmore2 {
    padding-bottom: 0;
    margin-bottom: 0rem;
}

.qk-search-block {
    margin: 0.2rem;
    border: 1px solid #e8e8e8;
    background-color: white;
    display: flex;
    padding-left: 0.3rem;
    align-items: center;
    height: 0.66rem;
    border-radius: 0.2rem;
}

.qk-search-block-inner {
    display: inline-block;
    font-size: 0.3rem;
    color: #999;
    background: url(../image/qk906.png) left center no-repeat;
    background-size: 0.28rem;
    padding-left: 0.4rem;
}

.c-cark-qkmore-body {
    margin: 0 0.2rem;
    padding-top: 0.26rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e0e0e0;
}

.c-cark-qkmore-item {
    width: 20%;
    position: relative;
    padding-top: 0.57rem;
    padding-bottom: 0.1rem;
    font-size: 0.22rem;
    color: #333;
    text-align: center;
    display: block;
}

.c-cark-qkmore-item:after {
    width: 1px;
    background-color: #e9e9e9;
    height: 0.5rem;
    position: absolute;
    right: 0;
    top: 0.1rem;
    content: " ";
}

.c-cark-qkmore-item:last-child:after {
    display: none;
}

.c-cark-qkmore-item1 {
    background: url(../image/qk901.png) top center no-repeat;
    background-size: 0.32rem;
}

.c-cark-qkmore-item2 {
    background: url(../image/qk902.png) top center no-repeat;
    background-size: 0.42rem;
}

.c-cark-qkmore-item3 {
    background: url(../image/qk903.png) top center no-repeat;
    background-size: 0.38rem;
}

.c-cark-qkmore-item4 {
    background: url(../image/qk904.png) top center no-repeat;
    background-size: 0.5rem;
}

.c-cark-qkmore-item5 {
    background: url(../image/qk905.png) top center no-repeat;
    background-size: 0.4rem;
}

.c-cark-qkmore-item9 {
    background: url(../image/qk909.png) top center no-repeat;
    background-size: 0.4rem;
}

.c-catalog-qk-line {
    display: flex;
    padding: 0.25rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.c-catalog-qk-line:last-child {
    border-bottom: 0;
}

.c-catalog-qk-left {
    color: #777;
    font-size: 0.32rem;
    line-height: 0.5rem;
    width: 1.8rem;
    flex-shrink: 0;
}

.c-catalog-qk-right {
    color: #333;
    font-size: 0.32rem;
    line-height: 0.5rem;
}

.c-pingjia-top {
    border-bottom: 1px solid #e0e0e0;
}

.c-pingjia-container {
    padding: 0 0.2rem;
}

.c-pingjia-top {
    display: flex;
}

.c-pingjia-item {
    width: 50%;
    margin: 0.34rem 0 0.39rem 0;
    border-right: 1px solid #e0e0e0;
}

.c-pingjia-item:last-child {
    border-right: 0;
}

.c-pingjia-number {
    text-align: center;
    font-size: 0.34rem;
    color: #ef730c;
}

.c-pingjia-text {
    font-size: 0.3rem;
    color: #333;
    text-align: center;
    margin-top: 0.2rem;
}

.c-pingjia-body {
    padding: 0.3rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.c-pingjia-body:last-child {
    border-bottom: 0;
}

.c-pingjia-info {
    font-size: 0.28rem;
    color: #777;
}

.c-pingjia-main {
    font-size: 0.32rem;
    color: #333;
    line-height: 0.4rem;
    margin-top: 0.2rem;
}

.c-pingjia-list {
    padding-left: 0.2rem;
    line-height: 0.4rem;
    margin-bottom: 0.1rem;
    position: relative;
}

.c-pingjia-list:after {
    content: "•";
    position: absolute;
    left: 0;
    color: #777;
    top: 0rem;
}

.c-card__img-small {
    width: 1.12rem;
    height: 1.5rem;
}

.c-card__img-small img {
    width: 1.12rem;
    height: 1.5rem;
}

.c-catalog__title-big {
    text-align: center !important;
    color: #333;
    font-size: 0.34rem;
    padding: 0.35rem 0 0.35rem 0;
    font-weight: bold;
}

.cover-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cover-top .c-card__body-bottom {
    margin-top: 0.1rem;
}

.cover-top .u-button-long {
    width: 4.5rem;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 100rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0.4rem;
    font-size: 0.28rem;
    border: 0;
    background: white;
    color: #ff8800;
}

.cover-top .u-mt-4 {
    margin-top: 0.4rem;
}

.cover-image-block {
    width: 2.48rem;
    height: 3.35rem;
}

.cover-image-block img {
    width: 2.48rem;
    height: 3.35rem;
    border: 2px solid #e0e0e0;
    border-radius: 0.02rem;
}

.cover-title {
    margin-top: 0.4rem;
    color: #333;
    font-size: 0.36rem;
    color: #fff;
}

.cover-year {
    font-size: 0.32rem;
    color: #fff;
    margin-top: 0.1rem;
}

.c-cark-qkmore-body-cover {
    padding: 0.4rem 0rem 0.35rem 0rem;
    border-top: 0;
    margin: 0;
    background-color: white;
    border-bottom: 1px solid #e8e8e8;
}

.u-m-cover {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    border-radius: 0.1rem;
}

.u-m-cover .c-suggest__test {
    margin-top: 0.1rem;
}

.u-m-cover .c-suggest__body {
    padding: 0;
    margin: 0.3rem 0;
}

.c-nav-cover {
    background: transparent;
    border-bottom: 0;
}

.c-card-outer {
    background: transparent;
}

.c-card-outer2 {
    background-color: white;
}

.c-cover-container-blur {
    position: relative;
    overflow: hidden;
}

.c-cover-container-blur .c-card-outer {
    border-bottom: 0;
}

.c-cover-container-blur1 {
    z-index: -3;
    background: #7b7b7b;
    left: -10%;
    top: -10%;
    position: absolute;
    width: 130%;
    height: 130%;
}

.c-cover-container-blur2 {
    z-index: -1;
    background: rgba(125, 125, 125, 0.45);
    left: -10%;
    top: -10%;
    position: absolute;
    width: 130%;
    height: 130%;
}

.c-cover-container-blur-img {
    z-index: -2;
    left: -10%;
    top: -10%;
    position: absolute;
    width: 130%;
    filter: blur(35px);
    height: 130%;
}

.c-catalog__more-border {
    margin: 0 0.2rem;
}

.viusal-table-body-keep {
    table-layout: fixed;
}

.viusal-table-body-keep tr td:nth-child(1) {
    width: 48%;
    max-width: 48%;
    word-break: keep-all;
    overflow: hidden;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.viusal-table-body-keep tr td:nth-child(2) {
    width: 26%;
}

.viusal-table-body-keep tr td:nth-child(3) {
    width: 26%;
}

.c-media-block {
    padding: 0 0.2rem;
}

.c-media-item {
    display: flex;
    padding: 0.3rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.c-media-item:last-child {
    border-bottom: 0;
}

.c-media-number {
    width: 0.42rem;
    font-size: 0.32rem;
    color: #999;
    line-height: 1.3rem;
    flex-shrink: 0;
}

.c-media-pic {
    width: 1.94rem;
    height: 1.3rem;
    position: relative;
    flex-shrink: 0;
}

.c-media-img-icon {
    width: 0.36rem;
    height: 0.3rem;
    position: absolute;
    left: 0.07rem;
    bottom: 0.08rem;
}

.c-media-detail {
    padding-right: 0.1rem;
    margin-left: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 4;
}

.c-media-title {
    font-size: 0.32rem;
    color: #333;
    line-height: 0.4rem;
    padding-top: 0.1rem;
}

.c-media-label {
    display: inline-block;
    font-size: 0.22rem;
    border-radius: 0.04rem;
    color: #ff8000;
    border: 1px solid #ff8000;
    padding: 0.04rem 0.06rem 0.02rem 0.06rem;
}

.c-media-label-mv {
    border-color: #99cc00;
    color: #99cc00;
}

.c-media-time {
    display: inline-block;
    font-size: 0.24rem;
    color: #777;
    vertical-align: text-bottom;
    margin-left: 0.1rem;
}

.c-media-play {
    width: 0.4rem;
    position: relative;
    top: 0.4rem;
    height: 0.4rem;
    flex-shrink: 0;
    display: block;
    background: url(../image/media3.png) left top no-repeat;
    background-size: 0.4rem;
}

.c-media-play-text {
    font-size: 0.24rem;
    color: #999;
    position: relative;
    top: 0.5rem;
    flex-shrink: 0;
}

.c-card__media-body .c-card__tabs-link {
    color: #3262de;
}

.c-card__media-body .c-card__tabs {
    margin-top: 0.26rem;
}

.c-card__media-body .c-card__body-top {
    margin-top: 0.26rem;
}

.c-card__media-body .fa-star,
.c-card__media-body .fa-star-o {
    color: #ffc000;
    font-size: 0.22rem;
    margin: 0.02rem;
}

.c-card__media-body .c-cnkibook-imgblock {
    width: 7.2rem;
    height: 5.18rem;
    margin: 0 auto;
}

.c-card__media-body .c-cnkibook-outer {
    width: 7.2rem;
    height: 5.18rem;
}

.c-card__media-body .c-cnkibook-img {
    width: 7rem;
    height: 4.95rem;
}

.c-media-audio {
    background: url(../image/media7.png) left top no-repeat;
    background-size: 1.93rem;
}

.c-media-audio .c-media-cover {
    width: 1.665rem;
    height: 1.18rem;
    position: relative;
    top: 0.112rem;
    left: 0.01rem;
}

.c-media-video {
    background: url(../image/media6.png) left top no-repeat;
    background-size: 1.85rem;
}

.c-media-video .c-media-cover {
    width: 1.826rem;
    height: 1.133rem;
    position: relative;
    top: 0.155rem;
    left: 0.012rem;
}

.c-video-block {
    background-color: white;
    border-bottom: 1px solid #e0e0e0;
}

.c-video-main {
    padding: 0 0.2rem 0.4rem 0.2rem;
}

.c-video-title {
    padding: 0.35rem 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.34rem;
    line-height: 0.4rem;
    color: #333;
    font-weight: bold;
}

.c-video-name {
    font-size: 0.32rem;
    color: #333;
    line-height: 0.4rem;
    margin: 0.35rem 0 0.2rem 0;
}

.c-video-author {
    display: flex;
    align-items: center;
}

.c-video-pic img {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100rem;
    border: 1px solid #e0e0e0;
}

.c-video-author-name {
    color: #777;
    font-size: 0.28rem;
    margin-left: 0.19rem;
    line-height: 0.5rem;
}

.c-video-content {
    position: relative;
}

.c-video-black-cover {
    position: absolute;
    z-index: 2;
    background-color: #333;
    opacity: 0.7;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.c-return-icon {
    position: absolute;
    width: 0.22rem;
    display: block;
    height: 0.4rem;
    left: 0.2rem;
    top: 0.28rem;
    background: url(../image/return-icon.png) left top no-repeat;
    background-size: 0.22rem;
    z-index: 1000;
}

.c-video-wifi-block {
    position: absolute;
    width: 6.4rem;
    left: 50%;
    margin-left: -3.2rem;
    padding-top: 1.3rem;
    z-index: 3;
    top: 0;
}

.c-video-wifi-text {
    font-size: 0.3rem;
    color: #fff;
    margin-bottom: 0.28rem;
    text-align: center;
}

.c-video-wifi-text2 {
    font-size: 0.24rem;
    text-align: center;
    color: #fff;
    margin-bottom: 0.41rem;
}

.c-video-wifi-btn {
    padding: 0.15rem 0.2rem;
    background-color: #ec7e00;
    color: white;
    background-color: #ec7e00;
    font-size: 0.3rem;
    margin: 0 auto;
    width: 1.4rem;
    text-align: center;
    display: block;
    border-radius: 0.05rem;
}

.c-media-empty {
    padding: 0.6rem 0;
}

.c-media-empty-img {
    width: 2.8rem;
    margin: 0 auto;
    display: block;
}

.c-media-empty-text {
    margin: 0 auto;
    text-align: center;
    color: #505979;
    font-size: 0.3rem;
    position: relative;
    top: -0.1rem;
}

.pay-window-2018 {
    width: 6.1rem;
    background: white;
    border-radius: 0.2rem;
    padding: 0.5rem 0.4rem 0.4rem 0.4rem;
    position: relative;
}

.pay-window-2018 .kthy-block {
    margin-left: -0.13rem;
    margin-right: -0.13rem;
}

.pay-window-2018-1 {
    padding-bottom: 0.39rem;
}

.pay-window-title {
    color: #000;
    font-size: 0.34rem;
    line-height: 0.5rem;
    text-align: center;
    letter-spacing: 0.01rem;
}

.pay-window-title-icon {
    display: flex;
    align-items: center;
}

.pay-window-title-icon img {
    width: 0.7rem;
    height: auto;
    flex-shrink: 0;
    margin-right: 0.2rem;
}

.pay-window-title-icon span {
    text-align: left;
}

.pay-window-price {
    font-size: 0.4rem;
    margin-top: 0.4rem;
    line-height: 0.45rem;
    text-align: center;
}

.pay-window-price-icon {
    font-size: 0.3rem;
    line-height: 0.45rem;
    margin-right: 0.1rem;
    vertical-align: text-bottom;
}

.pay-window-2018-2 {
    line-height: 1rem;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    color: #777;
    font-size: 0.3rem;
}

.pay-window-2018-4 {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    color: #777;
    font-size: 0.3rem;
    padding: 0.3rem 0;
}

.pay-window-2018-4-item {
    color: #000;
    font-size: 0.3rem;
    line-height: 0.7rem;
    height: 0.7rem;
}

.pay-window-2018-4-top {
    margin-bottom: 0.2rem;
}

.pay-window-2018-4-my {
    margin-bottom: 0.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
}

.pay-window-2018-4-my .mypay-label {
    font-size: 0.24rem;
}

.pay-window-2018-4-item .color-grey {
    color: #999;
}

.pay-window-2018-4-item .color-red {
    color: #ff0000;
}

.pay-window-2018-3 {
    padding-top: 0.4rem;
}

.pay-window-2018-btn {
    background: #1aad19;
    color: white;
    text-align: center;
    border-radius: 0.1rem;
    font-size: 0.34rem;
    display: block;
    line-height: 1rem;
}

.pay-window-2018-close {
    width: 0.46rem;
    height: 0.83rem;
    background: url(../image/close-window.png) left top no-repeat;
    background-size: contain;
    position: absolute;
    right: 0.1rem;
    top: -0.83rem;
}

.pay-window-2018-btn-blue {
    background-color: #3262de;
    font-weight: bold;
}

.pay-window-2018-btn-blueline {
    border: 1px solid #3262de;
    background-color: white;
    color: #3262de;
    margin-top: 0.2rem;
}

.pay-window-2018-btn-orange {
    background-color: #f2a03f;
}

.pay-window .text-exist {
    font-size: 0.3rem;
    color: #000;
}

.pay-window-exist {
    width: 5.5rem;
}

.heart-search {
    padding: 0.15rem 0.2rem;
    background: white;
}

.heart-search-inner {
    background: #f0f0f0;
    border-radius: 0.1rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heart-search-inner input {
    font-size: 0.3rem;
    padding: 0.2rem;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    background: #f0f0f0;
    border-radius: 0.1rem;
}

.heart-search-inner-search {
    font-size: 0.3rem;
    padding: 0.2rem;
    display: inline-block;
    padding-left: 0.35rem;
    color: #999;
    background: url(../image/qk906.png) left center no-repeat;
    background-size: 0.28rem;
}

.heart-contents {
    padding: 0.2rem 0.4rem 0 0.2rem;
    background: white;
    border-bottom: 1px solid white;
}

.heart-contents-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}

.heart-contents-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.heart-contents-img {
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 1rem;
}

.heart-contents-text {
    margin-top: 0.2rem;
    font-size: 0.27rem;
    color: #333;
}

.heart-section {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    background: white;
}

.heart-section-top {
    padding: 0.34rem 0.3rem 0.28rem 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.heart-section-more {
    font-size: 0.28rem;
}

.heart-section-top2 {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 0.4rem;
}

.heart-section-top2 .heart-section-title {
    font-size: 0.34rem;
}

.heart-section-top2 .heart-section-more {
    font-size: 0.26rem;
}

.heart-section-title {
    font-size: 0.36rem;
    color: #333;
}

.heart-section-title2 {
    font-weight: normal;
}

.heart-section-body {
    padding: 0 0.2rem 0.1rem 0.2rem;
}

.heart-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.heart-section-item {
    position: relative;
}

.heart-label {
    position: absolute;
    top: 0.1rem;
    left: 0.15rem;
    background-color: #d63740;
    color: white;
    font-size: 0.24rem;
    padding: 0.07rem 0.13rem 0.05rem 0.13rem;
    border-radius: 0.04rem;
}

.heart-section-item-img {
    width: 2rem;
    height: 2.56rem;
    border: 1px solid white;
    box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.2);
}

.heart-section-item-text {
    font-size: 0.28rem;
    color: #333;
    width: 2rem;
    margin-top: 0.2rem;
    max-height: 0.66rem;
    line-height: 0.35rem;
    overflow: hidden;
}

.heart-section-item-info {
    font-size: 0.24rem;
    color: #777;
    width: 2rem;
    margin-top: 0.1rem;
}

.heart-list-body-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.heart-list-item {
    width: 49%;
    height: 1.5rem;
    display: block;
    border-radius: 0.15rem;
}

.heart-list-body-line {
    margin-bottom: 0.3rem;
}

.heart-list-body1 .heart-list-item {
    background-repeat: no-repeat;
    background-position: right 0.25rem bottom;
    background-size: 1rem 1.26rem;
}

.heart-list-body1 .heart-list-item1 {
    background-color: #edebda;
    border: 1px solid #e6e4d2;
}

.heart-list-body1 .heart-list-item1 .heart-list-item-text {
    color: #b38e1e;
}

.heart-list-body1 .heart-list-item2 {
    background-color: #f8e6f4;
    border: 1px solid #ecdde9;
}

.heart-list-body1 .heart-list-item2 .heart-list-item-text {
    color: #8d3078;
}

.heart-list-body1 .heart-list-item3 {
    background-color: #e0e9f0;
    border: 1px solid #dbe3e9;
}

.heart-list-body1 .heart-list-item3 .heart-list-item-text {
    color: #305572;
}

.heart-list-body1 .heart-list-item4 {
    background-color: #daede7;
    border: 1px solid #d8e6e2;
}

.heart-list-body1 .heart-list-item4 .heart-list-item-text {
    color: #34745c;
}

.heart-list-item-text {
    padding: 0.6rem 0 0 0.3rem;
    font-size: 0.34rem;
}

.heart-list-body {
    padding: 0 0.2rem;
    padding-bottom: 0.05rem;
}

.heart-list-body2 .heart-list-item1 {
    color: #974a52;
    background: url(../image/heart1-2.png) right top no-repeat;
    background-size: cover;
}

.heart-list-body2 .heart-list-item2 {
    color: #6d593a;
    background: url(../image/heart2-2.png) right top no-repeat;
    background-size: cover;
}

.heart-list-body2 .heart-list-item3 {
    color: #055663;
    background: url(../image/heart3-2.png) right top no-repeat;
    background-size: cover;
}

.heart-list-body2 .heart-list-item4 {
    color: #8c4e15;
    background: url(../image/heart4-2.png) right top no-repeat;
    background-size: cover;
}

.heart-list-body2 .heart-list-item5 {
    color: #244475;
    background: url(../image/heart5-2.png) right top no-repeat;
    background-size: cover;
}

.heart-list-body2 .heart-list-item6 {
    color: #2a488e;
    background: url(../image/heart6-2.png) right top no-repeat;
    background-size: cover;
}

.heart-list-body2 .heart-list-item7 {
    color: #ac1e5a;
    background: url(../image/heart7-2.png) right top no-repeat;
    background-size: cover;
}

.heart-list-body2 .heart-list-item8 {
    color: #1c7023;
    background: url(../image/heart8-2.png) right top no-repeat;
    background-size: cover;
}

.heart-list-body2 .heart-list-item9 {
    color: #ba2101;
    background: url(../image/heart9-2.png) right top no-repeat;
    background-size: cover;
}

.heart-list-body2 .heart-list-item10 {
    color: #5feeff;
    background: url(../image/heart10-2.png) right top no-repeat;
    background-size: cover;
}

.heart-section-more {
    color: #777;
}

.heart-class-item {
    background: white;
    margin: 0.2rem 0;
    padding: 0.3rem 0.2rem;
    display: flex;
    position: relative;
}

.heart-class-title .heart-label {
    position: static;
    display: inline-block;
    position: relative;
    top: -0.02rem;
    font-size: 0.24rem;
    left: 0.1rem;
    line-height: 0.33rem;
    padding: 0.01rem 0.1rem 0.01rem 0.1rem;
}

.c-card__title .heart-label {
    display: inline-block;
    position: relative;
    font-size: 0.24rem;
    top: -0.02rem;
    left: 0px;
    line-height: 0.33rem;
    padding: 0.01rem 0.1rem 0.01rem 0.1rem;
}

.heart-class-img {
    width: 1.65rem;
    height: 2.2rem;
    margin-right: 0.2rem;
    flex-shrink: 0;
    border-radius: 0 0.1rem 0.1rem 0;
    box-shadow: 1px 1px 2px 1px rgba(161, 161, 161, 0.4);
}

.heart-class-main {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.heart-class-title {
    font-size: 0.3rem;
    line-height: 0.4rem;
    max-height: 0.8rem;
    overflow: hidden;
    margin-bottom: 0.16rem;
    letter-spacing: 0rem;
    color: #333;
}

.heart-class-info {
    font-size: 0.26rem;
    line-height: 0.4rem;
    max-height: 0.8rem;
    overflow: hidden;
    color: #999;
    margin-bottom: 0.06rem;
    letter-spacing: 0.01rem;
}

.heart-class-author {
    font-size: 0.26rem;
    color: #777;
}

.c-card-xk-info {
    border-top: 1px solid #d9d9d9;
    margin: 0rem 0 0.1rem 0;
    padding-top: 0.28rem;
    font-size: 0.3rem;
    letter-spacing: 0.02rem;
    color: #777;
    line-height: 0.4rem;
}

.c-card-xk-info-4 {
    max-height: 1.68rem;
    overflow: hidden;
    margin-bottom: 0;
}

.c-card-xk-info-container {
    padding: 0 0.2rem;
}

.c-xb-content {
    padding: 0.2rem 0.4rem;
    font-size: 0.3rem;
    line-height: 0.55rem;
    color: #333;
}

.c-xb-content p {
    margin: 0.2rem 0;
    letter-spacing: 0rem;
    line-height: 0.4rem;
}

.c-xb-author {
    padding: 0.3rem 0.2rem 0.1rem 0.2rem;
}

.c-xb-author-name {
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
}

.c-xb-author-intro {
    font-size: 0.3rem;
    color: #333;
    line-height: 0.45rem;
    margin-top: 0.25rem;
    letter-spacing: 0.02rem;
    margin-bottom: 0.1rem;
}

.c-xb-comment {
    padding: 0 0.2rem;
}

.c-xb-comment-item {
    padding: 0.3rem 0 0 0;
    display: flex;
}

.c-xb-comment-img {
    border-radius: 100rem;
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
    margin-right: 0.2rem;
}

.c-xb-comment-main {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.25rem;
    width: 100%;
}

.c-xb-comment-item:last-child .c-xb-comment-main {
    border-bottom: 0;
}

.c-xb-comment-info {
    display: flex;
}

.c-xb-comment-name {
    font-size: 0.3rem;
    color: #3262de;
    line-height: 0.5rem;
    font-weight: bold;
}

.c-xb-comment-time {
    font-size: 0.22rem;
    margin-left: 0.2rem;
    color: #999;
    line-height: 0.5rem;
}

.c-xb-comment-title {
    margin-top: 0.2rem;
    font-size: 0.3rem;
    line-height: 0.4rem;
    font-weight: bold;
    letter-spacing: 0rem;
}

.c-xb-comment-content {
    font-size: 0.26rem;
    color: #777;
    margin-top: 0.1rem;
    letter-spacing: 0.01rem;
    line-height: 0.4rem;
    max-height: 0.8rem;
    overflow: hidden;
}

.c-xb-comment-more {
    font-size: 0.28rem;
    color: #999;
    line-height: 1rem;
    text-align: center;
    display: block;
}

.c-xb-comment-more2 {
    line-height: 0.8rem;
}

.c-xb-comment-more2 .fa {
    position: relative;
    top: 0.06rem;
}

.c-xb-more {
    padding: 0.2rem;
}

.c-xb-more-item {
    display: flex;
    line-height: 0.5rem;
}

.c-xb-more-label {
    flex-shrink: 0;
    font-size: 0.3rem;
    color: #777;
    text-align: justify;
}

.c-xb-more-content {
    font-size: 0.3rem;
}

.c-xb-comment-subinfo {
    display: flex;
    margin-top: 0.15rem;
}

.c-xb-comment-infoname {
    color: #2d9a5a;
    font-size: 0.26rem;
    flex-shrink: 0;
    letter-spacing: 0rem;
    margin-right: 0.08rem;
}

.ck-fl {
    display: flex;
    background: white;
}

.ck-fl-name {
    font-weight: bold;
}

.ck-fl-left {
    background-color: #f7f7f7;
}

.ck-fl-left-item {
    width: 1.8rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: 0.26rem;
    color: #333;
    text-align: center;
    display: block;
    border-left: 0.04rem solid #f7f7f7;
    overflow: hidden;
}

.ck-fl-left-item-on {
    border-left: 0.04rem solid #ff8800;
    color: #ff8800;
    background: white;
}

.ck-fl-right {
    padding: 0.05rem 0.25rem 0.5rem 0.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: white;
    align-content: flex-start;
}

.ck-fl-item {
    margin-top: 0.5rem;
    display: flex;
    width: 2.5rem;
}

.ck-fl-img {
    height: 1rem;
    width: 0.85rem;
    position: relative;
}

.ck-fl-img1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 1rem;
    width: 0.75rem;
    box-shadow: 0rem 0rem 0.06rem 0.02rem rgba(70, 70, 70, 0.31);
}

.ck-fl-img2 {
    height: 0.9rem;
    width: 0.6rem;
    position: absolute;
    right: 0;
    top: 0.05rem;
    box-shadow: 0rem 0rem 0.06rem 0.02rem rgba(71, 71, 71, 0.31);
}

.ck-fl-content {
    color: #333;
    font-size: 0.28rem;
    padding-top: 0.14rem;
    margin-left: 0.2rem;
}

.ck-fl-class {
    font-size: 0.24rem;
    color: #999;
    margin-top: 0.2rem;
}

.c-xk-group .c-card__title {
    font-size: 0.3rem;
    line-height: 0.4rem;
    max-height: 0.8rem;
    overflow: hidden;
    font-weight: normal;
    letter-spacing: 0rem;
}

.c-xk-group .c-card__body {
    justify-content: start;
}

.c-xk-group .c-card-organization {
    font-size: 0.26rem;
    margin-top: 0.1rem;
}

.c-xk-group .color-grey {
    color: #ccc;
}

.c-xk-group .c-card__img {
    height: 1.8rem;
    position: relative;
}

.c-xk-group .c-card__img img {
    width: 1.35rem;
    height: 1.8rem;
}

.c-xk-search-block .c-menu-search-item {
    background: url(../image/clock.png) left 0.2rem center no-repeat;
    background-size: 0.3rem;
    padding-left: 0.7rem;
    position: relative;
    padding-right: 0.6rem;
}

.c-xk-search-block .c-menu-search-item:after {
    content: " ";
    position: absolute;
    background: url(../image/qk003.png) right center no-repeat;
    background-size: 0.25rem;
    width: 0.25rem;
    height: 0.25rem;
    right: 0.2rem;
    top: 0.4rem;
}

.pay-window-2018-5 {
    position: relative;
    padding: 0rem 0 0.2rem 0;
}

.pay-window-2018-5 .fa-angle-left {
    position: absolute;
    font-size: 0.6rem;
    color: #aaa;
    left: 0.1rem;
    top: 0.25rem;
}

.pay-window-close {
    font-family: simsun;
    position: absolute;
    font-size: 0.5rem;
    color: #aaa;
    left: 0.1rem;
    top: 0rem;
}

.pay-window-title-5-1 {
    font-size: 0.4rem;
    text-align: center;
    line-height: 0.5rem;
    padding: 0 0.3rem;
    overflow: hidden;
    height: 0.5rem;
}

.pay-window-title-5-2 {
    font-size: 0.32rem;
    margin-top: 0.15rem;
    text-align: center;
}

.pay-window-choice-block {
    border-top: 1px solid #d9d9d9;
    margin: 0 -0.4rem;
    padding: 0 0.4rem;
}

.pay-window-choice-block .fa-angle-right {
    font-size: 0.3rem;
    color: #aaa;
}

.pay-window-choice-block-inner {
    border-bottom: 1px solid #d9d9d9;
    padding: 0.25rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pay-window-choice-block-inner:last-of-type {
    border-bottom: 0;
}

.pay-window-choice-block-inner2 {
    border-bottom: 0;
}

.pay-window-choice-block-inner2 .pay-window-choice-left {
    background: url("../image/quannian-icon.png") left center no-repeat;
    background-size: 0.48rem;
}

.pay-window-choice-left {
    padding-left: 0.8rem;
    background: url("../image/danben-icon.png") left center no-repeat;
    background-size: 0.48rem;
}

.pay-window-choice-left-bk {
    padding-left: 0.8rem;
    background: url("../image/2020/bk9.png") left center no-repeat;
    background-size: 0.48rem;
}

.pay-window-choice-left-bk {
    padding-left: 0.8rem;
    background: url("../image/2020/bk9.png") left center no-repeat;
    background-size: 0.48rem;
}

.pay-window-choice-left-bk1 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-1.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-bk2 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-2.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-bk3 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-3.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-bk4 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-4.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-bk5 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-5.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-bk6 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-6.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-bk01 {
    padding-left: 1.2rem;
    background: url("../image/2020/qk-1.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-bk02 {
    padding-left: 1.2rem;
    background: url("../image/2020/bs-1.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-bk03 {
    padding-left: 1.2rem;
    background: url("../image/2020/cd-1.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-bk04 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-7.png") left 0.1rem center no-repeat;
    background-size: 0.5rem;
}

.pay-window-choice-left-cd1 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-8.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-cd2 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-9.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-cd3 {
    padding-left: 1.2rem;
    background: url("../image/2020/b-s-10.png") left center no-repeat;
    background-size: 0.9rem;
}

.pay-window-choice-left-ye {
    padding: 0.1rem 0rem 0.1rem 0.8rem;
    background: url("../image/2020/b-s-7.png") left center no-repeat;
    background-size: 0.48rem;
}

.pay-window-choice-text {
    font-size: 0.32rem;
    color: #333;
}

.pay-window-choice-text span {
    font-size: 0.28rem;
    color: #666;
    margin-left: 0.3rem;
}

.pay-window-choice-price {
    color: #ff0000;
    font-size: 0.28rem;
    margin-top: 0.14rem;
}

.pay-window-choice-price .color-grey {
    color: #999;
    font-size: 0.24rem;
}

.instro-body {
    padding: 0 0.3rem;
    word-break: break-all;
}

.instro-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 0.3rem 0;
}

.instro-item:last-of-type {
    border-bottom: 0;
}

.intro-title {
    font-size: 0.32rem;
    color: #7287fa;
    margin-bottom: 0.2rem;
    line-height: 0.4rem;
}

.intro-content {
    color: #666;
    font-size: 0.3rem;
    line-height: 0.4rem;
}

.intro-content p {
    margin-bottom: 0.1rem;
}

.intro-content a {
    color: #7287fa !important;
}

.c-catalog__more-search {
    border-top: 1px solid #d9d9d9;
}

.heart-section-body-search {
    padding-bottom: 0;
}

.heart-section-hotsearch {
    padding: 0.1rem 0 0 0;
}

.heart-section-hotsearch-items {
    display: flex;
    padding-bottom: 0.5rem;
}

.heart-section-hotsearch-item {
    color: #3262de;
    font-size: 0.3rem;
    width: 33.333%;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    height: 0.35rem;
    line-height: 0.35rem;
    margin-right: 0.03rem;
}

.heart-section-hotsearch-item:last-of-type {
    border-right: 0;
}

.c-menu-search-item-clean {
    display: block;
    text-align: center;
    color: #3262de;
    font-size: 0.3rem;
    padding: 0.26rem 0;
}

.shebei-white {
    margin-top: 0.3rem;
    font-size: 0.26rem;
    color: white;
    display: block;
}

.shebei-white-text {
    vertical-align: super;
}

.shebei-white img {
    width: 1.6rem;
}

.shebei-color {
    margin-top: 0.2rem;
    font-size: 0.26rem;
    color: #777;
    display: block;
}

.shebei-color-text {
    vertical-align: super;
}

.shebei-color img {
    width: 1.6rem;
}

.c-card-shebei .c-card__img {
    height: auto;
}

.c-card-shebei .c-card__img img {
    height: 3.5rem;
    width: 2.5rem;
}

.c-card-shebei .c-card__title {
    line-height: 0.4rem;
}

.c-card-shebei .c-card__title-date {
    font-size: 0.3rem;
    font-weight: normal;
    margin-top: 0.08rem;
}

.c-card-shebei .c-card__type {
    margin-top: 0.06rem;
}

.c-card-shebei .c-card__tabs {
    margin-top: 0.1rem;
}

.c-card-shebei .u-button-long {
    margin-top: 0.1rem;
}

.shebei-alert {
    background-color: white;
}

.shebeo-alert-title {
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 0.34rem;
    padding: 0.32rem 0;
}

.shebeo-alert-body {
    margin-top: 0.1rem;
    color: #333;
    font-size: 0.28rem;
    padding-left: 0.4rem;
    padding-bottom: 0.3rem;
}

.shebeo-alert-item {
    margin-bottom: 0.4rem;
    padding-left: 0.5rem;
}

.shebeo-alert-item1 {
    background: url("../image/shebei3.png") left center no-repeat;
    background-size: 0.35rem;
}

.shebeo-alert-item2 {
    background: url("../image/shebei4.png") left center no-repeat;
    background-size: 0.35rem;
}

.shebeo-alert-item3 {
    background: url("../image/shebei5.png") left center no-repeat;
    background-size: 0.35rem;
}

.shebeo-alert-item3 a {
    color: #0078ed;
}

.shebeo-alert-bottom {
    display: block;
    text-align: center;
    font-size: 0.32rem;
    color: #333;
    background: #f9f9f9;
    border-top: 1px solid #d9d9d9;
    padding: 0.4rem 0;
}

.c-xb-content-short {
    max-height: 2.75rem;
    overflow: hidden;
}

.c-xb-content .c-card-qkmore {
    padding-bottom: 0;
    position: relative;
    top: 0.08rem;
}

.mt6 {
    margin-top: 0.6rem;
}

.c-arrow-alert {
    margin-top: 0.14rem;
    color: #ff0000;
    font-size: 0.24rem;
    background: #ffeded;
    border: 1px solid #ff0000;
    padding: 0.16rem 0.2rem 0.12rem 0.2rem;
    border-radius: 0.03rem;
    position: relative;
}

.c-arrow-alert:before {
    content: " ";
    border-bottom: 0.1rem solid #ff0000;
    border-left: 0.1rem solid transparent;
    border-right: 0.1rem solid transparent;
    left: 0.2rem;
    top: -0.1rem;
    position: absolute;
}

.c-arrow-alert:after {
    content: " ";
    border-bottom: 0.1rem solid #ffeded;
    border-left: 0.1rem solid transparent;
    border-right: 0.1rem solid transparent;
    left: 0.2rem;
    top: -0.08rem;
    position: absolute;
}

.c-login-bind-info {
    font-size: 0.24rem;
    color: #999;
    margin: 0.37rem 0 0.16rem 0;
}

.c-bind-title {
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 0.37rem 0 0.4rem 0;
}

.c-bind-title .color-orange {
    color: #ff8800;
    margin: 0 0.1rem;
}

.c-login-block-inner-double {
    position: relative;
    border: 1px solid #e0e0e0;
}

.c-login-block-inner-double .login-user {
    border: 0 !important;
    border-radius: 0.1rem;
}

.c-login-block-inner-btn {
    position: absolute;
    right: 0;
    font-size: 0.26rem;
    color: #ff8800;
    border-left: 1px solid #ccc;
    width: 1.8rem;
    text-align: center;
    line-height: 0.54rem;
    display: block;
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin: 0.2rem 0;
}

.c-login-tabs {
    background: #f7f7f7;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 0.3rem;
}

.c-login-tab {
    font-size: 0.3rem;
    color: #777;
    line-height: 0.78rem;
    width: 50%;
    float: left;
    text-align: center;
}

.c-login-tab-select {
    color: #3262de;
    position: relative;
}

.c-login-tab-inner {
    display: inline-block;
    position: relative;
}

.c-login-tab-select .c-login-tab-inner:after {
    content: " ";
    height: 2px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #3262de;
    left: 0;
}

.c-login-xieyi {
    margin-top: 0.3rem;
    text-align: center;
    color: #999;
    font-size: 0.26rem;
}

.c-login-xieyi a {
    color: #3262de;
}

.pay-confirm {
    background: white;
    border-radius: 0.1rem;
    width: 6.5rem;
    position: relative;
}

.pay-confirm-title {
    padding: 0.45rem 0 0.4rem 0;
    text-align: center;
    font-size: 0.4rem;
    color: #000;
    font-weight: bold;
}

.pay-confirm-items {
    padding: 0 0.43rem;
    font-size: 0.32rem;
}

.pay-confirm-item {
    margin-bottom: 0.3rem;
    position: relative;
    padding-left: 0.3rem;
    line-height: 0.5rem;
}

.pay-confirm-item:after {
    position: absolute;
    left: 0.04rem;
    top: 0rem;
    content: "● ";
    font-size: 0.2rem;
    color: #777;
}

.pay-confirm-btns {
    display: flex;
    margin-top: 0.5rem;
    border-top: 1px solid #d9d9d9;
}

.pay-confirm-btn {
    text-align: center;
    font-size: 0.3rem;
    color: #0089fd;
    line-height: 1rem;
    display: block;
    width: 50%;
}

.pay-confirm-btn-left {
    border-right: 1px solid #d9d9d9;
}

.pay-window-2019 {
    background: white;
    position: relative;
    border-radius: 0.1rem;
    width: 6.5rem;
}

.pay-window-2019-top {
    padding: 0.5rem 0 0.5rem 0;
}

.pay-window-2019-title {
    padding: 0 0.3rem;
    text-align: center;
    font-size: 0.4rem;
    color: #000;
    line-height: 0.6rem;
    text-align: center;
}

.pay-window-2019-price {
    margin-top: 0.2rem;
    font-size: 0.34rem;
    color: #777;
    text-align: center;
}

.pay-window-2019-info {
    padding-left: 0.4rem;
    margin-bottom: 0.25rem;
    font-size: 0.28rem;
    color: #555;
    line-height: 0.45rem;
    color: #777;
}

.pay-window-2019-info .price {
    color: #000;
}

.pay-window-2019-items {
    padding: 0 0.4rem 0.1rem 0.4rem;
}

.pay-window-2019-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.76rem;
    height: 1.18rem;
    border-top: 1px solid #d9d9d9;
}

.pay-window-2019-item-text {
    font-size: 0.32rem;
    color: #333;
}

.pay-window-2019-item-info {
    font-size: 0.24rem;
    color: #999;
    margin-top: 0.12rem;
}

.pay-window-2019-item-btn {
    font-size: 0.2rem;
    line-height: 0.24rem !important;
    display: inline-block;
    color: #905125;
    border: 1px solid #c4975e;
    width: 0.5rem;
    vertical-align: middle;
    margin-left: 0.05rem;
    position: relative;
    top: -0.03rem;
    padding: 0.03rem 0 0.03rem 0;
    border-radius: 0.03rem;
    text-align: center;
    background-image: linear-gradient(180deg, #fbd980 0, #ffbd4d 100%);
}

.pay-window-2019-item-side {
    display: flex;
    align-items: center;
}

.pay-window-2019-item-icon {
    width: 0.45rem;
    height: 0.25rem;
    background: url("../image/payicon4.png") center center no-repeat;
    background-size: contain;
}

.pay-window-2019-item1 {
    background: url("../image/payicon2.png") 0.1rem center no-repeat;
    background-size: 0.4rem;
}

.pay-window-2019-item2 {
    background: url("../image/payicon3.png") 0.1rem center no-repeat;
    background-size: 0.4rem;
}

.pay-window-2019-item3 {
    background: url("../image/payicon1.png") 0.1rem center no-repeat;
    background-size: 0.4rem;
}

.pay-window-2019-item-red {
    font-size: 0.24rem;
    color: #ff3300;
}

.pay-window-2019-item-grey {
    font-size: 0.3rem;
    color: #333;
}

.layui-m-layercont {
    line-height: normal !important;
}

.cz-result-middle2 {
    padding: 0.15rem 0.3rem 0rem 0.3rem;
}

.cz-result-btn-return {
    line-height: 1rem;
    border-radius: 0.1rem;
    text-align: center;
    display: block;
    font-size: 0.36rem;
    color: #fff;
    background-color: #3262de;
}

.cz-result-btn-center {
    font-size: 0.3rem;
    line-height: 1rem;
    text-align: center;
    display: block;
    color: #333;
}

.cz-result-btn-center .fa {
    font-size: 0.42rem;
    vertical-align: baseline;
    position: relative;
    top: 0.02rem;
}

.h9 {
    height: 7.5rem !important;
}

.c-login-top-text {
    text-align: center;
    padding: 0.05rem 0 0 0;
    font-size: 0.24rem;
    line-height: 0.45rem;
    color: #333;
}

.heart-section-first {
    margin-top: 0;
}

.heart-section-hotsearch-item2 {
    width: 50%;
    border-right: 0;
    text-align: left;
    padding-left: 0.3rem;
    font-size: 0.3rem;
}

.heart-section-book .heart-section-top {
    border-bottom: 1px solid #d9d9d9;
}

.heart-section-book .c-cnkibook {
    border-bottom: 0;
}

.heart-section-book .heart-section-body {
    padding: 0;
}

.ts-body-container {
    padding: 0.7rem 0 0.8rem 0;
}

.ts-body-title {
    text-align: center;
    font-size: 0.46rem;
    color: #333;
    text-align: center;
}

.ts-body-subtitle {
    text-align: center;
    font-size: 0.32rem;
    color: #999;
    margin-top: 0.1rem;
}

.ts-body-img {
    margin-top: 0.65rem;
    width: 6.7rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.final-search-body {
    background: white;
}

.final-search-items {
    padding-top: 0.5rem;
    width: 7.1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.01rem;
}

.final-search-item {
    text-align: center;
    width: 1.44rem;
    display: block;
}

.final-search-image {
    width: 0.9rem;
    height: 0.9rem;
}

.final-search-text {
    font-size: 0.28rem;
    margin-top: 0.1rem;
}

.final-search {
    padding: 0.4rem;
    background: #f0f0f0;
    border-bottom: 1px solid #dfdfdf;
}

.final-search-input {
    line-height: 0.78rem;
    border: 1px solid #dfdfdf;
    text-align: center;
    border-radius: 0.2rem;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background-size: 0.3rem;
    font-size: 0.28rem;
    background: white;
    color: #999;
}

.final-search-input-img {
    width: 0.26rem;
    height: 0.26rem;
    position: relative;
    top: 0.04rem;
}

.section-body-discuss .section-author-body {
    position: relative;
}

.section-body-discuss .section-author-body:after {
    height: 1px;
    width: 80%;
    background: #d9d9d9;
    position: absolute;
    bottom: -0.1rem;
    left: 50%;
    margin-left: -40%;
    content: " ";
}

.section-body-discuss .section-author-body:last-of-type:after {
    display: none;
}

.c-catalog__item-web-right2 {
    color: #00aa7f;
    padding: 0.02rem 0.14rem;
    border-radius: 100rem;
    font-size: 0.18rem;
    border: 1px solid #00aa7f;
}

.c-nav--right-double {
    display: flex;
    width: 1.19rem;
    align-items: center;
    justify-content: space-between;
    right: 0.26rem;
}

.c-nav--right-icon {
    width: 0.4rem;
    height: 0.4rem;
}

.c-nav--right-icon0 {
    background: url(../image/icon-search.png) center center no-repeat;
    background-size: contain;
}

.c-nav--right-icon1 {
    background: url(../image/f5.png) center center no-repeat;
    background-size: contain;
    width: 0.52rem;
}

.c-nav--right-icon2 {
    background: url(../image/f6.png) center center no-repeat;
    background-size: contain;
    width: 0.52rem;
}

.c-nav--right-icon3 {
    background: url(../image/f7.png) center center no-repeat;
    background-size: contain;
    width: 0.52rem;
}

.c-nav-border {
    position: relative;
}

.c-msubnav {
    position: absolute;
    top: 102%;
    width: 100%;
    background: white;
}

.c-msubnav-container {
    padding: 0 0.25rem;
    display: flex;
}

.c-msubnav-container-left {
    width: 0.7rem;
    height: 1rem;
    background: url(../image/f2.png) center 0.3rem no-repeat;
    background-size: 0.32rem;
}

.c-msubnav-container-right {
    flex-grow: 10;
}

.c-msubnav-item {
    padding: 0.3rem 0;
    padding-left: 0.55rem;
    display: block;
    font-size: 0.3rem;
    color: #333;
    border-bottom: 1px solid #e9e9e9;
    background: url(../image/f2.png) 0rem center no-repeat;
    background-size: 0.32rem;
}

.c-msubnav-item1 {
    padding-left: 0rem;
    background: none;
}

.c-msubnav-item:last-of-type {
    border-bottom: 0;
}

.c-msubnav-item2 {
    background-image: url(../image/f3.png);
}

.c-msubnav-item3 {
    background-image: url(../image/f1.png);
}

.c-msubnav-item4 {
    background-image: url(../image/f4.png);
}

.c-msubnav-item5 {
    background-image: url(../image/f8.png);
}

.c-msubnav-item6 {
    background-image: url(../image/f9.png);
}

.c-msubnav-item8 {
    background-image: url(../image/f100.png);
}

.masker {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.bk-nav {
    display: flex;
    background: white;
    align-items: center;
    padding: 0.24rem;
    justify-content: space-between;
}

.bk-total {
    color: #999;
    font-size: 0.26rem;
}

.bk-more {
    color: #3262de;
    font-size: 0.26rem;
}

.bk-more .fa {
    font-size: 0.34rem;
    position: relative;
    top: 0.01rem;
}

.bk-main-title {
    font-size: 0.3rem;
    color: #000;
    line-height: 0.4rem;
    height: 0.78rem;
    overflow: hidden;
}

.bk-main-content {
    font-size: 0.26rem;
    color: #999;
    margin-top: 0.1rem;
    line-height: 0.35rem;
    height: 0.68rem;
    overflow: hidden;
}

.bk-main-footer {
    display: flex;
    margin-top: 0.1rem;
    justify-content: space-between;
    align-items: center;
}

.bk-name {
    font-size: 0.26rem;
    color: #777;
}

.bk-label {
    font-size: 0.22rem;
    color: #f28c54;
    border-radius: 0.06rem;
    border: 1px solid #f28c54;
    display: inline-block;
    padding: 0.04rem 0.06rem;
}

.bk-item {
    background: white;
    padding: 0.25rem;
    border-top: 1px solid #d8d8da;
    border-bottom: 1px solid #d8d8da;
    display: flex;
    margin-bottom: 0.25rem;
}

.bk-main {
    margin-left: 0.2rem;
    padding-top: 0.05rem;
}

.c-cnkibook-imgblock-suggest {
    flex-shrink: 0;
    width: 3rem;
    height: 2.11rem;
}

.c-cnkibook-imgblock-suggest .c-cnkibook-outer {
    width: 3rem;
    height: 2.11rem;
}

.c-cnkibook-imgblock-suggest .c-cnkibook-img {
    width: 2.82rem;
    height: 1.96rem;
    left: 0.09rem;
}

.fix-top {
    height: 1.1rem;
}

.fix-top-content {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: rgba(30, 30, 30, 0.81);
    max-width: 961px;
}

.fix-top-content-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.12rem 0.26rem 0.12rem 0.3rem;
}

.fix-top-main {
    display: flex;
    align-items: center;
}

.img-fix-top {
    width: 0.86rem;
    height: 0.86rem;
}

.fix-top-text {
    color: white;
    margin-left: 0.25rem;
}

.fix-top-text1 {
    font-size: 0.3rem;
}

.fix-top-text2 {
    font-size: 0.24rem;
    margin-top: 0.1rem;
    color: #ddd;
}

.fix-top-btn {
    display: block;
    width: 1.4rem;
    line-height: 0.6rem;
    text-align: center;
    color: white;
    font-size: 0.28rem;
    border-radius: 0.06rem;
    background: #3262de;
    padding-top: 0.04rem;
}

.fix-bottom {
    height: 1.24rem;
}

.img-fix-bottom {
    height: 0.9rem;
    flex-shrink: 0;
    width: 0.65rem;
    box-shadow: 0rem 0rem 0.03rem 0.02rem rgba(200, 200, 200, 0.81);
}

.fix-bottom-content {
    position: fixed;
    width: 100%;
    z-index: 999;
    max-width: 961px;
    bottom: 0;
    background: #f9f9f9;
    box-shadow: -0.02rem -0.02rem 0.06rem 0.03rem rgba(130, 130, 130, 0.21);
}

.fix-bottom-content-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.17rem 0.26rem 0.17rem 0.3rem;
}

.fix-bottom-main {
    display: flex;
    align-items: center;
}

.img-bottom-top {
    width: 0.86rem;
    height: 0.86rem;
}

.fix-bottom-text {
    margin-left: 0.25rem;
}

.fix-bottom-text1 {
    font-size: 0.3rem;
    max-height: 0.33rem;
    line-height: 0.34rem;
    overflow: hidden;
    padding-right: 0.3rem;
    color: #333;
    font-weight: bold;
}

.fix-bottom-text2 {
    font-size: 0.22rem;
    max-height: 0.32rem;
    margin-top: 0.1rem;
    padding-right: 0.3rem;
    line-height: 0.3rem;
    color: #999;
    overflow: hidden;
}

.fix-bottom-btn {
    display: block;
    width: 1.4rem;
    font-size: 0.24rem;
    line-height: 0.6rem;
    flex-shrink: 0;
    text-align: center;
    margin-left: 0.3rem;
    color: white;
    border-radius: 0.06rem;
    background: #ff8800;
}

.mysearch-container {
    padding: 0rem 0.2rem 0.2rem 0.2rem;
}

.mysearch-body {
    border: 1px solid #555;
    border-radius: 0.05rem;
    display: flex;
    box-shadow: 0 0 0.06rem 0.03rem rgba(100, 100, 100, 0.4);
}

.mysearch-input {
    width: 100%;
    font-size: 0.3rem;
    background: url(../image/qk004.png) 0.23rem 0.26rem no-repeat white;
    background-size: 0.3rem;
    border: 0;
    padding: 0.25rem 0.1rem 0.25rem 0.6rem;
}

.mysearch-input2 {
    width: 100%;
    display: block;
    font-size: 0.3rem;
    background: url(../image/qk004.png) 0.23rem 0.26rem no-repeat white;
    background-size: 0.3rem;
    border: 0;
    padding: 0.25rem 0.1rem 0.25rem 0.6rem;
}

.mysearch-btn {
    color: white;
    text-align: center;
    background: #3262de;
    flex-shrink: 0;
    font-size: 0.3rem;
    padding: 0.25rem 0.56rem 0.25rem 0.56rem;
}

.c-card-images {
    padding: 0.1rem 0;
    margin-top: 0.1rem;
}

.c-card-image-link {
    margin: 0 2% 0.1rem 0;
    height: 1.5rem;
    display: block;
    border: 1px solid #d3d3d3;
}

.c-card-image-link:last-of-type {
    margin-right: 0;
}

.c-card-image {
    width: auto;
    display: block;
    height: 1.5rem;
}

.c-card-images-line {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
    flex-wrap: wrap;
}

.c-card-images-line:last-of-type {
    margin-bottom: 0;
}

.image-alert {
    width: 5.14rem;
    background: white;
    border-radius: 0.4rem;
    position: relative;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

.image-alert-img-container {
    text-align: center;
    position: relative;
    top: 0rem;
    margin-bottom: 0.07rem;
}

.image-alert-title {
    font-size: 0.32rem;
    color: #666;
    text-align: center;
    margin-top: 0.28rem;
    margin-bottom: 0.36rem;
}

.image-alert-btn {
    width: 3.1rem;
    height: 0.68rem;
    line-height: 0.68rem;
    color: white;
    background-color: #0077ed;
    font-size: 0.3rem;
    border-radius: 0.1rem;
    text-align: center;
    margin-left: auto;
    font-size: 0.32rem;
    margin-right: auto;
    display: block;
}

.image-alert-img {
    width: 1.81rem;
    height: 1.25rem;
    box-shadow: 1px 1px 2px 1px rgba(100, 100, 100, 0.2);
}

.image-alert-close {
    width: 0.28rem;
    height: 0.28rem;
    z-index: 100;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background: url(../image/cz101.png) center center no-repeat;
    background-size: contain;
}

.fix-top-text1:hover,
.fix-top-text1:focus,
.fix-top-text2:hover,
.fix-top-text2:focus,
.fix-top-content:hover,
.fix-top-content:focus {
    text-decoration: none;
}

.c-nav__homepage {
    position: absolute;
    top: 0;
    right: 0.2rem;
    bottom: 0;
    font-size: 0.3rem;
    left: auto;
    background: url(../image/f10.png) center center no-repeat;
    width: 0.43rem;
    height: 0.96rem;
    background-size: 0.44rem;
    margin-left: 0.4rem;
}

.c-catalog__more-add {
    padding: 0.3rem 0 0.2rem 0;
    margin-top: 0.3rem;
    border-top: 1px solid #d9d9d9;
}

.c-nav--right-white .c-nav--right-icon3 {
    background-image: url("../image/f11.png");
    background-size: contain;
}

.c-nav--right-white .c-nav--right-icon0 {
    background-image: url("../image/qk001.png");
    background-size: contain;
}

.c-nav--right-white .c-nav--right-icon1 {
    background-image: url("../image/f12.png");
    background-size: contain;
}

.c-card__new {
    padding: 0.4rem 0.4rem 0.32rem 0.4rem;
}

.c-card__new .c-card__subline {
    margin-top: 0.28rem;
    margin-bottom: 0.42rem;
}

.c-card__new .c-card__title2 {
    font-size: 0.46rem;
    color: #303030;
    line-height: 0.6rem;
}

.c-card__new .c-card__aritcle {
    font-size: 0.34rem;
}

.c-card__new .c-card__author {
    text-align: left;
    font-size: 0.28rem;
}

.c-card__new .c-card__author a {
    display: inline-block;
}

.c-card__new .c-card__author a {
    margin-left: 0;
    color: #4570e0;
}

.c-card__new .c-card__author a.author-icon {
    position: relative;
    top: -0.02rem;
    color: #999;
}

.c-card__new .c-card-images {
    margin-top: 0.3rem;
}

.c-card__new .c-card__paper-name {
    color: #777;
}

.c-card__paper-name {
    color: #000 !important;
    font-weight: bold;
}

.c-card__new .c-card__paper-content-small .c-card__paper-content-type {
    color: #242424;
}

.c-card__new .c-card__paper-content-normal a {
    color: #4570e0;
    display: inline;
}

.c-card__new .c-card__paper-content {
    color: #4570e0;
}

.c-card__new .c-card__paper-content a {
    color: #4570e0;
}

.c-card-new-container {
    box-shadow: 0px 0px 2px 1px rgba(200, 200, 200, 0.2);
}

.c-card__new2 {
    padding: 0 0.4rem 0.3rem 0.4rem;
    border-bottom: 0 !important;
}

.c-card__new2 .c-card__statics-inner {
    padding: 0.28rem 0;
    padding-bottom: 0.28rem;
    margin: 0;
}

.c-card__new2 .u-button-blue {
    background-color: #3162de;
    border-radius: 0.2rem;
    padding-top: 0.13rem;
    padding-bottom: 0.13rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-card__new2 .u-button-text1 .u-button-text1 {
    font-size: 0.26rem;
}

.c-card__new2 .u-button-text1 img {
    height: 0.4rem;
    vertical-align: text-bottom;
}

.c-card__new2 .u-button-text2 {
    font-size: 0.22rem;
    margin-top: 0.02rem;
}

.c-card__new3 {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: 0px 0px 2px 1px rgba(200, 200, 200, 0.2);
}

.c-card__new3 .c-catalog__item-web {
    padding-bottom: 0.26rem;
    padding-top: 0.3rem;
}

.c-card__new3 .c-catalog__item-web-right {
    width: 0.36rem;
    height: 0.36rem;
    background-size: 0.34rem;
    flex-shrink: 0;
}

.c-card__new3 .c-catalog__title-blue {
    color: #3162dd;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    padding-top: 0.26rem;
    padding-bottom: 0.24rem;
    position: relative;
}

.c-catalog__title-change {
    position: absolute;
    right: 0.2rem;
    top: 0.3rem;
    font-size: 0.22rem;
    display: flex;
    color: #67afff;
    align-items: center;
}

.c-catalog__title-change img {
    width: 0.3rem;
    height: 0.3rem;
    display: block;
    margin-left: 0.12rem;
}

.c-card__new4 {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
    padding-top: 0.27rem !important;
    padding-bottom: 0.27rem !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: 0px 0px 2px 1px rgba(200, 200, 200, 0.2);
}

.c-card__new4 .c-book__content {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-left: 0.27rem;
}

.c-card__new4 .c-book__title {
    height: 0.44rem;
    font-size: 0.3rem;
    line-height: 0.44rem;
    overflow: hidden;
    color: #0c0c0c;
}

.c-card__new4 .c-book__icon .fa {
    font-size: 0.55rem;
}

.c-catalog__more {
    padding-left: 0;
}

.loader-inner-line {
    display: inline-block;
    height: 0.25rem;
}

.loader-inner-line>div {
    background-color: #999;
    width: 0.11rem;
    height: 0.11rem;
    margin-left: 0.01rem;
}

.c-catalog__item-none {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.c-catalog__item-bt {
    border-top: 1px solid #f4f4f4 !important;
}

.c-catalog__item-bb {
    border-bottom: 1px solid #f4f4f4 !important;
}

.u-btn-car-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.u-btn-car {
    font-size: 0.2rem;
    text-align: center;
    color: #3162de;
    width: 1.3rem;
    margin-right: 0.1rem;
    flex-shrink: 0;
    padding-top: 0.6rem;
    background: url("../image/cd-5.png") top center no-repeat;
    background-size: 0.44rem;
}

.u-btn-car-add {
    color: #333;
    background: url("../image/cd-13.png") top center no-repeat;
    background-size: 0.44rem;
}

.c-card__new3 .c-catalog__item-web-right-car {
    width: 0.36rem;
    height: 0.36rem;
    margin-left: 0.1rem;
    display: block;
    flex-shrink: 0;
    margin-right: 0.1rem;
    background: url("../image/cd-11.png") center right no-repeat;
    background-size: 0.34rem;
}

.c-person-card-number {
    font-size: 0.34rem;
    color: #b6b6b6;
    position: absolute;
    position: absolute;
    right: 0.7rem;
    text-align: right;
    width: 1.6rem;
    top: 0.25rem;
}

.c-person__item9 {
    background: url("../image/cd-8.png") 0.28rem center no-repeat;
    background-size: 0.42rem auto;
    background-color: white;
}

.gwc-empty-container {
    padding: 0.6rem 0 0.48rem 0;
    background: white;
}

.gwc-empty-img {
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.gwc-empty-text {
    font-size: 0.25rem;
    text-align: center;
    color: #9d9d9d;
    margin-top: 0.2rem;
}

.gwc-empty-menu {
    margin-top: 0.47rem;
    display: flex;
    justify-items: center;
    justify-content: center;
    color: #406dd6;
    font-size: 0.3rem;
}

.gwc-empty-item {
    width: 1.7rem;
    text-align: center;
    border-right: 1px solid #707070;
}

.gwc-empty-item:last-of-type {
    border-right: 0;
}

.gwc-need {
    margin-top: 0.27rem;
    margin-bottom: 0.27rem;
    padding: 0.1rem 0 0.1rem 0.45rem;
    font-size: 0.25rem;
    color: #101822;
    width: 2rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: url("../image/cd-4.png") left center no-repeat;
    background-size: 0.3rem;
    position: relative;
}

.gwc-need::before {
    content: " ";
    width: 0.9rem;
    height: 1px;
    background-color: #bababa;
    position: absolute;
    left: 110%;
    top: 0.24rem;
}

.gwc-need::after {
    content: " ";
    width: 0.9rem;
    height: 1px;
    background-color: #bababa;
    position: absolute;
    right: 110%;
    top: 0.24rem;
}

.section-image-time {
    font-size: 0.23rem;
    color: #8d8d8d;
    margin-top: 0.1rem;
}

.gwc-container .section-image-more {
    color: #101822;
    padding: 0.5rem 0;
}

.gwc-container .section-title {
    padding-top: 0.5rem;
}

.order-detail {
    background: white;
    padding: 0 0.4rem;
}

.order-detail-title {
    font-size: 0.3rem;
    color: #101822;
    padding: 0.35rem 0;
}

.order-detail-item {
    border-top: 1px solid #e0e0e0;
    padding: 0.4rem 0;
    padding-left: 0.87rem;
    font-size: 0.26rem;
    color: #101822;
    line-height: 0.4rem;
    background: url("../image/cd-19.png") left center no-repeat;
    background-size: 0.44rem;
}

.order-detail-item-more {
    padding: 0rem 0 0.1rem 0;
    text-align: center;
    color: #999;
    display: block;
    font-size: 0.4rem;
}

.order-detail-total {
    padding: 0.1rem 0 0.3rem 0;
    text-align: right;
    font-size: 0.3rem;
    color: #101822;
}

.order-detail-total .color-red {
    color: #da383d;
}

.order-pay {
    margin-top: 0.3rem;
    background: white;
    padding: 0 0.4rem 0.3rem 0.4rem;
}

.order-pay-title {
    padding: 0.5rem 0 0.2rem 0;
    font-size: 0.3rem;
    color: #101822;
}

.order-pay-item {
    display: flex;
    padding: 0.3rem 0;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.order-pay-item:last-of-type {
    border-bottom: 0;
}

.order-pay-btn {
    display: block;
    padding: 0.34rem 0;
    text-align: center;
    color: white;
    font-size: 0.3rem;
    background-color: #d43435;
}

.order-pay-item-image {
    width: 0.7rem;
    height: 0.7rem;
    margin-right: 0.15rem;
}

.order-pay-left {
    display: flex;
    align-items: center;
}

.order-pay-text {
    font-size: 0.26rem;
    color: #101822;
}

.order-pay-subtext {
    margin-top: 0.1rem;
    font-size: 0.2rem;
    color: #a7aaae;
}

.order-pay-right-circle {
    width: 0.37rem;
    flex-shrink: 0;
    height: 0.36rem;
    background: url("../image/cd-15.png") center center no-repeat;
    background-size: 0.36rem;
}

.order-pay-right-circle-select {
    background: url("../image/cd-7.png") center center no-repeat;
    background-size: 0.36rem;
}

.order-pay-right {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.order-pay-right-text {
    font-size: 0.2rem;
    color: #979a9f;
    margin-right: 0.2rem;
}

.gwc-select-container {
    background: white;
    padding: 0 0.4rem;
}

.gwc-select-title {
    font-size: 0.3rem;
    color: #101822;
    padding: 0.35rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.gwc-item {
    padding: 0.35rem 0;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

.gwc-item-title {
    padding-left: 0.7rem;
    color: #101822;
    font-size: 0.3rem;
    line-height: 0.45rem;
}

.gwc-item-info {
    margin-top: 0.2rem;
    font-size: 0.23rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.7rem;
}

.gwc-item-info-left {
    display: flex;
    align-items: center;
}

.gwc-item-company {
    color: #237f1e;
    margin-right: 0.17rem;
}

.gwc-item-time {
    color: #237f1e;
    margin-right: 0.17rem;
}

.gwc-item-page {
    color: #a3a3a3;
}

.gwc-item-price {
    color: #da383d;
}

.gwc-items-footer {
    padding: 0.35rem 0;
    display: flex;
    justify-content: space-between;
    font-size: 0.3rem;
    color: #101822;
}

.gwc-items-footer-right .color-red {
    color: #da383d;
}

.gwc-item-select {
    background: url("../image/cd-7.png") left center no-repeat;
    background-size: 0.37rem;
}

.gwc-item-unselect {
    background: url("../image/cd-15.png") left center no-repeat;
    background-size: 0.37rem;
}

.gwc-suggest {
    background-color: white;
    padding: 0 0.37rem;
}

.gwc-item-detail {
    font-size: 0.23rem;
    color: #969696;
    margin-top: 0.16rem;
    padding-left: 0.7rem;
}

.gwc-item-title-dot {
    background: url("../image/cd-6.png") left center no-repeat;
    background-size: 0.12rem;
}

.gwc-item-car-btn {
    width: 0.55rem;
    height: 0.55rem;
    position: absolute;
    background: url("../image/cd-11.png") center center no-repeat;
    background-size: 0.55rem;
    right: 0.26rem;
    bottom: 0.32rem;
}

.gwc-counter {
    margin-top: 0.2rem;
    background: white;
    display: flex;
    justify-content: space-between;
}

.order-pay-btn-error {
    background-color: #3e69d9;
}

.gwc-info-list {
    background: #faf8dd;
    padding: 0.36rem 0.4rem 0 0.4rem;
}

.gwc-info-list-head {
    display: flex;
    justify-content: space-between;
}

.gwc-info-list-head-left {
    display: flex;
    align-items: center;
}

.gwc-info-list-head-right {
    color: #d43435;
    font-size: 0.2rem;
}

.gwc-info-img {
    width: 0.5rem;
    height: 0.28rem;
}

.gwc-info-list-head-text {
    font-size: 0.23rem;
    color: #293039;
    margin-left: 0.15rem;
}

.gwc-info-body {
    padding-top: 0.38rem;
    padding-bottom: 0.26rem;
}

.gwc-info-body-red {
    color: #d63e3e;
    font-size: 0.21rem;
    margin-bottom: 0.2rem;
}

.gwc-info-body-item {
    display: flex;
    justify-content: space-between;
    color: #293039;
    margin-bottom: 0.11rem;
    font-size: 0.19rem;
}

.gwc-info-body-item-right {
    color: #9fa196;
}

.gwc-info-more {
    font-size: 0.36rem;
    color: #4b4a42;
    text-align: center;
    display: block;
    padding-bottom: 0.2rem;
}

.gwc-counter-right {
    width: 2rem;
    height: 1.12rem;
    line-height: 1.12rem;
    text-align: center;
    color: white;
    font-size: 0.3rem;
    background-color: #d43435;
}

.gwc-counter-left {
    padding-left: 0.37rem;
    display: flex;
    align-items: center;
}

.gwc-counter-select {
    font-size: 0.26rem;
    color: #101822;
    padding: 0.2rem 0 0.2rem 0.5rem;
    background: url(../image/cd-7.png) left center no-repeat;
    background-size: 0.37rem;
}

.gwc-counter-unselect {
    background: url(../image/cd-15.png) left center no-repeat;
    background-size: 0.37rem;
}

.gwc-counter-middle {
    margin-left: 0.3rem;
}

.gwc-counter-total {
    font-size: 0.29rem;
    color: #101822;
}

.gwc-counter-total .color-red {
    color: #da383d;
}

.gwc-counter-info {
    color: #9a9ea2;
    margin-top: 0.12rem;
}

.gwc-suggest .gwc-item-title,
.gwc-suggest .gwc-item-detail,
.gwc-suggest .gwc-item-info {
    padding-left: 0.4rem;
}

.gwc-suggest .gwc-item:last-of-type {
    border-bottom: 0;
}

.gwc-item-sci {
    width: 0.72rem;
    height: 0.3rem;
}

.gwc-choose {
    padding: 0.6rem 0.4rem 0.3rem 0.4rem;
    background-color: white;
}

.gwc-choose-title {
    font-size: 0.31rem;
    color: #101823;
    margin-bottom: 0.38rem;
}

.gwc-choose-label {
    display: inline-block;
    color: #101823;
    padding: 0.13rem 0.22rem;
    background-color: #f2f2f2;
    border-radius: 0.05rem;
    margin-right: 0.2rem;
    margin-bottom: 0.25rem;
}

.gwc-choose-label-select {
    background-color: #c9d9ff;
}

.gwc-alert {
    width: 5.1rem;
    height: 3.5rem;
    background: white;
    border-radius: 0.2rem;
    position: relative;
}

.gwc-alert-text {
    padding-top: 0.8rem;
    font-size: 0.3rem;
    line-height: 0.6rem;
    text-align: center;
}

.gwc-alert-btns {
    display: flex;
    justify-content: space-between;
    width: 3.4rem;
}

.gwc-alert-btn {
    background-color: #406dd6;
    border-radius: 0.1rem;
    color: white;
    width: 1.4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.32rem;
}

.gwc-alert-btn-container {
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
}

.gwc-pay {
    background: white;
    padding: 0.6rem 0 0.5rem 0;
}

.gwc-pay-success {
    font-size: 0.33rem;
    color: #2a313a;
    padding-top: 1rem;
    background: url("../image/cd-18.png") top center no-repeat;
    background-size: 0.86rem;
    text-align: center;
}

.gwc-pay-card {
    margin-top: 0.65rem;
    display: flex;
    justify-content: center;
    align-content: center;
}

.gwc-pay-card-img {
    width: 1.47rem;
    height: 0.93rem;
}

.gwc-pay-card-content {
    margin-left: 0.27rem;
}

.gwc-pay-card-title {
    font-size: 0.23rem;
    color: #101822;
    width: 3.6rem;
    line-height: 0.34rem;
}

.gwc-pay-card-info {
    font-size: 0.23rem;
    margin-top: 0.06rem;
    color: #7e8287;
}

.gwc-downloads {
    background: white;
    padding: 0 0.4rem;
}

.gwc-download {
    padding: 0.5rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.gwc-download:last-of-type {
    border-bottom: 0;
}

.gwc-download-title {
    font-size: 0.3rem;
    color: #101822;
}

.gwc-download-items {
    margin-top: 0.24rem;
    padding-left: 1rem;
}

.gwc-download-item {
    font-size: 0.23rem;
    color: #949494;
    margin-bottom: 0.08rem;
}

.gwc-download-btn {
    line-height: 0.86rem;
    border-radius: 0.1rem;
    background-color: #3566db;
    display: block;
    text-align: center;
    color: white;
    font-size: 0.26rem;
    margin-top: 0.32rem;
}

.gwc-download-item2 {
    font-size: 0.23rem;
    color: #ababab;
    text-align: center;
    margin-top: 0.16rem;
}

.gwc-download-item-link {
    color: #4975df;
}

.gwc-download1 .gwc-download-item {
    padding-left: 0.3rem;
    background: url("../image/cd-22.png") left center no-repeat;
    background-size: 0.17rem;
}

.gwc-download2 .gwc-download-item {
    padding-left: 0.3rem;
}

.cz-custiom {
    line-height: 0.4rem;
    font-size: 0.34rem;
    color: #333;
    border: 0;
    border-bottom: 1px solid #333;
    width: 1.3rem;
    text-align: center;
    border-radius: 0;
    background: transparent;
}

.cz-wechat-money-select .cz-custiom {
    color: white;
    border-bottom: 1px solid white;
}

.cz-wechat-money-select .cz-wechat-money2-top-custom {
    color: white;
}

.cz-custom-more {
    color: #7e7e7e;
    font-size: 0.28rem;
}

.cz-wechat-money {
    position: relative;
}

.cz-custom-alert {
    position: absolute;
    top: 105%;
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: red;
    text-align: center;
    width: 100%;
}

.gwc-alert-btns1 {
    justify-content: center;
    align-items: center;
}

.pay-custom-alert {
    height: 3rem;
}

.gwc-download-title-img {
    width: 0.3rem;
}

.pay-custom-alert {
    width: 4.5rem;
    height: 2.5rem;
    border-radius: 0.2rem;
    background-color: white;
}

.pay-custom-alert-text {
    text-align: center;
    font-size: 0.3rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.pay-custom-alert-btn {
    font-size: 0.3rem;
    color: #3262de;
    display: block;
    text-align: center;
    padding: 0.3rem 0;
}

.c-nav-qk2 {
    background-color: transparent;
    border-bottom: 0;
    font-weight: bold;
}

.ch-icon {
    color: #e75e58;
    display: block;
    border-radius: 0.3rem;
    opacity: 0.9;
    padding: 0.1rem 0.52rem 0.1rem 0.2rem;
    background: url(../image/labelicon.png) right 0.2rem top 0.12rem no-repeat;
    background-color: #fdefee;
    background-size: 0.28rem;
    position: absolute;
    font-size: 0.28rem;
    right: 0;
    top: 0.2rem;
}

.statics-icon {
    border: 1px solid #e75e58;
    border-radius: 0.04rem;
    font-size: 0.22rem;
    padding: 0.04rem 0.05rem;
    display: inline-block;
    color: #e75e58;
    line-height: 0.24rem !important;
    vertical-align: text-bottom;
    font-weight: normal;
    position: relative;
    top: -0.02rem;
}

.c-card__paper-item {
    position: relative;
}

.empty-container {
    padding: 1.3rem 0 0.25rem 0;
}

.empty-title {
    text-align: center;
    color: #179319;
    font-size: 0.4rem;
    font-weight: bold;
}

.empty-text {
    margin-top: 0.75rem;
}

.empty-text {
    font-size: 0.28rem;
    text-align: center;
    color: #a8a8a8;
}

.empty-items {
    margin: 0.47rem 0 0.93rem 0;
}

.empty-item {
    width: 4.2rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.28rem;
    color: #a8a8a8;
    line-height: 0.36rem;
    margin-bottom: 0.2rem;
    padding-left: 0.15rem;
    position: relative;
    left: 0.1rem;
}

.empty-item:after {
    content: "•";
    position: absolute;
    left: 0;
    top: 0rem;
    font-size: 0.24rem;
}

.empty-return {
    margin-left: auto;
    margin-right: auto;
    width: 4rem;
    text-align: center;
    display: block;
    font-size: 0.36rem;
    color: white;
    background-color: #3366ff;
    line-height: 0.8rem;
    border-radius: 1rem;
    box-shadow: 0.1rem 0.1rem 0.3rem #c9d3f6;
}

.empty-search {
    margin-top: 1.5rem;
    width: 7rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    border: 1px solid #b9b9b9;
}

.empty-input {
    font-size: 0.3rem;
    padding: 0.27rem;
    width: 5.6rem;
    border: 0;
}

.empty-btn {
    width: 1.06rem;
    background-color: #ebebeb;
    background: url("../image/empty-search.png") center center no-repeat;
    background-size: 0.5rem;
    display: block;
    height: 0.85rem;
}

.c-cover-container-new .c-card-outer2,
.c-cover-container-new .c-card2 {
    background-color: transparent;
}

.c-cover-container-new .c-card__type-total {
    color: #fcd303;
}

.c-cover-container-new .c-card__title {
    max-height: 0.8rem;
    overflow: hidden;
    font-weight: bold;
}

.c-cover-container-new .c-card-outer2 {
    display: flex;
    justify-content: center;
    padding-bottom: 0.05rem;
}

.c-cover-container-new .c-card2 {
    width: 6.45rem;
}

.c-cover-container-new .c-card__img img {
    width: 2.2rem;
    height: 3.13rem;
    border-radius: 0.1rem;
}

.c-cover-container-new .c-card__title {
    color: white;
    font-size: 0.32rem;
    font-weight: bold;
}

.c-cover-container-new .c-card-shebei .c-card__tabs {
    margin: 0.2rem 0 0.4rem 0;
}

.c-cover-container-new .c-card__type {
    color: #e1e1e1;
    margin-top: 0.2rem;
}

.c-cover-container-new .c-card-price {
    font-size: 0.25rem;
    color: #f6f6f6;
    margin-top: 0.25rem;
    font-weight: bold;
}

.c-cover-container-new .c-card-buy-btn {
    font-size: 0.3rem;
    color: #fff;
    background-color: #dab05c;
    border-radius: 100rem;
    padding: 0.2rem;
    position: absolute;
    bottom: 0;
    text-align: center;
    margin-top: 0.5rem;
    display: block;
    width: 90%;
    background-image: repeating-linear-gradient(90deg, #e2b761 0, #bd9952 100%);
}

.c-cover-container-new .c-card__shebei {
    margin-top: 0.25rem;
    color: #f6f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-cover-container-new .c-card__shebei img {
    width: 1.02rem;
    height: auto;
    border: 0;
    margin-left: 0.15rem;
}

.c-cover-container-wrapper2 {
    background-color: #f0f0f0;
}

.c-catalog__title-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-catalog__title-c .c-catalog__title-content {
    color: #333;
    font-weight: bold;
}

.c-catalog__title-d {
    width: 0.3rem;
    height: 1px;
    background-color: #dadada;
    margin: 0 0.2rem;
}

.c-suggest-blank .c-suggest__title {
    border-bottom: 0;
    padding-bottom: 0;
}

.c-suggest-blank .c-catalog__more {
    border-top: 0;
    padding-top: 0.32rem;
}

.c-catalog__wangqi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0.4rem;
    font-size: 0.28rem;
}

.c-catalog__wangqi .c-catalog__wangqi-item {
    color: #595959;
}

.c-catalog__wangqi .c-catalog__wangqi-item-grey {
    color: #d7d7d7;
}

.c-catalog__wangqi-item-left {
    padding-right: 0.35rem;
    color: #777;
}

.c-catalog__wangqi-item-right {
    padding-left: 0.35rem;
    color: #777;
}

.qk-search-block-container {
    padding: 0.2rem;
    padding-bottom: 0;
}

.qk-search-block-container .qk-search-block {
    margin: 0;
}

.hero-cover-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: blur(35px);
    z-index: -2;
}

.c-cover-container-new-inner {
    position: relative;
}

.hero-cover-img-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(125, 125, 125, 0.45);
    z-index: -1;
}

.hero-cover-img-cover2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #7b7b7b;
    z-index: -3;
}

.c-suggest {
    border-top: 0 !important;
}

.c-card-shebei .c-card__body-top {
    position: relative;
    height: 3.8rem;
}

.c-card-shebei .c-card__body-top-nobutton {
    position: relative;
    height: 3.2rem;
}

.pay-window-2020 .pay-window-choice-left {
    padding-left: 0;
    background: none;
}

.pay-window-2020 {
    padding: 0;
    width: 6.5rem;
}

.pay-window-2020 .pay-window-2020-1 {
    padding: 0.34rem 0.45rem 0.28rem 0.45rem;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    border-radius: 0.2rem 0.2rem 0 0;
}

.pay-window-2020 .pay-window-2020-1-pic {
    width: 1.09rem;
    height: 1.53rem;
    border-radius: 0.05rem;
    box-shadow: 0px 0px 2.5px 2px rgba(150, 150, 150, 0.2);
}

.pay-window-2020 .pay-window-2020-1-right {
    margin-left: 0.27rem;
}

.pay-window-2020 .pay-window-2020-1-title {
    font-size: 0.32rem;
    color: #171717;
    margin-bottom: 0.2rem;
    font-weight: bold;
}

.pay-window-2020 .pay-window-2020-1-subtitle {
    font-size: 0.28rem;
    color: #888;
}

.pay-window-2020 .pay-window-choice-block {
    margin: 0;
    padding: 0 0.35rem;
}

.pay-window-2020 .text-line {
    text-decoration: line-through;
    margin-left: 0.1rem;
    font-size: 0.24rem;
}

.pay-window-2020 .price-label {
    font-size: 0.18rem;
    color: #fff;
    background-color: #ff7b3a;
    display: inline-block;
    border-radius: 100rem;
    padding: 0.06rem 0.13rem 0.04rem 0.13rem;
    margin-left: 0.1rem;
    vertical-align: text-top;
    background-image: linear-gradient(90deg, #ff7b3b 0, #f15436 100%);
}

.pay-window-2020 .pay-window-choice-block-inner {
    padding: 0.3rem 0;
    padding-top: 0.35rem;
    border-bottom: 1px solid #f4f4f4;
}

.pay-window-2020 .pay-window-choice-block-inner:last-of-type {
    border-bottom: 0;
}

.pay-window-2020 .pay-window-choice-block {
    border-top: 0;
}

.pay-window-2020 .pay-window-choice-text {
    font-size: 0.3rem;
}

.pay-window-2020 .pay-window-choice-block .fa-angle-right {
    font-size: 0.38rem;
}

.pay-window-2020 .pay-window-choice-left {
    padding-left: 0.1rem;
}

.cz-red-alert2 {
    position: relative;
    width: 246px;
    height: 234px;
    background: url("../image/money1.png") center center no-repeat;
    background-size: contain;
}

.cz-red-alert3 {
    position: relative;
    width: 6rem;
    height: 5.2rem;
    background: url("../image/2021/new1.png") center center no-repeat;
    background-size: contain;
}

.cz-red-close2 {
    position: absolute;
    top: -35px;
    right: -30px;
    background: url("../image/money2.png") center center no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
}

.cz-red-alert-btn2 {
    bottom: 17px;
    width: 100%;
    position: absolute;
    height: 45px;
    display: block;
}

.search-bar {
    background: #3566dc;
    position: fixed;
    width: 100%;
    z-index: 1000;
    max-width: 961px;
}

.search-bar-placeholder {
    height: 1.7rem;
}

.search-bar-placeholder-long {
    height: 2.6rem;
}

.search-bar-top {
    padding: 0.15rem 0.1rem 0.15rem 0.15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-return {
    width: 0.8rem;
    height: 0.6rem;
    background: url("../image/search104.png") right center no-repeat;
    background-size: 0.26rem;
}

.search-chart {
    width: 0.7rem;
    height: 0.5rem;
    display: block;
    background: url("../image/search105.png") center center no-repeat;
    background-size: 0.38rem;
}

.search-place {
    width: 100%;
    border-radius: 100px;
    margin-left: 0.2rem;
    padding-left: 0.6rem;
    padding-right: 1.68rem;
    position: relative;
    background: url("../image/search106.png") 0.23rem center no-repeat;
    background-size: 0.27rem;
    background-color: white;
    position: relative;
    padding-top: 0.02rem;
    padding-bottom: 0.02rem;
}

.search-number {
    font-size: 0.28rem;
    color: #8b8b8b;
    right: 0.34rem;
    top: 0.22rem;
    position: absolute;
}

.search-input {
    font-size: 0.3rem;
    padding: 0.16rem 0 0.14rem 0.1rem;
    background: white;
    border: 0;
    outline: none;
    width: 100%;
}

.search-delete {
    position: absolute;
    right: 1.6rem;
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    top: 0.3rem;
    background: url(../image/icon-empty.png) left center no-repeat;
    background-size: 0.3rem;
    right: 0.3rem;
    top: 0.17rem;
}

.search-info {
    flex-shrink: 0;
    margin-left: 0.15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-btn {
    font-size: 0.3rem;
    color: white;
    width: 0.8rem;
    text-align: center;
    position: relative;
    top: 0.03rem;
    padding-right: 0.06rem;
}

.search-tabs {
    display: flex;
}

.search-tab {
    width: 25%;
    text-align: center;
    font-size: 0.3rem;
    color: white;
    padding: 0.22rem 0;
    position: relative;
}

.search-tab:hover {
    font-weight: bold;
}

.search-tab-select {
    font-weight: bold;
}

.search-tab-select:after {
    content: " ";
    height: 2px;
    background: white;
    width: 0.9rem;
    left: 50%;
    margin-left: -0.45rem;
    position: absolute;
    bottom: 0;
}

.search-app-container {
    padding-top: 0.3rem;
}

.search-app {
    padding: 0.32rem 0.3rem 0.25rem 0.3rem;
    background-color: #f0f7ff;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.3rem;
}

.search-app-word {
    color: #3566dc;
}

.search-app-number {
    color: #737373;
    font-size: 0.24rem;
}

.search-app-btn {
    margin-top: 0.2rem;
    padding: 0.2rem 0.4rem;
    background: white;
    color: #3667dd;
    border: 1px solid #3667dd;
    display: inline-block;
    border-radius: 100rem;
    font-size: 0.26rem;
}

.heart-section-body2 {
    background: white;
    padding: 0 0.3rem;
}

.heart-section-body2 .heart-section {
    margin-bottom: 0;
    margin-top: 0;
    border-top: 1px solid #eeeeee;
}

.heart-section-body2 .heart-section:last-of-type {
    border-bottom: 1px solid #eeeeee;
}

.heart-section-body2 .heart-section-top2 {
    border-bottom: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.heart-section-body2 .c-catalog__more-search {
    border-top: 0;
}

.heart-section-body2 .heart-section-item-author {
    color: #888;
    margin-top: 0.12rem;
    max-height: 0.7rem;
    line-height: 0.35rem;
    font-size: 0.26rem;
    width: 2rem;
    overflow: hidden;
}

.heart-section-body2 .heart-section-hotsearch-less {
    height: 0.75rem;
    overflow: hidden;
}

.heart-section-body2 .heart-section-hotsearch-more {
    display: block;
    text-align: center;
    color: #999;
    font-size: 0.24rem;
    padding: 0rem 0 0.2rem 0;
    margin-top: 0.1rem;
}

.heart-section-body2 .heart-section-title {
    font-weight: normal;
    font-size: 0.32rem;
    color: black;
}

.heart-section-body2 .heart-section-hotsearch {
    padding-left: 0;
}

.heart-section-body2 .heart-section-hotsearch-item {
    font-size: 0.28rem;
    padding: 0.14rem 0.3rem 0.1rem 0.3rem;
    border-radius: 100rem;
    margin-bottom: 0.2rem;
    background: #f2f2f2;
    margin-right: 0.15rem;
    display: inline-block;
    color: #555;
    width: auto;
}

.heart-section-body2 .heart-section-body {
    padding-left: 0;
    padding-right: 0;
}

.heart-section-body2 .heart-section-top2 {
    position: relative;
}

.heart-section-body2 .heart-section-top2 .fa {
    position: absolute;
    right: 0.1rem;
    top: 0.38rem;
    color: #666 !important;
}

.cz-tips {
    padding: 0.6rem 0.25rem 0.45rem 0.25rem;
}

.cz-tips-title {
    font-size: 0.35rem;
    color: #797979;
    margin-bottom: 0.2rem;
    position: relative;
}

.cz-fp {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.26rem;
    color: #0978f9;
}

.cz-tip {
    font-size: 0.3rem;
    color: #929292;
    margin-top: 0.05rem;
    line-height: 0.5rem;
}

.cz-tip a {
    color: #3262de;
}

.cz-cheap {
    display: inline-block;
    font-size: 0.24rem;
    vertical-align: text-bottom;
    margin-left: 0.1rem;
    background: url("../image/wap18-icon6.png") center center no-repeat;
    background-size: contain;
    width: 0.68rem;
    height: 0.38rem;
    position: relative;
    top: -1px;
}

.receipt-intro {
    padding: 0.2rem;
    font-size: 0.28rem;
    line-height: 0.4rem;
}

.receipt-bar {
    padding: 0.25rem 0.3rem;
    background: #d8e3ff;
    color: #3e66bb;
    font-weight: bold;
    font-size: 0.32rem;
}

.receipt-main {
    padding: 0.1rem 0.22rem 0.3rem 0.22rem;
}

.receipt-block {
    background: white;
    margin-top: 0.2rem;
    padding: 0 0.2rem;
    box-shadow: 1px 1px 1px 1px rgba(70, 70, 70, 0.05);
}

.receipt-item {
    display: flex;
    font-size: 0.3rem;
    padding: 0.1rem 0;
    color: #666;
    justify-content: space-between;
    padding: 0.26rem 0;
    align-items: center;
    border-bottom: 1px solid #dfdfdf;
}

.receipt-item:last-of-type {
    border-bottom: 0;
}

.receipt-title {
    color: black;
    font-weight: bold;
    display: block;
}

.receipt-red {
    color: red;
}

.receipt-name {
    flex-shrink: 0;
}

.receipt-input {
    width: 100%;
    font-size: 0.26rem;
    padding: 0.05rem 0;
    border: 0;
    text-align: right;
    margin-left: 0.3rem;
}

.receipt-input[type="date"] {
    background: white !important;
    text-align: right;
    font-size: 0.3rem;
    width: auto;
}

.receipt-select {
    background: white !important;
    font-size: 0.3rem;
    border: 0;
}

.receipt-item-input .receipt-name {
    padding: 0;
}

.receipt-type-block label {
    flex-shrink: 0;
}

.receipt-success {
    padding: 0.4rem 0.2rem 0.1rem 0.2rem;
    text-align: center;
    font-size: 0.3rem;
    color: #e42b29;
    font-weight: bold;
    line-height: 0.4rem;
}

.receipt-success a {
    color: #3262de;
}

.receipt-btn {
    color: white;
    background: #3262de;
    text-align: center;
    display: block;
    margin-top: 0.35rem;
    border-radius: 0.1rem;
    font-size: 0.36rem;
    padding: 0 0.3rem;
    width: 100%;
    border: 0;
}

.receipt-contact {
    margin-top: 0.4rem;
    color: #333;
    margin-bottom: 0.2rem;
}

.receipt-contact-title {
    font-size: 0.3rem;
    font-weight: bold;
}

.receipt-contact-item {
    font-size: 0.28rem;
    margin-top: 0.18rem;
}

.receipt-blue {
    color: #5072e0;
}

.receipt-textarea {
    border: 0;
    resize: none;
    width: 100%;
    height: 3rem;
    font-size: 0.3rem;
    color: #333;
}

.zc_xy {
    color: black;
    font-size: 0.25rem;
    line-height: 0.5rem;
    padding: 0 0 0.4rem 0;
    overflow: auto;
}

.zc_xy a {
    color: #7287fa;
    text-decoration: underline;
}

.zc_xy p {
    line-height: 0.5rem;
    text-indent: 0.6rem;
}

.zc_xy h2 {
    font-size: 0.36rem;
    color: #333;
    margin-bottom: 0.4rem;
    margin-top: 0.4rem;
    text-align: center;
    font-weight: bold;
    line-height: 0.4rem;
}

.zc_xy h3 {
    font-size: 0.32rem;
    color: black;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    line-height: 0.4rem;
    font-weight: bold !important;
    border-top: 1px solid #e0e0e0;
    padding: 0.3rem 0 0 0;
}

.c-book__person-time {
    font-size: 0.28rem;
    color: #666;
    font-weight: bold;
    padding: 0.2rem 0 0 0;
    border-bottom: 0;
}

.pay-window-2018-4-item-bk {
    padding-left: 1.54rem;
    margin-bottom: 0.2rem;
}

.mypay-label {
    color: #888;
}

.pay-window-2018-4-item-bk a {
    color: #3967dd;
    font-size: 0.28rem;
}

.pay-window-2018-4-item-bk span {
    color: #999;
    font-size: 0.28rem;
}

.pay-window-2018-4-item {
    position: relative;
}

.pay-window-2018-4-item .change {
    position: absolute;
    right: 0;
    color: #3967dd;
    font-size: 0.28rem;
}

.pay-window-2018-4-item .color-normal {
    color: #888;
    font-size: 0.24rem;
    margin-left: 0.2rem;
    text-decoration: line-through;
    display: inline;
}

.pay-window-2018-4-item .color-red {
    position: relative;
    display: inline;
}

.pay-window-2018-4-item .student-label {
    position: absolute;
    bottom: 120%;
    left: 50%;
    width: 1rem;
    font-size: 0.16rem;
    color: white;
    background-color: red;
    border-radius: 0.2rem;
    text-align: center;
    line-height: 0.35rem;
    margin-left: -0.5rem;
}

.pay-window-2018-4-item .student-label:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border-radius: 0;
    margin-left: -0.03rem;
    border-top: 0.06rem solid red;
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
}

.suggestbook-container {
    display: flex;
    overflow-x: scroll;
    padding-left: 0.06rem;
}

.suggestbook-item {
    display: flex;
    padding: 0.18rem;
    margin-right: 0.2rem;
    flex-shrink: 0;
    width: 5.4rem;
    background-color: #f8f9fb;
    border-radius: 0.1rem;
}

.suggestbook-img {
    width: 1.8rem;
    height: 2.6rem;
    flex-shrink: 0;
}

.suggestbook-main {
    margin-left: 0.24rem;
    padding-top: 0.1rem;
}

.suggestbook-title {
    font-size: 0.32rem;
    line-height: 0.48rem;
    max-height: 0.93rem;
    color: #333;
    overflow: hidden;
}

.suggestbook-info {
    margin-top: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    max-height: 1.22rem;
    color: #707070;
    overflow: hidden;
}

.fix-top2 {
    width: 0.85rem;
    position: fixed;
    right: 0.35rem;
    bottom: 1.4rem;
    cursor: pointer;
}

.fix-top2 .fa {
    color: #f9f9f9;
}

.fix-top2 img {
    width: 0.85rem;
    height: auto;
    display: block;
}

.category-audio-icon {
    position: absolute !important;
    left: 0.28rem;
    top: 1.9rem;
    width: 0.5rem !important;
    border: 0 !important;
    height: auto !important;
}

.category-class-icon {
    position: absolute !important;
    left: 0.29rem;
    top: 2.04rem;
    width: 0.68rem !important;
    border: 0 !important;
    height: auto !important;
}

.cz-show {
    background-color: white;
    margin-bottom: 0.1rem;
    font-size: 0.3rem;
    padding: 0.2rem 0.3rem;
}

.cz-show-line {
    line-height: 0.6rem;
}

.cz-show-line strong {
    font-weight: normal;
    color: red;
}

.cz-show-line span {
    margin-right: 0.4rem;
}

.helpcenter-btn-container {
    padding: 0 0.2rem 0.6rem 0.2rem;
}

.helpcenter-btn {
    text-align: center;
    color: white;
    border-radius: 0.1rem;
    line-height: 1rem;
    display: block;
    background-color: #3262de;
    font-size: 0.32rem;
}

.c-nav-hastabs {
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: white;
    color: #333;
    border-bottom: 0;
    border-bottom: 1px solid #e0e0e0;
}

.c-nav-tabs-icon {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0.2rem;
    width: 0.6rem;
    height: 0.96rem;
    background: url(../image/icon-return-black.png) left center no-repeat;
    background-size: 0.24rem;
}

.c-nav-tabs {
    padding: 0 1rem;
    display: block;
    font-size: 0.34rem;
    line-height: 0.96rem;
    width: 100%;
    display: flex;
    align-items: center;
}

.c-nav-tab {
    width: 33.3%;
    text-align: center;
    position: relative;
    color: #888;
}

.c-nav-tab:after {
    width: 1px;
    height: 0.35rem;
    background-color: #e0e0e0;
    position: absolute;
    right: 0;
    top: 0.3rem;
    content: "";
}

.c-nav-tab:last-of-type:after {
    display: none;
}

.c-nav-tab-select {
    color: #333;
}

.heart-section-4 .heart-class-item {
    padding: 0;
    margin-bottom: 0.4rem;
}

.heart-section-4 .heart-class-img {
    width: 2rem;
    height: 2.56rem;
    border: 1px solid white;
    box-shadow: 1px 1px 2px 1px rgba(150, 150, 150, 0.2);
    border-radius: 0;
    margin-right: 0.3rem;
}

.heart-section-4 .category-audio-icon {
    top: 2rem;
    left: 0.1rem;
}

.ck-fl-qk {
    width: 100%;
}

.ck-fl-qk .ck-fl-item {
    width: 50%;
    flex-direction: column;
    align-items: center;
}

.ck-fl-qk .ck-fl-content {
    margin-left: 0;
}

.ck-fl-qk .ck-fl-img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.ck-fl-qk .ck-fl-img1 {
    position: static;
    width: 2rem;
    height: 2.6rem;
}

.ck-fl-qk .ck-fl-name {
    font-weight: normal;
}

.pay-window-2020-nk {
    margin-bottom: 0.2rem;
    background-image: linear-gradient(45deg, #ff7700, #ffc404);
}

.ad20-block {
    padding: 0.1rem;
    background-color: white;
    margin-bottom: 0.1rem;
}

.ad20-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #fbd8aa;
    background: #fff3e5;
    padding: 0 0.1rem;
    height: 0.8rem;
    font-weight: bold;
}

.ad20-content1 {
    display: block;
}

.ad20-content1 img {
    display: block;
    width: 100%;
}

.ad20-text {
    font-size: 0.28rem;
    background: url("../image/2020/card.png") left center no-repeat;
    background-size: 0.35rem;
    padding-left: 0.45rem;
    color: #c59159;
}

.ad20-btn {
    font-size: 0.28rem;
    padding: 0.1rem 0.3rem;
    border-radius: 100rem;
    background-color: #f1d9ab;
    color: #da7a20;
    flex-shrink: 0;
}

.pay-window-2021 .pay-2020-title-block {
    display: flex;
    align-items: center;
    text-align: left;
}

.pay-window-2021 .pay-2020-info {
    text-align: left;
    font-size: 0.26rem;
    color: #999;
    padding-left: 0.87rem;
}

.pay-window-2021 .pay-window-title-icon {
    display: block;
}

.pay-window-2021 .pay-btn-double .pay-window-2018-btn {
    width: 48%;
    line-height: 0.4rem;
    padding: 0.1rem 0;
    font-size: 0.28rem;
}

.pay-window-2021 .pay-btn-double .pay-window-2018-btn span {
    font-size: 0.22rem;
    font-weight: normal;
}

.pay-window-2021 .pay-window-2018-1 {
    padding-bottom: 0.2rem;
}

.pay-window-2021 .pay-window-2018-4 {
    padding-bottom: 0.1rem;
}

.pay-window-choice-right {
    font-size: 0.26rem;
}

.pay-window-2021 .pay-window-choice-block {
    padding: 0 0.3rem;
}

.pay-window-2021 .pay-window-2018-btn {
    line-height: 0.8rem;
    font-size: 0.32rem;
}

.bk-alert-body {
    font-size: 0.26rem;
    line-height: 0.5rem;
    letter-spacing: 0.01rem;
}

.pc-btns-block {
    padding: 0.2rem 0.3rem;
    background-color: white;
    margin-top: -0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pc-btns-block2 {
    padding: 0.2rem 0rem;
    background-color: white;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.pc-btn-block {
    width: 48%;
    position: relative;
}

.pc-ewm {
    width: 2.4rem;
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
    background-color: white;
    position: absolute;
    bottom: 110%;
    left: 50%;
    margin-left: -1.4rem;
    box-shadow: 0 0 0.08rem 0.08rem rgba(0, 0, 0, 0.2);
    display: none;
}

.pc-ewm-img-block-arrow {
    display: none;
}

.pc-btn-block:hover .pc-ewm,
.pc-btn-block:hover .pc-ewm-img-block-arrow {
    display: block;
}

.c-card-buy-btn-pc-item:hover .pc-ewm,
.c-card-buy-btn-pc-item:hover .pc-ewm-img-block-arrow {
    display: block;
}

.pc-ewm-img-block-arrow {
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-top: 0.2rem solid white;
    border-left: 0.2rem solid transparent;
    border-right: 0.2rem solid transparent;
    margin-left: -0.2rem;
}

.pc-ewm-text {
    margin-top: 0.1rem;
    font-size: 0.22rem;
    text-align: center;
    color: #666;
    line-height: 0.3rem;
}

.pc-ewm-img {
    width: 100%;
    display: block;
}

.pc-btn {
    color: #0078ed;
    background-color: white;
    width: 100%;
    font-size: 0.32rem;
    border: 0;
    text-align: center;
    border-radius: 0.1rem;
    display: block;
    line-height: 0.3rem;
    border: 1px solid #3162de;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1rem;
}

.pc-btn-primary {
    color: white;
    background-color: #3162de;
    border: 1px solid #3162de;
}

.pc-btn-primary img {
    height: 0.35rem;
    vertical-align: sub;
}

.pc-caj-btn {
    color: #3162de;
    position: absolute;
    top: 120%;
    text-align: center;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 0.28rem;
}

.c-card-buy-btn-pc {
    position: absolute;
    bottom: 0;
    width: 110%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-card-buy-btn-pc-item {
    width: 49%;
    position: relative;
}

.c-card-buy-btn1 {
    font-size: 0.3rem;
    color: #fff;
    background-color: #dab05c;
    border-radius: 100rem;
    padding: 0.2rem;
    text-align: center;
    display: block;
    background-image: repeating-linear-gradient(90deg, #e2b761 0, #bd9952 100%);
}

.c-card-buy-btn2 {
    font-size: 0.3rem;
    color: #e2b761;
    background-color: white;
    border-radius: 100rem;
    padding: 0.2rem;
    text-align: center;
    display: block;
    border: 1px solid #e2b761;
}

.hero-btns-pc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-btns-pc-block {
    width: 46%;
    position: relative;
}

.hero-btns-pc-block .hero-btn {
    width: 2.4rem;
}

.hero-btns-pc-block:hover .pc-ewm,
.hero-btns-pc-block:hover .pc-ewm-img-block-arrow {
    display: block;
    z-index: 99999;
}

.hero-th {
    width: 0.7rem;
    display: block;
    height: 0.37rem;
    margin-right: 0.1rem;
}


/*新人专享样式*/

.wechat-cheap-label {
    padding: 0rem 0.1rem;
    font-size: 0.2rem;
    display: inline-block;
    background-color: #ffdfe0;
    color: #e3878b;
    line-height: 0.32rem;
    position: relative;
    top: -0.04rem;
}

.cz-alert3-title {
    text-align: center;
    padding-top: 0.8rem;
    font-size: 0.3rem;
    color: #f60100;
    font-weight: bold;
    line-height: 0.8rem;
}

.cz-alert3-title span {
    font-size: 1rem;
}

.cz-alert3-text {
    text-align: center;
    font-size: 0.26rem;
    font-weight: bold;
    line-height: 0.35rem;
    color: #f60100;
}

.cz-alert3-time {
    text-align: center;
    margin-top: 0.2rem;
    font-size: 0.26rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #b45f29;
}

.cz-alert3-time-number {
    display: inline-block;
    color: white;
    border-radius: 0.05rem;
    padding: 0.05rem 0.06rem;
    font-weight: normal;
    background-color: #f25a40;
}

.cz-alert3-pay {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.7rem;
    line-height: 0.3rem;
    color: white;
}

.cz-alert3-pay-item {
    display: flex;
    align-items: center;
    font-size: 0.26rem;
    justify-content: center;
}

.cz-alert3-pay-item input {
    margin-right: 0.1rem;
}

.cz-alert3-pay-item-select {
    color: RGB(254, 243, 163);
}

.cz-alert3-btn {
    text-align: center;
    color: RGB(235, 49, 8);
    line-height: 0.6rem;
    margin-top: 0.1rem;
    margin-top: 0.25rem;
    margin-bottom: 0.05rem;
    font-size: 0.3rem;
    font-weight: bold;
}

.cz-alert3-subtext {
    font-size: 0.2rem;
    color: white;
    line-height: 0.22rem;
    text-align: center;
}

.item-right-text {
    position: absolute;
    right: 0.35rem;
    color: #888;
    top: 0.32rem;
    font-size: 0.26rem;
}

.search-none {
    background-color: white;
    margin-bottom: 0.15rem;
    padding: 0.3rem 0.15rem 0.35rem 0.35rem;
}

.search-none-title {
    color: #333;
    text-align: center;
    font-size: 0.3rem;
    margin-bottom: 0.3rem;
}

.search-none-ubtitle {
    font-size: 0.28rem;
    color: #333;
    margin-bottom: 0.3rem;
}

.search-none-ubtitle span {
    color: #999;
    font-size: 0.26rem;
}

.search-none-btn {
    border-radius: 1000px;
    border: 1px solid #3c60d7;
    text-align: center;
    font-size: 0.28rem;
    color: #3c60d7;
    line-height: 0.68rem;
    display: block;
}

.search-none-items {
    display: flex;
    flex-wrap: wrap;
}

.search-none-item {
    border-radius: 1000px;
    text-align: center;
    font-size: 0.28rem;
    color: white;
    line-height: 0.58rem;
    padding: 0 0.25rem;
    margin-right: 0.28rem;
    margin-bottom: 0.3rem;
    background: url("../image/2021/icon-min.png") right 0.1rem center no-repeat;
    background-size: 0.2rem;
    padding-right: 0.4rem;
    background-color: #61a0f4;
}

.search-none-item-add {
    color: #468cea;
    background: url("../image/2021/icon-add.png") right 0.1rem center no-repeat;
    background-size: 0.2rem;
    padding-right: 0.4rem;
    background-color: #eff6ff;
}

.search-none-info {
    font-size: 0.25rem;
    color: #666;
    text-align: center;
    padding: 0.32rem 0 0.2rem 0;
    background-color: white;
}

.pay-window-fp {
    width: 5.1rem;
    padding-top: 0.35rem;
    padding-bottom: 0;
}

.pay-window-fp .pay-window-choice-block-inner:last-of-type {
    border-bottom: 0;
}

.pay-window-fp .pay-window-choice-left-bk2 {
    padding-left: 0;
    background: none;
    width: 100%;
}

.pay-window-fp .pay-window-choice-text {
    font-size: 0.3rem;
    text-align: center;
}

.pay-window-fp .pay-window-choice-price {
    font-size: 0.26rem;
    text-align: center;
}

.pay-window-fp .pay-window-title-5-1 {
    font-size: 0.34rem;
}

.pay-history {
    padding: 0 0.3rem;
}

.pay-history-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 0.2rem 0;
}

.pay-history-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pay-history-top-left {
    display: flex;
    align-items: center;
}

.pay-history-img {
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.1rem;
}

.pay-history-title {
    font-size: 0.34rem;
}

.pay-history-price {
    font-size: 0.34rem;
    color: #e88937;
}

.pay-history-lists {
    margin-top: 0.05rem;
    padding-left: 0.7rem;
}

.pay-history-list {
    font-size: 0.24rem;
    color: #979797;
    line-height: 0.4rem;
}

.c-card__paper-content {
    display: flex;
    align-items: center;
}

.c-card__paper-word {
    display: flex;
    align-items: center;
}

.c-card__paper-translate {
    font-size: 0.24rem;
    padding: 0rem 0.04rem;
    border: 1px solid #fb7816;
    color: #fb7816;
    border-radius: 0.05rem;
    margin: 0 0.04rem;
    line-height: 0.3rem;
}

.sy-alert-shadow {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(30, 30, 30, 0.81);
    z-index: 1000;
}

.sy-alert-body {
    background-color: white;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.35rem 0.4rem;
    position: fixed;
    box-sizing: border-box;
    z-index: 1001;
}

.sy-alert-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.3rem;
}

.sy-alert-title {
    font-size: 0.3rem;
    font-weight: bold;
}

.sy-alert-close {
    font-size: 0.3rem;
    color: #666;
    display: block;
}

.sy-alert-middle-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}

.sy-alert-main {
    font-size: 0.28rem;
    font-weight: bold;
}

.sy-alert-more {
    font-size: 0.24rem;
    color: #2c89f7;
    font-weight: bold;
}

.sy-alert-item-title {
    font-size: 0.26rem;
    color: #686868;
    line-height: 0.45rem;
}

.sy-alert-item-text {
    color: #a5a5a5;
    font-size: 0.26rem;
    line-height: 0.45rem;
}

.sy-alert-item {
    padding: 0.2rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.sy-alert-item:last-of-type {
    border-bottom: 0;
}

.sy-alert-footer {
    margin-top: 0.3rem;
    padding-top: 0.3rem;
    border-top: 1px solid #2d8afc;
}

.sy-alert-footer-top {
    display: flex;
    justify-content: space-between;
}

.sy-alert-books {
    margin-top: 0.25rem;
    display: flex;
}

.sy-alert-book {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.33%;
}

.sy-alert-book-text {
    margin-top: 0.22rem;
    font-size: 0.26rem;
    height: 0.6rem;
    overflow: hidden;
    color: #686868;
    width: 1.4rem;
    line-height: 0.3rem;
}

.sy-alert-book-img {
    height: 2rem;
    width: 1.4rem;
}

.zwj-suggest {
    padding: 0.35rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zwj-suggest-decorate img {
    width: 1.05rem;
    height: auto;
}

.zwj-suggest-title {
    font-size: 0.32rem;
    margin: 0 0.15rem;
    color: #f96829;
    font-weight: bold;
}

.zwj-suggest {
    background: url("../image/2021/zwj2.png") top center no-repeat;
    background-size: 100% 100%;
}

.zwj-suggest2 {
    background: url("../image/2021/zwj1.png") top center no-repeat;
    background-size: 100% 100%;
}

.zwj-suggest2 .zwj-suggest-title {
    color: #01a140;
}

.zwj-suggest3 {
    background: url("../image/2021/zwj3.png") top center no-repeat;
    background-size: 100% 100%;
}

.zwj-suggest3 .zwj-suggest-title {
    color: #2a8bf7;
}

.zwj-tabs {
    padding: 0 0.3rem 0.15rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zwj-tabs .select {
    background-color: #fff5eb;
    border-color: #fe7f00;
    color: #fe7f00;
}

.zwj-tab {
    width: 1.2rem;
    height: 0.45rem;
    line-height: 0.45rem;
    border-radius: 100rem;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #b4b4b4;
}

.zwj-scrolls {
    padding: 0.3rem 0 0.2rem 0.3rem;
    overflow-x: scroll;
    display: flex;
    align-items: center;
}

.zwj-scroll {
    font-size: 0.3rem;
    padding-bottom: 0.1rem;
    border-bottom: 2px solid white;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.zwj-scrolls .select {
    border-bottom: 2px solid #fe7f00;
    color: #fe7f00;
}

.continue-shadow {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.continue-footer {
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    border-radius: 0.1rem 0.1rem 0 0;
    z-index: 1000;
    background-color: white;
    padding: 0.3rem 0.4rem 0.4rem 0.4rem;
}

.continue-title {
    font-size: 0.32rem;
    margin-bottom: 0.5rem;
}

.continue-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.6rem;
}

.continue-item:last-of-type {
    margin-bottom: 0;
}

.continue-img {
    width: 0.85rem;
    height: 0.85rem;
}

.continue-body {
    display: flex;
    align-items: center;
}

.continue-content {
    margin-left: 0.24rem;
}

.continue-content-title {
    font-size: 0.3rem;
    font-weight: bold;
}

.continue-content-subtitle {
    margin-top: 0.1rem;
    font-size: 0.25rem;
    color: #666;
}

.continue-content-bigtitle {
    font-size: 0.3rem;
    font-weight: bold;
}

.continue-btn {
    width: 1.44rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    border-radius: 0.1rem;
    color: white;
    background-color: #2e80f8;
    text-align: center;
}

.continue-btn2 {
    width: 1.44rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    border-radius: 0.1rem;
    color: white;
    background-color: #e5e5e5;
    text-align: center;
    color: #333;
}

.Appopen {
    background-color: #2e80f8;
    color: white;
    width: 1.8rem;
    font-size: 0.26rem;
    line-height: 0.7rem;
    border-radius: 100rem;
    position: fixed;
    bottom: 0.6rem;
    text-align: center;
    z-index: 1000;
    left: 50%;
    margin-left: -0.9rem;
}

.pay-window-2021-top {
    display: flex;
    font-size: 0.28rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
}

.pay-window-2021 {
    padding-top: 0.3rem;
}

.pay-window-2021-top-text {
    font-weight: bold;
}

.pay-window-2021-top-rz {
    color: #008aff;
}

.pay-window-2018-4-my2 {
    text-align: center !important;
    font-size: 0.24rem;
    margin-top: 0.1rem;
    height: 0.35rem;
    line-height: 0.35rem;
}

.c-footer__jb {
    font-size: 0.24rem;
    text-align: center;
    color: white;
    margin-top: 0.24rem;
    line-height: 0.32rem;
}

.pay-window-month {
    text-align: center;
    margin-top: 0.1rem;
    font-size: 0.26rem;
    color: #0078ed;
    display: block;
}

.pay-window-mylabel {
    display: inline-block;
    font-size: 0.22rem;
    color: white;
    padding: 0.03rem 0.05rem;
    border-radius: 0.05rem;
}

.pay-window-mylabel1 {
    background-color: #3ba0fe;
}

.pay-window-mylabel2 {
    background-color: #ff7655;
}

.pay-window-mylabel3 {
    background-color: #c1a468;
}

.kthy-block {
    margin-bottom: 0.2rem;
    display: block;
    padding: 0 0.02rem;
}

.kthy-block img {
    display: block;
    width: 100%;
}

.kthy-block2 {
    padding: 0.2rem 0.2rem;
    display: block;
}

.kthy-block2-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url("../image/2022/member/bar5.png") center center no-repeat;
    background-size: 100% 100%;
    height: 0.7rem;
}

.kthy-block2-left {
    display: flex;
    align-items: center;
    position: relative;
    top: 0.05rem;
    padding-left: 0.1rem;
}

.kthy-block2-left img {
    width: 0.35rem;
    height: auto;
    display: block;
}

.kthy-block2-text {
    font-size: 0.26rem;
    margin-left: 0.1rem;
    font-weight: bold;
    color: #6c3a27;
}

.kthy-block2-btn {
    padding-right: 0.1rem;
}

.kthy-block2-btn img {
    display: block;
    height: 0.5rem;
}

.pay-hy {
    width: 6.9rem;
    background: white;
    box-sizing: border-box;
    border-radius: 0.2rem;
    position: relative;
    background: url("../image/2022/member/k01.png") top center no-repeat;
    background-size: 100% 100%;
    padding: 0.75rem 0.35rem 0.4rem 0.35rem;
}

.pay-hy-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pay-close img {
    width: 0.24rem;
    height: 0.24rem;
}

.pay-rz {
    color: #b78164;
    text-decoration: underline;
}

.pay-hy-title {
    margin-top: 0.7rem;
    text-align: center;
    font-size: 0.4rem;
    font-weight: bold;
}

.pay-hy-subtitle {
    text-align: center;
    font-size: 0.3rem;
    color: #686868;
    margin-top: 0.2rem;
}

.pay-hy-subtitle span {
    color: red;
}

.pay-hy-items {
    margin-top: 0.65rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.pay-hy-item {
    width: 47%;
    height: 1.1rem;
    background: url("../image/2022/member/k06.png") center center no-repeat;
    background-size: cover;
}

.pay-hy-btn {
    font-weight: bold;
    line-height: 0.84rem;
    text-align: center;
    margin: 0 auto;
    background-image: linear-gradient(270deg, #ffd276 0%, #ffde9b 100%);
    border-radius: 100rem;
    display: block;
    color: #732f06;
    font-size: 0.32rem;
}

.pay-hy-text {
    text-align: center;
    font-size: 0.25rem;
    color: #333;
    margin-top: 0.3rem;
}

.pay-hy-item {
    display: flex;
    margin-bottom: 0.35rem;
    padding-left: 0.1rem;
    align-items: center;
}

.pay-hy-item-img {
    width: 0.32rem;
}

.pay-hy-item-right {
    margin-left: 0.1rem;
}

.pay-hy-item-title {
    color: #652806;
    font-size: 0.28rem;
    margin-bottom: 0.1rem;
}

.pay-hy-item-subtitle {
    font-size: 0.2rem;
    color: #b78164;
}

.pay-wl {
    padding: 0.5rem;
    background-color: white;
    width: 6.1rem;
    border-radius: 0.3rem;
    position: relative;
}

.pay-wl .pay-hy-top {
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
}

.pay-wl-title {
    font-size: 0.4rem;
    text-align: center;
}

.pay-wl-subtitle {
    margin-top: 0.2rem;
    font-size: 0.24rem;
    color: #a4a4a4;
    text-align: center;
}

.pay-wl-btns {
    margin-top: 0.5rem;
    padding: 0 0.55rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pay-wl-btn1 {
    font-weight: bold;
    line-height: 0.66rem;
    text-align: center;
    border-radius: 100rem;
    display: block;
    color: #686868;
    width: 2.2rem;
    font-size: 0.28rem;
    border: 1px solid #bababa;
}

.pay-wl-btn2 {
    font-weight: bold;
    line-height: 0.66rem;
    text-align: center;
    background-image: linear-gradient(270deg, #ffd276 0%, #ffde9b 100%);
    border-radius: 100rem;
    display: block;
    color: #732f06;
    width: 2.2rem;
    font-size: 0.28rem;
}

.pay-cheap-block {
    margin-top: 0.4rem;
}

.pay-cheap-block input {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.2rem;
    font-size: 0.3rem;
    box-sizing: border-box;
    width: 100%;
}

.pay-cheap-text {
    margin-top: 0.2rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
}

.pay-cheap-btns {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pay-cheap-btn {
    font-weight: bold;
    line-height: 0.66rem;
    text-align: center;
    background-image: linear-gradient(0deg, #fb4f4f 0%, #ff7979 100%);
    color: white;
    text-align: center;
    border-radius: 100rem;
    display: block;
    color: WHITE;
    font-size: 0.28rem;
    width: 2.2rem;
}

.c-body-hy {
    padding: 0.3rem 0.1rem 0rem 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-body-hy-0 {
    width: 6.9rem;
    position: relative;
    height: 3rem;
    background: url("../image/2022/member/hybanner0.png") center center no-repeat;
    background-size: contain;
}

.c-body-hy-1 {
    width: 6.9rem;
    position: relative;
    height: 3rem;
    background: url("../image/2022/member/hybanner1.png") center center no-repeat;
    background-size: contain;
}

.c-body-hy-2 {
    width: 6.9rem;
    position: relative;
    height: 3rem;
    background: url("../image/2022/member/hybanner2.png") center center no-repeat;
    background-size: contain;
}

.c-body-hy-3 {
    width: 6.9rem;
    position: relative;
    height: 3rem;
    background: url("../image/2022/member/hybanner3.png") center center no-repeat;
    background-size: contain;
}

.c-body-hy-4 {
    width: 6.9rem;
    position: relative;
    height: 3rem;
    background: url("../image/2022/member/hybanner4.png") center center no-repeat;
    background-size: contain;
}

.c-body-hy-0-btn {
    background-color: #fff6db;
    color: #2b2945;
    font-size: 1f1c37;
    width: 1.2rem;
    line-height: 0.4rem;
    border-radius: 1000rem;
    position: absolute;
    right: 0.2rem;
    top: 0.35rem;
    text-align: center;
}

.c-body-hy-0-items {
    padding: 0 0.4rem;
    padding-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffd593;
}

.c-body-hy-0-item {
    text-align: center;
}

.c-body-hy-0-item-number {
    font-size: 0.26rem;
}

.c-body-hy-0-item-text {
    margin-top: 0.13rem;
    font-size: 0.23rem;
}

.c-body-hy-time {
    color: #dc5534;
    font-size: 0.2rem;
    padding-top: 0.94rem;
    padding-left: 0.43rem;
}

.c-body-hy-2 .c-body-hy-time {
    color: #93400d;
}

.c-body-hy-3 .c-body-hy-time {
    color: #fff5d9;
}

.center-info-text2 {
    padding-top: 0.2rem;
    padding: 0 0.1rem;
    padding-top: 0.1rem;
    background-color: white;
    line-height: 0.4rem;
}

.center-info-block2 {
    padding: 0.2rem 0.1rem 0.2rem 0.2rem;
    background-color: #fffee5;
    font-size: 0.2rem;
}

.center-info-block2 span {
    color: red;
}

.c-body-hy-buy {
    font-size: 0.26rem;
    padding: 0.1rem 0.2rem 0.07rem 0.2rem;
    border-radius: 100rem;
    border: 1px solid #eb603e;
    display: inline-block;
    color: #eb603e;
    margin: 0.9rem 0 0 0.3rem;
}

.paiban-ad {
    background-color: white;
    margin: 0.2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0.4rem;
}

.paiban-ad-left {
    display: flex;
    align-items: center;
}

.paiban-ad-img {
    width: 0.6rem;
    margin-right: 0.2rem;
}

.paiban-ad-title {
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
    color: #000;
}

.paiban-ad-subtitle {
    font-size: 0.24rem;
    color: #777;
}

.paiban-ad-btn {
    font-size: 0.24rem;
    color: #0078ed;
    padding: 0.08rem 0.12rem;
    border-radius: 0.1rem;
    border: 1px solid #0078ed;
}


/*# sourceMappingURL=maps/base.css.map */


/*  */

.vertical-spacing {
    margin-bottom: 0.2rem;
}

.zc_xy h4 {
    font-size: 0.28rem;
    color: black;
    font-weight: bold !important;
}

.no-text-indent {
    text-indent: unset !important;
}

.no-text-indent p {
    text-indent: unset !important;
}

.zc_xy ul {
    list-style: inside;
}

.zc_xy ul li {
    list-style: inside;
    text-indent: 0.32rem;
}

.text-indent-4 {
    text-indent: 1.2rem !important;
}

.zc_xy .col-5 th {
    width: 20%;
}

.zc_xy .col-7 th {
    width: 14.28%;
}

.zc_xy a {
    text-decoration: none;
    font-weight: 700;
}

.zc_xy .title {
    font-size: 0.32rem;
}