/*
*   时间: 20220531
*   编辑：蔡惠炎
*   描述：在线题库样式
*/
@charset "utf-8";
*{ margin: 0; padding: 0; }
html, body{ font:normal 14px/20px 'Microsoft Yahei'; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; user-select: none; color: rgb(51, 51, 51); }
a{ text-decoration: none; }
a:hover{ transition: all 0.3s ease; }
li{ list-style: none; }
input[type="text"], select{ outline: none; border: 1px solid rgb(219, 219, 219); border-radius: 4px; }
/* 公共样式 */
.sj-down::after{ content: ''; display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #fff; vertical-align: middle; margin-left: 8px; }
.hide{ display: none!important; }
.pab-20 { padding-bottom: 20px!important; }
/* 头部样式 */
.tk-header{ height: 64px; background-color: rgb(16, 140, 238); box-shadow: 0px 2px 10px 0px rgba(16, 140, 238, 0.2); }
.tk-header .content{ width: 1180px; margin: 0 auto; display: flex; justify-content: space-between; }
.tk-header .content .left{ display: flex; align-items: center; }
.tk-header .content .left .logo::after{ content: ''; display: inline-block; width: 1px; height: 18px; background-color:  rgba(255, 255, 255, 0.302); margin: 0 12px; }
.tk-header .content .left .logo a{ font-size: 24px; font-weight: bold; color: rgb(255, 255, 255); line-height: 64px;  }
.tk-header .content .left .logo a::before{ content: ''; display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: url(../img/logo.png) no-repeat center center / 100% 100%, #fff; vertical-align: middle; margin: -4px 10px 0 0; }
.tk-header .content .left .tk-type{ font-weight: bold; color: #fff; }
.tk-header .content .left .tk-type:hover{ color: rgba(255, 255, 255, 0.9); }
.tk-header .content .left .tnw{ display: flex; margin-left: 30px; }
.tk-header .content .left .tnw li a{ display: inline-block; width: 108px; height: 64px; line-height: 64px; text-align: center; color: #fff; }
.tk-header .content .left .tnw li a:hover{ background-color: rgba(0, 0, 0, 0.1); }
.tk-header .content .left .tnw li.active a{ background-color: rgb(167, 204, 88); }
.tk-header .content .right{ display: flex; align-items: center; }
.tk-header .content .right .sys-type{ display: inline-block; width: 98px; height: 26px; line-height: 26px; cursor: pointer; padding: 0 8px; color: rgba(255, 255, 255, 0.8); background-color: transparent; }
.tk-header .content .right .sys-type option{ color: #333; }
.tk-header .content .right .btn-icon{ display: flex; align-items: center; }
.tk-header .content .right .btn-icon li{ height: 24px; width: 24px; margin-left: 24px; position: relative; }
.tk-header .content .right .btn-icon li a{ display: inline-block; width: 24px; height: 24px; }
.tk-header .content .right .btn-icon li a:hover{ opacity: 0.9; }
.tk-header .content .right .btn-icon li.qr-code>a{ background: url(../img/icon-qrcode.png) no-repeat center center; }
.tk-header .content .right .btn-icon li.qr-code .er{ display: none; width: 350px; box-shadow: 0 -1px 6px rgba(0,0,0,.2); padding: 16px 8px 12px 8px; background-color: #fff; position: absolute; bottom: -165px; left: -170px; }
.tk-header .content .right .btn-icon li.qr-code:hover .er{ display: flex; }
.tk-header .content .right .btn-icon li.qr-code .er::before{ content: ''; display: inline-block; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #fff; position: absolute; top: -12px; left: 50%; margin-left: -6px; }
.tk-header .content .right .btn-icon li.qr-code .er::after{ content: ''; display: inline-block; width: 366px; height: 18px; position: absolute; top: -18px; left: 0; }
.tk-header .content .right .btn-icon li.qr-code .er dl{ width: calc(100% / 3); text-align: center; }
.tk-header .content .right .btn-icon li.qr-code .er dl dt img{ width: 100px; height: 100px; }
.tk-header .content .right .btn-icon li.qr-code .er dl dd{ font-size: 12px; color: #333; margin-top: -4px; }
.tk-header .content .right .btn-icon li a.tongzhi{ background: url(../img/icon-tongzhi.png) no-repeat center center; }
.tk-header .content .right .user-box::before{ content: ''; display: inline-block; width: 1px; height: 18px; background-color:  rgba(255, 255, 255, 0.302); margin: 0 12px; vertical-align: middle; }
.tk-header .content .right .user-box .realname{ color: #fff; }
.tk-header .content .right .user-box .realname::before{ content: ''; display: inline-block; width: 34px; height: 34px; background: url(../img/icon-userTx.png) no-repeat center center / 100% 100%; vertical-align: middle; margin: -4px 10px 0 0; }
.tk-header .content .right .user-box .realname:hover{ color: rgba(255, 255, 255, 0.9) }
.tk-header .content .popup{ display: none; position: fixed; top: 0; left: 0; }
.tk-header .content .popup .mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); }
.tk-header .content .popup .popup-content{ position: fixed; top: 128px; left: 50%; width: 408px; height: 188px; padding: 16px 20px; margin-left: -224px; border-radius: 4px; background-color: rgb(255, 255, 255); }
.tk-header .content .popup .popup-content h3{ display: flex; justify-content: space-between; margin-bottom: 24px; }
.tk-header .content .popup .popup-content h3 .name{ font-size: 16px; }
.tk-header .content .popup .popup-content h3 .close{ display: inline-block; margin-right: 5px; }
.tk-header .content .popup .popup-content h3 .close::before{ content: ''; display: inline-block; width: 2px; height: 14px; border-radius: 1px; background-color: #737373; transform: rotate(45deg); margin-right: -2px; }
.tk-header .content .popup .popup-content h3 .close::after{ content: ''; display: inline-block; width: 2px; height: 14px; border-radius: 1px; background-color: #737373; transform: rotate(135deg);  }
.tk-header .content .popup .popup-content ul{ display: flex; margin-bottom: 16px; }
.tk-header .content .popup .popup-content ul li:nth-child(1){ width: 56px; height: 32px; line-height: 32px; margin-right: 16px; text-align: right; }
.tk-header .content .popup .popup-content ul li:nth-child(n + 2){ margin-left: 12px; width: 100px; height: 32px; line-height: 32px; border-radius: 4px; background-color: rgb(247, 247, 247); }
.tk-header .content .popup .popup-content ul li:nth-child(n + 2) a{ display: inline-block; width: 100px; height: 32px; line-height: 32px; border-radius: 4px; text-align: center; color: rgb(115, 115, 115); }
.tk-header .content .popup .popup-content ul li:nth-child(n + 2) a:hover{ background-color: rgba(0, 0, 0, 0.03); }
.tk-header .content .popup .popup-content ul li.active{ background-color: rgba(16, 140, 238, 0.102); }
.tk-header .content .popup .popup-content ul li.active a{ color: rgb(16, 140, 238); }
/* 当前位置样式（面包屑） */
.tk-bread{ display: flex; width: 1180px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 12px; color: rgb(153, 153, 153); }
.tk-bread ul{ display: flex; }
.tk-bread ul li::after{ content: '>'; display: inline-block; margin: 0 6px; }
.tk-bread ul li:last-child{ color: #333; }
.tk-bread ul li:last-child::after{ display: none; }
/* 底部样式 */
.tk-footer{ height: 131px; padding-top: 28px; border-top: 1px solid #ebebeb; }
.tk-footer .content{ display: flex; justify-content: space-between; width: 1180px; margin: 0 auto; }
.tk-footer .content .left ul{ display: flex; }
.tk-footer .content .left ul li{ margin-right: 24px; }
.tk-footer .content .left ul li a{ color: rgb(102, 102, 102); }
.tk-footer .content .left ul li a:hover{ color: rgb(48, 48, 48); }
.tk-footer .content .left p{ font-size: 12px; color: rgb(153, 153, 153); }
.tk-footer .content .left p a{ display: inline-block; margin-left: 4px; color: rgb(153, 153, 153); }
.tk-footer .content .left p a:hover{ color: rgb(107, 107, 107); }
.tk-footer .content .left .kxwz{ display: inline-block; margin-top: 20px; }
.tk-footer .content .left .kxwz img{ width: 79px; height: 28px; }
.tk-footer .content .right{ display: flex; }
.tk-footer .content .right dl{ text-align: center; margin-left: 40px; }
.tk-footer .content .right dl dd{ font-size: 12px; }
/* 正文部分 */
.tk-content{ min-height: calc(100% - 64px - 160px - 12px); padding-bottom: 12px; background-color: #f7f7f7; }
.tk-content.mk{ min-height: calc(100% - 64px - 160px); background-color: #fff; }
/* 在线题库主页 */
.tk-content .kc-modules{ width: 1220px; margin: 0 auto; display: flex; padding-top: 65px; }
.tk-content .kc-modules dl{ width: calc(100% / 3 - 40px); height: 440px; margin: 0 20px; text-align: center; }
.tk-content .kc-modules dl:nth-child(1){ background: url(../img/background-index-dl1.png) no-repeat center center / 100% 100%; }
.tk-content .kc-modules dl:nth-child(2){ background: url(../img/background-index-dl2.png) no-repeat center center / 100% 100%; }
.tk-content .kc-modules dl:nth-child(3){ background: url(../img/background-index-dl3.png) no-repeat center center / 100% 100%; }
.tk-content .kc-modules dl dt{ width: 100px; height: 100px; margin: 93px auto 0 auto; }
.tk-content .kc-modules dl:nth-child(1) dt{ background: url(../img/img-index-dt1.png) no-repeat center center; }
.tk-content .kc-modules dl:nth-child(2) dt{ background: url(../img/img-index-dt2.png) no-repeat center center; }
.tk-content .kc-modules dl:nth-child(3) dt{ background: url(../img/img-index-dt3.png) no-repeat center center; }
.tk-content .kc-modules dl dd.name{ font-size: 24px; font-weight: bold; margin-top: 44px; }
.tk-content .kc-modules dl:nth-child(1) dd.name{ color: rgb(50, 99, 153); }
.tk-content .kc-modules dl:nth-child(2) dd.name{ color: rgb(76, 162, 133); }
.tk-content .kc-modules dl:nth-child(3) dd.name{ color: rgb(205, 122, 55); }
.tk-content .kc-modules dl dd.tips{ margin-top: 14px; }
.tk-content .kc-modules dl:nth-child(1) dd.tips{ color: rgb(135, 168, 204); }
.tk-content .kc-modules dl:nth-child(2) dd.tips{ color: rgb(76, 162, 133); }
.tk-content .kc-modules dl:nth-child(3) dd.tips{ color: rgb(199, 133, 64); }
.tk-content .kc-modules dl dd.btn{ margin-top: 32px; }
.tk-content .kc-modules dl dd.btn a{ display: inline-block; width: 168px; height: 42px; line-height: 42px; border-radius: 4px; color: #fff; }
.tk-content .kc-modules dl:nth-child(1) dd.btn a{ background-color: rgb(16, 140, 238); }
.tk-content .kc-modules dl:nth-child(1) dd.btn a:hover{ background-color: rgb(15, 122, 204); }
.tk-content .kc-modules dl:nth-child(2) dd.btn a{ background-color: rgb(35, 200, 154); }
.tk-content .kc-modules dl:nth-child(2) dd.btn a:hover{ background-color: rgb(31, 179, 137); }
.tk-content .kc-modules dl:nth-child(3) dd.btn a{ background-color: rgb(255, 141, 49); }
.tk-content .kc-modules dl:nth-child(3) dd.btn a:hover{ background-color: rgb(228, 126, 42); }
/* 课题列表样式 */
.tk-content .tk-list{ width: 1180px; margin: 0 auto; padding-bottom: 60px; }
.tk-content .tk-list .search-box{ padding: 16px 20px; border-radius: 4px; background-color: rgb(255, 255, 255); }
.tk-content .tk-list .search-box select{ display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; }
.tk-content .tk-list .search-box input[type="text"]{ display: inline-block; height: 28px; line-height: 28px; padding: 0 12px; margin: -1px 0 0 6px; vertical-align: middle; }
.tk-content .tk-list .search-box input[type="text"]::placeholder{ color: rgb(204, 204, 204); }
.tk-content .tk-list .search-box .doSearch{ display: inline-block; width: 64px; height: 30px; line-height: 30px; text-align: center; border: none; border-radius: 4px; color: #fff; background-color: rgb(16, 140, 238); vertical-align: middle; margin: -1px 0 0 6px; }
.tk-content .tk-list .search-box .doSearch:hover{ background-color: rgb(16, 129, 216); }
.tk-content .tk-list .list-box .item{ display: flex; margin-top: 12px; padding: 20px; background-color: #fff; border-radius: 4px; position: relative}
.tk-content .tk-list .list-box .item.temp{ display: none; }
.tk-content .tk-list .list-box .item dl:nth-child(n + 2){ margin-right: 220px; }
.tk-content .tk-list .list-box .item .kc{ width: 480px; }
.tk-content .tk-list .list-box .item .kc dt .name{ font-size: 18px; font-weight: bold; }
.tk-content .tk-list .list-box .item .kc dt .tag-ygm{ display: inline-block; width: 54px; height: 20px; line-height: 20px; text-align: center; border-radius: 4px; color: rgb(16, 140, 238); background-color: rgba(16, 140, 238, 0.102); vertical-align: middle; margin: -4px 0 0 8px; }
.tk-content .tk-list .list-box .item .kc dd{ margin-top: 8px; }
.tk-content .tk-list .list-box .item .kc dd .text{ display: inline-block; width: 100%; color: rgb(102, 102, 102); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk-content .tk-list .list-box .item .jd{ width: 160px; margin-right: 45px!important; }
.tk-content .tk-list .list-box .item .jd dt{ width: 96px ; color: rgb(153, 153, 153); text-align: center; }
.tk-content .tk-list .list-box .item .jd dd{ display: flex; margin-top: 10px; }
.tk-content .tk-list .list-box .item .jd dd .bg{ width: 96px; height: 8px; border-radius: 4px; background-color: rgb(230, 230, 230); vertical-align: middle; margin: 6px 8px 0 0; }
.tk-content .tk-list .list-box .item .jd dd .bg .jdt{ width: 0; height: 8px; border-radius: 4px; background-color: rgb(16, 140, 238); }
.tk-content .tk-list .list-box .item .jd dd p .curr{ color: rgb(16, 140, 238); }
.tk-content .tk-list .list-box .item .jd dd p .sum{ color: rgb(153, 153, 153) }
.tk-content .tk-list .list-box .item .sld{ width: 100px; height: 14px; text-align: center; }
.tk-content .tk-list .list-box .item .sld dt{ color: rgb(153, 153, 153); }
.tk-content .tk-list .list-box .item .sld dd{ margin-top: 12px; }
.tk-content ul.wux{ display: flex; width: 100px; height: 14px; background: url(../img/img-wux-bg.png) no-repeat center center; }
.tk-content ul.wux li{ width: 14px; height: 14px; margin: 0 3px; }
.tk-content ul.wux-1 li:nth-child(1){ background: url(../img/img-wux.png); }
.tk-content ul.wux-2 li:nth-child(-n + 2){ background: url(../img/img-wux.png); }
.tk-content ul.wux-3 li:nth-child(-n + 3){ background: url(../img/img-wux.png); }
.tk-content ul.wux-4 li:nth-child(-n + 4){ background: url(../img/img-wux.png); }
.tk-content ul.wux-5 li:nth-child(-n + 5){ background: url(../img/img-wux.png); }
.tk-content .tk-list .list-box .item .btn-box{position: absolute; right: 5px; display: flex; align-items: center; top: 50%; transform: translate(0, -50%);}
.tk-content .tk-list .list-box .item .btn-box a{ margin-right: 5px }
.tk-content .tk-list .list-box .item .btn-box .btn-to{ width: 96px; height: 36px; line-height: 36px; text-align: center; color: #fff; background-color: rgb(255, 141, 49); border-radius: 4px; }
.tk-content .tk-list .list-box .item .btn-box .btn-to:hover{ background-color: rgb(224, 125, 43); }
.tk-content .tk-list .list-box .item.ygm .btn-box .btn-to{ background-color: rgb(16, 140, 238); }
.tk-content .tk-list .list-box .item.ygm .btn-box .btn-to:hover{ background-color: rgb(15, 125, 209); }
.tk-content .tk-list .list-box .item .btn-box .btn-report,
.tk-content .tk-list .list-box .item .btn-box .btn-total { width: 96px; height: 36px; line-height: 36px; text-align: center; color: #fff; background-color: rgb(16, 140, 238); border-radius: 4px; margin-right: 5px; }
.tk-content .tk-list .list-box .item.ygm .btn-box .btn-report { background-color: rgb(16, 140, 238); }
.tk-content .tk-list .list-box .item.ygm .btn-box .btn-report:hover,
.tk-content .tk-list .list-box .item.ygm .btn-box .btn-total:hover { background-color: rgb(15, 125, 209); }
/* 题目盒子样式 */
.tk-tmContent{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 1180px; margin: 0 auto; }
.tk-tmContent .jd{ display: flex; justify-content: space-between; align-items: center; width: 811px; height: 65px; padding: 0 20px; border-radius: 4px; background-color: rgb(255, 255, 255); }
.tk-tmContent .jd .bg{ width: 682px; height: 12px; background-color: rgb(230, 230, 230); border-radius: 6px; }
.tk-tmContent .jd .bg div{ width: 0; height: 12px; border-radius: 6px; background-color: rgb(16, 140, 238); }
.tk-tmContent .jd p .ywc{ color: rgb(16, 140, 238); }
.tk-tmContent .jd p .sum{ color: #999; }
.tk-tmContent .tips{ box-sizing: content-box; width: 811px; height: 65px; padding: 0 20px; border-radius: 4px; background-color: rgb(255, 255, 255); }
.tk-tmContent .tips p{ line-height: 65px; color: rgb(51, 51, 51); }
.tk-tmContent .title-box{ display: flex; justify-content: space-between; width: 1140px; overflow: hidden; padding: 0 20px; border-radius: 4px; background-color: rgb(255, 255, 255); height: 65px; }
.tk-tmContent .title-box h2{ font-size: 22px; color: rgb(51, 51, 51); line-height: 65px; }
.tk-tmContent .title-box .btn-box,
.tk-tmContent .box-title .btn-box{ display: flex; align-items: center; }
.tk-tmContent .title-box .btn-box a,
.tk-tmContent .box-title .btn-box a{ display: inline-block; width: 62px; height: 30px; line-height: 30px; text-align: center; border: 1px solid rgb(219, 219, 219); color: rgb(115, 115, 115); margin-left: -1px; }
.tk-tmContent .title-box .btn-box a:nth-child(1),
.tk-tmContent .box-title .btn-box a:nth-child(1){ border-radius: 4px 0 0 4px; }
.tk-tmContent .title-box .btn-box a:nth-child(2),
.tk-tmContent .box-title .btn-box a:nth-child(2){ border-radius: 0 4px 4px 0; }
.tk-tmContent .title-box .btn-box a.active,
.tk-tmContent .box-title .btn-box a.active{ color: #fff; border: 1px solid rgb(16, 140, 238); background-color: rgb(16, 140, 238); }
.tk-tmContent .timu-box .title-box{ width: calc(100% - 20px); padding-left: 0; }
.tk-tmContent .clock{ box-sizing: content-box; display: flex; align-items: center; width: 273px; height: 65px; padding: 0 20px; border-radius: 4px; background-color: rgb(255, 255, 255); }
.tk-tmContent .clock p{ display: flex; }
.tk-tmContent .clock .ys{ color: rgb(115, 115, 115); }
.tk-tmContent .clock .ys::before{ content: ''; display: inline-block; width: 22px; height: 22px; background-image: url(../img/icon-clock.png); margin: -4px 12px 0 0; vertical-align: middle; }
.tk-tmContent .clock .time{ font-size: 20px; color: rgb(16, 140, 238); }
.tk-tmContent .timu-box{ width: 851px; border-radius: 4px; margin-top: 15px; }
.tk-tmContent .timu-box .box-title{ box-sizing: content-box; display: flex; justify-content: space-between; min-height: 45px; margin-bottom: -20px; font-size: 18px; font-weight: bold; padding: 20px 20px 0 20px; background-color: #fff; border-radius: 4px 4px 0 0; }
.tk-tmContent .timu-box .timu-list .item{ display: none; background-color: #fff; padding: 20px 20px 0 20px; margin-bottom: 15px; border-radius: 4px; }
.tk-tmContent .timu-box .timu-list .item:nth-child(1){ display: block; }
.tk-tmContent .timu-box .timu-list .item.temp{ display: none; }
.tk-tmContent .timu-box .timu-list .item.curr,
.tk-tmContent .timu-box .timu-list .item:nth-child(1){ border-radius: 0 0 4px 4px; }
.tk-tmContent .timu-box .timu-list .item .timu{ display: flex; }
.tk-tmContent .timu-box .timu-list .item .timu .left .tag{ display: inline-block; width: 42px; height: 20px; font-size: 12px; color: rgb(16, 140, 238); text-align: center; margin-right: 12px; border-radius: 4px; background-color: rgba(16, 140, 238, 0.102); }
.tk-tmContent .timu-box .timu-list .item .timu .right{ width: 100%; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl{ display: flex; flex-direction: column; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dt{ font-size: 16px; margin-bottom: 10px; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd{ border-radius: 4px; font-size: 16px; background-color: rgb(247, 247, 247); margin: 10px 0; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd input[type="radio"],
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd input[type="checkbox"]{ display: none; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label{ display: flex; width: calc(100% - 32px); cursor: pointer; padding: 10px 16px 12px 16px; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label .text{ display: inline-block; padding-right: 20px; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label.selected,
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label.selected.y{ background-color: #108cee; color: #fff; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label.selected.n{ background-color: #ff4b4b; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label.selected.y,
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label.selected.n{ position: relative; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label.selected.y::before{ content: ''; display: inline-block; width: 2px; height: 8px; background-color: #fff; transform: rotate(-45deg); position: absolute; top: 50%; right: 28px; margin-top: -1px; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label.selected.y::after{ content: ''; display: inline-block; width: 2px; height: 14px; background-color: #fff; transform: rotate(45deg); position: absolute; top: 50%; right: 20px; margin-top: -7px; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label.selected.n::before{ content: ''; display: inline-block; width: 2px; height: 14px; background-color: #fff; transform: rotate(45deg); position: absolute; top: 50%; right: 20px; margin-top: -7px; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label.selected.n::after{ content: ''; display: inline-block; width: 2px; height: 14px; background-color: #fff; transform: rotate(135deg); position: absolute; top: 50%; right: 20px; margin-top: -7px; }
.tk-tmContent .timu-box .timu-list .item .timu .right dl dd label .xx{ display: inline-block; margin-right: 12px; }
.tk-tmContent .timu-box .timu-list .item hr{ width: calc(100% + 38px); margin: 15px 0 15px -20px; border: none; border-top: 1px dashed #e6e6e6; }
.tk-tmContent .timu-box .timu-list .item .btn-box{ display: flex; justify-content: space-between; padding-bottom: 16px; }
.tk-tmContent .timu-box .timu-list .item .btn-box a.ht{ display: inline-block; width: 96px; height: 36px; line-height: 36px; margin-right: 12px; text-align: center; border-radius: 4px; background-color: rgb(16, 140, 238); color: #fff; }
.tk-tmContent .timu-box .timu-list .item .btn-box a.ht:hover{ background-color: rgb(14, 126, 211); }
.tk-tmContent .timu-box .timu-list .item .btn-box .center{ display: flex; justify-content: center; width: 100%; }
.tk-tmContent .timu-box .timu-list .item .btn-box .right a{ display: inline-block; border-radius: 4px; width: 96px; height: 36px; line-height: 36px; text-align: center; margin-left: 12px; }
.tk-tmContent .timu-box .timu-list .item .btn-box .right a.daan{ background-color: rgb(247, 247, 247); color: rgb(115, 115, 115); }
.tk-tmContent .timu-box .timu-list .item .btn-box .right a.daan:hover{ background-color: rgb(238, 237, 237); }
.tk-tmContent .timu-box .timu-list .item a.shouc.wsc{ background-color: rgb(247, 247, 247); color: rgb(115, 115, 115); }
.tk-tmContent .timu-box .timu-list .item a.shouc.wsc:hover{ background-color: rgb(238, 237, 237); }
.tk-tmContent .timu-box .timu-list .item a.shouc.wsc::before{ content: ''; display: inline-block; width: 15px; height: 15px; background-image: url(../img/icon-wsc.png); vertical-align: middle; margin: -4px 4px 0 0; }
.tk-tmContent .timu-box .timu-list .item a.shouc.ysc{ background-color: rgba(255, 141, 49, 0.102); color: rgb(255, 141, 49); }
.tk-tmContent .timu-box .timu-list .item a.shouc.ysc:hover{ background-color: rgba(255, 141, 49, 0.202); }
.tk-tmContent .timu-box .timu-list .item a.shouc.ysc::before{ content: ''; display: inline-block; width: 15px; height: 15px; background-image: url(../img/icon-ysc.png); vertical-align: middle; margin: -4px 4px 0 0; }
.tk-tmContent .timu-box .timu-list .item .daan-jiex{ display: none; flex-direction: column; padding-bottom: 24px; }
.tk-tmContent.jiexi .timu-box .timu-list .item .daan-jiex{ display: flex; }
.tk-tmContent .timu-box .timu-list .item .daan-jiex.active{ display: flex; }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .zqda{ display: flex; height: 36px; line-height: 36px; margin: 0 0 8px 0; border-radius: 4px; background-color: rgb(247, 247, 247); padding: 0 20px; }
.tk-tmContent.jiexi .timu-box .timu-list .item .daan-jiex .zqda{ background-color: #fff; }
.tk-tmContent.jiexi .timu-box .timu-list .item .daan-jiex .zqda{ justify-content: space-between; padding-right: 0; }
.tk-tmContent.jiexi .timu-box .timu-list .item .daan-jiex .zqda>div{ display: flex; width: 660px; background-color: rgb(247, 247, 247); border-radius: 4px; padding-left: 20px; }
.tk-tmContent.jiexi .timu-box .timu-list .item .daan-jiex .zqda .shouc{ display: inline-block; width: 96px; height: 36px; line-height: 36px; text-align: center; border-radius: 4px; }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .zqda p{ margin-right: 50px; font-size: 16px; color: rgb(115, 115, 115); }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .zqda p span{ display: inline-block; margin-left: 4px; }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .zqda p span.y{ color: rgb(16, 140, 238); }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .zqda p span.n{ color: rgb(255, 75, 75); }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .row-text{ display: flex; padding: 0 20px; margin-top: 8px; }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .row-text p{ font-size: 16px; }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .row-text p:nth-child(1){ /*width: 5em;*/ color: rgb(153, 153, 153); text-align: right; }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .row-text p:nth-child(2){ color: rgb(115, 115, 115); }
.tk-tmContent .timu-box .timu-list .item .daan-jiex .row-text .wux{ vertical-align: middle; margin-top: 2px; }
.tk-tmContent .datk-box{ box-sizing: content-box; width: 273px; padding: 0 20px; border-radius: 4px; background-color: rgb(255, 255, 255); margin-top: 15px; }
.tk-tmContent .datk-box .box-title{ font-size: 18px; font-weight: bold; margin-top: 18px; }
.tk-tmContent .datk-box .tongji{ display: flex; justify-content: space-between; width: 100%; margin-top: 16px; }
.tk-tmContent .datk-box .tongji li .name{ color: rgb(115, 115, 115); }
.tk-tmContent .datk-box .tongji li .name::before{ content: ''; display: inline-block; width: 14px; height: 14px; border-radius: 2px; vertical-align: middle; margin: -2px 8px 0 0; }
.tk-tmContent .datk-box .tongji li.zq .name::before{ background-color: rgb(16, 140, 238); }
.tk-tmContent .datk-box .tongji li.cw .name::before{ background-color: #ff4b4b; }
.tk-tmContent .datk-box .tongji li.wz .name::before{ width: 13px; height: 13px; border: 1px solid rgb(230, 230, 230); }
.tk-tmContent .datk-box .tongji li .count{ display: inline-block; margin-left: 8px; }
.tk-tmContent .datk-box .tongji li.zq .count{ color: rgb(16, 140, 238); }
.tk-tmContent .datk-box .tongji li.cw .count{ color: #ff4b4b; }
.tk-tmContent .datk-box .tongji li.wz .count{ color: rgb(115, 115, 115); }
.tk-tmContent .datk-box .number{ display: flex; flex-wrap: wrap; margin-top: 10px; }
.tk-tmContent .datk-box .number li{ width: 38px; height: 38px; line-height: 38px; text-align: center; border: 1px solid rgb(230, 230, 230); margin: -1px 0 0 -1px; color: rgb(115, 115, 115); cursor: pointer; }
.tk-tmContent .datk-box .number li.y{ color: #fff; background-color: #108cee; }
.tk-tmContent .datk-box .number li.n{ color: #fff; background-color: #ff4b4b; }
.tk-tmContent .datk-box .number li.curr{ color: rgb(51, 51, 51); background-color: #e6e6e6; }
.tk-tmContent .datk-box .jiaoj{ display: inline-block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 4px; background-color: rgb(16, 140, 238); margin: 16px 0; }
.tk-tmContent .datk-box .baoc{ display: inline-block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 4px; background-color: rgb(16, 140, 238); margin: 16px 0; }
.tk-tmContent .datk-box .zanc{ display: inline-block; width: calc(100% - 2px); height: 38px; line-height: 38px; text-align: center; color: rgb(16, 140, 238); border-radius: 4px; border: 1px solid rgb(16, 140, 238); margin: 16px 0 -8px 0; }
.tk-content .tk-buy{ width: 1180px; margin: 0 auto; }
.tk-content .tk-buy .top{ display: flex; height: 239px; border-radius: 4px; background-color: rgb(255, 255, 255); padding: 20px; }
.tk-content .tk-buy .top .l{ width: 360px; height: 100%; }
.tk-content .tk-buy .top .l img{ width: 360px; height: 100%; border-radius: 4px; }
.tk-content .tk-buy .top .r{ display: flex; justify-content: space-between; flex-direction: column; padding-left: 24px; }
.tk-content .tk-buy .top .r .title{ font-size: 24px; }
.tk-content .tk-buy .top .r .tags ul{ display: flex; margin-top: 16px; }
.tk-content .tk-buy .top .r .tags ul li{ height: 24px; line-height: 24px; border-radius: 4px; background-color: rgba(16, 140, 238, 0.102); padding: 0 8px; color: rgb(16, 140, 238); }
.tk-content .tk-buy .top .r .price{ color: rgb(255, 75, 75); margin-top: 32px; }
.tk-content .tk-buy .top .r .price span:nth-child(1){ font-size: 18px; }
.tk-content .tk-buy .top .r .price span:nth-child(2){ font-size: 28px; font-weight: bold; }
.tk-content .tk-buy .top .r .ljgm{ display: inline-block; width: 96px; height: 36px; line-height: 36px; text-align: center; border-radius: 4px; background-color: rgb(255, 141, 49); color: #fff; }
.tk-content .tk-buy .top .r .ljgm:hover{  background-color: rgb(228, 128, 46); }
.tk-content .tk-buy .bottom{ display: flex; flex-direction: column; border-radius: 4px; background-color: rgb(255, 255, 255); padding: 20px; margin-top: 16px; }
.tk-content .tk-buy .bottom h2{ font-size: 18px; position: relative; margin-bottom: 6px; }
.tk-content .tk-buy .bottom h2::after{ content: ''; display: inline-block; width: 32px; height: 5px; border-radius: 2.5px; background-color: rgb(16, 140, 238); position: absolute; left: 2px; bottom: -10px; }
.tk-content .tk-buy .bottom p{ margin: 24px 0 0 0; }
.tk-content .tk-buy .bottom p span{ display: block; line-height: 24px; }
.tk-content .tk-buy .bottom p span.l-title{ font-weight: bold; }
.tk-content .tk-chengji{ width: 1180px; margin: 0 auto; border-radius: 4px; background-color: #fff; padding: 50px 0; text-align: center; }
.tk-content .tk-chengji .title{ font-size: 26px; }
.tk-content .tk-chengji .echarts-box{ margin-top: 54px; }
.tk-content .tk-chengji #echarts-box{ height: 160px; }
.tk-content .tk-chengji .echarts-box dl{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 160px; margin-top: -160px; position: relative; z-index: 99; }
.tk-content .tk-chengji .echarts-box dl dt{ color: rgb(255, 141, 49); height: 38px; line-height: 38px; margin-bottom: 4px; }
.tk-content .tk-chengji .echarts-box dl dt .cj{ display: inline-block; font-size: 42px; font-weight: bold; margin-right: 4px; }
.tk-content .tk-chengji .echarts-box dl dt .dw{ font-size: 16px; }
.tk-content .tk-chengji .echarts-box dl dd{ font-size: 16px; color: rgb(115, 115, 115); }
.tk-content .tk-chengji ul{ display: flex; justify-content: center; margin-top: 48px; }
.tk-content .tk-chengji ul li{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 180px; height: 80px; margin: 0 10px; border-radius: 4px; background-color: rgb(247, 247, 247); }
.tk-content .tk-chengji ul li span{ display: block; margin: 4px 0; }
.tk-content .tk-chengji ul li .count{ font-size: 20px; color: rgb(51, 51, 51); font-weight: bold; }
.tk-content .tk-chengji ul li .name{ color: rgb(115, 115, 115); }
.tk-content .tk-chengji .btn-box{ margin: 48px 0; }
.tk-content .tk-chengji .btn-box a{ margin: 0 6px; }
.tk-content .tk-chengji .btn-box .jiex{ display: inline-block; color: rgb(16, 140, 238); border: 1px solid rgb(16, 140, 238); border-radius: 4px; width: 119px; height: 38px; line-height: 38px; }
.tk-content .tk-chengji .btn-box .jiex:hover{ color: rgb(14, 113, 189); border: 1px solid rgb(14, 113, 189); }
.tk-content .tk-chengji .btn-box .again{ display: inline-block; color: #fff; background-color: rgb(16, 140, 238); border-radius: 4px; width: 121px; height: 40px; line-height: 40px; }
.tk-content .tk-chengji .btn-box .again:hover{ background-color: rgb(14, 122, 204); }
/*无数据图片样式*/
.tk-content .tk-list .listcon{ width:1200px; margin:20px auto 0; }
.tk-content .tk-list .listnone{ display:none; }
.tk-content .tk-list .listnone .nonev{ text-align: center }

/*人脸识别*/
.rlsb-box{ position: fixed; top: 50%; left: 50%; z-index: 9999; display: none; flex-direction: column; box-sizing: border-box; width: 430px; height: 390px; margin: -195px 0 0 -215px; background-color: #fff; }
.rlsb-box.active{ display: flex; }
.rlsb-box .mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); z-index: 888; }
.rlsb-box>div:nth-child(2){ position: relative; z-index: 9999; color: #fff; }
.rlsb-box .title-box{ display: flex; align-items: center; justify-content: center; height: 50px; width: 100%; background-color: rgb(239, 237, 238); position: relative; }
.rlsb-box .title-box .title{ color: #333; font-size: 16px; }
.rlsb-box .title-box .rlsb-box-close{ position: absolute; right: 15px; top: 50%; margin: -6px 0 0 0; display: inline-block; width: 12px; height: 12px; }
.rlsb-box .title-box .rlsb-box-close::before{ content: ''; display: inline-block; width: 1px; height: 16px; background-color: rgba(0, 0, 0, 0.45); transform: rotate(45deg); position: absolute; left: 0; top: 0; }
.rlsb-box .title-box .rlsb-box-close::after{ content: ''; display: inline-block; width: 1px; height: 16px; background-color: rgba(0, 0, 0, 0.45); transform: rotate(135deg); position: absolute; left: 0; top: 0; }
.rlsb-box .rlsb-content{ display: flex; flex-direction: column; justify-content: space-between; height: 340px; box-sizing: border-box; padding: 16px 0; background-color: #fff; }
.rlsb-box .rlsb-content>div{ display: flex; justify-content: center; }
.rlsb-box .rlsb-content>div img{ width: 280px; height: 280px; }
.rlsb-box .rlsb-content p{ display: flex; align-items: center; justify-content: center; color: grey; padding-top: 10px}

/* 题目图片自适应：等比缩放、不超出容器、小屏自适应 */
.tk-tmContent .timu-box .timu-list img{ max-width: 100%; height: auto !important; }