@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

ol,
ul {
    list-style: none
}

img {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th,
td {
    vertical-align: middle
}

html {
    height: 100%;
    color: #000;
    background: url(../../../imgtu/191.jpg);
    background-attachment: fixed
}

body {
    font: 14px/1.8 "Microsoft Yahei", Arial, Helvetica, sans-serif;
    color: #000
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input,
select,
button,
textarea {
    font-size: 100%;
    font-family: inherit;
    margin: 0;
    padding: 0;
    outline: none
}

a {
    color: inherit;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #aaa
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #aaa
}

input[type=text],
select {
    -webkit-appearance: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.clearfix {
    *zoom: 1
}

.clear {
    clear: both;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden
}

html,
body,
div,
span,
header,
nav,
a,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

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

body {
    -webkit-text-size-adjust: 100%;
    min-height: 100%;
    background: url(../images/bg-white.png) top center repeat-y
}

ol,
ul {
    list-style: none
}

.cgi-body {
    max-width: 800px;
    margin: 0 auto;
    position: relative
}

.white-box {
    max-width: 800px;
    margin: 1px auto auto;
    border: solid 1px #ddd;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.mt10 {
    margin-top: 4px
}

@media screen and (max-width:800px) {
    .cgi-wrap {
        padding: 0 5px
    }
    .white-box {
        margin-top: 0;
        padding: 0
    }
    .mt10 {
        margin-top: 5px
    }
}

.cgi-head-home {}

.cgi-head-home img {
    width: 100%;
    height: auto
}

#cgi-head-search {
    margin-top: 10px;
    padding: 15px 0;
    background: #019c3a;
    background-image: linear-gradient(to right, #006afe, #00baff, #006afe)
}

.cgi-search-tit {
    line-height: 1;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 700;
    color: #ff0;
    font-size: 18px
}

.cgi-head-search {
    width: 90%;
    height: 30px;
    margin: 0 5%
}

.cgi-head-search .search-box {
    padding-right: 40px;
    padding-left: 12px;
    background: #fff;
    border-radius: 15px;
    position: relative
}

.cgi-head-search .search-txt {
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding: 3px 0;
    border: 0;
    background: 0 0
}

.cgi-head-search .search-btn {
    width: 40px;
    height: 30px;
    border: 0;
    background: url(../images/cgi-head-search.png) center center no-repeat;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999999px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.cgi-head {
    height: 45px;
    color: #fff;
    background: #006afe;
    background-image: linear-gradient(to right, #00d9ff, #006afe, #00d9ff);
    position: relative
}

.icon-back {
    float: left;
    width: 40px;
    height: 45px;
    display: inline-block;
    position: relative
}

.icon-back:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 16px;
    left: 15px
}

.icon-back:after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.cgi-head-tit {
    line-height: 45px;
    font-size: 18px
}

.cgi-head-tit.tit-center {
    width: 80%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 10%
}

.cgi-head-btn {
    float: right;
    line-height: 20px;
    margin: 9px 10px 0 0;
    padding: 3px 10px;
    color: #fff;
    font-size: 14px;
    border: solid 1px rgba(255, 255, 255, .5);
    border-radius: 15px;
    display: inline-block
}

.cgi-head-btn:hover {
    text-decoration: none;
    color: #0063ca;
    border: solid 1px #fff;
    background: #fff
}

.cgi-head-a {
    float: right;
    line-height: 20px;
    margin: 9px 10px 0 0;
    padding: 3px 10px;
    color: #fff;
    font-size: 14px;
    border: solid 1px rgba(255, 255, 255, .5);
    border-radius: 15px;
    display: inline-block
}

.cgi-head-a:hover {
    text-decoration: none;
    color: #0063ca;
    border: solid 1px #fff;
    background: #fff
}

.cgi-head-foot {
    height: 3px;
    background: #fff;
    background-image: linear-gradient(to right, #f7f7f7, #00d9ff, #f7f7f7)
}

.cgi-nav {
    height: 45px;
    background: #fff
}

.cgi-nav ul {}

.cgi-nav ul li {
    float: left;
    width: 25%
}

.cgi-nav ul li a {
    height: 45px;
    line-height: 45px;
    color: #0063ca;
    font-size: 16px;
    text-align: center;
    display: block
}

.cgi-nav-foot {
    height: 3px;
    background: #fff;
    background-image: linear-gradient(to right, #f7f7f7, #00d9ff, #f7f7f7)
}

.cgi-kjjl-box {
    margin-top: 10px;
    padding: 0 5px 5px;
    border: solid 1px #ddd;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.cgi-kjjl-box .kjjl-tit {
    padding-bottom: 10px;
    text-align: center
}

.cgi-kjjl-box .kjjl-tit span {
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    background: red;
    position: relative
}

.cgi-kjjl-box .kjjl-tit span:before {
    content: ".";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-top: 40px solid red;
    position: absolute;
    left: -40px
}

.cgi-kjjl-box .kjjl-tit span:after {
    content: ".";
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 40px solid transparent;
    border-top: 40px solid red;
    position: absolute;
    right: -40px
}

.cgi-kjjl-box .kjjl-con {
    position: relative;
    z-index: 1
}

.cgi-kjjl-box .kjjl-con ul {}

.cgi-kjjl-box .kjjl-con ul li {
    float: left;
    width: 25%
}

.cgi-kjjl-box .kjjl-con ul li a {
    height: 40px;
    line-height: 40px;
    margin: 5px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background: #006afe;
    background-image: linear-gradient(to top, #006afe, #0095fe);
    display: block
}

.cgi-kjjl-box .kjjl-con ul li a:hover {
    text-decoration: none;
    background: #0095fe;
    background-image: linear-gradient(to bottom, #006afe, #0095fe)
}

.cgi-kjjl-box .kjjl-con ul li:last-child {
    width: 100%
}

.cgi-kjjl-box .kjjl-con ul li:last-child a {
    color: #000;
    border: solid 1px #ddd;
    background: #eee;
    background-image: linear-gradient(to top, #eee, #fff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.cgi-kjjl-box .kjjl-con ul li:last-child a:hover {
    background: #fff;
    background-image: linear-gradient(to bottom, #eee, #fff)
}

@media screen and (max-width:800px) {
    .cgi-kjjl-box {
        font-size: 14px
    }
    .cgi-kjjl-box .kjjl-con ul li a {
        height: 30px;
        line-height: 30px;
        border-radius: 15px
    }
}

.u-list-look .look-img {
    margin-bottom: 5px;
    overflow: hidden
}

.u-list-look .look-img span {
    float: left;
    max-width: 31%;
    overflow: hidden;
    padding: 0 0 10px;
    width: auto
}

.u-list-look .look-img img.zoom {
    height: 110px;
    width: 100%
}

.u-list-look .look-img span:nth-child(-n+3) {
    margin: 0 2.5% 0 0
}

.u-list-look .look-sum {
    height: 36px;
    line-height: 36px;
    color: #aaa
}

.u-list-look .look-sum .look-pic {
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    display: inline-block
}

.u-list-look .look-sum .look-pic img {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.u-list-look .look-sum .look-author {
    float: left;
    margin-right: 10px;
    color: #0063ca
}

.u-list-look .look-sum .look-date {
    float: left;
    font-size: 14px
}

.u-list-look .look-menu {
    height: 24px;
    line-height: 24px;
    color: #aaa
}

.u-list-look .look-menu span {
    height: 24px;
    margin-right: 20px;
    position: relative
}

.u-list-look .look-menu span em {
    position: absolute;
    top: -20px;
    left: 30px
}

.u-list-look .look-menu span i {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: bottom
}

.u-list-look .look-menu span.look-menu4 {
    float: right;
    margin-right: 10px
}

.u-list-look .look-menu span.look-menu1 i {
    background: url(../images/cgi-zan.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu span.look-menu2 i {
    background: url(../images/cgi-cai.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu span.look-menu3 i {
    background: url(../images/cgi-pl.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu span.look-menu4 i {
    background: url(../images/cgi-view.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu a {
    color: #aaa
}

.u-list-look .look-menu a.hover {
    color: red
}

.u-list-look .look-menu span.look-menu1 a.hover i {
    background: url(../images/cgi-zan-2.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu span.look-menu2 a.hover i {
    background: url(../images/cgi-cai-2.png) 0 0 no-repeat;
    background-size: 24px auto
}

.cgi-tit {
    border-bottom: solid 1px #ddd;
    padding: 10px 0
}

.cgi-tit h1 {
    font-size: 18px;
    font-weight: 700
}

.tit-date {}

.tit-date-l {
    float: left
}

.tit-date-l span {
    color: #0063ca
}

.tit-date-r {
    float: right
}

.tit-date-r span {
    float: right;
    padding-left: 30px;
    background: url(../images/cgi-view.png) left center no-repeat;
    background-size: 24px auto
}

.cgi-info {
    padding: 20px 10px 0
}

.cgi-info dl {}

.cgi-info dt {
    float: left;
    padding-top: 3px
}

.cgi-info dt img {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.cgi-info dd {
    padding-left: 46px
}

.cgi-info-author {
    color: #0063ca
}

.u-badge {
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    background-color: #0063ca;
    border-radius: 4px;
    padding: 1px 3px;
    margin-left: 3px
}

.cgi-info-time {
    padding: 5px 0;
    color: #999;
    font-size: 14px
}

.cgi-bd {
    padding: 10px 0
}

.cgi-bd p {
    margin-bottom: 1em
}

.cgi-bd-img {}

.cgi-bd-img p {}

.cgi-bd-img img {
    width: 100%;
    height: auto
}

.cgi-tool {
    height: 31px;
    line-height: 31px;
    text-align: right;
    font-size: 14px;
    color: #999;
    border-bottom: solid 1px #ddd
}

.cgi-tool:last-child {
    border-bottom: 0
}

.cgi-tool-num {
    padding: 0 3%;
    color: #0063ca
}

.cgi-reply {
    padding: 0 3%;
    color: #0063ca
}

.cgi-floor {
    padding: 0 10px 0 3%
}

.reply-list {
    border-top: 1px solid #ddd;
    padding: 15px 0 10px;
    margin-left: 56px;
    margin-right: 10px;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px
}

.reply-list:after {
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background-color: #fff;
    top: -4px;
    left: 30px
}

.reply-list li {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px #eee
}

.reply-list li .reply-author {
    color: #0063ca;
    font-size: 14px
}

.reply-list li .reply-time {
    float: right;
    font-size: 12px;
    color: #999
}

.cgi-black-bg {
    width: 100%;
    max-width: 800px;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60)
}

.cgi-tan-box-container {
    position: fixed;
    left: -100%;
    right: 100%;
    top: 0;
    bottom: 0;
    text-align: center;
    font-size: 0;
    z-index: 1000
}

.cgi-tan-box-container:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.cgi-tan-box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    position: relative;
    right: -100%;
    width: 40%;
    max-width: 500px;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, .7)
}

.cgi-tan-content {
    padding: 20px 15px
}

#tipDialogContainer {
    display: none
}

.cgi-input-wrapper {
    margin: 0 10%;
    padding-top: 10px
}

.cgi-input-wrapper li {
    padding-top: 10px
}

.cgi-input-wrapper input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0;
    border-bottom: solid 1px #ddd
}

.cgi-input-btn {
    margin: 0 10%;
    padding-top: 20px
}

.cgi-input-btn input {
    width: 100%;
    height: 40px;
    color: #fff;
    border: 0;
    border-radius: 20px;
    background: #ff6c05;
    cursor: pointer
}

.cgi-input-btn input:hover {
    background: #ff9508
}

.cgi-input-btn2 {
    margin: 0 10%;
    padding-top: 20px
}

.cgi-input-btn2 input {
    width: 100%;
    height: 40px;
    color: #ff6c05;
    border: 0;
    border-radius: 20px;
    background: rgba(255, 108, 5, .2);
    cursor: pointer
}

.cgi-input-btn2 input:hover {
    background: rgba(255, 108, 5, .1)
}

.cgi-user-function {
    padding: 40px 3% 0
}

.cgi-user-function li {
    float: left;
    width: 40%;
    padding: 0 5%
}

.cgi-user-function li span {
    height: 120px;
    display: block;
    text-align: center;
    border-radius: 20px;
    background: rgba(0, 106, 254, .2)
}

.cgi-user-function li span img {
    height: 100%;
    width: auto
}

.cgi-user-function li p {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #0063ca
}

.cgi-user-pic {
    height: 120px;
    margin-top: 40px;
    text-align: center
}

.cgi-user-pic img {
    width: 120px;
    height: 120px;
    border-radius: 50%
}

.cgi-user-inf {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.cgi-user-inf dt {
    margin-bottom: 20px;
    padding: 20px 0;
    text-align: center;
    color: red;
    font-size: 20px;
    font-weight: 700;
    border-bottom: solid 1px #eee
}

.cgi-user-inf dd {
    padding-bottom: 15px
}

.cgi-user-inf dd a {
    color: #0063ca
}

.cgi-user-list {
    width: 80%;
    margin: 0 auto;
    padding-top: 20px
}

.cgi-user-list ul {}

.cgi-user-list ul li {
    float: left;
    width: 18%;
    padding: 1%
}

.cgi-user-list ul li img {
    width: 100%;
    height: auto
}

.cgi-load-con {
    padding: 5px;
    background: #fff
}

.cgi-load-con li {
    float: left;
    width: 31%
}

.cgi-load-con li:nth-child(1),
.cgi-load-con li:nth-child(2) {
    margin: 0 3.5% 0 0
}

.cgi-load-con li a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 10px;
    background: #19c95c
}

.cgi-load-con li a:hover {
    text-decoration: none;
    background: #25d87b
}

.cgi-post-wrapper {
    padding: 10px 5px
}

.post-tit {
    margin-bottom: 15px;
    padding: 0 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
    background: #fff
}

.post-tit input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 5px 0;
    border: 0
}

.post-btn {
    padding-top: 15px
}

.post-btn input {
    width: 100%;
    height: 40px;
    color: #fff;
    border: 0;
    border-radius: 20px;
    background: #ff6c05;
    cursor: pointer
}

.post-btn input:hover {
    background: #ff9508
}

.photoBox {
    display: inline-block;
    position: relative
}

.photoBox img {
    display: block
}

.zoom {}

.photoArea {
    zoom: 1
}

.minifier {}

.photoArea {}

.photoArea img {
    width: 99%;
    height: auto
}

.cgi-foot-blank {
    height: 70px;
    clear: both;
    overflow: hidden
}

.redClass {
    background: red;
    color: #fff
}

.blueClass {
    background: #00f;
    color: #fff
}

.greenClass {
    background: #090;
    color: #fff
}

.bd {
    font-size: 14px
}

.cgi-zs {}

.cgi-zs .hd {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    overflow: hidden;
    background: #efefef
}

.cgi-zs .hd ul {}

.cgi-zs .hd ul li {
    float: left;
    width: 16.66%;
    text-align: center;
    vertical-align: top
}

.cgi-zs .hd ul li.on a {
    color: red;
    display: block;
    height: 33px;
    line-height: 33px;
    border-bottom: 2px solid red
}

.cgi-zs .bd td {
    text-align: center;
    padding: 2px 0;
    border: 1px solid #ddd
}

.tableti td {
    background: #f8f8f8;
    border-bottom: 2px solid #666
}

.cgi-zs .bd td font {
    display: block
}

.cgi-zs .bd td i {
    color: #999;
    font-size: 10px
}

.cgi-zl {}

.cgi-zl .hd {
    height: 77px;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.cgi-zl .hd ul li {
    float: left;
    width: 20%;
    text-align: center
}

.cgi-zl .hd ul li span {
    display: block;
    width: 50%;
    height: 40px;
    margin: 0 auto 10px
}

.cgi-zl .hd ul li span img {
    height: 100%;
    width: auto
}

.cgi-zl .hd ul li.on a {
    display: block;
    padding-bottom: 5px;
    border-bottom: 3px solid red
}

.sxsuxing1 td {
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.hongbospan span {
    margin: 3px 5px;
    float: left;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: red
}

.lanbospan span {
    margin: 3px 5px;
    float: left;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #36f
}

.lvbospan span {
    margin: 3px 5px;
    float: left;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #093
}

.sxsuxing2 td {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    overflow: hidden
}

.sxsuxing1 span,
.sxsuxing2 span {
    float: left;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    margin: 0 3px;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.sxsuxing2 i {
    float: left;
    width: 50px;
    text-align: center;
    height: 20px;
    line-height: 20px
}

.sxsuxing3 td {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    overflow: hidden
}

.sxsuxing3 i {
    color: red
}

.bg_blue {
    background: red
}

.bg_red {
    background: #36f
}

.bg_green {
    background: #093
}

.cgi-tongji {}

.cgi-tongji-tit {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    border-top: solid 1px #ddd;
    background: #f8f8f8
}

.cgi-tongji-tit span {
    height: 16px;
    line-height: 16px;
    border-left: solid 4px red;
    padding-left: 10px;
    display: inline-block
}

.cgi-tongji .cgi-tongji-tit:nth-child(1) {
    border-top: 0
}

.cgi-tongji table {}

.cgi-tongji td {
    text-align: center;
    padding: 2px 0;
    border: 1px solid #ddd
}

.cgi-tongji td span {
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    margin: 3px;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: red;
    display: inline-block
}

.cgi-tongji-bg {
    width: 42%;
    color: #888;
    background: #f8f8f8;
    background-image: -webkit-linear-gradient(to top, #f8f8f8, #ffffff);
    background-image: linear-gradient(to top, #f8f8f8, #ffffff)
}

.cgi-tongji-qi {
    font-size: 12px
}

.cgi-tongji-grey {
    height: 5px;
    overflow: hidden;
    background: #eee
}

.cgi-pic {}

.cgi-pic ul {
    padding-top: 10px
}

.cgi-pic ul li {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    height: 200px
}

.cgi-pic ul li a {
    display: block;
    margin: 0 5px 10px;
    position: relative;
    line-height: 30px;
    text-align: center
}

.cgi-pic ul li a img {
    width: 100%;
    height: 200px
}

.cgi-pic ul li a span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    background: rgba(0, 0, 0, .7)
}

@media screen and (max-width:500px) {
    .cgi-pic ul li {
        height: 140px
    }
    .cgi-pic ul li a img {
        height: 140px
    }
}

@media screen and (max-width:450px) {
    .cgi-pic ul li {
        height: 130px
    }
    .cgi-pic ul li a img {
        height: 130px
    }
}

@media screen and (max-width:400px) {
    .cgi-pic ul li {
        height: 120px
    }
    .cgi-pic ul li a img {
        height: 120px
    }
}

.black-table {}

.black-table table {}

.black-table th {
    padding: 5px;
    color: red;
    font-weight: 700;
    background: #ff0
}

.black-table td {
    padding: 5px;
    color: #0f0;
    font-weight: 700;
    background: #000
}

.list1 {}

.list1 th {
    height: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: solid 1px #2ca9e1;
    background: #39f
}

.list1 td {
    height: 35px;
    text-align: center;
    border: solid 1px #ddd
}

.list2 {}

.list2 th {
    height: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: solid 1px #f16000;
    background: #ff6c05
}

.list2 td {
    height: 35px;
    text-align: center;
    border: solid 1px #ddd
}

.list3 {
    line-height: 1.5em
}

.list3 th {
    padding: 7px;
    font-weight: 400;
    border: solid 1px #fc8200;
    background: #f90
}

.list3 td {
    padding: 7px 3px;
    text-align: center;
    font-size: 14px;
    border: solid 1px #ddd
}

.list4 {}

.list4 td {
    height: 35px;
    text-align: center;
    border: solid 1px #ddd
}

.list5 {}

.list5 th {
    height: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: solid 1px #1883ed;
    background: #39f
}

.list5 td {
    height: 35px;
    text-align: center;
    border: solid 1px #ddd
}

.list5 tr:nth-child(2n) td {
    background: #f7f7f7
}

.list6 {}

.list6 th {
    height: 40px;
    color: #ff0;
    font-weight: 700;
    text-align: center;
    border: solid 1px #2ca9e1;
    background: #39f
}

.list6 td {
    padding: 5px 0;
    font-size: 14px;
    text-align: center;
    border: solid 1px #ddd;
    background: #e8ffff
}

.list7 {}

.list7 th {
    height: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: solid 1px #2ca9e1;
    background: #39f
}

.list7 td {
    padding: 5px 10px;
    font-size: 14px;
    border: solid 1px #ddd;
    background: #fff
}

.list8 {}

.list8 th {
    height: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: solid 1px #2ca9e1;
    background: #39f
}

.list8 td {
    padding: 5px;
    font-size: 14px;
    border: solid 1px #ddd
}

.list9 {}

.list9 th {
    height: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: solid 1px #2ca9e1;
    background: #39f
}

.list9 td {
    height: 35px;
    text-align: center;
    border: solid 1px #ddd
}

.list-sq {
    line-height: 1.5em
}

.list-sq th {
    padding: 7px;
    font-weight: 400;
    border: solid 1px #fc8200;
    background: #f90
}

.list-sq td {
    padding: 7px 3px;
    text-align: center;
    font-size: 14px;
    border: solid 1px #ddd
}

.list-tit1 {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border: solid 1px #39f;
    border-radius: 5px 5px 0 0;
    background: #39f;
    background-image: linear-gradient(to top, #39f, #2ca9e1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.list-box1 {
    padding: 5px 10px;
    border: solid 1px #ddd;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

ul.list-btn {}

ul.list-btn li {
    padding: 5px 0
}

ul.list-btn li a {
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 5px;
    background: #eee;
    background-image: linear-gradient(to top, #eee, #fff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    display: block
}

.view-green {
    padding-top: 5px
}

.view-green a {
    height: 35px;
    line-height: 35px;
    color: #39f;
    text-align: center;
    border: solid 1px #64cd64;
    border-radius: 5px;
    background: #dcffdc;
    background-image: linear-gradient(to top, #dcffdc, #fff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    display: block
}

.view-green a:hover {
    text-decoration: none;
    background: #fff;
    background-image: linear-gradient(to bottom, #dcffdc, #fff)
}

.view-blue {
    padding-top: 5px
}

.view-blue a {
    height: 35px;
    line-height: 35px;
    color: #0063ca;
    text-align: center;
    border: solid 1px #93c7fb;
    border-radius: 5px;
    background: #d7ebff;
    background-image: linear-gradient(to top, #d7ebff, #fff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    display: block
}

.view-blue a:hover {
    text-decoration: none;
    background: #fff;
    background-image: linear-gradient(to bottom, #d7ebff, #fff)
}

.view-red {
    padding-top: 5px
}

.view-red a {
    height: 35px;
    line-height: 35px;
    color: red;
    text-align: center;
    border: solid 1px #efa0a0;
    border-radius: 5px;
    background: #ffe2e2;
    background-image: linear-gradient(to top, #ffe2e2, #fff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    display: block
}

.view-red a:hover {
    text-decoration: none;
    background: #fff;
    background-image: linear-gradient(to bottom, #ffe2e2, #fff)
}

.view-orange {
    padding-top: 5px
}

.view-orange a {
    height: 35px;
    line-height: 35px;
    color: #ff6c05;
    text-align: center;
    border: solid 1px #f9aa43;
    border-radius: 5px;
    background: #ffeab6;
    background-image: linear-gradient(to top, #ffeab6, #fff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    display: block
}

.view-orange a:hover {
    text-decoration: none;
    background: #fff;
    background-image: linear-gradient(to bottom, #ffeab6, #fff)
}

.tit1 {
    margin-top: 10px;
    padding: 10px 0 10px 35px;
    font-size: 18px;
    font-weight: 700;
    background: url(../images/iphone.png.html) left center no-repeat;
    background-size: 28px 28px
}

.cgi-gsb2-tit {
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    padding: 0 10px;
    font-weight: 700;
    border-bottom: solid 1px #ddd;
    background-image: linear-gradient(to top, #eee, #fff)
}

.cgi-gsb2-tit img {
    width: 17px;
    height: auto
}

.cgi-gsb2-tit a {
    float: right;
    padding-right: 12px;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    background: url(../images/p-right-red.png) right center no-repeat;
    background-size: 9px
}

.cgi-gsb2 {}

.cgi-gsb2 ul {
    padding: 0 10px 10px
}

@media screen and (max-width:800px) {
    .cgi-gsb2 ul {
        padding: 0 5px 5px
    }
}

.cgi-gsb2 ul li {
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px #eaeaea solid;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gsb2 ul li span.cgi-zuozhe {
    float: right;
    margin-left: 10px;
    font-size: 14px;
    color: #999
}

.cgi-gsb2 ul li a {
    color: #006afe
}

.list-in {}

.list-in ul {
    padding: 0 10px
}

.list-in ul li {
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px #eaeaea solid;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list-in ul li:last-child {
    border-bottom: 0
}

.list-in ul li span.cgi-zuozhe {
    float: right;
    margin-left: 10px;
    font-size: 14px;
    color: #999
}

.list-in ul li a {
    color: #006afe
}

.mt20 {
    margin-top: 10px
}

.piic-list {}

.piic-list ul {}

.piic-list ul li {
    float: left;
    width: calc(100% - 27px);
    margin-right: 10px;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #ddd;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.piic-list ul li:nth-child(2n) {
    margin-right: 0
}

.piic-list ul li:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background: #fff
}

.piic-list ul li a {
    display: block;
    position: relative;
    line-height: 30px
}

.piic-list ul li a:hover {
    text-decoration: none
}

.piic-list ul li a img {
    width: 100%;
    height: 360px
}

.piic-list ul li a span {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    display: block
}

@media screen and (max-width:800px) {
    .piic-list ul li a span {
        height: 30px;
        line-height: 30px;
        font-size: 16px
    }
}

.piic-list ul li a p {
    font-size: 14px;
    line-height: 20px;
    color: #999
}

@media screen and (max-width:640px) {
    .piic-list ul li a img {
        height: 280px
    }
}

@media screen and (max-width:550px) {
    .piic-list ul li a img {
        height: 160px
    }
}

@media screen and (max-width:450px) {
    .piic-list ul li a img {
        height: 140px
    }
}

@media screen and (max-width:400px) {
    .piic-list ul li a img {
        height: 110px
    }
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.clearfix {
    *zoom: 1
}

.gp-txt-more {
    height: 33px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    clear: both;
    display: -webkit-box;
    padding: 2px 12px 12px
}

.gp-txt-more a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    background: #ca9638;
    border-radius: 16px;
    width: 100%
}

.cgi-gsb2-tit {
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    color: #0063ca;
    font-weight: 700;
    border-bottom: solid 2px #ddd
}

.cgi-gsb2-tit img {
    width: 17px;
    height: auto;
    margin-right: 3px
}

.cgi-gsb2-tit a {
    float: right;
    padding-right: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    display: inline-block;
    background: url(../images/p-right-red.png) right center no-repeat;
    background-size: 9px
}

.gsb2 {}

.gsb2 ul {}

.gsb2 li {
    border-bottom: solid 1px #ddd
}

.gsb2 li a {
    padding: .5em 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gsb2 li img {
    margin-right: 3px
}

.gsb3 {}

.gsb3-l {
    float: left;
    width: calc(50% - 5px)
}

.gsb3-r {
    float: right;
    width: calc(50% - 5px)
}

.gsb3 ul {}

.gsb3 li {
    border-bottom: solid 1px #ddd
}

.gsb3 li a {
    padding: .5em 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gsb3 li .gsb3-num {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    background: #00a0e9
}

.bizhong {
    width: 100%;
    margin: 0 auto
}

.bizhong-box {
    float: left;
    width: 100%;
    display: none
}

.action-bz {
    display: block
}

.bizhong-page {
    height: 40px;
    padding-top: 5px
}

.bizhong-btn {
    float: left;
    width: calc( 50% - 7px);
    height: 38px;
    line-height: 38px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    background: #aaa;
    border: solid 1px #ccc;
    border-radius: 5px;
    background-image: linear-gradient(to top, #ddd, #fff);
    cursor: pointer
}

.bizhong-btn:hover {
    background-image: linear-gradient(to bottom, #ddd, #fff)
}

.bizhong-btn.bizhong-pre {}

.bizhong-btn.bizhong-next {
    margin-right: 0
}

.bizhong table {
    border-collapse: collapse;
    font-weight: 700
}

.bizhong table th {
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    border: solid 1px #555
}

.bizhong table thead th {
    color: red;
    background: #ff0
}

.bizhong table tfoot th {
    background: red
}

.bizhong table td {
    padding: 5px 10px;
    color: #0f0;
    border: solid 1px #555;
    background: #000
}

.neimu {}

.neimu table {}

.neimu th {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #078aa2;
    border: solid 1px #ccc
}

.neimu td {
    padding: 5px;
    border: solid 1px #ccc;
    text-align: center
}

.neimu td td {
    padding: 0
}

.neimu td font {
    color: red
}

.gongshi {}

.gongshi th {
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #15ab15
}

.gongshi td {
    width: 33.33%;
    height: 30px;
    text-align: center;
    border: solid 1px #ddd
}

.ad ul {}

.ad ul li {
    float: left;
    width: 48%;
    margin: 1%
}

.ad ul li a {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    background: #ff4c01;
    background-image: linear-gradient(to top, #ff4d05, #fc940d);
    display: block
}

.ad ul li a.a2 {
    background-image: linear-gradient(to top, #ff0563, #fc0d26)
}

.ad ul li a.a3 {
    background-image: linear-gradient(to top, #a905ff, #ea0dfc)
}

.ad ul li a.a4 {
    background-image: linear-gradient(to top, #0d76fc, #05b6ff)
}

.ad ul li a.a5 {
    background-image: linear-gradient(to top, #19cc08, #26e325)
}

.gongkai {}

.gongkai table {}

.gongkai td {
    padding: 5px 0;
    text-align: center;
    border: solid 1px #ddd
}

.gongkai td.td1 {
    width: 120px;
    background: #dbf9f2
}

.gongkai td.td2 {
    padding: 0 5px;
    font-weight: 700;
    word-wrap: break-word;
    word-break: break-all
}

.gongkai td.td3 {
    width: 95px;
    background: #dbf9f2
}

.zonghe {}

.zonghe th {
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #e14946
}

.zonghe td {
    width: 50%;
    height: 30px;
    text-align: center;
    border: solid 1px #ddd
}

.zonghe td img {
    margin-right: 8px
}

.jiux {}

.jiux th {
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #f16300
}

.jiux td {
    height: 30px;
    text-align: center;
    border: solid 1px #ddd
}

.jiux td.td1 {
    width: 50px
}

.jiux td.td2 {
    padding: 0 5px;
    color: red;
    background: #ffffea;
    word-wrap: break-word;
    word-break: break-all
}

.jiux td.td3 {
    width: 110px
}

.cbw {}

.cbw th {
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #c332ac
}

.cbw td {
    width: 50%;
    height: 30px;
    border: solid 1px #ddd
}

.cbw td img {
    margin-right: 8px;
    margin-left: 25px
}

.kj-jieguo {}

.kj-jieguo table {}

.kj-jieguo th {
    width: 50%;
    height: 35px;
    font-size: 16px;
    color: #fff;
    border: solid 1px #fff;
    background: #c60
}

.kj-jieguo td {
    height: 30px;
    text-align: center;
    border: solid 1px #c60
}

.guding {}

.guding th {
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #48926e
}

.guding td {
    width: 33.3%;
    height: 30px;
    text-align: center;
    border: solid 1px #ddd
}

.guding td img {
    margin-right: 8px
}

.quannian {}

.quannian th {
    height: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    background: #d70000
}

.quannian td {
    width: 50%;
    height: 30px;
    border: solid 1px #ddd
}

.quannian td img {
    margin-left: 15px;
    margin-right: 8px
}

.sx {}

.sx table {}

.sx th {
    height: 30px;
    border: solid 1px #d8ccb4;
    background: #d8ccb4
}

.sx td {
    height: 25px;
    text-align: center;
    border: solid 1px #d8ccb4;
    word-wrap: break-word
}

.sx td.td1 {
    font-size: 16px;
    font-weight: 700
}

.sx td.td2 {}

.sx td.td1 span {}

.sx-red td {
    color: red
}

.sx-green td {
    color: #093
}

.sx-blue td {
    color: #36f
}

.sx td.td2 {
    padding: 5px 0
}

.sx td.td2 span {
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 3px;
    color: #fff;
    font-size: 12px;
    border-radius: 11px;
    display: inline-block
}

.sx-red .td2 span {
    background: red
}

.sx-green .td2 span {
    background: #093
}

.sx-blue .td2 span {
    background: #36f
}

.sx-red,
.sx-green,
.sx-blue {}

.in-head {
    height: 45px;
    color: #fff;
    background: #ff4c01;
    background-image: linear-gradient(to top, #ff4d05, #fc940d);
    position: relative
}

.in-back {
    float: left;
    width: 40px;
    height: 45px;
    display: inline-block;
    position: relative
}

.in-back:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 16px;
    left: 15px
}

.in-back:after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.in-head-tit {
    line-height: 45px;
    font-size: 18px
}

.cgi-head {
    height: 45px;
    color: #fff;
    background: #ff4c01;
    position: relative;
    background-image: -webkit-linear-gradient(to top, #ff4d05, #fc940d);
    background-image: linear-gradient(to top, #ff4d05, #fc940d)
}

.icon-back {
    float: left;
    width: 40px;
    height: 45px;
    display: inline-block;
    position: relative
}

.icon-back:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 16px;
    left: 15px
}

.icon-back:after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.cgi-head-tit {
    line-height: 45px;
    font-size: 18px
}

.cgi-head-tit.tit-center {
    width: 80%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 10%
}

.cgi-head-btn {
    float: right;
    margin: 9px 10px 0 0;
    padding: 1px 10px;
    color: #fff;
    font-size: 14px;
    border: solid 1px rgba(255, 255, 255, .5);
    border-radius: 15px
}

.cgi-head-a {
    float: right;
    margin: 9px 10px 0 0;
    padding: 1px 10px;
    color: #fff;
    font-size: 14px;
    border: solid 1px rgba(255, 255, 255, .5);
    border-radius: 15px
}

.in-tit {
    border-bottom: solid 1px #ddd;
    padding: 10px;
    background: #f9f9f9
}

.in-tit h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.in-con {
    padding: 10px;
    font-size: 16px;
    word-wrap: break-word;
    word-break: break-all
}

.footer {
    padding: 10px 0;
    text-align: center
}

.u-list-look {
    color: #000
}

.u-list-look li {
    padding: 10px 5px 10px 10px;
    border-bottom: solid 1px #ddd
}

.u-list-look h3 {
    margin-bottom: 5px;
    padding: 4px 10px 5px 0;
    font-size: 16px;
    overflow: hidden;
    line-height: 26px
}

.u-list-look .look-img {
    margin-bottom: 5px;
    overflow: hidden
}

.u-list-look .look-img span {
    float: left;
    max-width: 31%;
    overflow: hidden;
    padding: 0 0 10px;
    width: auto
}

.u-list-look .look-img img.zoom {
    height: 150px;
    width: 100%
}

.u-list-look .look-img span:nth-child(-n+3) {
    margin: 0 2.5% 0 0
}

@media screen and (max-width:640px) {
    .u-list-look .look-img img.zoom {
        height: 130px
    }
}

@media screen and (max-width:550px) {
    .u-list-look .look-img img.zoom {
        height: 110px
    }
}

@media screen and (max-width:450px) {
    .u-list-look .look-img img.zoom {
        height: 90px
    }
}

@media screen and (max-width:400px) {
    .u-list-look .look-img img.zoom {
        height: 70px
    }
}

.u-list-look .look-sum {
    height: 36px;
    line-height: 36px;
    color: #aaa
}

.u-list-look .look-sum .look-pic {
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    display: inline-block
}

.u-list-look .look-sum .look-pic img {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.u-list-look .look-sum .look-author {
    float: left;
    margin-right: 10px;
    color: #d70011
}

.u-list-look .look-sum .look-date {
    float: left;
    font-size: 14px
}

.u-list-look .look-menu {
    height: 24px;
    line-height: 24px;
    color: #aaa;
    font-size: 14px
}

.u-list-look .look-menu span {
    height: 24px;
    margin-right: 20px;
    position: relative
}

.u-list-look .look-menu span em {
    position: absolute;
    top: -20px;
    left: 30px
}

.u-list-look .look-menu span i {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: bottom
}

.u-list-look .look-menu span.look-menu4 {
    float: right;
    margin-right: 10px
}

.u-list-look .look-menu span.look-menu1 i {
    background: url(../images/cgi-zan.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu span.look-menu2 i {
    background: url(../images/cgi-cai.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu span.look-menu3 i {
    background: url(../images/cgi-pl.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu span.look-menu4 i {
    background: url(../images/cgi-view.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu a {
    color: #aaa
}

.u-list-look .look-menu a.hover {
    color: red
}

.u-list-look .look-menu span.look-menu1 a.hover i {
    background: url(../images/cgi-zan-2.png) 0 0 no-repeat;
    background-size: 24px auto
}

.u-list-look .look-menu span.look-menu2 a.hover i {
    background: url(../images/cgi-cai-2.png) 0 0 no-repeat;
    background-size: 24px auto
}

.box-radius {
    margin-top: 10px;
    border: solid 1px #eedba2;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    background: #fff
}

.radius-tit {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    padding: 0 15px;
    font-weight: 700;
    color: #d70011;
    border-bottom: solid 1px #eedba2;
    border-radius: 5px 5px 0 0;
    background: #ffe599;
    background-image: linear-gradient(to top, #ffe599, #fff)
}

.radius-tit span {
    float: left;
    width: 5px;
    height: 15px;
    margin-top: 10px;
    margin-right: 7px;
    display: inline-block;
    background: #fe3501
}

.cgi-head-home {}

.cgi-head-home img {
    width: 100%;
    height: auto
}

#cgi-head-search {
    margin-top: 0;
    padding: 15px 0;
    background: #019c3a;
    background-image: linear-gradient(to right, #006afe, #00baff, #006afe)
}

.cgi-search-tit {
    line-height: 1;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 700;
    color: #ff0;
    font-size: 18px
}

.cgi-head-search {
    width: 90%;
    height: 60px;
    margin: 0 5%
}

.cgi-head-search .search-box {
    padding-right: 40px;
    padding-left: 12px;
    background: #fff;
    border-radius: 15px;
    position: relative
}

.cgi-head-search .search-txt {
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding: 3px 0;
    border: 0;
    background: 0 0
}

.cgi-head-search .search-btn {
    width: 40px;
    height: 30px;
    border: 0;
    background: url(../images/cgi-head-search.png) center center no-repeat;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999999px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.photoBox {
    display: inline-block;
    position: relative
}

.photoBox img {
    display: block
}

.zoom {}

.photoArea {
    zoom: 1
}

.minifier {}

.photoArea {}

.photoArea img {
    width: 99%;
    height: auto
}

.redClass {
    background: red;
    color: #fff
}

.blueClass {
    background: #00f;
    color: #fff
}

.greenClass {
    background: #090;
    color: #fff
}

.bd {
    font-size: 14px
}

.cgi-zs {}

.cgi-zs .hd {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    overflow: hidden;
    background: #efefef
}

.cgi-zs .hd ul {}

.cgi-zs .hd ul li {
    float: left;
    width: 16.66%;
    text-align: center;
    vertical-align: top
}

.cgi-zs .hd ul li.on a {
    color: red;
    display: block;
    height: 33px;
    line-height: 33px;
    border-bottom: 2px solid red
}

.cgi-zs .bd td {
    text-align: center;
    padding: 2px 0;
    border: 1px solid #ddd
}

.tableti td {
    background: #f8f8f8;
    border-bottom: 2px solid #666
}

.cgi-zs .bd td font {
    display: block
}

.cgi-zs .bd td i {
    color: #999;
    font-size: 10px
}

.cgi-zl {}

.cgi-zl .hd {
    height: 77px;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.cgi-zl .hd ul li {
    float: left;
    width: 20%;
    text-align: center
}

.cgi-zl .hd ul li span {
    display: block;
    width: 50%;
    height: 40px;
    margin: 0 auto 10px
}

.cgi-zl .hd ul li span img {
    height: 100%;
    width: auto
}

.cgi-zl .hd ul li.on a {
    display: block;
    padding-bottom: 5px;
    border-bottom: 3px solid red
}

.sxsuxing1 td {
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.hongbospan span {
    margin: 3px 5px;
    float: left;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: red
}

.lanbospan span {
    margin: 3px 5px;
    float: left;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #36f
}

.lvbospan span {
    margin: 3px 5px;
    float: left;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #093
}

.sxsuxing2 td {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    overflow: hidden
}

.sxsuxing1 span,
.sxsuxing2 span {
    float: left;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    margin: 0 3px;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.sxsuxing2 i {
    float: left;
    width: 50px;
    text-align: center;
    height: 20px;
    line-height: 20px
}

.sxsuxing3 td {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    overflow: hidden
}

.sxsuxing3 i {
    color: red
}

.bg_blue {
    background: red
}

.bg_red {
    background: #36f
}

.bg_green {
    background: #093
}

.cgi-tongji {}

.cgi-tongji-tit {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    border-top: solid 1px #ddd;
    background: #f8f8f8
}

.cgi-tongji-tit span {
    height: 16px;
    line-height: 16px;
    border-left: solid 4px red;
    padding-left: 10px;
    display: inline-block
}

.cgi-tongji .cgi-tongji-tit:nth-child(1) {
    border-top: 0
}

.cgi-tongji table {}

.cgi-tongji td {
    text-align: center;
    padding: 2px 0;
    border: 1px solid #ddd
}

.cgi-tongji td span {
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    margin: 3px;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: red;
    display: inline-block
}

.cgi-tongji-bg {
    width: 42%;
    color: #888;
    background: #f8f8f8;
    background-image: -webkit-linear-gradient(to top, #f8f8f8, #ffffff);
    background-image: linear-gradient(to top, #f8f8f8, #ffffff)
}

.cgi-tongji-qi {
    font-size: 12px
}

.cgi-tongji-grey {
    height: 5px;
    overflow: hidden;
    background: #eee
}

.cgi-pic {}

.cgi-pic ul {
    padding-top: 10px
}

.cgi-pic ul li {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    height: 200px
}

.cgi-pic ul li a {
    display: block;
    margin: 0 5px 10px;
    position: relative;
    line-height: 30px;
    text-align: center
}

.cgi-pic ul li a img {
    width: 100%;
    height: 200px
}

.cgi-pic ul li a span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    background: rgba(0, 0, 0, .7)
}

@media screen and (max-width:500px) {
    .cgi-pic ul li {
        height: 140px
    }
    .cgi-pic ul li a img {
        height: 140px
    }
}

@media screen and (max-width:450px) {
    .cgi-pic ul li {
        height: 130px
    }
    .cgi-pic ul li a img {
        height: 130px
    }
}

@media screen and (max-width:400px) {
    .cgi-pic ul li {
        height: 120px
    }
    .cgi-pic ul li a img {
        height: 120px
    }
}

.pic-txt1 {
    padding: 5px
}

.pic-txt1-l {
    float: left
}

.pic-txt1-l img {
    width: 135px;
    height: 100px
}

.pic-txt1-r {
    padding-left: 145px
}

.pic-txt1-r ul {}

.pic-txt1-r ul li {
    height: 35px;
    line-height: 35px;
    border-bottom: dashed 1px #eee;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pic-txt1-r ul li:last-child {
    border-bottom: 0
}

.pic-txt2 {
    padding: 5px
}

.pic-txt2-l {
    float: left
}

.pic-txt2-l img {
    width: 110px;
    height: 80px
}

.pic-txt2-r {
    padding-left: 120px;
    line-height: 25px
}

.pic-txt2-r h2 {
    font-size: 16px
}

.pic-txt2-r div {
    padding-bottom: 5px
}

.pic-txt2-r div img {
    width: 14px;
    height: 14px;
    margin-right: 2px
}

.pic-txt2-r p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.lhc-gs {}

.lhc-gs table {}

.lhc-gs th {
    height: 35px;
    font-size: 16px;
    color: #fff;
    border: solid 1px #7c990c;
    background: #9ab824
}

.lhc-gs td {
    height: 35px;
    text-align: center;
    border: solid 1px #edeae5
}

.tg-t {}

.tg-t td {
    height: 35px;
    text-align: center;
    border: solid 1px #ddd
}

.tg-t td:nth-child(1) {
    border-left: 0
}

.tg-t td:nth-child(-n+4) {
    border-top: 0
}

.tg-t td:nth-child(4) {
    border-right: 0
}

.tg-f {
    padding: 0 20px;
    text-align: center
}

.tg-f ul {}

.tg-f ul li {
    padding: 10px 0;
    border-bottom: solid 1px #ddd
}

.tg-f ul li:last-child {
    border-bottom: 0
}

.lt-zl {}

.lt-zl table {}

.lt-zl th {
    height: 35px;
    font-size: 16px;
    color: #fff;
    border: solid 1px #4aa57a;
    background: #72cba1
}

.lt-zl td {
    height: 35px;
    text-align: center;
    border: solid 1px #edeae5
}

.gl-zx {}

.gl-zx td {
    height: 35px;
    text-align: center;
    border: solid 1px #ddd
}

.gl-zx td:nth-child(1) {
    border-left: 0
}

.gl-zx td:nth-child(-n+3) {
    border-top: 0
}

.gl-zx td:nth-child(3) {
    border-right: 0
}

.cbt-xj {}

.cbt-xj table {
    background: #f1fff5
}

.cbt-xj th {
    height: 35px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border: solid 1px #66a560;
    background: #7fc578
}

.cbt-xj td {
    height: 35px;
    text-align: center;
    border: solid 1px #daf2e1
}

.cbt-tg {
    font-weight: 700;
    font-size: 16px;
    position: relative
}

.cbt-tg table {
    background: #cdffff
}

.cbt-tg td {
    height: 35px;
    padding: 0 10px;
    border: solid 1px #5cd0d0
}

.cbt-zhang {
    width: 130px;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px
}

@media screen and (min-width:800px) {
    .cbt-zhang {
        width: 180px;
        display: inline-block;
        position: absolute;
        top: 18px;
        left: 260px
    }
}

.slideBox {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle
}

.slideBox .bd img {
    width: 100%;
    display: block
}

.slideBox .prev,
.slideBox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png.html) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: .5
}

.slideBox .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px
}

.slideBox .prev:hover,
.slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.slideBox .prevStop {
    display: none
}

.slideBox .nextStop {
    display: none
}

.ifrAo {
    height: 160px
}

@media screen and (max-width:800px) {
    .ifrAo {
        height: 160px
    }
}

@media screen and (max-width:650px) {
    .ifrAo {
        height: 150px
    }
}

@media screen and (max-width:530px) {
    .ifrAo {
        height: 130px
    }
}

@media screen and (max-width:480px) {
    .ifrAo {
        height: 120px
    }
}

@media screen and (max-width:430px) {
    .ifrAo {
        height: 110px
    }
}

.gsb-head {
    border-bottom: dashed 1px #e83f28
}

.gsb-head img {
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.gsb {}

.gsb ul {
    padding: 0 10px 1px
}

.gsb ul li {
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px #eaeaea solid;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gsb ul li span {}

.gsb ul li span.gsb-tit {
    height: 20px;
    line-height: 20px;
    margin-right: 8px;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    background: #d2691e;
    display: inline-block
}

.gsb ul li span.gsb-zz {
    float: right;
    margin-left: 10px;
    font-size: 14px;
    color: #999
}

.gsb ul li a {}

#tabdashen {
    padding: 10px;
    border: solid 1px #000;
    border-top: 0
}

#tabdashen .Menubox {
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #fff
}

#tabdashen .Menubox ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#tabdashen .Menubox li {
    width: calc(20% - 10px);
    margin: 5px;
    padding: 5px 0;
    box-sizing: border-box;
    cursor: pointer;
    background: url(../images/ds-tit.png) 0 0 no-repeat;
    background-size: 100% 100%
}

#tabdashen .Menubox li.hover {
    color: #ff0;
    background: url(../images/ds-tit2.png) 0 0 no-repeat;
    background-size: 100% 100%
}

#tabdashen .Contentbox {
    height: 540px;
    padding: 40px;
    box-sizing: border-box;
    background: url(../images/ds-box.gif.png) top center no-repeat;
    background-size: 100% 100%
}

#tabdashen .Contentbox img {
    width: 100%;
    height: 460px;
    border-radius: 20px
}

@media screen and (max-width:750px) {
    #tabdashen {
        padding: 10px
    }
    #tabdashen .Menubox {
        margin-bottom: 5px;
        font-size: 12px
    }
    #tabdashen .Menubox li {
        width: calc(20% - 4px);
        margin: 2px;
        padding: 5px 0
    }
    #tabdashen .Contentbox {
        height: 240px;
        padding: 20px;
        box-sizing: border-box;
        background: url(../images/ds-box.gif.png) top center no-repeat;
        background-size: 100% 100%
    }
    #tabdashen .Contentbox img {
        width: 100%;
        height: 200px;
        border-radius: 5px
    }
}


  .ad {
            padding: 0px
        }

        .a1 td {
            border-bottom: solid 1px #c0c0c0;
        }
   
        .gfkjw {
            text-align: center;
        }

        .gfkjw a {
            display: block;
            padding: 5px 10px;
            font-weight: bold;
        }

        .gfkjw-txt1 {
            font-size: 24px;
            font-weight: bold;
        }

        .gfkjw-txt2 {
            color: #f00;
            font-size: 20px;
        }

        .gfkjw-txt2 span {
            background: #ff0;
        }

        @media screen and (max-width:750px) {
            .gfkjw a {
                padding: 5px;
            }
            .gfkjw-txt1 {
                font-size: 16px;
            }
            .gfkjw-txt2 {
                font-size: 14px;
            }
        }
  
        * {
            margin: 0;
            padding: 0;
        }

        .fsdh {
            background-color: #ff0;
            font-family: '微软雅黑';
            font-size: 13pt;
            color: #000;
            font-weight: 500;
            border: solid 1px #C0C0C0;
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }
 
        a:visited {
            text-decoration: none;
        }

        a:link {
            text-decoration: none;
        }

        .ccgi-gsb ul {
            /*padding: 0 10px 0px*/
			padding: 0 0px 0px;
        }

        .ccgi-gsb ul li {
            /*text-align: left;
            line-height: 40px;
            font-size: 14px;
            border-bottom: 1px #eaeaea solid;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis*/
	margin: 3px;
    border: solid 1px #b3aeae;
    border-radius: 5px;
    background-image: linear-gradient(to top,#eeeeee8f,#ffffff94);
    box-shadow: 0 -1px 10px rgb(28 126 153 / 21%);
    font-size: 15px;
    line-height: 35px;
        }
     /* .ccgi-gsb a {
    text-decoration: none;
    text-align: left;
    padding-left: 45px;
    background: url(../../../imgtu/ajinpai.gif) 5px center no-repeat;
    display: block;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}*/
	  
	  
        .ccgi-gsb ul li span {}

        .ccgi-gsb ul li span.ccgi-gsb-tit.lv {
            background-color: #00c039
        }

        .ccgi-gsb ul li span.ccgi-gsb-tit.hong {
            background-color: #ff0004
        }

        .ccgi-gsb ul li span.ccgi-gsb-tit.cheng {
            background-color: #ff3f00
        }

        .ccgi-gsb ul li span.ccgi-gsb-tit.lan {
            background-color: #005cff
        }

        .ccgi-gsb ul li span.ccgi-zuozhe {
            float: right;
            margin-left: 10px;
            font-size: 14px;
            color: #999
        }

        .ccgi-gsb ul li a {}

        .gsdh {
            background-color: #ff0;
            font-family: '微软雅黑';
            font-size: 13pt;
            color: #000;
            font-weight: 500;
            border: solid 1px #C0C0C0;
            line-height: 2rem;
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        td.ba {
            border-bottom: 1px solid #E5E5E5;
            border-collapse: collapse;
            text-align: center;
            font-family: Times New Roman;
            font-size: 12pt;
            line-height: 35px;
            font-weight: 700;
            background-color: #f8f8f8
        }

        a {
            text-decoration: none;
            color: #FF0000;
        }
  
        .content-item {
            width: 100%;
        }

        .content-item>*,
        .content-item img {
            margin: 0;
            padding: 0;
        }

        .page-content img,
        .content-item img {
            vertical-align: middle;
        }

        .content-item>*>img {
            width: 100%;
            objec-fit: cover;
        }

        * {
            padding: 0;
            margin: 0;
        }

        .canh span {
         color:#FFFFFF;
        }
 
       
 
        .guapai {}

        .guapai-img {
            padding: 10px;
            text-align: center;
        }

        .guapai-tit {
            padding: 5px;
            color: #fff;
            text-align: center;
            font-weight: bold;
            font-size: 24px;
            background: linear-gradient(to top, #FF6666, #FF6666);
        }

        .guapai-con {
            padding: 10px;
        }

        .guapai-con-tit {
            color: #f00;
            font-weight: bold;
        }

        .guapai-con-txt1 {}

        .guapai-con-txt2 {
            color: #00f;
        }

        .guapai-con-txt3 {
            color: #f0f;
        }

        @media screen and (max-width:750px) {
            .guapai-img {
                padding: 0;
            }
            .guapai-tit {
                font-size: 18px;
            }
        }
		
		.nav2 {
            width: 100%;
            max-width: 720px;
            margin: 0 auto;
            font-size: 13px;
            background: #fff;
        }

        .nav2 {
            text-decoration: none
        }

        .nav2 ul {
            padding: 2px 0;
            display: flex;
            justify-content: space-between;
        }

        .nav2 ul li {
            width: 100%;
            padding: 0 2px;
        }

        .nav2 ul li a {
            display: block;
            padding: 3px 0;
            text-align: center;
            color: #fff;
            border-radius: 50px;
            background: #39036ae6;
        }

        .nav2 ul li a:hover {
            background: #87CEEB;
        }

        #nav2[data-fixed="fixed"] {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 999;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
        }

        .nav-img {
            text-align: center;
            background: #000;
        }

        .nav-img img {
            width: auto;
            height: 70px;
        }

        @media screen and (min-width:800px) {
            .nav2 {
                padding: 4px;
                font-size: 14px;
            }
            .nav2 ul {
                padding: 4px 0;
            }
            .nav2 ul li {
                padding: 0 4px;
            }
            .nav2 ul li a {
                padding: 1px 0;
                cursor: pointer;
            }
        }
 
        .btt::before {
            color: rgb(0, 255, 255);
            content: "";
        }

        .lim {
            border-collapse: collapse;
            border: 4px double #a9f1bc;
            text-align: center;
            line-height: 35px;
            font-family: 微软雅黑;
            font-size: 13pt;
            font-weight: 700;
            background: #654a9a;
            color: #58ffe8;
            background-image: url(../../../imgtu/1221.png);
            background-position: center;
            background-repeat: repeat;
            background-origin: padding-box;
            background-size: 141% 57px;
        }

        table {
            width: 100%;
            text-align: center;
            border-collapse: collapse;
        }

        .kttt tr td {
            border: 1px solid rgb(255 255 255);
            font-size: 11pt;
            height: 30px;
            font-family: 微软雅黑;
        }

        .kttt tr td:nth-child(1) {
            background-color: rgb(0 0 0);
            font-weight: bold;
            width: 23%;
        }

        .kttt tr td:nth-child(2) {
            font-weight: bold;
            background-color: #FFCCFF;
            color: #0000FF;
        }

        .kttt tr td:nth-child(3) {
            background-color: rgb(0 0 0);
            font-weight: bold;
            width: 23%;
        }

        .kttt tr td:nth-child(1),
        .kttt tr td:nth-child(3) {
            background-color: rgb(FFFFFF);
            color: #ffffff;
        }

        p {
            font-weight: bold;
            line-height: 30px;
            border-bottom: 1px #d1c2c2 solid;
            font-size: 13pt;
        }

        p:last-child {
            border-bottom: 1;
        }

        p b:nth-child(2) {
            color: #000080;
        }

        p b:nth-child(3) {
            color: #008000;
        }

        p b:nth-child(4) {
            color: #FF0000;
        }

        p d {
            padding-left: 2px;
            padding-right: 2px;
            padding-top: 3px;
            padding-bottom: 3px;
            background-color: #FF0000;
            border-radius: 7px;
            color: #eaeaea;
        }

        p c {
            padding-left: 2px;
            padding-right: 2px;
            padding-top: 3px;
            padding-bottom: 3px;
            background-color: #000000;
            border-radius: 7px;
            color: #FFFFB5;
        }

        p e {
            color: darkcyan;
        }

        p f {
            color: rgb(44, 133, 32);
        }

        @media screen and (max-width:800px) {
            p {
                font-size: 14px;
            }
        }

        .canh span {
            background-color: #FFFF00;
            color: #FF0000;
        }

        .abc {
            display: inline-block;
            margin: 0 auto;
            border-radius: 18px;
            font-family: 微软雅黑;
            animation: dong 0.8s linear infinite;
            animation-fill-mode: both;
            transition: scale 1s infinite;
            max-width: 800px
        }

        @keyframes dong {
            0% {
                transform: scaleX(1);
            }
            50% {
                transform: scale3d(1.05, 1.05, 1.05);
            }
            100% {
                transform: scaleX(1);
            }
            @media screen and (max-width:800px) {
                p.abc {
                    font-size: 14px;
                }
            } }
 
        trcanh {
            background-image: linear-gradient(to top, #762eb9, #b3b7d800, #6354339c);
            /* background-position: center; */
            background-repeat: no-repeat;
            background-origin: padding-box;
            background-size: 100% 100% !important;
            text-align: center;
            font-family: 微软雅黑;
            font-size: 15pt;
            font-weight: 700;
            border-radius: 8px;
            box-shadow: 0px 0px 3px 2px #00000063;
            color: #0c1638;
        }

        .colors {
            background-image: url(../../../imgtu/mau.jpg);
            -webkit-text-fill-color: #0000008c;
            -webkit-background-clip: text;
            -webkit-background-size: 200% 100%;
            -webkit-animation: colorChange 10s infinite;
            display: inline-block;
            text-align: left
        }

        @-webkit-keyframes colorChange {
            0% {
                background-position-x: 0;
                background-position-y: 0
            }
            50% {
                background-position-x: -885px;
                background-position-y: -233px
            }
            100% {
                background-position-x: 0;
                background-position-y: 0
            }
        }

        @media screen and (max-width:800px) {
            trcanh {
                font-size: 16px;
		}}

/** 底部**/		
		
   .cgi-foot-links {
    width:100%;
    max-width:720px;
    border-top:solid 1px #ddd;
    box-shadow:0 -4px 10px rgba(0,0,0,0.05);
    background:#fff;
    background-image:-webkit-linear-gradient(to top,#eee,#fff);
    background-image:linear-gradient(to top,#eee,#fff);
    position:fixed;
    bottom:0;
    z-index:998
}
.cgi-foot-links ul li {
    float:left;
    width:20%;
    text-align:center;
    position: sticky;
    list-style: none;
}
.cgi-foot-links ul li a {
    font-size:15px;
    color:#555
}
.cgi-foot-links ul li a.hover {
    color:#f00
}
.cgi-foot-links ul li a span {
    height:34px;
    display:block
}
#bar{text-align: center;line-height:30px;width: 80px;right: 0;position: absolute;top:-30px;background:#f00;color:#fff}
.cgi-foot-links ul li a span.home {
    background:url(../../../imgtu/cfl1.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a span.list {
    background:url(../../../imgtu/list.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a span.wechat {
    background:url(../../../imgtu/wechat.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a span.cfl4 {
    background:url(../../../imgtu/cfl4.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a span.bag {
    background:url(../../../imgtu/bag.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li a span.kefu {
    background:url(../../../imgtu/cfl2.png) 50% 8px no-repeat;
    background-size:auto 25px
}

.cgi-foot-links ul li a span.home2 {
    background:url(../../../imgtu/home.png) 50% 8px no-repeat;
    background-size:auto 25px
}

.cgi-foot-links ul li a span.kj {
    background:url(../../../imgtu/ios.png) 50% 8px no-repeat;
    background-size:auto 25px
}

.cgi-foot-links ul li a span.pl {
    background:url(../../../imgtu/web.png) 50% 8px no-repeat;
    background-size:auto 25px
}

.cgi-foot-links ul li a.hover span.home {
    background:url(../../../imgtu/cfl1-2.png) 50% 8px no-repeat;
    background-size:auto 25px
}
.cgi-foot-links ul li.cfl-more {width: 20%;height: 60px;display: block;position: relative;}
.cgi-foot-links ul li.cfl-more a {width: 60px;height: 60px;line-height: 60px;background: url(../../../imgtu/cfl-more.png) no-repeat center;background-size: 100%;border-radius: 35px;display: block;position: absolute;bottom: 0px;left: 50%;margin-left: -35px;overflow: hidden;text-indent: -999999px;}
#allsite{position: fixed;max-width: 720px;width:100%;bottom: 60px;z-index: 1000;display:none;font-size: 14px;text-align: center;background: rgba(0,0,0,0.9);line-height:30px}
#allsite ul{padding: 5px 0;}
#allsite ul li{width:20%;float:left;line-height:21px;list-style:none}
#allsite ul li a{color:#fff;display: block;}


 

 
 
 

#popMore{position:fixed;max-width:720px;width:100%;bottom:60px;z-index:1000;font-size:16px;display:none;background:rgba(0,0,0,.9);line-height:30px}#popMore ul li{line-height:40px;width:25%;float:left;text-align:center;list-style:none}#popMore ul li a{color:#fff;padding-left:10px;display:block}
.popbar div {height: 30px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;padding: 0 10px;color: #fff;}
.popbar div:before, .popbar div:after {background: #fff;height: 1px;flex: 1;content: "";}

.download65{left: 0px;position:absolute;width:100%;height: 31px;bottom:62px;background-color:rgba(0,0,0,.8);z-index:
			1;}
.download65 i.close{display:block;position:absolute;top: 16px;left:0;height:25px;width:25px;background-image:url(https://res.shanghaixiaochagu.com/assets/img/gb.png);background-size:20px
			20px;background-repeat:no-repeat;background-position:50%;}
.download65 p{margin:
			auto 0px;font-size:13px;font-weight:700;color:#fff;line-height: 34px;text-indent:3px;white-space:
			nowrap;}
.download65 .btn{height: 25px;line-height: 25px;width:70px;text-align:left;background-color:#ec0909;bottom:0;top:0;margin:
			auto 10px auto 10px;font-size:14px;border: none;border-radius: 5px;padding:
			0;color: #fff;display: inline-block;cursor: pointer;}
.download65 a:hover{height:
			25px;line-height: 25px;width:70px;text-align:left;background-color:#ec0909;bottom:0;top:0;margin:
			auto 10px auto 10px;font-size:14px;border: none;border-radius: 5px;padding:
			0;color: #fff;}
.download65 span { display: inline-block; width: 57px; height:
			23px; vertical-align: middle; background: url(../../../imgtu/gx.gif)
			no-repeat; background-size: 100% 100%;}			
			
/*图库**/
#dxzt9{padding: 1px;background:#fff}#dxzt9 .liuhe{margin-bottom: 1px;text-align: center;font-weight: bold;font-size: 28px;color: #a97443;line-height: 20px;}#dxzt9 .liuhe ul{padding:0;margin:0}#dxzt9 .liuhe ul{display: flex;border-bottom: solid 3px #077e35;text-align: center;}#dxzt9 .liuhe li{width: 50%;padding: 9px 0;box-sizing: border-box;cursor: pointer;list-style: none;}#dxzt9 .liuhe li#dxzt92.hover,#dxzt9 .liuhe li#dxzt94.hover{color: #fff;background:#077e35;border-radius:10px 10px 0 0}#dxzt9 .liuhe li#dxzt91.hover,#dxzt9 .liuhe li#dxzt93.hover{color: #fff !important;background:#e10019;border-radius:10px 10px 0 0}.yxym td{font-weight: 400;text-align:center; border:none;} .yxym td a,.yxym td a:visited{color:#000}.yxym td a{border: 1px solid #CCC;background: #FFF;border-radius: 5px;display: block;line-height: 40px;text-decoration: none;} .amtuku td a:hover {background: #55dd88;} .hktuku td a:hover{background:#ff8c8c;color:#fff} .yxym ul{display:flex;flex-wrap:wrap}.yxym ul li {width:25%;box-sizing:border-box;text-align:center}.yxym ul li a {border: 1px solid #CCC;background: #FFF;border-radius: 5px;display: block;line-height: 40px;text-decoration: none;}.yxym.amtuku ul li a:hover {background: #55dd88;}.yxym.hktuku ul li a:hover {background: #ff8c8c;color: #fff;}#dxzt9 .liuhe li{border-radius: 10px 10px 0 0 ;}#dxzt9 .liuhe li#dxzt95.hover{color:#fff;background:#3399fd} @media screen and (max-width: 600px) { .yxym.hktuku table, .yxym.amtuku table{  display: block; } .yxym.hktuku table tr,.yxym.amtuku table tr { display: flex; flex-wrap: wrap; width: 100%; } .yxym.hktuku table tr td,.yxym.amtuku table tr td { flex: 1 1 50% !important; width: 50vw; box-sizing: border-box;} #dxzt9 .liuhe li {height: 40px; font-size: 16px;} .yxym ul li {width: 50%} }	
/*左侧广告**/
 .tz1Btn {
    display: block;
    z-index: 997;
    text-align: center;
    width: 100px !important;
    position: fixed !important;
    bottom: 120px !important;
    right: 0px !important;
    left: auto !important;
    margin: auto !important;
    border-radius: 50% !important;
} 
#hbnum {
    text-align: center;
    background: url(../../../imgtu/ad1.gif) no-repeat;
    background-size: contain;
    color: #fffeb2;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 114px !important;
    font-size: 15px !important;
    margin-top: 10px;
    width: 94% !important;
}	

/*属性图片*/	
    .popup {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      justify-content: center;
      align-items: center;
	  z-index:99999999;
    }
    
    .popup img {
      max-width: 100%;
      max-height: 100%;
    }
	 .close-btn {
      position: absolute;
      top: 30%;
      right: 10px;
      background: none;
      border: none;
      color: white;
      cursor: pointer;
      font-size: 16px;
    }
/*弹出广告*/
.oop-cpt {z-index:99999999999;position:relative;display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:-25%;right:0;bottom:0;line-height:1.4;}.oop-cpt2 {z-index:999999998;display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.7);}.oop-cpt a {text-decoration:none;color:inherit;}.oop-cpt a:hover {text-decoration:none;}.oop-cpt .oop-cpt-bd {width:320px;padding:0 5px;box-sizing:border-box;border-radius:15px;font-size:14px;color:#333;font-family:'微软雅';position:relative;}.oop-cpt .oop-cpt-close {display:inline-block;height:36px;line-height:36px;padding:0 15px;color:#fff;position:absolute;top:0;right:0;}.oop-cpt .oop-cpt-tit {height:36px;line-height:36px;color:#fff;text-align:center;font-size:18px;font-weight:Light;}.oop-cpt .oop-cpt-tit span {display:inline-block;padding:0 10px;position:absolute;top:0;right:0;}.oop-cpt .oop-cpt-con {padding:10px 0;border-radius:15px;background:#fff;}.oop-cpt .oop-cpt-con1 {text-align:center;margin-top:10px;}}.oop-cpt .oop-cpt-con2 {padding-top:10px;}.oop-cpt .oop-cpt-con2-tit {display:flex;justify-content:center;padding-bottom:0px;}.oop-cpt .oop-cpt-con2-tit span {display:inline-block;width:26px;line-height:26px;margin-left:-3px;text-align:center;color:#fff;font-size:16px;font-weight:bold;border-radius:50%;background:#ec0e67;}.oop-cpt .oop-cpt-con2-logo {display:flex;justify-content:center;height:60px;}.oop-cpt .oop-cpt-con2-logol {color:#0e66ec;font-size:60px;line-height:60px;font-weight:bold;font-family:impact;}.oop-cpt .oop-cpt-con2-logor {width:80px;position:relative;}.oop-cpt .oop-cpt-con2-logor-txt1 {}.oop-cpt .oop-cpt-con2-logor-txt1 span {display:inline-block;width:70px;height:22px;line-height:22px;text-align:center;color:#fff;border-radius:5px;background:#cc0000;position:absolute;left:8px;top:2px;}.oop-cpt .oop-cpt-con2-logor-txt2 {line-height:38px;color:#0e66ec;font-size:40px;font-family:impact;position:absolute;top:24px;left:0;}.oop-cpt .oop-cpt-con3 {padding:6px;}.oop-cpt .oop-cpt-con3 table {font-weight:bold;border-collapse:collapse;}.oop-cpt .oop-cpt-con3 th {text-align:center;color:#fff;border:solid 1px #999;background:#ec0e67;padding:3px 10px;}.oop-cpt .oop-cpt-con3 td {text-align:center;border:solid 1px #999;font-size:16px;height:30px;}.oop-cpt .oop-cpt-con4 {text-align:center;}.oop-cpt .oop-cpt-tzg7 {color:#ffffff;position:absolute;top:-14px;left:26%;width:150px;height:33px;background-color:#ec0e67;border-radius:70px 70px 0px 0px;background-size:150px 33px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Microsoft Yahei, PingFangTC-Regular, sans-serif;font-weight:500;font-size:20px;}.oop-cpt .oop-cpt-con4 span {display:inline-block;width:200px;height:40px;line-height:40px;font-size:20px;font-weight:bold;color:#ff0;border-radius:10px;background:#ec0e67;}