@charset "utf-8";
/* 全局 */
::-webkit-scrollbar {
    width: 12px;
    height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0,0.02);
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0,0.2);
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0,0.6);
}
* {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent;
}
body {
    background-color:#f2f6f9;
    margin-top: 36px;
    font: 14px Helvetica, Microsoft YaHei, PingFang SC, Tahoma, Arial, sans-serif;
}
a {
    color: #333;
    text-decoration: none
}
a:hover,a:active {
    outline: 0;
    color: #0069ff;
}
img {
    display: inline-block;
    border: none;
    vertical-align: middle
}
li {
    list-style: none
}
.hide {
    display: none;
}
.nowrap,.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.body-container {
    padding: 0;
    width: 1200px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
}
.layui-col-xs25{
    float: left;
    width: 20%;
}
/*面包屑*/
#crumbs {
    height:36px;
    font-size:12px;
    line-height:36px;
    color:#616161;
    padding-left:5px;
}
#crumbs .sep {
    margin:0 0.5em;
    color:#b0b0b0;
}
/* 图片预览增加背景，防止透明图片看不清 */
.layui-layer-phimg {background-color: #fff;}
/* 面板 */
.fly-panel{border-radius: 2px; background-color: #fff;}
.fly-panel[pad20]{padding: 20px;}
.fly-panel-title{position: relative; height: 54px; line-height: 54px; padding: 0 15px; border-bottom: 1px dotted #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;}
.fly-panel-title.fixed{position: fixed;top: 32px;z-index: 999;width: 1200px;box-shadow: 0 2px 6px 0 rgba(0,0,0,.05); background-color: #fff;border-bottom-style: solid}
.fly-mid{display: inline-block; height: 10px; width: 1px; margin: 0 10px; vertical-align: middle; background-color: #e2e2e2;}
.fly-right{position: absolute; right: 15px; top: -2px;}
.layui-laypage{display: block;text-align: center; clear: both}
.layui-laypage a, .layui-laypage span{padding: 0 20px; height: 36px;line-height: 36px;}
.detail-box{padding:12px 16px;}
.btn-groups{
    position: absolute;
    right: 8px;
    top: 0;
}
#btn-down-vip,.btn-down-vip{
    background: -webkit-linear-gradient(to right, #fcb338, #ff6e29);
    background: -moz-linear-gradient(to right, #fcb338, #ff6e29);
    background: linear-gradient(to right, #fcb338, #ff6e29);
    border: none;
}
#btn-down-vip:hover,.btn-down-vip:hover{
    background: -webkit-linear-gradient(to right, #ff6e29, #fcb338);
    background: -moz-linear-gradient(to right, #ff6e29, #fcb338);
    background: linear-gradient(to right, #ff6e29, #fcb338);
}
/*试题篮*/
.dropdown-list {
    list-style:none;
    margin:0;
    padding:0;
}
.dropdown {
    position:relative;
}
.dropdown span.dd-btn {
    cursor:default;
}
.dropdown .dd-menu {
    display:none;
    position:absolute;
    z-index:999;
    border-radius:0 0 10px 10px;
}
.bg-white {
    background-color: #fff;
}
.strong {
    font-weight: bold;
}
.clearfix {
    *zoom:1
}
.clearfix:before,.clearfix:after {
    content:" ";
    display:table
}
.clearfix:after {
    clear:both;
    text-align:center;
}
.layui-btn-lg {
    line-height: 42px;
}
.layui-col-md2-4 {
    float: left;
    width:20%;
}
.clear{
    clear: both;
}
.fly-footer {
    position: relative;
    margin: 10px 0 0;
    padding: 20px 0 0;
    background-color: #FAFAFA;
    overflow: hidden;
    clear: both;
    text-align: center;
}
.null-page {
    clear: both;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    min-width: 100px;
}
.null-page .icon-null-page {
    margin: auto;
    width: 100px;
    height: 100px;
    background: url("../../static/images/icons/icon-null-page.png") no-repeat center;
    background-size: 100%;
}
.null-page p {
    margin-top: 5px;
    color: #9fadb5;
    font-size: 14px;
}
/*分页*/
.page-box {
    min-width: 100px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.page-box p,.page-box .pageList ul li {
    display: inline-block;
    font-size: 12px;
    color: #999;
    line-height: 24px;
    margin: 0 3px;
}
.page-box .pageList {
    display:inline-block;
}
.page-box .pageList ul li {
    width: 22px;
    text-align: center;
    border: 1px solid #999;
    cursor: pointer;
}
.page-box .pageUp,.page-box .pageDown,.page-box .pagestart,.page-box .pageend {
    width: 54px;
    border: 1px solid #999;
    cursor: pointer;
}
.page-box .pageList ul li.on,.page-box .pageList ul li:hover,.page-box > p:hover {
    background: #fff;
    color: #0069ff;
    border: 1px solid #0069ff;
}
/**/
.layui-fixbar li:first-child {
    display:none;
}
/*多行省略显示*/
.text-ellipsis-two {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*固定定位*/
.fixed {
    position:fixed;
}
/*隐藏折叠内容*/
.try-end-fold-page {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    z-index: 9;
    font-size: 16px;
}
.fold-page-info,.discount {
    text-align:center;
}
.fold-page-title {
    position:relative;
    width:100%;
    text-align:center;
}
.fold-page-title:before {
    position:absolute;
    content:'';
    left:0;
    top:10px;
    width:100%;
    height:1px;
    background-color:#eaeaea;
}
.fold-page-title span {
    position:relative;
    padding:0 12px;
    background-color:#fff;
    color:#f74040;
    line-height:14px;
}
.fold-page-info {
    padding:18px 0;
    font-size:16px;
    color:#333;
}
.fold-page-info .rmb-number i {
    color:#666;
}
.fold-page-info .u-number {
    color:#333;
    font-size:18px;
}
.discount {
    margin-bottom:12px;
    color:#666;
}
.discount a {
    margin-right:2px;
    color:#4a2113;
    text-decoration:underline;
}
.senior-tab {
    font-size:12px;
    background-color:#fa8314;
    color:#fff;
    padding:0 4px;
    border-radius:7px 7px 7px 0;
    vertical-align:8px;
    margin-left:5px;
}
.senior-tab.normal {
    background-color:#a2a2a2;
}
.normal-tips ul {
    margin:0 auto 20px;
    border-bottom:1px dashed #ccc;
    border-top:1px dashed #ccc;
    overflow:hidden;
    padding:6px 0;
    width:50%;
}
.normal-tips ul li {
    display:inline-block;
    float:left;
    width:100%;
    text-align:center;
}
.normal-tips ul li .asset-name {
    font-size:14px;
    color:#999;
}
.normal-tips ul li .asset-name span {
    color:red;
}
.normal-tips ul li .asset-point {
    font-size:16px;
    font-weight:400;
    color:#333;
}
.recharge-way {
    color:red;
    font-size:13px;
    text-align:center;
}
.normal-tips .cost-tips {
    clear:both;
    font-size:18px;
    color:#4d4d4d;
    text-align:center;
    padding:18px 0;
}
.none {
    display:none;
}
.cost-tips a {
    text-decoration:underline;
    color:#1E9FFF;
}
.layui-bg-gray {
    background-color:#EAEAEA !important;
}
table.normal td {
    border: 1px solid #3f3f3f !important;
}
/*树形菜单*/
.tree-menu .layui-tree-set .layui-tree-set:after {
    top: 18px;
}
.tree-menu .layui-tree-entry {
    padding:0;
    height: 32px;
    line-height: 32px;
}
.tree-menu .layui-tree-icon {
    width:14px;
    height:14px;
}
.tree-menu .layui-tree-set.layui-tree-setLineShort:before {
    height: 16px;
}
/* 列表tab */
.btn-filtrate-list {
    margin-top:-2px;
}
.btn-filtrate-list a {
    display:inline-block;
    margin-right:12px;
    min-width:64px;
    padding:0 6px;
    height:28px;
    line-height:28px;
    border-radius:14px;
    text-align:center;
    color:#333;
    background-color:#f3f3f3;
}
.btn-filtrate-list a:hover,.btn-filtrate-list a.active {
    background-color:#0069ff;
    color:#fff;
}
/* 列表快速筛选 */
.chooser {
    background-color: #fff;
    padding: 10px 0;
    clear: both;
}
.chs-row {
    font-size: 14px;
    line-height: 34px;
    position: relative;
    clear: both;
    overflow: auto;
}

.chs-k {
    float: left;
    width: 65px;
    padding-right: 8px;
    text-align: right;
    color: #757575;
}

.chs-v {
    word-break: keep-all;
    float: left;
    width: calc(100% - 65px);
}

.chs-v a {
    color: #333;
    padding: 4px 6px;
    line-height: 33px;
    margin-right: 5px;
}
.chs-v a:hover {
    color: #EB4437;
}
.chs-v a.active {
    border: 1px solid #0069ff;
    border-radius: 5px;
    background-color: #fff;
    color: #0069ff;
}
.chs-row .layui-input {
    width:190px;
    height:30px;
    border-radius:15px;
}
.chs-row .layui-btn-sm {
    margin-left:6px;
    line-height:28px;
    border-radius:15px;
}
.more-select-item {
    position: relative;
    height: 32px;
    overflow: unset;
}
.more-select-item .filter-name {
    float: left;
    color: #999;
    margin-left: 20px;
    white-space: pre;
}
.top-filter .more-select-item .more-select-list {
    float: left;
    width: 770px;
}
.select-box {
    float: left;
    margin: 0 5px;
}
.current-show {
    position: relative;
    padding: 0 6px;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    border-radius: 2px;
}
.current-show .text {
    float: left;
    max-width: 160px;
    z-index: 10;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.current-show .layui-icon  {
    float: left;
    margin-left: 4px;
    float: none\9;
    font-size: 14px;
    color: #a4a4a4;
    height: 14px;
    line-height: 14px;
    margin-top: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.current-show.active .layui-icon,  .current-show:hover .layui-icon {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.more-select {
    display: none;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 32px;
    padding: 20px 12px;
    z-index: 11;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 4px 0 #0080ff;
    box-shadow: 0 0 4px 0 #0080ff;
}
.more-select  a {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    min-width: 50px;
    padding: 0 8px;
    text-align: center;
}
.more-select a:hover, .more-select a.active{
    color: #0080ff;
    font-weight: 700;
    background: #E5F7FE;
    border-radius: 6px;
}
/*public*/
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.fl-l {float: left !important;}
.fl-r {float: right !important;}
.font-red {color: #ff0000 !important;}
.font-blue {color: #0000ff !important;}
.font-green {color: #008000 !important;}
/* margin padding */
.mt10 {margin-top: 10px !important;}
.mr10 {margin-right: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.ml10 {margin-left: 10px !important;}
.pt10 {padding-top: 10px !important;}
.pr10 {padding-right: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pl10 {padding-left: 10px !important;}
.mt12 {margin-top: 12px !important;}
.mr12 {margin-right: 12px !important;}
.mb12 {margin-bottom: 12px !important;}
.ml12 {margin-left: 12px !important;}
.pt12 {padding-top: 12px !important;}
.pr12 {padding-right: 12px !important;}
.pb12 {padding-bottom: 12px !important;}
.pl12 {padding-left: 12px !important;}
.pt20 {padding-top: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.mt20 {margin-top: 20px !important;}
.mr20 {margin-right: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.ml20 {margin-left: 20px !important;}
/*vip广告图*/
.vip-banner{
    display: block;
    width: 100%;
    height: 54px;
    background: url("/static/images/bg-fix-bottom.png")no-repeat center;
    background-size: cover;
    padding: 0 16px ;
}
.vip-banner:hover{
    color: initial;
}
.vip-banner p{
    display: inline-block;
    margin-top: 16px;
}
.vip-banner p.title-strong{
    color: #000;
    font-size: 16px;
}
.vip-banner p.title-default{
    margin-left: 12px;
    font-size: 14px;
    color: #a9732e;
}
.vip-banner p span{
    color: #f74040;
}
.vip-banner .fl-r{
    display: block;
    margin-top: 12px;
    background: url("/static/images/btn-fix-left-bottom.png")no-repeat center;
    background-size: 100%;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
/*资料详情页*/
.declare-box{
    padding: 0 16px 0 16px;
    background: #fff;
    overflow: hidden;
}
.nav-btn {
    padding-top: 18px;
}
.nav-btn div {
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    overflow: hidden;
    word-break: break-all;
}
.declare-info {
    color: #ac9da2;
    font-size: 12px;
    padding: 10px 0;
}
.layui-elem-field legend{
    margin: 0 auto;
}
.layui-field-title{
    text-align: center;
    margin-bottom: 10px;
}
.layui-form-text{
    position: relative;
}
.detail-about .comment-star{
    position: absolute;
    right: 0;
    top:0;
}
.comment-star .layui-rate{
    padding: 0;
}
.layui-form-pane .comment-star{
    position: initial;
    margin: 12px 0;
}
.teacher-title{
    font-size: 10px;
    border: 1px solid #caad74;
    border-radius: 2px;
    color: #caad74;
    padding: 0 2px;
}

.comment-box{
    margin-bottom: 14px;
    cursor: pointer;
}

.comment-box span{
    vertical-align: -1px;
}
.layui-rate li i.layui-icon{
    margin-right: 2px;
    color: #e4393c;
    font-size: 16px;
}
.fly-column{height: 50px; line-height: 50px;}

.container-row {
    margin-top: 10px;
    width: 100%;
    min-height: 200px;
    overflow: hidden;
}

.content-padding {
    padding: 18px 18px 10px;
    background-color: #fff;
}

.row-header {
    position: relative;
    line-height: 20px;
}

.row-header .row-title {
    display: inline-block;
    margin-right: 43px;
    font-size: 18px;
    color: #0069ff;
}

.row-header .row-link {
    display: inline-block;
}

.row-header .row-link a {
    margin-right: 10px;
    color: #666;
    padding: 4px 8px;
    border-radius: 14px;
    vertical-align: 1px;
    position: relative;
}

.row-header .row-link a:before {
    position: absolute;
    bottom: -1px;
    content: "";
    left: 50%;
    width: 0;
    height: 2px;
    background: #0069ff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.row-header .row-link a:hover, .row-header .row-link a.active {
    color: #0069ff;
}

.row-header .row-link a:hover:before, .row-header .row-link a.active:before {
    left: 0;
    width: 100%;
}

.row-header .row-more {
    position: absolute;
    right: 0;
    top: 1px;
    display: inline-block;
    font-size: 14px;
    color: #0069ff;
}

.row-header .row-more:hover {
    color: #333;
}

.row-header .row-title:before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 4px;
    margin-right: 7px;
    background-color: #0069ff;
    float: left;
    border-radius: 5px;
}

.row-header .row-search {
    position: absolute;
    right: 0;
    top: -4px;
    width: 240px;
    height: 32px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 4px;
    z-index: 2;
}

/*顶部固定按钮*/
.detail-float-header {
    display: none;
    width: 100%;
    height: 70px;
    background: #fff;
    -webkit-box-shadow: 1px 10px 16px 0 rgba(134, 134, 134, 0.15);
    box-shadow: 1px 10px 16px 0 rgba(134, 134, 134, 0.15);
    position: fixed;
    top: 36px;
    left: 0;
    z-index: 1002;
}

.detail-header-safety {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.detail-header-name {
    float: left;
    height: 70px;
    line-height: 70px;
    font-size: 22px;
    color: #666;
    font-weight: 400;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-float-header .view-download-btn {
    position: absolute;
    right: 0;
    top: 10px;
    width: 290px;
}

.detail-float-header a {
    border-radius: 8px;
    margin-left: 8px;
}

/* list-tags */
.list-tags {
    margin: -5px;
    overflow: hidden;
}
.list-tags .tag-item {
    float: left;
    display: block;
    width: 50%;
    text-align: center;
    padding: 5px;
}
.list-tags .tag-item a{
    display: block;
    background-color: #eee;
    padding: 5px 0;
}
.list-tags .tag-item a.active{
    background-color: #07a5fa;
    color: #fff!important;
}
.top-tags {
    margin-top: 5px!important;
}
.top-tags .tag-item {
    width: 6.25%!important;
}
.right-tags .tag-item {
    width: 33.3333%!important;
}

.qrcode-box {
    margin: 24px auto;
    text-align: center;
    width: 100%;
}
.qrcode-box .text {
    padding: 12px;
    color: #666;
    line-height: 24px;
}