@charset "utf-8";
*{box-sizing:border-box;}
html,body{ -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
html{ font-family: sans-serif; font-size: 50px; font-size: calc(100vw/7.5); background: #fff;}
body{ margin: 0; font-size: .28rem; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); max-width: 7.5rem; margin: 0 auto;}

* { margin: 0; padding: 0; font-family: "Microsoft Yahei", Helvetica, sans-serif; background-repeat: no-repeat; }
ul,li { list-style-type: none; }
a { text-decoration: none; font-family: "Microsoft Yahei", Helvetica, sans-serif }
p,h2,h3,h4,h5,span { font-family: "Microsoft Yahei", Helvetica, sans-serif }
img { border: none; } 

/* 统一placeholder文字颜色 */
::-moz-placeholder{color:#999;}              /*ff*/
::-webkit-input-placeholder{color:#999;}     /*chrome,safari*/
:-ms-input-placeholder{color:#999;}  		/*IE10*/

button:focus,input:focus,textarea:focus {outline: none;} 
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }  

/*清除浮动*/
.clear { clear: both; height: 0; }
.clearfloat:after { content:"."; visibility: hidden; display: block; clear: both; height: 0; } 
.clearfloat { zoom: 1;}
/* 单行隐藏 */
.cut_f1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap} 
/* 多行隐藏 */
.cut_f2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.cut_f3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} 
.cut_f4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} 
.cut_f5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} 


