@charset "utf-8";

@font-face {
    font-family: 'shs';
    src: url('../css/fonts/SourceHanSansCN-Regular.otf');
}

@font-face {
  font-family: "pf";
  src: url("../css/fonts/PingFang Heavy.woff2") format("woff2"),
       url("../css/fonts/PingFang Heavy.woff") format("woff"),
       url("../css/fonts/PingFang Heavy.ttf") format("truetype"),
       url("../css/fonts/PingFang Heavy.eot") format("embedded-opentype"),
       url("../css/fonts/PingFang Heavy.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


.clock_in .tit{font-size:48px;text-align: center;font-weight: bold;}
.clock_in .links{font-size:32px;text-align: center;margin-top:25px;}
.clock_in .links a{margin:0 20px;position: relative;}
.clock_in .links a img{position:absolute;left:50%;width:150px;bottom:100%;display: none; transform:translateX(-50%);}
.clock_in .links a:hover img{display:block;}
.clock_in .links a.red{color:#8e0302;}
.clock_in .orders{text-align: right;margin-top:50px;font-size:22px;}
.clock_in .orders a{margin:0 20px;}
.clock_in .orders a.now{color:#8e0302;}
.clock_in .list{margin-top:35px;position: relative;}
.clock_in .list .item{width:calc(33.3% - 8px);/*position: absolute;*/margin-right:12px;/*box-shadow:0 0 20px rgba(0,0,0,0.1);*/padding:20px 20px 0;box-sizing:border-box;background:#fff;cursor: pointer;}
.clock_in .list .item:nth-child(3n){margin-right:0;}
.clock_in .list .item .pic{/*position:relative;*/}
.clock_in .list .item .pic .lab{position:absolute;right:0;top:0;width:46px;height:38px;color:#fff;font-size:24px;font-weight:bold;text-align: center;line-height:30px;text-indent:3px;}
.clock_in .list .item:nth-child(1) .pic .lab{background:url(../image/ico4_1.png) center center no-repeat;}
.clock_in .list .item:nth-child(2) .pic .lab{background:url(../image/ico4_2.png) center center no-repeat;}
.clock_in .list .item:nth-child(3) .pic .lab{background:url(../image/ico4_3.png) center center no-repeat;}
.clock_in .list .item .pic img{width:100%;height:auto;}
.clock_in .list .item .text{padding:15px 0;font-size:18px;color:#666;}

.clock_in .loadmore{text-align:center;margin-top:70px;font-size:20px;display: none;}
.clock_in .loadmore img{display:block;margin:0 auto 15px;animation:loading 0.8s linear 0s infinite;}
@keyframes loading{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

.uploads{padding:190px 0 100px;background: #f7f7f7 url(../image/jjl/special2.jpg) no-repeat bottom center;background-size:100% auto;}
.uploads .tit{font-size:48px;text-align: center;font-weight: bold;}
.uploads .content{max-width:920px;margin:35px auto 0;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.1);padding:60px 60px 80px;box-sizing:border-box;}
.uploads .text{padding:15px;border:1px solid #ddd;font-size:18px;}
.uploads .text textarea{height:140px;width:100%;}
.uploads .text .tip{text-align:right;color:#8e0302;}
.uploads .pics{margin-top:60px;border-top:1px solid #ddd;padding-top:40px;}
.uploads .pics .h{font-size:24px;}
.uploads .pics .list{margin-top:20px;}
.uploads .pics .item{width:calc(25% - 7.5px);float: left;margin-left:10px;height:200px;text-align: center;line-height:200px;border:1px solid #ddd;box-sizing:border-box;margin-bottom:10px;}
.uploads .pics .item:nth-child(4n-3){margin-left:0;}
.uploads .pics .item.add{cursor:pointer;position: relative;overflow:hidden;}
.uploads .pics .item.add input{position:absolute;visibility:hidden;left:0;top:0;right:0;bottom:0;width:100%;}
.uploads .pics .item.add .mask{position:absolute;left:0;top:0;right:0;bottom:0;}
.uploads .pics .item.add span{color:#8e0302;font-size:48px;}
.uploads .pics .item.add .inner{display:inline-block;line-height:1;vertical-align: middle;}
.uploads .pics .item .t{margin-top:10px;font-size:14px;line-height:1.5;}
.uploads .form{margin-top:50px;border-top:1px solid #ddd;padding-top:60px;}
.uploads .form .line{margin-bottom:10px;height:62px;line-height:62px;}
.uploads .form .line:after{content:"";clear: both;display: block;}
.uploads .form .ipt{border:1px solid #ddd;height:62px;float: left;font-size: 0;}
.uploads .form .ipt span{display:inline-block;vertical-align: middle;font-size:18px;padding:0 20px;}
.uploads .form .ipt span img{margin-right:10px;vertical-align: middle;}
.uploads .form .ipt input{vertical-align: middle;display: inline-block;height:30px;line-height:30px;font-size:18px;}
.uploads .form .d1{height:100%;float:left;}
.uploads .form .d2{height:100%;float:left;}
.uploads .form .d3{height:100%;float:left;}
.uploads .form .d1 .ipt{width:300px;float: left;}
.uploads .form .d1 .ipt input{width:160px;}
.uploads .form .d2 .ipt{width:300px;float: left;margin-left:10px;}
.uploads .form .d2 .ipt input{width:100px;}
.uploads .form .d3 .ipt{width:612px;float: left;}
.uploads .form .d3 .ipt input{width:200px;}
.uploads .form .d3 .ipt em{height:100%;float:right;max-width:180px;text-align:right;}
.uploads .form .d3 .ipt em img{height:100%;cursor: pointer;}
.uploads .form .btn1{width:175px;height:100%;float: left;text-align: center;background:#8e0302;color: #fff;margin-left:10px;cursor: pointer;}
.uploads .form .btn2{width:175px;height:100%;float: left;text-align: center;background:#c1883f;color: #fff;margin-left:10px;cursor: pointer;}
.uploads .form .checks{margin-top:60px;text-align: center;}
.uploads .form .checks span{cursor: pointer;}
.uploads .form .checks i{width:14px;height:14px;line-height:14px;border:1px solid #ddd;display: inline-block;margin-right:10px;vertical-align: middle;text-align: center;font-size: 0;}
.uploads .form .checks i.ckd:after{content:"";display:inline-block;width:6px;height:6px;background:#8e0302;vertical-align: middle;}
.uploads .form .button{width:200px;line-height:70px;text-align: center;color: #fff;background:#8e0302;font-size:24px;margin:35px auto 0;cursor: pointer;}


/*1280*/
@media screen and (max-width:1300px){
/*.clock_in{padding:60px 0;}*/
.clock_in .tit{font-size:40px;}
.clock_in .links{font-size:24px;margin-top:20px;}
.clock_in .orders{font-size:20px;margin-top:30px;}
.clock_in .list .item{padding:15px 15px 0;}
.clock_in .list .item .text{font-size:16px;}

.uploads {padding: 100px 0;}
.uploads .tit{font-size:40px;}
}

/*1024*/
@media screen and (max-width:1024px){
}

/*ipad*/
@media screen and (max-width:1023px){
.clock_in .list .item{width: calc(50% - 6px);margin-right: 11px;}
.clock_in .list .item:nth-child(even){margin-right:0;}
.clock_in .list .item .text{font-size:14px;}

.uploads .form .line{height:auto;width:640px;margin:auto;}
.uploads .pics .item{height:160px;line-height:160px;}
.uploads .form .d1{float: none;}
.uploads .form .d1 .ipt input{width:400px;}
.uploads .form .d1 .ipt{width:auto;float: none;}
.uploads .form .d2{float: none;margin-top:11px;}
.uploads .form .d2 .ipt{width:510px;margin-left:0;}
.uploads .form .d3{margin-bottom:11px;}
.uploads .form .d3 .ipt{width:510px;}
.uploads .form .d3 .ipt input{width:105px;}
.uploads .form .btn1{width:118px;}
.uploads .form .btn2{width:118px;}
}

/*phone*/
@media screen and (max-width:768px){
  .personal1 {overflow: hidden;}
.clock_in{padding: 0 0 0;padding: 1rem 0 0.6rem;}
.clock_in .tit{font-size:0.46rem;}
.clock_in .links{font-size:16px;margin-top:15px;}
.clock_in .orders{text-align:center;font-size:14px;margin-top:20px;}
.clock_in .list .item{padding:10px;}
.clock_in .list .item .text{font-size:12px;}


.uploads{padding:0rem 0 1rem;margin: 1rem 0 0;background:none;}
.uploads .tit{font-size:0.46rem;padding:0 10px;}
.uploads .content{padding:20px 20px 40px;margin-top: 0.4rem;}
.uploads .pics{margin-top:40px;padding-top:15px;}
.uploads .pics .item{width:calc(50% - 7.5px)}
.uploads .pics .item:nth-child(2n-1){margin-left: 0;}
.uploads .form{margin-top:30px;padding-top:40px;}
.uploads .form .ipt span{white-space:nowrap;font-size:16px;}
.uploads .form .ipt span img{display:none;}
.uploads .form .d1 .ipt{display:flex; align-items:center;}
.uploads .form .d2{display:flex;}
.uploads .form .line{width:auto;line-height:40px;}
.uploads .form .d2 .ipt{flex:1;}
.uploads .form .d2 .ipt{flex:1; display:flex; align-items:center;padding:0 10px;}
.uploads .form .d2 span{display:none;}
.uploads .form .ipt{line-height:1;height:50px;}
.uploads .form .d3{display:flex;float: none;height:50px;}
.uploads .form .d3 .ipt{flex:1; display:flex; align-items:center;padding:0 10px;padding-right:0;}
.uploads .form .d3 .ipt input{width: 50%;}
.uploads .form .d3 .ipt em{float: none;display: block;width:50%;margin-left:10px;}
.uploads .form .d3 .ipt em img{max-width:100%;max-height:100%;}
.uploads .form .d3 .ipt span{display:none;}
.uploads .form .d2 .ipt input{width:100%;}
.uploads .form .btn1{line-height:50px;}
.uploads .form .btn2{line-height:50px;}
.uploads .form .checks{margin-top:30px;}
.uploads .form .button{line-height:50px;font-size:22px;}
}