/* mt-inner-detail start */
.mt-inner-detail { overflow: hidden; padding: 100px 0 160px;}
.mt-inner-detail-container { display: flex; justify-content: space-between;}
.mt-inner-detail-container .mt-inner-detail-left { width: calc(100% - 430px);}
.mt-inner-detail-left .mt-inner-detail-content { overflow: hidden; margin-bottom: 50px; padding: 50px 60px; background-color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.05); border-radius: 8px; position: relative;}
.mt-inner-detail-left .mt-inner-detail-content::after { content: ''; display: block; width: 100%; height: 6px; overflow: hidden; background-image: linear-gradient(to right, #5fb62f, #009dd3); position: absolute; left: 0; top: 0;}
.mt-inner-detail-content .mt-inner-detail-head { padding-right: 50px; position: relative;}
.mt-inner-detail-head h1 { overflow: hidden; line-height: 40px; color: #222; font-size: 30px;}
.mt-inner-detail-head span.time { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #777; font-size: 16px; margin-top: 15px; padding-left: 24px; position: relative;}
.mt-inner-detail-head span.time i { display: block; width: 16px; height: 16px; overflow: hidden; position: absolute; left: 0; top: 7px;}
.mt-inner-detail-head a.back-to-list { display: block; width: 40px; height: 40px; overflow: hidden; font-size: 0; padding: 7px; background-color: #fff; border: 2px solid #ddd; border-radius: 50%; position: absolute; top: 0; right: 0;}
.mt-inner-detail-head a.back-to-list:hover { background-color: #5fb62f; border: 2px solid #5fb62f;}
.mt-inner-detail-head a.back-to-list i { display: block; width: 100%; height: 100%; overflow: hidden;}
.mt-inner-detail-head a.back-to-list:hover i svg path { fill: #fff;}

.mt-inner-detail-content .mt-inner-detail-con { min-height: 240px; overflow: hidden; margin: 30px auto 40px; padding: 40px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.mt-inner-detail-con, .mt-inner-detail-con div, .mt-inner-detail-con p { line-height: 30px !important; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; color: #555!important; font-size: 16px!important; word-break: break-all;}
.mt-inner-detail-con div, .mt-inner-detail-con p { margin-bottom: 10px;}
.mt-inner-detail-con div:last-child, .mt-inner-detail-con p:last-child { margin-bottom: 0;}
.mt-inner-detail-con p, .mt-inner-detail-con span, .mt-inner-detail-con div, .mt-inner-detail-con video, .mt-inner-detail-con embed { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100%;}
.mt-inner-detail-con img { display: block; max-width: 100% !important; height: auto !important; margin: 30px auto; border-radius: 8px;}
.mt-inner-detail-con p span, .mt-inner-detail-con span, .mt-inner-detail-con p em, .mt-inner-detail-con em { color: #555 !important; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; font-size: 16px !important; word-break: break-all;}
.mt-inner-detail-con b, .mt-inner-detail-con strong {  color: #222; font-weight: bold;}

.mt-inner-detail-con table { display: block; max-width: 100% !important; overflow-x: scroll; padding-bottom: 0; border-collapse: separate; border-spacing: 0; margin: 20px 0;}
.mt-inner-detail-con table::-webkit-scrollbar { height: 3px;}
.mt-inner-detail-con table tr th, .mt-inner-detail-con table tr td { margin: -1px 0 0 -1px; padding: 10px; border: 1px solid #ddd !important; border-right: 0 !important; border-bottom: 0 !important;}
.mt-inner-detail-con table tr th:last-child, .mt-inner-detail-con table tr td:last-child { border-right: 1px solid #ddd !important;}
.mt-inner-detail-con table tr { background-color: #f8f8f8;}
.mt-inner-detail-con table tr:nth-child(2n) { background-color: #fff;}
.mt-inner-detail-con table tr:last-child th, .mt-inner-detail-con table tr:last-child td { border-bottom: 1px solid #ddd !important;}

.mt-inner-detail-con video { display: block; width: 60%; background-color: #000;}

.mt-inner-detail_down { overflow: hidden; margin-top: 40px; text-align: center;}
.mt-inner-detail_down a { display: inline-block; vertical-align: top; height: 48px; overflow: hidden; line-height: 48px; color: #fff; font-size: 16px; text-align: center; padding: 0 30px; background-color: #5fb62f; border-radius: 24px;}
.mt-inner-detail_down a i { display: inline-block; width: 24px; height: 24px; overflow: hidden; vertical-align: middle; margin: -2px 10px 0 0;}
.mt-inner-detail_down a:hover { background-color: #009dd3;}
.mt-inner-detail_down a:hover i { margin: -2px 20px 0 0;}

.mt-inner-detail-content .mt-inner-detail-share { display: flex; align-items: center;}
.mt-inner-detail-share span { display: block; line-height: 30px; color: #555; font-size: 16px;}
.mt-inner-detail-share a { display: block; width: 30px; height: 30px; overflow: hidden; font-size: 0; margin-right: 10px;}
.mt-inner-detail-share a.share-weibo { background: url(../images/share-icos.png) 0 0 no-repeat;}
.mt-inner-detail-share a.share-wechat { background: url(../images/share-icos.png) 0 -30px no-repeat;}
.mt-inner-detail-share a:last-child { margin-right: 0;}

.mt-inner-detail-container .mt-inner-detail-right { width: 380px;}
.mt-inner-detail-recs { overflow: hidden; padding: 6px 1px 1px; background-image: linear-gradient(to right, #5fb62f, #009dd3); border-radius: 8px;}
.mt-inner-detail-recs .recs-head { display: flex; align-items: center; width: 100%; overflow: hidden; line-height: 30px; color: #222; font-size: 24px; font-weight: bold; padding: 25px 45px; background-color: #fff; border-bottom: 1px solid #e6e6e6;}
.mt-inner-detail-recs .recs-head i { display: block; width: 30px; height: 30px; overflow: hidden; margin-right: 15px; padding: 1px;}

.mt-inner-detail-recs .recs-list { width: 100%; min-height: 120px; overflow: hidden; padding: 0 30px; background-color: #fff; border-radius: 0 0 6px 6px;}
.mt-inner-detail-recs .recs-list ul li { display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e6e6e6;}
.mt-inner-detail-recs .recs-list ul li:last-child { border-bottom: 0;}
.mt-inner-detail-recs .recs-list ul li p.time { width: 66px;}
.mt-inner-detail-recs .recs-list ul li p.time em { display: block; line-height: 1; color: #5fb62f; font-size: 20px; font-weight: bold; font-style: normal; text-align: center;}
.mt-inner-detail-recs .recs-list ul li p.time span { display: block; line-height: 1; color: #5fb62f; font-size: 16px; text-align: center; margin-top: 10px;}
.mt-inner-detail-recs .recs-list ul li a.name { display: block; width: calc(100% - 96px); max-height: 56px; overflow: hidden; line-height: 28px; color: #222; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.mt-inner-detail-recs .recs-list ul li a.name:hover { color: #5fb62f; text-decoration: underline;}
/* mt-inner-detail end */

/* 微信分享弹窗 */
.wx-share-pop { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999;}
.pop-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.pop-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 85%; max-width: 400px; background: #fff; padding: 20px; border-radius: 10px; box-sizing: border-box;}
.pop-box h4 { line-height: 24px; font-size:16px; margin-bottom: 10px; }
.pop-tip { line-height: 22px; color: #666; font-size: 14px; margin: 0 0 12px;}
#shareText { width: 100%; height: 96px; line-height: 24px; color: #666; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; font-size: 14px; border: 1px solid #e6e6e6; padding: 6px; resize: none; box-sizing: border-box;}
.pop-btns { display: flex; gap: 10px; margin-top: 16px;}
.pop-btns button { flex: 1; padding: 9px; border: none; border-radius: 6px; cursor: pointer;}
.copy-btn { background: #07C160; color: #fff;}
.close-btn { background: #f0f0f0;}


@media (max-width:1680px) {
  .mt-inner-detail { padding: 80px 0 120px;}
  .mt-inner-detail-container .mt-inner-detail-left { width: calc(100% - 400px);}
  .mt-inner-detail-left .mt-inner-detail-content { margin-bottom: 40px; padding: 40px;}
  .mt-inner-detail-head span.time { margin-top: 10px;}
  .mt-inner-detail-content .mt-inner-detail-con { margin: 20px auto 30px; padding: 30px 0;}

  .mt-inner-detail-container .mt-inner-detail-right { width: 360px;}
  .mt-inner-detail-recs .recs-head { line-height: 30px; font-size: 22px; padding: 20px 40px;}
  .mt-inner-detail-recs .recs-head i { width: 28px; height: 28px; margin-right: 12px;}
  .mt-inner-detail-recs .recs-list { padding: 0 24px;}
  .mt-inner-detail-recs .recs-list ul li { padding: 18px 0;}
  .mt-inner-detail-recs .recs-list ul li a.name { width: calc(100% - 80px);} 
}

@media (max-width:1600px) {  
}

@media (max-width:1560px) {
}

@media (max-width:1440px) {
  .mt-inner-detail { padding: 60px 0 100px;}
  .mt-inner-detail-container .mt-inner-detail-left { width: calc(100% - 330px);}
  .mt-inner-detail-left .mt-inner-detail-content { margin-bottom: 30px; padding: 30px;}
  .mt-inner-detail-head h1 { line-height: 36px; font-size: 26px;}
  .mt-inner-detail-head span.time { font-size: 15px;}
  .mt-inner-detail-head a.back-to-list { width: 36px; height: 36px; padding: 8px; border: 1px solid #ddd;}
  .mt-inner-detail-head a.back-to-list:hover { border: 1px solid #5fb62f;}
  .mt-inner-detail-content .mt-inner-detail-con { margin: 15px auto 25px; padding: 25px 0;}
  .mt-inner-detail-con, .mt-inner-detail-con div, .mt-inner-detail-con p, .mt-inner-detail-con p span, .mt-inner-detail-con span, .mt-inner-detail-con p em, .mt-inner-detail-con em { line-height: 1.8 !important; font-size: 15px!important;}
  .mt-inner-detail-con img { margin: 20px auto;}
  .mt-inner-detail-share span { font-size: 15px;} 


  .mt-inner-detail-container .mt-inner-detail-right { width: 300px;}
  .mt-inner-detail-recs .recs-head { line-height: 30px; font-size: 20px; padding: 15px 30px;}
  .mt-inner-detail-recs .recs-list { padding: 0 20px;}
  .mt-inner-detail-recs .recs-list ul li { padding: 15px 0;}
  .mt-inner-detail-recs .recs-list ul li p.time { width: 60px;}
  .mt-inner-detail-recs .recs-list ul li a.name { width: calc(100% - 74px);}
}

@media (max-width:1366px) {
  .mt-inner-detail-container .mt-inner-detail-left { width: calc(100% - 300px);}

  .mt-inner-detail-container .mt-inner-detail-right { width: 270px;}
}

@media (max-width:1280px) {
  .mt-inner-detail-container .mt-inner-detail-left { width: calc(100% - 350px);}
  .mt-inner-detail-head h1 { line-height: 32px; font-size: 24px;}
  .mt-inner-detail-head span.time { height: 24px; line-height: 24px; font-size: 14px;}
  .mt-inner-detail-head span.time i { top: 3px;}
  .mt-inner-detail-head a.back-to-list { width: 32px; height: 32px; padding: 7px; border: 1px solid #ddd;}
  .mt-inner-detail-head a.back-to-list:hover { border: 1px solid #5fb62f;}
  .mt-inner-detail-con, .mt-inner-detail-con div, .mt-inner-detail-con p, .mt-inner-detail-con p span, .mt-inner-detail-con span, .mt-inner-detail-con p em, .mt-inner-detail-con em { line-height: 1.8 !important; font-size: 14px!important;}
  .mt-inner-detail-con img { margin: 15px auto;}
  .mt-inner-detail-share span { font-size: 14px;} 

  .mt-inner-detail-container .mt-inner-detail-right { width: 320px;}
}

@media (max-width:1200px) {
}

@media (max-width:1080px) {
  .mt-inner-detail-container { display: block;}
  .mt-inner-detail-container .mt-inner-detail-left { width: 100%;}
  .mt-inner-detail-con table::-webkit-scrollbar { height: 3px;}

  .mt-inner-detail-container .mt-inner-detail-right { width: 100%; margin-top: 40px;}
  .mt-inner-detail-recs .recs-list { padding: 0 20px 20px;}
  .mt-inner-detail-recs .recs-list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0;}
  .mt-inner-detail-recs .recs-list ul li { width: calc(50% - 10px); margin-right: 20px;}
  .mt-inner-detail-recs .recs-list ul li:nth-child(2n+2) { margin-right: 0;}
  .mt-inner-detail-recs .recs-list ul li:last-child { border-bottom: 1px solid #e6e6e6;}
  
}

@media (max-width:1024px) {
}

@media (max-width:920px) {
  .mt-inner-detail { padding: 40px 0 80px;}
  .mt-inner-detail-head h1 { font-size: 22px;}

  .mt-inner-detail-recs .recs-head { padding: 12px 24px;}
  .mt-inner-detail-recs .recs-head i { width: 24px; height: 24px; margin-right: 10px;}
}

@media (max-width:820px) {
}

@media (max-width:767px) {
  .mt-inner-detail-left .mt-inner-detail-content { margin-bottom: 20px; padding: 20px;}
  .mt-inner-detail-content .mt-inner-detail-head { padding-right: 0;}
  .mt-inner-detail-head h1 { line-height: 30px; font-size: 20px;}
  .mt-inner-detail-head a.back-to-list { display: none;}
  .mt-inner-detail-content .mt-inner-detail-con { margin: 10px auto 20px; padding: 20px 0;}

  .mt-inner-detail-recs .recs-head { font-size: 18px; padding: 10px 20px;}
  .mt-inner-detail-recs .recs-head i { width: 22px; height: 22px;}
  .mt-inner-detail-recs .recs-list ul li { width: 100%;}
  .mt-inner-detail-recs .recs-list { padding: 0 20px;}
  .mt-inner-detail-recs .recs-list ul li:last-child { border-bottom: 0;}
}

@media (max-width:390px) {  
}

@media (max-width:320px) {
}