/* mt-inner-detail-top start */
.mt-inner-detail-top { overflow: hidden; padding: 25px 0;}
.mt-inner-detail-top .mt-inner-crumb { max-width: 100%; margin: 0;}
/* mt-inner-detail-top top */

/* mt-inner-detail start */
.mt-inner-detail { overflow: hidden; padding: 0 0 100px;}
.mt-inner-detail-container { display: flex; justify-content: space-between; flex-direction: row-reverse; overflow: hidden; padding: 80px; background-color: #fff;}

.mt-inner-detail_left { width: 130px;}
.mt-inner-detail_time { overflow: hidden; margin-bottom: 120px; padding: 24px; background-color: #cf2f2a;}
.mt-inner-detail_time p { line-height: 50px; color: #fff; font-size: 48px; font-weight: bold; text-align: center;}
.mt-inner-detail_time span { display: block; line-height: 28px; color: rgba(255, 255, 255, .5); font-size: 18px; text-align: center; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .25);}

.back-to-list { margin: 40px 0;}
.mt-inner-detail_prev a, .mt-inner-detail_next a, .back-to-list a { display: block; height: 40px; line-height: 40px; color: #777; font-size: 16px;}
.mt-inner-detail_prev a i, .mt-inner-detail_next a i, .back-to-list a i { display: block; width: 40px; height: 40px; overflow: hidden; background-color: #cf2f2a; border-radius: 50%; margin-right: 10px; padding: 12px; float: left;}
.mt-inner-detail_prev a i { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
.mt-inner-detail_prev a:hover, .mt-inner-detail_next a:hover, .back-to-list a:hover { color: #cf2f2a;}

.mt-inner-detail_content { width: calc(100% - 130px); padding-left: 80px;}
.mt-inner-detail_content h1 { line-height: 44px; color: #000; font-size: 36px;}
.mt-inner-detail_views { display: flex; align-items: center; height: 30px; overflow: hidden; line-height: 30px; color: #cf2f2a; font-size: 16px; margin: 40px 0;}
.mt-inner-detail_views i { display: block; width: 20px; height: 20px; overflow: hidden; margin: 0 10px 0 0;}

.mt-inner-detail_content .mt-inner-detail_con { min-height: 240px; overflow: hidden;}
/*.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 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: 20px 0;}
.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 ul li { 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; list-style: disc inside;}
.mt-inner-detail_con ul li div { display: inline;}*/
.mt-inner-detail_con ol, .mt-inner-detail_con ul { padding-left: 20px;}
.mt-inner-detail_con li { list-style: unset !important;}
.mt-inner-detail_con li div, .mt-inner-detail_con li p { display: inline-block;}

.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 .mt-inner-detail_video { width: 60% !important; height: 420px !important; overflow: hidden;}
.mt-inner-detail_video video { display: block; width: 100%; height: 100%; overflow: hidden; background-color: #000; object-fit: cover;}

.mt-inner-detail_down { display: flex; justify-content: center; margin-top: 40px;}
.mt-inner-detail_down a { display: block; height: 48px; overflow: hidden; line-height: 44px; color: #cf2f2a; font-size: 18px; font-weight: bold; border: 2px solid #cf2f2a; padding: 0 30px;}
.mt-inner-detail_down a i { display: inline-block; vertical-align: middle; width: 20px; height: 20px; overflow: hidden; margin: -2px 0 0 14px;}
.mt-inner-detail_down a:hover { color: #fff; background-color: #cf2f2a;}
.mt-inner-detail_down a:hover i svg path { fill: #fff;}

/* mt-inner-detail end */


@media (max-width:1680px) {
  .mt-inner-detail { padding: 0 0 80px;}
  .mt-inner-detail-container { padding: 60px;}
  .mt-inner-detail_time { margin-bottom: 80px;}

  .mt-inner-detail_content { padding-left: 60px;}
  .mt-inner-detail_views { margin: 24px 0;}
  .mt-inner-detail_down a { height: 44px; line-height: 40px; font-size: 16px; padding: 0 24px;}
}

@media (max-width:1600px) {}

@media (max-width:1560px) {}

@media (max-width:1440px) { 
  .mt-inner-detail { padding: 0 0 60px;} 
  .mt-inner-detail-container { padding: 40px;}
  .mt-inner-detail_left { width: 120px;}
  .mt-inner-detail_time { margin-bottom: 60px; padding: 20px;}
  .mt-inner-detail_time p { line-height: 1; font-size: 44px;}
  .mt-inner-detail_time span { line-height: 24px; font-size: 16px; margin-top: 8px; padding-top: 8px;}
  .back-to-list { margin: 30px 0;}
  .mt-inner-detail_prev a, .mt-inner-detail_next a, .back-to-list a { height: 35px; line-height: 35px; font-size: 15px;}
  .mt-inner-detail_prev a i, .mt-inner-detail_next a i, .back-to-list a i { width: 35px; height: 35px; padding: 11px;}

  .mt-inner-detail_content { width: calc(100% - 120px); padding-left: 40px;}
  .mt-inner-detail_content h1 { line-height: 36px; font-size: 26px;}
  .mt-inner-detail_views { font-size: 15px; margin: 20px 0;}
  .mt-inner-detail_views i { width: 17px; height: 17px;}
  /*.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, .mt-inner-detail_con video, .mt-inner-detail_con embed, .mt-inner-detail_con ul li { line-height: 1.8 !important; font-size: 15px!important;}
  .mt-inner-detail_con img { margin: 20px auto;}*/

  .mt-inner-detail_con .mt-inner-detail_video { width: 70% !important;}

  .mt-inner-detail_down { margin-top: 30px;}
}

@media (max-width:1366px) {}

@media (max-width:1280px) {
  .mt-inner-detail { padding: 0 0 50px;} 
  .mt-inner-detail_content h1 { line-height: 32px; font-size: 24px;}
  .mt-inner-detail_views { margin: 15px 0;}  
  .mt-inner-detail_con img { margin: 15px auto;}

  .mt-inner-detail_con .mt-inner-detail_video { width: 80% !important;}

  .mt-inner-detail_down a { height: 40px; line-height: 38px; font-size: 14px; font-weight: normal; padding: 0 20px; border: 1px solid #cf2f2a;}
  .mt-inner-detail_down a i { width: 16px; height: 16px;}
}

@media (max-width:1200px) {}

@media (max-width:1080px) {
  .mt-inner-detail_content h1 { line-height: 32px; font-size: 24px;}
  .mt-inner-detail_con table::-webkit-scrollbar { height: 3px;}

  .mt-inner-detail_con .mt-inner-detail_video { width: 100% !important;}
}

@media (max-width:1024px) {
  .mt-inner-detail-container { padding: 30px;}
  .mt-inner-detail_content { width: calc(100% - 120px); padding-left: 30px;}

  .mt-inner-detail_down { margin-top: 20px;}
}

@media (max-width:920px) {
  .mt-inner-detail-top { padding: 20px 0;}

  .mt-inner-detail { padding: 0 0 40px;}
  .mt-inner-detail_left { width: 110px;}
  .mt-inner-detail_time { margin-bottom: 40px;}
  .mt-inner-detail_time p { font-size: 40px;}
  .mt-inner-detail_time span { font-size: 15px;}
  .back-to-list { margin: 24px 0;}
  .mt-inner-detail_content { width: calc(100% - 110px); padding-left: 30px;}
  .mt-inner-detail_content h1 { line-height: 30px; font-size: 22px;}
  .mt-inner-detail_views { font-size: 14px; margin: 10px 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, .mt-inner-detail_con video, .mt-inner-detail_con embed, .mt-inner-detail_con ul li { line-height: 1.8 !important; font-size: 14px!important;}
  .mt-inner-detail_con img { margin: 10px auto;}*/

  .mt-inner-detail_con .mt-inner-detail_video { height: 400px !important;}
}

@media (max-width:820px) {  
  .mt-inner-detail-container { width: 100%; padding: 30px 3%;}
  
}

@media (max-width:767px) {
  .mt-inner-detail-top { padding: 15px 0;}

  .mt-inner-detail { padding: 0 0 24px;}
  .mt-inner-detail-container { display: block; padding: 20px 3%;}  
  .mt-inner-detail_left { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
  .mt-inner-detail_time { display: none;}
  .back-to-list { margin: 0;}

  .mt-inner-detail_content { width: 100%; padding-left: 0;}
  .mt-inner-detail_content h1 { line-height: 30px; font-size: 20px;}

  .mt-inner-detail_con .mt-inner-detail_video { height: 240px !important;}
}

@media (max-width:390px) {}

@media (max-width:320px) {
  .mt-inner-detail_content h1 { line-height: 28px; font-size: 18px;}
  
  .mt-inner-detail_prev a, .mt-inner-detail_next a, .back-to-list a { height: 32px; line-height: 32px; font-size: 14px;}
  .mt-inner-detail_prev a i, .mt-inner-detail_next a i, .back-to-list a i { width: 32px; height: 32px; margin-right: 5px; padding: 10px;}

  .mt-inner-detail_con .mt-inner-detail_video { height: 200px !important;}
}

