body {
    min-width: 1280px;
}
#main {
    overflow: hidden;
}
#main .main {
    position: relative;
    z-index: 9;
    float: left;
    width: 906px;
}
#header_fixed{
    position: fixed;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.header{
    z-index: 99;
    width: 100%;
}
/* 面包屑 start */
#site{
    overflow: hidden;
}
ol.breadcrumb{
    height: 40px;
    overflow: hidden;
}
ol.breadcrumb li{
    float: left;
    line-height: 40px;
    font-size: 12px; color: #888;
}
ol.breadcrumb li a{
    display: inline-block;
    padding: 0 0 0 2px;
    font-size: 12px; color: #888;
}
ol.breadcrumb li a:hover{
    color: #3356BE;
}
/* 面包屑 end */
/* 锚点 start */
#anchor {
    position: fixed;
    left: 50%;
    top: 264px;
    z-index: 99;
    width: 90px;
    margin: 0 0 0 -742px;
    padding: 13px 0;
    background: #fff;
    border-radius: 5px;
}
#anchor ul li {
    height: 32px;
    line-height: 32px;
    text-align: center;
}
#anchor ul li a {
    display: block;
    font-size: 13px;
    color: #111;
}
#anchor ul li a:hover,
#anchor ul li a.active {
    background: #F6FAFF;
    font-weight: 700;
    color: #3356BE;
}
/* 锚点 end */
/* æ ‡é¢˜ç­‰åŸºç¡€ä¿¡æ¯ start */
.main>.title {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}
.main>.title .info {
    position: relative;
    float: left;
    max-width: 700px;
}
.main>.title .info .format {
    position: absolute;
    left: 0;
    top: 4px;
}
.main>.title .info .format i {
    width: 20px;
    height: 20px;
    background: url(../../../lib/images/format_pdf.png) no-repeat center center;
}
.main>.title .info h1 {
    word-break: break-all;
    text-indent: 28px;
    font-weight: 700;
    font-size: 20px;
}
.main>.title .info h4 {
    word-break: break-all;
    padding: 10px 0 12px;
    font-size: 13px;
}
.main>.title .info .status span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border: 1px solid #0063FF;
    border-radius: 3px;
    background: #F2F7FF;
    font-size: 12px;
    color: #0063FF;
}
.main>.title .info .status em {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 0 14px 0 10px;
    padding: 0 10px;
    font-style: normal;
    border-radius: 3px;
    font-size: 12px;
}
.main>.title .info .status small {
    white-space: nowrap;
    line-height: 26px;
    font-size: 12px;
    color: #999;
}
.main>.title .info .status i {
    margin: 0 2px;
    vertical-align: 1px;
    font-size: 12px;
    color: #999;
}
.main>.title .info .status small a {
    text-decoration: underline;
    font-size: 12px;
    color: #3356BE;
}
.main>.title .btns {
    float: right;
    margin-top: -8px;
}
.main>.title .btns .btn {
    display: block;
    width: 140px;
    height: 36px;
    line-height: 36px;
    margin: 12px 0;
    background: #FB6030;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.main>.title .btns .btn.btn-download-vip {
    background: #CF9354;
}
.main>.title .btns .btn.btn-download-no {
    background: #aaa;
    cursor: no-drop;
}
.main>.title .btns .btn.btn-download-no:hover {
    opacity: 1;
}
/* æ ‡é¢˜ç­‰åŸºç¡€ä¿¡æ¯ end */
.table .hd,
.history .hd,
.preview .hd,
.prepare .hd,
.preview-txt .hd,
.nearly .hd,
.association .hd,
.similar .hd,
.customized .hd {
    padding: 14px 0 10px;
    overflow: hidden;
}
.table .hd h3,
.history .hd h3,
.preview .hd h3,
.prepare .hd h3,
.preview-txt .hd h3,
.nearly .hd h3,
.association .hd h3,
.similar .hd h3,
.customized .hd h3 {
    float: left;
    line-height: 15px;
    padding: 0 6px;
    border-left: 3px solid #3356BE;
    font-size: 16px;
    font-weight: 700;
}
.similar .hd a.more {
    float: right;
    margin-top: -2px;
    font-size: 13px;
    color: #999;
}
.similar .hd a.more:hover {
    text-decoration: underline;
    color: #3356BE;
}
/* 基本信息 start */
.table .bd {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
}
.table .bd .row {
    border-bottom: 1px solid #E3EDFB;
    border-right: 1px solid #E3EDFB;
    overflow: hidden;
}
.table .bd .row.row-one {
    border-top: 1px solid #E3EDFB;
}
.table .bd .row .label {
    float: left;
    width: 140px;
    border-left: 1px solid #E3EDFB;
    border-right: 1px solid #E3EDFB;
    background: #F6FAFF;
    font-weight: 700;
    font-size: 12px;
    padding: 12px 14px;
}
.table .bd .row .value {
    float: left;
    max-width: 666px;
    line-height: 20px;
    word-break: break-all;
    font-size: 12px;
    color: #444;
    padding: 12px 14px;
}
.table .bd .row.row-two .value {
    width: 234px;
}
.table .bd .row .value.paper i {
    font-size: 14px;
    color: #3356BE;
}
.table .bd .row .value.paper a {
    margin: 0 10px 0 6px;
    text-decoration: underline;
    font-size: 12px;
    color: #3356BE;
}
/* 基本信息 end */
/* 历史发布 start */
.history .bd {
    background: #fff;
    border-radius: 8px;
    padding: 35px;
}
.history .bd ul li {
    position: relative;
    overflow: hidden;
}
.history .bd ul li .line {
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 0;
}
.history .bd ul li .line span {
    display: block;
    width: 14px;
    height: 14px;
    background: #F9F9F9;
    border-radius: 50%;
    border: 1px solid #0063FF;
}
.history .bd ul li .line small {
    position: absolute;
    left: 7.5px;
    top: 16px;
    bottom: 0;
    margin: 0 auto;
    border-left: 1px solid #0063FF;
}
.history .bd ul li.active .line span {
    background: #0063FF;
}
.history .bd ul li.active .line small {
    border-left-style: dashed;
}
.history .bd ul li .infos {
    float: left;
    margin-left: 34px;
}
.history .bd ul li .infos .time {
    font-weight: 700;
    font-size: 16px;
}
.history .bd ul li .infos .info {
    position: relative;
    width: 678px;
    background: #F9F9F9;
    border-radius: 5px;
    border: 1px solid #ECECEC;
    margin: 8px 0 20px;
    padding: 10px;
}
.history .bd ul li:last-child .infos .info {
    margin-bottom: 0;
}
.history .bd ul li.active .infos .info {
    position: relative;
    background: #F6FAFF;
}
.history .bd ul li .infos .info .title {
    word-break: break-all;
    margin-top: -2px;
    font-size: 14px;
    color: #666;
}
.history .bd ul li .infos .info .title a {
    position: relative;
    z-index: 1;
    display: block;
    margin: -10px;
    padding: 10px 30px 35px 10px;
}
.history .bd ul li .infos .info .title em {
    display: inline-block;
    width: 20px;
}
.history .bd ul li .infos .info .status {
    margin-top: -25px;
    font-size: 12px;
    color: #888;
}
.history .bd ul li .infos .info .status .tag {
    display: inline-block;
    width: 60px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    background: #0063FF;
    border-radius: 3px;
    border: 1px solid #0063FF;
    font-size: 12px;
    color: #fff;
}
.history .bd ul li .infos .info .status small {
    margin-left: 12px;
    font-size: 12px;
}
.history .bd ul li .infos .info .arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -7px;
    font-size: 14px;
    color: #999;
}
/* 历史发布 end */
/* 文前页预览 start */
.preview .bd {
    background: #fff;
    border-radius: 8px;
}
.preview .bd .preview-bd {
    width: 100%;
    overflow: hidden;
}
.preview .bd .preview-bd .preview-item {
    min-height: 1120px;
    border-bottom: 1px solid #ddd;
}
.preview .bd .preview-bd img {
    width: 100%;
}
.preview-ft {
    padding: 0 0 36px;
}
.preview-ft .preview-operate {
    text-align: center;
}
.preview-ft .preview-operate .desc {
    padding: 8px 0 20px;
    font-size: 14px;
    color: #666;
}
.preview-ft .preview-not {
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
    color: #666;
}
.preview-ft .preview-operate .btn.btn-remain {
    width: 500px;
    height: 60px;
    line-height: 60px;
    border: none;
    background: none;
    font-size: 14px;
    color: #3356BE;
    cursor: pointer;
}
.preview-ft .btns {
    text-align: center;
    font-size: 0;
    overflow: hidden;
}
.preview-ft .btns li {
    display: inline-block;
}
.preview-ft .btns a.btn {
    display: block;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    padding: 0 22px;
    margin: 0 8px;
    background-color: #FB6030;
    border: none;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.preview-ft .btns a.btn.btn-download-vip {
    background: #CF9354;
}
.preview-ft .btns a.btn.btn-read {
    height: 38px;
    line-height: 38px;
    background: #fff;
    color: #3356BE;
    border: 1px solid #3356BE;
}
.preview-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 1280px;
    height: 58px;
    z-index: 99;
}
.preview-bar .bar {
    width: 904px;
    height: 58px;
    background-color: #fff;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.17);
    border: 1px solid #ECECEC;
    overflow: hidden;
}
.preview-bar .operate,
.preview-bar .btns {
    float: right;
    padding: 11px 0;
}
.preview-bar .operate li,
.preview-bar .btns li {
    float: left;
}
.preview-bar .operate li.collect,
.preview-bar .operate li.paper {
    padding: 8px 12px;
}
.preview-bar .operate li.collect a,
.preview-bar .operate li.paper a {
    vertical-align: middle;
    margin: 0 0 0 -20px;
    padding: 5px 0 5px 25px;
    font-size: 14px;
    color: #333;
}
.preview-bar .operate li.collect.is_collect i {
    color: #FB6030;
}
.preview-bar .operate li.collect:hover a,
.preview-bar .operate li.collect:hover i,
.preview-bar .operate li.paper:hover a,
.preview-bar .operate li.paper:hover i {
    color: #3356BE;
}
.preview-bar .btns li .btn {
    display: block;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    padding: 0 18px;
    margin: 0 6px;
    background-color: #FB6030;
    border: none;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.preview-bar .btns li .btn.btn-download-vip {
    background: #CF9354;
}
.preview-bar .btns a.btn.btn-read {
    display: none;
    height: 38px;
    line-height: 38px;
    background: #fff;
    color: #3356BE;
    border: 1px solid #3356BE;
}
/* 文前页预览 end */
/* ç ”åˆ¶ä¿¡æ¯ start */
.prepare .bd {
    padding: 8px 20px 26px;
    border-radius: 8px;
    background: #fff;
}
.prepare dl {
    font-size: 16px;
    color: #000;
}
.prepare dl dt {
    padding: 18px 0 6px;
    font-weight: 700;
}
.prepare dl dd {
    line-height: 24px;
    word-break: break-all;
    font-size: 14px;
    color: #333;
}
.prepare dl dd i {
    margin: 0 10px;
    font-size: 12px;
}
.prepare dl dd span {
    vertical-align: middle;
}
/* ç ”åˆ¶ä¿¡æ¯ end */
/* TXT预览 start */
.preview-txt .bd {
    position: relative;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
}
.preview-txt .bd .txt {
    line-height: 24px;
    font-size: 14px;
    color: #333;
}
.preview-txt .bd .txt.fold {
    height: 310px;
    overflow: hidden;
}
.preview-txt .bd .txt p {
    padding: 0 0 12px;
}
.preview-txt .bd .more {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 112px;
}
.preview-txt .bd .more .vague {
    display: block;
    width: 100%;
    height: 65px;
    background-image: linear-gradient( to top,#fff, rgba(255,255,255,0.6));
}
.preview-txt .bd .more .icon {
    height: 47px;
    text-align: center;
    background: #fff;
    font-size: 18px;
    color: #888;
}
.preview-txt .bd .more .icon i {
    cursor: pointer;
}
/* TXT预览 end */
/* åŒç±»æ ‡å‡† start */
.nearly .bd {
    padding: 20px;
    border-radius: 8px;
    background: #fff;
}
.nearly .bd li {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px dashed #ddd;
    white-space: nowrap;
}
.nearly .bd li span,
.nearly .bd li a,
.nearly .bd li small {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
}
.nearly .bd li span {
    width: 214px;
    font-size: 13px;
    color: #111;
}
.nearly .bd li a {
    width: 558px;
    padding: 0 100px 0 214px;
    margin-left: -220px;
    font-size: 13px;
    color: #111;
}

.nearly .bd li a:hover {
    text-decoration: underline;
    color: #3356BE;
}
.nearly .bd li small {
    margin-left: -80px;
    font-size: 13px;
    color: #888;
}
/* åŒç±»æ ‡å‡† end */
/* side å…³è”æ ‡å‡† start*/
.side {
    position: relative;
    z-index: 9;
    float: right;
    width: 358px;
    border-radius: 8px;
    overflow: hidden;
}
.side .association {
    padding: 1px 20px;
    background: #fff;
}
.association .item {
    position: relative;
    width: 97%;
}
.association .item>.item {
    padding: 0 0 0 22px;
}
.association .item>.item,
.association .item>.vertical-line {
    display: none;
}
.association .item.active>.item,
.association .item.active>.vertical-line {
    display: block;
}
.association .item .title {
    display: inline-block;
    margin-bottom: 8px;
    line-height: 20px;
    background: #fff;
    font-size: 0;
    zoom:1;
    width: 100%;
}
.association .item .title:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.association .item .title>i {
    float: left;
    margin-right: 6px;
    font-size: 16px;
    color: #999;
}
.association .item .title>a {
    float: left;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    font-weight: 400;
    word-break: break-all;
    max-height: 40px;
    line-height: 20px;
    margin-left: -22px;
    padding: 0 0 0 22px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #333;
}
.association .item .title>a.dir {
    width: 92%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.association .item .title>a.link:hover {
    text-decoration: underline;
    color: #3356BE;
}
.association .item .item .title>a {
    color: #333;
}
.association .item a.need_search:hover {
    text-decoration: underline;
}
.association .item .drop-wrap {
    position: absolute;
    left: 0;
    z-index: 2;
    bottom: 18px;
    margin-left: -26px;
    height: 24px;
    line-height: 24px;
    padding: 0 7px 0 5px;
    border-radius: 5px;
    background: #000;
    text-align: center;
    font-size: 12px;
    color: #ddd;
    cursor: pointer;
}
.association .item .drop-wrap em {
    margin-right: 2px;
    font-size: 14px;
}
.association .item>.tags {
    position: relative;
    z-index: 2;
    margin: -8px -6px 14px;
}
.association .item>.tags>span {
    font-style: normal;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin: 4px 6px 2px;
    padding: 0 4px;
    background: #E7F0FF;
    border-radius: 3px;
    border: 1px solid #3356BE;
    font-size: 12px;
    color: #3356BE;
}
.association .item>.tags>em {
    font-style: normal;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin: 4px 6px 2px;
    padding: 0 4px;
    border-radius: 3px;
    font-size: 12px;
}
.association .item .vertical-line {
    position: absolute;
    top: 18px;
    width: 1px;
    border-left: 1px dashed #aaa;
}
.association .item .horizontal-line {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 12px;
    height: 1px;
    border-top: 1px dashed #aaa;
}
/* side å…³è”æ ‡å‡† end*/
/* side 相似推荐 start*/
.side .similar {
    display: none;
    padding: 1px 20px;
    border-radius: 0 0 8px 8px;
    background: #fff;
}
.side .similar h2 a.more {
    float: right;
    font-weight: 400;
    font-size: 13px;
    color: #999;
}
.side .similar ul {
    padding: 0 0 10px;
}
.side .similar ul li {
    padding: 10px 0;
    overflow: hidden;
}
.side .similar ul li i {
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    background: #BDC8E0;
    font-style: normal;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.side .similar ul li i.sort-1 {
    background: #E90000;
}
.side .similar ul li i.sort-2 {
    background: #E95D00;
}
.side .similar ul li i.sort-3 {
    background: #E99F00;
}
.side .similar ul li a {
    float: right;
    width: 290px;
    max-height: 52px;
    margin: -4px 0 0 -30px;
    padding-left: 30px;
    font-weight: 400;
    line-height: 26px;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #333;
}
.side-fixed .side .similar ul li a {
    width: 280px;
}
.side .similar ul li a:hover {
    text-decoration: underline;
    color: #3356BE;
}
.side-fixed{
    display: none;
    position: fixed;
    top: 69px;
    bottom: 0;
    width: 100%;
}
.side-fixed .container {
    height: 100%;
}
.side-fixed .side{
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
.side-fixed .side::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}
.side-fixed .side::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}
.side-fixed .side::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ddd;
}
/* side 相似推荐 end*/
/* 支付弹窗 start */
.layer-pay {
    border-radius: 12px !important;
}
.layer-pay .layui-layer-title {
    height: 78px !important;
    padding: 0 38px !important;
    line-height: 78px;
    font-weight: 700;
    font-size: 18px !important;
    color: #222 !important;
    border: none !important;
    border-radius: 12px 12px 0 0 !important;
}
.layer-pay .layui-layer-setwin {
    top: 28px;
}
.layer-pay .layui-layer-setwin .warning{
    z-index: 9;
    position: absolute;
    left: 42px; top: 60px;
    width: 260px;
    padding: 0 0 0 14px;
}
.layer-pay .layui-layer-setwin .warning .icon-warning-triangle{
    z-index: 1;
    position: absolute;
    top: 20px; left: 4px;
    width: 14px;height: 14px;
    background: url(../images/icon/warning-triangle.png) no-repeat 0 0;
}
.layer-pay .layui-layer-setwin .warning .panel{
    padding: 5px 10px 15px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #458DEC;
    text-align: center;
    overflow: hidden;
}
.layer-pay .layui-layer-setwin .warning .panel p{
    padding: 10px 0;
    line-height: 24px;
    text-align: left;
    font-size: 12px; color: #fff;
}
.layer-pay .layui-layer-setwin .warning .panel p a{
    position: static;
    display: inline;
    text-decoration: underline;
    width: auto;height: auto;
    margin: 0;
    vertical-align: middle;
    color: #fff;
}
.layer-pay .layui-layer-setwin .warning .panel .btn-ok{
    width: 70px;height: 32px;line-height: 32px;
    background-color: #6DA5ED;
    border: none;
    border-radius: 3px;
    font-size: 12px; color: #fff;
    cursor: pointer;
}
.pay-center {
    padding: 0 26px;
    font-size: 0;
}
.pay-center .info {
    margin: 0 auto;
    padding: 10px 14px;
    background: #F6FAFF;
    border: 1px solid #E3EDFB;
}
.pay-center .info dt {
    overflow: hidden;
}
.pay-center .info dt i {
    float: left;
    width: 20px;
    height: 20px;
    background: url(../../../lib/images/format_pdf.png) no-repeat center center;
}
.pay-center .info dt span {
    float: left;
    max-width: 390px;
    margin: -2px 0 0 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
    font-weight: 700;
    font-size: 14px;
    color: #333;
}
.pay-center .info dd {
    margin-top: 4px;
    line-height: 24px;
}
.pay-center .info dd i {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 3px;
    font-size: 12px;
    font-style: normal;
}
.pay-center .info dd i.tag-language {
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
    border: 1px solid #0063FF;
    background: #F2F7FF;
    color: #0063FF;
}
.pay-center .info dd span {
    margin: 0 0 0 16px;
    font-size: 12px;
    color: #999;
}
.pay-center .pay {
    margin-top: 22px;
    overflow: hidden;
}
.pay-center .pay .qrcode {
    position: relative;
    width: 190px;
    height: 196px;
    margin: 0 auto;
    background: url(../images/qrcode-container.png?v=2) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    text-align: center;
}
.pay-center .pay .qrcode .qrcode-picker {
    width: 132px;
    height: 132px;
    margin: 24px auto 8px;
}
.pay-center .pay .qrcode .qrcode-container .cavans {
    width: 132px;
    height: 132px;
    padding: 0;
}
.pay-center .pay .qrcode .qrcode-container .cavans .img {
    width: 132px;
    height: 132px;
}
.pay-center .pay .qrcode .tip {
    margin-top: 8px;
    font-size: 12px;
    color: #999;
}
.pay-center .pay .qrcode .tip i {
    margin-right: 2px;
    color: #0BAF00;
}
.pay-center .pay .qrcode .tip small {
    font-size: 12px;
    vertical-align: middle;
}
.pay-center .qrcode-container .cavans .loading {
    width: 161px;
    height: 174px;
    top: -14px;
    border: 0;
    left: -15px;
}
.pay-center .qrcode-container .cavans .expire {
    top: -14px;
    left: -15px;
    width: 162px;
    height: 54px;
}
.pay-center .qrcode-container .cavans .expire a {
    background-color: #3356BE;
}
.pay-center .qrcode-container .cavans .scanned {
    top: -14px;
    left: -15px;
    width: 160px;
    height: 152px;
    padding: 10px 0;
}
.pay-center .qrcode-container .cavans .scanned dl dt a {
    color: #3356BE;
}
.pay-center .qrcode-container .cavans .scanned img {
    width: 70px;
}
.pay-center .pay .qrcode .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 170px;
    height: 56px;
    background-image: -moz-linear-gradient(to bottom, rgba(152,178,255,0), rgba(152,178,255,0.6));
    background-image: -webkit-linear-gradient(to bottom, rgba(152,178,255,0), rgba(152,178,255,0.6));
    background-image: -o-linear-gradient(to bottom, rgba(152,178,255,0), rgba(152,178,255,0.6));
    background-image: -ms-linear-gradient(to bottom, rgba(152,178,255,0), rgba(152,178,255,0.6));
    background-image: linear-gradient(to bottom, rgba(152,178,255,0), rgba(152,178,255,0.6));
    animation: scan_animate 2s infinite linear;
}
@keyframes scan_animate {
    0% {
        -moz-transform: translate(0, -100%);
        -webkit-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    100% {
        -moz-transform: translate(0%, 230px);
        -webkit-transform: translate(0%, 230px);
        -o-transform: translate(0%, 230px);
        -ms-transform: translate(0%, 230px);
        transform: translate(0%, 230px);
    }
}
.pay-center .pay .desc {
    float: left;
    margin-left: 18px;
}
.pay-center .pay .desc .title {
    padding: 16px 0 14px;
    font-weight: 700;
    font-size: 24px;
    color: #FF5555;
}
.pay-center .pay .desc .time {
    padding-bottom: 44px;
    font-size: 13px;
    color: #6D3D00;
}
.pay-center .pay .desc .time span {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0 3px;
    background: #F8DCA6;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    color: #6D3D00;
}
.pay-center .pay .qrcode .way i {
    margin-right: 5px;
    font-size: 20px;
}
.pay-center .pay .qrcode .way i.weixin {
    color: #09BB07;
}
.pay-center .pay .qrcode .way i.alipay {
    color: #1677FF;
}
.pay-center .pay .qrcode .way small {
    vertical-align: middle;
    line-height: 20px;
    font-size: 12px;
    color: #666;
}
.pay-center .notice {
    margin-top: 22px;
    line-height: 24px;
    font-size: 12px;
    color: #999;
}
/* 支付弹窗 end */
/* 提示 start */
.layui-layer-alert{
    border-radius: 6px;
}
.layui-layer-alert .layui-layer-title{
    background-color: #fff;
    color: #fff;
    border-radius: 6px;
}
.layui-layer-alert .layui-layer-setwin .layui-layer-close3 {
    background-position: -100px -38px;
}
.layui-layer-alert .sigh{
    height: 60px;
    background: url('../images/icon/sigh.png') center center no-repeat;
}
.layui-layer-alert .tip{
    padding: 15px 40px;
    line-height: 30px;
    text-align: center;
    font-size: 14px; color: #111;
}
.layui-layer-alert .tip span{
    color: #FA0000;
}
.layui-layer-alert .tip dl dt{
    line-height: 30px;
    font-size: 14px; color: #111;
}
.layui-layer-alert .tip dl dd{
    line-height: 30px;
    font-size: 12px; color: #666;
}
.layui-layer-alert .tip dl dd a.btn-search{
    color: #458DEC;
    text-decoration: underline;
}
.layui-layer-alert .btns{
    text-align: center;
    padding: 15px 0 40px;
    min-height: 42px;
    overflow: hidden;
}
.layui-layer-alert .btns .btn{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding: 0 30px;
    height: 40px;line-height: 40px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.layui-layer-alert .btns .btn-sub{
    border:1px solid #3356BE;
    background-color: #3356BE;
    color: #fff;
}
.layui-layer-alert .btns .btn-cel{
    border:1px solid #eee;
    background-color: #eee;
    color: #999;
}
.layui-layer-alert .btns small {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #888;
}
.layui-layer-confirm .layui-layer-title{
    height: 50px!important;
    background: #fff!important;
    filter: none!important;
    border-bottom: 1px solid #fff!important;
    font-size: 16px!important;color: #fff!important;
}
.layui-layer-confirm .warning{
    padding: 0 0 20px;
    text-align: center;
}
.layui-layer-confirm .warning i{
    display: inline-block;
    width: 60px;height: 60px;
    background: url(../images/icon/warning.png) no-repeat 0 0;
    vertical-align: middle;
}
.layui-layer-confirm .clock{
    padding: 0 0 20px;
    text-align: center;
}
.layui-layer-confirm .clock i{
    display: inline-block;
    width: 60px;height: 60px;
    background: url(../images/icon/clock.png) no-repeat 0 0;
    vertical-align: middle;
}
.layui-layer-confirm .tip{
    padding: 0 30px;
    line-height: 28px;
    text-align: center;
    font-size: 14px; color: #111;
}
.layui-layer-confirm .tip span{
    color: #FA0000;
}
.layui-layer-confirm .btns{
    text-align: center;
    padding: 30px 0;
    overflow: hidden;
}
.layui-layer-confirm .btns .btn{
    display: inline-block;
    margin: 0 10px;
    width: 108px; height: 38px;line-height: 38px;
    border-radius: 3px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}
.layui-layer-confirm .btns .btn-sub{
    background-color: #f5f5f5;
    border:1px solid #ddd;
    color: #999;
}
.layui-layer-confirm .btns .btn-cel{
    background-color: #458DEC;
    border:1px solid #458DEC;
    color: #fff;
}
/* 提示 end */
/* 付费关闭开通VIP提示 start */
.layer-open-tip {
    background: transparent !important;
    box-shadow: none !important;
}
.layer-open-tip .layui-layer-title {
    display: none;
}
.layer-open-tip .layui-layer-content {
    height: 100% !important;
}
.layer-open-tip .bd {
    width: 100%;
    height: 505px;
    border-radius: 40px !important;
    background: url(../images/open-tip-bg.jpg) no-repeat center center;
    cursor: pointer;
}
.layer-open-tip .title {
    text-align: center;
    padding: 40px 0 0;
}
.layer-open-tip .title span {
    display: block;
    line-height: 20px;
    font-size: 20px;
    color: #FCF3B0;
}
.layer-open-tip .title span i {
    display: inline-block;
    width: 28px;
    height: 1px;
    margin: 0 24px;
    background: #FCF3B0;
    vertical-align: middle;
}
.layer-open-tip .title img {
    margin: 22px 0 26px;
}
.layer-open-tip ul.benefit li {
    position: relative;
    width: 372px;
    height: 110px;
    margin: 0 auto 10px;
    padding: 1px;
    background: url(../images/open-tip-bg-small.png) no-repeat center center;
}
.layer-open-tip ul.benefit li span {
    display: block;
    width: 56px;
    height: 20px;
    line-height: 20px;
    margin: 10px 14px;
    background: url(../images/icon/mark.png) no-repeat center center;
    text-align: center;
    font-size: 12px;
    color: #FCF3B0;
}
.layer-open-tip ul.benefit li strong {
    display: block;
    line-height: 26px;
    padding: 0 24px;
    font-size: 18px;
    color: #D11809;
}
.layer-open-tip ul.benefit li em {
    position: absolute;
    right: 30px;
    top: 21px;
    width: 64px;
    height: 64px;
    line-height: 35px;
    font-weight: 700;
    font-style: italic;
    font-size: 30px;
    color: #F43518;
}
.layer-open-tip .btns {
    padding: 12px 0 16px;
}
.layer-open-tip .btns a {
    display: block;
    width: 362px;
    height: 54px;
    line-height: 54px;
    margin: 0 auto;
    background: #FECB17;
    background: linear-gradient(180deg, #FCF4B5, #FECB17);
    box-shadow: 6px 10px 16px 0 rgba(228,214,86,0.21);
    border-radius: 27px;
    border: 1px solid #FF0000;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    color: #D11809;
}
.layer-open-tip .tip {
    text-align: center;
    font-size: 16px;
    color: #FCF3B0;
}
.layer-open-tip .close {
    padding: 18px;
    text-align: center;
    font-size: 36px;
    color: #fff;
}
/* 付费关闭开通VIP提示 end */
/* 定制服务 start */
.customized ul {
    overflow: hidden;
    padding: 6px;
    border-radius: 8px;
    background: #fff;
}
.customized ul li {
    float: left;
    width: 204px;
    height: 110px;
    margin: 8px;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: all .2s;
    text-align: center;
}
.customized ul li:hover {
    border-color: #3356BE;
    box-shadow: 0 0 20px 0 rgba(0,40,103,0.15);
}
.customized ul li i {
    display: block;
    width: 38px;
    height: 38px;
    margin: 16px auto 0;
}
.customized ul li a {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: -58px;
    padding: 62px 20px 28px;
    font-weight: 400;
    font-size: 16px;
    color: #111;
}
.icon-customized {
    background-image: url(../../../index/images/icon/icon-service.png?v=20250903);
}
.icon-customized-sq {
    background-position: 0 0;
}
.icon-customized-yj {
    background-position: -48px 0;
}
.icon-customized-xdfw {
    background-position: -95px 0;
}
.icon-customized-fyfw {
    background-position: -142px 0;
}
.icon-customized-znfy {
    background-position: -189px 0;
}
.icon-customized-js {
    background-position: 0 -39px;
}
.icon-customized-cxfw {
    background-position: -48px -39px;
}
.icon-customized-qrfw {
    background-position: -95px -39px;
}
.icon-customized-yyfw {
    background-position: -142px -39px;
}
.icon-customized-xtkf {
    background-position: -189px -39px;
}
.icon-customized-bdfw {
    background-position: 0 -79px;
}
.icon-customized-cqfw {
    background-position: -48px -79px;
}
.icon-customized-zxfw {
    background-position: -95px -79px;
}
.icon-customized-pxfw {
    background-position: -142px -79px;
}
.icon-customized-hyfw {
    background-position: -189px -79px;
}
.icon-customized-cbjb {
    background-position: -48px -119px;
}
.icon-customized-txjs {
    background-position: 0 -119px;
}
.icon-customized-qbcb {
    background-position: -95px -119px;
}
/* 定制服务 end */
/* 提示弹窗 start */
.layer-tip-detail {
    border-radius: 12px !important;
    overflow: hidden;
}
.layer-tip-detail .layui-layer-title {
    padding: 24px 0 10px !important;
    border-bottom: 0 !important;
    text-align: center !important;
    font-weight: 700;
    font-size: 18px;
    color: #000 !important;
}
.layer-tip-detail .desc {
    padding: 10px 28px 20px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}
.layer-tip-detail .btns{
    text-align: center;
}
.layer-tip-detail-close .btns {
    padding: 24px 0 0;
}
.layer-tip-detail-forbid .btns {
    padding: 30px 0 0;
}
.layer-tip-detail .btns a.btn {
    display: inline-block;
    width: 132px;
    height: 38px;
    line-height: 38px;
    margin: 0 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.layer-tip-detail .btns a.btn-confirm {
    border-color: #3356BE;
    background: #3356BE;
    color: #fff;
}
/* 提示弹窗 end */
#layer_jb {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    width: 460px;
    height: 272px;
    background: url(../images/tcbj.png) no-repeat center center;
    border-radius: 12px;
    cursor: pointer;
}
#layer_jb .close {
    position: absolute;
    right: 14px;
    top: 16px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
#layer_jb strong {
    display: block;
    margin-top: 34px;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    color: #FDEF4E;
}
#layer_jb span {
    display: block;
    margin: 20px 34px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
}
#layer_jb .btn {
    display: block;
    width: 148px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
    border-radius: 20px;
    opacity: 0.8;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #001EB6;
}
#layer_jb small {
    display: block;
    margin-top: 8px;
    text-align: center;
    font-size: 13px;
    color: #fff;
}