@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body,
dl,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre {
    margin: 0;
}

button,
input,
legend,
menu,
option,
textarea {
    padding: 0;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    font-size: 1em;
}

body,
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: 0;
}

body {
    background-color: #ededed;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #d3d3d3;
    font-size: 13px;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #d3d3d3;
    font-size: 13px;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #d3d3d3;
    font-size: 13px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #d3d3d3;
    font-size: 13px;
}

a {
    color: #333;
}

/* 文本溢出隐藏 */
.text-overflow, .tab-list .tab-item .tab-item-cont p, .ul-full li, .video-container-tb p, .vtikcer-box ul a, .djtj-news-list li a, .mxzy-list-table-wrap dl dd a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.lists-text {
    font-size: 0.875em;
    color: #5c5c5c;
}

.lists-text li {
    margin-bottom: 1.5em;
    line-height: 1.6;
}

/* 清除浮动 */
.clearfix, .header-box .header-inner-box, ul.main-nav li .pl-down-box, .djtj-news-list li, .mxzy-list-table-wrap dl, .mxzy-list-table-wrap dl dd {
    *zoom: 1;
}

.clearfix:after, .header-box .header-inner-box:after, ul.main-nav li .pl-down-box:after, .djtj-news-list li:after, .mxzy-list-table-wrap dl:after, .mxzy-list-table-wrap dl dd:after {
    content: "";
    display: table;
    clear: both;
}

.title-xxl {
    font-size: 1.125em;
}

.title-xl, .buy-btn-wrap a {
    font-size: 1em;
}

.title-m {
    font-size: 0.875em;
}

.title-ms, .ui-modal-wrap, .ui-tabs {
    font-size: 0.8125em;
}

.title-l {
    font-size: 0.75em;
}

.title-s {
    font-size: 0.6875em;
}

.title-xs {
    font-size: 0.625em;
}

/* 颜色 */
.s-blue {
    color: #339dd9;
}

.s-blue80 {
    color: #0c7dc1;
}

.s-blue-let {
    color: #29abe2;
}

.s-blue-low {
    color: #00a99d;
}

.s-orange {
    color: #f26009;
}

.s-orange-let {
    color: #fbb03b;
}

.s-green {
    color: #7ac943;
}

.s-purple {
    color: #93278f;
}

.s-red {
    color: red;
}

.s-pink {
    color: #ff7bac;
}

.s-gray80 {
    color: #3a3a3a;
}

.s-gray50, .ui-modal p {
    color: #5c5c5c;
}

.s-gray20 {
    color: #b8b8b8;
}

.modal-control-wrap, .ui-tabs, .g-container-full, .g-container-half, .modal-control-wrap a, .item-half {
    *zoom: 1;
}

.modal-control-wrap:after, .ui-tabs:after, .g-container-full:after, .g-container-half:after, .modal-control-wrap a:after, .item-half:after {
    content: "";
    display: table;
    clear: both;
}

.modal-control-wrap a, .ui-tabs li, .ui-tabs a, .g-container-full, .g-container-half, .item-half {
    box-sizing: border-box;
}

/* functions */
.fn-lt {
    float: left;
}

.fn-rt {
    float: right;
}

.fn-tac {
    text-align: center;
}

.fn-tar {
    text-align: right;
}

.fn-tal {
    text-align: left;
}

.fn-db {
    display: black;
}

.fn-dib {
    display: inline-block;
}

.fn-dn {
    display: none;
}

.fn-psr {
    position: relative;
}

.fn-psa {
    position: absolute;
}

.fn-psf {
    position: fixed;
}

.fn-vam {
    vertical-align: middle;
}

.mtb10 {
    margin: 10px auto;
}

