html {
    font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size:16px;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    box-sizing:border-box
}
body {
    width:100%;
    margin:0
}
.frame_body {
    max-width:1200px;
    margin:auto auto 30px;
    min-height:700px
}
.frame_body_inner {
    margin:0 10px
}
html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display:block
}
audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden],template {
    display:none
}
a {
    background-color:transparent
}
a:active,a:hover {
    outline:0
}
abbr[title] {
    border-bottom:1px dotted
}
b,strong {
    font-weight:700
}
dfn {
    font-style:italic
}
h1 {
    font-size:2em;
    margin:.67em 0
}
mark {
    background:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
img {
    border:0
}
svg:not(:root) {
    overflow:hidden
}
figure {
    margin:1em 40px
}
hr {
    box-sizing:content-box;
    height:0
}
pre {
    overflow:auto
}
code,kbd,pre,samp {
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea {
    color:inherit;
    font:inherit;
    margin:0
}
button {
    overflow:visible
}
button,select {
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled] {
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}
input {
    line-height:normal
}
input[type=checkbox],input[type=radio] {
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height:auto
}
input[type=search] {
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    border:0;
    padding:0
}
textarea {
    overflow:auto
}
optgroup {
    font-weight:700
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td,th {
    padding:0
}
.hidden,[hidden] {
    display:none
}
.pure-img {
    max-width:100%;
    height:auto;
    display:block
}
.pure-g {
    letter-spacing:-.31em;
    text-rendering:optimizespeed;
    font-family:FreeSans,Arimo,Droid Sans,Helvetica,Arial,sans-serif;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row wrap;
    align-content:flex-start
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    table .pure-g {
        display:block
    }
}.opera-only:-o-prefocus,.pure-g {
     word-spacing:-.43em
 }
.pure-u {
    display:inline-block;
    zoom:1;
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
    text-rendering:auto
}
.pure-g [class*=pure-u] {
    font-family:sans-serif
}
.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-1-12,.pure-u-1-24,.pure-u-2-3,.pure-u-2-5,.pure-u-2-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-3-24,.pure-u-4-5,.pure-u-4-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-5-12,.pure-u-5-24,.pure-u-6-24,.pure-u-7-8,.pure-u-7-12,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24 {
    display:inline-block;
    zoom:1;
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
    text-rendering:auto
}
.pure-u-1-24 {
    width:4.1667%
}
.pure-u-1-12,.pure-u-2-24 {
    width:8.3333%
}
.pure-u-1-8,.pure-u-3-24 {
    width:12.5%
}
.pure-u-1-6,.pure-u-4-24 {
    width:16.6667%
}
.pure-u-1-5 {
    width:20%
}
.pure-u-5-24 {
    width:20.8333%
}
.pure-u-1-4,.pure-u-6-24 {
    width:25%
}
.pure-u-7-24 {
    width:29.1667%
}
.pure-u-1-3,.pure-u-8-24 {
    width:33.3333%
}
.pure-u-3-8,.pure-u-9-24 {
    width:37.5%
}
.pure-u-2-5 {
    width:40%
}
.pure-u-5-12,.pure-u-10-24 {
    width:41.6667%
}
.pure-u-11-24 {
    width:45.8333%
}
.pure-u-1-2,.pure-u-12-24 {
    width:50%
}
.pure-u-13-24 {
    width:54.1667%
}
.pure-u-7-12,.pure-u-14-24 {
    width:58.3333%
}
.pure-u-3-5 {
    width:60%
}
.pure-u-5-8,.pure-u-15-24 {
    width:62.5%
}
.pure-u-2-3,.pure-u-16-24 {
    width:66.6667%
}
.pure-u-17-24 {
    width:70.8333%
}
.pure-u-3-4,.pure-u-18-24 {
    width:75%
}
.pure-u-19-24 {
    width:79.1667%
}
.pure-u-4-5 {
    width:80%
}
.pure-u-5-6,.pure-u-20-24 {
    width:83.3333%
}
.pure-u-7-8,.pure-u-21-24 {
    width:87.5%
}
.pure-u-11-12,.pure-u-22-24 {
    width:91.6667%
}
.pure-u-23-24 {
    width:95.8333%
}
.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24 {
    width:100%
}
.pure-button {
    display:inline-block;
    zoom:1;
    line-height:normal;
    white-space:nowrap;
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
    -webkit-user-drag:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    box-sizing:border-box
}
.pure-button::-moz-focus-inner {
    padding:0;
    border:0
}
.pure-button-group {
    letter-spacing:-.31em;
    text-rendering:optimizespeed
}
.opera-only:-o-prefocus,.pure-button-group {
    word-spacing:-.43em
}
.pure-button-group .pure-button {
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
    text-rendering:auto
}
.pure-button {
    font-family:inherit;
    font-size:100%;
    padding:.5em 1em;
    color:#444;
    color:rgba(0,0,0,.8);
    border:transparent;
    background-color:#e6e6e6;
    text-decoration:none;
    border-radius:2px
}
.pure-button-hover,.pure-button:focus,.pure-button:hover {
    background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
    background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
}
.pure-button:focus {
    outline:0
}
.pure-button-active,.pure-button:active {
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),inset 0 0 6px rgba(0,0,0,.2);
    border-color:#000
}
.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled] {
    border:none;
    background-image:none;
    opacity:.4;
    cursor:not-allowed;
    box-shadow:none;
    pointer-events:none
}
.pure-button-hidden {
    display:none
}
.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected {
    background-color:#0078e7;
    color:#fff
}
.pure-button-group .pure-button {
    margin:0;
    border-radius:0;
    border-right:1px solid #111;
    border-right:1px solid rgba(0,0,0,.2)
}
.pure-button-group .pure-button:first-child {
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}
.pure-button-group .pure-button:last-child {
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-right:none
}
.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form select,.pure-form textarea {
    padding:.5em .6em;
    display:inline-block;
    border:1px solid #ccc;
    box-shadow:inset 0 1px 3px #ddd;
    border-radius:4px;
    vertical-align:middle;
    box-sizing:border-box
}
.pure-form input:not([type]) {
    padding:.5em .6em;
    display:inline-block;
    border:1px solid #ccc;
    box-shadow:inset 0 1px 3px #ddd;
    border-radius:4px;
    box-sizing:border-box
}
.pure-form input[type=color] {
    padding:.2em .5em
}
.pure-form input:not([type]):focus,.pure-form input[type=color]:focus,.pure-form input[type=date]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=email]:focus,.pure-form input[type=month]:focus,.pure-form input[type=number]:focus,.pure-form input[type=password]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=text]:focus,.pure-form input[type=time]:focus,.pure-form input[type=url]:focus,.pure-form input[type=week]:focus,.pure-form select:focus,.pure-form textarea:focus {
    outline:0;
    border-color:#129fea
}
.pure-form input[type=checkbox]:focus,.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus {
    outline:thin solid #129fea;
    outline:1px auto #129fea
}
.pure-form .pure-checkbox,.pure-form .pure-radio {
    margin:.5em 0;
    display:block
}
.pure-form input:not([type])[disabled],.pure-form input[type=color][disabled],.pure-form input[type=date][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=email][disabled],.pure-form input[type=month][disabled],.pure-form input[type=number][disabled],.pure-form input[type=password][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=text][disabled],.pure-form input[type=time][disabled],.pure-form input[type=url][disabled],.pure-form input[type=week][disabled],.pure-form select[disabled],.pure-form textarea[disabled] {
    cursor:not-allowed;
    background-color:#eaeded;
    color:#cad2d3
}
.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly] {
    background-color:#eee;
    color:#777;
    border-color:#ccc
}
.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid {
    color:#b94a48;
    border-color:#e9322d
}
.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus {
    outline-color:#e9322d
}
.pure-form select {
    height:2.25em;
    border:1px solid #ccc;
    background-color:#fff
}
.pure-form select[multiple] {
    height:auto
}
.pure-form label {
    margin:.5em 0 .2em
}
.pure-form fieldset {
    margin:0;
    padding:.35em 0 .75em;
    border:0
}
.pure-form legend {
    display:block;
    width:100%;
    padding:.3em 0;
    margin-bottom:.3em;
    color:#333;
    border-bottom:1px solid #e5e5e5
}
.pure-form-stacked input:not([type]),.pure-form-stacked input[type=color],.pure-form-stacked input[type=date],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=email],.pure-form-stacked input[type=file],.pure-form-stacked input[type=month],.pure-form-stacked input[type=number],.pure-form-stacked input[type=password],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=text],.pure-form-stacked input[type=time],.pure-form-stacked input[type=url],.pure-form-stacked input[type=week],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea {
    display:block;
    margin:.25em 0
}
.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline {
    display:inline-block;
    vertical-align:middle
}
.pure-form-aligned textarea {
    vertical-align:top
}
.pure-form-aligned .pure-control-group {
    margin-bottom:.5em
}
.pure-form-aligned .pure-control-group label {
    text-align:right;
    display:inline-block;
    vertical-align:middle;
    width:10em;
    margin:0 1em 0 0
}
.pure-form-aligned .pure-controls {
    margin:1.5em 0 0 11em
}
.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded {
    border-radius:2em;
    padding:.5em 1em
}
.pure-form .pure-group fieldset {
    margin-bottom:10px
}
.pure-form .pure-group input,.pure-form .pure-group textarea {
    display:block;
    padding:10px;
    margin:0 0 -1px;
    border-radius:0;
    position:relative;
    top:-1px
}
.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus {
    z-index:3
}
.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child {
    top:1px;
    border-radius:4px 4px 0 0;
    margin:0
}
.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child {
    top:1px;
    border-radius:4px;
    margin:0
}
.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child {
    top:-2px;
    border-radius:0 0 4px 4px;
    margin:0
}
.pure-form .pure-group button {
    margin:.35em 0
}
.pure-form .pure-input-1 {
    width:100%
}
.pure-form .pure-input-3-4 {
    width:75%
}
.pure-form .pure-input-2-3 {
    width:66%
}
.pure-form .pure-input-1-2 {
    width:50%
}
.pure-form .pure-input-1-3 {
    width:33%
}
.pure-form .pure-input-1-4 {
    width:25%
}
.pure-form-message-inline,.pure-form .pure-help-inline {
    display:inline-block;
    padding-left:.3em;
    color:#666;
    vertical-align:middle;
    font-size:.875em
}
.pure-form-message {
    display:block;
    color:#666;
    font-size:.875em
}
@media only screen and (max-width:480px) {
    .pure-form button[type=submit] {
        margin:.7em 0 0
    }
    .pure-form input:not([type]),.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form label {
        margin-bottom:.3em;
        display:block
    }
    .pure-group input:not([type]),.pure-group input[type=color],.pure-group input[type=date],.pure-group input[type=datetime-local],.pure-group input[type=datetime],.pure-group input[type=email],.pure-group input[type=month],.pure-group input[type=number],.pure-group input[type=password],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=text],.pure-group input[type=time],.pure-group input[type=url],.pure-group input[type=week] {
        margin-bottom:0
    }
    .pure-form-aligned .pure-control-group label {
        margin-bottom:.3em;
        text-align:left;
        display:block;
        width:100%
    }
    .pure-form-aligned .pure-controls {
        margin:1.5em 0 0
    }
    .pure-form-message,.pure-form-message-inline,.pure-form .pure-help-inline {
        display:block;
        font-size:.75em;
        padding:.2em 0 .8em
    }
}.pure-menu {
     box-sizing:border-box
 }
