2020.02新版
48
template/default/agreement.php
Normal file
1119
template/default/assets/css/common.css
Normal file
1
template/default/assets/css/index-top.css
Normal file
877
template/default/assets/css/index.css
Normal file
@@ -0,0 +1,877 @@
|
||||
header {
|
||||
position:fixed;
|
||||
background:#fff
|
||||
}
|
||||
@media screen and (min-width:992px) {
|
||||
html,body {
|
||||
height:100%
|
||||
}
|
||||
.center_content {
|
||||
padding-left:10%
|
||||
}
|
||||
#myCarousel,.banner2,.banner3 {
|
||||
height:100%;
|
||||
min-height:450px
|
||||
}
|
||||
#myCarousel .carousel-inner,.carousel-inner>.item {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container .row {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container .row .col-md-6 {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container .row .col-md-6 .cloud_host_img {
|
||||
top:22%
|
||||
}
|
||||
.banner2 .container .row .col-md-6 .ban2_text {
|
||||
height:100%
|
||||
}
|
||||
.ban2_text {
|
||||
position:relative
|
||||
}
|
||||
.ban2_text .ban2_status,.ban2_text .ban3_status {
|
||||
position:absolute;
|
||||
top:30%
|
||||
}
|
||||
.ban2_text .ban2_status .ban2_middle,.ban2_text .ban3_status .ban2_middle,.ban2_text .ban2_status .ban3_middle,.ban2_text .ban3_status .ban3_middle {
|
||||
color:#fff;
|
||||
position:relative;
|
||||
letter-spacing:6px;
|
||||
top:35%;
|
||||
left:10%
|
||||
}
|
||||
.ban2_content,.ban3_content {
|
||||
color:#fff;
|
||||
width:90%;
|
||||
position:relative;
|
||||
letter-spacing:1px;
|
||||
top:37%;
|
||||
left:10%
|
||||
}
|
||||
.ban2_experience {
|
||||
font-size:1.2em;
|
||||
color:#fff;
|
||||
margin-top:30px;
|
||||
position:relative;
|
||||
left:10%
|
||||
}
|
||||
.cloud_host_img {
|
||||
position:absolute
|
||||
}
|
||||
.blog-article {
|
||||
padding:20px
|
||||
}
|
||||
.cloud_db_img {
|
||||
position:absolute;
|
||||
top:20%
|
||||
}
|
||||
}@media (min-width:682px) and (max-width:992px) {
|
||||
header {
|
||||
position:fixed;
|
||||
background:#fff
|
||||
}
|
||||
html,body {
|
||||
height:100%
|
||||
}
|
||||
.center_content {
|
||||
padding-left:5%
|
||||
}
|
||||
#myCarousel,.banner2,.banner3 {
|
||||
height:100%;
|
||||
min-height:450px
|
||||
}
|
||||
#myCarousel .carousel-inner,.carousel-inner>.item {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container .row {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container .row .col-md-6 {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container .row .col-md-6 .ban2_text {
|
||||
height:100%
|
||||
}
|
||||
.ban2_text {
|
||||
position:relative
|
||||
}
|
||||
.ban2_text .ban2_status,.ban2_text .ban3_status {
|
||||
position:absolute;
|
||||
top:30%
|
||||
}
|
||||
.ban2_text .ban2_status .ban2_middle,.ban2_text .ban3_status .ban2_middle,.ban2_text .ban2_status .ban3_middle,.ban2_text .ban3_status .ban3_middle {
|
||||
color:#fff;
|
||||
position:relative;
|
||||
letter-spacing:6px;
|
||||
top:35%;
|
||||
left:10%;
|
||||
font-size:20px
|
||||
}
|
||||
.ban2_content,.ban3_content {
|
||||
color:#fff;
|
||||
width:90%;
|
||||
position:relative;
|
||||
letter-spacing:1px;
|
||||
top:37%;
|
||||
left:10%
|
||||
}
|
||||
.ban2_experience,.ban3_experience {
|
||||
font-size:1.2em;
|
||||
color:#fff;
|
||||
margin-top:30px;
|
||||
position:relative;
|
||||
left:10%
|
||||
}
|
||||
.cloud_host_img,.cloud_db_img {
|
||||
position:absolute;
|
||||
top:22%
|
||||
}
|
||||
.blog-article {
|
||||
padding:15px
|
||||
}
|
||||
}@media (max-width:682px) {
|
||||
html,body {
|
||||
height:100%;
|
||||
min-width:400px;
|
||||
font-size:12px
|
||||
}
|
||||
#myCarousel,.banner2,.banner3 {
|
||||
height:100%
|
||||
}
|
||||
.docker {
|
||||
top:0!important
|
||||
}
|
||||
#myCarousel .carousel-inner,.carousel-inner>.item {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container .row {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .container .row .col-xs-12 {
|
||||
height:50%
|
||||
}
|
||||
.banner2 .container .row .col-xs-12 .ban2_text {
|
||||
height:100%
|
||||
}
|
||||
.banner2 .ban2_text .ban2_status {
|
||||
text-align:center;
|
||||
font-size:1.5em
|
||||
}
|
||||
.cloud_host_img,.cloud_db_img {
|
||||
width:60%;
|
||||
margin-left:20%;
|
||||
margin-top:10%
|
||||
}
|
||||
.ban2_text {
|
||||
position:relative
|
||||
}
|
||||
.ban2_text .ban3_status {
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
font-size:1.5em
|
||||
}
|
||||
.ban2_text .ban3_status .ban3_middle {
|
||||
color:#fff;
|
||||
letter-spacing:6px
|
||||
}
|
||||
.ban2_text .ban3_status .ban3_content {
|
||||
color:#fff;
|
||||
width:100%;
|
||||
letter-spacing:3px
|
||||
}
|
||||
.ban2_text .ban2_status {
|
||||
position:absolute;
|
||||
top:15%
|
||||
}
|
||||
.ban2_text .ban2_status .ban2_middle {
|
||||
color:#fff;
|
||||
position:relative;
|
||||
letter-spacing:6px;
|
||||
top:35%
|
||||
}
|
||||
.ban2_content {
|
||||
color:#fff;
|
||||
width:100%;
|
||||
position:relative;
|
||||
letter-spacing:3px;
|
||||
top:37%
|
||||
}
|
||||
.ban2_experience {
|
||||
color:#fff;
|
||||
margin-top:30px;
|
||||
position:relative
|
||||
}
|
||||
.blog-article {
|
||||
padding:5px
|
||||
}
|
||||
.blog-article .h4 {
|
||||
font-size:14px
|
||||
}
|
||||
.blog-article .h5 {
|
||||
margin-top:5px;
|
||||
font-size:12px
|
||||
}
|
||||
.screen4 .safe-content {
|
||||
font-size:14px
|
||||
}
|
||||
.tenxcloud_news {
|
||||
margin-top:10px
|
||||
}
|
||||
.screen6 .collaborate li a div {
|
||||
margin:0 auto
|
||||
}
|
||||
}#nav-top {
|
||||
box-shadow:0 3px 3px rgba(0,0,0,.175)
|
||||
}
|
||||
.proceed {
|
||||
color:#fff;
|
||||
border:1px solid #fff;
|
||||
border-radius:5px;
|
||||
-moz-transition:background .4s ease;
|
||||
-ms-transition:background .4s ease;
|
||||
-webkit-transition:background .4s ease;
|
||||
transition:background .4s ease
|
||||
}
|
||||
.proceed-foot {
|
||||
color:#D9EFF0;
|
||||
padding:10px 50px;
|
||||
font-size:2em;
|
||||
border:1px solid #fff
|
||||
}
|
||||
.proceed-2,.proceed-3,.proceed-4 {
|
||||
color:#eee;
|
||||
border:1px solid #eee
|
||||
}
|
||||
.proceed:hover {
|
||||
color:#3F5061;
|
||||
background:#fff;
|
||||
border-color:#fff
|
||||
}
|
||||
#youremail {
|
||||
border-radius:4px;
|
||||
width:380px;
|
||||
height:50px;
|
||||
color:#eee;
|
||||
font-size:18px;
|
||||
border:1px solid #eee;
|
||||
background:0 0;
|
||||
vertical-align:middle;
|
||||
text-indent:10px;
|
||||
line-height:normal
|
||||
}
|
||||
#youremail::-webkit-input-placeholder {
|
||||
color:#eee
|
||||
}
|
||||
#youremail:-moz-placeholder {
|
||||
color:#eee
|
||||
}
|
||||
#youremail::-moz-placeholder {
|
||||
color:#eee
|
||||
}
|
||||
#youremail:-ms-input-placeholder {
|
||||
color:#eee
|
||||
}
|
||||
#apply-for {
|
||||
margin-left:10px;
|
||||
line-height:35px;
|
||||
background:#4280CB;
|
||||
vertical-align:top;
|
||||
border-radius:4px;
|
||||
height:50px;
|
||||
width:126px;
|
||||
font-size:18px;
|
||||
cursor:pointer;
|
||||
-moz-transition:background .4s ease;
|
||||
-ms-transition:background .4s ease;
|
||||
-webkit-transition:background .4s ease;
|
||||
transition:background .4s ease;
|
||||
font-family:Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif
|
||||
}
|
||||
#apply-for:hover {
|
||||
background:#DFDFDF;
|
||||
color:#555
|
||||
}
|
||||
#apply-bottom {
|
||||
margin-left:10px;
|
||||
line-height:35px;
|
||||
background:#eee;
|
||||
vertical-align:middle;
|
||||
border-radius:4px;
|
||||
height:50px;
|
||||
padding:8px 12px;
|
||||
font-size:18px;
|
||||
cursor:pointer;
|
||||
-moz-transition:background .4s ease;
|
||||
-ms-transition:background .4s ease;
|
||||
-webkit-transition:background .4s ease;
|
||||
transition:background .4s ease;
|
||||
font-family:Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif
|
||||
}
|
||||
a {
|
||||
color:inherit
|
||||
}
|
||||
a:hover {
|
||||
text-decoration:none
|
||||
}
|
||||
.carousel-indicators li {
|
||||
margin:0 8px
|
||||
}
|
||||
.carousel-indicators .active {
|
||||
margin:0 7px
|
||||
}
|
||||
.screen1 {
|
||||
margin-top:65px;
|
||||
height:calc(100% - 65px)
|
||||
}
|
||||
.screen1 #myCarousel {
|
||||
width:100%;
|
||||
overflow:hidden
|
||||
}
|
||||
.carousel-indicators {
|
||||
bottom:20px
|
||||
}
|
||||
.move_cloud {
|
||||
width:100%;
|
||||
height:200px;
|
||||
position:absolute;
|
||||
background:url(../images/hostingupline.png) no-repeat;
|
||||
-webkit-animation:move_top 10s ease-out alternate infinite;
|
||||
-moz-animation:move_top 10s ease-out alternate infinite;
|
||||
-ms-animation:move_top 10s ease-out alternate infinite;
|
||||
animation:move_top 10s ease-out alternate infinite
|
||||
}
|
||||
.banner2 {
|
||||
width:100%;
|
||||
background:url(../images/hostingupline.png) no-repeat;
|
||||
background-size:100%;
|
||||
position:relative
|
||||
}
|
||||
.banner2:after {
|
||||
content:'';
|
||||
background:#4280cb;
|
||||
background:-webkit-gradient(linear,0 0,0 100%,from(#4585d2),to(#4280cb));
|
||||
background:-moz-linear-gradient(top,#4585d2,#4280cb);
|
||||
background:linear-gradient(to bottom,#4585d2,#4280cb);
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
z-index:-1
|
||||
}
|
||||
.banner3:after {
|
||||
content:'';
|
||||
background:#02bf8b;
|
||||
background:-webkit-gradient(linear,0 0,0 100%,from(#02bf8b),to(#01ad7f));
|
||||
background:-moz-linear-gradient(top,#02bf8b,#01ad7f);
|
||||
background:linear-gradient(to bottom,#02bf8b,#01ad7f);
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
z-index:-1
|
||||
}
|
||||
.banner3 {
|
||||
width:100%
|
||||
}
|
||||
.banner4:after {
|
||||
content:'';
|
||||
background:#33405a;
|
||||
background:-webkit-gradient(linear,0 0,0 100%,from(#3e3e4a),to(#3e3e4a));
|
||||
background:-moz-linear-gradient(top,#33405a,#24314e);
|
||||
background:linear-gradient(to bottom,#33405a,#24314e);
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
z-index:-1
|
||||
}
|
||||
#trun_left {
|
||||
position:absolute;
|
||||
width:8%;
|
||||
top:0;
|
||||
left:0;
|
||||
text-align:center;
|
||||
height:100%;
|
||||
z-index:3
|
||||
}
|
||||
#trun_left ._left {
|
||||
display:none;
|
||||
font-size:5em;
|
||||
padding:200px 10px;
|
||||
color:#eee
|
||||
}
|
||||
#trun_left:hover ._left {
|
||||
display:block
|
||||
}
|
||||
#trun_right:hover ._right {
|
||||
display:block
|
||||
}
|
||||
#trun_right {
|
||||
height:100%;
|
||||
width:8%;
|
||||
top:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
z-index:3;
|
||||
text-align:center
|
||||
}
|
||||
#trun_right ._right {
|
||||
display:none;
|
||||
font-size:5em;
|
||||
color:#eee;
|
||||
padding:200px 10px
|
||||
}
|
||||
.tenxcloud_news {
|
||||
font-size:1.5em
|
||||
}
|
||||
.spring_icon {
|
||||
margin:0 auto;
|
||||
width:160px;
|
||||
height:160px;
|
||||
background:url(../images/shensuo.png) no-repeat
|
||||
}
|
||||
.screen2 {
|
||||
width:100%;
|
||||
padding:80px 0
|
||||
}
|
||||
.screen2 .center_content {
|
||||
margin:20px auto;
|
||||
transition:.3s all
|
||||
}
|
||||
.screen2 .center_content .servers {
|
||||
height:70px;
|
||||
width:70px;
|
||||
float:left;
|
||||
background:url(../images/server_item.png) no-repeat;
|
||||
transition:.5s background ease-in-out
|
||||
}
|
||||
.screen2 .center_content .s_item {
|
||||
background-position:0 0
|
||||
}
|
||||
.screen2 .center_content .r_item {
|
||||
background-position:0 -80px
|
||||
}
|
||||
.screen2 .center_content .m_item {
|
||||
background-position:0 -160px
|
||||
}
|
||||
.screen2 .center_content .a_item {
|
||||
background-position:0 -240px
|
||||
}
|
||||
.screen2 .process:hover {
|
||||
color:#4280CB
|
||||
}
|
||||
.screen2 .process:hover .s_item {
|
||||
background-position:-100px 0
|
||||
}
|
||||
.screen2 .containers:hover {
|
||||
color:#4280CB
|
||||
}
|
||||
.screen2 .containers:hover .r_item {
|
||||
background-position:-100px -80px
|
||||
}
|
||||
.screen2 .primer:hover {
|
||||
color:#4280CB
|
||||
}
|
||||
.screen2 .primer:hover .m_item {
|
||||
background-position:-95px -160px
|
||||
}
|
||||
.screen2 .appstore:hover {
|
||||
color:#4280CB
|
||||
}
|
||||
.screen2 .appstore:hover .a_item {
|
||||
background-position:-100px -240px
|
||||
}
|
||||
.screen3 {
|
||||
width:100%;
|
||||
background:#FAFAFB;
|
||||
position:relative;
|
||||
padding:50px 0
|
||||
}
|
||||
.screen3 .cloud_server {
|
||||
text-align:center;
|
||||
margin:20px 0;
|
||||
color:#696969;
|
||||
font-size:16px
|
||||
}
|
||||
.screen3 .cloud_server .more {
|
||||
margin:10px 0;
|
||||
font-size:1.2em;
|
||||
background:#fff;
|
||||
border:1px solid #333;
|
||||
padding:10px 20px;
|
||||
border-radius:2px;
|
||||
-moz-transition:background .4s ease;
|
||||
-ms-transition:background .4s ease;
|
||||
-webkit-transition:background .4s ease;
|
||||
transition:background .4s ease
|
||||
}
|
||||
.screen3 .server-head {
|
||||
margin-top:20px;
|
||||
color:#696969;
|
||||
text-align:center
|
||||
}
|
||||
.screen3 .server_item {
|
||||
background:url(../images/container_server_icon.png) no-repeat;
|
||||
height:135px;
|
||||
width:140px;
|
||||
transition:.5s background;
|
||||
margin:0 auto
|
||||
}
|
||||
.screen3 .h5 {
|
||||
margin-bottom:50px
|
||||
}
|
||||
.screen3 .container_server {
|
||||
background-position:0 0
|
||||
}
|
||||
.screen3 .arrange {
|
||||
background-position:2px -148px
|
||||
}
|
||||
.screen3 .codebuild {
|
||||
background-position:2px -300px
|
||||
}
|
||||
.screen3 .server-market {
|
||||
background-position:2px -449px
|
||||
}
|
||||
.screen3 .registry {
|
||||
background-position:3px -605px
|
||||
}
|
||||
.screen3 .ci {
|
||||
background-position:3px -757px
|
||||
}
|
||||
.screen3 .hosting {
|
||||
background-position:2px -905px
|
||||
}
|
||||
.screen3 .private {
|
||||
background-position:2px -1049px
|
||||
}
|
||||
.screen3 #container_server:hover .server-head {
|
||||
color:#55C782
|
||||
}
|
||||
.screen3 #container_server:hover .container_server {
|
||||
background-position:-146px 0
|
||||
}
|
||||
.screen3 #server-arrange:hover .server-head {
|
||||
color:#4280CB
|
||||
}
|
||||
.screen3 #server-arrange:hover .arrange {
|
||||
background-position:-146px -148px
|
||||
}
|
||||
.screen3 #codebuild:hover .server-head {
|
||||
color:#F4B329
|
||||
}
|
||||
.screen3 #codebuild:hover .codebuild {
|
||||
background-position:-146px -300px
|
||||
}
|
||||
.screen3 #server-market:hover .server-head {
|
||||
color:#8376B6
|
||||
}
|
||||
.screen3 #server-market:hover .server-market {
|
||||
background-position:-146px -449px
|
||||
}
|
||||
.screen3 #registry:hover .server-head {
|
||||
color:#55c782
|
||||
}
|
||||
.screen3 #registry:hover .registry {
|
||||
background-position:-146px -605px
|
||||
}
|
||||
.screen3 #ci:hover .server-head {
|
||||
color:#4280cb
|
||||
}
|
||||
.screen3 #ci:hover .ci {
|
||||
background-position:-146px -757px
|
||||
}
|
||||
.screen3 #hosting:hover .server-head {
|
||||
color:#f4b329
|
||||
}
|
||||
.screen3 #hosting:hover .hosting {
|
||||
background-position:-146px -905px
|
||||
}
|
||||
.screen3 #private:hover .server-head {
|
||||
color:#998fc3
|
||||
}
|
||||
.screen3 #private:hover .private {
|
||||
background-position:-146px -1049px
|
||||
}
|
||||
.screen4 {
|
||||
width:100%;
|
||||
text-align:center;
|
||||
padding:40px 0 80px;
|
||||
color:#fff;
|
||||
background:url(../images/tese.jpg) no-repeat;
|
||||
background-size:100% 100%
|
||||
}
|
||||
.screen4 .cloud_server {
|
||||
text-align:center;
|
||||
font-size:16px
|
||||
}
|
||||
.screen4 .safe-content {
|
||||
line-height:1.5em
|
||||
}
|
||||
.screen4 .design_safe {
|
||||
width:100px;
|
||||
height:110px;
|
||||
margin:10px auto;
|
||||
background:url(../images/tesetubiao.png) no-repeat
|
||||
}
|
||||
.screen4 .safe_ease {
|
||||
background-position:0 0
|
||||
}
|
||||
.screen4 .design_safe.tall {
|
||||
background-position:0 -110px
|
||||
}
|
||||
.screen4 .design_safe.seeyou {
|
||||
background-position:0 -218px
|
||||
}
|
||||
.screen4 .design_safe.mix {
|
||||
background-position:0 -320px
|
||||
}
|
||||
.screen5 {
|
||||
padding:40px 0 80px;
|
||||
background:#FAFAFB
|
||||
}
|
||||
.screen5 .blog-head {
|
||||
text-align:center;
|
||||
margin-bottom:30px;
|
||||
color:#696969
|
||||
}
|
||||
.screen5 .blog-date {
|
||||
font-size:20px;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
margin-bottom:20px;
|
||||
width:100px;
|
||||
height:110px;
|
||||
background:#4B80CB
|
||||
}
|
||||
.screen5 .blog-date .hrs {
|
||||
margin:10px auto;
|
||||
width:60%;
|
||||
border-color:#a9c3e6
|
||||
}
|
||||
.screen5 .blog-article {
|
||||
width:calc(100% - 100px);
|
||||
height:110px;
|
||||
background:#fff
|
||||
}
|
||||
.screen5 .blog-article .h5 {
|
||||
line-height:1.3em
|
||||
}
|
||||
.screen5 .blog-body:hover .blog-date {
|
||||
background-color:#2fba66
|
||||
}
|
||||
.screen6 {
|
||||
width:100%;
|
||||
background:#FAFAFB;
|
||||
padding:40px 0 80px;
|
||||
text-align:center
|
||||
}
|
||||
.screen6 .cloud_server {
|
||||
color:#696969;
|
||||
height:100px
|
||||
}
|
||||
.screen6 .collaborate {
|
||||
width:400%;
|
||||
position:relative;
|
||||
height:150px
|
||||
}
|
||||
.screen6 .collaborate ul {
|
||||
height:110px;
|
||||
width:25%;
|
||||
float:left
|
||||
}
|
||||
.screen6 .collaborate ul li {
|
||||
float:left;
|
||||
width:20%;
|
||||
min-width:180px;
|
||||
height:55px
|
||||
}
|
||||
.screen6 .collaborate ul li .partner {
|
||||
width:190px;
|
||||
height:46px;
|
||||
background:url(../images/partner.png) no-repeat
|
||||
}
|
||||
.screen6 .collaborate ul li .aliyun {
|
||||
background-position:-206px 0
|
||||
}
|
||||
.screen6 .collaborate ul li .amazon {
|
||||
background-position:-191px -60px
|
||||
}
|
||||
.screen6 .collaborate ul li .qingcloud {
|
||||
background-position:-191px -120px
|
||||
}
|
||||
.screen6 .collaborate ul li .segmentfault {
|
||||
background-position:-191px -170px
|
||||
}
|
||||
.screen6 .collaborate ul li .oschina {
|
||||
background-position:-191px -223px
|
||||
}
|
||||
.screen6 .collaborate ul li .coding {
|
||||
background-position:-191px -282px
|
||||
}
|
||||
.screen6 .collaborate ul li .fir_im {
|
||||
background-position:-191px -345px
|
||||
}
|
||||
.screen6 .collaborate ul li .gitcafe {
|
||||
background-position:-191px -400px
|
||||
}
|
||||
.screen6 .collaborate ul li .appcan {
|
||||
background-position:-191px -473px
|
||||
}
|
||||
.screen6 .collaborate ul li .jisuanke {
|
||||
background-position:-191px -528px
|
||||
}
|
||||
.screen6 .collaborate ul li .partner2 {
|
||||
width:190px;
|
||||
height:46px;
|
||||
background:url(../images/partner2.png) no-repeat
|
||||
}
|
||||
.screen6 .collaborate ul li .kaiyuanshe {
|
||||
background-position:-15px 0
|
||||
}
|
||||
.screen6 .collaborate ul li .meituan {
|
||||
background-position:-25px -53px
|
||||
}
|
||||
.screen6 .collaborate ul li .easemob {
|
||||
background-position:0 -108px
|
||||
}
|
||||
.screen6 .collaborate ul li .wilddog {
|
||||
background-position:0 -162px
|
||||
}
|
||||
.screen6 .collaborate ul li .yuntongxun {
|
||||
background-position:0 -215px
|
||||
}
|
||||
.screen6 .collaborate ul li .cloudwise {
|
||||
background-position:10px -260px
|
||||
}
|
||||
.screen6 .collaborate ul li .udesk {
|
||||
background-position:-5px -319px
|
||||
}
|
||||
.screen6 .collaborate ul li .upcloud {
|
||||
background-position:-5px -365px
|
||||
}
|
||||
.screen6 .collaborate ul li .gbtags {
|
||||
background-position:-5px -470px
|
||||
}
|
||||
.screen6 .collaborate ul li .oneapm {
|
||||
background-position:-5px -415px
|
||||
}
|
||||
.screen6 .collaborate ul li .partner3 {
|
||||
width:190px;
|
||||
height:46px;
|
||||
background:url(../images/partner3.png?rev=0.21) no-repeat
|
||||
}
|
||||
.screen6 .collaborate ul li .qiniu {
|
||||
background-position:0 0
|
||||
}
|
||||
.screen6 .collaborate ul li .anchnet {
|
||||
background-position:10px -60px
|
||||
}
|
||||
.screen6 .collaborate ul li .rongkecloud {
|
||||
background-position:-15px -116px
|
||||
}
|
||||
.screen6 .collaborate ul li .zhugeio {
|
||||
background-position:-15px -176px
|
||||
}
|
||||
.screen6 .collaborate ul li .yuantuan {
|
||||
background-position:-15px -242px
|
||||
}
|
||||
.screen6 .collaborate ul li .kr36 {
|
||||
background-position:-15px -360px
|
||||
}
|
||||
.screen6 .collaborate ul li .kf5 {
|
||||
background-position:-15px -300px
|
||||
}
|
||||
.screen6 .collaborate ul li .bee {
|
||||
background-position:0 -418px
|
||||
}
|
||||
.screen6 .collaborate ul li .bmob {
|
||||
background-position:10px -465px
|
||||
}
|
||||
.screen6 .collaborate ul li .unisound {
|
||||
background-position:-10px -533px
|
||||
}
|
||||
.screen6 .collaborate ul li .safedog {
|
||||
background-position:-10px -591px
|
||||
}
|
||||
.screen6 .collaborate ul li .apistore {
|
||||
background-position:-10px -650px
|
||||
}
|
||||
.screen6 .collaborate .partnerRun {
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:10px;
|
||||
width:24.6%;
|
||||
text-align:center
|
||||
}
|
||||
.screen6 .collaborate .partnerRun .slide {
|
||||
display:inline-block;
|
||||
width:10px;
|
||||
height:10px;
|
||||
border-radius:10px;
|
||||
border:1px solid #9C9C9C;
|
||||
margin:0 8px;
|
||||
cursor:pointer;
|
||||
transition:all .3s
|
||||
}
|
||||
.screen6 .collaborate .partnerRun .slide.active {
|
||||
background:#9C9C9C
|
||||
}
|
||||
.screen7 {
|
||||
padding:60px 0 100px
|
||||
}
|
||||
.screen7 .cloud_server {
|
||||
text-align:center;
|
||||
margin-bottom:30px;
|
||||
color:#696969
|
||||
}
|
||||
.screen7 .media-item {
|
||||
width:150px;
|
||||
height:70px
|
||||
}
|
||||
.screen7 .media-content {
|
||||
line-height:1.2em
|
||||
}
|
||||
@keyframes move_top {
|
||||
from {
|
||||
left:0;
|
||||
top:0
|
||||
}
|
||||
to {
|
||||
left:10%
|
||||
}
|
||||
}@-moz-keyframes move_top {
|
||||
from {
|
||||
left:0
|
||||
}
|
||||
to {
|
||||
left:10%
|
||||
}
|
||||
}@-webkit-keyframes move_top {
|
||||
from {
|
||||
left:0
|
||||
}
|
||||
to {
|
||||
left:10%
|
||||
}
|
||||
}@-o-keyframes move_top {
|
||||
from {
|
||||
left:0
|
||||
}
|
||||
to {
|
||||
left:10%
|
||||
}
|
||||
}
|
||||
BIN
template/default/assets/images/alipay.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
template/default/assets/images/banner4.png
Normal file
|
After Width: | Height: | Size: 49 KiB |
BIN
template/default/assets/images/bj_registry_list.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
template/default/assets/images/container_server_icon.png
Normal file
|
After Width: | Height: | Size: 42 KiB |
BIN
template/default/assets/images/hostingupline.png
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
template/default/assets/images/hub.banner.jpg
Normal file
|
After Width: | Height: | Size: 87 KiB |
BIN
template/default/assets/images/qqpay.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
template/default/assets/images/server_item.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
template/default/assets/images/tenpay.png
Normal file
|
After Width: | Height: | Size: 65 KiB |
BIN
template/default/assets/images/tese.jpg
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
template/default/assets/images/tesetubiao.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
template/default/assets/images/wxpay.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
325
template/default/doc.php
Normal file
@@ -0,0 +1,325 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
require INDEX_ROOT.'head.php';
|
||||
?>
|
||||
<style type="text/css">
|
||||
body{color:#000;}header { position: relative; }
|
||||
.bann{ content:'';background-size:100%;background:#4280cb;background:-webkit-gradient(linear,0 0,0 100%,from(#4585d2),to(#4280cb));background:-moz-linear-gradient(top,#4585d2,#4280cb);background:linear-gradient(to bottom,#4585d2,#4280cb);top:0;left:0;z-index:-1;min-height:50px;width:100%}.fl .active{ color:#3F5061;background:#fff;border-color:#fff}
|
||||
.api_block{margin-bottom: 4em;}
|
||||
</style>
|
||||
|
||||
<div class="bann">
|
||||
|
||||
|
||||
<div class="col-xs-12"style="text-align:center;">
|
||||
<div class="h3"style="color:#ffffff;margin-top: 35px;margin-bottom: 30px;">开发文档</div>
|
||||
|
||||
<div style="clear:both;"></div>
|
||||
</div><div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Docs nav
|
||||
================================================== -->
|
||||
<div class="row">
|
||||
<div class="col-md-3 ">
|
||||
<div id="toc" class="bc-sidebar">
|
||||
<ul class="nav">
|
||||
<hr/>
|
||||
<li class="toc-h2"><a href="#api0">[API]创建商户</a></li>
|
||||
<li class="toc-h2"><a href="#api1">[API]查询商户信息</a></li>
|
||||
<li class="toc-h2"><a href="#api2">[API]修改结算账号</a></li>
|
||||
<li class="toc-h2"><a href="#api3">[API]查询结算记录</a></li>
|
||||
<li class="toc-h2"><a href="#api4">[API]查询单个订单</a></li>
|
||||
<li class="toc-h2"><a href="#api5">[API]批量查询订单</a></li>
|
||||
<li class="toc-h2"><a href="#api6">[API]二维码下单接口</a></li>
|
||||
<hr/>
|
||||
<li class="toc-h2"><a href="#pay0">发起支付请求</a></li>
|
||||
<li class="toc-h2"><a href="#pay1">支付结果通知</a></li>
|
||||
<hr/>
|
||||
<li class="toc-h2"><a href="#sdk0">SDK下载</a></li>
|
||||
<hr/>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9">
|
||||
<article class="post page">
|
||||
<section class="post-content">
|
||||
<hr/>
|
||||
<div id="toc2" class="api_block">
|
||||
<h3>
|
||||
协议规则
|
||||
</h3>
|
||||
<p>传输方式:HTTP</p>
|
||||
<p>数据格式:JSON</p>
|
||||
<p>签名算法:MD5</p>
|
||||
<p>字符编码:UTF-8</p>
|
||||
</div>
|
||||
<div id="api0" class="api_block">
|
||||
<h3>
|
||||
[API]创建商户
|
||||
</h3>
|
||||
<p>API权限:该API只能合作支付商户调用</p>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=apply&token={合作者身份TOKEN}&url={商户域名}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>apply</td><td>此API固定值</td></tr>
|
||||
<tr><td>合作者TOKEN</td><td>token</td><td>是</td><td>String</td><td>9ddab6c4f2c87ce442de371b04f36d68</td><td>需要事先申请</td></tr>
|
||||
<tr><td>商户域名</td><td>url</td><td>是</td><td>String</td><td>pay.v8jisu.cn</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>添加支付商户成功!</td><td></td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>Int</td><td>1001</td><td>所创建的商户ID</td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>String(32)</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td>所创建的商户密钥</td></tr>
|
||||
<tr><td>商户类型</td><td>type</td><td>Int</td><td>1</td><td>此值暂无用</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api1" class="api_block">
|
||||
<h3>
|
||||
[API]查询商户信息与结算规则
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=query&pid={商户ID}&key={商户密钥}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>query</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>Int</td><td>1001</td><td>所创建的商户ID</td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>String(32)</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td>所创建的商户密钥</td></tr>
|
||||
<tr><td>商户类型</td><td>type</td><td>Int</td><td>1</td><td>此值暂无用</td></tr>
|
||||
<tr><td>商户状态</td><td>active</td><td>Int</td><td>1</td><td>1为正常,0为封禁</td></tr>
|
||||
<tr><td>商户余额</td><td>money</td><td>String</td><td>0.00</td><td>商户所拥有的余额</td></tr>
|
||||
<tr><td>结算账号</td><td>account</td><td>String</td><td>pay@cccyun.cn</td><td>结算的支付宝账号</td></tr>
|
||||
<tr><td>结算姓名</td><td>username</td><td>String</td><td>张三</td><td>结算的支付宝姓名</td></tr>
|
||||
<tr><td>满多少自动结算</td><td>settle_money</td><td>String</td><td>30</td><td>此值为系统预定义</td></tr>
|
||||
<tr><td>手动结算手续费</td><td>settle_fee</td><td>String</td><td>1</td><td>此值为系统预定义</td></tr>
|
||||
<tr><td>每笔订单分成比例</td><td>money_rate</td><td>String</td><td>98</td><td>此值为系统预定义</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api2" class="api_block">
|
||||
<h3>
|
||||
[API]修改结算账号
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=change&pid={商户ID}&key={商户密钥}&account={结算账号}&username={结算姓名}</p>
|
||||
<p>注:为了保障资金安全,已经设置结算账号的无法再进行修改,如需修改请联系客服</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>change</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
<tr><td>结算账号</td><td>account</td><td>是</td><td>String</td><td>pay@cccyun.cn</td><td>结算的支付宝账号</td></tr>
|
||||
<tr><td>结算姓名</td><td>username</td><td>是</td><td>String</td><td>张三</td><td>结算的支付宝姓名</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>修改收款账号成功!</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api3" class="api_block">
|
||||
<h3>
|
||||
[API]查询结算记录
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=settle&pid={商户ID}&key={商户密钥}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>settle</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>查询结算记录成功!</td><td></td></tr>
|
||||
<tr><td>结算记录</td><td>data</td><td>Array</td><td>结算记录列表</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api4" class="api_block">
|
||||
<h3>
|
||||
[API]查询单个订单
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=order&pid={商户ID}&key={商户密钥}&out_trade_no={商户订单号}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>order</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>是</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>查询订单号成功!</td><td></td></tr>
|
||||
<tr><td>易支付订单号</td><td>trade_no</td><td>String</td><td>2016080622555342651</td><td><?php echo $conf['sitename']?>订单号</td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>String</td><td>20160806151343349</td><td>商户系统内部的订单号</td></tr>
|
||||
<tr><td>支付方式</td><td>type</td><td>String</td><td>alipay</td><td>alipay:支付宝,tenpay:财付通,<br/>qqpay:QQ钱包,wxpay:微信支付</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>Int</td><td>1001</td><td>发起支付的商户ID</td></tr>
|
||||
<tr><td>创建订单时间</td><td>addtime</td><td>String</td><td>2016-08-06 22:55:52</td><td></td></tr>
|
||||
<tr><td>完成交易时间</td><td>endtime</td><td>String</td><td>2016-08-06 22:55:52</td><td></td></tr>
|
||||
<tr><td>商品名称</td><td>name</td><td>String</td><td>VIP会员</td><td></td></tr>
|
||||
<tr><td>商品金额</td><td>money</td><td>String</td><td>1.00</td><td></td></tr>
|
||||
<tr><td>支付状态</td><td>status</td><td>Int</td><td>0</td><td>1为支付成功,0为未支付</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api5" class="api_block">
|
||||
<h3>
|
||||
[API]批量查询订单
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=orders&pid={商户ID}&key={商户密钥}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>orders</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
<tr><td>查询订单数量</td><td>limit</td><td>否</td><td>Int</td><td>20</td><td>返回的订单数量,最大50</td></tr>
|
||||
<tr><td>页码</td><td>page</td><td>否</td><td>Int</td><td>1</td><td>当前查询的页码</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>查询结算记录成功!</td><td></td></tr>
|
||||
<tr><td>订单列表</td><td>data</td><td>Array</td><td></td><td>订单列表</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api6" class="api_block">
|
||||
<h3>
|
||||
[API]二维码下单接口
|
||||
</h3>
|
||||
<p>此接口可用于服务器后端发起支付请求,会返回支付二维码链接</p>
|
||||
<p>URL地址:<?php echo $siteurl?>qrcode.php?pid={商户ID}&type={支付方式}&out_trade_no={商户订单号}&notify_url={服务器异步通知地址}&name={商品名称}&money={金额}&sign={签名字符串}&sign_type=MD5</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>支付方式</td><td>type</td><td>是</td><td>String</td><td>alipay</td><td>qqpay:QQ钱包,wxpay:微信支付</td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>是</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
<tr><td>异步通知地址</td><td>notify_url</td><td>是</td><td>String</td><td>http://www.cccyun.cc/notify_url.php</td><td>服务器异步通知地址</td></tr>
|
||||
<tr><td>商品名称</td><td>name</td><td>是</td><td>String</td><td>VIP会员</td><td></td></tr>
|
||||
<tr><td>商品金额</td><td>money</td><td>是</td><td>String</td><td>1.00</td><td></td></tr>
|
||||
<tr><td>签名字符串</td><td>sign</td><td>是</td><td>String</td><td>202cb962ac59075b964b07152d234b70</td><td>签名算法与<a href="https://doc.open.alipay.com/docs/doc.htm?treeId=62&articleId=104741&docType=1" target="_blank">支付宝签名算法</a>相同</td></tr>
|
||||
<tr><td>签名类型</td><td>sign_type</td><td>是</td><td>String</td><td>MD5</td><td>默认为MD5</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>下单成功!</td><td></td></tr>
|
||||
<tr><td>订单号</td><td>trade_no</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
<tr><td>二维码链接</td><td>code_url</td><td>String</td><td>weixin://wxpay/bizpayurl?pr=04IPMKM</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr/>
|
||||
</div>
|
||||
<div id="pay0" class="api_block">
|
||||
<h3>
|
||||
发起支付请求
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>submit.php</p>
|
||||
<p>POST数据:pid={商户ID}&type={支付方式}&out_trade_no={商户订单号}&notify_url={服务器异步通知地址}&return_url={页面跳转通知地址}&name={商品名称}&money={金额}&sitename={网站名称}&sign={签名字符串}&sign_type=MD5</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>支付方式</td><td>type</td><td>是</td><td>String</td><td>alipay</td><td>alipay:支付宝,tenpay:财付通,<br/>qqpay:QQ钱包,wxpay:微信支付</td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>是</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
<tr><td>异步通知地址</td><td>notify_url</td><td>是</td><td>String</td><td>http://www.cccyun.cc/notify_url.php</td><td>服务器异步通知地址</td></tr>
|
||||
<tr><td>跳转通知地址</td><td>return_url</td><td>是</td><td>String</td><td>http://www.cccyun.cc/return_url.php</td><td>页面跳转通知地址</td></tr>
|
||||
<tr><td>商品名称</td><td>name</td><td>是</td><td>String</td><td>VIP会员</td><td></td></tr>
|
||||
<tr><td>商品金额</td><td>money</td><td>是</td><td>String</td><td>1.00</td><td></td></tr>
|
||||
<tr><td>网站名称</td><td>sitename</td><td>否</td><td>String</td><td>彩虹云任务</td><td></td></tr>
|
||||
<tr><td>签名字符串</td><td>sign</td><td>是</td><td>String</td><td>202cb962ac59075b964b07152d234b70</td><td>签名算法与<a href="https://doc.open.alipay.com/docs/doc.htm?treeId=62&articleId=104741&docType=1" target="_blank">支付宝签名算法</a>相同</td></tr>
|
||||
<tr><td>签名类型</td><td>sign_type</td><td>是</td><td>String</td><td>MD5</td><td>默认为MD5</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="pay1" class="api_block">
|
||||
<h3>
|
||||
支付结果通知
|
||||
</h3>
|
||||
<p>通知类型:服务器异步通知(notify_url)、页面跳转通知(return_url)</p>
|
||||
<p>请求方式:GET</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>易支付订单号</td><td>trade_no</td><td>是</td><td>String</td><td>20160806151343349021</td><td><?php echo $conf['sitename']?>订单号</td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>是</td><td>String</td><td>20160806151343349</td><td>商户系统内部的订单号</td></tr>
|
||||
<tr><td>支付方式</td><td>type</td><td>是</td><td>String</td><td>alipay</td><td>alipay:支付宝,tenpay:财付通,<br/>qqpay:QQ钱包,wxpay:微信支付,<br/>alipaycode:支付宝扫码,jdpay:京东支付</td></tr>
|
||||
<tr><td>商品名称</td><td>name</td><td>是</td><td>String</td><td>VIP会员</td><td></td></tr>
|
||||
<tr><td>商品金额</td><td>money</td><td>是</td><td>String</td><td>1.00</td><td></td></tr>
|
||||
<tr><td>支付状态</td><td>trade_status</td><td>是</td><td>String</td><td>TRADE_SUCCESS</td><td></td></tr>
|
||||
<tr><td>签名字符串</td><td>sign</td><td>是</td><td>String</td><td>202cb962ac59075b964b07152d234b70</td><td>签名算法与<a href="https://doc.open.alipay.com/docs/doc.htm?treeId=62&articleId=104741&docType=1" target="_blank">支付宝签名算法</a>相同</td></tr>
|
||||
<tr><td>签名类型</td><td>sign_type</td><td>是</td><td>String</td><td>MD5</td><td>默认为MD5</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr/>
|
||||
</div>
|
||||
<div id="sdk0" class="api_block">
|
||||
<h3>
|
||||
SDK下载
|
||||
</h3>
|
||||
<blockquote>
|
||||
<a href="./SDK.zip" style="color:blue">SDK.zip</a><br/>
|
||||
SDK版本:V1.1
|
||||
</blockquote>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<?php require INDEX_ROOT.'foot.php';?>
|
||||
40
template/default/foot.php
Normal file
@@ -0,0 +1,40 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
?>
|
||||
|
||||
<div class="address">
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-8 col-lg-9">
|
||||
<ul class="porduct">
|
||||
<h4>产品</h4>
|
||||
<li><a href="agreement.html" target="_blank">服务条款</a></li>
|
||||
<li><a href="doc.html" target="_blank">开发文档</a></li>
|
||||
</ul>
|
||||
<ul class="price">
|
||||
<h4>关于我们</h4>
|
||||
<li><?php echo $conf['sitename']?>是<?php echo $conf['orgname']?>旗下的免签约支付产品</li>
|
||||
</ul>
|
||||
<ul class="about"style="width: 40%;padding-left: 22px;">
|
||||
<h4>联系我们</h4>
|
||||
<li><strong>QQ:</strong><a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&Site=pay&Menu=yes" target="_blank"><?php echo $conf['kfqq']?></a></li>
|
||||
<li><strong>Email:</strong><a href="mailto:<?php echo $conf['email']?>"><?php echo $conf['email']?></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="xinxi">
|
||||
<p><?php echo $conf['sitename']?> ©2020 All Rights Reserved. <?php echo $conf['footer']?></p>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
if('ontouchend' in document.body && $(window).width() < 996){
|
||||
$('.col-xs-12 .h2').css('text-align','center');
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
73
template/default/head.php
Normal file
@@ -0,0 +1,73 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title><?php echo $conf['title']?></title>
|
||||
<meta name="keywords" content="<?php echo $conf['keywords']?>">
|
||||
<meta name="description" content="<?php echo $conf['description']?>" />
|
||||
<meta name="viewport"content="user-scalable=no, width=device-width">
|
||||
<meta name="viewport"content="width=device-width, initial-scale=1"/>
|
||||
<meta name="renderer"content="webkit">
|
||||
<link rel="stylesheet" href="//cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" href="//cdn.staticfile.org/twitter-bootstrap/3.4.1/css/bootstrap.min.css" type="text/css" />
|
||||
<link rel="stylesheet"href="<?php echo STATIC_ROOT?>css/common.css">
|
||||
<link rel="stylesheet"href="<?php echo STATIC_ROOT?>css/index-top.css">
|
||||
<!--[if IE 9 ]><style type="text/css">#ie9{ display:block; }</style><![endif]-->
|
||||
<script src="//cdn.staticfile.org/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="//cdn.staticfile.org/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<script src="//cdn.staticfile.org/jquery-ujs/1.2.2/rails.min.js"async="true"></script>
|
||||
<link rel="stylesheet"type="text/css"href="<?php echo STATIC_ROOT?>css/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<!--[if (gt IE 6)&(lt IE 9)]>
|
||||
<h1 style='color:red;text-align:center;'>
|
||||
你好,浏览器版本过低,升级可正常访问,点击<a style="color:blue"href="http://browsehappy.com/">升级您的浏览器</a>
|
||||
</h1>
|
||||
<style type="text/css">#ielt9{ display: none; }h1{ height:300px;line-height: 300px;display:block; }header{ display: none; }#ie9{ display: block; }.tenxcloud-logo{ margin:50px auto 0;display:block}</style>
|
||||
<![endif]-->
|
||||
|
||||
<div id="ielt9"style="height:100%">
|
||||
<header>
|
||||
<nav id="main-nav"class="navbar navbar-default"role="navigation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="navbar-header">
|
||||
<button type="button"class="toggle navbar-toggle collapsed"data-toggle="collapse"data-target=".navbar-top-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a href="/"><span class="logo" style="background:url(assets/img/logo.png) no-repeat;height: 45px"></span></a>
|
||||
</div>
|
||||
<div class="navbar-collapse navbar-top-collapse collapse"style="height: 1px;">
|
||||
<ul class="nav navbar-nav navbar-right c_navbar">
|
||||
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right z_navbar">
|
||||
<li><a href="/">首页</a></li>
|
||||
<li><a href="doc.html">开发文档</a></li>
|
||||
<?php if($conf['test_open']){?>
|
||||
<li><a href="/user/test.php">支付测试</a></li>
|
||||
<?php }?>
|
||||
<li><a href="/user/">用户中心</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="ie9">你当前的浏览器版本过低,请您升级至IE9以上版本,以达到最佳效果,谢谢!<span class="closeIE">X</span></div>
|
||||
<div id="scroll_Top">
|
||||
<i class="fa fa-arrow-up"></i>
|
||||
<a href="javascript:;"title="去顶部"class="TopTop">TOP</a></div>
|
||||
<script>
|
||||
|
||||
$('.closeIE').click(function(event) {
|
||||
$('#ie9').fadeOut();
|
||||
});
|
||||
</script>
|
||||
106
template/default/index.php
Normal file
@@ -0,0 +1,106 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
require INDEX_ROOT.'head.php';
|
||||
?>
|
||||
<section class="screen1">
|
||||
<div id="myCarousel"class="carousel slide">
|
||||
<div class="carousel-inner">
|
||||
|
||||
<div class="item active">
|
||||
<div class="banner2 banner3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xs-12 col-sm-6 col-md-6">
|
||||
<div class="ban2_img">
|
||||
<div class="cloud_db_img"><img src="<?php echo STATIC_ROOT?>images/banner4.png"class="img-responsive"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-6">
|
||||
<div class="ban2_text">
|
||||
<div class="ban2_status docker">
|
||||
<div class="ban2_middle">欢迎使用<?php echo $conf['sitename']?></div>
|
||||
<div class="ban2_content">提供免签约支付宝、QQ钱包、微信支付</div>
|
||||
|
||||
<div class="ban2_experience">
|
||||
<a href="/user/"class="btn proceed">登录商户</a> <a href="/user/reg.php"class="btn proceed">注册商户</a><br/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- <ol class="carousel-indicators">
|
||||
<li data-target="#myCarousel"data-slide-to="1"class="active"></li>
|
||||
</ol>
|
||||
<div id="trun_left"><a href="#myCarousel"data-slide="prev"class="_left">‹</a></div>
|
||||
<div id="trun_right"><a href="#myCarousel"data-slide="next"class="_right">›</a></div>-->
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="screen3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 cloud_server">
|
||||
<div class="h3"><?php echo $conf['sitename']?>®免签约支付产品</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-4 col-md-4">
|
||||
<div id="container_server">
|
||||
<div class="server_item container_server"></div>
|
||||
<div class="server-head h4">多种支付方式
|
||||
<div class="h5 text-center">支持财付通 支付宝 微信 QQ钱包</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-4 col-md-4">
|
||||
<div id="server-arrange">
|
||||
<div class="server_item arrange"></div>
|
||||
<div class="server-head h4">对接费率超低
|
||||
<div class="h5 text-center">每笔交易手续费低至2%,比其它平台更便宜</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-4 col-md-4">
|
||||
<div id="codebuild">
|
||||
<div class="server_item codebuild"></div>
|
||||
<div class="server-head h4">无需自主提现
|
||||
<div class="h5 text-center">满一定金额即可自动提现到你的支付宝账号</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="screen4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 blog-head">
|
||||
<div class="h3">平台合作伙伴</div>
|
||||
<div class="col-xs-3">
|
||||
<img src="<?php echo STATIC_ROOT?>images/alipay.png" width="150">
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<img src="<?php echo STATIC_ROOT?>images/wxpay.png" width="150">
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<img src="<?php echo STATIC_ROOT?>images/qqpay.png" width="150">
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<img src="<?php echo STATIC_ROOT?>images/tenpay.png" width="150">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php require INDEX_ROOT.'foot.php';?>
|
||||
BIN
template/default/preview.png
Normal file
|
After Width: | Height: | Size: 28 KiB |
197
template/index1/aboutUs.php
Normal file
@@ -0,0 +1,197 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
require INDEX_ROOT.'head.php';
|
||||
?>
|
||||
<div class="about_banner">
|
||||
<div class="about_img">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/about_us.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="block_text history">
|
||||
<div class="about_info">
|
||||
<p>
|
||||
<?php echo $conf['orgname']?><br /> 成立于2016年10月,公司业务面向企业SAAS服务, <br /> 主要核心产品是支付清结算云服务:云支付、云结算、云钱包、云电商、大数据; <br /> 在此核心产品基础上为企业提供全面整套的互联网+解决方案,与企业开放、合作、共赢! <br /> 我们为企业提供网上支付SAAS系统方案,企业只需要在平台注册商务服务账号, <br /> 通过SAAS前台服务填写对应的参数,签订好相关的法律协议即可使用, <br /> 无需企业再次开发相应支付系统,根据使用接口的情况收取服务费用, <br /> <?php echo $conf['sitename']?>仅收取相应套餐费用和套餐内增值业务费用。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block_text history">
|
||||
<h1 class="history_title">
|
||||
发展历程
|
||||
</h1>
|
||||
<div class="history_main">
|
||||
<div class="year_div">
|
||||
<h2>
|
||||
<a href="javascript:;">2016年<i></i></a>
|
||||
</h2>
|
||||
<div class="list">
|
||||
<ul class="clearfix">
|
||||
<li class="cls highlight">
|
||||
<div class="circle">
|
||||
</div>
|
||||
<p class="date">
|
||||
10月
|
||||
</p>
|
||||
<div class="round_div">
|
||||
<p class="intro">
|
||||
我们的公司成立了!
|
||||
</p>
|
||||
<div class="company_info">
|
||||
<p>
|
||||
2016年10月,<?php echo $conf['orgname']?>在中国注册成立。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cls">
|
||||
<div class="circle">
|
||||
</div>
|
||||
<p class="date">
|
||||
11月15日
|
||||
</p>
|
||||
<div class="round_div">
|
||||
<p class="intro">
|
||||
开始制作我们的产品——<?php echo $conf['sitename']?>!
|
||||
</p>
|
||||
<div class="company_info">
|
||||
<p>
|
||||
2016年11月15日,团队组建完毕,一切准备就绪,终于要开始制作我们的产品了。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h2>
|
||||
<a href="javascript:;">2017年<i></i></a>
|
||||
</h2>
|
||||
<div class="list">
|
||||
<ul class="clearfix">
|
||||
<li class="cls">
|
||||
<div class="circle">
|
||||
</div>
|
||||
<p class="date">
|
||||
2月15日
|
||||
</p>
|
||||
<div class="round_div">
|
||||
<p class="intro">
|
||||
<?php echo $conf['sitename']?> 上线了!
|
||||
</p>
|
||||
<div class="company_info">
|
||||
<p>
|
||||
2017年2月15日,经过三个月多月的努力和磨合,我们的产品要上线了!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cls">
|
||||
<div class="circle">
|
||||
</div>
|
||||
<p class="date">
|
||||
6月8日
|
||||
</p>
|
||||
<div class="round_div">
|
||||
<p class="intro">
|
||||
<?php echo $conf['sitename']?> 进行系统升级!
|
||||
</p>
|
||||
<div class="company_info">
|
||||
<p>
|
||||
2017年6月8日,经过三个多月的运营,从中汲取经验后再由策划专业分析,我们的产品要升级了!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cls">
|
||||
<div class="circle">
|
||||
</div>
|
||||
<p class="date">
|
||||
12月7日
|
||||
</p>
|
||||
<div class="round_div">
|
||||
<p class="intro">
|
||||
<?php echo $conf['sitename']?> V2.0上线了!
|
||||
</p>
|
||||
<div class="company_info">
|
||||
<p>
|
||||
2017年12月15日,经过两个月的努力技术开发和业务整改,我们的系统终于完成升级了!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--div class="block_text history">
|
||||
<h1 class="history_title">
|
||||
合作伙伴
|
||||
</h1>
|
||||
</div-->
|
||||
<div class="block_text history">
|
||||
<h1 class="history_title">
|
||||
联系我们
|
||||
</h1>
|
||||
<div class="row">
|
||||
<div class="4u 12u(mobile)">
|
||||
<div class="contact_block">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/icon_adress.png" />
|
||||
<div class="contact_text">
|
||||
<h3>
|
||||
公司地址
|
||||
</h3>
|
||||
<div>
|
||||
深圳市龙岗区布吉街道三联社区景芬路9号
|
||||
</div>
|
||||
<p>
|
||||
邮编:230011
|
||||
</p>
|
||||
<p class="button_box">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="4u 12u(mobile)">
|
||||
<div class="contact_block">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/icon_qq.png" />
|
||||
<div class="contact_text">
|
||||
<h3>
|
||||
联系方式
|
||||
</h3>
|
||||
<p>
|
||||
QQ:<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&Site=pay&Menu=yes" target="_blank"><?php echo $conf['kfqq']?></a>
|
||||
</p>
|
||||
<p>
|
||||
邮箱:<a href="mailto:<?php echo $conf['email']?>"><?php echo $conf['email']?></a>
|
||||
</p>
|
||||
<p class="button_box">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="4u 12u(mobile)">
|
||||
<div class="contact_block">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/icon_weixin.png" />
|
||||
<div class="contact_text">
|
||||
<h3>
|
||||
关注我们
|
||||
</h3>
|
||||
<div class="weixin_box">
|
||||
<img src="assets/img/weixin.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block_text history">
|
||||
<h1 class="history_title">
|
||||
加入我们
|
||||
</h1>
|
||||
<div class="about_info">
|
||||
<p>
|
||||
如果你有兴趣成为我们的团队的一部分,请把你的简历和求职信至
|
||||
<a href="mailto:<?php echo $conf['email']?>"><?php echo $conf['email']?></a>,<br /> 我们将很快与您联系。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<?php require INDEX_ROOT.'foot.php';?>
|
||||
20
template/index1/agreement.php
Normal file
4512
template/index1/assets/css/main.css
Normal file
BIN
template/index1/assets/images/circle.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
template/index1/assets/images/line_bg.png
Normal file
|
After Width: | Height: | Size: 130 B |
BIN
template/index1/assets/images/list_style.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
BIN
template/index1/assets/images/pic01.jpg
Normal file
|
After Width: | Height: | Size: 120 KiB |
BIN
template/index1/assets/images/pic03.jpg
Normal file
|
After Width: | Height: | Size: 214 KiB |
BIN
template/index1/assets/images/screen.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
template/index1/assets/images/tag.png
Normal file
|
After Width: | Height: | Size: 7.3 KiB |
BIN
template/index1/assets/images/tag02.png
Normal file
|
After Width: | Height: | Size: 8.2 KiB |
BIN
template/index1/assets/picture/about_us.jpg
Normal file
|
After Width: | Height: | Size: 127 KiB |
BIN
template/index1/assets/picture/adv01.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
template/index1/assets/picture/adv02.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
BIN
template/index1/assets/picture/adv03.png
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
template/index1/assets/picture/adv04.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
template/index1/assets/picture/icon_adress.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
template/index1/assets/picture/icon_qq.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
template/index1/assets/picture/icon_weixin.png
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
template/index1/assets/picture/ispay_1.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
template/index1/assets/picture/kf01.png
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
template/index1/assets/picture/kf02.png
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
template/index1/assets/picture/kf03.png
Normal file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
template/index1/assets/picture/phone.png
Normal file
|
After Width: | Height: | Size: 280 KiB |
BIN
template/index1/assets/picture/use01.png
Normal file
|
After Width: | Height: | Size: 335 KiB |
BIN
template/index1/assets/picture/use02.png
Normal file
|
After Width: | Height: | Size: 153 KiB |
BIN
template/index1/assets/picture/use03.png
Normal file
|
After Width: | Height: | Size: 94 KiB |
BIN
template/index1/assets/picture/weixin.jpg
Normal file
|
After Width: | Height: | Size: 8.1 KiB |
BIN
template/index1/assets/picture/yuke01.png
Normal file
|
After Width: | Height: | Size: 290 KiB |
BIN
template/index1/assets/picture/yuke02.png
Normal file
|
After Width: | Height: | Size: 168 KiB |
BIN
template/index1/assets/picture/yuke03.png
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
template/index1/assets/picture/yuke04.png
Normal file
|
After Width: | Height: | Size: 105 KiB |
327
template/index1/doc.php
Normal file
@@ -0,0 +1,327 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
require INDEX_ROOT.'head.php';
|
||||
?>
|
||||
<div class="container api_doc">
|
||||
<div class="api_doc_bar">
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#api0">[API]创建商户</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#api1">[API]查询商户信息</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#api2">[API]修改结算账号</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#api3">[API]查询结算记录</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#api4">[API]查询单个订单</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#api5">[API]批量查询订单</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#api6">[API]二维码下单接口</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#pay0">发起支付请求</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#pay1">支付结果通知</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#sdk0">SDK下载</a>
|
||||
</dt>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
<div class="api_doc_content">
|
||||
<div id="toc2" class="api_block">
|
||||
<h3>
|
||||
协议规则
|
||||
</h3>
|
||||
<p>传输方式:HTTP</p>
|
||||
<p>数据格式:JSON</p>
|
||||
<p>签名算法:MD5</p>
|
||||
<p>字符编码:UTF-8</p>
|
||||
</div>
|
||||
<div id="api0" class="api_block">
|
||||
<h3>
|
||||
[API]创建商户
|
||||
</h3>
|
||||
<p>API权限:该API只能合作支付商户调用</p>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=apply&token={合作者身份TOKEN}&url={商户域名}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>apply</td><td>此API固定值</td></tr>
|
||||
<tr><td>合作者TOKEN</td><td>token</td><td>是</td><td>String</td><td>9ddab6c4f2c87ce442de371b04f36d68</td><td>需要事先申请</td></tr>
|
||||
<tr><td>商户域名</td><td>url</td><td>是</td><td>String</td><td>pay.v8jisu.cn</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>添加支付商户成功!</td><td></td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>Int</td><td>1001</td><td>所创建的商户ID</td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>String(32)</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td>所创建的商户密钥</td></tr>
|
||||
<tr><td>商户类型</td><td>type</td><td>Int</td><td>1</td><td>此值暂无用</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api1" class="api_block">
|
||||
<h3>
|
||||
[API]查询商户信息与结算规则
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=query&pid={商户ID}&key={商户密钥}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>query</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>Int</td><td>1001</td><td>所创建的商户ID</td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>String(32)</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td>所创建的商户密钥</td></tr>
|
||||
<tr><td>商户类型</td><td>type</td><td>Int</td><td>1</td><td>此值暂无用</td></tr>
|
||||
<tr><td>商户状态</td><td>active</td><td>Int</td><td>1</td><td>1为正常,0为封禁</td></tr>
|
||||
<tr><td>商户余额</td><td>money</td><td>String</td><td>0.00</td><td>商户所拥有的余额</td></tr>
|
||||
<tr><td>结算账号</td><td>account</td><td>String</td><td>pay@cccyun.cn</td><td>结算的支付宝账号</td></tr>
|
||||
<tr><td>结算姓名</td><td>username</td><td>String</td><td>张三</td><td>结算的支付宝姓名</td></tr>
|
||||
<tr><td>满多少自动结算</td><td>settle_money</td><td>String</td><td>30</td><td>此值为系统预定义</td></tr>
|
||||
<tr><td>手动结算手续费</td><td>settle_fee</td><td>String</td><td>1</td><td>此值为系统预定义</td></tr>
|
||||
<tr><td>每笔订单分成比例</td><td>money_rate</td><td>String</td><td>98</td><td>此值为系统预定义</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api2" class="api_block">
|
||||
<h3>
|
||||
[API]修改结算账号
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=change&pid={商户ID}&key={商户密钥}&account={结算账号}&username={结算姓名}</p>
|
||||
<p>注:为了保障资金安全,已经设置结算账号的无法再进行修改,如需修改请联系客服</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>change</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
<tr><td>结算账号</td><td>account</td><td>是</td><td>String</td><td>pay@cccyun.cn</td><td>结算的支付宝账号</td></tr>
|
||||
<tr><td>结算姓名</td><td>username</td><td>是</td><td>String</td><td>张三</td><td>结算的支付宝姓名</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>修改收款账号成功!</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api3" class="api_block">
|
||||
<h3>
|
||||
[API]查询结算记录
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=settle&pid={商户ID}&key={商户密钥}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>settle</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>查询结算记录成功!</td><td></td></tr>
|
||||
<tr><td>结算记录</td><td>data</td><td>Array</td><td>结算记录列表</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api4" class="api_block">
|
||||
<h3>
|
||||
[API]查询单个订单
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=order&pid={商户ID}&key={商户密钥}&out_trade_no={商户订单号}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>order</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>是</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>查询订单号成功!</td><td></td></tr>
|
||||
<tr><td>易支付订单号</td><td>trade_no</td><td>String</td><td>2016080622555342651</td><td><?php echo $conf['sitename']?>订单号</td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>String</td><td>20160806151343349</td><td>商户系统内部的订单号</td></tr>
|
||||
<tr><td>支付方式</td><td>type</td><td>String</td><td>alipay</td><td>alipay:支付宝,tenpay:财付通,<br/>qqpay:QQ钱包,wxpay:微信支付</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>Int</td><td>1001</td><td>发起支付的商户ID</td></tr>
|
||||
<tr><td>创建订单时间</td><td>addtime</td><td>String</td><td>2016-08-06 22:55:52</td><td></td></tr>
|
||||
<tr><td>完成交易时间</td><td>endtime</td><td>String</td><td>2016-08-06 22:55:52</td><td></td></tr>
|
||||
<tr><td>商品名称</td><td>name</td><td>String</td><td>VIP会员</td><td></td></tr>
|
||||
<tr><td>商品金额</td><td>money</td><td>String</td><td>1.00</td><td></td></tr>
|
||||
<tr><td>支付状态</td><td>status</td><td>Int</td><td>0</td><td>1为支付成功,0为未支付</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api5" class="api_block">
|
||||
<h3>
|
||||
[API]批量查询订单
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>api.php?act=orders&pid={商户ID}&key={商户密钥}</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>操作类型</td><td>act</td><td>是</td><td>String</td><td>orders</td><td>此API固定值</td></tr>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>商户密钥</td><td>key</td><td>是</td><td>String</td><td>89unJUB8HZ54Hj7x4nUj56HN4nUzUJ8i</td><td></td></tr>
|
||||
<tr><td>查询订单数量</td><td>limit</td><td>否</td><td>Int</td><td>20</td><td>返回的订单数量,最大50</td></tr>
|
||||
<tr><td>页码</td><td>page</td><td>否</td><td>Int</td><td>1</td><td>当前查询的页码</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>查询结算记录成功!</td><td></td></tr>
|
||||
<tr><td>订单列表</td><td>data</td><td>Array</td><td></td><td>订单列表</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="api6" class="api_block">
|
||||
<h3>
|
||||
[API]二维码下单接口
|
||||
</h3>
|
||||
<p>此接口可用于服务器后端发起支付请求,会返回支付二维码链接</p>
|
||||
<p>URL地址:<?php echo $siteurl?>qrcode.php?pid={商户ID}&type={支付方式}&out_trade_no={商户订单号}&notify_url={服务器异步通知地址}&name={商品名称}&money={金额}&sign={签名字符串}&sign_type=MD5</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>支付方式</td><td>type</td><td>是</td><td>String</td><td>alipay</td><td>qqpay:QQ钱包,wxpay:微信支付</td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>是</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
<tr><td>异步通知地址</td><td>notify_url</td><td>是</td><td>String</td><td>http://www.cccyun.cc/notify_url.php</td><td>服务器异步通知地址</td></tr>
|
||||
<tr><td>商品名称</td><td>name</td><td>是</td><td>String</td><td>VIP会员</td><td></td></tr>
|
||||
<tr><td>商品金额</td><td>money</td><td>是</td><td>String</td><td>1.00</td><td></td></tr>
|
||||
<tr><td>签名字符串</td><td>sign</td><td>是</td><td>String</td><td>202cb962ac59075b964b07152d234b70</td><td>签名算法与<a href="https://doc.open.alipay.com/docs/doc.htm?treeId=62&articleId=104741&docType=1" target="_blank">支付宝签名算法</a>相同</td></tr>
|
||||
<tr><td>签名类型</td><td>sign_type</td><td>是</td><td>String</td><td>MD5</td><td>默认为MD5</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>返回结果:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>返回状态码</td><td>code</td><td>Int</td><td>1</td><td>1为成功,其它值为失败</td></tr>
|
||||
<tr><td>返回信息</td><td>msg</td><td>String</td><td>下单成功!</td><td></td></tr>
|
||||
<tr><td>订单号</td><td>trade_no</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
<tr><td>二维码链接</td><td>code_url</td><td>String</td><td>weixin://wxpay/bizpayurl?pr=04IPMKM</td><td></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr/>
|
||||
</div>
|
||||
<div id="pay0" class="api_block">
|
||||
<h3>
|
||||
发起支付请求
|
||||
</h3>
|
||||
<p>URL地址:<?php echo $siteurl?>submit.php</p>
|
||||
<p>POST数据:pid={商户ID}&type={支付方式}&out_trade_no={商户订单号}&notify_url={服务器异步通知地址}&return_url={页面跳转通知地址}&name={商品名称}&money={金额}&sitename={网站名称}&sign={签名字符串}&sign_type=MD5</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>支付方式</td><td>type</td><td>是</td><td>String</td><td>alipay</td><td>alipay:支付宝,tenpay:财付通,<br/>qqpay:QQ钱包,wxpay:微信支付</td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>是</td><td>String</td><td>20160806151343349</td><td></td></tr>
|
||||
<tr><td>异步通知地址</td><td>notify_url</td><td>是</td><td>String</td><td>http://www.cccyun.cc/notify_url.php</td><td>服务器异步通知地址</td></tr>
|
||||
<tr><td>跳转通知地址</td><td>return_url</td><td>是</td><td>String</td><td>http://www.cccyun.cc/return_url.php</td><td>页面跳转通知地址</td></tr>
|
||||
<tr><td>商品名称</td><td>name</td><td>是</td><td>String</td><td>VIP会员</td><td></td></tr>
|
||||
<tr><td>商品金额</td><td>money</td><td>是</td><td>String</td><td>1.00</td><td></td></tr>
|
||||
<tr><td>网站名称</td><td>sitename</td><td>否</td><td>String</td><td>彩虹云任务</td><td></td></tr>
|
||||
<tr><td>签名字符串</td><td>sign</td><td>是</td><td>String</td><td>202cb962ac59075b964b07152d234b70</td><td>签名算法与<a href="https://doc.open.alipay.com/docs/doc.htm?treeId=62&articleId=104741&docType=1" target="_blank">支付宝签名算法</a>相同</td></tr>
|
||||
<tr><td>签名类型</td><td>sign_type</td><td>是</td><td>String</td><td>MD5</td><td>默认为MD5</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="pay1" class="api_block">
|
||||
<h3>
|
||||
支付结果通知
|
||||
</h3>
|
||||
<p>通知类型:服务器异步通知(notify_url)、页面跳转通知(return_url)</p>
|
||||
<p>请求方式:GET</p>
|
||||
<p>请求参数说明:</p>
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead><tr><th>字段名</th><th>变量名</th><th>必填</th><th>类型</th><th>示例值</th><th>描述</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>商户ID</td><td>pid</td><td>是</td><td>Int</td><td>1001</td><td></td></tr>
|
||||
<tr><td>易支付订单号</td><td>trade_no</td><td>是</td><td>String</td><td>20160806151343349021</td><td><?php echo $conf['sitename']?>订单号</td></tr>
|
||||
<tr><td>商户订单号</td><td>out_trade_no</td><td>是</td><td>String</td><td>20160806151343349</td><td>商户系统内部的订单号</td></tr>
|
||||
<tr><td>支付方式</td><td>type</td><td>是</td><td>String</td><td>alipay</td><td>alipay:支付宝,tenpay:财付通,<br/>qqpay:QQ钱包,wxpay:微信支付,<br/>alipaycode:支付宝扫码,jdpay:京东支付</td></tr>
|
||||
<tr><td>商品名称</td><td>name</td><td>是</td><td>String</td><td>VIP会员</td><td></td></tr>
|
||||
<tr><td>商品金额</td><td>money</td><td>是</td><td>String</td><td>1.00</td><td></td></tr>
|
||||
<tr><td>支付状态</td><td>trade_status</td><td>是</td><td>String</td><td>TRADE_SUCCESS</td><td></td></tr>
|
||||
<tr><td>签名字符串</td><td>sign</td><td>是</td><td>String</td><td>202cb962ac59075b964b07152d234b70</td><td>签名算法与<a href="https://doc.open.alipay.com/docs/doc.htm?treeId=62&articleId=104741&docType=1" target="_blank">支付宝签名算法</a>相同</td></tr>
|
||||
<tr><td>签名类型</td><td>sign_type</td><td>是</td><td>String</td><td>MD5</td><td>默认为MD5</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr/>
|
||||
</div>
|
||||
<div id="sdk0" class="api_block">
|
||||
<h3>
|
||||
SDK下载
|
||||
</h3>
|
||||
<blockquote>
|
||||
<a href="./SDK.zip" style="color:blue">SDK.zip</a><br/>
|
||||
SDK版本:V1.1
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php require INDEX_ROOT.'foot.php';?>
|
||||
68
template/index1/foot.php
Normal file
@@ -0,0 +1,68 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
?>
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="2u 4u(mobile)">
|
||||
<div class="footer_link list_p">
|
||||
<h5>关于我们</h5>
|
||||
<p>
|
||||
<a href="aboutUs.html">公司信息</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="aboutUs.html">联系我们</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="aboutUs.html">加入我们</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="2u 4u(mobile)">
|
||||
<div class="footer_link list_p">
|
||||
<h5>产品</h5>
|
||||
<p>
|
||||
<a target="_blank" href="/doc.html">开发文档</a>
|
||||
</p>
|
||||
<p>
|
||||
<a target="_blank" href="/SDK.zip">SDK下载 </a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="2u 4u(mobile)">
|
||||
<div class="footer_link list_p">
|
||||
<h5>其它</h5>
|
||||
<p>
|
||||
<a href="aboutUs.html">合作伙伴</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="agreement.html">用户协议</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="produceIntroduce.html">功能介绍</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="2u 4u(mobile)">
|
||||
<div class="footer_link"> <img src="assets/img/weixin.jpg" />
|
||||
<p>关注<?php echo $conf['sitename']?></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="4u 8u(mobile)">
|
||||
<div class="footer_link">
|
||||
<h5>联系我们</h5>
|
||||
<p><i class="icon fa-qq"></i> QQ:<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&Site=pay&Menu=yes" target="_blank"><?php echo $conf['kfqq']?></a></p>
|
||||
<p><i class="icon fa-envelope"></i> 邮箱:<a href="mailto:<?php echo $conf['email']?>"><?php echo $conf['email']?></a></p>
|
||||
<p><i class="icon fa-map-marker"></i> 地址:深圳市龙岗区龙岗街道龙岗大道4005号和创大厦306</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> <br />
|
||||
<div class="align-center">
|
||||
<p><?php echo $conf['sitename']?> ©2020 All Rights Reserved. <?php echo $conf['footer']?></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
template/index1/head.php
Normal file
@@ -0,0 +1,58 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="blank" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta name="keywords" content="<?php echo $conf['keywords']?>" />
|
||||
<meta name="description" content="<?php echo $conf['description']?>" />
|
||||
<link rel="stylesheet" href="<?php echo STATIC_ROOT?>css/main.css" />
|
||||
<link rel="stylesheet" href="//cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" />
|
||||
<script src="//cdn.staticfile.org/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="//cdn.staticfile.org/jquery.dropotron/1.4.3/jquery.dropotron.min.js"></script>
|
||||
<!--[if lte IE 8]><script src="//cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script><![endif]-->
|
||||
<!--[if lte IE 8]><script src="//cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script><![endif]-->
|
||||
<title><?php echo $conf['title']?></title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<section id="page-wrapper">
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<h1><a href="#"><img src="assets/img/logo.png"></a></h1>
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">首页</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="produceIntroduce.html">功能介绍</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="doc.html">开发文档</a>
|
||||
</li>
|
||||
<?php if($conf['test_open']==1){?>
|
||||
<li>
|
||||
<a target="_blank" href="/user/test.php">在线测试</a>
|
||||
</li><?php }?>
|
||||
<?php if(!empty($conf['appurl'])){?>
|
||||
<li>
|
||||
<a href="<?php echo $conf['appurl']?>">APP下载</a>
|
||||
</li><?php }?>
|
||||
</ul>
|
||||
</nav> <nav id="navRight">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/user/" class="button login_btn">商户登录</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="/user/reg.php" class="button register_btn">商户注册</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav> </header>
|
||||
206
template/index1/index.php
Normal file
@@ -0,0 +1,206 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
require INDEX_ROOT.'head.php';
|
||||
?>
|
||||
<div class="cd-fixed-bg cd-bg-1 banner" id="banner">
|
||||
<div class="container clearfix">
|
||||
<div class="banner_img">
|
||||
<img class="ie_img" src="<?php echo STATIC_ROOT?>picture/phone.png" />
|
||||
<div class="image phone">
|
||||
<div class="inner">
|
||||
<div class="slide_box">
|
||||
<ul class="slider_pic">
|
||||
<li class="beijia_img">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/ispay_1.png" />
|
||||
</li>
|
||||
<li class="weixin_img">
|
||||
<img src="assets/img/weixin.jpg" />
|
||||
<p>
|
||||
扫一扫关注<?php echo $conf['sitename']?>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="slider_btn">
|
||||
<li>
|
||||
</li>
|
||||
<li>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="banner_text">
|
||||
<h2>
|
||||
<span>专业的收银系统</span>
|
||||
</h2>
|
||||
<p>全面集成主流支付渠道,为企业提供解决<span>收款</span><span>付款</span><span>结算</span><span>营销</span>等问题的技术方案</p>
|
||||
<p>提供企业统一管理电子钱包的技术方案</p>
|
||||
|
||||
<br />
|
||||
<a href="/user/reg.php" class="button alt" target="_blank">注册使用</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cd-scrolling-bg bg_white">
|
||||
<div class="container">
|
||||
<h2>
|
||||
云支付(全支付场景及渠道覆盖)
|
||||
</h2>
|
||||
<p>
|
||||
支持支付宝、微信、银联、QQ钱包、快钱等主流支付渠道,让您拥有PC网页支付、扫码支付、手机APP支付、移动HTML5支付、微信公众号支付。
|
||||
</p>
|
||||
<div class="image align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/use01.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cd-scrolling-bg bg_gary">
|
||||
<div class="container">
|
||||
<h2>
|
||||
云钱包
|
||||
</h2>
|
||||
<p>
|
||||
企业通过<?php echo $conf['sitename']?>为用户提供统一虚拟账户,提升用户支付体验,为拓展增值服务提供基础
|
||||
</p>
|
||||
<div class="image align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/use02.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cd-scrolling-bg bg_white">
|
||||
<div class="container">
|
||||
<h2>
|
||||
云结算
|
||||
</h2>
|
||||
<p>
|
||||
通过简单的页面配置,可以替代复杂繁琐的人工资金结算业务,提高业务实时性,降低错误
|
||||
</p>
|
||||
<div class="image align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/use03.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cd-scrolling-bg bg_gary">
|
||||
<div class="container">
|
||||
<h2>
|
||||
我们的优势
|
||||
</h2>
|
||||
<div class="row">
|
||||
<div class="6u 12u(mobile)">
|
||||
<div class="advantage_img align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/adv01.png" />
|
||||
</div>
|
||||
<div class="box_item">
|
||||
<h4>
|
||||
降低研发成本
|
||||
</h4>
|
||||
<div class="content">
|
||||
<p>
|
||||
简单快速的接入方式,缩短开发周期,实现快速上线。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="6u 12u(mobile)">
|
||||
<div class="advantage_img align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/adv02.png" />
|
||||
</div>
|
||||
<div class="box_item">
|
||||
<h4>
|
||||
轻松结算对账
|
||||
</h4>
|
||||
<div class="content">
|
||||
<p>
|
||||
降低财务人员在结算方面投入的时间和精力,客服人员也可以轻松查看账户明细
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="6u 12u(mobile)">
|
||||
<div class="advantage_img align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/adv03.png" />
|
||||
</div>
|
||||
<div class="box_item">
|
||||
<h4>
|
||||
全面开放API
|
||||
</h4>
|
||||
<div class="content">
|
||||
<p>
|
||||
让企业更加自主的使用<?php echo $conf['sitename']?>相关服务
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="6u 12u(mobile)">
|
||||
<div class="advantage_img align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/adv04.png" />
|
||||
</div>
|
||||
<div class="box_item">
|
||||
<h4>
|
||||
安全稳定高效
|
||||
</h4>
|
||||
<div class="content">
|
||||
<p>
|
||||
HTTPS传输加密,REST API调用数字签名验证,ACL权限控制,严格保护客户数据的安全和隐私
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cd-scrolling-bg bottom_bg">
|
||||
<div class="konw_morebox">
|
||||
<div class="container">
|
||||
<h2 style="color: #FFFFFF;">
|
||||
想要了解更多
|
||||
</h2>
|
||||
<div class="row">
|
||||
<div class="4u 12u(mobile)">
|
||||
<a href="produceIntroduce.html" class="know_more icon fa-chain">
|
||||
<h4>
|
||||
了解更多
|
||||
</h4>
|
||||
<p>
|
||||
你也许还有更多疑问,我们的帮助中心会为您提供答案
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="4u 12u(mobile)">
|
||||
<a href="doc.html" class="know_more icon fa-credit-card">
|
||||
<h4>
|
||||
开发文档
|
||||
</h4>
|
||||
<p>
|
||||
获取对接我们的API接口以及SDK
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="4u 12u(mobile)">
|
||||
<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&Site=pay&Menu=yes" target="_blank" class="know_more icon fa-users">
|
||||
<h4>
|
||||
商务合作
|
||||
</h4>
|
||||
<p>
|
||||
如果有什么需求或者意见,我们期待您的联系。
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="align-center">
|
||||
<br />
|
||||
<br />
|
||||
<a href="/user/reg.php" class="button big alt" target="_blank">注册成为会员</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Scripts -->
|
||||
<script>
|
||||
(function($) {
|
||||
$('body').addClass('landing');
|
||||
$('#header').addClass('alt');
|
||||
})(jQuery);
|
||||
</script>
|
||||
<?php require INDEX_ROOT.'foot.php';?>
|
||||
BIN
template/index1/preview.png
Normal file
|
After Width: | Height: | Size: 42 KiB |
271
template/index1/produceIntroduce.php
Normal file
@@ -0,0 +1,271 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
require INDEX_ROOT.'head.php';
|
||||
?>
|
||||
<div class="container api_doc">
|
||||
<div class="api_doc_bar">
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#zfqdId">支付渠道</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#kfzxId">开发中心</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#glzxId">管理中心</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#yyzxId">运营中心</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#cwzxId">财务中心</a>
|
||||
</dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="#ktsmId">开通说明</a>
|
||||
</dt>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
<div class="api_doc_content">
|
||||
<div id="zfqdId" class="api_block">
|
||||
<h3>
|
||||
支付渠道
|
||||
</h3>
|
||||
<img style="width:430px;height:430px" src="<?php echo STATIC_ROOT?>picture/yuke01.png" />
|
||||
<h4>
|
||||
PC网页支付
|
||||
</h4>
|
||||
<p>
|
||||
<?php echo $conf['sitename']?>,PC网页支付支持支付宝网页支付、支付宝扫码支付、 微信扫码支付、银联网页支付、百度钱包等。
|
||||
</p>
|
||||
<img src="<?php echo STATIC_ROOT?>picture/yuke02.png" />
|
||||
<h4>
|
||||
扫码支付
|
||||
</h4>
|
||||
<p>
|
||||
<?php echo $conf['sitename']?>,支持统一扫码支付,渠道扫码支付,包括支付宝扫码支付、 微信扫码支付等。
|
||||
</p>
|
||||
<img src="<?php echo STATIC_ROOT?>picture/yuke04.png" />
|
||||
<h4>
|
||||
微信公众号支付
|
||||
</h4>
|
||||
<p>
|
||||
<?php echo $conf['sitename']?>,为微信公众号提供全套支付解决方案: 用户可在你的微信服务号内进行微信 支付,简单便捷!
|
||||
</p>
|
||||
<img src="<?php echo STATIC_ROOT?>picture/yuke03.png" />
|
||||
<h4>
|
||||
手机APP支付
|
||||
</h4>
|
||||
<p>
|
||||
<?php echo $conf['sitename']?>,为iOS/Android原生/H5 App提供支付解决方案:支持微信支付、支付宝支付、银联手机支付、百度钱包等。
|
||||
</p>
|
||||
</div>
|
||||
<div id="kfzxId" class="api_block">
|
||||
<h3>
|
||||
开发中心
|
||||
</h3>
|
||||
<div class="row">
|
||||
<div class="4u 4u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-code round_icon round_border"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
集成开发
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="4u 4u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-shield round_icon round_border"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
安全设置
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="4u 4u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-wrench round_icon round_border"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
渠道配置
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="glzxId" class="api_block">
|
||||
<h3>
|
||||
管理中心
|
||||
</h3>
|
||||
<div class="row">
|
||||
<div class="4u 4u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/kf02.png" />
|
||||
<div class="content">
|
||||
<h4>
|
||||
开发人员
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="4u 4u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/kf01.png" />
|
||||
<div class="content">
|
||||
<h4>
|
||||
运营人员
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="4u 4u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/kf03.png" />
|
||||
<div class="content">
|
||||
<h4>
|
||||
财务人员
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="yyzxId" class="api_block">
|
||||
<h3>
|
||||
运营中心
|
||||
</h3>
|
||||
<div class="row">
|
||||
<div class="6u 6u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-gears round_icon round_border"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
配置
|
||||
</h4>
|
||||
<p>
|
||||
风控、分账、费用、营销、结算
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="6u 6u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-bar-chart round_icon round_border"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
报表
|
||||
</h4>
|
||||
<p>
|
||||
资金流水报表、日报表、汇总报表
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="cwzxId" class="api_block">
|
||||
<h3>
|
||||
财务中心
|
||||
</h3>
|
||||
<div class="row">
|
||||
<div class="6u 6u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-list-ol round_icon round_border"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
对账
|
||||
</h4>
|
||||
<p>
|
||||
系统自动对账、对账结果查询、对账处理
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="6u 6u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-database round_icon round_border"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
财务
|
||||
</h4>
|
||||
<p>
|
||||
余额调整、相关审核、批量出款、T+n自动结算
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ktsmId" class="api_block">
|
||||
<h3>
|
||||
开通说明
|
||||
</h3>
|
||||
<div class="row">
|
||||
<div class="4u 12u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-edit featured"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
注册
|
||||
</h4>
|
||||
<p>
|
||||
您可以免费申请账号,使用开发的相关功能。
|
||||
</p>
|
||||
<p>
|
||||
<a href="/user/reg.php" target="_blank">去注册</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="4u 12u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-file-code-o featured alt"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
集成
|
||||
</h4>
|
||||
<p>
|
||||
开发人员根据文档说明配置相关的信息.下载SDK与DEMO进行集成.
|
||||
</p>
|
||||
<p>
|
||||
<a href="doc.html" target="_blank">查看文档</a>
|
||||
<a href="SDK.zip" target="_blank">下载SDK</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="4u 12u(mobile)">
|
||||
<div class="fund_text align-center">
|
||||
<i class="icon fa-check-square-o featured alt2"></i>
|
||||
<div class="content">
|
||||
<h4>
|
||||
开通
|
||||
</h4>
|
||||
<p>
|
||||
正式开通如果有个性化定制需求,请线下联系我们
|
||||
</p>
|
||||
<p>
|
||||
<a href="aboutUs.html" target="_blank">联系我们</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php require INDEX_ROOT.'foot.php';?>
|
||||
3514
template/index10/assets/css/animate.css
vendored
Normal file
1
template/index10/assets/css/aos.css
Normal file
155
template/index10/assets/css/common_contact.css
Normal 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;
|
||||
}
|
||||
57
template/index10/assets/css/default.css
Normal 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;
|
||||
}
|
||||
179
template/index10/assets/css/header_common.css
Normal 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;
|
||||
}
|
||||
596
template/index10/assets/css/index_main.css
Normal 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;
|
||||
}
|
||||
|
||||
|
||||
381
template/index10/assets/css/media.css
Normal 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;}
|
||||
}
|
||||
|
||||
BIN
template/index10/assets/images/address.png
Normal file
|
After Width: | Height: | Size: 563 B |
BIN
template/index10/assets/images/address1.png
Normal file
|
After Width: | Height: | Size: 562 B |
BIN
template/index10/assets/images/advantage_topl.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
BIN
template/index10/assets/images/advantage_topr.png
Normal file
|
After Width: | Height: | Size: 59 KiB |
BIN
template/index10/assets/images/banner.png
Normal file
|
After Width: | Height: | Size: 106 KiB |
BIN
template/index10/assets/images/contact_botl.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
template/index10/assets/images/contact_botr.png
Normal file
|
After Width: | Height: | Size: 6.8 KiB |
BIN
template/index10/assets/images/contactus_bg.png
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
template/index10/assets/images/email.png
Normal file
|
After Width: | Height: | Size: 550 B |
BIN
template/index10/assets/images/email1.png
Normal file
|
After Width: | Height: | Size: 563 B |
BIN
template/index10/assets/images/footer_email.png
Normal file
|
After Width: | Height: | Size: 633 B |
BIN
template/index10/assets/images/footer_icon1.png
Normal file
|
After Width: | Height: | Size: 772 B |
BIN
template/index10/assets/images/footer_icon2.png
Normal file
|
After Width: | Height: | Size: 756 B |
BIN
template/index10/assets/images/footer_icon3.png
Normal file
|
After Width: | Height: | Size: 734 B |
BIN
template/index10/assets/images/footer_icon4.png
Normal file
|
After Width: | Height: | Size: 804 B |
BIN
template/index10/assets/images/footer_qq.png
Normal file
|
After Width: | Height: | Size: 609 B |
BIN
template/index10/assets/images/header_combg.png
Normal file
|
After Width: | Height: | Size: 61 KiB |
BIN
template/index10/assets/images/map_bg.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
template/index10/assets/images/more_arrow.png
Normal file
|
After Width: | Height: | Size: 320 B |
BIN
template/index10/assets/images/payment_bg.png
Normal file
|
After Width: | Height: | Size: 5.7 KiB |
BIN
template/index10/assets/images/process_bg.png
Normal file
|
After Width: | Height: | Size: 7.6 KiB |
BIN
template/index10/assets/images/qq.png
Normal file
|
After Width: | Height: | Size: 509 B |
BIN
template/index10/assets/images/qq2.png
Normal file
|
After Width: | Height: | Size: 509 B |
BIN
template/index10/assets/images/right_tell1.png
Normal file
|
After Width: | Height: | Size: 362 B |
BIN
template/index10/assets/images/right_tell2.png
Normal file
|
After Width: | Height: | Size: 316 B |
BIN
template/index10/assets/images/scrolltop.png
Normal file
|
After Width: | Height: | Size: 280 B |
BIN
template/index10/assets/images/scrolltop2.png
Normal file
|
After Width: | Height: | Size: 272 B |
BIN
template/index10/assets/images/tell.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
template/index10/assets/images/tell1.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
2
template/index10/assets/js/aos.js
Normal file
23
template/index10/assets/js/common_js.js
Normal 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();
|
||||
});
|
||||
|
||||
|
||||
})
|
||||
15
template/index10/assets/js/index_main.js
Normal 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;
|
||||
});*/
|
||||
|
||||
|
||||
})
|
||||
1555
template/index10/assets/js/xs.js
Normal file
BIN
template/index10/assets/picture/57ede64c39bb4880.png
Normal file
|
After Width: | Height: | Size: 13 KiB |