@charset "utf-8";
/* font-awesome */
@import "../fonts/fontawesome/font-awesome.min.css";
/* bootstrap-icons */
@import "../fonts/bootstrap-icons/bootstrap-icons.min.css";
/* Animate */
@import "animate.min.css";
@import "pop-window.css?1.2";
@import "video-custom.css";

@font-face{font-weight:400;font-style:normal;font-family:bootstrapicons;font-display:swap;src:url(//:) format("no404"),url(../fonts/bootstrap-icons/fonts/bootstrap-icons.woff) format("woff"),url(../fonts/bootstrap-icons/fonts/bootstrap-icons.woff2) format("truetype")}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto Medium';
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{font-family:iconfont;src:url(../fonts/iconfont.ttf?t=1622274305876) format("truetype")}
.iconfont{cursor:pointer;font-family:iconfont !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}


*{box-sizing: border-box;padding: 0;margin: 0;}
ul,li{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none; color:#333;}
body{font-family:Roboto, Arial, Helvetica, sans-serif;width: 100%; margin:0 auto; height: 100vh; overflow-x:hidden;}
html, body {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; -webkit-touch-callout: none;-webkit-user-drag: none;
}

.content-container{display: flex;flex-wrap: nowrap; overflow:hidden;}
#content-in{width: 100%;position: relative;flex: 1;order: 1; max-width:775px;margin: 0 auto;}
#head-nav{display: flex; width:100%; max-width:650px; margin:0 auto; height:70px;justify-content: space-between;position:relative; z-index:100;}
#head-nav .logo{ width:auto;padding-top: 5px;}
#head-nav .logo a{ width:auto;display: flex;align-items: center;}
#head-nav .logo img{width:100%; max-width:100px;}
#head-nav .logo span{ color:#9b2234; display:inline-block; padding:5px 0 0 10px;font-size: 2.125rem;font-weight: bold;}
@media (max-width:991.98px){
  .content-container{display: inherit;} 
  #content-in{ max-width:inherit;}
  #head-nav.hnav{ display:none;}
  #head-nav .logo img{max-width:80px;}
  #head-nav .logo span{font-size: 1.85rem;}
}
@media (max-width:767.98px){
  #head-nav .logo img{max-width:80px;}
  #head-nav .logo span{font-size: 1.65rem;}
  .search-page #head-nav{ height:60px;}
}
/*search*/
.search{ width:100%; max-width:320px;display: flex;align-items: center;justify-content: center;}
.search input.form-control{ background:none; border:1px #ccc solid; color:#999; border-right:none;border-radius: 24rem 0 0 24rem;font-size: 0.8rem; height:34px; line-height:34px;}
.search input.form-control:focus{box-shadow: 0 0 0;color:#000;}
.search .input-group-text{ background:#f8f8f8; color:#0f1228; border-color:#ccc;padding: .375rem 1rem; border-radius:0 24rem 24rem 0; cursor:pointer;height:34px; line-height:34px;}
.search .input-group-text:hover{background: #e9ecef;color: #212529;}
.input-group-prepend{ background:none; border:none;}
.search .form-inline{ width:100%;}
/*wap Show*/
#navigation{overflow: hidden;height: 100vh;background:url(../image/bg.png) rgba( 22,24,35 ,1) no-repeat; display:none;}
.navigation_in{ padding:1rem;}

/*icon*/
.navicon{ width:100%;}
.navicon .naviconli{ color:#fff; width:100%;padding:0.3rem 1rem; margin-bottom:1.5rem; cursor:pointer;border-radius: 5px;text-align: center;}
.navicon .naviconli:hover{background:rgba( 242,242,244,.08);}
.navicon .naviconli span{display: block;font-size:0.65rem; line-height:1.2;}
.navicon .naviconli i{ font-size:1.5rem;margin: 0 auto;}
.favorite_icon i.icon_on{ color:gold;}
@media (max-width:991.98px){
  #navigation {display:block;height: 60px;width: 100%;z-index: 99;}
  .navigation_in{ padding:0.05rem 0.5rem;}
  .navicon{display: flex;flex-wrap: nowrap;}
  .navicon .naviconli{ margin-bottom:0;}
}
/*Computer version  icon*/
#position-nav{ position:absolute;left:0;bottom:0;width: 40px;display: flex;align-items:end; padding-bottom:2rem;}

#position-nav .navicon .naviconli{ color:#525252; padding:0;}
#position-nav .navicon .naviconli span{font-size:0.7rem; line-height:24px;}
#position-nav .navicon .naviconli.company_icon span{ line-height:1.2;}
#position-nav .navicon i{display: block;color: #0f0f0f;font-size:1.75rem;border-radius: 100%; text-align:center;}
#position-nav .navicon .share_icon i{ font-size:1.5rem;}
#position-nav .navicon i.icon_on{ color:#9a2334;}
#position-nav .navicon .naviconli:hover i{ color:#21242b;}

/*Computer version  Next  Perv*/
#position-nextprev{position:absolute;height: 100%; bottom:0; right:0;width:55px;display: flex;align-items:center;}
.nextprev-in{ width:100%;}
.nextprev-in .nextprev-li { margin-bottom:1rem; cursor:pointer;}
.nextprev-in .nextprev-li i{display: block;color: #0f0f0f; width:55px;height: 55px;line-height: 55px;font-size: 30px;border-radius: 100%; text-align:center;}
.nextprev-in .nextprev-li:hover i{ color:#9b2234;}
.nextprev-in .nextprev-li.disabled i{ color:#9d9a9a;}
.nextprev-in .nextprev-li.disabled{ cursor:auto;}
@media (max-width:991.98px){
  #position-nav,#position-nextprev{ display:none;}
}

/*video*/
#video-container{ height:calc(100vh - 60px); overflow:hidden;border-radius: 20px 20px 0 0;width:100%;max-width:650px; margin:0 auto;background: linear-gradient(90deg, #4c6461, #000604);border: 1px #eee solid;}
/*wap searh icon and language menu*/
.search-wap{ display:none;justify-content: space-between; width:100%; position:absolute; top:0; right:0; color:#fff; z-index:99;background: rgba(255,255,255,.1);}
.search-menu,.search-icon{padding:0.75rem;}
.search-menu{ cursor:pointer; color:#666;}
.search-menu:hover{ color:#000;}
.search-wap i{ color:#fff; font-size:1.125rem;}
@media (max-width:991.98px){
  #video-container{ border:none;} 
  .search-wap{display: flex;}
}
.itempropvideo{ display:none;}

/*video text*/
#video_caption{position: absolute;left: 0;bottom: 12px;z-index: 1;width: 100%;padding: 1rem 1rem 12px 1rem;text-align: left;background: linear-gradient(to bottom,#00000021,#21242b);font-family: 'Roboto'; display:none;}
.video_info{ width:100%;}
#video_caption .video_name {width: 100%;color: #fff;font-size:0.95rem; line-height:1.2;text-align: left;}
#video_caption .video_tags { width: 100%;max-height: 40px;overflow: hidden; line-height:1.2;}
#video_caption .video_tags span{font-size: .75rem; line-height:1.2;color: #fff; padding-right:5px;}
#video_caption .video_tags span.tags{ display:none;}
/*play STYle*/
.plyr__video-wrapper{background:none;}
.plyr__poster{height: inherit !important;background-color:transparent !important;}
.plyr--video .plyr__controls{ padding:0 !important;background:none!important;}
.text-danger{ color:#000 !important;}

.plyr__control--overlaid{ background:#fff;opacity: 1;padding:12px 20px;border-radius: 8px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);}
.plyr--video .plyr__control:hover{ background:#fff;}
.plyr__control--overlaid svg{ color:#971414;height:20px; width:20px;}

.swiper-container{ text-align:center;background: linear-gradient(45deg, #122342, transparent);  width:100%; max-width:650px; margin:0 auto;}
@media (max-width:991.98px){
  #video-container{border-radius: 0px; max-width:inherit;}
  .swiper-container{border-radius: 0px;max-width:inherit;}
  #video_caption{background: linear-gradient(to bottom,transparent,#1f1f33);padding: 1rem 0.0.35rem 25px 0.35rem;}
}



/*search page*/
.search-page{width:800px;position: relative;}
.search-page #head-nav{ max-width:800px;padding-right: 0;}
.return-home{ position:absolute; left:6px; top:10px;display: block;}
.return-home a{display: block;color:#333; font-size:0.875rem; line-height:1.8;background:#eee;padding:0.3rem 1rem 0.3rem 0.5rem;border-radius:10px}
.return-home a:hover{ background:#272933;color:#fff;}
.search-page #search-container{ width:100%;}

#search-video-li{ width:100%; margin-top:3rem;}
#search-video-li ul{ width:100%;}
#search-video-li ul>li{ width:100%; border-radius:10px;box-shadow: 0 2px 15px 0 rgb(0 0 0 / 5%); margin-bottom:2rem}
#search-video-li ul>li ol{display: flex;flex-wrap: wrap;justify-content: space-between;padding:0;}
#search-video-li ul>li ol li.search-video-li-img{ width:40%;position: relative;border-radius: 10px 0 0 10px;}
#search-video-li ul>li ol li.search-video-li-img span.times{ position:absolute; right:0.1rem; bottom:0.2rem; background:rgba(0,0,0,0.7); display:inline-block; padding:0.1rem 0.4rem; color:#fff;border-radius:0.8rem; font-size:0.7rem;}

#search-video-li ul>li ol li.search-video-li-img img{ width:100%;border-radius: 10px 0 0 10px;}
#search-video-li ul>li ol li.search-video-li-img span.icon-play{ position:absolute; left:45%; top:45%; background:#800; width:45px; height:45px;border-radius:50%; padding:0.7rem 0.5rem 0.5rem 0.8rem; font-size:1.4rem; color:#fff;text-align: center;}
#search-video-li ul>li ol li.search-video-li-con{ width:58%; padding:0.8rem; color:#000;}
#search-video-li ul>li ol li.search-video-li-con i{color:#666;border: 1px #ccc solid;border-radius: 100%;height: 30px;width: 30px;display: inline-block;text-align: center; font-size:1.125rem;}
#search-video-li ul>li ol li.search-video-li-con a{color:#000; font-size:1rem; line-height:1.2;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
#search-video-li ul>li ol li.search-video-li-con a:hover{ color:#9a2334;}
#search-video-li ul>li ol li.search-video-li-con .search-user{display: flex;flex-wrap: wrap;align-items: center; padding-top:1rem;}
#search-video-li ul>li ol li.search-video-li-con .search-user .users-icon img{border: 2px solid #fff;width: 30px;height: 30px;border-radius: 50%;}
#search-video-li ul>li ol li.search-video-li-con .search-user .users-name{ padding-left:0.5rem;flex: 1; font-size:0.75rem; line-height:1.2;color:#999;}
#search-video-li ul>li ol li.search-video-li-con .search-user .users-name a{flex: 1; font-size:0.75rem; line-height:1.2;color:#999;}
#search-video-li ul>li ol li.search-video-li-con .search-tags{ width:100%;padding-top:1rem;font-size:0.75rem; line-height:1.2; color:#666;}
#search-video-li ul>li ol li.search-video-li-con .search-tags {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
@media (max-width:991.98px){
 #search-container{ padding:0 1rem;}
}
@media (max-width:800px){
 .search-page{width:100%;}
}
@media (max-width:991.98px){
 .search-page .search{ max-width:240px;}
 #search-video-li{ margin-top:1rem;}
 #search-video-li ul>li ol{align-items: center;}
 #search-video-li ul>li ol li.search-video-li-con{padding:0.3rem; }
 #search-video-li ul>li ol li.search-video-li-con a{font-size:0.875rem;}
 #search-video-li ul>li ol li.search-video-li-con .search-user{padding-top:0.5rem;}
 #search-video-li ul>li ol li.search-video-li-con .search-user .users-icon img{width:26px;height: 26px;}
 #search-video-li ul>li ol li.search-video-li-con .search-user .users-name{font-size:0.65rem;}
 #search-video-li ul>li ol li.search-video-li-con .search-tags{ display:none;}
}
@media (max-width:575.98px){
 .return-home{padding: 0.3rem 0.5rem 0.3rem 0.3rem;}
 .return-home span{ display:none;}
 #search-video-li ul>li ol li.search-video-li-con a{font-size:0.75rem;}
}
@media (max-width:460px){
  .search-page .search{ max-width:160px;}
  .search-page .search .input-group-text{ padding:.375rem 0.75rem;}
}



/* 弹框功能样式*/
.company-video-box-bg,.video-share-box-bg,.users-video-box-bg,.inquiry-box-bg,.search-video-box-bg,.video-lan-box-bg{z-index: 998;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50); display:none;}

/*-------公司信息-----*/
#company-video-box{ width:100%; max-width:350px; height:100vh;overflow-y: auto; background:#f6f6f6; position:fixed; top:100%; left:0; z-index:999;}
.company-video-box-remove{ position:absolute; top: -5px; right:5px; font-size:2rem; cursor:pointer;}
.company-video-box-remove:hover{ color:#dc3545 !important;}
.company-video-in{}
.company-info-btn{background:url(../image/userbg.webp) top center no-repeat; padding:1rem 1rem 2rem 1rem;}
.company-info{display: flex;flex-wrap: wrap;align-items: center;}
.company-info .company-video-icon{ display:none;}
.company-info .company-video-icon img{border: 2px solid #fff;width: 70px;height: 70px;border-radius: 50%;}
.company-video-name{ padding:0 1.5rem 1.5rem 0;flex: 1; font-size:1.125rem; line-height:1.4; color:#000;}

/*btn*/
.company-btn{display: flex;flex-wrap: wrap;justify-content: space-between;}
.company-btn a{color: #212529; font-size:0.8rem; line-height:1.2;border-radius: 20px;padding: 0.5rem;width: calc(calc(100% / 2) - 2%);text-align: center; cursor:pointer;border: 1px solid #eee;background: #fff;  border-bottom: 3px solid #ccc;font-weight:50;}

.company-btn a:hover{ background:#000;color: #fff !important;}

/*contact*/
.company-contact{ width:100%; background:#fff;border-radius: 10px; margin-top:2rem; padding:0.5rem 1rem; display:none;}
.company-contact-title{ color:#000; font-size:1.25rem;}
.company-contact-in{ padding-bottom:0.5rem;}
.company-contact-li{display: flex;flex-wrap: wrap; padding-bottom:0.5rem;}
.company-contact-li .content-li-tit{font-size:0.875rem; line-height:1.2;}
.content-li-val{ color:#666;font-size:0.875rem; line-height:1.2; padding-left:5px;}
.content-li-val a{color:#666;font-size:0.875rem;line-height:1.2; display:block;}
.content-li-val a:hover{ color:#800;}

.cot_email,.cot_mobile,.cot_whatsapp{position:relative;margin-bottom:0.65rem;}
.cot_email a,.cot_mobile a,.cot_whatsapp a{font-size:0.875rem; line-height:1.4;color:#666; display:block;padding-left:24px;font-weight:300;}
.cot_email:before{content:"\f32f";position:absolute;left:0;top:0;font-family:bootstrapicons;}
.cot_mobile:before{content:"\f5c1";position:absolute;left:0;top:0;font-family:bootstrapicons;}
.cot_whatsapp:before{content:"\f618";position:absolute;left:0;top:0;font-family:bootstrapicons;}
.company-contact-in a:hover{ color:#000;}
/*视频列表*/
.company-video-list{ width:100%; background:#fff;border-radius: 10px; padding:2rem 1rem 0.5rem 1rem;}
.video-list-title{ color:#000; font-size:1.25rem; padding-bottom:1rem;}

.video-list-li{ width:100%;}
.video-list-li ul>li{ width:100%;margin:0 0 1rem 0;border-radius: 10px;box-shadow: 0 1px 3px rgba(0,0,0,0.18);box-shadow: 0 2px 15px 0 rgb(0 0 0 / 8%);}
.video-list-li ul>li>ol{width:100%;display: flex;flex-flow: wrap; padding:0; margin:0;align-items: center;}
.video-list-li ul li ol li.video-list-li-img{ width:30%;  position:relative;background: #f5f5f5;border-radius: 10px 0 0 10px;}
.video-list-li ul li ol li.video-list-li-img img{width:100%;mix-blend-mode: multiply;}
.video-list-li ul li ol li.video-list-li-img span.times{ position:absolute; right:0.1rem; bottom:0.2rem; background:rgba(0,0,0,0.7); display:inline-block; padding:0.1rem 0.4rem; color:#fff;border-radius:0.8rem; font-size:0.7rem;}
.video-list-li ul li ol li.video-list-li-img a{display:block;}
.video-list-li ul li ol li.video-list-li-con{ width:70%; padding-left:0.8rem;}
.video-list-li ul li ol li.video-list-li-con a{color:#333;display:block;font-size:0.7rem; padding:0.3rem 0; line-height:1.2;}
.video-list-li ul li ol li.video-list-li-con a:hover{ color:#000;}
.video-list-li ul li ol li.video-list-li-con span{  display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
@media (max-width:991.98px){
  #company-video-box{width:100%;}
}

@media (max-width:991.98px){
  #company-video-box{max-width:inherit;}
}
/*-------公司信息-----*/

/*--------------分享------------*/
#video-share-box{ position:fixed; bottom:-100%; left:50%;border-radius: 20px; width:300px; height:auto; margin-left:-175px; overflow-y: auto; overflow:hidden; background: url(../image/userbg.jpg) #f6f6f6 top center no-repeat; z-index:999; box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%);}
.video-share-box-in{ padding:1rem;text-align:center;}
.video-share-box-title{ font-size:1.5rem; line-height:1.2; color:#000; margin-bottom:1rem;}
.video-share-list{border-radius:10px;width:100%; margin-top:2rem;}
.video-share-list ul{display: flex;flex-wrap: wrap;justify-content: center;}
.video-share-list ul li { width:25%; margin-bottom:1rem;}
.video-share-list a{background: #122342; color:#fff;border-radius:6px;display: block; padding:0 5px; height:40px; width:40px;line-height: 40px; margin:0 auto;border-radius: 100%;}
.video-share-list a:hover{ background:#9b2234;}
.icon_twitter,.icon_linkedin,.icon_pinterest{padding: 5px 0 0 6px;}
.video-share-list a.icon_facebook{}
.video-share-list a.icon_tumblr{padding: 0;}
.video-share-list a.icon_twitter{padding:0 6px 0 12px;}
.video-share-list a.icon_linkedin{padding: 0 6px 0 10px;}
.video-share-list a.icon_pinterest{padding:2px 3px 2px 10px;}
.video-share-list a.icon_reddit{padding: 0 6px 0 6px;}
.video-share-list a.icon_telegram{padding: 0 4px 0 4px;}
.video-share-list a.icon_blogger{padding: 0 6px;}

.video-share-remove{ position:absolute; top: 0px; right:5px; font-size:2rem; cursor:pointer;}
.video-share-remove:hover{ color:#000 !important;}

@media (max-width:991.98px){
   .video-share-remove{ top: 10px;}
   #video-share-box{ width:100%; left:0; margin-left:0;border-radius: 0px;}
   .video-share-box-title{font-weight:normal;}
  
   /*
   
   .video-share-list ul li:nth-child(2){display:none;}
   .video-share-list ul li a{background: #45629f  !important; margin:0 3px; width:34px; height:34px; line-height:34px;border-radius:5px;padding: 0 !important;}
   .video-share-list a.icon_twitter,.video-share-list a.icon_linkedin,.video-share-list a.icon_pinterest{padding: 0 3px 0 6px !important;}
   */
}
/*--------------分享-----------END-*/

/*---------询盘------------*/
.inquiry-box-bg{ z-index:1000;}
#inquiry-box{ position:fixed; bottom:-100%; left:50%;border-radius: 8px; width:400px; height:auto; margin-left:-200px; padding:1rem; overflow-y: auto; overflow:hidden; background: url(../image/userbg.jpg) #f6f6f6 top center no-repeat; z-index:1001; box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%); display:none;}
.inquiry-box-in{ padding:1rem;text-align:center; padding-top:0;}
.inquiry-box-remove{ position:absolute; top: 4px; right:11px; font-size:2rem; cursor:pointer;}
.inquiry-box-remove:hover{ color:#dc3545 !important;}
.inquiry-box-title{ font-size:1.5rem; line-height:1.2; color:#000;margin-bottom: 1rem;}
.inquiry-box-list #chatmessage{ height:80px;}
.inquiry-box-list .input-group-text{border: 1px solid #ebecee;}
.inquiry-box-list .form-control{ font-size:0.875rem;border: 1px solid #ebecee;}
.inquiry-box-list .sendinquiry{ background:#cbd0d3; color:#000; padding:0.3rem 1rem;}
.inquiry-box-list .sendinquiry:hover{background-color: rgba(203,208,211,.8);}

.inquiry-dialog-loading {display: none;position: absolute;width: 80px;height: 80px;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1041;}
.inquiry-dialog-loading img{ width:100%;}
.inquiry-dialog-overlay{display:none;background:rgba(0,0,0,0.5) none repeat scroll 0% 0%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1040;}
.inquiry-success { display:none; background:rgba(0,0,0,0.7) none repeat scroll 0% 0%;position: absolute;width: 70px;height: 70px;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 5px; text-align:center;z-index: 1041;}
.inquiry-success i{ color:#fff; font-size:3.6rem;line-height: 70px;}

@media (max-width:575.98px){
   #inquiry-box{ width:100%; left:0; margin-left:0;border-radius: 0px;}
   .inquiry-box-title{font-weight:normal;}
}
/*---------询盘-----------END-*/

/*加载*/
.loading_relative{ position:relative;}
.loading{position:absolute; width:auto;border-radius:10px;padding:0px 15px 3px 15px;left:50%;margin-left:-34px;line-height:34px;border:1px #666 solid;z-index:1002;font-size:16px;background: #fff; display:none;}
.loading img{width:24px; margin:0 auto;}
.loading_buttom{bottom:-55px;}

#etwtop{position:fixed;width:38px;height:38px;right:10px;bottom:60px;text-align:center;background:#999;z-index:100;cursor:pointer;line-height:34px;border-radius:50%;transition:.5s all ease-in-out; display:none;}
#etwtop a{color:#fff;font-size:.9rem}
#etwtop:hover{background:#999;transform:translateY(-.5rem)}
#etwtop:after{position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)}

/*-------用户信息-----*/
#users-video-box{ width:100%; max-width:350px; height:100vh;overflow-y: auto; background:url(../image/userbg.jpg) #f6f6f6 top center no-repeat; position:fixed; top:100%; left:0; z-index:999;}
.users-video-box-remove{ position:absolute; top: -5px; right:5px; font-size:2rem; cursor:pointer;}
.users-video-box-remove:hover{ color:#dc3545 !important;}
.users-video-in{ padding:1rem;}

/*头像*/
.users-info-con{ display:none;}
.users-info{display: flex;flex-wrap: wrap;align-items: center;}
.users-info .users-video-icon img{border: 2px solid #fff;width: 70px;height: 70px;border-radius: 50%;}
.users-video-name{ padding:0 1.5rem 0 1rem;flex: 1;}

/*注册、登录*/
.users-register{ padding-top:3rem; display:none;}
.users-register-title{ text-align:center; font-size:1.5rem; line-height:2; padding-bottom:1.5rem;}

.user-create,.user-forgot,.user-code,.user-create-success{ display:none;}

.users-btnoption{display: flex;flex-wrap: wrap;justify-content: space-between;}
.users-btnoption div{ font-size:0.75rem; padding:0 1rem 0.5rem 0; display:inline-block; cursor:pointer;}
.users-btnoption div:hover{ text-decoration:underline;color:#0b57d0;}
.users-register .error span{ background:#e6b4b4; font-size:0.8rem; padding:0.5rem; line-height:1.25rem; width:100%;border-radius: 5px;margin-bottom: 10px;}


.btnstyle{ background:#455a64;border: none;width: 100%;border-radius: 1rem; color:#fff;}
.btnstyle:hover{ background:#161823; color:#fff;}

.users-video-data{ width:100%; margin-top:2rem;background:#fff; padding:0.8rem;border-radius:10px;}
ul.tab-video-nav{ width:100%;display: flex;flex-wrap: wrap; display:none;}
.users-video-data .video-list-title{ padding-bottom:0;}
ul.tab-video-nav li{background: #d7d5d5;color: #212529;font-size: 0.875rem;line-height: 1.2;padding: 0.5rem 1rem;border-radius:4px; margin-right:6px; cursor:pointer;}
ul.tab-video-nav li.show,ul.tab-video-nav li:hover{background: #b01333;color: #fff;}
.tab-video-in{ margin-top:1.5rem;}
.tab-video-li{ display:none;}
.tab-video-li.show{ display:block;}
@media (max-width:991.98px){
  #users-video-box{ left:0; width:100%;}
}

@media (max-width:991.98px){
  #users-video-box{max-width:inherit;}
}
/*-------用户信息-----*/

/*---------wap search-------------*/
#search-video-box{ width:100%; height:100vh;overflow-y: auto; background:url(../image/userbg.jpg) #f6f6f6 top center no-repeat; position:fixed; top:0; right:-100%; z-index:999;}
.search-video-box-in{ padding:1rem 1rem 1rem 1rem;}
.search-video-box-search{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.search-video-box-search .input-group{ width:calc(100% - 40px);}
.search-video-box-search input.form-control{ background:none;  border: 1px #b3a5a5 solid; color:#000; border-right:none;border-radius: .25rem 0 0 0.25rem;font-size: 0.8rem; height:34px; line-height:34px;}
.search-video-box-search .input-group-text{ background:none; color:#000; border-color:#b3a5a5; border-left:none;border-radius:0 0.25rem 0.25rem 0; cursor:pointer;height:34px; line-height:34px;}

.search-video-box-remove{font-size:2rem; cursor:pointer;}
.search-video-box-remove:hover{ color:#dc3545 !important;}
#search-video-box #search-video-li{ margin-top:1rem;}
/*---------wap search-------------END*/

/*-----------language-----------*/
#video-lan-box{ width:100%; max-width:140px; height:100vh;overflow-y: auto; background:url(../image/userbg.jpg) #f6f6f6 top center no-repeat; position:fixed; top:0; right:-140px; z-index:999;}
.video-lan-box-remove{ position:absolute; top: 4px; right:11px; font-size:2rem; cursor:pointer;}
.video-lan-box-remove:hover{ color:#dc3545 !important;}
.video-lan-in{ padding-top:3rem;}

.langlist{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.langlist>a {color: #333;text-decoration: none;font-size: .9rem;width: 80%; max-width:80px;margin: 0 auto; height: 30px; margin-bottom:1rem;display: flex;flex-direction: row;justify-content: center;align-items: center;background: #efefef;}
.langlist>a:hover,.langlist>a.action{ background:#9a2334; color:#fff;}
/*-----------language-----------END*/

video{ z-index:10;}


@font-face{font-weight:200;font-style:normal;font-family:Sora;src:local('Sora-Light'),local('Sora-Light'),url(../fonts/Sora-Light.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Sora;src:local('Sora-Regular'),local('Sora-Regular'),url(../fonts/Sora-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Urbanist;src:local('Urbanist-Regular'),local('Urbanist-Regular'),url(../fonts/Urbanist-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/*Token*/
.bodytoken{background:#f9f9fa;color:#333;font-weight:200;font-family:Sora; text-align:left;}
.itemproptoken{ display:none;}
.bodytoken #navigation{background:#eee;}
.bodytoken .navicon .naviconli{ color:#000;}
#token-container{height:calc(100vh - 60px); overflow:hidden;width:100%;max-width:650px; margin:0 auto;background:#fff;padding: 1rem 2.5rem 1rem 2.5rem;border-radius: 30px; }
#token-container .swiper-container{ background:none;}
.token-content{ width:100%;}
.token-content h2{font-size: 1.8rem;line-height: 2rem;margin: 1rem 0;text-align: center; color:#333;font-family: 'Urbanist';font-weight: 200;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.token-pic{ width:calc(100% - 2rem); margin:0 1rem; overflow:hidden; position:relative;}
.token-pic figure{ padding:0; margin:0;}
.token-pic a{ width:100%; height:100%; display:block;}
.token-pic img{ max-width:100%; height:100%;}

.product-content{width: 90%; margin:0 auto;padding: 1rem 1.6rem 0.8rem 1.6rem;}
.product-info{ width:100%;font-size: .85rem;line-height: 1.2rem;text-align: left;margin-bottom:1.5rem;display: flex; text-align:left;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;overflow: hidden;}
.peoinfo_11{-webkit-line-clamp: 11;}
.peoinfo_9{-webkit-line-clamp: 9;}
.peoinfo_7{-webkit-line-clamp: 7;}
.peoinfo_5{-webkit-line-clamp: 5;}
.peoinfo_3{-webkit-line-clamp: 3;}

.pro-table{width: 100%;color:#555;line-height: 1.35rem;margin-bottom: 0;}
.pro-table span {color:#333;padding-right: 0.4rem;white-space: nowrap;}
.pro-des {padding-top:1.5rem;margin-bottom: 0;}
.client-contact{display:flex;align-items:center;color:#0041a6;cursor:pointer;transition:.5s all ease-in-out;display:flex;flex-direction:row;justify-content: space-between;align-items:center;}
.client-contact a{cursor:pointer;color:#0041a6;padding:0.3rem 0.8rem 0.3rem 0;font-size:0.85rem;line-height:0.85rem;text-align:left;display:inline-block;margin:0;position:relative;overflow:hidden;font-weight:300;z-index:1;transition:.5s all ease-in-out;}
.client-contact a:nth-child(2){ padding-right:0;}
.client-contact a i{ padding-left:1.5rem;}
.client-contact a:hover{ text-decoration:underline;}

#search-video-li .token-tags{ width:100%;}
#search-video-li .token-tags ul{ width:100%;}
#search-video-li .token-tags ul li{display: flex; justify-content: left; color:#666;border-bottom: 1px #ccc dashed;box-shadow:0 0 0;padding: 0.35rem 0.5rem;margin-bottom:0;border-radius: 0px;}
#search-video-li .token-tags ul li span{ padding-right:0.3rem;}
#search-video-li .token-tags ul li span.pname{ color:#333;}

#token-container .search-wap i{ color:#000;}
#token-container .search-menu, #token-container .search-icon{ padding:0.5rem 0.75rem 0.5rem 0.35rem;}
#token-container .search-wap i{ font-size:1.25rem;}
@media (max-width:991.98px){
  .product-content{ width:100%; padding-top:0.8rem;}
  .product-info{ margin-bottom:0.8rem;}
  .pro-des{ padding-top:1rem;}
  #token-container{padding: 0.5rem 1rem 2rem 1rem;border-radius: 0; }
  .token-content h2{font-size:1.5rem;line-height: 1.8rem; margin-top:0; padding:0 2rem;}
  .pro-des{ padding-top:0.5rem;}
  .client-contact-icon a{ padding-bottom:0.3rem;}
  .client-contact a i{ padding-left:0.5rem;}
}

@media (max-width:575.98px){
  .token-content h2{ font-size:1.25rem; line-height:1.65rem;}
  .product-content{padding:1rem 1rem 0.8rem 1rem}
}

.mfp-close{ font-size:40px;}
.mfp-arrow-left,.mfp-arrow-right,.mfp-bottom-bar{display: none !important;}