@charset "utf-8";
html {
    height:100%;
}
body {
    background-color:#f5f6fa;
    height:100%;
}
.header {
    width:100%;
    height:auto;
    background-color:#48b0f7;
    margin-bottom:20px;
    background: linear-gradient(to right, #0d6efd 0, #9258f1 100%) !important;
}
.w1200 {
    width:1500px;
    margin:0 auto
}
.logo {
    width:300px;
    height:80px;
    float:left;
    overflow:hidden
}
.nav {
    margin-left: 50px;
    height:80px;
    float:left;
    text-align:right
}
.nav a {
    display:inline-block;
    padding:0 25px;
    line-height:80px;
    color:#FFF
}
.nav a:hover {
    text-decoration:none
}
.formbox {
    width:265px;
    float:right;
    margin-top:20px
}
.formbox .category {
    width:80px;
    background-color:#fff;
    height:40px;
    float:left;
    border:none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    outline:0
}
.category {
    cursor:pointer;
    position:relative
}
.category .catetext {
    display:inline-block;
    width:60px;
    text-align:center;
    color:#5a5a5a
}
.category i {
    display:inline-block;
    width:10px;
    color:#5a5a5a;
    line-height:40px;
    height:40px
}
.typebox {
    width:80px;
    background-color:#fff;
    position:absolute;
    padding:5px 0;
    top:40px;
    display:none;
    z-index:2222;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 0px 4px;
}
.typebox li {
    height:36px;
    line-height:36px;
    padding-left:16px;
    color:#5a5a5a
}
.typebox li:hover {
    background-color:#eee;
    text-decoration:none
}
.formbox .stext {
    float:left;
    width:134px;
    height:40px;
    background-color:#fff;
    padding-left:10px;
    border:none;
    outline:0;
    border-left:1px solid #eee;
    color:#5a5a5a
}
.formbox .sbut {
    width:40px;
    height:40px;
    border:none;
    outline:0;
    font-size:18px;
    cursor:pointer;
    background-color:#fff;
    color:#5a5a5a;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.formbox .sbut:after {
    font-family:fontello;
    content:"\e81a";
    color:#5a5a5a
}
.box_one {
    width:1500px;
    margin:0 auto
}
.fcous {
    width:700px;
    padding:10px;
    float:left;
    background-color:#FFF;
    height:320px;
}
.ck-slide ul {
    margin:0;
    padding:0;
    list-style-type:none
}
.ck-slide {
    position:relative;
    overflow:hidden;
    width:700px;
    height:320px;
    margin:0 auto
}
.ck-slide ul.ck-slide-wrapper {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    margin:0;
    padding:0;
    height:320px
}
.ck-slide ul.ck-slide-wrapper li {
    position:absolute
}
.ck-slide .ck-next,.ck-slide .ck-prev {
    position:absolute;
    top:50%;
    z-index:2;
    width:35px;
    height:70px;
    margin-top:-35px;
    border-radius:3px;
    opacity:.15;
    background:red;
    text-indent:-9999px;
    background-repeat:no-repeat;
    transition:opacity .2s linear 0s
}
.ck-slide .ck-prev {
    left:5px;
    background:url(../images/arrow-left.png) #000 50% no-repeat
}
.ck-slide .ck-next {
    right:5px;
    background:url(../images/arrow-right.png) #000 50% no-repeat
}
.ck-slidebox {
    position:absolute;
    left:50%;
    bottom:12px;
    z-index:30
}
.ck-slidebox ul {
    height:20px;
    padding:0 4px;
    border-radius:8px;
    background:rgba(0,0,0,.5)
}
.ck-slidebox ul li {
    float:left;
    height:12px;
    margin:4px 4px
}
.ck-slidebox ul li em {
    display:block;
    width:12px;
    height:12px;
    border-radius:100%;
    background-color:#fff;
    text-indent:-9999px;
    cursor:pointer
}
.ck-slidebox ul li.current em {
    background-color:#fe6500
}
.ck-slidebox ul li em:hover {
    background-color:#fe6500
}
.hot_arc {
    width:460px;
    margin-left:20px;
    background-color:#FFF;
    height:340px;
    float:left
}
.hot_arc h2 {
    border-bottom:1px solid #f5f5f5;
    font-size:16px;
    padding:10px 0
}
.hot_arc h2 span {
    border-left:5px solid #0d6efd;
    padding-left:20px;
    display:block;
    color:#5a5a5a;
    height:36px;
    line-height:34px
}
.hot_arc h2 a.more {
    float:right;
    font-size:12px;
    padding-right:15px;
    color:#82939e;
    line-height:36px
}
.inhot ul {
    padding:15px 25px 0;
    height:252px;
    overflow:hidden;
    margin-bottom:25px
}
.inhot ul li {
    height:28px;
    line-height:28px;
    overflow:hidden
}
.inhot ul li a {
    color:#777
}
.inhot ul li a:hover {
    color:#f30
}
.uicontent {
    width:1500px;
    margin:20px auto 0;
    background-color:#FFF
}
.uicontent h2 {
    font-size:16px;
    border-bottom:1px solid #f4f4f4;
    color:#5a5a5a
}
.uicontent h2 span {
    float:right;
    font-size:14px;
    line-height:24px;
    padding:20px 20px 20px 0
}
.uicontent h2 span a {
    color:#82939e
}
.uicontent h2 font {
    margin:0 5px
}
.uicontent h2 em {
    padding:20px 0 20px 20px;
    line-height:24px;
    float:left
}
.uicontent h2 ul {
    height:64px;
    padding-left:10px
}
.uicontent h2 ul li {
    float:left;
    padding:0 20px;
    line-height:64px
}
.uicontent h2 ul li a {
    color:#5a5a5a
}
.uicontent h2 ul li.selected {
    border-top:3px solid #0d6efd;
    line-height:58px
}
.uicontent h2 ul li.selected a {
    color:#0d6efd
}
.uicontent h2 ul li a:hover {
    color:#F0572F
}
.uicontent h3.sm {
    color:#aaa;
    padding:20px;
    border-bottom:1px solid #f4f4f4
}
.uibox {
    width:1500px;
    overflow:hidden
}
.uibox li {
    float:left;
    width:275px;
    height:305px;
    border-right:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
    padding:12px 12px 0 12px;
    background:url(../images/loding.gif) no-repeat center 100px
}
.uibox li.norborder {
    border-right:0
}
.uibox li img {
    vertical-align:bottom
}
.lion {
    padding:0 10px
}
.lion .lititle {
    font-weight:700;
    text-overflow:ellipsis;
    line-height:30px;
    height:30px;
    overflow:hidden
}
.lion .lititle a {
    color:#333
}
.lion .lititle a:hover {
    color:#f30
}
.lion .lides {
    font-size:12px;
    line-height:24px;
    color:#7f7f7f
}
.wfooter {
    width:1500px;
    margin:0 auto;
    background-color:#FFF
}
.links {
    padding:20px 20px 15px
}
.links h2 {
    font-size:16px;
    color:#5a5a5a;
    margin-bottom:10px
}
.links a {
    color:#82939e;
    padding:0 5px
}
.aboutweb {
    padding:0 20px 20px;
    line-height:24px
}
.aboutweb a {
    padding-right:10px;
    color:#5a5a5a
}
.aboutweb small {
    font-size:14px;
    color:#888
}
.aboutweb p {
    color:#5a5a5a
}
.wpages {
    text-align:center;
    padding-top:25px;
    padding-bottom:25px;
    border-bottom:1px solid #f4f4f4;
    color:#5a5a5a
}
.showcontent {
    width:1500px;
    margin:20px auto 0;
    background-color:#FFF;
    border-bottom:1px solid #f4f4f4
}
.wtitle {
    padding:20px;
    color:#5a5a5a;
    border-bottom:1px solid #f4f4f4
}
.wtitle h1 {
    font-size:18px;
    font-weight:700;
    text-transform:capitalize
}
.oinfo {
    font-size:12px;
    font-weight:400;
    margin-top:10px;
    border-left:3px solid #0d6efd;
    padding-left:10px
}
.oinfo a {
    color:#5a5a5a
}
.wtitle small {
    display:block;
    font-size:14px;
    color:#aaa;
    margin-top:10px;
    font-weight:400
}
.incontent {
    padding:50px;
    font-size:16px;
    line-height:24px;
    color:#5a5a5a;
    border-bottom:1px solid #f4f4f4
}
.incontent a {
    color:#d9534f;
}
.incontent p {
    margin-bottom:1em;
}
.incontent p img {
    vertical-align:bottom;
    max-width:100%
}
.incontent h3,.incontent h4 {
    font-weight:700;
    margin:24px 0 15px
}
.incontent h1,.incontent h2 {
    margin:1.5em 0 15px;
    font-size:24px;
    border-bottom:1px solid #f4f4f4;
    padding-bottom:10px
}
.incontent h3 {
    font-size:20px
}
.zanbox .praise,.zanbox .stamp {
    padding:10px 15px;
    float:right;
    color:#FFF;
    cursor:pointer
}
.zanbox .praise {
    background-color:#0d6efd;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topright:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.zanbox .praise:hover {
    background-color:#2872FD
}
.zanbox .stamp {
    background-color:#595D62;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-topleft:3px;
    border-bottom-left-radius:3px;
    border-top-left-radius:3px
}
.zanbox .stamp:hover {
    background-color:#4A4E52
}
.btbox {
    padding:20px 50px
}
.btbox .wface a {
    color:#5a5a5a
}
.btbox .wface p {
    font-size:14px;
    display:block;
    color:#5a5a5a
}
.borderTop {
    padding:20px 0 20px 20px;
    border-bottom:1px solid #f4f4f4
}
.borderTop dl {
    height:30px;
    line-height:30px
}
.borderTop dt {
    float:left
}
.borderTop dd {
    float:left
}
.borderTop dd a {
    padding:0 10px
}
.borderTop dd a.selected {
    color:#F0572F
}
.listbox {
    border-bottom:1px solid #f4f4f4
}
.arclist {
    width:1000px;
    float:left;
    border-right:1px solid #f4f4f4
}
.arclist ul {
    padding:0 20px 20px 20px
}
.arclist ul li {
    border-bottom:1px solid #f4f4f4;
    padding-bottom:20px;
    padding-top:20px
}
.arclist ul li a.imga {
    float:left;
    width:275px;
    overflow:hidden;
    margin-right:20px;
    background:url(../images/loding.gif) no-repeat center center;
    background-color:#FBFBFB;
    text-align:center
}
.arclist ul li div.upYqBoxCon {
    float:left;
    width:547px
}
.arclist .arcTitle {
    font-size:16px;
    margin-bottom:10px
}
.blackLink {
    color:#5a5a5a;
    line-height:24px
}
.arclist .wpages {
    border-bottom:none
}
.rightbox {
    float:left;
    width:459px;
    padding:20px
}
.hotright h3 {
    font-size:16px;
    font-weight:700;
    color:#5a5a5a
}
.hotright ul li {
    line-height:24px;
    margin:10px 0
}
.uyan {
    padding:20px 50px 0;
    border-top:1px solid #f4f4f4
}
.colorlist {
    padding:20px 20px 0 20px;
    border-bottom:1px solid #f4f4f4
}
.color_left {
    width:750px;
    padding-right:20px;
    float:left;
    border-right:1px solid #f4f4f4
}
.color_left dl {
    border-bottom:1px solid #f4f4f4;
    margin-bottom:20px;
    padding-bottom:10px
}
.color_left dl dt {
    width:420px;
    padding:20px;
    float:left;
    text-align:center
}
.color_left dl dt img {
    max-width:420px
}
.color_left dl dd {
    margin-top:10px;
    color:#5a5a5a;
    width:250px;
    padding:6px 20px 20px;
    float:left
}
.color_left dl dd a {
    font-size:16px;
    text-transform:capitalize
}
.color_left dl dd small {
    margin-left:10px;
    color:#aaa
}
.color_left ul {
    margin-top:20px
}
.color_left ul li {
    display:block;
    width:125px;
    float:left;
    line-height:40px
}
.color_left ul li span {
    display:block;
    height:45px
}
.color_right {
    width:369px;
    float:left;
    margin-left:20px
}
.hotcolor {
    border-bottom:1px solid #f4f4f4;
    margin-bottom:10px
}
.hotcolor h2,.recommcolor h2 {
    border-bottom:none
}
.hotcolor h3,.recommcolor h3 {
    font-size:16px;
    font-weight:700;
    color:#5a5a5a
}
.hotcolor ul li,.recommcolor ul li {
    line-height:24px;
    margin:10px 0;
    text-transform:capitalize
}
.colorcenter ul li {
    float:left;
    line-height:40px
}
.colorcenter ul li span {
    display:block;
    width:120px;
    height:180px
}
.colorlist .wpages {
    border-bottom:none
}
.dl_secai {
    margin-bottom:20px;
    border-bottom:1px solid #f4f4f4;
    padding-bottom:20px
}
.dl_secai dt {
    width:450px;
    height:340px;
    display:inline-block;
    vertical-align:middle;
    float:left;
    overflow:hidden;
    margin-right:20px;
    background:url(../images/loding.gif) no-repeat #fcfcfc center center;
    background-color:#fcfcfc;
    text-align:center;
    position:relative
}
.dl_secai dt p {
    display:table-cell;
    vertical-align:middle;
    width:450px;
    height:340px
}
.dl_secai dt img {
    max-width:450px;
    max-height:340px;
    vertical-align:middle;
    margin:0 auto
}
.dl_secai dd {
    width:990px;
    float:left;
    display: flex;
    align-content: center !important;
    flex-wrap: wrap !important;
    height: 340px;
}
.color_secai li {
    display:block;
    width:85px;
    float:left;
    line-height:40px;
    margin-right:5px;
    color:#aaa
}
.color_secai li span {
    display:block;
    height:45px;
    cursor:pointer
}
.color_secai li span:hover {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    box-shadow:1px 1px 2px rgba(0,0,0,0.3);
}
pre {
    background-color:#272822;
    padding:15px;
    margin-bottom:15px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    color:#FFF;
    font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace
}
.dream-box-color {
    padding:1rem
}
.no-gutter {
    margin-left:0;
    margin-right:0;
    line-height:1;
    font-size:.7rem;
    margin-bottom:1rem
}
.one-row {
    width:8.333333%;
    float:left
}
.p-a {
    padding:1rem;
    color:#FFF
}
.text-sm {
    font-size:.8rem;
    height:3.9375rem;
    -webkit-line-clamp:3;
    font-weight:600;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    text-transform:uppercase
}
.p-a-sm {
    height:3.9375rem;
    -webkit-line-clamp:3;
    overflow:hidden;
    padding:.5rem;
    display:-webkit-box;
    -webkit-box-orient:vertical
}
.blue,.blue-500,.blue-600,.blue-700,.blue-800,.blue-900,.blue-A200,.blue-A400,.blue-A700,.blue-grey,.blue-grey-400,.blue-grey-500,.blue-grey-600,.blue-grey-700,.blue-grey-800,.blue-grey-900,.brown,.brown-300,.brown-400,.brown-500,.brown-600,.brown-700,.brown-800,.brown-900,.cyan,.cyan-500,.cyan-600,.cyan-700,.cyan-800,.cyan-900,.deep-orange,.deep-orange-500,.deep-orange-600,.deep-orange-700,.deep-orange-800,.deep-orange-900,.deep-orange-A400,.deep-orange-A700,.deep-purple,.deep-purple-300,.deep-purple-400,.deep-purple-500,.deep-purple-600,.deep-purple-700,.deep-purple-800,.deep-purple-900,.deep-purple-A200,.deep-purple-A400,.deep-purple-A700,.green,.green-500,.green-600,.green-700,.green-800,.green-900,.grey-600,.grey-700,.grey-800,.grey-900,.indigo,.indigo-300,.indigo-400,.indigo-500,.indigo-600,.indigo-700,.indigo-800,.indigo-900,.indigo-A200,.indigo-A400,.indigo-A700,.light-blue,.light-blue-500,.light-blue-600,.light-blue-700,.light-blue-800,.light-blue-900,.light-blue-A700,.light-green-800,.light-green-900,.lime-900,.orange-800,.orange-900,.pink,.pink-500,.pink-600,.pink-700,.pink-800,.pink-900,.pink-A200,.pink-A400,.pink-A700,.purple,.purple-300,.purple-400,.purple-500,.purple-600,.purple-700,.purple-800,.purple-900,.purple-A200,.purple-A400,.purple-A700,.red,.red-500,.red-600,.red-700,.red-800,.red-900,.red-A200,.red-A400,.red-A700,.teal,.teal-500,.teal-600,.teal-700,.teal-800,.teal-900 {
    color:rgba(255,255,255,.87)
}
.amber,.amber-100,.amber-200,.amber-300,.amber-400,.amber-50,.amber-500,.amber-600,.amber-700,.amber-800,.amber-900,.amber-A100,.amber-A200,.amber-A400,.amber-A700,.blue-100,.blue-200,.blue-300,.blue-400,.blue-50,.blue-A100,.blue-grey-100,.blue-grey-200,.blue-grey-300,.blue-grey-50,.brown-100,.brown-200,.brown-50,.cyan-100,.cyan-200,.cyan-300,.cyan-400,.cyan-50,.cyan-A100,.cyan-A200,.cyan-A400,.cyan-A700,.deep-orange-100,.deep-orange-200,.deep-orange-300,.deep-orange-400,.deep-orange-50,.deep-orange-A100,.deep-orange-A200,.deep-purple-100,.deep-purple-200,.deep-purple-50,.deep-purple-A100,.green-100,.green-200,.green-300,.green-400,.green-50,.grey-100,.grey-200,.grey-300,.grey-400,.grey-50,.grey-500,.indigo-100,.indigo-200,.indigo-50,.indigo-A100,.light-blue-100,.light-blue-200,.light-blue-300,.light-blue-400,.light-blue-50,.light-blue-A100,.light-blue-A200,.light-blue-A400,.light-green-100,.light-green-A100,.light-green-A200,.light-green-A400,.light-green-A700,.lime,.lime-100,.lime-200,.lime-300,.lime-400,.lime-50,.lime-500,.lime-600,.lime-700,.lime-800,.lime-A100,.lime-A200,.lime-A400,.lime-A700,.orange,.orange-100,.orange-200,.orange-300,.orange-400,.orange-50,.orange-500,.orange-600,.orange-700,.orange-A100,.orange-A200,.orange-A400,.orange-A700,.pink-100,.pink-200,.pink-300,.pink-400,.pink-50,.pink-A100,.purple-100,.purple-200,.purple-50,.purple-A100,.red-100,.red-200,.red-300,.red-400,.red-50,.red-A100,.teal-100,.teal-200,.teal-300,.teal-400,.teal-50,.teal-A100,.teal-A200,.teal-A400,.teal-A700,.yellow,.yellow-100,.yellow-200,.yellow-300,.yellow-400,.yellow-50,.yellow-500,.yellow-600,.yellow-700,.yellow-800,.yellow-900,.yellow-A100,.yellow-A200,.yellow-A400,.yellow-A700 {
    color:rgba(0,0,0,.87)
}
.green-A100,.green-A200,.green-A400,.green-A700,.light-green,.light-green-200,.light-green-300,.light-green-400,.light-green-50,.light-green-500,.light-green-600,.light-green-700 {
    color:#fff
}
.color-ul-box li {
    width:20%;
    height:80px;
    float:left;
    color:#333;
    line-height:20px
}
.color-ul-box li p {
    padding-left:10px;
    line-height:26px
}
.color-fangan-list {
    padding:8px;
    border-bottom:1px solid #f3f3f3;
    padding-bottom:20px
}
.browser-palette {
    width:33.3333%;
    overflow:hidden;
    float:left;
    padding:8px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    transition:opacity .3s ease
}
.browser-palette-info {
    margin-bottom:10px
}
.browser-palette-info a {
    float:right;
    font-size:12px
}
.browser-palette-info small {
    float:left
}
.browser-palette-colors {
    display:flex;
    width:100%;
    height:80px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.browser-palette-colors div {
    height:100%;
    flex:1;
    transition:flex 500ms ease-out;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.list-color-1 div {
    width:100%;
}
.list-color-2 div {
    width:50%;
}
.list-color-3 div {
    width:33.333333%;
}
.list-color-4 div {
    width:25%;
}
.list-color-5 div {
    width:20%;
}
.list-color-6 div {
    width:16.666666%;
}
.browser-palette-colors div:hover {
    cursor:pointer;
    flex:3;
    box-shadow:1px 1px 2px rgba(0,0,0,0.3);
}
/*
.browser-palette-colors div:first-of-type {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px
}
.browser-palette-colors div:last-child {
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}*/
.show-colors {
    display:flex;
    height:100%;
    width:100%;
    position:fixed;
    top:80px
}
.show-colors div[class*=one-color-]:hover {
    cursor:pointer;
    flex:3;
}
.show-colors div[class*=one-color-] {
    flex:1;
    transition:flex 500ms ease-out;
    height:100%;
    position:relative
}
.show-colors .color-info {
    position:absolute;
    width:100%;
    bottom:120px;
    color:#fff;
    font-size:33px;
    text-align:center;
    font-weight:500;
    transition:color .5s ease-in-out;
    cursor:pointer
}
.show-colors .color-info:hover {
    color:#b2c2d4
}
div.one-color-1 {
    width:100%;
}
div.one-color-2 {
    width:50%;
}
div.one-color-3 {
    width:33.333333%;
}
div.one-color-4 {
    width:25%;
}
div.one-color-5 {
    width:20%;
}
div.one-color-6 {
    width:16.666666%;
}
#cyReward {
    margin-top:20px;
    text-align:center;
}
.incontent blockquote {
    background-color:#f4f8fa;
    padding:10px 5px 10px 15px;
    color:#5bc0de;
    border-left:4px solid #5bc0de;
    margin-bottom:1em;
}
.incontent blockquote p {
    margin:0;
}
.adv760 {
    width:760px;
    margin:0 auto 15px;
}
.adv960 {
    width:960px;
    margin:15px auto 0px;
}
.adv250 {
    width:250px;
    margin-top:15px;
}
.mb15 {
    margin-bottom:15px;
}
code {
    font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
    padding:0;
    padding-top:0.2em;
    padding-bottom:0.2em;
    margin:0;
    font-size:85%;
    background-color:rgba(27,31,35,0.05);
    border-radius:3px;
}
code::before,code::after {
    letter-spacing:-0.2em;
    content:"\00a0";
}
.colorcenter {
    width:720px;
    float:left;
}
.color-right {
    width:300px;
    margin-left:80px;
    float:left;
}
.ui-box {
    width:1480px;
    padding:10px;
    margin:20px auto 0;
    background-color:#fff;
}
.ui-box ul li {
    float:left;
}
.ui-box ul li h2 {
    display:block;
    margin-top:10px;
    height:30px;
    line-height:30px;
    overflow:hidden;
}
/*文字广告*/
.gg_list .gg_title{
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    font-size: 16px;
    margin-bottom: 9px;
    font-weight: 900;
}
.gg_list .line {
    height: 27px;
    line-height: 27px;
    overflow: hidden;
	padding-left: 10px;
    background: url(//cpro.baidustatic.com/cpro/ui/noexpire/img/2.0.0/native_ad.png) no-repeat left -270px;
    margin-left: 7px;
}
.gg_list .line a {
    color: #000000;
    font-family: "微软雅黑";
    font-size: 12px;
    font-weight: normal;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;

    -ms-flex-pack: center!important;
    justify-content: center !important;
}

.page-item {
    border: none!important;
    padding: 0px !important;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin: 0 3px;
    line-height: 1.3;
    color: #6c757d;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    white-space: nowrap !important;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}
.page-item.disabled .page-link {
    color: #6c757d;
    opacity: 0.6;
}
/*首页广告*/
.adv-box {
    width: 260px;
    height: 320px;
    background-color: #fff;
    float: left;
    margin-left: 20px;
    padding: 10px;
}
.card-shadow {
    border-radius: 5px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(100, 101, 105, .1);
    box-shadow: 0 8px 16px 0 rgba(100, 101, 105, .1);
}
.login-box {
    float: right;
}
.login-box .qq-btn {
    display: block;
    margin-top: 20px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 15px;
    background-color: rgba(255, 255, 255, .075);
    text-decoration: none;
    border-radius: 20px;
    color: #fff;
}
.login-box .qq-btn:hover {
    background-color: rgba(255, 255, 255, .175);
}
.d-flex {
    display: flex;
}
.ml-10px {
    margin-left: 10px;
}
.mb-10px {
    margin-bottom: 10px;
}