.mb20 {
    margin-bottom: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.pdb50 {
    padding-bottom: 50px;
}

.pdtb10 {
    padding: 10px 0;
}

.bdbt, .ui-modal {
    border-bottom: 1px solid #d3d3d3;
}

.bdbt1 {
    border-bottom: 1px solid #ededed;
}

.pd10 {
    padding: 10px;
}

.bdt {
    border-top: 1px solid #d3d3d3;
}

.bdtp {
    border-top: 1px solid #ededed;
}

.bg-white {
    background-color: #FFF !important;
}

.filter-blur {
    display: block !important;
}

.fn-pof {
    position: fixed;
    bottom: 0px;
}

/* 精灵图样式 */
.icons-0, .icons-1, .icons-2, .icons-8, .icons-chun, .icons-dog, .icons-fireworks, .icons-flower, .icons-jie, .icons-kuai, .icons-le, .icons-light, .icons-logo, .icons-nav-bg, .icons-nav-bg_01, .icons-nav-bg_02, .icons-nav-bg_03, .icons-nav-top-decoration, .icons-shadow, .icons-spring-text, .icons-stuff01, .icons-stuff02, .icons-stuff03, .icons-stuff04, .icons-stuff05, .icons-tree {
    background: url('../img/icons-s3fad6cdf84.png') no-repeat;
    -moz-background-size: 1241px auto;
    -o-background-size: 1241px auto;
    -webkit-background-size: 1241px auto;
    background-size: 1241px auto;
}

[class^="icons-"],
[class*="icons-"] {
    display: inline-block;
    vertical-align: middle;
}

.icons-0 {
    background-position: 0 0;
    height: 36px;
    width: 36px;
}

.icons-1 {
    background-position: 0 -41px;
    height: 36px;
    width: 36px;
}

.icons-2 {
    background-position: 0 -82px;
    height: 36px;
    width: 36px;
}

.icons-8 {
    background-position: 0 -123px;
    height: 36px;
    width: 36px;
}

.icons-chun {
    background-position: 0 -164px;
    height: 64px;
    width: 64px;
}

.icons-dog {
    background-position: 0 -233px;
    height: 275px;
    width: 223px;
}

.icons-fireworks {
    background-position: 0 -513px;
    height: 80px;
    width: 76px;
}

.icons-flower {
    background-position: 0 -598px;
    height: 27px;
    width: 29px;
}

.icons-jie {
    background-position: 0 -630px;
    height: 56px;
    width: 56px;
}

.icons-kuai {
    background-position: 0 -691px;
    height: 50px;
    width: 50px;
}

.icons-le {
    background-position: 0 -746px;
    height: 63px;
    width: 62px;
}

.icons-light {
    background-position: 0 -814px;
    height: 572px;
    width: 350px;
}

.icons-logo {
    background-position: 0 -1391px;
    height: 58px;
    width: 163px;
}

.icons-nav-bg {
    background-position: 0 -1454px;
    height: 160px;
    width: 1241px;
}

.icons-nav-bg_01 {
    background-position: 0 -1619px;
    height: 160px;
    width: 17px;
}

.icons-nav-bg_02 {
    background-position: 0 -1784px;
    height: 47px;
    width: 1193px;
}

.icons-nav-bg_03 {
    background-position: 0 -1836px;
    height: 160px;
    width: 31px;
}

.icons-nav-top-decoration {
    background-position: 0 -2001px;
    height: 100px;
    width: 798px;
}

.icons-shadow {
    background-position: 0 -2106px;
    height: 44px;
    width: 181px;
}

.icons-spring-text {
    background-position: 0 -2155px;
    height: 161px;
    width: 107px;
}

.icons-stuff01 {
    background-position: 0 -2321px;
    height: 41px;
    width: 36px;
}

.icons-stuff02 {
    background-position: 0 -2367px;
    height: 33px;
    width: 62px;
}

.icons-stuff03 {
    background-position: 0 -2405px;
    height: 43px;
    width: 42px;
}

.icons-stuff04 {
    background-position: 0 -2453px;
    height: 29px;
    width: 40px;
}

.icons-stuff05 {
    background-position: 0 -2487px;
    height: 29px;
    width: 40px;
}

.icons-tree {
    background-position: 0 -2521px;
    height: 266px;
    width: 207px;
}

@font-face {
    font-family: "iconfont";
    src: url("../../assets/fonts/iconfont.eot?t=1510739865421");
    /* IE9*/
    src: url("../../assets/fonts/iconfont.eot?t=1510739865421#iefix") format("embedded-opentype"), url("../../assets/fonts/iconfont.ttf?t=1510739865421") format("truetype"), url("../../assets/fonts/iconfont.svg?t=1510739865421#iconfont") format("svg");
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
}

.icon-zhaojianzhi:before {
    content: "\e618";
}

.icon-tengxunweibo:before {
    content: "\e6c0";
}

.icon-saomiao:before {
    content: "\e623";
}

.icon-shuqianguanli:before {
    content: "\e857";
}

.icon-xuehua:before {
    content: "\e603";
}

.icon-iconfontjiajuyongpin:before {
    content: "\e60c";
}

.icon-guanbi:before {
    content: "\e660";
}

.icon-fukuan:before {
    content: "\e602";
}

.icon-gouwuche:before {
    content: "\e68f";
}

.icon-icon16:before {
    content: "\e627";
}

.icon-shuqian:before {
    content: "\e619";
}

.icon-kaoshi:before {
    content: "\e626";
}

.icon-laba:before {
    content: "\e600";
}

.icon-sousuo:before {
    content: "\e68d";
}

.icon-zhuanshu:before {
    content: "\e601";
}

.icon-caidan:before {
    content: "\e643";
}

.icon-xinlangweibo:before {
    content: "\e65c";
}

.icon-icon-weather-snowflake:before {
    content: "\e6b1";
}

.icon-right-triangle:before {
    content: "\e604";
}

.icon-shangchuan:before {
    content: "\e7aa";
}

.icon-laba1:before {
    content: "\e715";
}

.icon-jiantou-zuo-kongxin-yuanxing:before {
    content: "\e931";
}

.icon-arrow:before {
    content: "\e607";
}

.icon-shangchuan1:before {
    content: "\e65a";
}

.icon-arrow-circle-o-right:before {
    content: "\e605";
}

.icon-arrow-right:before {
    content: "\e612";
}

.icon-icon:before {
    content: "\e608";
}

.icon-monikaoshi:before {
    content: "\e62c";
}

.icon-jiantou-you-shixin-yuanxing:before {
    content: "\e609";
}

.icon-right:before {
    content: "\e611";
}

.icon-bookmark-icon:before {
    content: "\e638";
}

.icon-chongzhi:before {
    content: "\e60d";
}

.icon-shangchuan2:before {
    content: "\e60e";
}

.icon-wangxiaotong:before {
    content: "\e60f";
}

.icon-chongzhi_colour:before {
    content: "\e61c";
}

.icon-wangxiaotong_colour:before {
    content: "\e61d";
}

.icon-gaokao:before {
    content: "\e60a";
}

.icon-gaofei:before {
    content: "\e610";
}

.icon-shangcheng:before {
    content: "\e613";
}

.icon-tiaocuo:before {
    content: "\e614";
}

.icon-app:before {
    content: "\e615";
}

.icon-kaoshi-:before {
    content: "\e61e";
}

.icon-shubiao:before {
    content: "\e616";
}

.icon-shuqianguanli1:before {
    content: "\e617";
}

.icon-shangchuan2_colour:before {
    content: "\e61f";
}

.icon-citie:before {
    content: "\e62b";
}

.icon-yingyu:before {
    content: "\e62d";
}

.icon-shuxue:before {
    content: "\e62e";
}

.icon-shengwu:before {
    content: "\e62f";
}

.icon-huaxue:before {
    content: "\e630";
}

.icon-dingwei:before {
    content: "\e632";
}

.icon-zhengzhi:before {
    content: "\e633";
}

.icon-zonghe:before {
    content: "\e636";
}

.icon-zixuanmokuai:before {
    content: "\e63a";
}

.icon-flag:before {
    content: "\e932";
}

.icon-shu:before {
    content: "\e63d";
}

.icon-lishi:before {
    content: "\e634";
}

.icon-leida:before {
    content: "\e635";
}

.icon-atom:before {
    content: "\e637";
}

.icon-jiantou-shang:before {
    content: "\e647";
}

.icon-jiantou-xia:before {
    content: "\e648";
}

.icon-tubiaojiazaiyanchi:before {
    content: "\e649";
}

/* 针对iphone4 iphone5 产品页面图片宽度处理 */
@media only screen and (max-device-width: 320px) {
    .address-info.address-list {
        width: 79% !important;
    }

    .public-select.return-order {
        width: 73% !important;
    }
}

/* 按钮*/
.ui-btn {
    display: inline-block;
    padding: 0 12px;
    line-height: 28px;
    border-radius: 3px;
    background-color: #e6e6e6;
    font-size: 0.75em;
    text-align: center;
}

/* 按钮颜色 */
.btn-blue {
    color: #fff;
    background-color: #0078e7;
}

.full-btn {
    display: inline-block;
    text-align: center;
    border: none;
    background-color: #0c7dc1;
    border: 1px solid #0c7dc1;
    color: #fff;
    width: 100%;
    outline: none;
    line-height: 100%;
    border-radius: 3px;
    font-size: 0.8125em;
    padding: 12px 0;
}

.full-btn.disabled {
    background-color: #FFF;
    color: #d3d3d3;
    border: 1px solid #ededed;
}

.full-btn.orange {
    background-color: #f26009;
    border-color: #f26009;
}

.full-btn.white {
    background-color: #FFF;
    color: #5c5c5c;
    border-color: #d3d3d3;
}

.full-btn.ischeck {
    background-color: #FFF;
    color: #5c5c5c;
    border-color: #5c5c5c;
}

.full-btn.nocheck {
    background-color: #ededed;
    color: #b8b8b8;
    border-color: #b8b8b8;
}

.full-btn-off {
    background: #fff;
    border: 1px solid #fff;
    color: #999;
    display: inline-block;
    text-align: center;
    border: none;
    width: 100%;
    outline: none;
    line-height: 100%;
    border-radius: 3px;
    font-size: 0.8125em;
    padding: 12px 0;
}

.buy-btn-wrap a {
    display: block;
    float: left;
    line-height: 50px;
    text-align: center;
    color: #fff;
}

.buy-btn-wrap a:active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.buy-btn-wrap a.add-shopping {
    background-color: #ffa200;
}

.buy-btn-wrap a.buy {
    background-color: #f26009;
}

.buy-btn-wrap a.order {
    background-color: #5c5c5c;
}

.buy-btn-wrap a.go-buy {
    background-color: #f26009;
}

.control-btn {
    display: inline-block;
    border: 1px solid #b8b8b8;
    color: #5c5c5c;
    padding: 4px 7px;
    border-radius: 3px;
    margin-right: 5px;
    font-size: 0.75em;
    line-height: 100%;
}

.control-btn.current {
    border-color: #339dd9;
    color: #339dd9;
}

.control-btn:last-child {
    margin-right: 0;
}

.control-btn.orange {
    border: 1px solid #f26009;
    color: #f26009;
}

.control-btn.bg-blue {
    border-color: #0c7dc1;
    background-color: #0c7dc1;
    color: #fff;
}

.control-btn.white-bg {
    border-color: #f5f5f5;
    background-color: #f5f5f5;
    color: #5c5c5c;
    margin-top: 5px;
}

/* 模态框*/
.ui-cover, .filter-blur {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background: #000;
    z-index: 20;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.ui-modal-wrap {
    position: fixed;
    top: 40%;
    right: 10%;
    left: 10%;
    z-index: 21;
    background-color: #fff;
    border-radius: 3px;
}

.ui-modal {
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 10px;
}

.ui-modal .close-wrap {
    margin-top: -5px;
}

.modal-control-wrap {
    width: 100%;
}

.modal-control-wrap a {
    float: left;
    text-align: center;
    border-right: 1px solid #d3d3d3;
    padding: 10px;
}

.modal-control-wrap a:last-child {
    border-right: none;
}

/* 下拉菜单*/
/* 分页导航*/
.tab-btn {
    width: 100%;
}

.tab-btn span {
    display: inline-block;
    font-size: 0.75em;
    color: #5c5c5c;
    border: 1px solid #d3d3d3;
    background-color: #FFF;
    padding: 8px;
    border-radius: 3px;
    margin-right: 5px;
    line-height: 100%;
}

.tab-btn span.current, .tab-btn span:active {
    background-color: #f26009;
    border: 1px solid #f26009;
    color: #fff;
}

.tab-btn span.disabled {
    background-color: #FFF;
    border: 1px solid #ededed;
    color: #d3d3d3;
}

.ui-tabs {
    width: 100%;
    text-align: center;
    line-height: 42px;
    color: #5c5c5c;
}

.ui-tabs.three-items li, .ui-tabs.three-items a {
    width: 33.3%;
}

.ui-tabs.four-items li, .ui-tabs.four-items a {
    width: 25%;
}

.ui-tabs li a {
    width: 100%;
}

.ui-tabs li, .ui-tabs a {
    display: block;
    width: 50%;
    background-color: #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
    border-left: 1px solid #ededed;
    float: left;
}

.ui-tabs li:last-child, .ui-tabs a:last-child {
    border-right: none;
}

.ui-tabs li.current, .ui-tabs a.current {
    position: relative;
    background-color: #FFF;
    border-bottom: 2px solid #0c7dc1;
    color: #339dd9;
}

.ui-tabs li.current:after, .ui-tabs a.current:after {
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 5px;
    margin-left: -5px;
    bottom: -10px;
    border-color: rgba(12, 125, 193, 0);
    border-top-color: #0c7dc1;
}

/* 网格系统 */
/* 容器*/
.g-container-full {
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
}

.g-container-half, .modal-control-wrap a {
    width: 50%;
}

.item-half {
    width: 48%;
}

body {
    color: #333;
    background: #fff;
    font: 14px/1.5 "Microsoft Yahei", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    font-family: "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

.body-bg {
    background: #f1f1f1;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.align-center {
    text-align: center;
}

.align-rt {
    text-align: right;
}

.cp {
    cursor: pointer;
}

table {
    width: 100%;
}

a:hover {
    color: #2695ff;
}

.top-bar {
    width: 1200px;
    margin: 0 auto;
    font-size: 12px;
}

.top-bar a {
    display: inline-block;
    padding: 5px 0 0 0;
}

.top-bar .fn-rt a {
    margin: 0 4px;
}

.yellow {
    color: #ffd71e;
}

.xk-text-logo {
    width: 184px;
}

.member-bind {
    color: #ff9a18;
}

.header-box {
    background: #fff;
    width: 100%;
    min-width: 1200px;
    border-bottom: 2px solid #2695ff;
}

.header-box .header-inner-box {
    width: 1200px;
    line-height: 38px;
    margin: 0 auto;
    position: relative;
}

.header-box .header-inner-box .top-search-line-box {
    padding-top: 40px;
    float: right;
    width: 936px;
}

.scop-box {
    float: left;
    line-height: 38px;
    position: relative;
    padding-top: 26px;
}

.scop-box .logo-wrap {
    display: block;
    float: left;
    line-height: 58px;
    margin-left: 12px;
}

.scop-box .logo-wrap img {
    width: 163px;
    height: 58px;
    display: block;
}

.scop-box .scop-icon-box {
    line-height: 58px;
    height: 58px;
    float: left;
    margin-left: 30px;
}

.scop-box .iconfont {
    transition: all .3s;
    display: inline-block;
}

.scop-box .address-pld-box {
    position: absolute;
    display: none;
    border: 1px solid #1e8cf5;
    background-color: #fff;
    z-index: 251;
    left: 184px;
    top: 76px;
    text-align: center;
    box-shadow: 0 2px 6.51px 0.49px rgba(9, 2, 4, 0.3);
    text-align: left;
}

.scop-box .address-pld-box .hot-city {
    white-space: nowrap;
    padding-left: 14px;
}

.scop-box .address-pld-box .sanjiao {
    position: absolute;
    top: -9px;
    left: 32px;
    display: block;
    width: 24px;
    height: 10px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/box_sanjiao.png");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.scop-box .address-pld-box .list {
    padding: 12px 14px;
}

.scop-box .address-pld-box .list b {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #057ee1;
    text-align: left;
    line-height: 20px;
}

.scop-box .address-pld-box .list a {
    font-size: 14px;
    padding-right: 14px;
    line-height: 20px;
}

.scop-icon-box:hover .address-pld-box {
    display: block;
}

.scop-icon {
    color: #2695ff;
}

.main-search-ipt, .main-search-btn {
    display: block;
    float: left;
}

.search-ipt-group {
    float: left;
    margin-left: 17px;
    position: relative;
}

.search-ipt-group .search-tips-wrap {
    position: absolute;
    z-index: 100;
    background: #fff;
    left: 0;
    top: 36px;
    border: 1px solid #ccc;
    width: 410px;
    display: none;
}

.search-ipt-group .search-tips-wrap li {
    padding: 4px 9px;
}

.search-ipt-group .search-tips-wrap li p {
    font-size: 12px;
    line-height: 20px;
}

.search-ipt-group .search-tips-wrap li .search-add-tag {
    display: none;
}

.search-ipt-group .search-tips-wrap li a {
    font-size: 12px;
}

.search-ipt-group .search-tips-wrap li:hover {
    background: #f0f0f0;
}

.search-ipt-group .search-tips-wrap li:hover .search-add-tag {
    display: block;
}

.main-search-ipt {
    width: 370px;
    height: 35px;
    border: 1px solid #2695ff;
    border-radius: 3px 0 0 3px;
    padding: 0 10px;
    display: inline-block;
    outline: none;
    line-height: 35px !important;
}

.main-search-btn {
    display: inline-block;
    background: #2695ff;
    text-align: center;
    width: 58px;
    height: 37px;
    line-height: 37px;
    color: #fff;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}

.source-bucket-wrap {
    float: left;
    margin-left: 15px;
    position: relative;
    width: 94px;
}

.source-bucket-wrap .source-bucket {
    cursor: pointer;
    width: 90px;
    padding: 0 1px;
    border: 1px solid #e6e6e6;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    z-index: 253;
    background: #fff;
}

.source-bucket-wrap .source-bucket .number {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #ff9a18;
    z-index: 3;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    border-radius: 11px;
}

.source-bucket-wrap .source-bucket .text-color {
    color: #2695ff;
    margin-left: 10px;
}

.source-bucket-wrap .zyl_list {
    position: absolute;
    display: none;
    top: 36px;
    padding: 0;
    width: 380px;
    z-index: 252;
    line-height: 20px;
    border: 1px solid #188eee;
    background-color: #fff;
    height: auto !important;
}

.source-bucket-wrap:hover .source-bucket {
    border-color: #2695ff;
    border-radius: 3px 3px 0 0;
    border-bottom: none;
    height: 36px;
}

.source-bucket-wrap:hover .zyl_list {
    display: block;
}

.func-icons {
    color: #2695ff;
}

.func-icons a {
    color: #2695ff;
}

.func-icons a:hover i,
.func-icons a:hover span {
    color: #2695ff;
}

.func-icons i,
.func-icons span {
    cursor: pointer;
    display: block;
    float: left;
}

.func-icons i {
    margin-left: 30px;
    font-size: 2.4em;
}

.func-icons span {
    padding-left: 6px;
}

.func-icons .earn-cash-tips {
    position: relative;
}

.func-icons .earn-cash-tips span {
    display: inline-block;
    position: absolute;
    width: 45px;
    height: 23px;
    top: -14px;
    left: 0;
    background: url("../../assets/img/earn-cash-tips.png") no-repeat;
}

.func-icons .charge-btn {
    position: relative;
}

.func-icons .charge-btn span {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 23px;
    top: -14px;
    left: -11px;
    background: url("../../assets/img/charge-tips-bg.png") no-repeat;
}

.left-top-nav {
    width: 190px;
    background: #2695ff;
    border-radius: 3px 3px 0 0;
    text-align: center;
    padding: 5px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-top: 26px;
    font-size: 16px;
    float: left;
    position: relative;
    bottom: -1px;
}

.left-top-nav a {
    color: #fff;
}

.left-top-nav a:hover {
    color: #ffd71e;
}

ul.main-nav {
    float: left;
    font-size: 16px;
    margin-top: 36px;
    margin-left: 12px;
}

ul.main-nav li {
    float: left;
    padding: 4px 20px 11px;
    transition: color .3s;
    position: relative;
    line-height: normal;
}

ul.main-nav li .pl-down-box {
    border: 1px solid #2695ff;
    position: absolute;
    text-align: center;
    width: 100px;
    left: -56px;
    top: 36px;
    z-index: 1000;
    background: #fff;
    display: none;
}

ul.main-nav li .pl-down-box .pl-down-sanjiao {
    position: absolute;
    left: 43px;
    top: -9px;
}

ul.main-nav li .pl-down-box .pl-down-content {
    padding: 3px 0;
    width: 100px;
    float: left;
    height: 35px;
    text-align: center;
    color: #333;
    cursor: pointer;
    line-height: 35px;
}

ul.main-nav li .pl-down-box .pl-down-content:hover {
    background: #f2f2f2;
    color: #2695ff;
}

ul.main-nav li .pl-down-box-lg {
    width: 200px;
}

ul.main-nav li .pl-down-box-lg .pl-down-sanjiao {
    left: 91px;
}

ul.main-nav li.current-nav,
ul.main-nav li:hover {
    color: #2695ff;
}

ul.main-nav li.current-nav i,
ul.main-nav li:hover i {
    color: #2695ff;
}

ul.main-nav li.current-nav .iconfont,
ul.main-nav li:hover .iconfont {
    transform: rotate(-180deg);
}

ul.main-nav li:hover .pl-down-box {
    display: block;
}

.zoom-bg12 {
    font-size: 1.2em;
}

.left-nav-bg, .right-nav-bg, .drum {
    display: none;
}

.left-nav-box {
    display: none;
    border: 1px solid #2695ff;
    width: 198px;
    height: 587px;
    background: #f7fbff;
    position: absolute;
    left: 0;
    top: 157px;
    line-height: 41px;
    z-index: 250;
}

.left-nav-box ul li {
    position: relative;
    cursor: pointer;
    text-align: center;
}

.left-nav-box ul li div.subject-wrap {
    width: 75%;
    margin: 0 auto;
    padding: 0 15px;
    border-bottom: 1px solid #c9e7fb;
    text-align: center;
    color: #2695ff;
}

.left-nav-box ul li div.subject-wrap .iconfont {
    font-size: 18px;
}

.left-nav-box ul li div.subject-wrap .icon-arrow-right {
    font-size: 14px;
}

.left-nav-box ul li div.subject-wrap a {
    color: #2695ff;
}

.left-nav-box ul li div.subject-wrap a:hover {
    color: #ffd71e;
}

.left-nav-box ul li span {
    margin-left: 10px;
}

.left-nav-box li:hover {
    background: #2695ff;
}

.left-nav-box li:hover i.iconfont {
    -webkit-animation: wobble 1s 0s ease both;
    -moz-animation: wobble 1s 0s ease both;
    -ms-animation: wobble 1s 0s ease both;
}

.left-nav-box li:hover div.subject-wrap {
    color: #fff;
    border-bottom-color: #2695ff;
}

.left-nav-box li:hover div.subject-wrap a {
    color: #fff;
}

.left-nav-box div:after {
    content: '';
    display: table;
    clear: both;
}

.icon-jiantou-xia,
.icon-jiantou-shang {
    color: #c6c6c6;
    transition: all .3s;
    display: inline-block;
}

.banner-box {
    width: 1200px;
    margin: 0 auto;
}

.banner-box .brand-middle-box {
    background: url("../../assets/img/thunder-line.png") no-repeat;
    height: 43px;
    clear: both;
    margin: 0 20px 0 10px;
}

.banner-box .right-banner-box {
    width: 1000px;
    height: 578px;
    background: #fff;
    float: right;
}

.banner-box .right-banner-box .right-banner-box-r01 {
    padding-top: 10px;
}

.banner-box .right-banner-box .right-banner-box-lt {
    position: relative;
    width: 552px;
    padding-left: 10px;
    float: left;
}

.banner-box .right-banner-box .right-banner-box-lt .swiper-wrapper {
    font-size: 0;
}

.banner-box .right-banner-box .right-banner-box-rt {
    position: relative;
    width: 408px;
    padding: 0 20px 0 10px;
    overflow: hidden;
}

.banner-box .right-banner-box .right-banner-box-rt .data-box {
    background: #ebf5ff;
    padding: 7px 0;
}

.banner-box .right-banner-box .right-banner-box-rt .data-box .data-box-item {
    float: left;
    width: 134px;
    text-align: center;
    line-height: 25px;
}

.banner-box .right-banner-box .right-banner-box-rt .data-box .data-box-item:first-child {
    width: 128px;
    text-align: center;
    border-right: 1px dotted #e5e5e5;
}

.banner-box .right-banner-box .right-banner-box-rt .data-box .data-box-item:first-child .value {
    display: block;
    font-size: 30px;
    color: #fe0000;
    line-height: 32px;
}

.banner-box .right-banner-box .right-banner-box-rt .data-box .data-box-item:first-child .name {
    display: block;
    line-height: 20px;
}

.banner-box .right-banner-box .right-banner-box-rt .data-box .align-rt {
    text-align: right;
}

.banner-box .right-banner-box .right-banner-box-rt .notice-box {
    padding-top: 10px;
    margin-top: 5px;
}

.banner-box .right-banner-box .right-banner-box-rt .notice-box .notice-text {
    color: #2695ff;
}

.banner-box .right-banner-box .right-banner-box-rt .theme-box {
    width: 100%;
}

.banner-box .right-banner-box .right-banner-box-rt .theme-box h3 {
    text-align: center;
    font-size: 1.2em;
    padding: 18px 0 6px 0;
}

.banner-box .right-banner-box .right-banner-box-rt .theme-box ul p {
    float: left;
    padding: 6px 0;
}

.banner-box .right-banner-box .right-banner-box-rt .theme-box ul p.align-rt {
    float: right;
    text-align: right;
}

.banner-box .right-banner-box .lg-banner-container img {
    width: 551px;
}

.shortcut-box {
    position: relative;
    color: #2695ff;
    float: right;
    bottom: 3px;
}

.shortcut-box a {
    color: #2695ff;
}

.shortcut-box .app-box {
    position: relative;
}

.shortcut-box .app-box:hover .app-qrcode-box {
    display: block;
}

.shortcut-box .short-nav-box {
    cursor: pointer;
}

.shortcut-box .short-nav-box:hover,
.shortcut-box .short-nav-box:hover a {
    color: #7db6ef;
}

.shortcut-box .iconfont {
    font-size: 22px;
    margin-right: 2px;
}

.shortcut-box i,
.shortcut-box span {
    line-height: 37px;
    display: block;
    float: left;
    margin-left: 22px;
}

.shortcut-box span {
    margin-left: 5px;
}

.shortcut-box i {
    font-size: 1.8em;
}

.shallow-gray {
    color: #a0a0a0;
}

.sm-banner-container li {
    cursor: pointer;
    float: left;
}

.sm-banner-container img {
    margin-right: 1px;
    width: 183px;
    height: 88px;
}

.brand-box {
    width: 552px;
    overflow: hidden;
    font-size: 12px;
}

.brand-box .brand-box-left {
    float: left;
    width: 223px;
}

.brand-box .brand-box-right {
    float: right;
    width: 223px;
}

.brand-box .brand-box-middle {
    float: left;
    width: 106px;
    height: 116px;
    margin-top: 17px;
    background: url(../../assets/img/hot-point.png) no-repeat center bottom;
}

.brand-box .brand-box-middle a {
    display: block;
    height: 100%;
}

.brand-box .brand-box-middle img {
    display: block;
    margin: 15px auto 0;
    width: 74px;
    height: 74px;
    border-radius: 100%;
    transition: all .3s;
}

.brand-box .brand-box-left a,
.brand-box .brand-box-right a {
    padding: 5px 10px;
    margin-top: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color, border-color .3s, .3s;
}

.brand-box .brand-box-left a {
    float: left;
    margin-right: 10px;
}

.brand-box .brand-box-right a {
    float: right;
    margin-left: 10px;
}

.brand-box a:hover {
    border-color: #ff9a18;
    background-color: #ff9a18;
    color: #fff;
}

.tag-box {
    margin-left: 10px;
    padding: 5px 10px;
    margin-top: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s;
}

.tag-box:hover {
    border-color: #ff9a18;
    background: #ff9a18;
    color: #fff;
}

.bg-orange {
    border-color: #ff9a18;
    background: #ff9a18;
}

.exam-icon {
    display: inline-block;
    padding: 2px 6px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background: #ff9a18;
    margin-right: 3px;
}

.tab-content {
    padding: 0 20px;
}

.tab-list {
    display: none;
    width: 100%;
}

.tab-list .tab-col {
    padding-left: 0;
    text-align: left;
    padding-top: 0;
    float: left;
    width: 33.3333%;
}

.tab-list .tab-col h3,
.tab-list .tab-col p {
    height: 30px;
    line-height: 30px;
}

.tab-list .tab-col h3 a {
    color: #ec1d23;
}

.tab-list .tab-col h3 a i {
    margin-right: 10px;
}

.tab-list .tab-col p span {
    color: #a0a0a0;
    margin-right: 10px;
}

.tab-list .tab-col p span.red {
    color: #ec1d23;
    margin-right: 0;
}

.tab-list .tab-col p span.color-bg {
    display: inline-block;
    padding: 0 8px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background: #ff9a18;
    margin-right: 3px;
    line-height: 24px;
}

.tab-list .tab-col .yx-pic {
    float: left;
    width: 82px;
    border: 1px solid #ccc;
}

.tab-list .tab-col .yx-pic img {
    display: block;
    width: 100%;
    height: 56px;
}

.tab-list .tab-col .yx-item {
    float: left;
    margin-left: 10px;
    width: 220px;
}

.tab-list .tab-col .yx-item p,
.tab-list .tab-col .yx-item a {
    padding: 0;
    display: block;
    line-height: 28px;
}

.tab-list .tab-item {
    line-height: 30px;
}

.tab-list .tab-item .tab-pic {
    float: left;
    margin-right: 10px;
    width: 70px;
    height: 90px;
}

.tab-list .tab-item .tab-item-cont {
    float: left;
    width: 400px;
}

.tab-list .tab-item .tab-item-cont p {
    width: 390px;
}

.tab-list .tab-item .tab-item-cont p a {
    margin-right: 10px;
}

.tab-menu {
    float: left;
}

.tab-menu a {
    display: block;
    float: left;
    padding: 7px 10px;
    cursor: pointer;
    color: #2695ff;
}

.tab-menu a:hover,
.tab-menu .current {
    background: #2695ff;
    color: #fff;
}

.right-banner-box-btm {
    width: 100%;
}

.right-banner-box-btm .btm-tb-wrap {
    padding-left: 0;
    text-align: left;
    padding-top: 0;
    float: left;
    width: 33.3333%;
}

.right-banner-box-btm .btm-tb-wrap .btm-tb-title,
.right-banner-box-btm .btm-tb-wrap p {
    padding: 7px 0 7px 10px;
}

.right-banner-box-btm .last-table h3,
.right-banner-box-btm .last-table p {
    padding: 7px 10px;
}

.theme-nav-box {
    float: left;
}

.theme-nav-box li {
    display: block;
    float: left;
    padding: 5px 10px;
    cursor: pointer;
    color: #2695ff;
}

.theme-nav-box li:hover,
.theme-nav-box .current {
    background: #2695ff;
    color: #fff;
}

.main-row-box {
    background: #fff;
    clear: both;
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    padding-top: 24px;
    padding-bottom: 30px;
}

.container-half {
    width: 50%;
    float: left;
}

h2.row-title {
    color: #2695ff;
    border-left: 2px solid #2695ff;
    padding-left: 20px;
    float: left;
    font-weight: 300;
    line-height: 27px;
}

ul.row-top-nav {
    float: right;
    padding-right: 20px;
}

ul.row-top-nav li {
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 20px;
    line-height: 27px;
}

ul.row-top-nav .current,
ul.row-top-nav li:hover {
    color: #ff9a18;
    border-bottom: 2px solid #ff9a18;
}

.section-djtj {
    padding-bottom: 10px;
}

.section-djtj ul.row-top-nav {
    position: relative;
    z-index: 10;
    padding-right: 0;
}

.section-djtj ul.row-top-nav li {
    padding-bottom: 5px;
}

.section-djtj ul.row-top-nav .tj-bottom-line {
    display: inline-block;
    width: 550px;
    border-bottom: 1px solid #f1f1f1;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.section-djtj ul.row-top-nav .more-btn {
    line-height: 27px;
}

.more-btn {
    color: #a0a0a0;
    cursor: pointer;
}

.more-btn:hover,
.more-btn:hover a, .more-btn:hover i.icon-arrow-right {
    color: #ff9a18;
}

.djtj-box,
.zlzj-box {
    width: 570px;
    margin-left: 40px;
}

.djtj-box {
    margin-left: 0px;
}

.sm-tips-font {
    font-size: 12px;
    color: #a0a0a0;
    line-height: 19px;
}

.list-table-wrap {
    padding-left: 20px;
    margin-top: 15px;
}

.jpzy-box {
    width: auto;
    padding-right: 0;
}

.ul-full {
    margin-top: 20px;
}

.ul-full li {
    width: 600px;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
    float: left;
    *width: 580px;
    *padding-right: 0;
    color: #333;
}

.ul-full li .iconfont {
    font-size: 12px;
}

.list-table {
    width: 100%;
}

.list-table th,
.list-table td {
    padding: 9px 0;
}

.list-table th {
    text-align: left;
    line-height: 30px;
    font-size: 1.2em;
    padding-bottom: 0;
}

.list-table p {
    margin-left: 6px;
}

.list-table .pl-10 {
    padding-left: 10px;
}

.orange {
    color: #ff9a18;
}

.blue {
    color: #2695ff;
}

.red {
    color: #ff0000;
}

.mxzy-swiper-container {
    margin: 30px auto 0;
    visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
    left: 0px;
    width: 1160px;
    height: 278px;
}

.mxzy-swiper-container table,
.mxzy-swiper-container .mxzy-exam-table {
    width: 100%;
    margin-top: 10px;
}

.mxzy-swiper-container table td,
.mxzy-swiper-container .mxzy-exam-table td {
    padding: 6px 0;
}

.mxzy-swiper-container .slide-box-wrap {
    float: left;
    margin-right: 40px;
    overflow: inherit !important;
    position: relative;
}

.mxzy-swiper-container .right-line {
    display: none;
    background: #333;
    height: 290px;
    position: absolute;
    right: -20px;
    border-right: 1px solid #e6e6e6;
}

.mxzy-province a:hover {
    color: #ff9a18;
}

.right-line-mask {
    display: none;
    height: 300px;
    position: absolute;
    right: 50px;
    width: 2px;
    top: 82px;
    z-index: 1000;
    background: #fff;
}

.mxzy-exam-table {
    width: 100%;
    margin-top: 10px;
}

.mxzy-exam-table td {
    padding: 6px 0;
}

.box-top {
    height: 120px;
    background: #f7f5f2;
    border-radius: 3px;
}

.box-top .tt-box {
    padding: 5px 10px;
}

.box-top .tt-box i {
    color: #ff9a18;
}

.box-top .tt-box .icon-arrow-right {
    color: #a0a0a0;
    font-size: 12px;
    vertical-align: middle;
}

.mx-logo-box {
    height: 87px;
    line-height: 87px;
    width: 100%;
    background: url("../../assets/img/bg-icon.png") no-repeat center center;
    background-color: #663300;
    border-radius: 3px;
    clear: both;
}

.mx-logo-box img {
    float: left;
    margin: 9px;
    width: 60px;
    height: 60px;
    border: 5px solid #fff;
    border-radius: 50%;
}

.mx-logo-box div.mx-desc {
    float: left;
    padding: 10px 0;
    margin-left: 10px;
    line-height: 34px;
}

.mx-logo-box div.mx-desc p {
    color: #fff;
}

.mx-logo-box div.mx-desc .mx-name {
    font-size: 1.2em;
}

.pagination-btn {
    display: inline-block;
    padding: 10px 0;
    color: #fff;
    background-color: #dcdcdc;
    text-align: center;
    width: 18px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    position: absolute;
    top: 210px;
    transition: all .3s;
}

.pagination-btn:hover {
    background-color: #abaaaa;
}

.pagination-btn.prev-btn {
    left: 0;
}

.pagination-btn.next-btn {
    right: 0;
}

.data-thumb-box {
    clear: both;
    padding: 20px 20px 0;
}

.data-thumb-box li {
    float: left;
    margin-left: 22.31px;
}

.data-thumb-box li img {
    float: left;
    transition: all .3s;
    width: 59px;
    height: 85px;
    cursor: pointer;
}

.data-thumb-box li p {
    margin-top: 6px;
    margin-left: 16px;
    line-height: 23px;
    float: left;
}

.data-thumb-box li p a {
    width: 135px;
    display: inline-block;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    height: 44px;
}

.data-thumb-box li:hover img {
    transform: scale(1.1);
}

.data-thumb-box li:hover a {
    color: #2695ff;
}

.mr20 {
    margin-right: 20px;
}

.video-container-tb {
    width: 1165px;
    margin: 21px 20px 0 15px;
}

.video-container-tb p {
    line-height: 24px;
    width: 160px;
}

.video-container-tb p.video-title-lg {
    width: 315px;
}

.video-container-tb .iconfont {
    margin-right: 6px;
    font-size: 12px;
}

.video-container-tb .icon-jiantou-you-shixin-yuanxing {
    font-size: 26px;
    display: inline-block;
    vertical-align: bottom;
}

.video-lg-box {
    float: left;
    padding: 5px;
    position: relative;
    width: 315px;
    cursor: pointer;
}

.video-lg-box a {
    display: block;
}

.video-lg-box:hover,
.video-sm-box:hover {
    box-shadow: -1px -1px 6px #b9b7b7;
}

.video-list {
    float: left;
    width: 534px;
}

.video-list li {
    float: left;
    margin: 0 4px;
}

.video-sm-box {
    cursor: pointer;
    padding: 5px;
    display: inline-block;
}

.video-sm-box img {
    width: 160px;
    height: 90px;
    display: block;
}

.video-sm-box img.video-tag-sm {
    width: 65px;
    height: 45px;
}

.video-lg-box,
.video-sm-box,
.video-rt-lg-box {
    position: relative;
}

.video-lg-box a,
.video-sm-box a,
.video-rt-lg-box a {
    display: block;
    position: relative;
}

.video-lg-box .video-item,
.video-sm-box .video-item,
.video-rt-lg-box .video-item {
    position: relative;
}

.video-source {
    display: block;
}

.video-tag-lg {
    position: absolute;
    left: 0;
    top: 0;
    width: 102px;
    z-index: 50;
}

.video-tag-sm {
    position: absolute;
    left: 0;
    top: 0;
}

.video-rt-lg-box {
    float: right;
}

.video-rt-wrap {
    padding-bottom: 14px;
    width: 273px;
    margin: 6px auto;
    position: relative;
    text-align: center;
    background: url("../../assets/img/img-shadow.png") 0 bottom no-repeat;
}

.video-rt-wrap a {
    display: block;
}

.video-rt-wrap img {
    display: block;
}

.video-rt-wrap .video-tag-orange-box {
    background: #ff9a18;
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 0;
    border-radius: 0 0 3px 3px;
    text-align: center;
    color: #fff;
    padding: 4px 9px;
}

.video-rt-wrap img {
    width: 273px;
    height: 119px;
    box-shadow: -2px -2px 4px #ccc;
    cursor: pointer;
}

.video-rt-wrap:hover .video-mask-sm {
    display: block;
}

.video-rt-wrap:hover .video-mask-content-sm {
    display: block;
}

.video-tag-lg:hover .video-mask {
    display: block;
}

.video-bg-line {
    position: absolute;
    left: -30px;
    top: 0;
    z-index: 100;
    width: 9px;
    height: 315px;
}

.shadow {
    display: none;
    position: absolute;
    text-align: center;
    color: #fff;
    z-index: 200;
    width: 100%;
    height: 100%;
    font-size: 1.2em;
}

.shadow p {
    position: absolute;
    left: 0;
    right: 0;
    margin: -12px auto 0;
    top: 50%;
    font-size: 16px;
    line-height: 24px;
    z-index: 1001;
    padding-top: 2px;
}

.shadow span {
    left: 0;
    right: 0;
    background: #333;
    filter: alpha(Opacity=50);
    opacity: 0.5;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    z-index: 100;
}

.video-mask-content-sm {
    width: 160px;
    height: 90px;
    font-size: 1em;
}

.video-mask-content-sm p {
    margin-top: 33px;
    margin-left: 50px;
}

.all-lk-tt {
    background: url("../../assets/img/point-bg.png") no-repeat center center;
    padding: 20px;
    background-size: 213px;
    text-align: center;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.all-lk-wrap {
    float: left;
}

.all-lk-wrap .all-lk-list li {
    float: left;
    background: #eff7ff;
    border-radius: 3px;
    padding: 10px;
    word-wrap: break-word;
    width: 255px;
    margin-left: 20px;
}

.all-lk-wrap .all-lk-list li img {
    float: left;
    transition: all .3s;
}

.all-lk-wrap .all-lk-list li p {
    float: left;
    width: 110px;
    margin-left: 10px;
    margin-top: 6px;
    line-height: 22px;
}

.all-lk-wrap li:hover a {
    color: #2695ff;
}

.all-lk-wrap li:hover img {
    transform: scale(1.1);
}

footer {
    margin-top: 20px;
}

.login-btn:hover .qr-scan {
    display: block;
}

.login-btn {
    position: relative;
}

.qr-scan {
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
}

.xk-nav-wrap .list-box {
    display: none;
    position: absolute;
    width: 1200px;
    right: 10px;
    top: 23px;
    z-index: 1000;
    box-shadow: 0 2px 6.51px 0.49px rgba(9, 2, 4, 0.3);
}

.xk-nav-wrap .list-box .sanjiao {
    position: absolute;
    top: -8px;
    right: 20px;
    display: block;
    width: 24px;
    height: 10px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/box_sanjiao.png");
    background-position: center;
    background-repeat: no-repeat;
}

.xk-nav-wrap .list {
    border: 1px solid #1e8cf5;
    background-color: #fff;
    padding: 18px;
}

.xk-nav-wrap .list > li {
    float: left;
    padding: 0 15px;
}

.xk-nav-wrap .list .line {
    padding: 0;
    width: 1px;
    height: 250px;
    margin-top: 40px;
    background-color: #e7e7e7;
    margin-right: 10px;
}

.xk-nav-wrap .list .subtitle {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-align: left;
}

.xk-nav-wrap .list .item li {
    width: 90px;
    float: left;
}

.xk-nav-wrap .list .item a {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    display: block;
    text-align: left;
}

.xk-nav-wrap .list .item a:hover {
    color: #057ee1;
}

.xk-nav-wrap:hover .list-box,
.list-box:hover {
    display: block;
}

.xk-nav-wrap .icon-arrow {
    transition: all .5s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.xk-nav-wrap:hover .icon-arrow {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mxzy-card-wrap {
    position: relative;
}

.slide-temp-container {
    position: absolute;
    background: #fff;
    top: 77px;
    left: -21px;
    padding: 10px;
    box-shadow: 0 0 9px #a0a0a0;
    z-index: 100;
    display: none;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }
    15% {
        -webkit-transform: translateX(-15%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(10%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-10%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(5%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%);
    }
    15% {
        -moz-transform: translateX(-15%) rotate(-5deg);
    }
    30% {
        -moz-transform: translateX(10%) rotate(3deg);
    }
    45% {
        -moz-transform: translateX(-10%) rotate(-3deg);
    }
    60% {
        -moz-transform: translateX(5%) rotate(2deg);
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -moz-transform: translateX(0%);
    }
}

@-ms-keyframes wobble {
    0% {
        -ms-transform: translateX(0%);
    }
    15% {
        -ms-transform: translateX(-5%) rotate(-2deg);
    }
    30% {
        -ms-transform: translateX(3%) rotate(1deg);
    }
    45% {
        -ms-transform: translateX(-3%) rotate(-1deg);
    }
    60% {
        -ms-transform: translateX(1%) rotate(0.5deg);
    }
    75% {
        -ms-transform: translateX(0%) rotate(0deg);
    }
    100% {
        -ms-transform: translateX(0%);
    }
}

.subnav .nav_class {
    position: absolute;
    left: 198px;
    top: -1px;
    z-index: 230;
    border-width: 1px;
    display: none;
    cursor: auto;
    top: -1px;
}

.subnav .nav_class h3 {
    font-size: 14px;
    font-weight: 400;
}

.centered-btns_nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 38px;
    height: 61px;
    margin-top: -40px;
    line-height: 200px;
    background-image: url(images/arrow.gif);
    overflow: hidden;
    opacity: .7;
}

.next {
    right: 0;
    background-position: right 0;
}

.centered-btns_nav:active {
    opacity: 1;
}

.centered-btns_tabs {
    position: absolute;
    left: 47.3%;
    top: 180px;
    color: #2695ff;
    z-index: 100;
    text-align: center;
    font-size: 0;
    list-style-type: none;
}

.centered-btns_tabs li {
    display: inline-block;
    margin: 0 3px;
    *display: inline;
    *zoom: 1;
}

.centered-btns_tabs a {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    line-height: 20px;
    background-color: rgba(0, 0, 0, 0.3);
    background-color: #ccc \9;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
}

.centered-btns_tabs .centered-btns_here a {
    background-color: rgba(38, 149, 255, 0.8);
    background-color: #333 \9;
}

.sm-banner-page-prev,
.sm-banner-page-next {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 50px;
    left: 0;
    top: 21px;
    z-index: 100;
    background: url("../../assets/img/left-btn.png") no-repeat center center;
}

.sm-banner-page-next {
    background: url("../../assets/img/right-btn.png") no-repeat center center;
    left: auto;
    right: 1px;
}

.vtikcer-box {
    padding-left: 10px;
}

.vtikcer-box ul {
    margin-left: 10px;
}

.vtikcer-box ul a {
    width: 345px;
    color: #2695ff;
    display: inline-block;
}

.djtj-news-list {
    clear: both;
}

.djtj-news-list li {
    min-height: 36px;
}

.djtj-news-list li a {
    width: 386px;
}

.djtj-news-list li span,
.djtj-news-list li a {
    display: inline-block;
    float: left;
}

.djtj-news-list .exam-title-thumb {
    width: 62px;
    height: 62px;
    float: left;
    border-radius: 5px;
}

.djtj-news-list .exam-title-box {
    float: left;
    margin-left: 20px;
    width: 468px;
}

.djtj-news-list .djtj-news-title {
    min-height: 52px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
}

.djtj-news-list .djtj-news-title a {
    width: 468px;
    font-weight: 600;
}

.djtj-news-list .author-date {
    padding: 6px 0 2px;
    clear: both;
}

.djtj-news-list .author-date .fr {
    float: right;
}

.djtj-news-list .date {
    width: 45px;
}

.djtj-news-list .title {
    float: left;
}

.djtj-news-list .list-rt-tag-box {
    float: right;
}

.jpzy-news-list .list-rt-tag-box {
    margin-right: 20px;
}

.nav_class ul {
    height: 583.63px;
}

.right-banner-box {
    height: 573.63px;
}

.section-mxzy {
    padding-bottom: 18px;
}

.mxzy-list-table-wrap {
    height: 155px;
    overflow: hidden;
    clear: both;
    transition: height .3s;
}

.mxzy-list-table-wrap dl {
    width: 360px;
    margin-top: 15px;
}

.mxzy-list-table-wrap dl dd {
    width: 180px;
    float: left;
    min-height: 36px;
}

.mxzy-list-table-wrap dl dd a {
    display: inline-block;
    vertical-align: bottom;
    max-width: 120px;
}

.mxzy-list-table-wrap dd:nth-child(2n) {
    text-align: right;
}

.zlzj-box .change-box {
    position: absolute;
    top: 4px;
    left: 133px;
    color: #333;
}

.zlzj-box .change-box .iconfont {
    transition: all .3s;
    display: inline-block;
}

.change-box:hover .iconfont {
    transform: rotate(-180deg);
}

.brand-box-middle a:hover {
    border-color: none;
    background-color: inherit;
}

.brand-box-middle a:hover img {
    transform: scale(1.1);
}

.vertical-line {
    display: inline-block;
    height: 16px;
    border-left: 1px solid #e6e6e6;
    margin: 2px 5px;
    float: right;
}

.djtj-tag {
    float: right;
}

.app-qrcode-box {
    display: none;
    position: absolute;
    padding: 12px 20px;
    text-align: center;
    border: 1px solid #2695ff;
    background: #fff;
    z-index: 1000;
    width: 130px \9;
    bottom: 43px;
    left: -44px;
}

.app-qrcode-box .app-dld-img {
    width: 100px;
    height: 100px;
}

.app-qrcode-box p {
    line-height: 25px;
    color: #333;
    white-space: nowrap;
}

.app-qrcode-box .sanjiao {
    position: absolute;
    bottom: -9px;
    left: 77px;
}

.iconfontjiajuyongpin {
    margin-right: 10px;
}

.sm-banner-container-wrap {
    visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
    left: 0px;
    width: 552px;
    height: 93px;
}

.vtikcer-box {
    overflow: hidden;
    position: relative;
    height: 26px;
}

.mxzy-swiper-container ul {
    min-width: 1200px;
}

.zlzj-box .change-box .pop-box {
    right: -14px;
    top: 30px;
}

.protocol-header {
    border-bottom: 2px solid #1e8cf5;
}

.protocol-header .protocol-header-inner {
    width: 1200px;
    margin: 0 auto;
    height: 110px;
    line-height: 110px;
}

.protocol-header .protocol-header-inner img {
    vertical-align: middle;
}

.protocol-header .protocol-header-inner .protocol-slogn {
    margin-left: 20px;
    font-size: 24px;
    vertical-align: middle;
}

.protocol-content-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 20px;
}


.protocol-content-wrap p {
    font-size: 14px;
    line-height: 32px;
}

.protocol-content-wrap p.indent {
    text-indent: 2em;
}

.protocol-content-wrap p.indent4 {
    text-indent: 4em;
}

.protocol-content-wrap p.title {
    font-weight: 600;
    margin-top: 20px;
    font-size: 16px;
}

.protocol-title {
    font-size: 24px;
    border-bottom: 1px solid #e6e6e6;
    height: 50px;
    line-height: 50px;
    text-align: center;
}


.protocol-right {
    text-align: right;
}

.footer {
    text-align: center;
    padding-bottom: 15px;
}

/**
 * 以下拷贝自原学科网首页
 */
.card.wrapper {
    background-color: #fff;
    padding-top: 24px;
    padding-bottom: 30px;
    margin-top: 20px;
}

.wrapper {
    position: relative;
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}

.title-tips {
    height: 40px;
    margin: 0 0 15px;
    border-left: 3px solid #0d75d9;
    font-size: 22px;
    color: #057ee1;
    padding-left: 17px;
}

.title-tips .more-btn {
    font-size: 14px;
    color: #333;
}

.change-tab,
.province,
.subject-type,
.month-type {
    top: 17px;
}

.change-tab,
.province,
.subject-type,
.month-type {
    position: absolute;
    top: 0;
    right: 25px;
    height: 46px;
    top: 17px;
}

.change-tab .hvr-underline-from-center,
.province .hvr-underline-from-center,
.subject-type .hvr-underline-from-center,
.month-type .hvr-underline-from-center {
    overflow: initial;
    color: #333;
    font-size: 14px;
    line-height: 46px;
    padding: 0 6px;
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.title-bg {
    margin-top: 23px;
    display: block;
    width: 1160px;
    height: 120px;
    margin: 30px auto 0;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/jx_bg.png");
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.jxzj-list li {
    width: 335px;
    margin-left: 77.5px;
    float: left;
}

.jxzj-list li.first {
    margin-left: 20px;
}

.jxzj-list li .tips {
    height: 54px;
    line-height: 54px;
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #e1e1e1;
}

.jxzj-list li .item {
    margin-top: 20px;
    float: left;
}

.jxzj-list li .item img {
    float: left;
    vertical-align: middle;
    width: 54px;
    height: 71px;
}

.jxzj-list li .item .text {
    width: 268px;
    font-size: 14px;
    float: left;
    margin-left: 8px;
}

.jxzj-list li .item .text .title {
    color: #333;
    line-height: 26px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jxzj-list li .item .text .title:hover {
    color: #057ee1;
}

.jxzj-list li .item .text .date {
    color: #999;
    line-height: 36px;
}

.jxzj-list li .item .text .type {
    font-size: 14px;
    color: #666;
    line-height: 18px;
    display: block;
}

.zixun-box {
    *float: left;
    margin-top: 10px;
}

.zixun-list {
    width: 354px;
    height: 286px;
    *width: 337px;
    *height: 266px;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    box-sizing: border-box;
    padding: 0 7px 20px 10px;
    background-color: #f4f6fa;
    border: 1px solid #eaeaea;
    margin-bottom: 20px;
    margin-left: 35px;
    position: relative;
}

.zixun-list:hover .mask {
    width: 384px;
    height: 299px;
    left: -12px;
    top: -5px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/zixun_hover_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.zixun-list:hover .icon-dot {
    visibility: visible;
    display: inline-block;
}

.zixun-list:hover .more a {
    color: #ff9a18;
}

.zixun-list:hover .item {
    padding-left: 8px;
}

.zixun-list:hover .tips {
    border-bottom: 1px solid #565a65;
}

.zixun-list:hover .tips span {
    background-color: #565a65;
    color: #fff;
}

.zixun-list.first {
    margin-left: 20px;
}

.zixun-list .mask {
    position: absolute;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/zixun_bg.png");
    background-position: left center;
    background-repeat: no-repeat;
    width: 12px;
    height: 154px;
    left: -7px;
    top: 76px;
}

.zixun-list .item {
    width: 336px;
    *width: 328px;
    padding-left: 18px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zixun-list .item:hover {
    padding-left: 8px;
    color: #057ee1;
}

.zixun-list .item:hover a {
    color: #057ee1;
}

.zixun-list .item:hover .icon-dot {
    background-position: 0 4px;
}

.zixun-list .more {
    text-align: right;
    position: relative;
}

.zixun-list .more a {
    color: #999;
}

.zixun-list .more a:hover {
    color: #ff9a18;
}

.zixun-list .tips {
    position: relative;
    width: 336px;
    *width: 328px;
    padding-left: 8px;
    height: 56px;
    line-height: 56px;
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #e1e1e1;
}

.zixun-list .tips span {
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    line-height: 30px;
}

.zixun-list .icon-dot {
    width: 14px;
    height: 15px;
    display: none;
    visibility: hidden;
    vertical-align: middle;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/dot.png");
    background-repeat: no-repeat;
    background-position: 0 -32px;
}

.zixun-list .date {
    color: #999;
    vertical-align: middle;
    width: 70px;
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    line-height: 36px;
    text-align: left;
}

.zixun-list a {
    color: #333;
    vertical-align: middle;
}

.zixun-list a:hover {
    color: #057ee1;
}

.hezuo-school {
    padding: 26px 30px 46px;
}

.hezuo-school .wxt {
    float: left;
    width: 206px;
    height: 406px;
    background-color: #629bef;
    border-top: 4px solid #3f7dd8;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/wxt_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}

.hezuo-school .wxt .title {
    width: 190px;
    height: 50px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 50px;
    color: #ffc207;
    font-weight: bold;
    border-bottom: 1px solid #88b8fc;
}

.hezuo-school .wxt .text {
    font-size: 14px;
    line-height: 34px;
    padding: 0 16px;
    word-break: break-word;
    color: #fff;
}

.hezuo-school .wxt .text a {
    color: #fff;
}

.hezuo-school .wxt .text .tel {
    font-size: 16px;
    line-height: 60px;
    color: #fff;
}

.hezuo-school .wxt .text .btn {
    margin: 0 auto;
    display: block;
    width: 130px;
    height: 38px;
    line-height: 38px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    border-radius: 19px;
    color: #b75c0b;
    font-size: 16px;
    background-color: #fee647;
    text-align: center;
}

.hezuo-school .wxt .text .btn:hover {
    background-color: #eabf11;
    color: #934a09;
}

.hezuo-school .img-box {
    float: left;
    width: 720px;
    height: 410px;
    margin-left: 15px;
    position: relative;
}

.hezuo-school .img-box .item {
    width: 228px;
    height: 200px;
    background-color: #dbeafe;
    cursor: pointer;
    overflow: hidden;
    float: left;
    position: relative;
    margin-left: 12px;
    margin-bottom: 10px;
}

.hezuo-school .img-box .item .head {
    position: absolute;
    top: 15px;
    left: 0;
    *left: 69px;
    right: 0;
    z-index: 3;
    width: 82px;
    height: 82px;
    margin: 0 auto;
    border: 4px solid #fff;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    border-radius: 45px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90px 90px;
}

.hezuo-school .img-box .item .head .mask {
    position: absolute;
    width: 82px;
    height: 82px;
    left: 0;
    top: 0;
    display: block;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    border-radius: 45px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.hezuo-school .img-box .item .head .position {
    width: 82px;
    height: 82px;
    position: absolute;
    top: 15px;
    display: none;
    font-size: 14px;
    color: #fff;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.hezuo-school .img-box .item .head .name {
    width: 82px;
    height: 82px;
    position: absolute;
    top: 35px;
    font-size: 16px;
    color: #fff;
    display: none;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.hezuo-school .img-box .item .head:hover .mask {
    background-color: #029afb;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -ms-backface-visibility: visible !important;
    -ms-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

.hezuo-school .img-box .item .head:hover .position {
    display: block;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -ms-backface-visibility: visible !important;
    -ms-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

.hezuo-school .img-box .item .head:hover .name {
    display: block;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -ms-backface-visibility: visible !important;
    -ms-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

.hezuo-school .img-box .item .tail {
    width: 228px;
    height: 132px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
}

.hezuo-school .img-box .item .tail .school-img {
    background-position: center;
    background-repeat: no-repeat;
    width: 228px;
    height: 132px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    background-size: cover;
}

.hezuo-school .img-box .item .tail .mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 227px;
    height: 132px;
    background-color: #000;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: 0.4;
}

.hezuo-school .img-box .item .tail .school-name {
    position: absolute;
    width: 228px;
    height: 36px;
    bottom: 0;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/school-name-bg.png");
    background-color: transparent;
    z-index: 3;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
}

.hezuo-school .img-box .item .tail:hover .mask {
    display: none;
}

.hezuo-school .img-box .item .tail:hover .school-name {
    display: block;
    left: 0;
    top: 0;
    width: 227px;
    height: 132px;
    font-size: 16px;
    padding-top: 60px;
}

.hezuo-school .img-box .item .tail:hover .school-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.hezuo-school .list {
    float: right;
    width: 188px;
}

.hezuo-school .list .title {
    color: #057ee1;
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 43px;
    height: 43px;
    margin-bottom: 8px;
}

.hezuo-school .list .name {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hezuo-school .list .name:hover {
    color: #057ee1;
}

.hezuo-school .list .more {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
    display: inline-block;
}

.hezuo-school .list .more:hover {
    color: #ff9a18;
}

.gofloor {
    display: none;
    width: 48px;
    line-height: 34px;
    position: fixed;
    top: 250px;
    left: 50%;
    margin-left: -648px;
    z-index: 200;
    text-align: center;
    margin-left: -653px;
}

.gofloor .head {
    width: 48px;
    height: 10px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/floor_bg.png");
    background-position: center;
    background-repeat: no-repeat;
}

.gofloor p {
    position: relative;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    background-color: #1e8cf5;
    *border-bottom: 1px solid #48a0f4;
    cursor: pointer;
    color: #fff;
}

.gofloor p:hover,
.gofloor p.current {
    color: #fff;
}

.gofloor p:hover {
    background-color: #0d75d9;
}

.gofloor p:hover:after,
.gofloor p.current:after {
    height: 0;
}

.gofloor p:after {
    content: '';
    position: absolute;
    height: 0;
    background-color: #48a0f4;
    left: 9px;
    right: 10px;
    bottom: 0;
}

.guide-mask {
    display: none;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    -khtml-opacity: .70;
    opacity: .70;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}

.guide-step1 {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 470px;
    height: 227px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/guide1.png");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000;
}

.guide-step1 .guide_close {
    position: absolute;
    right: 94px;
    top: 74px;
    width: 15px;
    height: 15px;
    display: block;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/guide_close.png");
    background-repeat: no-repeat;
    background-position: center;
}

.guide-step1 .next-btn {
    position: absolute;
    left: 130px;
    bottom: 30px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    display: block;
    background-color: #ff9a18;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.guide-step2 {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 589px;
    height: 227px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/guide2.png");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000;
}

.guide-step2 .guide_close {
    position: absolute;
    right: 14px;
    top: 74px;
    width: 15px;
    height: 15px;
    display: block;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/guide_close.png");
    background-repeat: no-repeat;
    background-position: center;
}

.guide-step2 .next-btn {
    position: absolute;
    left: 260px;
    bottom: 30px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    display: block;
    background-color: #ff9a18;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.guide-step3 {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 751px;
    height: 267px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/guide3.png");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000;
}

.guide-step3 .guide_close {
    position: absolute;
    right: 210px;
    top: 16px;
    width: 15px;
    height: 15px;
    display: block;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/guide_close.png");
    background-repeat: no-repeat;
    background-position: center;
}

.guide-step3 .next-btn {
    position: absolute;
    left: 318px;
    bottom: 140px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    display: block;
    background-color: #ff9a18;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.quick-entry-guide {
    position: absolute;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.hvr-overline-from-center:before {
    background: #ff9a18;
}

.hvr-underline-from-center:before {
    background: #ff9a18;
}

@-webkit-keyframes hvr-icon-pulse-grow-laba {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes hvr-icon-pulse-grow-laba {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-180deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(-360deg);
        opacity: 0.85;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 0;
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-180deg);
    }
    100% {
        -moz-transform: perspective(400px) rotateY(-360deg);
        opacity: 0.85;
    }
}

@-ms-keyframes flipInY {
    0% {
        -ms-transform: perspective(400px) rotateY(0deg);
        opacity: 0;
    }
    40% {
        -ms-transform: perspective(400px) rotateY(-180deg);
    }
    100% {
        -ms-transform: perspective(400px) rotateY(-360deg);
        opacity: 0.85;
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 0;
    }
    40% {
        -o-transform: perspective(400px) rotateY(-180deg);
    }
    100% {
        -o-transform: perspective(400px) rotateY(-360deg);
        opacity: 0.85;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateY(-180deg);
    }
    100% {
        transform: perspective(400px) rotateY(-360deg);
        opacity: 0.85;
    }
}

.title-tips .change-new {
    color: #fc8200;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 30px;
    height: 30px;
    line-height: 30px;
}

.juan-list .icon-num {
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/list_num_bg.png");
    background-repeat: no-repeat;
}

.juan-list .icon-num.num1 {
    background-position: 0 0;
}

.juan-list .icon-num.num2 {
    background-position: 0 -36px;
}

.juan-list .icon-num.num3 {
    background-position: 0 -70px;
}

.juan-list .icon-num.num4 {
    background-position: 0 -106px;
}

.juan-list .icon-num.num5 {
    background-position: 0 -142px;
}

.juan-list .icon-num.num6 {
    background-position: 0 -178px;
}

.juan-list .icon-num.num7 {
    background-position: 0 -213px;
}

.juan-list .icon-num.num8 {
    background-position: 0 -249px;
}

.hezuo-school .img-box .item .head img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    border-radius: 45px;
}

.hezuo-school .wxt .text a:hover {
    color: #ffcd07;
}

.change-tab .hvr-underline-from-center:before,
.province .hvr-underline-from-center:before,
.subject-type .hvr-underline-from-center:before,
.month-type .hvr-underline-from-center:before {
    visibility: hidden;
}

.tuijian .tips.fr {
    margin-left: 20px;
    width: 556px;
    *width: 546px;
}

.change-tab,
.province,
.subject-type,
.month-type {
    top: 17px;
    top: 19px \0;
}

.change-tab .hvr-underline-from-center,
.province .hvr-underline-from-center,
.subject-type .hvr-underline-from-center,
.month-type .hvr-underline-from-center {
    border-bottom: 2px solid transparent \0;
}

.change-tab .hvr-underline-from-center:hover,
.province .hvr-underline-from-center:hover,
.subject-type .hvr-underline-from-center:hover,
.month-type .hvr-underline-from-center:hover {
    color: #ff9a18;
    border-bottom: 2px solid #ff9a18 \0;
}

.change-tab a.active,
.province a.active,
.subject-type a.active,
.month-type a.active {
    color: #ff9a18 !important;
    border-bottom: 2px solid #ff9a18 \0;
}

.title-tips .change-new:hover {
    border-bottom: 2px solid #fc8200;
}

li.empty {
    color: #999;
    padding-left: 30px;
}

li.empty:hover {
    color: #999;
}

.school-box .school .head img {
    width: 60px;
    height: 60px;
    border: 6px solid #fff;
}

.tuijian .juan-list a {
    padding-left: 10px;
}

.scroll-box ul {
    position: relative;
}

.skin-nationalday {
    background-image: url(//zxxkstatic.zxxk.com/zxxk/skins/index/images/skin-nationalday.jpg);
    background-repeat: no-repeat;
    background-position: center 30px;
    background-color: #f1f1f1;
}

.skin-nationalday .main {
    background-color: transparent;
}

.hzuo-total {
    font-size: 14px;
    color: #333;
    position: absolute;
    top: 20px;
    right: 20px;
    line-height: 40px;
}

.hzuo-total .num {
    color: #ff9a18;
}

.quick-entry-new {
    padding-top: 8px;
}

.quick-entry-new a {
    margin-top: 22px;
    display: block;
    float: left;
    width: 81px;
    color: #333;
    font-size: 14px;
    text-align: center;
}

.quick-entry-new a:hover i {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon_quick_hover.png");
}

.quick-entry-new i {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon_quick.png");
    background-repeat: no-repeat;
    display: block;
    vertical-align: middle;
    width: 34px;
    height: 40px;
    margin: 0 auto;
}

.quick-entry-new i.quick-recharge {
    background-position: 0 0;
}

.quick-entry-new i.quick-zujuan {
    background-position: -81px 0;
}

.quick-entry-new i.quick-jfshop {
    background-position: -162px 0;
}

.quick-entry-new i.quick-collect {
    background-position: 0 -82px;
}

.quick-entry-new i.quick-payment {
    background-position: -81px -82px;
}

.quick-entry-new i.quick-weekstar {
    background-position: -162px -82px;
}

.book-list li .bk-book .bk-front {
    left: 8px;
}

.book-list li {
    height: 252px;
}

.book-list .title {
    color: #333;
    font-size: 14px;
    position: absolute;
    top: 184px;
    text-align: center;
    height: 42px;
    overflow: hidden;
    display: block;
    width: 100%;
}

.book-list .title:hover {
    color: #057ee1;
}

.book-list .view-times {
    color: #999;
    font-size: 12px;
    position: absolute;
    top: 228px;
    text-align: center;
    display: block;
    width: 100%;
}

.book-list .view-times .num {
    color: #fc8200;
    font-size: 16px;
}

.jxzj-list li .item .text .type {
    font-size: 14px;
    color: #666;
    line-height: 18px;
    display: inline-block;
    border: 1px solid #bbb;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
    margin-top: 8px;
    float: left;
}

.jxzj-list li .item .text .date {
    color: #999;
    line-height: 36px;
    display: inline-block;
    float: right;
    vertical-align: middle;
    font-size: 12px;
}

.zixun-list {
    width: 336px;
    height: auto;
    background-color: #fff;
    border: 0;
    margin-left: 76px;
    margin-bottom: 15px;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.zixun-list:hover .more a {
    color: #999;
}

.zixun-list:hover .item {
    padding-left: 0;
}

.zixun-list:hover .tips {
    border-bottom: 1px solid #e1e1e1;
}

.zixun-list:hover .tips span {
    background-color: transparent;
    color: #333;
}

.zixun-list:hover .box a {
    color: #333;
}

.zixun-list .img {
    float: left;
    width: 120px;
    margin-top: 14px;
    display: inline-block;
}

.zixun-list .img img {
    width: 120px;
    height: 80px;
}

.zixun-list .icon-dot {
    visibility: visible;
    display: inline-block;
    background-color: #b4c6d0;
    width: 3px;
    height: 3px;
    background-image: none;
}

.zixun-list .item {
    padding-left: 0;
}

.zixun-list .item:hover {
    color: #057ee1;
}

.zixun-list .mask {
    display: none;
}

.zixun-list .tips {
    position: relative;
    width: 336px;
    padding-left: 0;
    height: 42px;
    line-height: 42px;
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #e1e1e1;
}

.zixun-list .tips span {
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    line-height: 30px;
    position: absolute;
    line-height: 42px;
    height: 42px;
    border-bottom: 1px solid #0d75d9;
}

.zixun-list .more {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 42px;
    height: 42px;
}

.zixun-list .more:hover a {
    color: #ff9a18;
}

.zixun-list .box {
    float: right;
    width: 200px;
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
    padding-right: 6px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zixun-list .box a:hover {
    color: #057ee1;
}

.zixun-list .box .abstract {
    color: #999;
    font-size: 12px;
    display: block;
    white-space: normal;
}

.zixun-list .box .abstract a {
    color: #999;
    display: inline-block;
    vertical-align: top;
    *vertical-align: middle;
    line-height: 24px;
}

.zixun-list .box .abstract a:hover {
    color: #057ee1;
}

.label-box {
    position: absolute;
    bottom: 0;
    left: 210px;
    border-top: 1px solid #eaeaea;
    height: 150px;
    width: 980px;
    padding-top: 10px;
    box-sizing: content-box;
    overflow: hidden;
}

.label-box .list a {
    float: left;
    width: 230px;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    font-size: 12px;
    line-height: 27px;
}

.label-box .list a:hover {
    color: #057ee1;
}

.label-box .jian-list h3 {
    height: 32px;
    color: #222;
    float: left;
    width: 230px;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-box .jian-list h3 i {
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #fc8200;
    border: 1px solid #fc8200;
    font-style: normal;
    text-align: center;
    vertical-align: middle;
}

.label-box .jian-list h3 a {
    color: #222;
    font-size: 14px;
    line-height: 32px;
    vertical-align: middle;
}

.label-box .jian-list h3 a:hover {
    color: #057ee1;
}

.label-box .jian-list h3:hover {
    color: #057ee1;
}

.book-list li .bk-book:hover {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    -moz-transform: rotate3d(0, 1, 0, 0deg);
}

.book-list li .bk-book:hover .title {
    color: #057ee1;
}

.book-list li .bk-book:hover .bk-front {
    -webkit-transform: rotate3d(0, 1, 0, -35deg);
    -moz-transform: rotate3d(0, 1, 0, -35deg);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.gofloor p {
    border-bottom: 1px solid #48a0f4;
}

.label-box .list h3 {
    float: left;
    width: 290px;
    margin-right: 18px;
    margin-left: 18px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-box .list h3 a {
    display: inline;
    margin: 0;
    color: #fc8200;
    font-size: 16px;
    line-height: 32px;
    vertical-align: middle;
    font-weight: bold;
    width: auto;
    text-align: center;
    float: none;
    margin-right: 15px;
}

.label-box .list h3 a:hover {
    color: #057ee1;
}

.label-box .list h3:hover {
    color: #057ee1;
}

.label-box .list a {
    float: left;
    width: 290px;
    margin-right: 18px;
    margin-left: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: 14px;
    line-height: 30px;
}

.label-box .list a:hover {
    color: #057ee1;
}

.label-box {
    height: 159px;
    overflow: hidden;
}

.icon-down2 {
    background-position: 0 -252px;
    width: 15px;
    height: 7px;
}

.change-box .box .icon-down2 {
    margin-left: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.change-box .box:hover .icon-down2 {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.change-box .pop-box .sanjiao {
    right: 20px;
}

.zixun-list .icon-dot {
    visibility: visible;
    display: inline-block;
    background-color: #b4c6d0;
    width: 3px;
    height: 3px;
    background-image: none;
}

.big-vedio .img {
    height: 289px;
    display: block;
}

.big-vedio .text {
    top: 261px;
}

.big-vedio .bofang {
    height: 289px;
    z-index: 1;
    background-color: rgba(32, 152, 255, 0.5);
}

.big-vedio:hover .title {
    font-weight: normal;
    color: #fff;
    background-color: #59bef3;
}

.vedio-right .vedio {
    height: 155px;
    margin-bottom: 11px;
}

.vedio-right .vedio .img {
    height: 123px;
    display: block;
}

.vedio-right .vedio .text {
    top: 95px;
}

.vedio-right .vedio .bofang {
    height: 123px;
    z-index: 1;
    background-color: rgba(32, 152, 255, 0.5);
}

.vedio-right .vedio:hover .title {
    font-weight: normal;
    color: #fff;
    background-color: #59bef3;
}

.jxzj-list li .item .text .type {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding-left: 20px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-tag.png");
    background-repeat: no-repeat;
    background-position: 0 5px;
    font-size: 12px;
    border: 0;
}

.hezuo-school .list .title {
    position: relative;
}

.hezuo-school .list .more {
    font-size: 12px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 2px;
}

.icon-dot {
    visibility: visible;
    display: inline-block;
    background-color: #b4c6d0;
    width: 3px;
    height: 3px;
    background-image: none;
}

.juan-list .icon-file {
    width: 30px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.juan-list .icon-file.doc {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-word.png");
}

.juan-list .icon-file.ppt {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-ppt.png");
}

.juan-list .icon-file.pdf {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-pdf.png");
}

.juan-list .icon-file.excel {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-excel.png");
}

.juan-list .icon-file.rar {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-zip.png");
}

.juan-list .icon-file.audio {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-audio.png");
}

.juan-list .icon-file.flv {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-media.png");
}

.juan-list .icon-file.unkown {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-unkown.png");
}

.juan-list .icon-file.other {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon-unkown.png");
}

.juan-list li .icon-dot {
    margin-left: 10px;
}

.zixun-list .icon-dot {
    margin-right: 5px;
}

.book-list .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.big-vedio {
    height: 346px;
}

.panel li.wrong:hover .tip {
    padding: 8px 5px;
    line-height: 14px;
}

.quick-entry-new i.quick-tiaocuo {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRkYzMDhEMzBERTQxMUU3OUE2NUZDMkIxNEJDRjhDQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRkYzMDhENDBERTQxMUU3OUE2NUZDMkIxNEJDRjhDQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJGRjMwOEQxMERFNDExRTc5QTY1RkMyQjE0QkNGOENCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJGRjMwOEQyMERFNDExRTc5QTY1RkMyQjE0QkNGOENCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MuEVbgAAAnJJREFUeNrEl0tIFVEYx2dGk4Ieo6SkUKuiEIIWEYS0EIqgRW4UhYjatA0tahG9qegF4iYqtBYtXCRBLXJhLXpALapdZUa4EOxxKc1HUFq3/we/gemWd0bvzO2DH+eb1/mfc77znXPGXXFx0pGtFmfEFrHISdbGRZ84JN6EH7gSX6PyifCddG1UbBT9wQ1PnEb4rqi2BiXMcur20fqj519VLhY14n1KvV5G3RPhsHoIOykKm32gXBi+6Tn/0WYSbxMvGa5q/LZiiTeJWvFQPMBvLJb4dvFKrALzG3LSJhvB6FzFi2KlM9y/w1C/5dr826KOaz9N8Zuk4GYWClsee5LuuS0y2cBPeZT/0iktYojduBOuTHSIz+ILfllE5bYeXBHDYoTvPolusXI2s/282CsqRDn+yTzCu9mt9oSWUI8GN4sX4mhc8Z2Um8Ch4n/l+TdxCSGbmPU02mcLtZ6XsJ+fmm2eZyOezyeex8VW8Tz0zWuxQ+wSP0WrWBclfoPykXiM3xl67iN4lWtbhs/laaCl6XWxQLRHpZoN4YXQ8FtjDogfOZUOE+N6epzPqsQA/lIxXWiej1BWxAiPw+y3+K+1hnsJLyBx35uXxMYyRR21Md5dQjhLglNToeL3OJMdjvHuPubHQDB3ChU/IibZ61vyvFeHuIkeTGo/fyfOMpRd4jJHr8DKWRl76fU0R7JEj84nxH7yeJy58IsYW1i+I2z+kFgvMh5xM7vG5jAXO8ZSep8Z7bFjuuT/NjaXIX4inolK67n9pz0t8HTi5vhVhCLDKARWibA1YNDj522DuCXGEsr5j6x+UznPMgz5oDXutwADAOvjls7LROPyAAAAAElFTkSuQmCC");
    background-position: center center;
    background-repeat: no-repeat;
}

.quick-entry-new a:hover i.quick-tiaocuo {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMUFBRUQxNzBERTQxMUU3QTk1QkM5NDk2Q0FEMDA1MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMUFBRUQxODBERTQxMUU3QTk1QkM5NDk2Q0FEMDA1MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQxQUFFRDE1MERFNDExRTdBOTVCQzk0OTZDQUQwMDUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQxQUFFRDE2MERFNDExRTdBOTVCQzk0OTZDQUQwMDUxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xsIOaQAAAsRJREFUeNrElztoVEEUhu/dXQXRmE1kJYp2SkKwEWwkBhSihaABH2ihIKitEsUIwfgIKkaLgIWo+EBSWGijhRYa1GiRQsVG8YmFgmLwEaKCm9X1O/CvDEvuzc3m7jrwMefuzM4/Z+6ZM3P9O+3fPUo9HIXlUOXFW4bhFnQs7Z76wm1IQAMMwJoyCHsa08YeuLv3R4PbkIIjkIYbsBU+jmdkvAltR3AO1RlYKa21ructsreNVzji5N7LKSsripd9uuwPXpkKEyg4Na1Y/L+VIPE2eAp1MEt2W6XE10Mj9MM92eviFk8F/L7aEbXyDFqd9m9QrWgOGnuId50uxfOKlCDPr8vrV3o2+xo06TkddZ+XIn5FW9BygK/0eLVSnveIQllQyWUvR6Lxo4pPhhOwScveC3sgG5LDLR8chFUwBfKQgz7oRPx11Gg/DjugFmpkd4UIb6F6DtudFJqQExvgMX32RxXfrLpZeBrY3efmWZ5Bf1KfkpAF5jKbtPb4YrgMSTvP6XvYFfG5TOQLtvP7Z3ndLJEH8AVmFCcZtf+yJUewO2BlLDteUt8l9HsS5nmv6vsStnLOaU9rsmf13B8krGCzbXpRsdAz1rK3w0n4KszuHKWfBZfdwzoiBHyXrlQLWYlUmLhF9U4tfa3s0SLdPPltARVhq33SGNZ/Zmy5nYHzEbsW+k2KQ3zExmAZG8fqSJ9q7Yhk4dY0UfHbup3ui9B3l3LAS1YqG4e4BaEd6K14tjHE6yaJZxXMsZznb+CYlvI8IqehzhGtAYvym/I6pyvZvyQzpONzdik3WDvPETiEuVvRP6xY+KN3XKUklJP9Dhbxv8GE3puVC7oslhLtB5RK+xTRCR1aloge6YNhnoTnwkMmnDHP6/W5lI7juGRQX/vYXsUgbSNOW8aENYG3vj4U5+vdtTgfERM6q0OCLyNnk38FGACdHtDlBtb8HwAAAABJRU5ErkJggg==");
    background-position: center center;
    background-repeat: no-repeat;
}

.hezuo-school {
    padding: 26px 20px 0;
}

.title-bg {
    margin-top: 23px;
}

.panel li.wrong i {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMTI5MjI5NTBERTUxMUU3OEFEREY5OUExNDI4OTc5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMTI5MjI5NjBERTUxMUU3OEFEREY5OUExNDI4OTc5RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxMjkyMjkzMERFNTExRTc4QURERjk5QTE0Mjg5NzlFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxMjkyMjk0MERFNTExRTc4QURERjk5QTE0Mjg5NzlFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rpbXhwAAAnpJREFUeNq0lj1oFEEUxzfnETAElJPgF2ghEgULRWMhBouI4FlEFDWKNgpiIYJCULQTYiVqkcZCECLBIorFaREUSUCCEaNEMGpAI2gsYhCMesSPW38T/4PD3d7e7rk++DG3M7P73pt777/r+b5fAwfhnZ+8dUA9eBbjbL/neV0wBQ+85Gw5LIOrcASmZ2Zx+Ao+w2Y3kgRYCi+V6Xo7n1Iko3DXS9be6uSMNdjJlMYa7/9YWqMf5nA+XIAmXZ+CbVU6nFXsMB2wqRmOQxYegSmqe3A7yZRd64VOOAqNMAantWayvlHhmf0KMrJDU7555/onfHH2z63gsD5uhub/aoc3MAytcF5HPBDBoR/X4UO4opLugw546qwXYvxlNrjZf8P5Y08SbnrLbuiG1a60+cpgjRNZHexRhEbuBitkslLVXatWy6uqx0sPvDTDBrjuCPBHaAnJ4iS8DxDuZ3C4eH+Qw0OauwnH9HtYa406IkMX3NF6Ac7CTtgBlxzH56A2zOEZzdnoxiXu5veWgEz6YW1A5hvhufZsD3O4CSZgEl4r+k6t1cEqaIOvkId1IcedhWk9Z3E5hykdzSh8g8uQKXrQLvilF2ylSu2WjyZzHdSHBclXTqL+PaD3FqgaByP04geN88o1vitx5SwVRVUcaSy5Ma5NacxG2LtC48S/KM0S56OrOWSfKa4fMGDrwDocqkK2DujeF7A1YH2vWsrYhrC2iEpaTW3tmhr+IvQU9WoO5liHQyr/tioF2ijLSIAg9EkSc45AZIx4m/fdLVXlSMziOQH3YSEsgowq95O+FCb1AuiBlplPFUXZCo+r+LLeF/EUzHH2wthvAQYAgj4TO4iwyE4AAAAASUVORK5CYII=");
    background-position: center center;
    background-repeat: no-repeat;
}

.gg_gaokao {
    position: relative;
    display: block;
}

.gg_gaokao img {
    display: block;
    width: 100%;
}

.gg_gaokao .close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    width: 38px;
    height: 38px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(//zxxkstatic.zxxk.com/zxxk/skins/index/images/gg_close.png);
}

.panel li.wrong i.ctus-kf {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/kefuhover.png");
    background-position: center top;
    background-repeat: no-repeat;
}

.panel li.account {
    margin-bottom: 2px;
}

.footer {
    background-color: #e1e1e1;
    color: #333;
    font-size: 16px;
    padding: 20px 0;
    box-sizing: border-box;
    margin-top: 0;
    background-position: center top;
    background-repeat: no-repeat;
    min-width: 1200px;
}

.footer a {
    color: #333;
}

.footer .copyright {
    border-top: 0;
    padding-top: 0;
}

.footer .copyright .text {
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 30px;
    height: 30px;
}

.footer .copyright .list {
    width: 750px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.footer .copyright .list li {
    width: 140px;
    height: 60px;
    float: left;
    margin-left: 10px;
}

.footer .copyright .text.grey {
    color: #b5b5b5;
}

.footer .wrapper {
    padding: 0 20px;
    *width: 1060px;
    box-sizing: border-box;
}

.footer .link-box {
    position: relative;
    text-align: left;
    padding-left: 10px;
}

.footer .link-box dl {
    float: left;
    width: 182px;
}

.footer .link-box dt {
    font-size: 18px;
    font-weight: bold;
    line-height: 44px;
}

.footer .link-box dd {
    line-height: 30px;
    font-size: 14px;
    padding-left: 5px;
}

.footer .link-box dd a {
    color: #333;
}

.footer .link-box dd a:hover {
    color: #057ee1;
}

.footer .link-box .share-box {
    width: 225px;
    position: absolute;
    top: 0;
    right: 0;
}

.footer .link-box .share-box .phone {
    font-size: 32px;
    color: #333;
}

.footer .link-box .share-box .text {
    font-size: 14px;
    color: #333;
}

.footer .link-box .share-box .box {
    float: right;
    margin-top: 12px;
    width: 120px;
    font-size: 14px;
    color: #333;
}

.footer .link-box .share-box .box .sina {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 48px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/fenxiang.png");
    background-repeat: no-repeat;
    background-position: 13px 4px;
}

.footer .link-box .share-box .box .tencent {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 48px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/fenxiang.png");
    background-repeat: no-repeat;
    background-position: 13px -38px;
}

.footer .link-box .share-box .erweima {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}

.footer .friend-link {
    margin-top: 19px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f1f1f1;
}

.footer .friend-link .title {
    font-size: 18px;
    color: #333;
    line-height: 36px;
}

.footer .friend-link .list a {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-right: 3px;
    display: inline-block;
}

.footer .friend-link .list a:hover {
    color: #057ee1;
}

.footer .hezuo-jigou {
    margin-top: 8px;
}

.footer .hezuo-jigou .title {
    font-size: 18px;
    color: #333;
    line-height: 48px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    height: 48px;
}

.footer .hezuo-jigou .list li {
    width: 200px;
    height: 64px;
    float: left;
    margin-left: 12px;
    margin-left: 35px;
}

.footer .hezuo-jigou .list li.first {
    margin-left: 0;
}

.footer .hezuo-jigou .list {
    border-top: 1px solid #c4c4c4;
    padding-top: 14px;
}

.footer .hezuo-jigou .title .tips {
    font-size: 14px;
    position: absolute;
    right: 12px;
    top: 15px;
    line-height: 30px;
}

.footer .friend-list {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
}

.footer .friend-list a {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-right: 3px;
    display: inline-block;
}

.footer .friend-list a:hover {
    color: #057ee1;
}

.footer .our-link {
    text-align: center;
    border-top: 1px solid #c4c4c4;
    padding-top: 4px;
    line-height: 60px;
    height: 60px;
    box-sizing: content-box;
    color: #aeaeae;
}

.footer .our-link a {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    margin-right: 3px;
    display: inline-block;
}

.footer .our-link a:hover {
    color: #057ee1;
}

.nav_class {
    /* display:none; */
    position: absolute;
    width: 1000px;
    *width: 986px;
    left: 196px;
    top: 0;
    padding: 0 20px;
    box-sizing: border-box;
    border: 2px solid #1e8cf5;
    background-color: #fff;
    font-size: 14px;
    line-height: 28px;
    font-weight: normal;
}

.subnav .nav_class .item {
    border-bottom: 1px dashed #e5e5e5;
    padding: 10px 0;
}

.subnav .nav_class .item.no-border {
    border-bottom: 0 solid #e5e5e5;
}

.subnav .nav_class .title {
    font-weight: normal;
    color: #999;
    width: 70px;
    float: left;
    text-align: right;
    line-height: 35px;
    cursor: inherit;
}

.subnav .nav_class .name-box {
    width: 874px;
    float: right;
}

.subnav .nav_class .name-box a {
    color: #333;
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    margin-right: 12px;
}

.subnav .nav_class .name-box a.current,
.subnav .nav_class .name-box a:hover {
    background-color: #188eee;
    color: #fff;
}

.subnav .nav_class .name-box .text {
    color: #999;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    float: left;
    margin-right: 8px;
    cursor: default;
}

.subnav .list {
    width: 1000px;
    *width: 980px;
    float: left;
    height: 50px;
    box-sizing: border-box;
}

.subnav .list li {
    position: relative;
    float: left;
    z-index: 300;
    font-size: 16px;
}

.subnav .list li a {
    position: relative;
    display: inline-block;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    padding: 0 9px;
}

.subnav .list li a:hover,
.subnav .list li a.active {
    background-color: #055aac;
}

.subnav .list li a.home {
    padding: 0 20px;
}

.subnav .list li .line {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 15px;
    background-color: #fff;
    margin: 2px 0 0;
}

.classify-title {
    font-size: 16px;
    color: #333;
    text-align: left;
    font-weight: bold;
    margin-left: 6px;
}

[class^=icon-] {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon_bg.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.icon-down {
    background-position: 0 -150px;
    width: 12px;
    height: 6px;
}

.header {
    height: 29px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f2f2f2;
}

.header .wrapper {
    *z-index: 100;
}

.header .logo {
    float: left;
    height: 30px;
    width: 220px;
    display: block;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/header-logo.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.header .header-right {
    float: right;
    color: #666;
    font-size: 12px;
    line-height: 30px;
    width: 500px;
    text-align: right;
    padding-right: 70px;
    position: relative;
    z-index: 501;
}

.header .header-right a {
    color: #666;
    margin-left: 2px;
    line-height: 30px;
}

.header .header-right a.bind-btn {
    color: #fc8200;
}

.header .header-right a.login-btn {
    color: #fff;
    background-color: #ff9a18;
    display: inline-block;
    padding: 0 10px;
    margin: 0 5px 0 12px;
}

.header .header-right a.reg-btn {
    color: #666;
}

.header .header-right a.login-btn:hover {
    background-color: #f18801;
}

.header .header-right a.logout-btn {
    color: #fc8200;
}

.header .header-right a.user-btn {
    color: #fc8200;
}

.header .header-right a.user-btn:hover {
    text-decoration: underline;
}

.header .header-right b {
    color: #ccc;
    margin: 0 5px;
}

.header .header-right .map {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    color: #666;
    float: right;
}

.header .header-right .map .title {
    cursor: pointer;
}

.header .header-right .map .title .icon-down {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.header .header-right .map .title:hover .icon-down {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.header .header-right .map .title:hover .list {
    display: block;
}

.header .header-right .map .list-box {
    display: none;
    position: absolute;
    width: 1200px;
    right: 0;
    top: 29px;
    z-index: 1000;
    box-shadow: 0 2px 6.51px 0.49px rgba(9, 2, 4, 0.3);
}

.header .header-right .map .list-box .sanjiao {
    position: absolute;
    top: -8px;
    right: 20px;
    display: block;
    width: 24px;
    height: 10px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/box_sanjiao.png");
    background-position: center;
    background-repeat: no-repeat;
}

.header .header-right .map .list {
    border: 1px solid #1e8cf5;
    background-color: #fff;
    padding: 18px;
}

.header .header-right .map .list > li {
    float: left;
    padding: 0 15px;
}

.header .header-right .map .list .line {
    padding: 0;
    width: 1px;
    height: 250px;
    margin-top: 40px;
    background-color: #e7e7e7;
    margin-right: 10px;
}

.header .header-right .map .list .subtitle {
    font-size: 14px;
    color: #666;
    font-weight: bold;
    text-align: left;
}

.header .header-right .map .list .item li {
    width: 100px;
    float: left;
}

.header .header-right .map .list .item a {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    display: block;
    text-align: left;
}

.header .header-right .map .list .item a:hover {
    color: #057ee1;
}

.header .header-right .map:hover .list-box {
    display: block;
}

.zyl_list {
    position: absolute;
    display: none;
    top: 35px;
    right: 0;
    padding: 0;
    width: 380px;
    line-height: 20px;
    border: 1px solid #188eee;
    background-color: #fff;
    height: auto !important;
}

.zyl_list ul {
    margin: 10px 15px;
    max-height: 192px;
    overflow: auto;
}

.zyl_list ul li {
    height: 26px;
    line-height: 26px;
    padding: 0 0 5px;
    border-bottom: 1px dashed #eee;
}

.zyl_list ul li a {
    display: inline-block;
    height: 26px;
    padding-left: 5px;
    width: 175px;
    float: left;
    color: #333;
    margin: 0;
    overflow: hidden;
}

.zyl_list ul li span {
    background: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon.png") no-repeat scroll 0 -891px;
    cursor: pointer;
    padding-left: 15px;
    float: right;
    display: inline-block;
    padding-right: 5px;
    color: #666;
}

.zyl_list ul li i {
    color: red;
    float: right;
    font-style: normal;
    padding-right: 10px;
}

.zyl_list .zyl_btn {
    background-color: #f5f5f5;
    padding: 8px 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.zyl_list .zyl_btn .all {
    float: left;
    padding-left: 15px;
    color: #676767;
}

.zyl_list .zyl_btn input {
    width: 70px;
    height: 30px;
    float: right;
    display: inline-block;
    text-align: center;
    color: #333;
    border: 0;
    margin-right: 15px;
    cursor: pointer;
}

.panel {
    position: fixed;
    bottom: 40px;
    right: 10px;
    margin-left: 615px;
    z-index: 100;
    width: 45px;
}

.panel li {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background-color: #d4d4d4;
    border-radius: 2px;
    margin-bottom: 2px;
    cursor: pointer;
}

.panel li i {
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/up_bg.png") no-repeat;
}

.panel li .tip {
    display: none;
    color: #fff;
    font-size: 14px;
}

.panel li .qq-box {
    display: none;
    position: absolute;
    top: -40px;
    right: 60px;
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    width: 87px;
}

.panel li .account-box {
    position: absolute;
    right: 45px;
    top: 0;
    display: none;
    border: 1px solid #dbdbdb;
    border-right: 0;
    background-color: #fff;
    color: #666;
    font-size: 14px;
}

.panel li .account-box:before {
    position: absolute;
    right: -5px;
    top: 16px;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
}

.panel li .account-box .before-login {
    line-height: 184px;
    width: 230px;
}

.panel li .account-box .before-login a {
    color: #057ee1;
}

.panel li .account-box .after-login {
    padding: 10px 0 15px 15px;
    width: 358px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/after-login-bg.png");
    background-position: center top;
    background-repeat: no-repeat;
}

.panel li .account-box .after-login {
    line-height: 33px;
    text-align: left;
}

.panel li .account-box .after-login a {
    color: #333;
    margin: 0 3px;
}

.panel li .account-box .after-login a:hover {
    text-decoration: underline;
}

.panel li .account-box .after-login .label {
    max-width: 130px;
    display: inline-block;
    overflow: hidden;
}

.panel li .account-box .after-login .blue {
    color: #057ee1;
}

.panel li .account-box .after-login .username {
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel li .account-box .after-login .username .userid {
    color: #666;
    font-weight: normal;
}

.panel li .account-box .after-login .price {
    margin-top: 28px;
}

.panel li .account-box .after-login .price .label {
    margin-right: 0;
    width: 125px;
}

.panel li .account-box .after-login .value {
    color: #fe0000;
}

.panel li .account-box .after-login .quit:hover {
    color: #fe0000;
    text-decoration: underline;
}

.panel li .account-box .after-login a {
    margin-right: 12px;
    margin-left: 0;
}

.panel li .account-box .after-login .link {
    color: #fff;
    margin-right: 0;
}

.panel li .account-box .after-login .link:hover {
    color: #ffe21d;
    text-decoration: none;
    font-weight: bold;
}

.panel li .account-box .after-login .username a {
    color: #fff;
}

.panel li .account-box .after-login .username .userid {
    color: #fff;
    font-weight: normal;
}

.panel li .account-box .after-login .quit:hover {
    color: #ffe21d;
    text-decoration: none;
    font-weight: bold;
}

.panel li .account-box .after-login .color-white {
    color: #fff;
}

.panel li .account-box .after-login .f12 {
    font-size: 12px;
}

.panel li .account-box .after-login .price {
    margin-top: 28px;
}

.panel li .account-box .after-login .price .label {
    margin-right: 0;
    width: 125px;
}

.panel li:hover {
    background-color: #ff9a18;
}

.panel li:hover i {
    display: none;
}

.panel li:hover .tip {
    display: block;
    font-size: 12px;
}

.panel li.account {
    position: relative;
}

.panel li.account i {
    background-position: 8px 8px;
}

.panel li.account:hover i {
    display: block;
}

.panel li.account:hover .account-box {
    display: block;
}

.panel li.wrong i {
    background-position: 8px -42px;
}

.panel li.qq i {
    background-position: 8px -92px;
}

.panel li.gotop i {
    background-position: 8px -142px;
}

.panel li.gotop:hover i {
    display: block;
}

.panel li.wrong i {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAYAAABvCO8sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMTI5MjI5NTBERTUxMUU3OEFEREY5OUExNDI4OTc5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMTI5MjI5NjBERTUxMUU3OEFEREY5OUExNDI4OTc5RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxMjkyMjkzMERFNTExRTc4QURERjk5QTE0Mjg5NzlFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxMjkyMjk0MERFNTExRTc4QURERjk5QTE0Mjg5NzlFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rpbXhwAAAnpJREFUeNq0lj1oFEEUxzfnETAElJPgF2ghEgULRWMhBouI4FlEFDWKNgpiIYJCULQTYiVqkcZCECLBIorFaREUSUCCEaNEMGpAI2gsYhCMesSPW38T/4PD3d7e7rk++DG3M7P73pt777/r+b5fAwfhnZ+8dUA9eBbjbL/neV0wBQ+85Gw5LIOrcASmZ2Zx+Ao+w2Y3kgRYCi+V6Xo7n1Iko3DXS9be6uSMNdjJlMYa7/9YWqMf5nA+XIAmXZ+CbVU6nFXsMB2wqRmOQxYegSmqe3A7yZRd64VOOAqNMAantWayvlHhmf0KMrJDU7555/onfHH2z63gsD5uhub/aoc3MAytcF5HPBDBoR/X4UO4opLugw546qwXYvxlNrjZf8P5Y08SbnrLbuiG1a60+cpgjRNZHexRhEbuBitkslLVXatWy6uqx0sPvDTDBrjuCPBHaAnJ4iS8DxDuZ3C4eH+Qw0OauwnH9HtYa406IkMX3NF6Ac7CTtgBlxzH56A2zOEZzdnoxiXu5veWgEz6YW1A5hvhufZsD3O4CSZgEl4r+k6t1cEqaIOvkId1IcedhWk9Z3E5hykdzSh8g8uQKXrQLvilF2ylSu2WjyZzHdSHBclXTqL+PaD3FqgaByP04geN88o1vitx5SwVRVUcaSy5Ma5NacxG2LtC48S/KM0S56OrOWSfKa4fMGDrwDocqkK2DujeF7A1YH2vWsrYhrC2iEpaTW3tmhr+IvQU9WoO5liHQyr/tioF2ijLSIAg9EkSc45AZIx4m/fdLVXlSMziOQH3YSEsgowq95O+FCb1AuiBlplPFUXZCo+r+LLeF/EUzHH2wthvAQYAgj4TO4iwyE4AAAAASUVORK5CYII=");
    background-position: center center;
    background-repeat: no-repeat;
}

.panel li.vedio i {
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/panel_vedio.png");
    background-position: center center;
}

.panel li.vedio:hover .tip {
    padding: 8px 5px;
    line-height: 14px;
}

.change-box .box {
    position: relative;
    float: left;
    margin-right: 24px;
}

.change-box .box:hover .pop-box {
    display: block;
}

.change-box .btn {
    color: #999;
    cursor: pointer;
}

.change-box .pop-box {
    position: absolute;
    display: none;
    width: 255px;
    border: 1px solid #1e8cf5;
    background-color: #fff;
    z-index: 100;
    right: -16px;
    top: 27px;
    text-align: center;
    box-shadow: 0 2px 6.51px 0.49px rgba(9, 2, 4, 0.3);
    text-align: left;
}

.change-box .pop-box.zl-type {
    width: 225px;
}

.change-box .pop-box.zl-type .list {
    padding: 12px 0 12px 15px;
}

.change-box .pop-box.zl-type .list li {
    width: 100px;
    text-align: left;
}

.change-box .pop-box .sanjiao {
    position: absolute;
    top: -9px;
    right: 35px;
    display: block;
    width: 24px;
    height: 10px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/box_sanjiao.png");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.change-box .pop-box .list {
    padding: 12px 14px;
}

.change-box .pop-box .list li {
    float: left;
    height: 22px;
    line-height: 22px;
    width: 45px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    color: #333;
    font-size: 14px;
}

.change-box .pop-box .list li:hover,
.change-box .pop-box .list li.active {
    color: #057ee1;
}

.change-tab,
.province,
.subject-type,
.month-type {
    position: absolute;
    top: 0;
    right: 25px;
    height: 46px;
    top: 17px;
}

.no_res {
    background: url("http://zxxkstatic.xkw.com/images/icon5.png") no-repeat 10px 10px;
    padding: 10px 0 10px 65px;
    color: #676767;
    line-height: 60px;
    height: 60px;
}

/**
 * 新增楼层CSS
 */
.title-tips {
    line-height: 40px;
}

.tuijian {
    /*padding-bottom: 30px*/
}

.tuijian .tips {
    width: 560px;
    *width: 536px;
    box-sizing: border-box;
    /*padding-right: 10px;*/
    margin-left: 20px;
    margin-right: 20px;
    color: #333;
    font-size: 18px;
    line-height: 49px;
    height: 49px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}

.tuijian .tips .change-new {
    color: #fc8200;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 7px;
    line-height: 40px;
}

.tuijian .tips .change-new:hover {
    border-bottom: 2px solid #fc8200;
}

.tuijian .tips .change-tab {
    top: 0;
    right: 13px;
}

.tuijian .tips .change-tab a {
    padding: 0 8px;
}

.section-zxzr .tuijian .juan-list {
    min-height: 250px;
}

.section-zxzr .tuijian .tips {
    height: 45px;
    line-height: 45px;
    right: 0;
}

.section-zxzr .tuijian .tips .change-new {
    top: 15px;
    color: #333;
    border-bottom-color: #fff;
}

.section-zxzr .tuijian .tips .change-new:hover {
    border-bottom-color: #fc8200;
    color: #fc8200;
}

.section-zxzr .tuijian .tips .change-tab {
    right: 0;
    top: 5px;
}

.section-zxzr .tuijian .tips .change-new {
    line-height: normal;
    height: 27px;
}

.section-zxzr .tuijian .tips .first-a {
    margin-right: 15px;
}

.section-zxzr .tuijian .tips a {
    padding: 0;
    border-bottom: 2px solid #fff;
}

.section-zxzr .tuijian .tips a.active, .section-zxzr .tuijian .tips a:hover {
    border-bottom: 2px solid #ff9a18;
}

.section-zxzr .tuijian .tips .hvr-underline-from-center {
    line-height: normal;
}

.change-box {
    position: absolute;
    top: 0;
    right: 13px;
    height: 46px;
    top: 17px;
    font-size: 14px;
    color: #333;
    z-index: 1;
}

.change-box .box {
    position: relative;
    float: left;
    margin-right: 24px;
}

.change-box .box:hover .pop-box {
    display: block;
}

.change-box .btn {
    color: #999;
    cursor: pointer;
}

.change-box .pop-box {
    position: absolute;
    display: none;
    width: 255px;
    border: 1px solid #1e8cf5;
    background-color: #fff;
    z-index: 100;
    right: 0;
    top: 38px;
    text-align: center;
    box-shadow: 0 2px 6.51px 0.49px rgba(9, 2, 4, 0.3);
    text-align: left;
}

.change-box .pop-box.zl-type {
    width: 225px;
}

.change-box .pop-box.zl-type .list {
    padding: 12px 0 12px 15px;
}

.change-box .pop-box.zl-type .list li {
    width: 100px;
    text-align: left;
}

.change-box .pop-box .sanjiao {
    position: absolute;
    top: -9px;
    right: 35px;
    display: block;
    width: 24px;
    height: 10px;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/box_sanjiao.png");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.change-box .pop-box .list {
    padding: 12px 14px;
}

.change-box .pop-box .list li {
    float: left;
    height: 22px;
    line-height: 22px;
    width: 45px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    color: #333;
    font-size: 14px;
}

.change-box .pop-box .list li:hover,
.change-box .pop-box .list li.active {
    color: #057ee1;
}

.change-tab,
.province,
.subject-type,
.month-type {
    position: absolute;
    top: 0;
    right: 25px;
    height: 46px;
    top: 17px;
}

.change-tab .hvr-underline-from-center,
.province .hvr-underline-from-center,
.subject-type .hvr-underline-from-center,
.month-type .hvr-underline-from-center {
    overflow: initial;
    color: #333;
    font-size: 14px;
    height: 27px;
    padding: 0 6px;
}

.change-tab .hvr-underline-from-center:hover,
.province .hvr-underline-from-center:hover,
.subject-type .hvr-underline-from-center:hover,
.month-type .hvr-underline-from-center:hover {
    color: #ff9a18;
}

.change-tab .hvr-underline-from-center:before,
.province .hvr-underline-from-center:before,
.subject-type .hvr-underline-from-center:before,
.month-type .hvr-underline-from-center:before {
    background: #ff9a18;
    height: 2px;
    height: 0 \0;
    z-index: 1;
}

.change-tab a.active,
.province a.active,
.subject-type a.active,
.month-type a.active {
    color: #ff9a18;
}

.change-tab .hvr-underline-from-center.active:before,
.province .hvr-underline-from-center.active:before,
.subject-type .hvr-underline-from-center.active:before,
.month-type .hvr-underline-from-center.active:before,
.change-tab .hvr-underline-from-center:hover:before,
.province .hvr-underline-from-center:hover:before,
.subject-type .hvr-underline-from-center:hover:before,
.month-type .hvr-underline-from-center:hover:before {
    left: -13px;
    right: -13px;
    visibility: visible;
}

.change-tab .hvr-underline-from-center.active:before,
.subject-type .hvr-underline-from-center.active:before,
.month-type .hvr-underline-from-center.active:before,
.change-tab .hvr-underline-from-center:hover:before,
.subject-type .hvr-underline-from-center:hover:before,
.month-type .hvr-underline-from-center:hover:before {
    left: -2px;
    right: -2px;
    visibility: visible;
}

.juan-list {
    width: 600px;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    min-height: 10px;
}

.juan-list.wide {
    width: 1200px;
}

.juan-list li {
    width: 580px;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 80px;
    float: left;
    *width: 580px;
    *padding-right: 0;
    color: #333;
}

.juan-list li:hover a {
    color: #057ee1;
}

.juan-list li:hover {
    color: #057ee1;
}

.juan-list .icon-book {
    width: 24px;
    *width: 30px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon_bg.png");
    background-repeat: no-repeat;
    background-position: 10px -200px;
}

.juan-list .icon-one {
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
    width: 20px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/list_num_bg.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.juan-list .icon-two {
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
    width: 20px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/list_num_bg.png");
    background-repeat: no-repeat;
    background-position: 0 -36px;
}

.juan-list .icon-three {
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
    width: 20px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/list_num_bg.png");
    background-repeat: no-repeat;
    background-position: 0 -70px;
}

.juan-list .icon-default {
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
    width: 20px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/list_num_bg.png");
    background-repeat: no-repeat;
    background-position: 0 -106px;
}

.juan-list .school {
    color: #999;
    vertical-align: middle;
    height: 14px;
    line-height: 14px;
    padding-right: 7px;
    border-right: 1px solid #b7b7b7;
    margin-left: 6px;
}

.juan-list .date {
    color: #999;
    vertical-align: middle;
    width: 72px;
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    line-height: 36px;
    text-align: right;
}

.juan-list a {
    padding-left: 6px;
    color: #333;
    vertical-align: middle;
    *overflow: hidden;
    *white-space: nowrap;
    *text-overflow: ellipsis;
    *display: inline-block;
    *width: 350px;
}

.juan-list a:hover {
    color: #ff9a18;
}

.school-box .prev1 {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 109px;
    background-color: #fff;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon_bg.png");
    background-repeat: no-repeat;
    background-position: 8px -1160px;
    z-index: 20;
}

.school-box .next1 {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 109px;
    background-color: #fff;
    background-image: url("//zxxkstatic.zxxk.com/zxxk/skins/index/images/icon_bg.png");
    background-repeat: no-repeat;
    background-position: -2px -1260px;
    z-index: 20;
}

.juan-list .icon-file {
    width: 20px;
    background-position: 0 center;
}

.section-zxzr .change-box .pop-box .sanjiao {
    right: 20px;
}

/**
 * 新增楼层CSS结束
 */

/*# sourceMappingURL=common.css.map */