@charset "utf-8";
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.fl{float:left;*display:inline;}
.fr{float:right;*display:inline;}
.fontArial{font-family:arial;}
body{max-width:640px;margin:auto;}
.tmt-container{max-width:640px;margin:auto;}
.tmt-cont-bg{background:#ededed;}
.tmt-cont-banner{position:relative;width:100%;}
.tmt-banner-detail{position:absolute;top:0;left:0;padding:1rem;width:100%;height:100%;display:flex; flex-direction: column; align-items:flex-start; justify-content:center;background:rgba(0,0,0,0.5);}

.tmt-banner-title{font-size:24px;color:#fff;line-height:28px;font-weight:bold;}
.tmt-banner-intro{margin-top:20px;font-size:11px;line-height:24px;color:#fff;opacity:0.6;filter:alpha(opacity=60);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.tmt-banner-bg{width:100%;min-height:190px;}
.tmt-pagebox{background:#ededed;}
.tmt-pagebox-title{padding:20px 0;text-align:center;}
.tmt-pagebox-title-cont{display:inline-block;padding:0 10px;position:relative;}
.tmt-pagebox-title-txt{font-size:18px;color:#2a2a2a;font-weight:bold;line-height:18px;}
.tmt-pagebox-title-limg{width:11px;height:10px;position:absolute;top:-5px;left:0;}
.tmt-pagebox-title-rimg{width:11px;height:10px;position:absolute;bottom:-4px;right:0}
.tmt-pagebox{padding:0 10px;}
.tmt-pagebox-office .item{margin-top:10px;padding:13px 0;border:1px solid #e6e6e6;background:#fff;}
.tmt-pagebox-office .item:first-child{margin:0;}
.tmt-office-left{width:120px;padding:0 0 0 15px;display:table-cell;vertical-align: middle;}
.tmt-office-left .tmt-logo{width:89px;max-height:89px;}
.tmt-office-right{width:calc(100% - 120px);}
.tmt-office-rtitle .tmt-title{display:block;line-height:15px;font-size:15px;color:#292929;}
.tmt-office-rintro{margin-top:16px;font-size:12px;color:#737373;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tmt-office-rdata{margin-top:15px;font-size:12px;color:#f05f12;line-height:14px;font-weight:bold;}
.tmt-office-rdata .tmt-data{position:relative;padding:0 5px 0 7.5px;}
.tmt-office-rdata .tmt-data:first-child{padding:0 5px 0 0;}
.tmt-office-rdata .tmt-data:before{content:"";width:1px;height:12px;background:#F05F12;display:inline-block;position:absolute;top:1px;left:0;}
.tmt-office-rdata .tmt-data:first-child:before{content:"";width:0;}
.tmt-office-rbtn{margin-top:13px;}
.tmt-office-rbtn .tmt-btn{float:left;display:inline-block;width:calc(50% - 12px);height:27px;line-height:27px;font-size:12px;color:#fff;font-weight:bold;text-align: center;background:#ec810c;cursor:pointer;}
.tmt-office-rbtn .tmt-btn-red{background:#ec5520;margin-left:12px;}
.tmt-pagebox-eval{padding:0 20px;background:#fff;border:1px solid #e6e6e6;}
.tmt-pagebox-eval .item{padding:20px 0;border-top:1px solid #e6e6e6;}
.tmt-pagebox-eval .item:first-child{border:none;}
.tmt-eval-left{width:40px;height:40px;line-height:40px;font-size:14px;color:#fff;text-align:center;background:#428af8;border-radius:50%;-webkit-border-radius:50%;}
.tmt-eval-mid{width:calc(100% - 50px);}
.tmt-eval-muser{font-size:12px;color:#757575;line-height:14px;font-weight:bold;}
.tmt-eval-mstar{margin-top:13px;}
.tmt-eval-mstar .tmt-eval-all .tmt-eval-data{float:left;display:inline-block;margin-right:8px;font-weight:bold;font-size:11px;line-height:12px;color:#fe1940;}
.tmt-escore-star{position:relative;margin-right:10px;height:11px;line-height:11px;}
.tmt-qrate-stars-ul{list-style: none;padding: 0;margin-left:-1px;text-align: left;font-size:0;-webkit-text-size-adjust:none;white-space: nowrap;}
.tmt-qrate-stars-ul li{display:inline-block;}
.tmt-qrate-stars-ul li .star-icon{width:11px;height:11px;}
.tmt-qrate-stars-light{width:80%;position:absolute;top:0px;overflow:hidden;}
.tmt-eval-mbtn{margin-top:10px;width:97px;height:30px;font-size:12px;color:#fff;background:#EC810C;text-align: center;line-height:30px;cursor:pointer;}
.tmt-eval-moffice{margin-top:15px;font-size:11px;color:#616161;line-height:12px;}
.tmt-eval-moffice .tmt-jgname{font-size:11px;color:#EC810C;font-weight:bold;}
.tmt-eval-mdate{margin-top:12px;font-size:11px;color:#616161;line-height:12px;}
.tmt-eval-mdate .pop{font-size:11px;color:#717171;font-weight:bold;}
.tmt-eval-meval{margin-top:20px;font-size:13px;line-height:24px;color:#222;}
/* pop-big-photo*/
.m-watch-big-pic-container { width: 100%; height: 60vw; position: relative; }
.m-watch-big-photo .swiper-container { width: 100%; height: 100%; }
.m-watch-big-photo .swiper-container .swiper-slide img { width: 100%; height: 100%; }
.m-watch-big-photo .swiper-container video{width: 100%;}
.m-watch-big-photo .swiper-container .swiper-slide p, .m-watch-big-photo .swiper-container .swiper-pagination { display: none; }
.m-watch-big-pic-container .swiper-zoom-container > img { -o-object-fit: inherit; object-fit: inherit; }
.m-banner-nav-container { width: 100%; height: 26px; padding-bottom: 10px; position: absolute; z-index: 100; bottom: 0; }
.m-banner-nav-container li { position: relative; text-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
.m-banner-nav-container li span { width: 0; height: 0; margin-left: -4px; position: absolute; bottom: -10px; left: 50%; display: none; border-right: solid 5px transparent; border-bottom: solid 8px #fff; border-left: solid 5px transparent; }
.m-banner-nav-container li.active span { display: block; }
.m-banner-nav-container a { height: 16px; font-size: 11px; line-height: 16px; opacity: .6; color: #fff; }
/*大图*/
.m-pop-big-photo { width: 100%; height: 100%; position: fixed; z-index: 99999; top: 0; left: 0; background: #000; }
.m-pop-big-photo-top { width: 100%; height: 44px; background: rgba(38, 38, 38, .50); }
.m-pop-big-photo-top a { width: 44px; height: 44px; position: relative; z-index: 1000; }
.m-pop-big-photo-top svg { width: 24px; height: 24px; }
.m-pop-big-photo-top .svgcfff { fill: #fff; }
.m-pop-big-photo-swiper .swiper-pagination { height: 21px; padding-right: 16px; position: fixed; z-index: 999; top: 12px; display: block !important; font-size: 15px; text-align: right; color: #fff; }
.m-pop-big-photo-nav .m-banner-nav-container a { height: 20px; padding: 0 10px; display: inline-block; line-height: 20px; opacity: 1; color: #fff; }
.m-pop-big-photo-nav .m-banner-nav-container li.active a { color: #262626; -moz-border-radius: 12px; border-radius: 12px; background: #fff; }
.m-pop-big-photo-nav .m-banner-nav-container li.active span { display: none; }
.m-pop-big-photo-title { width: -moz-calc(100% - 88px); width: calc(100% - 88px); float: left; font-size: 16px; line-height: 44px; text-align: center; color: #fff; }
.m-pop-big-photo-swiper { width: 100%; height: -moz-calc(100vh - 74px); height: calc(100vh - 74px); position: relative; }
.m-pop-big-photo-swiper .swiper-container { z-index: auto; }
.m-pop-big-photo-nav .m-banner-nav-container { height: 30px; padding-bottom: 0; background: rgba(0, 0, 0, .50); }
.m-photo-outer { padding: 0 0 20px; }
.m-swiper-tab-box + .m-photo-outer.m-list-container, .m-swiper-tab-box + .m-class.m-list-container{ padding-top: 0;}
.m-photo-outer .m-watch-big-photo .swiper-slide {margin:12px 6px 0;cursor:pointer;width: -moz-calc((100vw - 54px) / 3); width: calc((100vw - 54px) / 3); float: left; height: -moz-calc((100vw - 54px) / 3 * 0.6); height: calc((100vw - 54px) / 3 * 0.6); /*margin-top: 20px;*/ }
.m-photo-outer .m-watch-big-photo .swiper-wrapper { display: block;padding:5px 9px 0;box-sizing: border-box;}
.m-photo-outer .m-watch-big-photo .swiper-container .swiper-slide img { width: 100%; max-height: -moz-calc((100vw - 48px) / 2 * 0.6012269938650306); max-height: calc((100vw - 48px) / 2 * 0.6012269938650306); }
.m-photo-outer .m-watch-big-photo .swiper-zoom-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.m-photo-outer .m-watch-big-photo .swiper-container .swiper-slide p { display: block; font-size: 15px; color: #262626; text-align: center; line-height: 20px; height: 20px; margin-top: 10px; }
.online-search-box{z-index:5;}
.bifImg-box{display:none;}
.m-watch-big-pic-container li{float:left;width:60px;height:60px;margin-right:10px;cursor:pointer;overflow:hidden;border-radius:5px;}
.tmt--pj-photo .tmt-eval-photo .swiper-slide img{height:60px;width:auto;}
.tmt--pj-photo .tmt-eval-photo .swiper-zoom-container>img{max-width:none;}
.tmt--pj-photo.m-watch-big-pic-container{height:60px;margin-top:10px;}

.tmt-pagebox-course .item{margin:15px 0 0;padding:12px;background:#fff;}
.tmt-pagebox-course .item:first-child{margin:0;}
.tmt-course-left,.tmt-course-left img{width:130px;height:78px;}
.tmt-course-right{width:calc(100% - 142px);}
.tmt-course-rtitle{font-size:13px;line-height:16px;color:#2a2a2a;font-weight:bold;}
.tmt-course-rtitle .tmt-title{display:block;color:#2a2a2a;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.tmt-course-rpeople{margin-top:8px;max-height:28px;font-size:12px;line-height:14px;color:#757574;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.tmt-course-rbtn{margin-top:15px;width:95px;height:25px;line-height:25px;font-size:12px;color:#fff;font-weight:bold;text-align:center;cursor: pointer;background:#EC810C;}
.tmt-pagebox-xun{padding:0 15px;background:#fff;border:1px solid #e6e6e6;}
.tmt-pagebox-xun .item{padding:20px 0;border-top:1px solid #e6e6e6;}
.tmt-pagebox-xun .item:first-child{border:none;}
.tmt-xun-left{width:100px;height:60px;overflow:hidden;}
.tmt-xun-left img{width:100px;}
.tmt-xun-right{width:calc(100% - 108px);}
.tmt-xun-rtitle{height:42px;font-size:13px;color:#2a2a2a;font-weight:bold;line-height:21px;}
.tmt-xun-rtitle .tmt-title{color:#2A2A2A;display:block;}
.tmt-xun-rdate{margin-top:6px;font-size:12px;color:#7f7f7f;font-family: arial;}
.tmt-pagebox-special .item{margin:0 6px 8px 0;float:left;padding:0 10px;width:calc(50% - 6px);height:41px;line-height:41px;border:1px solid #e6e6e6;background:#fff;}
.tmt-pagebox-special .item:nth-child(2n){margin:0 0 8px 0;}
.tmt-special-title{display:block;font-size:12px;color:#EC810C;font-weight:bold;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
@media only screen and (max-width: 320px) {
	.tmt-eval-mstar .tmt-eval-all .tmt-eval-data{margin-right:5px;}
	.tmt-banner-detail{padding:20px 20px 0;}
	.tmt-banner-intro{margin-top:10px;}
}
@media only screen and (min-width: 640px){.tmt-pagebox{padding:0;}}