.pure-menu-fixed {
    position:fixed;
    left:0;
    top:0;
    z-index:3
}
.pure-menu-item,.pure-menu-list {
    position:relative
}
.pure-menu-list {
    list-style:none;
    margin:0;
    padding:0
}
.pure-menu-item {
    padding:0;
    margin:0;
    height:100%
}
.pure-menu-heading,.pure-menu-link {
    display:block;
    text-decoration:none;
    white-space:nowrap
}
.pure-menu-horizontal {
    width:100%;
    white-space:nowrap
}
.pure-menu-horizontal .pure-menu-list {
    display:inline-block
}
.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator {
    display:inline-block;
    zoom:1;
    vertical-align:middle
}
.pure-menu-item .pure-menu-item {
    display:block
}
.pure-menu-children {
    display:none;
    position:absolute;
    left:100%;
    top:0;
    margin:0;
    padding:0;
    z-index:3
}
.pure-menu-horizontal .pure-menu-children {
    left:0;
    top:auto;
    width:inherit
}
.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children {
    display:block;
    position:absolute
}
.pure-menu-has-children>.pure-menu-link:after {
    padding-left:.5em;
    content:"\25B8";
    font-size:small
}
.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
    content:"\25BE"
}
.pure-menu-scrollable {
    overflow-y:scroll;
    overflow-x:hidden
}
.pure-menu-scrollable .pure-menu-list {
    display:block
}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display:inline-block
}
.pure-menu-horizontal.pure-menu-scrollable {
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding:.5em 0
}
.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator {
    background-color:#ccc;
    height:1px;
    margin:.3em 0
}
.pure-menu-horizontal .pure-menu-separator {
    width:1px;
    height:1.3em;
    margin:0 .3em
}
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
    display:block;
    width:auto
}
.pure-menu-heading {
    text-transform:uppercase;
    color:#565d64
}
.pure-menu-link {
    color:#777
}
.pure-menu-children {
    background-color:#fff
}
.pure-menu-disabled,.pure-menu-heading,.pure-menu-link {
    padding:.5em 1em
}
.pure-menu-disabled {
    opacity:.5
}
.pure-menu-disabled .pure-menu-link:hover {
    background-color:transparent
}
.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover {
    background-color:#eee
}
.pure-menu-selected>.pure-menu-link,.pure-menu-selected>.pure-menu-link:visited {
    color:#000
}
.pure-table {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    border:1px solid #cbcbcb
}
.pure-table caption {
    color:#000;
    font:italic 85%/1 arial,sans-serif;
    padding:1em 0;
    text-align:center
}
.pure-table td,.pure-table th {
    border-left:1px solid #cbcbcb;
    border-bottom-width:0;
    border-right-width:0;
    border-top-width:0;
    font-size:inherit;
    margin:0;
    overflow:visible;
    padding:.5em 1em
}
.pure-table thead {
    background-color:#e0e0e0;
    color:#000;
    text-align:left;
    vertical-align:bottom
}
.pure-table td {
    background-color:transparent
}
.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td {
    background-color:#f2f2f2
}
.pure-table-bordered td {
    border-bottom:1px solid #cbcbcb
}
.pure-table-bordered tbody>tr:last-child>td {
    border-bottom-width:0
}
.pure-table-horizontal td,.pure-table-horizontal th {
    border-width:0 0 1px;
    border-bottom:1px solid #cbcbcb
}
.pure-table-horizontal tbody>tr:last-child>td {
    border-bottom-width:0
}
@media screen and (min-width:35.5em) {
    .pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-1-4,.pure-u-sm-1-5,.pure-u-sm-1-6,.pure-u-sm-1-8,.pure-u-sm-1-12,.pure-u-sm-1-24,.pure-u-sm-2-3,.pure-u-sm-2-5,.pure-u-sm-2-24,.pure-u-sm-3-4,.pure-u-sm-3-5,.pure-u-sm-3-8,.pure-u-sm-3-24,.pure-u-sm-4-5,.pure-u-sm-4-24,.pure-u-sm-5-5,.pure-u-sm-5-6,.pure-u-sm-5-8,.pure-u-sm-5-12,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-8,.pure-u-sm-7-12,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-12,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24 {
        display:inline-block;
        zoom:1;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-sm-1-24 {
        width:4.1667%
    }
    .pure-u-sm-1-12,.pure-u-sm-2-24 {
        width:8.3333%
    }
    .pure-u-sm-1-8,.pure-u-sm-3-24 {
        width:12.5%
    }
    .pure-u-sm-1-6,.pure-u-sm-4-24 {
        width:16.6667%
    }
    .pure-u-sm-1-5 {
        width:20%
    }
    .pure-u-sm-5-24 {
        width:20.8333%
    }
    .pure-u-sm-1-4,.pure-u-sm-6-24 {
        width:25%
    }
    .pure-u-sm-7-24 {
        width:29.1667%
    }
    .pure-u-sm-1-3,.pure-u-sm-8-24 {
        width:33.3333%
    }
    .pure-u-sm-3-8,.pure-u-sm-9-24 {
        width:37.5%
    }
    .pure-u-sm-2-5 {
        width:40%
    }
    .pure-u-sm-5-12,.pure-u-sm-10-24 {
        width:41.6667%
    }
    .pure-u-sm-11-24 {
        width:45.8333%
    }
    .pure-u-sm-1-2,.pure-u-sm-12-24 {
        width:50%
    }
    .pure-u-sm-13-24 {
        width:54.1667%
    }
    .pure-u-sm-7-12,.pure-u-sm-14-24 {
        width:58.3333%
    }
    .pure-u-sm-3-5 {
        width:60%
    }
    .pure-u-sm-5-8,.pure-u-sm-15-24 {
        width:62.5%
    }
    .pure-u-sm-2-3,.pure-u-sm-16-24 {
        width:66.6667%
    }
    .pure-u-sm-17-24 {
        width:70.8333%
    }
    .pure-u-sm-3-4,.pure-u-sm-18-24 {
        width:75%
    }
    .pure-u-sm-19-24 {
        width:79.1667%
    }
    .pure-u-sm-4-5 {
        width:80%
    }
    .pure-u-sm-5-6,.pure-u-sm-20-24 {
        width:83.3333%
    }
    .pure-u-sm-7-8,.pure-u-sm-21-24 {
        width:87.5%
    }
    .pure-u-sm-11-12,.pure-u-sm-22-24 {
        width:91.6667%
    }
    .pure-u-sm-23-24 {
        width:95.8333%
    }
    .pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24 {
        width:100%
    }
}@media screen and (min-width:48em) {
    .pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-1-4,.pure-u-md-1-5,.pure-u-md-1-6,.pure-u-md-1-8,.pure-u-md-1-12,.pure-u-md-1-24,.pure-u-md-2-3,.pure-u-md-2-5,.pure-u-md-2-24,.pure-u-md-3-4,.pure-u-md-3-5,.pure-u-md-3-8,.pure-u-md-3-24,.pure-u-md-4-5,.pure-u-md-4-24,.pure-u-md-5-5,.pure-u-md-5-6,.pure-u-md-5-8,.pure-u-md-5-12,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-8,.pure-u-md-7-12,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-12,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24 {
        display:inline-block;
        zoom:1;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-md-1-24 {
        width:4.1667%
    }
    .pure-u-md-1-12,.pure-u-md-2-24 {
        width:8.3333%
    }
    .pure-u-md-1-8,.pure-u-md-3-24 {
        width:12.5%
    }
    .pure-u-md-1-6,.pure-u-md-4-24 {
        width:16.6667%
    }
    .pure-u-md-1-5 {
        width:20%
    }
    .pure-u-md-5-24 {
        width:20.8333%
    }
    .pure-u-md-1-4,.pure-u-md-6-24 {
        width:25%
    }
    .pure-u-md-7-24 {
        width:29.1667%
    }
    .pure-u-md-1-3,.pure-u-md-8-24 {
        width:33.3333%
    }
    .pure-u-md-3-8,.pure-u-md-9-24 {
        width:37.5%
    }
    .pure-u-md-2-5 {
        width:40%
    }
    .pure-u-md-5-12,.pure-u-md-10-24 {
        width:41.6667%
    }
    .pure-u-md-11-24 {
        width:45.8333%
    }
    .pure-u-md-1-2,.pure-u-md-12-24 {
        width:50%
    }
    .pure-u-md-13-24 {
        width:54.1667%
    }
    .pure-u-md-7-12,.pure-u-md-14-24 {
        width:58.3333%
    }
    .pure-u-md-3-5 {
        width:60%
    }
    .pure-u-md-5-8,.pure-u-md-15-24 {
        width:62.5%
    }
    .pure-u-md-2-3,.pure-u-md-16-24 {
        width:66.6667%
    }
    .pure-u-md-17-24 {
        width:70.8333%
    }
    .pure-u-md-3-4,.pure-u-md-18-24 {
        width:75%
    }
    .pure-u-md-19-24 {
        width:79.1667%
    }
    .pure-u-md-4-5 {
        width:80%
    }
    .pure-u-md-5-6,.pure-u-md-20-24 {
        width:83.3333%
    }
    .pure-u-md-7-8,.pure-u-md-21-24 {
        width:87.5%
    }
    .pure-u-md-11-12,.pure-u-md-22-24 {
        width:91.6667%
    }
    .pure-u-md-23-24 {
        width:95.8333%
    }
    .pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24 {
        width:100%
    }
}@media screen and (min-width:64em) {
    .pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-1-4,.pure-u-lg-1-5,.pure-u-lg-1-6,.pure-u-lg-1-8,.pure-u-lg-1-12,.pure-u-lg-1-24,.pure-u-lg-2-3,.pure-u-lg-2-5,.pure-u-lg-2-24,.pure-u-lg-3-4,.pure-u-lg-3-5,.pure-u-lg-3-8,.pure-u-lg-3-24,.pure-u-lg-4-5,.pure-u-lg-4-24,.pure-u-lg-5-5,.pure-u-lg-5-6,.pure-u-lg-5-8,.pure-u-lg-5-12,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-8,.pure-u-lg-7-12,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-12,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24 {
        display:inline-block;
        zoom:1;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-lg-1-24 {
        width:4.1667%
    }
    .pure-u-lg-1-12,.pure-u-lg-2-24 {
        width:8.3333%
    }
    .pure-u-lg-1-8,.pure-u-lg-3-24 {
        width:12.5%
    }
    .pure-u-lg-1-6,.pure-u-lg-4-24 {
        width:16.6667%
    }
    .pure-u-lg-1-5 {
        width:20%
    }
    .pure-u-lg-5-24 {
        width:20.8333%
    }
    .pure-u-lg-1-4,.pure-u-lg-6-24 {
        width:25%
    }
    .pure-u-lg-7-24 {
        width:29.1667%
    }
    .pure-u-lg-1-3,.pure-u-lg-8-24 {
        width:33.3333%
    }
    .pure-u-lg-3-8,.pure-u-lg-9-24 {
        width:37.5%
    }
    .pure-u-lg-2-5 {
        width:40%
    }
    .pure-u-lg-5-12,.pure-u-lg-10-24 {
        width:41.6667%
    }
    .pure-u-lg-11-24 {
        width:45.8333%
    }
    .pure-u-lg-1-2,.pure-u-lg-12-24 {
        width:50%
    }
    .pure-u-lg-13-24 {
        width:54.1667%
    }
    .pure-u-lg-7-12,.pure-u-lg-14-24 {
        width:58.3333%
    }
    .pure-u-lg-3-5 {
        width:60%
    }
    .pure-u-lg-5-8,.pure-u-lg-15-24 {
        width:62.5%
    }
    .pure-u-lg-2-3,.pure-u-lg-16-24 {
        width:66.6667%
    }
    .pure-u-lg-17-24 {
        width:70.8333%
    }
    .pure-u-lg-3-4,.pure-u-lg-18-24 {
        width:75%
    }
    .pure-u-lg-19-24 {
        width:79.1667%
    }
    .pure-u-lg-4-5 {
        width:80%
    }
    .pure-u-lg-5-6,.pure-u-lg-20-24 {
        width:83.3333%
    }
    .pure-u-lg-7-8,.pure-u-lg-21-24 {
        width:87.5%
    }
    .pure-u-lg-11-12,.pure-u-lg-22-24 {
        width:91.6667%
    }
    .pure-u-lg-23-24 {
        width:95.8333%
    }
    .pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24 {
        width:100%
    }
}@media screen and (min-width:80em) {
    .pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-1-4,.pure-u-xl-1-5,.pure-u-xl-1-6,.pure-u-xl-1-8,.pure-u-xl-1-12,.pure-u-xl-1-24,.pure-u-xl-2-3,.pure-u-xl-2-5,.pure-u-xl-2-24,.pure-u-xl-3-4,.pure-u-xl-3-5,.pure-u-xl-3-8,.pure-u-xl-3-24,.pure-u-xl-4-5,.pure-u-xl-4-24,.pure-u-xl-5-5,.pure-u-xl-5-6,.pure-u-xl-5-8,.pure-u-xl-5-12,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-8,.pure-u-xl-7-12,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-12,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24 {
        display:inline-block;
        zoom:1;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-xl-1-24 {
        width:4.1667%
    }
    .pure-u-xl-1-12,.pure-u-xl-2-24 {
        width:8.3333%
    }
    .pure-u-xl-1-8,.pure-u-xl-3-24 {
        width:12%
    }
    .pure-u-xl-1-6,.pure-u-xl-4-24 {
        width:16.6667%
    }
    .pure-u-xl-1-5 {
        width:20%
    }
    .pure-u-xl-5-24 {
        width:20.8333%
    }
    .pure-u-xl-1-4,.pure-u-xl-6-24 {
        width:25%
    }
    .pure-u-xl-7-24 {
        width:29.1667%
    }
    .pure-u-xl-1-3,.pure-u-xl-8-24 {
        width:33.3333%
    }
    .pure-u-xl-3-8,.pure-u-xl-9-24 {
        width:37.5%
    }
    .pure-u-xl-2-5 {
        width:40%
    }
    .pure-u-xl-5-12,.pure-u-xl-10-24 {
        width:41.6667%
    }
    .pure-u-xl-11-24 {
        width:45.8333%
    }
    .pure-u-xl-1-2,.pure-u-xl-12-24 {
        width:50%
    }
    .pure-u-xl-13-24 {
        width:54.1667%
    }
    .pure-u-xl-7-12,.pure-u-xl-14-24 {
        width:58.3333%
    }
    .pure-u-xl-3-5 {
        width:60%
    }
    .pure-u-xl-5-8,.pure-u-xl-15-24 {
        width:62.5%
    }
    .pure-u-xl-2-3,.pure-u-xl-16-24 {
        width:66.6667%
    }
    .pure-u-xl-17-24 {
        width:70.8333%
    }
    .pure-u-xl-3-4,.pure-u-xl-18-24 {
        width:75%
    }
    .pure-u-xl-19-24 {
        width:79.1667%
    }
    .pure-u-xl-4-5 {
        width:80%
    }
    .pure-u-xl-5-6,.pure-u-xl-20-24 {
        width:83.3333%
    }
    .pure-u-xl-7-8,.pure-u-xl-21-24 {
        width:87.5%
    }
    .pure-u-xl-11-12,.pure-u-xl-22-24 {
        width:91.6667%
    }
    .pure-u-xl-23-24 {
        width:95.8333%
    }
    .pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24 {
        width:100%
    }
}@media screen and (max-width:567px) {
    .pure-hidden-xs,.pure-visible-lg:not(.pure-visible-xs),.pure-visible-md:not(.pure-visible-xs),.pure-visible-sm:not(.pure-visible-xs),.pure-visible-xl:not(.pure-visible-xs) {
        display:none
    }
}@media screen and (min-width:568px) and (max-width:767px) {
    .pure-hidden-sm,.pure-visible-lg:not(.pure-visible-sm),.pure-visible-md:not(.pure-visible-sm),.pure-visible-xl:not(.pure-visible-sm),.pure-visible-xs:not(.pure-visible-sm) {
        display:none
    }
}@media screen and (min-width:768px) and (max-width:1023px) {
    .pure-hidden-md,.pure-visible-lg:not(.pure-visible-md),.pure-visible-sm:not(.pure-visible-md),.pure-visible-xl:not(.pure-visible-md),.pure-visible-xs:not(.pure-visible-md) {
        display:none
    }
}@media screen and (min-width:1024px) and (max-width:1279px) {
    .pure-hidden-lg,.pure-visible-md:not(.pure-visible-lg),.pure-visible-sm:not(.pure-visible-lg),.pure-visible-xl:not(.pure-visible-lg),.pure-visible-xs:not(.pure-visible-lg) {
        display:none
    }
}@media screen and (min-width:1280px) {
    .pure-hidden-xl,.pure-visible-lg:not(.pure-visible-xl),.pure-visible-md:not(.pure-visible-xl),.pure-visible-sm:not(.pure-visible-xl),.pure-visible-xs:not(.pure-visible-xl) {
        display:none
    }
}:root {
     --link-hover-color:#e74c3c;
     --main-title-color:#1b2631;
     --sub-title-color:#566573;
     --default-button-color:#3498db;
     --ads-bg-color:#fdfdfd
 }
.nav_frame {
    width:100%;
    background-color:var(--main-title-color);
    color:#fff;
    top:0;
    z-index:99;
    position:-webkit-sticky;
    position:sticky
}
.nav_frame .navbar {
    max-width:1200px;
    height:40px;
    margin:auto
}
.nav_frame .navbar a {
    color:#fff;
    text-decoration:none;
    line-height:40px;
    font-size:.9em
}
.nav_frame .navbar span {
    font-size:1.6em;
    margin:0;
    font-weight:700
}
.nav_frame .navbar>div {
    margin:0 10px
}
.nav_frame .language_frame {
    text-align:right
}
.nav_frame .language_frame a {
    color:#fff;
    padding:2px 5px;
    border:2px solid #fff;
    border-radius:5px
}
.nav_frame .bookshelf_icon {
    vertical-align:middle;
    line-height:20px;
    display:inline-block;
    margin-left:3px;
    margin-bottom:6px
}
.update_chapter_list_title {
    border-bottom:1px solid #000;
    padding:0 10px;
    margin-bottom:10px
}
.update_chapter_list {
    padding:0 10px;
    line-height:1.9em
}
.update_chapter_list * {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.update_chapter_list .novel_type span {
    font-size:.9em;
    color:#666
}
.update_chapter_list .novel_name {
    font-size:.9em
}
.update_chapter_list .novel_name a {
    color:#3498db;
    text-decoration:none
}
.update_chapter_list .chapter_name {
    font-size:.9em
}
.update_chapter_list .chapter_name a {
    color:#117864;
    text-decoration:none
}
.update_chapter_list .author {
    color:#666;
    font-size:.8em
}
.update_chapter_list .update_time {
    color:#666;
    font-size:.8em;
    text-align:right
}
.load-more-button-line {
    text-align:center
}
.load-more-button {
    border:none;
    display:inline-block;
    background-color:rgba(51,51,51,.75);
    color:#fff;
    margin:4px 0;
    padding:0 32px;
    box-sizing:border-box;
    height:48px;
    border-radius:24px
}
.novel_class_nav[data-v-9f14a0a4] {
    line-height:40px;
    margin:0 auto;
    padding-left:10px;
    background-color:#e5e8e8
}
.novel_class_nav a[data-v-9f14a0a4] {
    color:var(--main-title-color);
    text-decoration:none;
    white-space:nowrap;
    padding:5px;
    font-size:16px
}
.novel_class_nav a[class=active][data-v-9f14a0a4] {
    color:#fff;
    background-color:var(--main-title-color)
}
.novel_class_nav a[class=active][data-v-9f14a0a4]:hover {
    color:#fff
}
.novel_class_nav a[data-v-9f14a0a4]:hover {
    color:var(--link-hover-color)
}
.frame_search {
    background-color:#eee
}
.frame_search input[type=search] {
    padding:.5em .6em;
    display:inline-block;
    border:1px solid #ccc;
    vertical-align:middle;
    box-sizing:border-box;
    -webkit-appearance:none;
    border-radius:0;
    width:100%
}
.frame_search input[type=submit] {
    width:100%;
    height:100%;
    border-radius:0;
    font-weight:700;
    background-color:var(--default-button-color);
    color:#fff;
    line-height:1em;
    letter-spacing:.1em;
    font-size:18px;
    border:0
}
.frame_search amp-autocomplete {
    width:100%;
    height:100%
}
.rank_frame {
    width:100%;
    overflow:hidden
}
.rank_cell {
    height:200px
}
.rank_title {
    background-color:#f2f4f4;
    padding-left:10px
}
.rank_title h2 {
    width:100%;
    height:40px;
    margin:0;
    line-height:40px;
    color:#e74c3c
}
.rank_title a {
    text-decoration:none
}
.hot_cell[data-v-a801a4a8] {
    width:100%;
    height:100%
}
.hot_cell a[data-v-a801a4a8] {
    color:var(--main-title-color);
    text-decoration:none
}
.hot_cell a[data-v-a801a4a8]:hover {
    color:#e74c3c
}
.hot_cell h2[data-v-a801a4a8] {
    padding:5px 10px;
    line-height:30px;
    margin:0;
    border-bottom:0;
    border-right:1px solid #fff;
    font-size:1.4em;
    color:var(--main-title-color);
    background-color:#f2f4f4
}
.hot_cell amp-img[data-v-a801a4a8] {
    float:left;
    margin-right:3px
}
.hot_cell ul[data-v-a801a4a8] {
    list-style:none;
    padding:0;
    margin:0;
    line-height:45px;
    border:1px solid #eee
}
.hot_cell ul li[data-v-a801a4a8] {
    height:45px;
    border-bottom:1px solid #eee;
    padding:0 10px
}
.hot_cell ul li h4[data-v-a801a4a8] {
    float:left;
    font-size:.9em;
    margin:0
}
.hot_cell ul li span[data-v-a801a4a8] {
    float:right;
    font-size:.6em;
    color:#757575
}
.hot_cell ul .li_first_node[data-v-a801a4a8] {
    padding:0 10px 0 0;
    height:100px;
    line-height:20px
}
.hot_cell ul .li_first_node h4[data-v-a801a4a8] {
    font-size:.95em;
    width:70%;
    margin:0
}
.hot_cell .hot_cell_info h3[data-v-a801a4a8] {
    margin:0
}
.hot_cell .hot_cell_info p[data-v-a801a4a8] {
    margin:0;
    font-size:.8em;
    color:#444
}
:root {
    --color-primary:#666;
    --color-secondary:#00dcc0;
    --color-text-light:#fff;
    --space-1:4rem;
    --space-2:1rem;
    --box-shadow-1:0 1px 1px 0 rgba(0,0,0,0.14),0 1px 1px -1px rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)
}
.scrollToTop {
    color:#fff;
    color:var(--color-text-light);
    font-size:30px;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow:var(--box-shadow-1);
    width:50px;
    height:50px;
    border-radius:50%;
    border:none;
    outline:none;
    background:#666;
    background:var(--color-primary);
    z-index:9999;
    bottom:16px;
    right:16px;
    position:fixed;
    opacity:0;
    visibility:hidden;
    text-align:center;
    padding:8px 0
}
.target {
    position:relative
}
.target-anchor {
    position:absolute;
    top:-100px;
    left:0
}
.footer_frame {
    background-color:#eee;
    width:100%;
    max-width:1200px;
    margin:auto;
    height:200px;
    text-align:center;
    font-size:.6em;
    color:var(--main-title-color)
}
.footer_frame a {
    color:var(--main-title-color);
    text-decoration:none
}
.footer_frame>div {
    line-height:100px
}
body {
      -webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;
      -moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;
      -ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;
      animation:-amp-start 8s steps(1,end) 0s 1 normal both
  }
@-webkit-keyframes -amp-start {
    from {
        visibility:hidden
    }
    to {
        visibility:visible
    }
}@-moz-keyframes -amp-start {
     from {
         visibility:hidden
     }
     to {
         visibility:visible
     }
 }@-ms-keyframes -amp-start {
      from {
          visibility:hidden
      }
      to {
          visibility:visible
      }
  }@-o-keyframes -amp-start {
       from {
           visibility:hidden
       }
       to {
           visibility:visible
       }
   }@keyframes -amp-start {
        from {
            visibility:hidden
        }
        to {
            visibility:visible
        }
    }
body {
           -webkit-animation:none;
           -moz-animation:none;
           -ms-animation:none;
           animation:none
       }

.novel_cell a {
    color:var(--main-title-color);
    font-size:1.1em;
    text-decoration:none;
    font-weight:700
}
.novel_cell a:hover {
    color:var(--link-hover-color)
}
.novel_cell h3 {
    margin:0
}
.load-more-button-line {
    text-align:center
}
.load-more-button {
    border:none;
    display:inline-block;
    background-color:rgba(51,51,51,.75);
    color:#fff;
    margin:4px 0;
    padding:0 32px;
    box-sizing:border-box;
    height:48px;
    border-radius:24px
}

.novel_cell ul {
    list-style:none;
    width:auto;
    height:100%;
    margin:0;
    padding:5px 0 0 85px
}
.novel_cell li {
    color:#757575;
    font-size:.8em
}
.novel_cell a {
    color:var(--main-title-color);
    font-size:1.1em;
    text-decoration:none;
    font-weight:700
}
.novel_cell a:hover {
    color:var(--link-hover-color)
}
.novel_cell h3 {
    margin:0
}


/*
category
 */
.novel_cell {
    height: 100px;
    border-bottom: 1px solid #eee;
}