yunzerwebsite/pay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
hero920103
2025-11-28 10:08:12 +08:00
commit 09a14bf0a3
1088 changed files with 145132 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
template/index10/assets/css/aos.css
+1
View File
File diff suppressed because one or more lines are too long
template/index10/assets/css/common_contact.css
+155
View File
@@ -0,0 +1,155 @@
@charset "utf-8";
/*联系我们-样式*/
.contact_comBox{
width: 100%;
}
.contact_comBox .contactUs{
width: 100%;
}
/*列表页-联系我们-开始*/
.contact_listBox{
background: url(../images/map_bg.png) no-repeat left 450px/424px 450px;
padding-bottom: 150px;
}
.contact_comBox .contactUs_content{
margin-top: -300px;
}
.contact_comBox .contactUs .contactUs_listMap{
width: 1200px;
height: 600px;
margin-top: 40px;
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact_comBox .contactUs .contactUs_listMap .listMap_mapBox{
width: 1200px;
height: 600px;
border: 1px solid #CCCCCC;
}
/*列表页-联系我们-结束*/
.contact_comBox .contactUs_index{
height: 572px;
background: url(../images/contactus_bg.png) no-repeat left center/766px 572px;
margin-top: 130px;
}
.contact_comBox .contactUs .contactUs_title{
width: 100%;
text-align: center;
font-size: 30px;
}
.contact_comBox .contactUs .contactUs_indexTitle{
color: #000000;
}
.contact_comBox .contactUs .contactUs_listTitle{
color: #FFFFFF;
}
.contact_comBox .contactUs .contactUs_line{
width: 60px;
height: 3px;
background: #d2d2d2;
margin: 10px auto;
}
.contact_comBox .contactUs .contactUs_listTxt{
width: 100%;
text-align: center;
font-size: 18px;
color: #FFFFFF;
padding: 10px 0;
}
.contact_comBox .contactUs .contactUs_main{
width: 100%;
overflow: hidden;
}
.contact_comBox .contactUs .contactUs_main li{
width: 360px;
height: 240px;
background: #FFFFFF;
border-radius: 7px;
position: relative;
-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.1), 3px 0 8px rgba(0,0,0,.1), 0 4px 24px rgba(0,0,0,.05);
box-shadow: 0 3px 8px rgba(0,0,0,.1), 3px 0 8px rgba(0,0,0,.1), 0 4px 24px rgba(0,0,0,.05);
transition: all 0.3s;
}
.contact_comBox .contactUs .contactUs_main .contactUs_liMargin1{
margin-left: 15px;
margin-right: 15px;
margin-top: 50px;
margin-bottom: 20px;
}
.contact_comBox .contactUs .contactUs_main .contactUs_liMargin2{
margin-left: 30px;
margin-right: 30px;
margin-top: 50px;
margin-bottom: 20px;
}
.contact_comBox .contactUs .contactUs_main li .contactUs_icon{
display: block;
margin: 40px auto 20px auto;
}
.contact_comBox .contactUs .contactUs_main li .contactUs_icon1{
width: 23px;
height: 29px;
background: url(../images/address1.png) no-repeat;
background-size: 100%;
}
.contact_comBox .contactUs .contactUs_main li .contactUs_icon2{
width: 31px;
height: 26px;
background: url(../images/tell.png) no-repeat;
background-size: 100%;
}
.contact_comBox .contactUs .contactUs_main li .contactUs_icon3{
width: 28px;
height: 20px;
background: url(../images/email.png) no-repeat;
background-size: 100%;
}
.contact_comBox .contactUs .contactUs_main li:hover{
margin-top: 28px;
}
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_mainLine{
background: #4e7dff;
}
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_mainBot{
display: block;
}
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_icon1{
background: url(../images/address.png) no-repeat;
}
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_icon2{
background: url(../images/tell1.png) no-repeat;
}
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_icon3{
background: url(../images/email1.png) no-repeat;
}
.contact_comBox .contactUs .contactUs_main li .contactUs_mainTit{
display: block;
width: 100%;
text-align: center;
font-size: 20px;
color: #BBBBBB;
}
.contact_comBox .contactUs .contactUs_main li .contactUs_mainLine{
display: block;
width: 60px;
margin: 15px auto 30px auto;
height: 4px;
background: #707070;
}
.contact_comBox .contactUs .contactUs_main li .contactUs_mainTxt{
display: block;
width: 100%;
text-align: center;
font-size: 18px;
color: #909090;
}
.contact_comBox .contactUs .contactUs_main li .contactUs_mainBot{
display: block;
width: 100%;
height: 8px;
background: #4e7dff;
position: absolute;
bottom: 0;
left: 0;
display: none;
}
template/index10/assets/css/default.css
+57
View File
@@ -0,0 +1,57 @@
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size:100%; text-align: left;
vertical-align: baseline;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, '微软雅黑';
}
img {
border:none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}
/* 基础样式----------------------------------------*/
body{
text-align:center; width:100%; position: relative; overflow-x: hidden;
}
/*--- 链接样式 ---*/
a{
text-decoration:none;
}
a:hover, a:active{
text-decoration: none;
}
ul{ list-style-type:none;}
ul, li {
list-style: none;
}
blockquote {
margin: 0 0 18px 18px; font-style: italic;
}
strong {font-weight:bold;}
em {font-style:italic;}
/* 常用样式----------------------------------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center{
width: 1200px;
margin: 0 auto;
}
.payment_item8,.about,.process,.advantage,.contact_box,footer,a,p,span,div{
font-family: Arial, '微软雅黑';
}
.cursor{
cursor: pointer;
}
template/index10/assets/css/header_common.css
+179
View File
@@ -0,0 +1,179 @@
@charset "utf-8";
/*头部样式*/
.header_common{
width: 100%;
min-width: 1200px;
height: 500px;
background: url(../images/header_combg.png) no-repeat left top;
}
/*顶部样式*/
.navBox{
width: 100%;
padding: 18px 45px 15px 100px;
overflow: hidden;
height: 100px;
}
.navBox .logo{
width: 177px;
height: 51px;
}
.navBox .logo img{
width: 100%;
height: 100%;
}
.navBox .navBox_right .nav li{
padding: 6px 25px;
line-height: 42px;
font-family: simhei;
}
.navBox .navBox_right .nav li a{
display: block;
//font-family:simhei;
color: #aabdf1;
font-size: 15px;
padding: 0 4px;
border-bottom: 2px solid rgba(255,255,255,0);
-webkit-transition:all 0.1s;
-moz-transition:all 0.1s;
-o-transition:all 0.1s;
transition:all 0.1s;
}
.navBox .navBox_right .nav li a:hover{
border-bottom: 2px solid #fff;
font-weight: bold;
color: #fff;
-webkit-transform: scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
.navBox .navBox_right .nav li a.active{
color: #fff;
font-weight: bold;
border-bottom: 2px solid rgba(255,255,255,1.0);
-webkit-transform: scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
.navBox .navBox_right .btn_common{
display: block;
//font-family:simhei;
width: 100px;
height: 40px;
border: 1px solid #fff;
border-radius: 20px;
line-height: 38px;
text-align: center;
font-size: 16px;
color: #fff;
margin-left: 27px;
margin-top: 6px;
}
.navBox .navBox_right .btn_common:hover{
background: #fff;
color: #4964de;
}
.navBox .navBox_right .btn_common.active{
background: #fff;
color: #4964de;
}
/*右侧社交固定*/
.right_fixed{
position: fixed;
bottom: 60px;
right: 0;
width: 160px;
height: 240px;
z-index: 100;
}
.right_fixed .right_conBox{
cursor: pointer;
transition: all 0.8s;
width: 160px;
height: 60px;
}
.right_fixed .right_conBox .rightPhoto_common{
width: 60px;
height: 60px;
border: 1px solid #dddddd;
border-bottom: none;
}
.right_fixed .right_conBox .right_tellPhoto{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #FFFFFF url(../images/right_tell1.png) no-repeat center/23px 31px;
}
.right_fixed .right_conBox .right_qqPhoto{
border-bottom: 1px solid #dddddd;
background: #FFFFFF url(../images/qq.png) no-repeat center/26px 28px;
}
.rightShow_common{
width: 160px;
height: 60px;
overflow: hidden;
border: 1px solid #4E7DFF;
display: none;
}
.right_tellShow{
border: 1px solid #4E7DFF;
border-bottom: none;
}
.right_qqShow{
border: 1px solid #4E7DFF;
}
.rightImg_comm{
width: 60px;
height: 58px;
}
.right_tellShow .right_tellImg{
background: #4E7DFF url(../images/right_tell2.png) no-repeat 19px center/23px 31px;
}
.rightShow_common .right_qqImg{
background: #4E7DFF url(../images/qq2.png) no-repeat center/26px 28px;
}
.rightNum_comm{
width: 98px;
height: 58px;
background: #4e7dff;
font-size: 14px;
color: #FFFFFF;
line-height: 58px;
}
.right_fixed .right_qq{
width: 160px;
height: 60px;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
.right_fixed .right_qq .right_qqPhoto{
width: 60px;
height: 58px;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
background: #FFFFFF url(../images/qq.png) no-repeat center/26px 28px;
}
.right_fixed .right_scrollTop{
width: 160px;
height: 60px;
}
.right_fixed .right_scrollTop .right_scrollTopPhoto{
width: 60px;
height: 60px;
background: #FFFFFF url(../images/scrolltop.png) no-repeat 21px 12px/17px 19px;
border: 1px solid #dddddd;
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 12px;
color: #666666;
line-height: 82px;
text-align: center;
cursor: pointer;
}
.right_fixed .right_scrollTop .right_scrollTopPhoto:hover{
background: #4E7DFF url(../images/scrolltop2.png) no-repeat 21px 12px/17px 19px;
color: #FFFFFF;
border: 1px solid #4E7DFF;
}
template/index10/assets/css/index_main.css
+596
View File
@@ -0,0 +1,596 @@
@charset "utf-8";
/*头部样式*/
.index_header{
height: 830px;
max-height: 830px;
background: url(../images/banner.png) no-repeat left top;
background-size: 100%;
}
/*头部banner样式*/
.index_header .banner{
margin-top: 100px;
//font-family: simhei;
position: relative;
width: 100%;
height: 426px;
}
.index_header .banner .banner_left{
width: 600px;
}
.index_header .banner .banner_right{
width: 600px;
height: 426px;
-webkit-animation: myfirst 1.8s linear 0s infinite alternate;
animation: myfirst 1.8s linear 0s infinite alternate;
position: absolute;
right: 0;
bottom: 0;
}
@keyframes myfirst {
from {
bottom: 20px
}
to {
bottom: 10px
}
}
@-webkit-keyframes myfirst {
from {
bottom: 20px
}
to {
bottom: 40px
}
}
.index_header .banner .banner_right img{
width: 100%;
height: 100%;
}
.index_header .banner .text1 {
font-size: 56px;
color: #fff;
font-weight: 400;
letter-spacing: 3px;
height: 80px;
width: 400px;
margin-bottom: 20px;
}
.index_header .banner .text1_line{
width: 120px;
height: 3px;
background: #fff;
margin-bottom: 20px;
}
.index_header .banner .banner_p{
font-size: 22px;
color: #fff;
line-height: 44px;
}
.index_header .banner .banner_btnContact{
display: block;
width: 210px;
height: 56px;
border: 1px solid #fff;
border-radius: 40px;
text-align: center;
line-height: 54px;
font-size: 18px;
color: #fff;
font-weight: bold;
margin-top: 80px;
background: #3c7cdf;
overflow: hidden;
z-index: 100;
}
.index_header .banner .banner_btnContact{
position: relative;
z-index: 100;
}
/*支付方式-样式*/
.payment_box{
width: 866px;
height: 416px;
background: url(../images/payment_bg.png) no-repeat;
background-size: 100% 100%;
margin-top: -210px;
margin-left: -44px;
padding: 46px;
position: relative;
}
.payment_box .payment_ul{
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
top: 94px;
left: 104px;
}
.payment_box .payment_ul li{
width: 24%;
height: 74px;
margin-left: 1%;
margin-right: 2%;
position: relative;
}
.payment_box .payment_ul li a{
display: block;
width: 100%;
height: 74px;
}
.payment_box .payment_ul li a .img1{
position: absolute;
top: 0;
left: 0;
}
.payment_box .payment_ul li a .img2{
position: absolute;
bottom: 0;
left: 0;
}
.payment_box .payment_ul li a .img3{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.payment_box .payment_ul .payment_item1 a img{
width: 137px;
height: 49px;
}
.payment_box .payment_ul .payment_item2 a img{
width: 168px;
height: 51px;
}
.payment_box .payment_ul .payment_item3 a img{
width: 168px;
height: 49px;
}
.payment_box .payment_ul .payment_item4 a img{
width: 168px;
height: 59px;
margin-left: -9px;
}
.payment_box .payment_ul .payment_item5 a img{
width: 125px;
height: 38px;
margin-left: 24px;
}
.payment_box .payment_ul .payment_item6 a img{
width: 135px;
height: 38px;
margin-left: 22px;
}
.payment_box .payment_ul .payment_item7 a img{
width: 136px;
height: 54px;
}
.payment_box .payment_ul .payment_item8 a{
width: 100%;
font-size: 16px;
color: #A0A0A0;
font-family: "苹方黑体-准-简";
line-height: 74px;
text-align: center;
padding-top: 14px;
}
/*共同样式*/
.title_common{
font-size: 30px;
color: #444444;
}
.centerRe{
position: relative;
width: 1200px;
height: 464px;
}
.leftImg_common1{
position: absolute;
left: 0;
width: 100%;
height: 360px;
}
.leftImg_common2{
width: 64%;
height: 360px;
}
.rightImg_common1{
position: absolute;
right: 0;
}
.rightImg_common2{
width: 72%;
height: 360px;
}
/*丫发卡简介-样式*/
.about{
width: 100%;
position: relative;
}
.about .about_main{
width: 655px;
padding: 0 30px;
}
.about .about_main .about_title{
display: block;
width: 100%;
text-align: right;
line-height: 78px;
padding-top: 40px;
}
.about .about_main .about_line{
display: block;
width: 62px;
height: 4px;
background: #4e7dff;
}
.about .about_main .about_txt{
width: 100%;
padding-top: 30px;
}
.about .about_main .about_txt p{
font-size: 16px;
color: #666666;
line-height: 30px;
}
.about .about_main .about_more{
display: block;
width: 57px;
font-size: 14px;
color: #444444;
background: url(../images/more_arrow.png) no-repeat right center/21px 15px;
margin-top: 24px;
cursor: pointer;
}
.about .about_right{
position: absolute;
right: 0;
top: 0;
width: 790px;
height: 510px;
}
.about .about_right .about_rightMain{
width: 790px;
height: 510px;
position: relative;
}
.about .about_right .about_rightMain .about_rightImg1{
position: absolute;
top: 0;
left: 0;
width: 348px;
height: 504px;
z-index: 2;
}
.about .about_right .about_rightMain .about_rightCenter{
width: 370px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_com{
position: absolute;
z-index: 9;
height: 70px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_1{
top: 116px;
left: 240px;
width: 259px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_2{
top: 192px;
left: 240px;
width: 247px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_3{
top: 275px;
left: 203px;
width: 370px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_4{
top: 356px;
left: 203px;
width: 317px;
}
.about .about_right .about_rightMain .about_rightImg2{
position: absolute;
right: 0;
bottom: 0;
width: 632px;
height: 394px;
z-index: 1;
}
/*自动发卡-流程-样式*/
.process{
width: 100%;
width: 1296px;
height: 576px;
margin: 0 auto;
position: relative;
background: url(../images/process_bg.png);
margin-top: 100px;
}
.process .process_main{
position: absolute;
top: 48px;
left: 48px;
width: 1200px;
height: 480px;
}
.process .process_main .process_title{
display: block;
width: 100%;
text-align: center;
padding-top: 70px;
}
.process .process_main .process_line{
display: block;
width: 60px;
height: 3px;
margin: 16px auto;
background: #4e7dff;
}
.process .process_main .process_h4{
display: block;
font-size: 14px;
color: #999999;
text-align: center;
}
.process .process_main .process_ul{
width: 100%;
padding: 0 30px;
overflow: hidden;
padding-top: 52px;
}
.process .process_main .process_ul li{
width: 190px;
text-align: center;
}
.process .process_main .process_ul li img{
transition: all 1s;
}
.process .process_main .process_ul li:hover img{
transform: rotateY(180deg);
}
.process .process_main .process_ul li .process_txt1{
display: block;
width: 100%;
text-align: center;
font-size: 16px;
color: #4E7DFF;
padding-top: 30px;
padding-bottom: 16px;
}
.process .process_main .process_ul li .process_txt2{
display: block;
width: 100%;
text-align: center;
font-size: 14px;
color: #666666;
}
/*品牌优势-样式*/
.advantage{
width: 100%;
margin-top: 60px;
}
.advantage .advantage_topBox{
width: 100%;
height: 464px;
margin-top: 60px;
position: relative;
}
.advantage .advantage_topBox .advantage_topL{
top: 0;
background: url(../images/advantage_topl.png) no-repeat;
background-size: 100%;
z-index: 9;
}
.advantage .advantage_topBox .advantage_topR{
bottom: 0;
background: url(../images/advantage_topr.png) no-repeat;
background-size: 100%;
z-index: 20;
}
.advantage .advantage_topMain{
width: 250px;
height: 100px;
position: absolute;
bottom: 32%;
right: 0;
z-index: 30;
}
.advantage .advantage_topMain .advantage_common{
display: block;
width: 100%;
color: #FFFFFF;
text-align: right;
}
.advantage .advantage_topMain .advantage_title{
font-size: 30px;
}
.advantage .advantage_topMain .advantage_line{
display: block;
width: 50px;
height: 3px;
background: #dcdcdc;
margin-left: 200px;
margin-top: 16px;
margin-bottom: 16px;
}
.advantage .advantage_topMain .advantage_txt{
font-size: 14px;
}
.advantage .advantage_botMain{
width: 100%;
overflow: hidden;
}
.advantage .advantage_botMain li{
width: 240px;
}
.advantage .advantage_botMain .li_margin{
margin-left: 40px;
margin-right: 40px;
}
.advantage .advantage_botMain li img{
width: 240px;
height: 240px;
text-align: center;
}
.advantage .advantage_botMain li:hover img{
transition: all 1s;
/*transform: translateX(180deg);*/
transform: rotateY(180deg);
}
.advantage .advantage_botMain li .advantage_botTxt{
display: block;
width: 100%;
text-align: center;
font-size: 20px;
color: #444444;
padding-top: 20px;
padding-bottom: 16px;
}
.advantage .advantage_botMain li .advantage_botP{
width: 100%;
text-align: center;
font-size: 14px;
color: #909090;
line-height: 24px;
}
/*联系我们-样式*/
.contact_box .contact_bot{
width: 100%;
height: 464px;
margin-bottom: 80px;
position: relative;
}
.contact_box .contact_bot .contact_botL{
bottom: 0;
background: url(../images/contact_botl.png) no-repeat;
background-size: 100%;
z-index: 30;
}
.contact_box .contact_bot .contact_botR{
top: 0;
background: url(../images/contact_botr.png) no-repeat;
background-size: 100%;
z-index: 20;
}
.contact_box .contact_bot .contact_botMain{
width: 440px;
height: 170px;
position: absolute;
left: 0;
bottom: 20%;
z-index: 50;
}
.contact_box .contact_bot .contact_botMain .contact_botMainTxt{
width: 100%;
font-size: 40px;
color: #FFFFFF;
}
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
width: 238px;
height: 68px;
background: #32ef6f;
border-radius: 8px;
font-size: 24px;
color: #FFFFFF;
line-height: 68px;
text-align: center;
cursor: pointer;
margin-top: 50px;
}
/*底部样式*/
footer{
width: 1200px;
margin: 0 auto;
}
footer .footer_top{
width: 1200px;
overflow: hidden;
}
footer .footer_top .footer_topLeft li{
width: 116px;
margin-right: 60px;
}
footer .footer_top .footer_topLeft li .footer_topLeftTit{
font-size: 18px;
color: #666666;
line-height: 50px;
padding-left: 38px;
}
footer .footer_top .footer_topLeft li .footer_icon1{
background: url(../images/footer_icon1.png) no-repeat left center/26px 26px;
}
footer .footer_top .footer_topLeft li .footer_icon2{
background: url(../images/footer_icon2.png) no-repeat left center/26px 26px;
}
footer .footer_top .footer_topLeft li .footer_icon3{
background: url(../images/footer_icon3.png) no-repeat left center/26px 26px;
}
footer .footer_top .footer_topLeft li .footer_icon4{
background: url(../images/footer_icon4.png) no-repeat left center/26px 26px;
}
footer .footer_top .footer_topLeft li .footer_topLeftCon{
width: 100%;
}
footer .footer_top .footer_topLeft li .footer_topLeftCon a{
display: block;
width: 100%;
font-size: 12px;
color: #666666;
line-height: 30px;
padding-left: 40px;
}
footer .footer_top .footer_topRight{
overflow: hidden;
}
footer .footer_top .footer_topRight .footer_qrCode{
margin-top: 10px;
margin-right: 50px;
}
footer .footer_top .footer_topRight .footer_qrCode img{
display: block;
width: 98px;
height: 98px;
}
footer .footer_top .footer_topRight .footer_qrCode .rqCode_botTxt{
display: block;
font-size: 12px;
color: #666666;
line-height: 26px;
}
footer .footer_top .footer_topRight .footer_detail{
width: 218px;
}
footer .footer_top .footer_topRight .footer_detail .footer_pCom{
font-size: 12px;
color: #666666;
padding-left: 30px;
line-height: 36px;
}
footer .footer_top .footer_topRight .footer_detail .footer_tell{
width: 100%;
font-size: 30px;
color: #666666;
}
footer .footer_top .footer_topRight .footer_detail .footer_tellTime{
line-height: 28px;
padding-left: 0;
padding-bottom: 5px;
}
footer .footer_top .footer_topRight .footer_detail .footer_email{
background: url(../images/footer_email.png) no-repeat left center/22px 22px;
}
footer .footer_top .footer_topRight .footer_detail .footer_qq{
background: url(../images/footer_qq.png) no-repeat left center/22px 22px;
}
footer .footer_bottom{
width: 1200px;
margin: 0 auto;
padding: 56px 0 40px 0;
font-size: 12px;
color: #666666;
text-align: center;
}
template/index10/assets/css/media.css
+381
View File
@@ -0,0 +1,381 @@
@charset "utf-8";
@media only screen and (max-width: 1920px){
.index_header .banner{
margin-top: 100px;
}
.index_header .banner .banner_btnContact{
margin-top: 80px;
}
.payment_box{
margin-top: -210px;
}
.advantage .advantage_topMain {
bottom: 32%;
right: 2%;
}
.contact_box .contact_bot .contact_botMain {
left: 0;
bottom: 20%;
}
}
@media only screen and (max-width: 1860px){
.payment_box{
margin-top: -226px;
}
}
@media only screen and (max-width: 1800px){
.index_header .banner{
margin-top: 71px;
}
.payment_box{
margin-top: -246px;
}
.advantage .advantage_topMain {
bottom: 34%;
right: 4%;
}
.contact_box .contact_bot .contact_botMain {
left: 5%;
bottom: 24%;
}
}
@media only screen and (max-width: 1750px){
.payment_box{
margin-top: -288px;
}
}
@media only screen and (max-width: 1700px){
.index_header .banner{
margin-top: 75px;
}
.index_header .banner .banner_btnContact{
margin-top: 64px;
}
.payment_box{
margin-top: -310px;
}
.advantage .advantage_topMain {
bottom: 36%;
right: 7%;
}
.contact_box .contact_bot .contact_botMain {
left: 7%;
bottom: 23%;
}
.about .about_right {
width: 711px;
height: 459px;
}
.about .about_right .about_rightMain {
width: 711px;
height: 459px;
}
.about .about_right .about_rightMain .about_rightImg1 {
width: 313px;
height: 453px;
}
.about .about_right .about_rightMain .about_rightImg2 {
width: 569px;
height: 355px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_1 {
top: 104px;
left: 220px;
width: 233px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_2 {
top: 175px;
left: 220px;
width: 222px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_3 {
top: 247px;
left: 181px;
width: 333px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_4 {
top: 322px;
left: 181px;
width: 285px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_com {
height: 63px;
}
}
@media only screen and (max-width: 1650px){
.payment_box{
margin-top: -315px;
}
}
@media only screen and (max-width: 1600px){
.index_header .banner{
margin-top: 57px;
}
.index_header .banner .banner_btnContact{
margin-top: 25px;
}
.payment_box{
margin-top: -350px;
}
.advantage .advantage_topMain {
bottom: 38%;
right: 9%;
}
.contact_box .contact_bot .contact_botMain {
left: 9%;
bottom: 22%;
}
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
margin-top: 35px;
}
}
@media only screen and (max-width: 1500px){
.index_header .banner{
margin-top: 47px;
}
.index_header .banner .banner_btnContact{
margin-top: 15px;
}
.payment_box{
margin-top: -370px;
}
.advantage .advantage_topMain {
bottom: 38%;
right: 12%;
}
.contact_box .contact_bot .contact_botMain {
left: 10%;
bottom: 22%;
}
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
margin-top: 25px;
}
.about .about_right {
width: 632px;
height: 408px;
}
.about .about_right .about_rightMain {
width: 632px;
height: 408px;
}
.about .about_right .about_rightMain .about_rightImg1 {
width: 278px;
height: 403px;
}
.about .about_right .about_rightMain .about_rightImg2 {
width: 506px;
height: 315px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_1 {
top: 93px;
left: 194px;
width: 207px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_2 {
top: 154px;
left: 194px;
width: 198px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_3 {
top: 219px;
left: 155px;
width: 296px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_4 {
top: 283px;
left: 155px;
width: 254px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_com {
height: 56px;
}
.about .about_right {
top: 43px;
}
}
@media only screen and (max-width: 1400px){
.index_header .banner{
margin-top: 20px;
}
.payment_box{
margin-top: -410px;
}
.index_header .banner .banner_btnContact{
margin-top: 13px;
}
.advantage .advantage_topMain {
bottom: 40%;
right: 14%;
}
.contact_box .contact_bot .contact_botMain {
left: 14%;
bottom: 26%;
}
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
margin-top: 20px;
}
.about .about_right {
width: 553px;
height: 357px;
}
.about .about_right .about_rightMain {
width: 553px;
height: 357px;
}
.about .about_right .about_rightMain .about_rightImg1 {
width: 244px;
height: 353px;
}
.about .about_right .about_rightMain .about_rightImg2 {
width: 442px;
height: 276px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_1 {
top: 82px;
left: 172px;
width: 181px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_2 {
top: 135px;
left: 172px;
width: 173px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_3 {
top: 192px;
left: 141px;
width: 259px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_4 {
top: 250px;
left: 141px;
width: 222px;
}
.about .about_right .about_rightMain .about_rightCenter .rightCenter_com {
height: 49px;
}
.about .about_right {
top: 43px;
}
.navBox{ padding: 18px 25px 15px 25px;}
.index_header .banner .text1{font-size: 45px; height: 54px;}
.index_header .banner .banner_p{font-size: 19px;}
.index_header .banner .banner_btnContact{font-size: 17px;line-height: 46px; height: 46px; width: 189px;}
.index_header .banner .banner_left{padding-left: 20px; box-sizing: border-box;}
}
@media only screen and (max-width: 1300px){
.index_header .banner{
margin-top: 15px;
}
.index_header .banner .banner_btnContact{
margin-top: 28px;
}
.payment_box{
margin-top: -430px;
}
.advantage .advantage_topMain {
bottom: 41%;
right: 16%;
}
.contact_box .contact_bot .contact_botMain {
left: 17%;
bottom: 28%;
}
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
margin-top: 15px;
}
.contact_comBox .contactUs_index{height: 466px;}
.navBox{ padding: 18px 25px 15px 25px;}
.index_header .banner .banner_left{margin: 30px 0;}
.process{width: 96%; overflow: hidden; background-image: none; background: #fff; box-shadow: 0px 0px 29px rgba(0,0,0,0.1); margin: 30px auto; border-radius: 20px; height: 470px;}tMainTxt{font-size: 25px;}
.process .process_main .process_ul li{width: 16%; }
.process .process_main{width: 100%; left: 0; }
}
@media only screen and (max-width: 1200px){
.navBox{ padding: 18px 25px 15px 25px;width: 1200px;}
.index_header .banner .text1{font-size: 45px; height: 54px;}
.index_header .banner .banner_p{font-size: 19px;}
.index_header .banner .banner_btnContact{font-size: 17px;line-height: 46px; height: 46px; width: 189px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_header .banner .banner_left{padding-left: 20px; box-sizing: border-box;}
.about{width: 1200px;}
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{ width: 208px; height: 53px; line-height: 53px;}
.contact_box .contact_bot{ margin-bottom: 0;}
.index_header .banner .banner_right{width: 420px; height: 330px; bottom: 104px;}
.center{width: 96%; margin: 0 auto;}
.protocol_content{position: inherit; margin-top: 20px;}
.downLoad_con .center .downLoad_main{width: 100%; display: flex;}
.downLoad_con .center .downLoad_main .downLoad_mainLeft{width: 522px;}
.downLoad_con .center .downLoad_main .downLoad_mainRight{margin-right: 24px; margin-top: 10px;}
.header_common{width: 100%; min-width: 100%;}
.box_common{width: 100%; box-sizing: border-box;}
.contact_comBox .contactUs .contactUs_main{display: flex;}
.helpCon_content .helpCon_conMain .helpCon_right{ float: left; width:100%;}
.advantage_conBox{box-sizing: border-box; display: flex; padding: 70px 40px;}
.advantage .advantage_botMain{display: flex;}
@keyframes myfirst {
from {
bottom: 90px
}
to {
bottom: 70px
}
}
@-webkit-keyframes myfirst {
from {
bottom: 90px
}
to {
bottom: 70px
}
}
}
@media only screen and (max-width: 1100px){
.process{width: 96%; overflow: hidden; background-image: none; background: #fff; box-shadow: 0px 0px 29px rgba(0,0,0,0.1); margin: 30px auto; border-radius: 20px; height: 470px;}
.center{width: 96%;}
.process .process_main{width: 100%; left: 0; height: 380px;}
.process .process_main .process_title{padding-top: 30px;}
.process .process_main .process_ul li{width: 16%; }
.index_header .banner .banner_right{width: 400px; height: 300px; bottom: 104px;}
.contact_comBox .contactUs .contactUs_main li{width: 28%;}
.advantage .advantage_botMain li{width: 20%;}
.advantage .advantage_topMain{ bottom: 52%;}
.advantage .advantage_botMain{width: 990px;}
footer .footer_top .footer_topLeft li{margin-right:28px}
footer{width: 960px;}
footer .footer_top{width: 100%;}
footer .footer_bottom{width: 100%;}
@keyframes myfirst {
from {
bottom: 120px
}
to {
bottom: 100px
}
}
@-webkit-keyframes myfirst {
from {
bottom: 120px
}
to {
bottom: 100px
}
}
.advantage_conBox{box-sizing: border-box; display: flex; padding: 70px 40px;}
.advantage_conBox .conBox_txtConR{ padding-right: 0px;}
.advantage_conBox .conBox_photo .conBox_photoMargin{ margin-left: 86px;}
.banner{min-width: 1000px;}
.contact_box .contact_bot .contact_botMain .contact_botMainTxt{font-size: 25px;}
}
template/index10/assets/images/address.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 563 B

template/index10/assets/images/address1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 562 B

template/index10/assets/images/advantage_topl.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

template/index10/assets/images/advantage_topr.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

template/index10/assets/images/banner.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

template/index10/assets/images/contact_botl.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

template/index10/assets/images/contact_botr.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

template/index10/assets/images/contactus_bg.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

template/index10/assets/images/email.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 550 B

template/index10/assets/images/email1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 563 B

template/index10/assets/images/footer_email.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 633 B

template/index10/assets/images/footer_icon1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 772 B

template/index10/assets/images/footer_icon2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 756 B

template/index10/assets/images/footer_icon3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 734 B

template/index10/assets/images/footer_icon4.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 804 B

template/index10/assets/images/footer_qq.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 609 B

template/index10/assets/images/header_combg.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

template/index10/assets/images/map_bg.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

template/index10/assets/images/more_arrow.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 320 B

template/index10/assets/images/payment_bg.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

template/index10/assets/images/process_bg.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

template/index10/assets/images/qq.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 509 B

template/index10/assets/images/qq2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 509 B

template/index10/assets/images/right_tell1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 B

template/index10/assets/images/right_tell2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 316 B

template/index10/assets/images/scrolltop.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 280 B

template/index10/assets/images/scrolltop2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 272 B

template/index10/assets/images/tell.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

template/index10/assets/images/tell1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

template/index10/assets/js/aos.js
+2
View File
File diff suppressed because one or more lines are too long
template/index10/assets/js/common_js.js
+23
View File
@@ -0,0 +1,23 @@
$(function(){
// 点击头部导航事件
$(".navBox .navBox_right .nav li a").on('click',function(){
$(this).addClass("active").parent("li").siblings().find("a").removeClass("active");
});
$(".navBox .navBox_right .btn_common").on('click',function(){
$(this).addClass("active").siblings(".btn_common").removeClass("active");
});
// 点击右侧返回事件
$(".right_scrollTop").click(function() {
$("html,body").animate({scrollTop: 0}, 600);
});
// 点击右侧事件
$(".right_fixed .right_common").hover(function(){
$(this).find(".rightShow_common").show().animate({marginRight: '0px'}, '1s');;
$(this).find(".rightPhoto_common").hide();
},function(){
$(this).find(".rightShow_common").hide();
$(this).find(".rightPhoto_common").show();
});
})
template/index10/assets/js/index_main.js
+15
View File
@@ -0,0 +1,15 @@
$(function(){
// 锚点
/* $(".navBox_right .nav #advantageBox").click(function() {
$("html, body").animate({
scrollTop: $("#advantage").offset().top }, {duration: 500,easing: "swing"});
return false;
});
$(".navBox_right .nav #contact_usBox").click(function() {
$("html, body").animate({
scrollTop: $("#contact_box").offset().top }, {duration: 500,easing: "swing"});
return false;
});*/
})
template/index10/assets/js/xs.js
+1555
View File
File diff suppressed because it is too large Load Diff
template/index10/assets/picture/57ede64c39bb4880.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

template/index10/assets/picture/about_rightimg1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

template/index10/assets/picture/about_rightimg2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

template/index10/assets/picture/advantage_1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

template/index10/assets/picture/advantage_2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

template/index10/assets/picture/advantage_3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

template/index10/assets/picture/advantage_4.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

template/index10/assets/picture/banner_right.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 324 KiB

template/index10/assets/picture/payment_1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

template/index10/assets/picture/payment_2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

template/index10/assets/picture/payment_3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

template/index10/assets/picture/payment_4.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

template/index10/assets/picture/payment_5.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

template/index10/assets/picture/payment_6.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

template/index10/assets/picture/payment_7.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

template/index10/assets/picture/process_1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

template/index10/assets/picture/process_2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1017 B

template/index10/assets/picture/process_3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

template/index10/assets/picture/process_4.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

template/index10/assets/picture/process_5.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

template/index10/assets/picture/process_6.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

template/index10/index.php
+342
View File
@@ -0,0 +1,342 @@
<?php
if(!defined('IN_CRONLITE'))exit();
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $conf['title']?></title>
<meta name="keywords" content="<?php echo $conf['keywords']?>">
<meta name="description" content="<?php echo $conf['description']?>">
<link rel="stylesheet" type="text/css" href="<?php echo STATIC_ROOT?>css/default.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $cdnpublic?>animate.css/3.7.2/animate.min.css" />
<link rel="stylesheet" type="text/css" href="<?php echo STATIC_ROOT?>css/aos.css" />
<link rel="stylesheet" type="text/css" href="<?php echo STATIC_ROOT?>css/header_common.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo STATIC_ROOT?>css/index_main.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo STATIC_ROOT?>css/common_contact.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo STATIC_ROOT?>css/media.css" />
<script src="<?php echo $cdnpublic?>jquery/1.12.4/jquery.min.js"></script>
<script src="<?php echo STATIC_ROOT?>js/aos.js"></script>
<script src="<?php echo STATIC_ROOT?>js/xs.js"></script>
<script src="<?php echo STATIC_ROOT?>js/common_js.js"></script>
<script src="<?php echo STATIC_ROOT?>js/index_main.js"></script>
</head>
<body aos-easing="ease-out-back" aos-duration="1000" aos-delay="0">
<!--头-->
<header class="index_header">
<!--顶部-->
<div class="navBox">
<div class="logo left">
<img src="assets/img/logo.png" alt="<?php echo $conf['sitename']?>" draggable="false">
</div>
<div class="navBox_right right">
<ul class="nav left">
<li class="left"><a href="/" >网站首页</a></li>
<?php if($conf['test_open']){?><li class="left"><a href="/user/test.php" rel="nofollow">DEMO体验</a></li><?php }?>
<li class="left"><a href="doc.html" rel="nofollow">API开发文档</a></li>
<li class="left"><a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&site=pay&menu=yes" rel="nofollow">联系我们</a></li>
</ul>
<a class="btn_common login left active" href="/user/" rel="nofollow">登录</a>
<a class="btn_common login left active" href="/user/reg.php" rel="nofollow">注册</a>
</div>
</div>
<div class="center">
<div class="banner">
<div class="banner_left left">
<div class="text1 animated bounceInLeft">全新支付体验</div>
<div class="text1_line animated bounceInLeft"></div>
<p aos="fade-right" class="banner_p animated bounceInRight aos-init aos-animate">资金记录、订单记录、收益统计、渠道分析...</p>
<p aos="fade-right" class="banner_p animated bounceInRight aos-init aos-animate">全响应式界面，简易操作，安全便利快捷，为您稳定服务。</p>
<!-- <a class="banner_btnContact animated wobble xs_li_07" href="javascript:;" style="position: relative;">
<span style="position: relative; z-index: 2;">大客户请联系我们</span>
<canvas width="208" height="54" style="position: absolute; top: 0px; left: 0px; z-index: 2;"></canvas>
<canvas width="208" height="54" style="position:absolute; top:0; left:0; z-index:1;"></canvas></a> -->
</div>
<div class="banner_right right animated bounceInRight">
<img src="<?php echo STATIC_ROOT?>picture/banner_right.png" alt="<?php echo $conf['sitename']?>-一个好用的免签约支付接口" draggable="false">
</div>
</div>
</div>
</header>
<!--支付方式-->
<div class="center">
<div aos="zoom-in" class="payment_box animated zoomIn">
<ul class="payment_ul">
<li class="left payment_item1">
<a href="javascript:;">
<img class="img1" src="<?php echo STATIC_ROOT?>picture/payment_1.png" alt="<?php echo $conf['sitename']?>-免签约支付宝扫码H5支付" draggable="false" />
</a>
</li>
<li class="left payment_item2">
<a href="javascript:;">
<img class="img1" src="<?php echo STATIC_ROOT?>picture/payment_2.png" alt="<?php echo $conf['sitename']?>-免签约微信扫码公众号H5支付" draggable="false" />
</a>
</li>
<li class="left payment_item3">
<a href="javascript:;">
<img class="img1" src="<?php echo STATIC_ROOT?>picture/payment_3.png" alt="<?php echo $conf['sitename']?>-银联在线快捷支付" draggable="false" />
</a>
</li>
<li class="left payment_item4">
<a href="javascript:;">
<img class="img3" src="<?php echo STATIC_ROOT?>picture/payment_4.png" alt="<?php echo $conf['sitename']?>-QQ钱包免签约扫码H5支付" draggable="false" />
</a>
</li>
<li class="left payment_item5">
<a href="javascript:;">
<img class="img3" src="<?php echo STATIC_ROOT?>picture/payment_5.png" alt="<?php echo $conf['sitename']?>-免签约京东支付" draggable="false" />
</a>
</li>
<li class="left payment_item6">
<a href="javascript:;">
<img class="img3" src="<?php echo STATIC_ROOT?>picture/payment_6.png" alt="<?php echo $conf['sitename']?>-免签约百度钱包支付" draggable="false" />
</a>
</li>
<li class="left payment_item7">
<a href="javascript:;">
<img class="img2" src="<?php echo STATIC_ROOT?>picture/payment_7.png" alt="<?php echo $conf['sitename']?>-免签约财付通支付" draggable="false" />
</a>
</li>
<li class="left payment_item8">
<a href="javascript:;">
正在接入...
</a>
</li>
</ul>
</div>
</div>
<!--HHYPAY简介-->
<div class="about">
<div class="center">
<div aos="zoom-in" class="about_main aos-init aos-animate">
<span class="title_common about_title pingFang"><?php echo $conf['sitename']?>简介</span>
<span class="about_line right"></span>
<div class="about_txt">
<p class="pingFang"><?php echo $conf['orgname']?>成立于2018年，<?php echo $conf['sitename']?>（<?php echo $_SERVER['HTTP_HOST']?>）。</p>
<p class="pingFang"><?php echo $conf['sitename']?>平台主要服务于互联网和移动互联网领域，为网页游戏、手机游戏、阅读、音乐、交友、教育等移动应用提供综合计费营销服务，创新、诚信、灵和活多元,创新是企业发展的灵魂。</p>
<p class="pingFang">我们打破了传统聚合支付网站几年来一成不变的局面，建立了新一代聚合支付的行业方向，我们将引领聚合支付交易过程的个性化、自动化、工具化等。作为业内最善于创新的网站，力争成为行业的佼佼者。</p>
</div>
<!--<div class="about_more pingFang">更多</div>-->
<!--a href="/Home_Index_userLogin.html" target="_blank" class="about_more pingFang">更多</a-->
</div>
</div>
<div class="about_right">
<div class="about_rightMain">
<img aos="fade-up-right" class="about_rightImg1 aos-init aos-animate" src="<?php echo STATIC_ROOT?>picture/about_rightimg1.png" alt="" draggable="false" />
<div class="about_rightCenter">
</div>
<img aos="fade-up-left" class="about_rightImg2 aos-init aos-animate" src="<?php echo STATIC_ROOT?>picture/about_rightimg2.png" alt="" draggable="false" />
</div>
</div>
</div>
<!--商户流程-流程-->
<div aos="zoom-in" class="process aos-init aos-animate">
<div class="center">
<div class="process_main">
<span class="title_common process_title pingFang animated slideInUp">成为<?php echo $conf['sitename']?>商户仅需六步</span>
<span class="process_line animated zoomIn"></span>
<span class="process_h4 pingFang animated slideInDown"><?php echo $conf['sitename']?>让你轻松做生意</span>
<ul class="process_ul">
<li class="left animated bounceInLeft">
<img src="<?php echo STATIC_ROOT?>picture/process_1.png" alt="<?php echo $conf['sitename']?>-注册商户-在线自助注册" draggable="false" />
<span class="process_txt1 pingFang">注册商户</span>
<span class="process_txt2 pingFang">在线自助注册</span>
</li>
<li class="left animated bounceInLeft">
<img src="<?php echo STATIC_ROOT?>picture/process_2.png" alt="<?php echo $conf['sitename']?>-绑定银行-轻松设置商户信息" draggable="false" />
<span class="process_txt1 pingFang">绑定银行</span>
<span class="process_txt2 pingFang">轻松设置商户信息</span>
</li>
<li class="left animated bounceInLeft">
<img src="<?php echo STATIC_ROOT?>picture/process_3.png" alt="<?php echo $conf['sitename']?>-接口对接-全平台SDK支持" draggable="false" />
<span class="process_txt1 pingFang">接口对接</span>
<span class="process_txt2 pingFang">全平台SDK支持</span>
</li>
<li class="left animated bounceInRight">
<img src="<?php echo STATIC_ROOT?>picture/process_4.png" alt="<?php echo $conf['sitename']?>-自助下单-会员支付一键直达" draggable="false" />
<span class="process_txt1 pingFang">自助下单</span>
<span class="process_txt2 pingFang">会员支付一键直达</span>
</li>
<li class="left animated bounceInRight">
<img src="<?php echo STATIC_ROOT?>picture/process_5.png" alt="<?php echo $conf['sitename']?>-全天客服-7*24小时专业服务" draggable="false" />
<span class="process_txt1 pingFang">全天客服</span>
<span class="process_txt2 pingFang">7*24小时专业服务</span>
</li>
<li class="left animated bounceInRight">
<img src="<?php echo STATIC_ROOT?>picture/process_6.png" alt="<?php echo $conf['sitename']?>-自动结算-信誉无忧充分保障" draggable="false" />
<span class="process_txt1 pingFang">自动结算</span>
<span class="process_txt2 pingFang">信誉无忧充分保障</span>
</li>
</ul>
</div>
</div>
</div>
<!--品牌优势-->
<div class="advantage" id="advantage">
<div class="advantage_topBox">
<div aos="fade-up-right" class="leftImg_common1 rightImg_common2 advantage_topL aos-init aos-animate"></div>
<div class="center centerRe">
<div aos="flip-left" class="advantage_topMain aos-init aos-animate">
<span class="advantage_common advantage_title pingFang">品牌优势</span>
<span class="advantage_line"></span>
<span class="advantage_common advantage_txt pingFang">全年365天持续运行,每天正常下款<br>根据行业的不同和交易量<br>实行T0/T1,D0/D1结算,请联系客服</span>
</div>
</div>
<div aos="fade-up-left" class="rightImg_common1 leftImg_common2 advantage_topR aos-init aos-animate"></div>
</div>
<div class="center">
<ul class="advantage_botMain">
<li class="left">
<img aos="zoom-in-up" class="aos-init aos-animate" src="<?php echo STATIC_ROOT?>picture/advantage_1.png" alt="<?php echo $conf['sitename']?>-服务器安全、速度、稳定" draggable="false" />
<span aos="flip-up" class="advantage_botTxt pingFang aos-init aos-animate">服务器安全</span>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">采用群集服务器,防御高,</p>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">故障率低,无论用户身在何方,</p>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">均能获得流畅安全可靠的体验</p>
</li>
<li class="left li_margin">
<img aos="zoom-in-up" class="aos-init aos-animate" src="<?php echo STATIC_ROOT?>picture/advantage_2.png" alt="<?php echo $conf['sitename']?>-资金安全有保障" draggable="false" />
<span aos="flip-up" class="advantage_botTxt pingFang aos-init aos-animate">资金保障</span>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">结算及时，资金秒到</p>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">资金平均停留的时间不超过12小时,</p>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">您的资金安全将得到充分的保障.</p>
</li>
<li class="left li_margin">
<img aos="zoom-in-up" class="aos-init aos-animate" src="<?php echo STATIC_ROOT?>picture/advantage_3.png" alt="<?php echo $conf['sitename']?>-持续更新用的安心" draggable="false" />
<span aos="flip-up" class="advantage_botTxt pingFang aos-init aos-animate">持续更新</span>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">系统持续更新,功能持续完善,</p>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">让商户以及客户的体验不断接近</p>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">完美是我们一直不变的追求.</p>
</li>
<li class="left">
<img aos="zoom-in-up" class="aos-init aos-animate" src="<?php echo STATIC_ROOT?>picture/advantage_4.png" alt="<?php echo $conf['sitename']?>-界面简约，操作简单" draggable="false" />
<span aos="flip-up" class="advantage_botTxt pingFang aos-init aos-animate">界面简约</span>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">简约的UI交互体验可以</p>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">给您一个体验度极高的商户后台,</p>
<p aos="flip-up" class="advantage_botP pingFang aos-init aos-animate">更好的使用体验.</p>
</li>
</ul>
</div>
</div>
<!--联系我们-->
<div class="contact_comBox contact_box" id="contact_box">
<div class="contactUs_index contactUs">
<div class="center">
<p aos="zoom-out-down" class="contactUs_indexTitle contactUs_title pingFang aos-init aos-animate">联系我们</p>
<p aos="zoom-out-down" class="contactUs_line aos-init aos-animate"></p>
<ul aos="zoom-in-up" class="contactUs_main aos-init aos-animate">
<li class="left contactUs_liMargin1">
<span class="contactUs_icon contactUs_icon1"></span>
<span class="contactUs_mainTit pingFang_bold">公司地址</span>
<span class="contactUs_mainLine"></span>
<span class="contactUs_mainTxt pingFang">xxxxxx</span>
<span class="contactUs_mainBot"></span>
</li>
<li class="left contactUs_liMargin2">
<span class="contactUs_icon contactUs_icon2"></span>
<span class="contactUs_mainTit pingFang_bold">联系方式</span>
<span class="contactUs_mainLine"></span>
<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&site=pay&menu=yes" rel="nofollow"target="_blank" class="contactUs_mainTxt pingFang">商务QQ：<?php echo $conf['kfqq']?></a>
<span class="contactUs_mainBot"></span>
</li>
<li class="left contactUs_liMargin1">
<span class="contactUs_icon contactUs_icon3"></span>
<span class="contactUs_mainTit pingFang_bold">电子邮箱</span>
<span class="contactUs_mainLine"></span>
<span class="contactUs_mainTxt pingFang"><?php echo $conf['email']?></span>
<span class="contactUs_mainBot"></span>
</li>
</ul>
</div>
</div>
<div class="contact_bot">
<div aos="fade-up-right" class="leftImg_common1 leftImg_common2 contact_botL aos-init aos-animate"></div>
<div class="center centerRe">
<div aos="fade-left" class="contact_botMain pingFang aos-init aos-animate">
<div class="contact_botMainTxt">马上开启全新商户体验</div>
<a href="/user/" rel="nofollow"class="contact_botMainBtn" style="float: left;">商户登录</a>
</div>
</div>
<div aos="fade-up-left" class="rightImg_common1 rightImg_common2 contact_botR aos-init aos-animate"></div>
</div>
</div>
<!--底-->
<!--底-->
<footer>
<div class="footer_top">
<ul class="footer_topLeft left">
<li class="left">
<div class="footer_topLeftTit footer_icon1 pingFang">用户协议</div>
<div class="footer_topLeftCon pingFang">
<a href="#">禁售商品</a>
<a href="#">隐私协议</a>
<a href="agreement.html">注册协议</a>
</div>
</li>
<li class="left">
<div class="footer_topLeftTit footer_icon2 pingFang">关于我们</div>
<div class="footer_topLeftCon pingFang">
<a href="/user/test.php" rel="nofollow">DEMO体验</a>
<a href="doc.html" rel="nofollow">API开发文档</a>
<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&site=pay&menu=yes" rel="nofollow">联系我们</a>
</div>
</li>
</ul>
<div class="footer_topRight right">
<div class="footer_detail left pingFang">
<p class="footer_pCom footer_tellTime">全年无休 7x24小时</p>
<p class="footer_pCom footer_email"><?php echo $conf['email']?></p>
<p class="footer_pCom footer_qq"> <a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&site=pay&menu=yes"rel="nofollow" target="_blank" style="color: #666666;"><?php echo $conf['kfqq']?></a></p>
</div>
<div></div>
</div>
</div>
<div class="footer_bottom pingFang"> Copyright © <?php echo date("Y")?> <?php echo $conf['sitename']?> All rights reserved. 版权所有
<p><?php echo $conf['footer']?></p>
<!-- wpa start -->
</div>
</footer>
<!--右侧社交固定-->
<div class="right_fixed">
<div class="right_common right_conBox">
<div class="right_qqShow rightShow_common">
<div class="rightImg_comm right_qqImg left"></div>
<div class="rightNum_comm right_tellNum left"><?php echo $conf['kfqq']?></div>-
<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&site=pay&menu=yes" rel="nofollow"target="_blank" class="rightNum_comm right_tellNum left"><?php echo $conf['kfqq']?></a>
</div>
<div class="right_qqPhoto rightPhoto_common right"></div>
</div>
<div class="right_common right_scrollTop">
<div class="right_scrollTopPhoto right">顶部</div>
</div>
</div>
<script>
AOS.init({
easing: 'ease-out-back',
duration: 1000
});
// hljs.initHighlightingOnLoad();
$('.hero__scroll').on('click', function(e) {
$('html, body').animate({
scrollTop: $(window).height()
}, 1200);
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".xs_li_07").xs999(7);
$(".xs_li_11").xs999(11);
});
</script>
</body>
</html>
template/index10/preview.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB