/*鍒嗛〉 start*/ #page1 a { /* margin: 0 20px !important; */ border: 0 !important; } .layui-laypage-prev, .layui-laypage-next { width: 15px; height: 26px; text-indent: -9999px; } .layui-laypage-prev { background: url("/static/images/page-prev.png") no-repeat; } .layui-laypage-next { background: url("/static/images/page-next.png") no-repeat; } .layui-laypage a, .layui-laypage span { display: inline-flex; color: #3B3B3B; margin: 0 20px; font-size: 16px; justify-content: center; border: 0; background-color: rgba(0, 0, 0, 0); } .layui-laypage .layui-laypage-curr .layui-laypage-em { display: none; } .layui-laypage .layui-laypage-curr em { font-size: 30px !important; color: #BF2720 !important; } /*鍒嗛〉 end*/ /* 璐墿杞﹀脊绐梥tart */ .popup { position: fixed; width: 100%; height: 100%; left: 100%; top: 0; z-index: 999999; transition: all .3s; } .popup .mask { position: fixed; width: 100%; height: 100%; left: 100%; top: 0; background-color: rgba(0, 0, 0, .5); transition: all .3s; } .popup .popupCon { background-color: #fff; width: 450px; position: fixed; height: 100%; right: -100%; top: 0; padding: 0 0; height: 100vh; overflow: hidden; overflow-y: auto; transition: all .3s; } .open, .open .mask { left: 0; } .open .popupCon { right: 0; } .popup .popupCon::-webkit-scrollbar { display: none; } .popup .popupCon1 { margin: 0 30px; } .popup .popupCon1 .top { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E5E5E5; } .popup .popupCon1 .top1 { display: flex; align-items: center; font-size: 24px; padding: 30px 0; font-weight: bold; } .popup .popupCon1 .top2 { font-weight: bold; cursor: pointer; display: none; } .popup .popupCon1 .top img { width: 59px; margin-right: 20px; } .popup .popupCon1 .cont { height: 34em; overflow: hidden; overflow-y: auto; } /*婊氬姩鏉″尯鍩?/ .popup .popupCon1 .cont::-webkit-scrollbar { width: 2px; background-color: #fff; } /*婊氬姩鏉?/ .popup .popupCon1 .cont::-webkit-scrollbar-thumb { background-color: #999; } /*婊氬姩鏉″灞傝建閬?/ .popup .popupCon1 .cont::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px; background-color: #FFFFFF; border-radius: 10px; } .popup .popupCon1 .cont li { display: flex; align-items: flex-start; padding: 50px 0 34px 0; border-bottom: 1px solid rgba(229, 229, 229, .4); } .popup .popupCon1 .cont li .left { width: 35.9%; } .popup .popupCon1 .cont li .left img { width: 100%; } .popup .popupCon1 .cont li .right { width: 64.1%; } .popup .popupCon1 .cont li .right1 { margin-left: 26px; } .popup .popupCon1 .cont li .right1 .tit { color: #333333; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: bold; } .popup .popupCon1 .cont li .right1 .label { display: block; color: rgba(51, 51, 51, .5); margin: 16px 0; } .popup .popupCon1 .cont li .right1 .num { display: flex; align-items: center; } .popup .popupCon1 .cont li .right1 .name { font-size: 16px; font-weight: bold; font-family: SourceHanSansCN; color: #333333; margin-right: 10px; } .popup .popupCon1 .cont li .right1 .count { display: flex; width: 54.58%; background: #E5E5E5; border-radius: 50px; align-items: center; justify-content: space-around; padding: 2px 0; } .popup .popupCon1 .cont li .right1 .count a { flex: 1; display: block; font-size: 20px; line-height: 1; text-align: center; cursor: pointer; color: #999999; } .popup .popupCon1 .cont li .right1 input { text-align: center; flex: 1; width: 55%; border: 0; height: 20px; background-color: rgba(0, 0, 0, 0); color: #999999; } .popup .popupCon1 .submit { display: flex; justify-content: center; } .popup .popupCon1 .submit a { width: 51.28%; background: #BF2720; border-radius: 24px; font-size: 18px; font-family: SourceHanSansCN; font-weight: 500; color: #FFFFFF; padding: 15px 0; line-height: 1; text-align: center; margin-top: 30px; } .popup .popupCon1 .notice { margin-top: 40px; font-size: 16px; font-family: SourceHanSansCN; font-weight: 500; color: #333333; line-height: 34px; opacity: 0.5; } /* 璐墿杞﹀脊绐梕nd */ /* 瀹㈡埛鏈嶅姟start */ .client { /* padding-bottom: 11.52%; */ } .client .bg { position: relative; width: 58.75%; padding-top: 48.61%; margin: 0 auto; } .client .bgUrl { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .client .title { position: absolute; right: 88%; top: 0; } .client .lists li { width: 48.19%; position: absolute; } .client .lists li .one { font-size: 20px; font-family: SourceHanSansCN; font-weight: bold; color: #333333; margin-bottom: 8px; display: flex;align-items: center; } .client .lists li .one span{ display: none; width: 35px; height: 35px; line-height: 35px; text-align: center; background-color: #e10000; color: #fff; border-radius: 50%; margin-right: 15px; } .client .lists li .two { font-size: 16px; font-family: SourceHanSansCN; font-weight: 400; color: #333333; line-height: 30px; opacity: 0.6; } .client .lists li:nth-child(1) { left: -34.5%; top: 50%; transform: translateY(-70%); } .client .lists li:nth-child(2) { left: -34.5%; bottom: 8%; } .client .lists li:nth-child(3) { right: -42.5%; top: 5%; /* transform: translateY(-70%); */ } .client .lists li:nth-child(4) { right: -45.5%; top: 50%; transform: translateY(-109%); width: 41%; ; } .client .lists li:nth-child(5) { right: -45.5%; bottom: 17%; } /* 瀹㈡埛鏈嶅姟end */ @media only screen and (max-width:1630px) { .client .title { position: absolute; right: 79%; top: 0; } .client .lists li:nth-child(2) { left: -34.5%; bottom: -3%; } .client .lists li:nth-child(4) { transform: translateY(-60%); } .client .lists li:nth-child(5) { right: -45.5%; bottom: 15%; } } @media only screen and (max-width:1440px) { .client .lists li { width: 61.19%; position: absolute; } .client .lists li:nth-child(1) { left: -48.5%; top: 50%; transform: translateY(-70%); } .client .lists li:nth-child(2) { left: -48.5%; bottom: 2%; } .client .lists li:nth-child(3) { right: -56.5%; top: 0; /* transform: translateY(-70%); */ } .client .lists li:nth-child(4) { right: -49.5%; top: 50%; transform: translateY(-49%); width: 47%; } .client .lists li:nth-child(5) { right: -57.5%; bottom: 13%; } } @media only screen and (max-width:1180px) { .client .bg { padding-top: 0; width: 100%; } .client .bgUrl { display: none; } .client .title, .client .lists li { position: static; transform: translateY(0) !important; } .client .lists { display: flex; flex-wrap: wrap; margin-top: 40px; } .client .lists li { width: 50% !important; margin-bottom: 20px; } .client .lists li .one span{ display: block; } } @media only screen and (max-width:1000px) { .popup .popupCon { right: -200%; width: 100%; } .popup .mask { left: 200%; } .popup .popupCon1 { margin: 0 15px; } .popup .popupCon1 .top img { width: 29px; margin-right: 20px; } .popup .popupCon1 .cont li { padding: 24px 0; } .popup .popupCon1 .top2 { display: block; } .client .lists li { width: 100% !important; margin-bottom: 20px; } .client .lists li .one{flex-direction: column;align-items: flex-start;} .client .lists li .one span{margin-top: 15px;margin-right: 0;margin-bottom: 10px;} }