#app {
    font-family: Avenir, Helvetica, Arial, sans-serif
}

@font-face {
    font-family: iconfont;
    src: url("http://at.alicdn.com/t/font_pioavhvfpq9cc8fr.eot");
    src: url("http://at.alicdn.com/t/font_pioavhvfpq9cc8fr.eot?#iefix") format("embedded-opentype"), url("http://at.alicdn.com/t/font_pioavhvfpq9cc8fr.woff") format("woff"), url("http://at.alicdn.com/t/font_pioavhvfpq9cc8fr.ttf") format("truetype"), url("http://at.alicdn.com/t/font_pioavhvfpq9cc8fr.svg#iconfont") format("svg")
}

.iconfont {
    font-family: iconfont
}

body, html {
    font-family: sans-serif;
    margin: 0;
    padding: 0
}

.snap-content {
    z-index: 2;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0)
}

.snap-content, .snap-drawers {
    right: 0;
    left: 0;
    width: auto
}

.snap-content, .snap-drawer, .snap-drawers {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto
}

.snap-drawer {
    right: auto;
    left: auto;
    width: 16.5625rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: width .3s ease
}

.snap-drawer-left {
    left: 0;
    z-index: 1
}

.snap-drawer-right {
    right: 0;
    z-index: 1
}

.snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left {
    display: none
}

.snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right {
    width: 100%
}

.snapjs-right .snap-drawer-left {
    display: block;
    right: 0;
    left: auto
}

.snapjs-right .snap-drawer-right {
    display: none
}

#do-drag, #no-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 6.25rem;
    margin-left: -25%;
    margin-top: -3.125rem;
    background: red;
    color: #fff;
    text-align: center;
    line-height: 6.25rem
}

#do-drag {
    background: green
}

.demo-social {
    padding: 0 .9375rem
}

.toggler {
    width: 80%;
    background: hsla(0, 0%, 100%, .5);
    margin: 0 auto;
    position: relative;
    top: 4.375rem;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    text-align: center
}

.search {
    padding-bottom: .625rem;
    border-bottom: .0625rem solid rgba(0, 0, 0, .2);
    box-shadow: 0 .0625rem 0 hsla(0, 0%, 100%, .1)
}

#search {
    height: 1.875rem;
    width: 87%;
    margin: .4375rem .4375rem 0;
    background: linear-gradient(#414a5a, #4c5464);
    background: -webkit-linear-gradient(#414a5a, #4c5464);
    padding-left: .9375rem;
    border: .0625rem solid #222936;
    border-radius: 1.5625rem;
    box-shadow: inset 0 .0625rem .125rem -.0625rem rgba(0, 0, 0, .5), 0 .0625rem .125rem -.0625rem hsla(0, 0%, 100%, .4)
}

#search:focus {
    outline: none;
    border-color: #151515
}

.drawer-inner {
    transition: opacity .3s ease
}

.snapjs-expand-left .drawer-inner, .snapjs-expand-right .drawer-inner {
    opacity: 0
}

.opt {
    padding: 1.25rem;
    border-bottom: .0625rem solid rgba(0, 0, 0, .1)
}

.opt p {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: .3125rem;
    color: #222;
    color: rgba(0, 0, 0, .6)
}

.snap-content {
    background: #fff
}

.snap-drawers {
    background: #323949
}

.snap-drawer {
    background: #212421;
    color: #b5b2b5
}

.snap-drawer h3 {
    font-size: 2.25rem;
    font-weight: 400;
    margin: .9375rem
}

.snap-drawer h4 {
    padding: .9375rem;
    border-top: .0625rem solid hsla(0, 0%, 100%, .1);
    margin-bottom: 0
}

.snap-drawer ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.snap-drawer li > a {
    display: block;
    border-bottom: .0625rem solid rgba(0, 0, 0, .1);
    border-top: .0625rem solid hsla(0, 0%, 100%, .1);
    padding: .9375rem;
    font-weight: 700;
    text-shadow: 0 .0625rem 0 #000;
    text-decoration: none;
    color: #ccc;
    text-indent: 1.25rem
}

.snap-drawer p {
    padding: .1875rem 0;
    font-size: .75rem
}

.copy-right {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-bottom: .625rem;
    text-align: center
}

#open-left {
    position: fixed;
    background: #333;
    color: #fff;
    top: 0;
    left: 0;
    display: block;
    padding: .625rem;
    text-decoration: none
}

.menus[data-v-3026cb38] {
    padding: .625rem;
    background: #eeeff1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.line[data-v-3026cb38] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.line > div[data-v-3026cb38] {
    width: 23%;
    margin-bottom: .625rem
}

.block[data-v-3026cb38] {
    height: 6.25rem;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.blue[data-v-3026cb38] {
    background: #0392e5
}

.or[data-v-3026cb38] {
    background: #ec8701
}

.green[data-v-3026cb38] {
    background: #13bc5f
}

.news[data-v-3026cb38] {
    margin-top: .25rem;
    background: #fff
}

.block .iconfont[data-v-3026cb38] {
    font-size: 1.5rem;
    margin-bottom: .25rem
}

.block[data-v-3026cb38] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.more[data-v-3026cb38] {
    margin: .625rem 0;
    color: #333;
    text-align: center
}

.news > p[data-v-3026cb38] {
    margin: 0;
    text-align: left;
    padding: .625rem;
    border-bottom: .0625rem solid #ccc
}

.news .news_list[data-v-3026cb38]:last-child {
    border: 0 !important
}

.news_main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.news_list {
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: .0625rem solid #ccc
}

.news_list, .news_time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .625rem
}

.news_time {
    width: 2.5rem;
    height: 2.5rem;
    color: #fff;
    background: #0392e5
}

.news_time p {
    width: 100%;
    margin: 0;
    font-size: .875rem;
    word-wrap: break-word
}

.news_title {
    padding: .625rem;
    font-size: .875rem;
    text-align: left
}

.loading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1.25rem auto
}

#content .loading .v-spinner div {
    width: .625rem !important;
    height: .625rem !important
}

@keyframes v-syncStretchDelay {
    33% {
        transform: translateY(.625rem)
    }
    66% {
        transform: translateY(-.625rem)
    }
    to {
        transform: translateY(0)
    }
}

#cate[data-v-283b0f23] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.listcate_main[data-v-283b0f23] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2.8125rem;
    padding: .3125rem;
    -ms-flex: 1;
    flex: 1
}

.listcate[data-v-283b0f23] {
    margin: .3125rem;
    padding: .375rem .3125rem;
    border: .0625rem solid #ccc;
    border-radius: .625rem
}

.info[data-v-7e029de8] {
    padding: .625rem
}

.info > h3[data-v-7e029de8] {
    text-align: center;
    color: #333;
    font-size: 1.125rem;
    margin-bottom: 0
}

.info > p[data-v-7e029de8] {
    margin: .1875rem 0;
    color: #333;
    text-align: center;
    font-size: .875rem
}

.info_content img[data-v-7e029de8] {
    max-width: 100%
}

.info_content[data-v-7e029de8] {
    padding: .625rem 0;
    font-size: .875rem;
    line-height: 1.75rem;
    text-indent: 2em;
    text-align: justify
}

.channel[data-v-2cc45326] {
    padding: 0 .625rem;
    font-size: 0
}

.channel span[data-v-2cc45326] {
    display: inline-block;
    border: .0625rem solid #ddd;
    width: 31%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .1875rem;
    font-size: .875rem;
    margin-top: -.0625rem;
    margin-left: -.0625rem;
    position: relative
}

.info[data-v-2cc45326] {
    padding: .625rem
}

.info > h3[data-v-2cc45326] {
    text-align: center;
    color: #333;
    font-size: 1.125rem;
    margin-bottom: 0
}

.info > p[data-v-2cc45326] {
    margin: .1875rem 0;
    color: #333;
    text-align: center;
    font-size: .875rem
}

.info_content img[data-v-2cc45326] {
    max-width: 100%
}

.info_content[data-v-2cc45326] {
    padding: .625rem 0;
    font-size: .875rem;
    line-height: 1.75rem
}

.page[data-v-331c2196] {
    text-align: center;
    margin: .9375rem 0
}

.page span[data-v-331c2196] {
    display: inline-block;
    border: .0625rem solid #ddd;
    padding: .1875rem .5rem;
    border-radius: .25rem;
    margin: 0 .3125rem
}

.button[data-v-331c2196] {
    border: .0625rem solid #ddd;
    padding: 0 .375rem;
    border-radius: .1875rem;
    display: inline-block;
    margin-left: .3125rem
}

.suggest li[data-v-331c2196], .suggest ul[data-v-331c2196] {
    list-style: none;
    margin: 0;
    padding: 0
}

.suggest ul li[data-v-331c2196] {
    padding: .9375rem .3125rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    border-bottom: .0625rem dashed #eee
}

.suggest ul li h3[data-v-331c2196] {
    margin: 0;
    margin-bottom: .375rem;
    font-size: 1rem
}

.suggest ul li h3 small[data-v-331c2196] {
    font-weight: 400;
    font-size: .75rem;
    color: #888
}

.suggest ul li .answer[data-v-331c2196] {
    color: #999;
    line-height: 1.6;
    font-size: .75rem
}

.suggest ul li .reply[data-v-331c2196] {
    color: #444;
    background: #fafafa;
    padding: .3125rem .625rem;
    border-radius: .3125rem;
    line-height: 1.6;
    font-size: .75rem;
    text-indent: 2em
}

.suggest ul li .reply p[data-v-331c2196]:last-child {
    text-indent: 0;
    text-align: right;
    margin-top: -.625rem
}

.page[data-v-deffaf9c] {
    text-align: center;
    margin: .9375rem 0
}

.page span[data-v-deffaf9c] {
    display: inline-block;
    border: .0625rem solid #ddd;
    padding: .1875rem .5rem;
    border-radius: .25rem;
    margin: 0 .3125rem
}

.suggest li[data-v-deffaf9c], .suggest ul[data-v-deffaf9c] {
    list-style: none;
    margin: 0;
    padding: 0
}

.suggest ul li[data-v-deffaf9c] {
    padding: .9375rem .3125rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    border-bottom: .0625rem dashed #eee
}

.suggest ul li h3[data-v-deffaf9c] {
    margin: 0;
    margin-bottom: .375rem;
    font-size: 1rem
}

.suggest ul li div[data-v-deffaf9c] {
    color: #999;
    line-height: 1.6;
    font-size: .75rem
}

.page[data-v-e5f8791e] {
    text-align: center;
    margin: .9375rem 0
}

.page span[data-v-e5f8791e] {
    display: inline-block;
    border: .0625rem solid #ddd;
    padding: .1875rem .5rem;
    border-radius: .25rem;
    margin: 0 .3125rem
}

.suggest li[data-v-e5f8791e], .suggest ul[data-v-e5f8791e] {
    list-style: none;
    margin: 0;
    padding: 0
}

.suggest ul li[data-v-e5f8791e] {
    padding: .9375rem .3125rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    border-bottom: .0625rem dashed #eee
}

.suggest ul li h3[data-v-e5f8791e] {
    margin: 0;
    margin-bottom: .375rem;
    font-size: 1rem
}

.suggest ul li div[data-v-e5f8791e] {
    color: #999;
    line-height: 1.6;
    font-size: .75rem
}

#cate[data-v-5175345d] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.listcate_main[data-v-5175345d] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .3125rem;
    -ms-flex: 1;
    flex: 1
}

.listcate[data-v-5175345d] {
    margin: .3125rem;
    padding: .375rem .3125rem;
    border: .0625rem solid #ccc;
    border-radius: .625rem
}

.page[data-v-3b02574b] {
    text-align: center;
    margin: .9375rem 0
}

.page span[data-v-3b02574b] {
    display: inline-block;
    border: .0625rem solid #ddd;
    padding: .1875rem .5rem;
    border-radius: .25rem;
    margin: 0 .3125rem
}

.suggest li[data-v-3b02574b], .suggest ul[data-v-3b02574b] {
    list-style: none;
    margin: 0;
    padding: 0
}

.suggest ul li[data-v-3b02574b] {
    padding: .9375rem .3125rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    border-bottom: .0625rem dashed #eee
}

.suggest ul li h3[data-v-3b02574b] {
    margin: 0;
    margin-bottom: .375rem;
    font-size: 1rem
}

.suggest ul li div[data-v-3b02574b] {
    color: #999;
    line-height: 1.6;
    font-size: .75rem
}

.page[data-v-daa7cbf6] {
    text-align: center;
    margin: .9375rem 0
}

.page span[data-v-daa7cbf6] {
    display: inline-block;
    border: .0625rem solid #ddd;
    padding: .1875rem .5rem;
    border-radius: .25rem;
    margin: 0 .3125rem
}

.suggest li[data-v-daa7cbf6], .suggest ul[data-v-daa7cbf6] {
    list-style: none;
    margin: 0;
    padding: 0
}

.suggest ul li[data-v-daa7cbf6] {
    padding: .9375rem .3125rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    border-bottom: .0625rem dashed #eee
}

.suggest ul li h3[data-v-daa7cbf6] {
    margin: 0;
    margin-bottom: .375rem;
    font-size: 1rem
}

.suggest ul li div[data-v-daa7cbf6] {
    color: #999;
    line-height: 1.6;
    font-size: .75rem
}