/**Description:   Theme CSS*Author:        TOYEAN*Website:       http://www.toyean.com/*Mail:      toyean@qq.com*Weibo:     http://weibo.com/toyean*Version:       V1.9(2020-03-17)*/
a,
img,
button,
input,
textarea {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

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,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: 0;
    vertical-align: baseline
}

body {
    font-size: 12px;
    color: #333;
    font-family: "t", "microsoft yahei"
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}

a {
    color: #004c98;
    text-decoration: none;
    -webkit-transition: background-color .1s linear, color .1s linear;
    -moz-transition: background-color .1s linear, color .1s linear;
    -o-transition: background-color .1s linear, color .1s linear;
    -ms-transition: background-color .1s linear, color .1s linear;
    transition: background-color .1s linear, color .1s linear
}

a:hover {
    color: #004c98;
    text-decoration: none
}

area {
    behavior: url(area.htc);
    outline: 0
}

i {
    font-style: normal
}

ul,
ol {
    list-style-type: none
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    border: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s
}

input,
textarea {
    font-size: 14px;
    font-family: Arial, "微软雅黑";
    outline: 0
}

@font-face {
    font-family: 'icomoon';
    src: url('icomoon.eot');
    src: url('icomoon.eot#iefix') format('embedded-opentype'), url('icomoon.ttf') format('truetype'), url('icomoon.woff') format('woff'), url('icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "t";
    src: url("t.eot");
    src: url("t.eot") format("eot"), url("t.woff2") format("woff2"), url("t.woff") format("woff"), url("t.ttf") format("truetype"), url("t.svg") format("svg");
    font-weight: 300;
    font-style: normal
}

.zoom {
    display: inline-block;
    vertical-align: top
}

.fixedfloat {
    width: 198px
}

.fixed {
    position: fixed;
    _position: absolute;
    top: 0;
    z-index: 1
}

.absolute {
    position: absolute
}

.wrapper {
    width: 100%;
    min-width: 1000px;
    overflow: hidden
}

.wrap {
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto
}

.topicentry {
    text-align: center
}

.warnbox {
    padding: 5px 0;
    font-size: 14px;
    color: #005375;
    line-height: 22px;
    text-align: center;
    border-top: 1px solid #bbe1f1;
    border-bottom: 1px solid #bbe1f1;
    background: #eefaff
}

.warnbox a {
    font-weight: bold
}

.top {
    width: 100%;
    height: 29px;
    font-size: 12px;
    color: #333;
    line-height: 29px;
    border-bottom: 1px solid #ebebeb;
    background: #fcfcfc;
    display: inline-block
}

.topnav {
    float: right
}

.topnav a {
    font-size: 12px;
    color: #333
}

.topnav a:hover {
    color: #004c98
}

.topnav li {
    height: 29px;
    float: left;
    position: relative;
    z-index: 1
}

.topnav li.weixin,
.topnav li.follow {
    padding: 0 20px 0 8px
}

.topnav li.weixin i,
.topnav li.follow i {
    width: 14px;
    height: 14px;
    float: left;
    margin: 7px 3px 0 0
}

.topnav li.weixin:after,
.topnav li.follow:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #333;
    position: absolute;
    top: 13px;
    right: 8px
}

.topnav li .popwx {
    width: 120px;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    position: absolute;
    top: 30px;
    left: -1px;
    z-index: 2;
    display: none
}

.topnav li .popwx p {
    margin-top: 5px;
    font-size: 12px;
    color: #333;
    line-height: 18px
}

.topnav li .popfollow {
    width: 81px;
    padding: 0 5px 5px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    position: absolute;
    top: 30px;
    right: -1px;
    z-index: 2;
    display: none
}

.topnav li .popfollow p {
    margin-top: 5px;
    color: #333;
    line-height: 15px
}

.topnav li .popfollow dd {
    border-top: 1px dotted #ddd
}

.topnav li .popfollow i {
    width: 14px;
    height: 14px;
    margin: 7px 7px 0 2px;
    background: url(../images/icon.png) no-repeat
}

.topnav li .popfollow .weibo i {
    background-position: -3px -48px
}

.topnav li .popfollow .t i {
    background-position: -3px -62px
}

.topnav li .popfollow .qzone i {
    background-position: -3px -76px
}

.topnav li.on {
    height: 30px;
    padding: 0 19px 0 7px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff
}

.topnav li.on a {
    color: #004c98
}

.topnav li.on .popwx,
.topnav li.on .popfollow {
    display: block
}

.topnav li.on:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom-color: #004c98;
    position: absolute;
    top: 8px;
    right: 7px
}

.topnav .weixin {
    margin: 0 0 0 10px
}

.topnav .weixin i {
    font-size: 14px;
    color: #5bbf23;
    font-family: "icomoon";
    line-height: 14px
}

.topnav .weixin i:after {
    content: "\eb4e"
}

.topnav .followme i {
    font-size: 14px;
    color: #666;
    font-family: "icomoon";
    line-height: 14px
}

.topnav .followme i:after {
    content: "\e87d"
}

.head {
    height: 80px;
    margin: 0 0 15px;
    overflow: hidden
}

.header {
    width: 100%;
    display: inline-block
}

.logo,
.sublogo {
    height: 95px;
    float: left
}

.logo a,
.sublogo a {
    display: block
}

.logo {
    width: 200px;
    margin-right: 20px
}

.logo a {
    width: 200px;
    height: 95px;
    display: table-cell;
    vertical-align: middle
}

.logo a img {
    width: 200px;
    vertical-align: middle
}

.sublogo {
    width: 160px
}

.sublogo a,
.sublogo span {
    width: 160px;
    height: 95px;
    display: table-cell;
    vertical-align: middle
}

.sublogo a img,
.sublogo span img {
    width: 160px;
    vertical-align: middle
}

.search {
    width: 560px;
    float: right;
    margin-top: 35px
}

.search .text {
    width: 280px;
    height: 28px;
    float: left;
    font-family: "microsoft yahei";
    line-height: 28px;
    text-indent: 8px;
    border: 1px solid #e8e8e8;
    border-right: 0;
    outline: 0
}

.search .on {
    border: 1px solid #004c98;
    border-right: 0
}

.search .btn {
    width: 50px;
    height: 32px;
    float: left;
    text-indent: -999px;
    border: 0;
    outline: 0;
    cursor: pointer;
    background: #004c98;
    overflow: hidden;
    position: relative
}

.search ul {
    float: left;
    margin-top: 3px
}

.search li {
    float: left;
    margin-left: 10px
}

.search a {
    padding: 2px 8px;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    background: #f0f0f0;
    display: inline-block
}

.search .btnload {
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 13px;
    width: 13px;
    margin-top: -9px;
    margin-left: -9px;
    border: 2px solid #fff;
    border-top-color: rgba(255, 255, 255, 0.15);
    border-left-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    -webkit-animation: sqs-spin 1s infinite linear;
    -moz-animation: sqs-spin 1s infinite linear;
    -ms-animation: sqs-spin 1s infinite linear;
    -o-animation: sqs-spin 1s infinite linear;
    animation: sqs-spin 1s infinite linear
}

