html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0; vertical-align: baseline;}
a{text-decoration: none;}
*{
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
ul,li,ol{list-style: none;}
:root{
--blue:#ff6900;
--orange:#ff6900;
--blueD:#e5851b;
--blueW:#809aae;
--orangeD:#e5851b;
--000:#000;
--02:#000222;
--222:#222;
--444:#444;
--666:#666;
--888:#888;
--aaa:#aaa;
--ccc:#ccc;
--eee:#eee;
--fff:#fff;
--f3:#f3f3f3;
--f8:#f8f8f8;
--ae:#aeaeae;
}
.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.radius {
-ms-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.content{width:100%}
.content,.main{overflow:hidden}
.main{margin: 0 auto;margin: 0 20px; }
/*--字重--*/
.fontL{font-weight: lighter;}
.fontB{font-weight: bold;}
.fontB1{font-weight: 800;}
/*--字重 end--*/
/*--标题--*/
.maxtitle{color:var(--02);font-size:32px;}
.maxtitle span{display:block;}
.basetitle{margin-top:24px;color:var(--02);font-size:24px;}
.text{color:var(--02);font-size:14px;line-height:24px;}
.txt{color:var(--02);font-size:12px;line-height:16px;}
/*--标题 end--*/
/*--返回顶部--*/
.backtopbox{position:fixed;right:20px;bottom:30px;width:40px;height:40px;background:0 0;display:none;margin-top:20px;z-index:99}
.backtopbox img{width: 100%;}
.backtopbox .btntxt{text-align: center;font-size: 16px;color: var(--bl060);text-decoration: underline;}
.backtopbox .btntxt b{text-transform: uppercase;}
/*--返回顶部--*/
/*--header--*/
.nullheight{height:50px;}
.header{position:fixed;top:0;left:0;z-index:99;height:50px;border-bottom:1px solid var(--f8);background:var(--fff);line-height:50px;}
.header .logo .icomoon{display:flex;font-size:24px;font-family:icomoon!important; color: var(--orange);}
.header-content{
height: 50px;
line-height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-content .history{
display: inline-block;
width: 50px;
}
.header-right{
display: flex;
justify-content: space-between;
align-items: center;
}
.header .header-right .cart,.header .header-right .menu-button{
-ms-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.menu-button {width: 30px;height: 30px;cursor: pointer;z-index: 666;margin-right:10px;background:var(--eee);text-align: center;padding:8px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header .cart{display: inline-block;background: var(--eee);height: 30px;width: 30px;text-align: center;line-height: 30px;font-size:16px;color: var(--02);overflow: hidden;}
.menu-button span {width: 20px;height: 1px;background-color: var(--02);display: block;
-ms-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.menu-button span:nth-of-type(2){margin:1px 0;}
.menu-button.active span:nth-of-type(1){transform:translateY(4px) rotate(-45deg);}
.menu-button.active span:nth-of-type(2){display:none;opacity:0;transform:translateX(-24px);}
.menu-button.active span:nth-of-type(3){transform:translateY(-3px) rotate(45deg);}
.menu-overlay {width:100%;height: 100%;position: fixed;top: 50px;left: -100%;display: grid;color: white;padding: 50px 0px 20px 0px;z-index: 999;
transform: translateX(-100%);
transition: all 0.8s ease-in-out;
-ms-transition:all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition:all 0.8s ease-in-out;
-o-transition:all 0.8s ease-in-out;
}
.menu-overlay-bg{position:absolute;width:100%;height:100vh;background-color:rgba(0,0,0,.2);}
.menu-overlay .logo .icomoon{padding:0 20px;height:60px;border-bottom:6px solid var(--eee);font-size:32px;line-height:50px;}
.menu-overlay .logo span{display:flex;font-family:icomoon!important;}
.menu-overlay.open{left:0;transform:translateX(0);}
.menu-overlay .nav{position:absolute;overflow-y:auto;padding:0 0 20px 0;width:100%;height:calc(100vh - 50px);background-color:var(--fff);}
.menu-overlay .nav .nav-ul{padding:0 20px;}
.menu-overlay .nav .nav-ul-li{border-bottom:1px solid var(--f8);}
.menu-overlay .nav .nav-ul-li a{display: block;width: 100%;margin: 0 auto;padding: 10px;font-size: 14px;color: var(--02);text-align:left;margin-top: 20px;
-ms-border-radius:24px;
-moz-border-radius:24px;
-o-border-radius:24px;
-webkit-border-radius:24px;
border-radius:24px;
}
.menu-overlay.open .nav {
animation: fadeIn 0.8s ease-in-out 0.2s forwards;
-ms-animation:fadeIn 0.8s ease-in-out 0.2s forwards;
-moz-animation: fadeIn 0.8s ease-in-out 0.2s forwards;
-webkit-animation:fadeIn 0.8s ease-in-out 0.2s forwards;
-o-animation:fadeIn 0.8s ease-in-out 0.2s forwards;
}
.menu-overlay .content-ul{width:80%;text-align: left;position: absolute;left: 0;bottom: 0;padding: 30px 20px;background:#f4fbff;}
.menu-overlay .content-ul li{margin-top: 10px;}
/*--header end--*/
/*--按钮--*/
.btn-block{display: inline-block;width: 104px;height: 30px;line-height: 30px;font-size: 12px;text-align: center;color: var(--fff);background:var(--blue);
-ms-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius:15px;
border-radius: 15px;
}
.btn-block-icon{padding:0 24px;width:auto;}
.btn-block-grey{background:var(--f8);}
.btn-block .icomoon{font-size:15px;line-height:30px;}
.btn-block .txt{display:inline-block;height:30px;color:var(--fff);line-height:30px;}
.btn-block-grey .txt{color:var(--222);}
.btn-block:hover{background:var(--blueD);color:var(--fff);}
/*--按钮 end--*/
/*--弹窗--*/
.popbg{background:rgba(0,0,0,0.5);position:fixed;top:0;bottom:0;left:0;right:0;z-index:99;display: none;}
.popmain{position:fixed;width:90%;background:var(--fff);z-index:999999;left:5%;top:50%;padding:40px 20px;display:none;
-ms-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform: translate(0,-50%);
}
.popmain-content{max-height:60vh;overflow-y: auto;}
.popmain-content::-webkit-scrollbar {display: none; }
.popmain-content .layui-btn{background: rgba(25, 135, 194, .1);margin-top: 17px;width: 100%;height: 48px;border: 0;color: var(--blue);border: 1px var(--blue) solid;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
.poptop{display:block;width:100%;overflow:hidden;margin-bottom:0}
.poptop .title{display:block;width:100%}
.poptop .title i{display:block;text-align:center;font-size:22px;font-style:normal;font-weight:400}
.poptop .title .jobname{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:16px;margin:10px 0;color:#999}
.poptop .title .jobtxt{width:100%;color:#333}
.popmain .close{display:block;font-size: 30px;cursor:pointer;position:absolute;right:10px;top:10px;color: var(--blue);background: white;z-index: 9;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
.popmain .close:hover{color:var(--blueD);}
.span_input{position:relative;display:block;margin-bottom:10px;height:50px;}
.span_input .mintitle{position:absolute;z-index:0;display:block;margin-top:23px;margin-left:10px;padding:0 10px;height:16px;background:var(--fff);color:#666;font-style:normal;font-size:12px;}
.span_input .inputtxt {height: 40px;background: 0 0;position: absolute;z-index: 7;margin-top: 10px;width: 100%;text-indent: 20px;border: 1px solid #eee;outline: 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius: 5px;
}
.span_input .inputtxt:focus {border: 1px solid var(--blue);}
.span_input b {display: block;height: 40px;background: 0 0;position: absolute;float: right;right: 10px;line-height: 54px;margin-top: 10px;padding: 0 10px;cursor: pointer;z-index: 10;font-size: 16px;color: #444;font-weight: 400;text-decoration: underline;}
.max_span_input{height:95px;}
.span_input .l_text{padding:10px 20px;height:90px;text-indent:0;line-height:26px;resize:none;}
.codebg{display:block;overflow:hidden;margin-top:10px;}
.codebg .span_input{float:left;width:60%;}
.codepic{float:left;display:block;margin-top:10px;padding-left:10px;width:40%;height:40px; line-height:40px;cursor:pointer; }
.min_info{display:none;display:block;margin-bottom:20px;height:16px;color:#b81b1e;font-size:12px;}
.popmain_min {width: 320px;height: 350px;background: var(--fff);position: fixed;z-index: 9999999;left: 50%;margin-left: -160px;top: 50%;margin-top: -195px;padding: 20px;text-align: center;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.15);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.15);
box-shadow: 0 3px 3px rgba(0,0,0,.15);
}
.popmain_min .ico{margin:30px 0;width:80px;height:80px;}
.popmain_min .title{overflow:hidden;margin:0 auto;margin-bottom:10px;width:80%;text-overflow:ellipsis;white-space:nowrap;}
.popmain_min .info{margin-bottom:20px;}
.popmain .btn_submit{
width: 100%;
height: 48px;
line-height: 48px;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
-webkit-border-radius:30px;
border-radius: 30px;
margin-top: 20px;
}
/*--弹窗 end--*/
/*--banner--*/
.banner{position:relative;font-size:0;}
.banner .pic{width:100%;}
.banner .maxtitle{position:absolute;top:0;left:0;padding:50px 20px 0 20px;width:100%;height:100%;color:var(--fff);}
/*--banner end--*/
/*--footer--*/
.contact-ul .contact-ul-li{cursor: pointer;background: var(--f8);text-align: center;padding: 0 15px;}
.contact-ul-li>.title{font-size: 14px;color: var(--02);height: 46px;line-height: 46px; position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.contact-ul-li .title .icomm{font-size: 14px;color: var(--02);margin-right: 5px;}
.contact-ul-li .title .icommadd{position: absolute;right: 0;color: var(--02);margin-right: 0;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
}
.contact-ul-li .title .icon-minus-line {
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
.contact-ul-li .content-ul{display:none;padding:20px 0;color:var(--02);font-size:12px;line-height:24px;}
.contact-ul-li .content-ul .txt{margin-top:10px;}
.content-ul .btn-link{color:var(--02);font-size:14px;}
.footer-code{padding:20px 15px;width:100%;background:var(--f3);text-align:center;}
.footer-code .web{margin-top:15px;}
.footer-code .btn-media{margin-top:20px;}
.footer-code .btn-media .icomoon{margin-right:15px;color:var(--02);font-size:15px;}
.footer-code .btn-media .youtube{font-size:18px;}
.footer-code .btn-media a:last-child .icomoon{margin-right:0;}
.footer-code .beian-box{margin-top: 15px;}
.footer-code .beian-box .txt{margin-top: 5px;}
.footer-code .beian-box .txt a{ font-size: 12px; color: var(--02);}
/*--footer end--*/
/*pagination*/
.pagination{line-height:24px;overflow:hidden;margin: 40px auto;text-align:center;display: flex;align-items: center;justify-content: center;}
.pagination button{padding:0 5px;margin:0 2px;height:24px;float:left;cursor:pointer;border:none;background:#fff;color:var(--666);background:var(--f8);font-size: 12px;
-ms-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.pagination button:hover{background:var(--blue);color: var(--fff);}
.pagination .first-page,.pagination .last-page{margin:0}
.pagination .pageWrap{height:26px;float:left;overflow:hidden}
.pagination .pageWrap ul{width:100000px;height:40px;float:left}
.pagination .pageWrap ul li{width:38px;height:26px;float:left;padding: 0 6px;}
.pagination .pageWrap ul li a{display:block;width:100%;height:100%;border:1px solid #ebebeb;line-height:26px;box-sizing:border-box;cursor:pointer;
-ms-border-radius:26px;
-moz-border-radius:26px;
-o-border-radius:26px;
-webkit-border-radius:26px;
border-radius:26px;
}
.pagination .pageWrap ul li a:hover{background:var(--blue); color: var(--fff)}
.pagination .pageWrap ul .sel-page a{background:var(--blue);border:none;color: var(--fff)}
.pagination .pageWrap ul .sel-page a:hover{background:var(--blue);border:none; color: var(--fff)}
.pagination .jump-text{width:60px;height:26px;box-sizing:border-box;text-align:center;margin:0 5px;float:left;box-shadow:none;
border:1px solid #eee;
-ms-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.pagination .jump-button{margin:0;float:left;display: none;}
.pagination .total-count,.pagination .total-pages{margin-left:10px;float:left;font-size:14px;display: none;}
/*pagination end*/
.join-campus .choose-search{position: relative;}
.btn-choose-search{position: absolute; display:block;top: 1px; right: 1px; width: 66px; height: 28px; line-height: 28px; background: var(--blue); text-align: center; font-size: 14px; color: var(--fff);
-ms-border-radius:0 26px 26px 0;
-moz-border-radius:0 26px 26px 0;
-o-border-radius:0 26px 26px 0;
-webkit-border-radius:0 26px 26px 0;
border-radius:0 26px 26px 0;
}