/* 登录页面 */
.logo_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden;}
.login_logo { width: 14vw; height: 69px; position: absolute; top: 6.4vh; left: 3.7vw;}
.login_logo img { width: 100%;}
.login_bg { width: 100vw; height:100vh; top: 0; position: absolute; left: 0; overflow: hidden;}   
.login_bg img { width:100%;  min-height:100vh;}  
.login { width: 34vw; height: 61vh; border-radius: 16px; background: #fff; box-shadow: 0 0 127px #F7BA2F; position: absolute; top: 21vh; right: 8.6vw; padding: 6.4vh 4.4vw;} 
.login h2 { font-size: 1.78vw; margin-bottom: 5.4vh;}
.login .input { width: 100%; height: 6vh; border-bottom: 1px solid #f4f4f4; line-height: 6vh; font-size: 18px; padding-left: 50px; margin-bottom: 1.8vh;} 
.login .input input { height: 100%; display: block; width: 100%; border: none; } 
.login .input:nth-child(1) { background: url(../img/yiqihui/user.png) no-repeat left center; background-size: 24px 24px;} 
.login .input:nth-child(2) { background: url(../img/yiqihui/password.png) no-repeat left center; background-size: 24px 24px;} 
.login .input:nth-child(3) { background: url(../img/yiqihui/code2.png) no-repeat left center; background-size: 24px 24px;} 
.login .code input { width: 40%; float: left;}   
.login .code img { width: 40%; display: block; float: right; height: 4.8vh;}   
.login .input:last-child { border: none; margin-top: 30px; padding: 0;}
.login .input input[type=submit] { width: 100%; height: 6vh; border-radius: 3vh; background: #F99E06; display: block; margin: 0 auto; font-size: 2vh; color: #fff;} 

/* 首页 */
.top_head_wrap { position: fixed; z-index: 9999; top: 0; right: 0; left: 0; width: 100%; height: 81px;/* border-bottom: 1px solid #e5e5e5; */ transition: .2s;}
.top_head_size{ height: 81px;}
.top_head { width: 1200px; margin: 0 auto; height: 80px;}
.top_head  img.logo { width: 155px; height: 40px; float: left; display: block; margin-top: 20px;}
.top_head .search { width: 380px; height: 48px; margin-top: 16px; border: 1px solid #e5e5e5; border-radius: 24px; float: left; margin-left: 236px;}
.top_head .search input[type=text] { width: 280px; display: block; float: left; padding: 0 20px; height: 46px; border: none; line-height: 46px; font-size: 14px; border-radius: 23px 0 0 23px;}
.top_head .search .submit_wrap { width: 98px; float: left; display: block; height: 48px; border: none; background:linear-gradient(138deg,rgba(250,201,0,1) 0%,rgba(250,198,0,1) 14%,rgba(243,152,0,1) 100%); margin-top: -1px; border-radius: 0 24px 24px 0;} 
.top_head .search input[type=submit] { width: 98px; height: 48px; border: none; border-radius: 0 24px 24px 0; padding-left: 20px; background-image: url(../img/yiqihui/search.png); background-repeat: no-repeat; background-position: 10px center; background-color: rgba(0,0,0,0); display: block; background-size: 24px 24px; font-size: 16px; color: #fff; line-height: 48px; cursor: pointer;}
.top_head .user { float: right; height: 80px;} 
.top_head .user img { width: 45px; height: 45px; border-radius: 50%; display: block; float: left; margin-top: 17px;} 
.top_head .user p { line-height: 80px; font-size: 14px; color: #333; float: left; margin-left: 10px;} 

.top_head_wrap_hide{ top: -81px;}
.top_head_wrap_show{background-color: #fff;}
.top_head_wrap_show .user p{ color: #333;}

.nav_wrap { width: 100%; height: 80px; line-height: 80px;}
.nav_wrap .nav { width: 1200px; margin: 0 auto; }  
.nav_wrap .nav li { width: 120px; float: left; height: 80px; position: relative;}
.nav_wrap .nav li a { display: block; width: 100%; font-size: 18px; text-align: center; color: #000;}
.nav_wrap .nav li.on a { color: #F39800;}
.nav_wrap .nav li.on::after { content: ''; width: 20px; height: 6px; border-radius: 3px; background:linear-gradient(138deg,rgba(250,201,0,1) 0%,rgba(250,198,0,1) 14%,rgba(243,152,0,1) 100%); position: absolute; bottom: 0; left: 50px;}  


.content_list_wrap { width: 100%; min-height: calc( 100vh - 161px); background: #f8f8f8; padding: 10px 0;} 
.choose_list { width: 1200px; margin: 0 auto; height: auto; background: #fff; padding: 20px 10px;} 
.choose_list01 { width: 100%; margin-bottom: 20px;}
.choose_list01 h4 { font-size: 14px; padding-left: 25px; height: 20px; line-height: 20px; background: url(../img/yiqihui/icon01.png) no-repeat left center; background-size: 16px 16px; margin-bottom: 10px;}
.choose_list01 ul { padding-left: 25px;} 
.choose_list01 ul li { float: left; margin-right: 24px; height: 20px; line-height: 20px;}
.choose_list01 ul li a { font-size: 14px; color: #9B9B9B; display: block;} 
.choose_list01 ul li.on a { color: #F39800; } 

.choose_list02 { width: 100%;}
.choose_list02 h4 { font-size: 14px; padding-left: 25px; height: 20px; line-height: 20px; background: url(../img/yiqihui/icon02.png) no-repeat left center; background-size: 16px 16px; margin-bottom: 10px;}
.choose_list02 ul { float: left;} 
.choose_list02 p { float: left; font-size: 14px; height: 20px; line-height: 20px; font-weight: 600; color: #000; padding-left: 25px; margin-right: 15px;}  
.choose_list02 .child { margin-bottom: 10px;} 
.choose_list02 .child:last-child { margin-bottom: 0;} 
.choose_list02 ul li { float: left; margin-right: 24px; height: 20px; line-height: 20px;}
.choose_list02 ul li a { font-size: 14px; color: #9B9B9B; display: block;} 
.choose_list02 ul li.on a { color: #F39800; } 

.choose_list02 .hr { width: calc(100% - 25px); height: 1px; background: #f5f5f5; margin: 20px auto; margin-left: 25px;} 


.product_list { width: 1200px; margin: 0 auto; margin-top: 20px;} 
.product_list li { width: 285px; height: 343px; background: #fff; border-radius: 6px; float: left; margin-right: 20px; margin-bottom: 20px; transition: ease .5s;} 
.product_list li:hover { box-shadow: 10px 10px 20px #d1d1d1;} 
.product_list li:nth-child(4n) { margin-right: 0;} 
.product_list li img { width: 100%; height: 200px; display: block;} 
.product_list li .con { padding: 20px 10px; }
.product_list li .con h4 { font-size: 16px; color: #000; line-height: 22px; margin-bottom: 10px;}
.product_list li .con p { font-size: 12px; color: #9B9B9B; line-height: 17px; margin-bottom: 20px;} 
.product_list li .con span { font-size: 12px; color: #9B9B9B; display: block; float: left; padding-left: 26px; height: 20px; line-height: 20px;} 
.product_list li .con span:nth-child(3) { background: url(../img/yiqihui/view.png) no-repeat left center; background-size: 16px 16px; margin-right: 20px;} 
.product_list li .con span:nth-child(4) { background: url(../img/yiqihui/time.png) no-repeat left center; background-size: 16px 16px; } 

.crumb { width: 1200px; margin: 0 auto; color: #9B9B9B; font-size: 12px; padding-left: 20px; background: url(../img/yiqihui/position.png) no-repeat left center; background-size: 16px 16px; height: 20px; line-height: 20px; margin-bottom: 10px;} 

.product_list .like { font-size: 18px; color: #000; line-height: 25px; margin: 20px 0;} 

.product_detail { width: 100%; height: auto; border-radius: 6px; background: #ffff; padding: 20px 30px;}
.product_detail .product_detail_title { width: 100%; height: 33px; line-height: 33px; margin-bottom: 10px;} 
.product_list .product_detail li:hover { box-shadow: none;} 
.product_detail .product_detail_title h4 { float: left; font-size: 24px; line-height: 33px; margin-right: 20px; } 
.product_detail .product_detail_title p { width: auto; height: 24px; padding: 0 10px; border-radius: 12px; background: linear-gradient(138deg,rgba(250,201,0,1) 0%,rgba(250,198,0,1) 14%,rgba(243,152,0,1) 100%); font-size: 14px; color: #fff; text-align: center; float: left; line-height: 24px; margin-top: 4.5px; } 
.product_detail .product_detail_title span:nth-child(3) { background: url(../img/yiqihui/time.png) no-repeat left center; background-size: 16px 16px; margin-right: 20px; font-size: 12px; display: block; float: right; padding-left: 25px;} 
.product_detail .product_detail_title span:nth-child(4) { background: url(../img/yiqihui/view.png) no-repeat left center; background-size: 16px 16px; margin-right: 20px; font-size: 12px; display: block; float: right; padding-left: 25px;} 

.product_detail_img { width: 100%;} 
.product_detail_img img { width: 760px; height: 465px; display: block; float: left; margin-right: 20px; cursor: pointer; } 
.product_detail_img ul { width: 360px; float: left;} 
.product_detail_img ul li { border: 1px solid #D8D8D8; width: 360px; height: 82px; font-size: 18px; color: #000; border-radius: 0; margin-bottom: 0; cursor: pointer; line-height: 80px; padding-left: 80px;} 
.product_detail_img ul li img { width: 40px; height: 40px; display: inline-block; float: none;} 
.product_detail_img ul li p { max-width: 290px;} 
.product_detail_img ul li.on,.product_detail_img ul li:hover { border-color: #F5A623; background-color: #FFE7BF; z-index: 10;} 
.product_detail_img ul li.ppt { background-image: url(../img/yiqihui/ppt.png); background-size: 40px 40px; background-position: 20px 21px; background-repeat: no-repeat;}
.product_detail_img ul li.word { background-image: url(../img/yiqihui/word.png); background-size: 40px 40px; background-position: 20px 21px; background-repeat: no-repeat;}
.product_detail_img ul li.video { background-image: url(../img/yiqihui/video.png); background-size: 40px 40px; background-position: 20px 21px; background-repeat: no-repeat;} 
.product_detail_img ul li.pdf { background-image: url(../img/yiqihui/pdf.png); background-size: 40px 40px; background-position: 20px 21px; background-repeat: no-repeat;} 
.product_detail_img ul li.image { background-image: url(../img/yiqihui/image.png); background-size: 40px 40px; background-position: 20px 21px; background-repeat: no-repeat;} 
.introduce { width: 100%;}
.introduce h4 { font-size: 24px; margin: 20px 0; height: 30px; line-height: 30px;}  
.introduce p { color: #000; font-size: 14px; line-height: 24px;} 

.users { width: 1200px; margin: 0 auto; } 
.users .left { width: 390px; float: left; height: 508px; background: #fff; border-radius: 6px; margin-right: 20px;} 
.users .left img.head { width: 100px; height: 100px; border-radius: 50%; display: block; margin: 0 auto; margin-top: 54px; } 
.users .left p { font-size: 18px; text-align: center; color: #000; margin-top: 20px;}
.users .left ul { margin-top: 20px; } 
.users .left ul li { width: 100%; height: 62px; position: relative;}
.users .left ul li.on::after { content: ''; width: 4px; height: 30px; background: linear-gradient(138deg,rgba(250,201,0,1) 0%,rgba(250,198,0,1) 14%,rgba(243,152,0,1) 100%);
position: absolute; left: 0; top:15px; } 
.users .left ul li a { display: block; width: 300px; margin: 0 auto; height: 62px; line-height: 61px; border-bottom: 1px solid #f5f5f5; text-align: center; color: #000; font-size: 16px; } 
.users .left ul li:nth-child(1) a{ background: url(../img/yiqihui/user_icon01.png) no-repeat 90px center; background-size: 25px 25px;} 
.users .left ul li:nth-child(2) a{ background: url(../img/yiqihui/user_icon03.png) no-repeat 90px center; background-size: 25px 25px;} 
.users .left ul li:nth-child(3) a{ background: url(../img/yiqihui/user_icon02.png) no-repeat 90px center; background-size: 25px 25px;} 

.users .right { width: 790px; float: left; height: 508px; background: #fff; border-radius: 6px; padding: 30px; } 
.users .right  h4 { font-size: 16px; color: #000; height: 22px; line-height: 22px; margin-bottom: 12px;}
.users .right .head { width: 80px; height: 80px; margin: 0 auto; position: relative; border-radius: 50%; overflow: hidden; margin-bottom: 30px; cursor: pointer;} 
.users .right .head img { width: 80px; height: 80px;} 
.users .right .head .choose { position: absolute; width: 80px; height: 80px; left: 0; top: 0; background: rgba(0,0,0,.3); font-size: 12px; color: #fff; text-align: center; line-height: 80px;} 
.users .right ul { padding-left: 269px;}
.users .right ul li { height: 22px; line-height: 22px; margin-bottom: 30px;} 
.users .right ul li p { color: #9B9B9B; float: left; width: 95px; font-size: 16px;}
.users .right ul li span { color: #000; display: block; float: left; font-size: 16px; } 

.users .right .editor { width: 400px; margin: 0 auto; margin-top: 40px;} 
.users .right .editor input[type=password] { margin-bottom: 20px; width: 400px; display: block; height: 60px; background:rgba(244,244,244,1);border-radius:4px;border:1px solid rgba(230,230,230,1); padding: 0 20px; } 
.users .right .editor input[type=submit] { width: 400px; display: block; height: 60px; background:rgba(244,244,244,1);border-radius:4px;border:1px solid rgba(230,230,230,1); font-size: 16px; color: #9B9B9B; border-radius: 30px; cursor: pointer;} 

.users .right .editor p { width: 400px; display: block; height: 60px; background:rgba(244,244,244,1);border-radius:4px;border:1px solid rgba(230,230,230,1); font-size: 16px; color: #9B9B9B; border-radius: 30px; cursor: pointer; line-height: 60px; text-align: center;} 

.users .right02 { width: 790px; float: left; background: #fff; border-radius: 6px; padding: 30px; } 
.users .right02  h4 { font-size: 16px; color: #000; height: 22px; line-height: 22px; margin-bottom: 24px;}
.users .right02 .content li { width: 100%; height: 112px; margin-bottom: 20px;} 
.users .right02 .content li img { width: 160px; height: 112px; float: left; margin-right: 20px; display: block;} 
.users .right02 .content li .con { padding: 10px; }
.users .right02 .content li .con h4 { font-size: 16px; color: #000; line-height: 22px; margin-bottom: 10px;}
.users .right02 .content li .con p { font-size: 12px; color: #9B9B9B; line-height: 17px; margin-bottom: 20px;} 
.users .right02 .content li .con span { font-size: 12px; color: #9B9B9B; display: block; float: left; padding-left: 26px; height: 20px; line-height: 20px;} 
.users .right02 .content li .con span:nth-child(3) { background: url(../img/yiqihui/view.png) no-repeat left center; background-size: 16px 16px; margin-right: 20px;} 
.users .right02 .content li .con span:nth-child(4) { background: url(../img/yiqihui/time.png) no-repeat left center; background-size: 16px 16px; } 

.search_form { height: 40px; margin-bottom: 20px;} 
.search_form input { width:234px; height:32px; border-radius:4px; border:1px solid rgba(240,240,240,1); display: block; float: left; padding: 0 10px; margin-right: 20px;} 
.search_form input:nth-child(1) { background: rgba(244,244,244,1) url(../img/yiqihui/search02.png) no-repeat 208px center; background-size: 16px 16px} 
.search_form input:nth-child(2) { background:  rgba(244,244,244,1)url(../img/yiqihui/date.png) no-repeat 208px center; background-size: 16px 16px} 
.search_form input[type=submit] { width: 120px; background: #F39800; color: #fff; cursor: pointer;} 


.layui-laydate .layui-this { background-color: #F39800 !important} 

.exit { width:300px; height:56px; background:linear-gradient(138deg,rgba(250,201,0,1) 0%,rgba(250,198,0,1) 14%,rgba(243,152,0,1) 100%); border-radius:31px; border: none; display: block; margin: 0 auto; font-size: 16px; color: #fff; margin-top: 20px; cursor: pointer;} 


.layui-layer-setwin .layui-layer-close2{background:url('../img/icon/close.png') center no-repeat!important;right:-10px!important;top:-10px!important;}
.layui-layer-photos .layui-layer-setwin .layui-layer-close2{background:url('../img/icon/close2.png') center no-repeat!important;right:-10px!important;top:-10px!important;}
.layui-layer-btn .layui-layer-btn0{background:#d0191f!important;border-color:#d0191f!important;}

.layer{ background: #fff;}
.layer .title{ position: absolute; z-index: 9; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.8); border-bottom: 1px solid #e5e5e5; font-size: 16px; font-weight: 700; padding: 20px; height: 64px; }
.layer .title a{ position: absolute; display: inline-block; right: 20px; width: 100px; height: 20px; line-height: 20px; font-size: 14px; color: #fff; height: 24px; line-height: 24px; font-weight: normal;}
.layer .title a:first-child { position: absolute; display: inline-block; right: 120px; width: 100px; height: 20px; line-height: 20px; font-size: 14px; color: #fff;}
.layer .title a:nth-child(2) { position: absolute; display: inline-block; right: 120px; width: 100px; height: 20px; line-height: 20px; font-size: 14px; color: #fff;}
.layer .title a:nth-child(4) { position: absolute; display: inline-block; left: 50px; width: 100px; height: 20px; line-height: 20px; font-size: 14px; color: #fff;}
.layer .title a img{ float: left; width: 16px; height: 16px; margin-right: 10px; vertical-align: middle; margin-top: 3px;}
.layer .content{ position: absolute; z-index: 8; left: 0; right: 0; top: 0; height: 100%; overflow: hidden;}


.fanye { width: 100%; height: 30px; }
.fanye ul { text-align: center; height: 30px; display: flex; flex-flow: row nowrap; justify-content: center; } 
.fanye ul li { border: #F39800 1px solid; border-radius: 5px; display: inline-block; margin: 0 5px;}
.fanye ul li a { padding: 5px 10px; display: block; width: 100%; height: 100%; color: #F39800;} 
.fanye ul li.on a { background: #F39800; color: #fff;} 
.fanye ul li.active span { background: #F39800; color: #fff; padding: 5px 10px; display: block; width: 100%; height: 100%;} 
.fanye ul li.active .sr-only { display: none;}
.fanye ul li span { color: #F39800; padding: 5px 10px; display: block;} 


.quanpin { width: 100vw !important; height: 100vh !important; left: 0 !important; top: 0 !important;} 

.no_data { width: 300px; margin: 100px auto;} 
.no_data img { width: 100%; display: block;} 
.no_data div { font-size: 22px; color: #999; text-align: center; margin-top: 40px;}