.search .btntxt {
    width: 20px;
    height: 20px;
    margin-top: -9px;
    margin-left: -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(../images/icon.png) no-repeat;
    visibility: visible
}

.search .submit .btnload {
    visibility: visible
}

.search .submit .btntxt {
    visibility: hidden
}

.schwords {
    color: #004c98
}

@-webkit-keyframes sqs-spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes sqs-spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes sqs-spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes sqs-spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(360deg)
    }
}

@keyframes sqs-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.menu {
    width: 100%;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #004c98
}

.menu ul {
    zoom: 1
}

.menu ul:after {
    content: "";
    display: block;
    clear: both
}

.menu li {
    float: left;
    display: inline;
    line-height: 39px;
    position: relative
}

.menu li a {
    padding: 0 25px;
    font-size: 16px;
    color: #333;
    position: relative;
    display: inline-block
}

.menu li a:hover,
.menu li a.on {
    color: #fff;
    background: #004c98
}

.menu li:before {
    content: "";
    width: 0;
    height: 2px;
    background: linear-gradient(to right, #1ec2d0 0, #004c98 100%);
    position: absolute;
    left: 50%;
    bottom: 14px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.menu li .subnav {
    min-width: 200px;
    line-height: 40px;
    border-top: 1px solid #004c98;
    background: #004c98;
    position: absolute;
    top: 39px;
    left: 0;
    display: none;
    z-index: 99;
    -webkit-animation: fadeInUp .2s .1s ease both;
    -moz-animation: fadeInUp .2s .1s ease both
}

.menu li .subnav a {
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.menu li .subnav a:after {
    content: "\e409";
    font-size: 15px;
    color: #e0e0e0;
    font-family: icomoon;
    position: absolute;
    top: 0;
    right: 12px;
    vertical-align: top;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.menu li .subnav a:hover:after {
    color: #fff
}

.menu li .subnav a.on {
    color: #004c98
}

.menu li .subnav a.on:after {
    opacity: 1
}

.menu li .subnav a:last-child {
    border: 0
}

.menu li.subcate a {
    padding-right: 35px
}

.menu li.subcate a:after {
    content: "\e313";
    font-size: 18px;
    font-family: icomoon;
    position: absolute
}

.menu li.subcate .subnav a:after {
    content: "\e409"
}

.menu li.subcate:hover a {
    color: #fff;
    background: #004c98
}

.menu li.subcate:hover:before {
    display: none
}

.menu li.subcate:hover .subnav {
    display: block
}

.menu li.subcate:hover .subnav a:hover {
    background: #333
}

.menu.on {
    width: 100%;
    float: left;
    display: inline;
    margin: 0 -20px;
    padding: 10px 20px 20px;
    border-top: 1px solid #e0e0e0;
    background: #fff;
    display: block
}

.menu.on li {
    width: 100%;
    float: none;
    line-height: 40px;
    border-bottom: 1px dotted #e0e0e0;
    display: block
}

.menu.on li a {
    display: block
}

.menuico {
    width: 38px;
    height: 38px;
    float: right;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    top: -5px;
    z-index: 10;
    display: none;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.menuico span {
    width: 21px;
    height: 2px;
    background-color: #004c98;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.menuico span:first-child {
    margin-top: -6px
}

.menuico span:last-child {
    margin-top: 6px
}

.menuico.on span:first-child {
    width: 20px;
    margin-top: -8px;
    margin-left: -7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menuico.on span:nth-child(2) {
    opacity: 0;
    width: 2px;
    left: 20px;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.menuico.on span {
    background-color: #333;
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
    transform-origin: 0
}

.menuico.on span:last-child {
    width: 20px;
    margin-top: 6px;
    margin-left: -7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.main {
    padding: 30px 0 0;
    overflow: hidden
}

.focus {
    width: 100%;
    margin: 0 0 40px;
    overflow: hidden
}

.slide {
    width: 655px;
    float: left;
    margin: 0 35px 0 0;
    overflow: hidden;
    position: relative
}

.slide a {
    height: 0;
    padding-bottom: 49%;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: block
}

.slide a img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 15px
}

.swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    opacity: .8
}

.swiper-pagination-bullet-active {
    width: 15px;
    border-color: #004c98;
    border-radius: 2px;
    background: #004c98;
    opacity: .8
}

.swiper-button-prev,
.swiper-button-next {
    opacity: .5
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0
}

.swiper-button-prev,
.swiper-button-next {
    background: #333;
    opacity: .6
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 28px;
    color: #fff;
    font-family: icomoon;
    text-align: center;
    line-height: 45px;
    display: block
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 1
}

.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
    background: #004c98
}

.swiper-button-prev:after {
    content: "\e314"
}

.swiper-button-next:after {
    content: "\e315"
}

.slidetitle {
    width: 620px;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    background: #000;
    opacity: .7;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    -webkit-transition: bottom ease .3s;
    -moz-transition: bottom ease .3s;
    -o-transition: bottom ease .3s;
    transition: bottom ease .3s
}

.slidetitle a {
    font-size: 14px;
    color: #fff
}

.slidehover .slidetitle {
    bottom: 0
}

.hot {
    width: 310px;
    float: left
}

.hot dt {
    margin: 0 0 10px;
    padding: 0 0 5px;
    font-size: 22px;
    color: #333;
    border-bottom: 2px solid #ddd
}

.hot dd {
    width: 100%;
    overflow: hidden
}

.hot dd .recent {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd
}

.hot dd .recent h3 {
    height: 40px;
    line-height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.hot dd .recent h3 a {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    display: inline
}

.hot dd .recent span {
    width: 100%;
    height: 45px;
    font-size: 14px;
    color: #888;
    line-height: 22px;
    overflow: hidden;
    display: block
}

.hot dd li {
    width: 100%;
    padding: 6px 0;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    position: relative
}

.hot dd a {
    display: inline-block
}

.type {
    width: 60px;
    margin-right: 10px;
    padding-right: 10px;
    color: #004c98;
    border-right: 1px solid #d0d0d0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.newtitle {
    width: 190px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.type,
.newtitle {
    vertical-align: top
}

.newdate {
    padding-left: 5px;
    font-size: 14px;
    color: #888;
    background: #fff;
    position: absolute;
    top: 6px;
    right: 0
}

.catebox {
    width: 100%;
    margin: 0 0 20px
}

.catetitle {
    margin-bottom: 20px
}

.catetitle h3 {
    font-size: 22px;
    color: #333;
    line-height: 30px
}

.catetitle h3 a {
    font-size: 22px;
    color: #333;
    text-decoration: none
}

.catetitle h3 a:hover {
    color: #004c98
}

.catetitle h3 .cms {
    width: 100%;
    padding: 40px 0 10px;
    background: #f8f8f8
}

.catetitle h3 .cmsmore {
    float: right;
    display: inline
}

.catetitle h3 .cmsmore a {
    font-size: 14px;
    color: #004c98
}

.catelist ul {
    margin-left: -35px;
    font-size: 0
}

.catelist li {
    width: 310px;
    margin: 0 0 40px 35px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.catelist li.on .shade {
    opacity: 1
}

.catelist li.on .listshadow {
    bottom: 0
}

.catelist .shade {
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -14px;
    right: -14px;
    bottom: -20px;
    left: -14px;
    z-index: 1;
    opacity: 0
}

.catelist .listimg {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.catelist .listimg a {
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    overflow: hidden;
    position: relative;
    display: block
}

.catelist .listimg img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.catelist .listshadow {
    width: 100%;
    height: 30px;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    background: url(../images/shadow.png) repeat;
    position: absolute;
    bottom: -30px;
    -webkit-transition: bottom .2s;
    -moz-transition: bottom .2s;
    -o-transition: bottom .2s;
    transition: bottom .2s
}

.catelist .listshadow a {
    width: auto;
    height: auto;
    padding: 0;
    display: inline-block
}

.catelist .listshadow img {
    width: 16px;
    height: 16px;
    min-height: auto;
    margin: 7px 0 0 7px;
    position: relative
}

.catelist .listshadow i {
    margin: 0 0 0 6px;
    color: #fff;
    display: inline-block;
    vertical-align: top
}

.catelist .listshadow span {
    float: right;
    display: inline;
    margin-right: 10px
}

.catelist .listtitle {
    margin-top: 15px;
    line-height: 18px;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.catelist .listtitle .near,
.catelist .listtitle .ardor,
.catelist .listtitle .roof {
    width: 16px;
    height: 16px;
    margin: 1px 8px 0 0;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    vertical-align: top
}

.catelist .listtitle .near,
.catelist .listtitle .ardor {
    background: #004c98
}

.catelist .listtitle .roof {
    background: #f98403
}

.catelist .listtitle a {
    font-size: 16px;
    color: #333
}

.catelist .listinfo {
    margin-top: 10px;
    font-size: 13px;
    position: relative;
    z-index: 2
}

.catelist .listinfo span {
    height: 20px;
    margin: 0 15px 0 0;
    color: #888;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

.catelist .listinfo a {
    color: #888
}

.catelist .listinfo .listcmt span {
    text-indent: 0
}

.catelist .listview i,
.catelist .listcmt i,
.catelist .listdate i {
    margin-right: 5px;
    font-size: 16px;
    font-family: 'icomoon';
    display: inline-block;
    vertical-align: top
}

.catelist .listview i:after {
    content: "\e004"
}

.catelist .listcmt i:after {
    font-size: 14px;
    content: "\e09f"
}

.catelist .listdate i:after {
    content: "\e616"
}

.sitemap {
    margin: 0 0 10px;
    font-size: 12px
}

.sale {
    margin: 0 0 30px;
    padding: 20px 34px;
    border: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden
}

.salealbum {
    width: 520px;
    float: left
}

.saletitle {
    margin-bottom: 23px
}

.saletitle h2 {
    font-size: 22px;
    color: #333;
    font-weight: normal
}

.saleimg {
    width: 518px;
    height: 334px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #e0e0e0;
    overflow: hidden
}

.saleimg img {
    width: 100%
}

.salelistimg {
    position: relative;
    zoom: 1
}

.salebtn a {
    width: 20px;
    height: 28px;
    text-indent: -999px;
    background: url(../images/icon.png) no-repeat;
    overflow: hidden;
    position: absolute;
    top: 9px
}

.salelistimg .salebtn a.goleft {
    background-position: 0 -180px
}

.salelistimg .salebtn a.goleft:hover {
    background-position: -40px -180px
}

.salebtn a.goright {
    background-position: -20px -180px;
    right: 0
}

.salebtn a.goright:hover {
    background-position: -60px -180px
}

.salecon {
    width: 450px;
    height: 60px;
    margin-left: 35px;
    overflow: hidden;
    position: relative
}

.salecon ul {
    width: 2000px;
    position: absolute
}

.salecon li {
    width: 70px;
    height: 45px;
    float: left;
    margin: 0 9px;
    text-align: center;
    border: 1px solid #dbdbdb;
    overflow: hidden
}

.salecon li.on {
    border: 1px solid #999
}

.saleinfo {
    width: 350px;
    float: right;
    margin-left: 60px;
    overflow: hidden
}

.alilogo {
    width: 100%;
    padding: 0 0 11px;
    border-bottom: 1px solid #e0e0e0
}

.alipay {
    width: 139px;
    height: 40px;
    float: left;
    margin-right: 15px;
    background: url(../images/icon.png) no-repeat 0 -107px
}

.alitxt p {
    font-size: 12px;
    color: #004c98
}

.alitxt p.aliweight {
    margin: 0 0 6px;
    font-size: 16px;
    color: #333;
    font-weight: bold
}

.price {
    margin: 50px 0 10px;
    font-size: 14px
}

.price dl {
    overflow: hidden;
    zoom: 1
}

.price dt {
    float: left;
    color: #333;
    line-height: 42px
}

.price dd {
    float: left;
    font-size: 30px;
    color: #f96503;
    line-height: 30px
}

.price dd i {
    font-size: 14px;
    font-family: microsoft yahei
}

.price dd strong,
.price dd pre {
    font-family: 'microsoft yahei';
    font-weight: normal
}

.select {
    font-size: 14px;
    overflow: hidden
}

.select dt {
    float: left;
    color: #333;
    line-height: 25px
}

.select dd {
    float: left;
    margin: 0 5px 5px 0;
    padding: 3px 15px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    position: relative
}

.select dd i {
    width: 15px;
    height: 15px;
    background: url(../images/icon.png) no-repeat 0 -161px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none
}

.select dd a {
    color: #333;
    display: block
}

.select dd a:hover {
    color: #004c98;
    text-decoration: none
}

.select dd.on {
    padding: 3px 15px;
    border: 1px solid #004c98
}

.select .show {
    border: 1px solid #004c98
}

.select .show i {
    display: block
}

.select .show a {
    color: #004c98
}

.salemail {
    margin: 20px 0;
    padding: 20px 0 0;
    border-top: 1px dotted #e0e0e0
}

.salemail dt {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 29px
}

.salemail dd input {
    width: 180px;
    height: 27px;
    padding: 0 5px;
    border: 1px solid #e0e0e0
}

.paybtn input {
    width: 160px;
    height: 34px;
    font-size: 16px;
    color: #fff;
    font-family: "microsoft yahei";
    line-height: 30px;
    text-align: center;
    text-shadow: #d55c2b 1px 1px 0, #2f0000 1px 1px 0;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    background: #f96503;
    display: inline-block
}

.paybtn input:hover {
    text-shadow: #e6891f 1px 1px 0, #2f0000 1px 1px 0;
    background: #f29428
}

.paybtn a {
    width: 34px;
    height: 34px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 0 3px #bbb;
    background: url(../images/icon.png) no-repeat -101px -56px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.paybtn a span {
    width: 99px;
    height: 130px;
    margin: 0 0 0 -60px;
    padding: 10px;
    box-shadow: 0 0 3px #bbb;
    background: #fff;
    position: absolute;
    left: 50%;
    top: -155px;
    display: none
}

.paybtn a span i {
    width: 87px;
    height: 87px;
    margin: 5px auto 0;
    background: url(../images/icon.png) -155px 0;
    display: block
}

.paybtn a span p {
    padding: 8px 0;
    font-size: 12px;
    color: #333
}

.paybtn a span:after {
    content: "";
    width: 0;
    height: 0;
    margin: 0 0 0 -6px;
    border: 6px solid transparent;
    border-top-color: #ededed;
    position: absolute;
    top: 100%;
    left: 50%
}

.zcpaybtn .zcpayinput {
    width: 160px;
    height: 34px;
    font-size: 16px;
    color: #fff;
    font-family: "microsoft yahei";
    line-height: 30px;
    text-align: center;
    text-shadow: #d55c2b 1px 1px 0, #2f0000 1px 1px 0;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    background: #f96503;
    display: inline-block
}

.payor {
    width: 0;
    height: 35px;
    margin: 0 20px;
    line-height: 35px;
    border-left: 1px solid #e0e0e0;
    display: inline-block
}

.payor i {
    margin: 0 0 0 -7px;
    font-size: 12px;
    color: #333;
    background: #fff
}

.paytxt {
    margin: 20px 0 0;
    color: #333;
    line-height: 24px
}

.single {
    width: 1000px;
    margin: 0 0 10px;
    zoom: 1
}

.single:after {
    content: "";
    display: block;
    clear: both
}

.side {
    width: 200px;
    float: left
}

.sidebox,
.goodstab,
.body,
.catabox,
.comment,
.relates {
    margin: 0 0 15px;
    border: 1px solid #e0e0e0;
    background: #fff
}

.sidetitle,
.cmttitle,
.catatitle,
.reltitle {
    line-height: 16px;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden
}

.sidetitle h3,
.cmttitle h3,
.catatitle h3,
.reltitle h3 {
    margin: 10px;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    border-left: 3px solid #004c98
}

.sidecon {
    width: 178px;
    padding: 10px
}

.sidecon li {
    padding: 10px 0;
    border-bottom: 1px dotted #e0e0e0;
    overflow: hidden
}

.sideimg {
    width: 178px;
    max-height: 115px;
    overflow: hidden
}

.sideimg img {
    width: 100%
}

.sidename {
    margin: 10px 0 0
}

.sidename a {
    font-size: 14px;
    color: #333
}

.sidetop {
    padding: 10px 0;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #e0e0e0
}

.sidetop i {
    width: 139px;
    height: 40px;
    margin: 0 auto 10px;
    background: url(../images/icon.png) no-repeat 0 -107px;
    display: block
}

.sidetop span {
    font-size: 16px;
    font-weight: bold
}

.sideform p {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.sideform .txt {
    width: 166px;
    height: 28px;
    padding: 0 5px;
    font-family: "microsoft yahei";
    border: 1px solid #d0d0d0
}

.sideform .sideselect {
    height: 28px;
    line-height: 30px;
    text-indent: 10px;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    background: #fff url(data:image/gif;base64,R0lGODlhCgAGAKIAAPf08tfGvdXCufz7+93Nxv///wAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MEM2RjA3NzJCRkMxMUU0OEJCQkIwQkVGOEREMzZEQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MEM2RjA3ODJCRkMxMUU0OEJCQkIwQkVGOEREMzZEQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkwOEFEMEZFMkJGQzExRTQ4QkJCQjBCRUY4REQzNkRCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkwOEFEMEZGMkJGQzExRTQ4QkJCQjBCRUY4REQzNkRCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAoABgAAAxQYNNU1RMTVoLQLhPvmplXEOR1YJAA7) no-repeat 95% center;
    position: relative;
    z-index: 9999
}

.sideform .sideselect dl {
    width: 176px;
    background: #fff;
    border: 1px solid #d0d0d0;
    position: absolute;
    top: 28px;
    left: -1px;
    display: none
}

.sideform .sideselect dd.on {
    background: #eee
}

.sideform .sideselect a {
    width: 100%;
    color: #333;
    display: block
}

.sideform .sideselect a:hover {
    text-decoration: none
}

.sideform .formbtn {
    margin: 20px 0 0
}

.sideform .inputbtn {
    width: 100%;
    height: 35px;
    font-size: 16px;
    color: #fff;
    font-family: "microsoft yahei";
    line-height: 35px;
    text-shadow: #d55c2b 1px 1px 0, #2f0000 1px 1px 0;
    border: 0;
    cursor: pointer;
    background: #f25618
}

.tsideimg {
    width: 60px;
    height: 50px;
    float: left;
    margin: 0 10px 0 0
}

.tsideimg img {
    width: 60px;
    height: 50px
}

.tsidename {
    width: 108px;
    float: right
}

.tsidename p {
    width: 100%;
    height: 34px;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.tsidename p a {
    font-size: 12px;
    color: #333
}

.tsidename span {
    margin: 2px 0 0;
    display: block
}

.tsidename i {
    margin: 0 10px 0 0;
    color: #888
}

.content {
    width: 778px;
    float: right
}

.tabnav {
    height: 36px;
    margin-left: -1px;
    border-bottom: 1px solid #e0e0e0;
    background: #f7f7f7;
    position: relative;
    zoom: 1
}

.tabnav:before {
    content: "";
    width: 1px;
    height: 38px;
    background: #e0e0e0;
    position: absolute;
    top: 0;
    left: 0
}

.tabnav li {
    float: left;
    text-align: center;
    border-top: 2px solid transparent;
    cursor: pointer
}

.tabnav li a {
    height: 36px;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    text-decoration: none;
    display: block
}

.tabnav li.on {
    margin-top: -1px;
    border-top: 2px solid #004c98;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background: #fff
}

.tabnav li.on a {
    padding: 0 19px;
    color: #004c98;
    line-height: 34px
}

.tabcon {
    width: 100%;
    padding: 0 25px 25px;
    font-size: 15px;
    color: #333;
    line-height: 32px;
    overflow: hidden;
    box-sizing: border-box
}

.articlecon {
    padding-top: 20px;
    font-size: 15px;
    color: #333;
    line-height: 32px;
    overflow: hidden
}

.articlecon img {
    margin: 20px 0
}

.advice {
    margin: 0 auto;
    zoom: 1
}

.advice:after {
    content: "";
    display: block;
    clear: both
}

.adtxt {
    width: 70%;
    margin: 0 auto;
    font-size: 14px;
    color: #666;
    text-align: center
}

.adtxt p {
    height: 40px;
    padding: 20px 0;
    font-size: 22px;
    color: #333;
    line-height: 40px
}

.adcontent,
.adcontact,
.adsubmit {
    text-align: center
}

.adcontent {
    margin-top: 20px
}

.adcontent textarea {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #333;
    font-family: "microsoft yahei";
    line-height: 25px;
    border: 1px solid #dbdbdb;
    box-sizing: border-box
}

.adcontent textarea.on {
    border: 1px solid #004c98;
    outline: 0
}

.adcontact {
    float: left;
    display: inline;
    margin-top: 20px
}

.adcontact label {
    font-size: 16px
}

.adcontact input {
    width: 270px;
    margin-left: 20px;
    padding: 10px;
    font-size: 16px;
    color: #333;
    font-family: "microsoft yahei";
    border: 1px solid #dbdbdb
}

.adcontact input.on {
    border: 1px solid #004c98;
    outline: 0
}

.adsubmit {
    float: right;
    display: inline;
    margin-top: 20px
}

.adsubmit input {
    width: 150px;
    height: 45px;
    font-size: 18px;
    color: #004c98;
    font-family: "microsoft yahei";
    text-align: center;
    line-height: 38px;
    border: 1px solid #004c98;
    border-radius: 2px;
    cursor: pointer;
    background: #fff
}

.adsubmit input:hover {
    color: #fff;
    background: #004c98
}

.map {
    padding: 0 0 30px
}

.map li {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    border-bottom: 1px dotted #e0e0e0;
    list-style-type: decimal-leading-zero;
    list-style-position: inside;
    overflow: hidden;
    position: relative
}

.map li a {
    font-size: 14px
}

.map li .mapcate {
    margin-right: 10px
}

.map li .mapcate a {
    width: 56px;
    color: #333;
    text-align: center;
    display: inline-block
}

.map li .mapdate {
    padding-left: 10px;
    color: #999;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0
}

.buytxt {
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px dotted #ddd
}

.buytxt h3 {
    padding: 5px 0;
    font-size: 22px;
    color: #333
}

.body {
    padding: 35px 35px 20px
}

.catalist {
    padding: 0 20px 20px
}

.body h1,
.catalist h1 {
    font-size: 26px;
    text-align: center;
    color: #333;
    font-family: "microsoft yahei"
}

.postmulti {
    margin: -1px 0 0 0;
    padding: 25px 0;
    border-bottom: 1px dotted #dfdfdf;
    overflow: hidden;
    zoom: 1
}

.postpic {
    width: 210px;
    max-height: 140px;
    float: left;
    margin: 0 30px 0 0;
    text-align: center;
    overflow: hidden
}

.postpic img {
    width: 100%
}

.postinfo {
    overflow: hidden;
    zoom: 1
}

.postinfo h2 {
    height: 27px;
    margin: 0 0 20px;
    overflow: hidden
}

.postinfo h2 .near,
.postinfo h2 .ardor,
.postinfo h2 .roof {
    width: 18px;
    height: 18px;
    margin: 5px 8px 0 0;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    vertical-align: top
}

.postinfo h2 .near,
.postinfo h2 .ardor {
    background: #004c98
}

.postinfo h2 .roof {
    background: #f98403
}

.postinfo h2 a {
    font-size: 20px;
    color: #333
}

.postinfo .postmeta {
    margin-bottom: 8px;
    padding: 0;
    text-align: left
}

.posttags a:before {
    content: "\e009";
    color: #333;
    font-family: "icomoon";
    padding-left: 5px
}

.meta,
.postmeta {
    padding: 20px 0;
    font-size: 12px;
    color: #888;
    text-align: center
}

.meta span,
.postmeta span {
    margin: 0 10px 0 0
}

.meta i,
.postmeta i {
    margin: 2px 5px 0 0;
    font-size: 14px;
    font-family: "icomoon";
    display: inline-block;
    vertical-align: top
}

.meta a,
.postmeta a {
    color: #888
}

.metatime i:before,
.postmetatime i:before {
    content: "\e616"
}

.metauser i:before,
.postmetauser i:before {
    content: "\e7fd"
}

.metacate i:before,
.postmetacate i:before {
    content: "\e16d"
}

.metacmt span,
.postmetacmt span {
    margin: 0
}

.metacmt i:before,
.postmetacmt i:before {
    content: "\e09f"
}

.metaview i:before,
.postmetaview i:before {
    content: "\e004"
}

.meta {
    border-bottom: 1px solid #e0e0e0
}

.postcon {
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.tags {
    margin-top: 30px;
    font-size: 14px
}

.tags a {
    padding: 5px 10px;
    color: #333;
    line-height: 17px;
    border-radius: 1px;
    background: #eee;
    display: inline-block
}

.tags a:hover {
    color: #fff;
    text-decoration: none;
    background: #004c98
}

.articlesns {
    padding: 20px 0 0;
    font-size: 14px;
    text-align: center
}

.articlesns li {
    margin: 0 5px;
    padding: 0 20px 0 0;
    border-radius: 50px;
    display: inline-block
}

.articlesns li.artweibo {
    background: #e6162d
}

.articlesns li.artweibo i {
    background: #ff98a3 url(../images/icon.png) no-repeat -265px -95px
}

.articlesns li.arttblog {
    background: #4abae3
}

.articlesns li.arttblog i {
    background: #88dfff url(../images/icon.png) no-repeat -265px -135px
}

.articlesns li.artqzone {
    background: #ffc028
}

.articlesns li.artqzone i {
    background: #ffe6a9 url(../images/icon.png) no-repeat -265px -175px
}

.articlesns li i {
    width: 30px;
    height: 30px;
    float: left;
    margin: 5px 10px 0 6px;
    border-radius: 50%
}

.articlesns a {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #fff;
    line-height: 40px !important;
    background: none no-repeat !important
}

.articlesns a:hover {
    color: #fff !important;
    opacity: 1 !important
}

.articlepage {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #e0e0e0;
    overflow: hidden
}

.articlepage .prepage {
    width: 50%;
    float: left
}

.articlepage .nextpage {
    width: 50%;
    float: right;
    text-align: right
}

.articlepage span {
    color: #929292
}

.articlepage p {
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.relates ul {
    margin: 0 0 0 -25px;
    list-style: none;
    overflow: hidden;
    zoom: 1
}

.relates ul:after {
    content: "";
    display: block;
    clear: both
}

.relates li {
    width: 33.33%;
    height: 200px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top
}

.relates a {
    margin: 0 0 0 25px;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    display: block
}

.relates a:hover {
    color: #004c98
}

.relates span {
    width: 100%;
    height: 140px;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    display: block
}

.relates img {
    width: 100%;
    min-height: 140px;
    margin: 0 0 5px;
    position: absolute
}

.relatescon {
    padding: 25px 25px 0
}

.cmtcon {
    padding: 5px 25px 10px
}

.cmtpost {
    margin-top: 20px;
    overflow: hidden
}

.cmtimg {
    width: 50px;
    float: left
}

.cmtimg img {
    width: 50px;
    height: 50px
}

.cmtarea {
    padding-left: 70px
}

.cmtarea span {
    color: #ccc;
    line-height: 35px
}

.cmtarea textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    font-family: "microsoft yahei";
    border: 1px solid #bebebe;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 0 #f0f0f0;
    -moz-box-shadow: 0 1px 0 0 #f0f0f0;
    box-shadow: 0 1px 0 0 #f0f0f0;
    outline: 0;
    overflow: hidden;
    box-sizing: border-box
}

.cmtarea textarea.on {
    border: 1px solid #004c98
}

.cmtpost .cmtfocus {
    border: 1px solid #ffdca0;
    -moz-box-shadow: 0 0 5px rgba(255, 185, 65, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(255, 185, 65, 0.5);
    box-shadow: 0 0 5px rgba(255, 185, 65, 0.5);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.cmtbtn {
    margin-top: 8px;
    zoom: 1
}

.cmtbtn:after {
    content: "";
    display: block;
    clear: both
}

.cmtbtn span {
    color: #999
}

.cmtbtn input {
    width: 74px;
    height: 32px;
    float: right;
    font-size: 16px;
    color: #fff;
    font-family: "microsoft yahei";
    line-height: 32px;
    text-align: center;
    border: 0;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    background: #004c98
}

.cmtinfo {
    width: 575px;
    float: left;
    padding: 20px 0 20px 70px;
    overflow: hidden;
    display: none
}

.cmtinfo .on {
    border: 1px solid #004c98
}

.cmtinfo p {
    width: 49%;
    float: left;
    padding: 5px 0
}

.cmtinfo input {
    width: 180px;
    height: 20px;
    padding: 2px 6px;
    border: 1px solid #bebebe;
    border-radius: 2px;
    outline: 0
}

.cmtinfo input {
    *display: inline
}

.cmtinfo label {
    padding: 0 10px;
    line-height: 26px
}

.cmtinfo #inpVerify {
    width: 100px
}

.cmtinfo img {
    width: 70px;
    height: 26px;
    margin-left: 10px;
    vertical-align: top
}

.msg {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
    overflow: hidden
}

.msg .msgimg {
    width: 50px;
    height: 50px;
    float: left
}

.msg .msgimg .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.msg .msgname a {
    color: #e63
}

.msg .msgtxt {
    width: 100%;
    float: right;
    margin-left: -60px
}

.msg .msgtxt .msgtxtbogy {
    margin-left: 60px
}

.msg .msgtxt .msgname {
    height: 24px;
    line-height: 24px
}

.msg .msgtxt .msgname span {
    font-size: 12px;
    color: #333
}

.msg .msgtxt .msgarticle {
    padding: 5px 0;
    font-size: 14px;
    color: #333
}

.msg .msgarticle .msg {
    margin-top: 10px;
    padding: 0;
    padding-top: 20px;
    font-size: 12px;
    border: 0;
    border-top: 1px solid #e0e0e0
}

.msg .msgarticle .msg .msgimg {
    width: 32px;
    height: 32px
}

.msg .msgarticle .msg .msgimg .avatar {
    width: 32px;
    height: 32px
}

.msg .msgarticle .msg .msgtxt {
    width: 100%;
    float: right;
    margin-left: -40px
}

.msg .msgarticle .msg .msgtxt .msgtxtbogy {
    margin-left: 40px
}

.msg .msgarticle .msg .dot {
    display: none
}

.pagebar,
.cmtpagebar {
    width: 100%;
    margin: 0 auto 20px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    clear: both
}

.pagebar .now-page,
.cmtpagebar .now-page {
    display: inline-block;
    color: #fff;
    font-weight: bolder;
    padding: 5px 10px;
    margin: 5px;
    border: 1px solid #004c98;
    background: #004c98
}

.pagebar a,
.cmtpagebar a {
    margin: 4px;
    padding: 5px 10px;
    color: #777;
    font-weight: bolder;
    border: 1px solid #004c98;
    background: #fff
}

.pagebar a:hover,
.cmtpagebar a:hover {
    color: #004c98;
    border: 1px solid #004c98;
    background: #fff
}

.pagebar .now-page,
.cmtpagebar .now-page {
    margin: 20px 5px
}

.pagination-loading {
    padding: 10px 0;
    text-align: center;
    border-radius: 2px;
    background: #ebebeb
}

.ias_trigger,
.ias_loader {
    margin: -1px 0;
    font-size: 16px;
    color: #888
}

.ias_trigger a,
.ias_loader a {
    padding: 10px 0;
    font-size: 16px;
    color: #333;
    text-align: center;
    border: 1px solid #e0e0e0;
    background: #fcfcfc;
    display: block
}

.ias_trigger a:hover,
.ias_loader a:hover {
    color: #004c98;
    text-decoration: none;
    border: 1px solid #004c98
}

.topicpage {
    width: 1920px;
    margin: 0 0 0 -960px
}

.topicbox {
    padding: 27px;
    border: 1px solid #cfcfcf
}

.footitem {
    padding: 20px 0
}

.btmitem {
    margin: 0 0 10px;
    padding: 20px 30px 20px 60px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden
}

.btmitem dl {
    float: left;
    line-height: 24px
}

.btmitem dt {
    font-size: 16px
}

.btmitem a {
    color: #666
}

.btmlink {
    width: 140px
}

.btmlink dt {
    margin-bottom: 15px
}

.btmlink dd {
    line-height: 30px
}

.btmqr {
    width: 215px;
    text-align: center;
    border-left: 1px solid #e0e0e0
}

.btmqr dt {
    margin-bottom: 10px
}

.btmqr .qr {
    width: 100px;
    height: 100px;
    margin-bottom: 10px
}

.btmqr i {
    margin: -1px 5px 0 0;
    display: inline-block;
    vertical-align: top
}

.btmqr i.weiboico:after {
    content: "\ea9a";
    font-size: 18px;
    color: #da251c;
    font-family: icomoon
}

.btmqq {
    width: 240px;
    padding-left: 30px;
    line-height: 18px;
    text-align: center;
    border-left: 1px solid #e0e0e0
}

.btmqq dt i {
    width: 50px;
    height: 50px;
    font-size: 30px;
    color: #004c98;
    font-family: icomoon;
    line-height: 50px;
    border: 1px solid #004c98;
    border-radius: 50%;
    display: inline-block
}

.btmqq dt i:after {
    content: "\e970"
}

.btmqq dt i.qqico {
    color: #5892d9;
    border: 1px solid #5892d9
}

.btmqq dt i.qqico:after {
    content: "\eb4d"
}

.btmqq dt i.wechatico {
    color: #5bbf23;
    border: 1px solid #5bbf23
}

.btmqq dt i.wechatico:after {
    content: "\eb4e"
}

.btmqq dd {
    line-height: 22px
}

.qqnum {
    padding: 10px 0 5px;
    font-size: 24px;
    color: #000
}

.qqnum a {
    font-size: 24px;
    color: #000
}

.qqnum a:hover {
    text-decoration: none
}

.timer {
    margin: 5px 0;
    font-size: 13px;
    color: #333
}

.sinaweibo {
    width: 20px;
    height: 17px;
    margin-right: 5px;
    background: url(../images/icon.png) no-repeat 0 -90px;
    vertical-align: text-bottom
}

.friendlinks {
    margin: 0 0 30px;
    padding: 20px 30px;
    line-height: 24px;
    border: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
    clear: both
}

.friendlinks h4 {
    float: left;
    padding-right: 20px;
    font-size: 16px
}

.friendlinks ul {
    width: 815px;
    float: left;
    padding-left: 20px;
    border-left: 1px solid #e0e0e0
}

.friendlinks li {
    margin-right: 20px;
    color: #333;
    display: inline
}

.friendlinks a {
    color: #333
}

.footer {
    margin: 0 0 20px;
    text-align: center;
    border-top: 1px solid #004c98
}

.footnav {
    margin: 20px 0 10px
}

.footnav li {
    margin-left: -1px;
    padding: 0 10px 0 12px;
    border-left: 1px solid #ddd;
    display: inline
}

.footnav li.noline {
    border: 0
}

.footnav a {
    font-size: 14px;
    color: #004c98
}

.copyright {
    line-height: 20px;
    color: #808080;
    text-align: center;
    text-transform: uppercase
}

.copyright a {
    font-size: 12px;
    color: #808080
}

a.backtotop {
    width: 36px;
    height: 36px;
    margin-left: 520px;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
    cursor: pointer;
    opacity: .8;
    position: fixed;
    _position: absolute;
    left: 50%;
    bottom: 120px;
    _bottom: 30px;
    background: #ccc;
    overflow: hidden;
    z-index: 99
}

a.backtotop i:after {
    content: "\eb5c";
    font-size: 22px;
    color: #fff;
    font-family: icomoon
}

a.backtotop:hover {
    background: #004c98
}

.paybox {
    width: 100%;
    padding: 50px 0;
    background: #f8f8f8
}

.paystate {
    padding: 10px 50px 30px;
    border: 1px solid #bbe1f1;
    background: #eefaff
}

.paystate h3 {
    padding: 20px 0;
    font-size: 30px;
    color: #5bbf23
}

.paystate h3 i {
    margin-right: 10px;
    font-size: 38px;
    color: #5bbf23;
    font-family: icomoon;
    display: inline-block;
    vertical-align: top
}

.paystate h3 i:after {
    content: "\e07d"
}

.paystate p {
    font-size: 16px;
    color: #333;
    line-height: 32px
}

.paystate p strong {
    color: #005375
}

.autotrade {
    margin: 20px 0;
    padding: 5px 20px 10px;
    color: #f98403;
    line-height: 30px;
    border: 1px solid #f98403;
    background: #fff5e9
}

.autotrade strong {
    padding: 10px 0;
    font-size: 22px;
    color: #f90303;
    font-weight: normal;
    word-break: break-word;
    border-top: 1px dotted #f98403;
    display: block
}

.viewall {
    overflow: hidden;
    position: relative
}

.teles,
.telesmore {
    width: 100%;
    height: 150px;
    color: #004c98;
    text-align: center;
    font-size: 14px;
    text-indent: 0;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 50%);
    position: absolute;
    left: 0;
    bottom: 0;
    display: block
}

.telesmore i {
    margin: 100px auto 0;
    line-height: 36px;
    text-align: center;
    border: 1px solid #004c98;
    border-radius: 3px;
    background: #fff;
    display: block
}

.telesmore i:after {
    content: "\e313";
    font-size: 22px;
    font-family: icomoon;
    display: inline-block;
    vertical-align: top;
    -webkit-animation: telesmoreico .4s infinite alternate
}

.teles i {
    margin: 80px 0 20px;
    font-size: 18px;
    font-style: normal;
    text-indent: 0;
    line-height: 28px;
    display: inline-block
}

.teles i:after {
    content: "\e313";
    width: 33px;
    margin-left: -20px;
    font-size: 30px;
    font-family: icomoon;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-animation: telesico .4s infinite alternate;
    -ms-animation: telesico .4s infinite alternate
}

@-webkit-keyframes telesico {
    0% {
        -webkit-transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(0, 5px)
    }
}

@-webkit-keyframes telesmoreico {
    0% {
        -webkit-transform: translate(0, -2px)
    }

    100% {
        -webkit-transform: translate(0, 3px)
    }
}

@-webkit-keyframes arrow {
    from {
        -webkit-transform: translate3d(-webkit-calc(-44%), 5px, 0);
        transform: translate3d(calc(-44%), 5px, 0)
    }

    to {
        -webkit-transform: translate3d(-webkit-calc(-44%), 0, 0);
        transform: translate3d(calc(-44%), 0, 0)
    }
}

@keyframes arrow {
    from {
        -webkit-transform: translate3d(-webkit-calc(-44%), 5px, 0);
        transform: translate3d(calc(-44%), 5px, 0)
    }

    to {
        -webkit-transform: translate3d(-webkit-calc(-44%), 0, 0);
        transform: translate3d(calc(-44%), 0, 0)
    }
}

@media screen and (max-width:1000px) {
    .wrapper {
        min-width: 695px;
        margin: 0 auto
    }

    .wrap {
        width: 655px;
        min-width: 655px;
        padding: 0 10px
    }

    .head {
        height: 70px;
        margin: 0
    }

    .logo {
        height: 70px;
        float: none;
        margin: 0 auto;
        overflow: hidden
    }

    .logo a {
        height: 70px
    }

    .menu .menunav li a {
        padding: 0 18px
    }

    .menu .menunav li.subcate a {
        padding-right: 25px
    }

    .single {
        width: 655px
    }

    .content {
        width: auto;
        float: none
    }

    .cms {
        padding-top: 30px
    }

    .sale {
        padding: 20px
    }

    .salealbum,
    .saleinfo {
        width: 100%;
        margin: 0
    }

    .saleimg {
        width: auto;
        height: 394px
    }

    .salecon {
        width: 500px;
        margin: auto
    }

    .salecon li {
        width: 80px;
        height: 52px
    }

    .salebtn a {
        top: 13px
    }

    .paybtn input {
        width: 100%
    }

    .catelist .listtitle {
        bottom: 0
    }

    .postcon {
        max-height: 68px
    }

    .body p {
        font-size: 16px;
        line-height: 35px;
        word-wrap: break-word
    }

    .body h1,
    .catalist h1 {
        font-size: 24px
    }

    .sublogo,
    .hot,
    .side,
    .backtotop,
    .alilogo,
    .posttags,
    .payor,
    .paybtn .payqr,
    .btmqr {
        display: none
    }

    .cmtinfo {
        width: auto
    }

    .cmtinfo input {
        height: 28px
    }

    .cmtinfo label {
        font-size: 16px
    }

    .cmtinfo p {
        width: auto;
        float: none
    }

    .msg .msgarticle .msg {
        margin: 10px 0 0 -40px
    }

    .friendlinks {
        padding: 20px
    }

    .friendlinks h4 {
        float: none;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e0e0e0
    }

    .friendlinks ul {
        width: auto;
        margin: 0;
        padding: 0;
        border: 0
    }

    .btmitem {
        padding-left: 35px
    }

    .btmlink {
        width: 110px;
        padding: 20px 0
    }

    .btmqq {
        width: 220px
    }

    a.backtotop {
        margin-left: 345px
    }
}

@media screen and (max-width:655px) {
    .wrapper {
        min-width: 100%;
        margin: 0 auto
    }

    .wrap {
        width: 100%;
        min-width: 100%;
        box-sizing: border-box;
        zoom: 1
    }

    .wrap:after {
        content: "";
        display: block;
        clear: both
    }

    .header {
        zoom: 1
    }

    .header:after {
        content: "";
        display: block;
        clear: both
    }

    .head {
        height: 55px;
        margin: 0
    }

    .logo {
        width: 160px;
        height: 50px;
        float: left;
        margin: 0
    }

    .logo a {
        width: 160px;
        height: 50px;
        display: table-cell;
        vertical-align: middle
    }

    .logo a img {
        width: 160px;
        vertical-align: middle
    }

    .menu {
        height: 39px;
        margin: -45px 0 0;
        border-top: 0;
        display: inline-block
    }

    .menuico {
        display: block
    }

    .menunav {
        display: none
    }

    .menunav.on {
        width: 100%;
        margin-top: 16px;
        padding-bottom: 10px;
        background: #fff;
        visibility: visible;
        position: relative;
        z-index: 99;
        display: inline-block
    }

    .menunav.on li {
        float: none;
        border-bottom: 1px solid #ebebeb;
        display: block
    }

    .menunav.on li a {
        font-size: 16px;
        color: #333;
        display: block
    }

    .menunav.on li a:hover,
    .menunav.on li a.on {
        color: #004c98;
        background: none
    }

    .menunav.on li a:after {
        right: 0
    }

    .menunav.on li.subcate:hover a {
        color: #333;
        background: none
    }

    .menunav.on li.subcate:hover .subnav {
        display: none
    }

    .menunav.on li.subcate:hover .subnav a:hover {
        color: #004c98;
        background: none
    }

    .menunav.on li.subcate:hover .subnav a:hover:after {
        color: #004c98
    }

    .menunav.on li.subcate.slidedown {
        border-bottom: 0
    }

    .menunav.on li.subcate.slidedown>a:after {
        content: "\e5ce";
        color: #004c98
    }

    .menunav.on li.subcate.slidedown .subnav {
        display: block
    }

    .menunav.on li .subnav {
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        background: #fafafa;
        position: relative;
        top: 0
    }

    .menunav.on li .subnav a {
        font-size: 14px;
        border-bottom: 1px solid #f5f5f5
    }

    .menunav.on li .subnav a:last-child {
        border: 0
    }

    .menunav.on li .subnav a.on {
        color: #004c98
    }

    .main {
        padding: 10px 0 0
    }

    .focus {
        margin-bottom: 10px
    }

    .slide {
        width: 100%
    }

    .slide ul.slideimg {
        height: auto
    }

    .slide ul.slideimg li {
        height: auto;
        position: static
    }

    .slide ul.slideimg li img {
        height: auto
    }

    .slide .slidename {
        width: auto;
        display: none
    }

    .slide .slidepoint li {
        width: 8px;
        height: 8px
    }

    .single {
        width: auto
    }

    .body {
        padding: 20px 10px
    }

    .meta,
    .postmeta {
        padding: 10px 0
    }

    .content {
        width: auto;
        float: none
    }

    .cms {
        padding-top: 20px
    }

    .catebox.alone ul,
    .catabox.alone ul {
        margin: 0
    }

    .catebox.alone li,
    .catabox.alone li,
    .catebox.alone .postmulti,
    .catabox.alone .postmulti {
        width: 100%;
        margin-left: 0
    }

    .catebox.alone .listinfo,
    .catabox.alone .listinfo,
    .catebox.alone .postmeta,
    .catabox.alone .postmeta {
        display: block
    }

    .catelist ul {
        margin-left: -2%
    }

    .catelist li {
        width: 48%;
        margin: 0 0 15px 2%
    }

    .catelist .listtitle {
        white-space: normal
    }

    .catelist .listtitle a {
        font-size: 14px
    }

    .catelist .listinfo,
    .catelist .shade,
    .catelist .listshadow {
        display: none
    }

    .catalist {
        padding: 10px
    }

    .catalist ul {
        margin-left: -2%;
        font-size: 0
    }

    .catetitle {
        margin-bottom: 10px
    }

    .postmulti {
        width: 48%;
        margin: 0 0 15px 2%;
        padding: 0;
        display: inline-block;
        vertical-align: top
    }

    .postpic {
        width: 100%;
        max-height: 220px;
        float: none;
        margin: 5px 0 10px
    }

    .postpic a {
        width: 100%;
        height: 0;
        padding-bottom: 65%;
        overflow: hidden;
        position: relative;
        display: block
    }

    .postpic img {
        width: 100%;
        height: auto;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .postcon {
        display: none
    }

    .postinfo h2 {
        height: auto;
        margin: 0 0 10px
    }

    .postinfo h2 a {
        font-size: 14px
    }

    .saleimg {
        height: 190px
    }

    .salecon {
        width: 280px
    }

    .salecon li {
        width: 50px;
        height: 37px
    }

    .listdate time,
    .metatime time {
        display: none
    }

    .price {
        margin: 10px 0;
        padding-top: 20px;
        border-top: 1px solid #e0e0e0
    }

    .payor {
        margin: 0 15px
    }

    .tags a {
        margin-top: 10px
    }

    .top,
    .hot,
    .side,
    .postmeta,
    .metauser,
    .metacate,
    .salebtn,
    .cmtbtn span,
    .msgname span,
    .mapcate,
    .mapdate {
        display: none
    }

    .articlesns li {
        width: 200px;
        margin: 10px 5px 0
    }

    .articlesns li.artweibo i,
    .articlesns li.arttblog i,
    .articlesns li.artqzone i {
        margin: 5px 0 0 4px
    }

    .articlepage {
        margin: 20px 0 0;
        padding: 20px 0 0;
        border-top: 1px solid #e0e0e0;
        overflow: hidden
    }

    .articlepage .prepage {
        width: 100%;
        float: none;
        margin: 0 0 20px
    }

    .articlepage .nextpage {
        width: 100%;
        float: none;
        text-align: left
    }

    .articlepage p {
        margin-top: 10px
    }

    .articlepage p a {
        font-size: 16px;
        color: #333;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: inherit;
        overflow: hidden
    }

    .adcontact {
        text-align: left
    }

    .adcontact input {
        width: 100%;
        margin: 0;
        box-sizing: border-box
    }

    .adsubmit {
        width: 100%;
        float: none;
        margin-top: 20px;
        display: inline-block
    }

    .adsubmit input {
        width: 100%
    }

    .cmtcon {
        padding: 0 10px 15px
    }

    .cmtpost {
        margin-top: 10px
    }

    .cmtarea {
        float: none;
        padding: 0
    }

    .cmtbtn {
        margin: 0
    }

    .cmtbtn input {
        width: 100%;
        float: none;
        margin: 5px 0 0
    }

    .cmtimg {
        display: none
    }

    .cmtinfo {
        width: auto;
        padding: 20px 0
    }

    .relatescon {
        padding: 20px 10px 0
    }

    .relates li {
        width: 50%;
        height: auto;
        margin-bottom: 20px;
        white-space: inherit
    }

    .relates li span {
        height: 100px
    }

    .relates li img {
        min-height: 100px
    }

    .friendlinks {
        margin: 0
    }

    .friendlinks.m {
        display: none
    }

    .btmitem {
        padding: 20px
    }

    .btmlink {
        width: 33.333%;
        padding: 0 0 20px;
        text-align: center
    }

    .btmqq {
        width: 100%;
        padding: 0;
        padding-top: 20px;
        border-top: 1px solid #e0e0e0;
        border-left: 0
    }

    .footnav li {
        padding: 0 8px
    }

    a.backtolist {
        width: 99%;
        float: none;
        margin-bottom: 20px;
        padding: 3px 0;
        text-align: center;
        display: block
    }
}