700 lines
13 KiB
CSS
700 lines
13 KiB
CSS
.photo_top{
|
|
width: 100%;
|
|
background-image: url(https://images.ufutx.com/201911/24/4a418a9fdee3c0fd710e40b37d08f3d5.png);
|
|
margin: 0 auto;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
/*position: relative;*/
|
|
}
|
|
.photo_logo{
|
|
max-width: 80%;
|
|
padding-top: 7%;
|
|
}
|
|
.photo_title{
|
|
font-size: 2rem;
|
|
color: #ffffff;
|
|
padding-top: 4%;
|
|
}
|
|
.photo_top_pic{
|
|
padding-top: 33px;
|
|
width: 80%;
|
|
height: auto;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
.download{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
padding: 55% 6% 8% 6%;
|
|
}
|
|
.Android_download, .Ios_download{
|
|
max-width: 40%;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
.Android_download{
|
|
float: left;
|
|
}
|
|
.Ios_download{
|
|
float: right;
|
|
}
|
|
.photo_serve{
|
|
width: 100%;
|
|
background-color: #f6f6f6;
|
|
}
|
|
.photo_serve_top{
|
|
padding-top: 8%;
|
|
font-size: 4rem;
|
|
letter-spacing: 8px;
|
|
font-weight: bold;
|
|
color: #d92553;
|
|
}
|
|
.photo_serve_title{
|
|
font-size: 0.5rem;
|
|
letter-spacing: 1px;
|
|
}
|
|
.photo_serve_pic{
|
|
max-width: 95%;
|
|
padding-top: 8%;
|
|
height: auto;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
.photo_serve_introduce{
|
|
width: 100%;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
padding: 8% 0 0 6%;
|
|
}
|
|
.photo_serve_vip, .photo_serve_single, .photo_serve_marriage{
|
|
width: 24%;
|
|
float: left;
|
|
}
|
|
.photo_serve_vip{
|
|
margin-left: 4%;
|
|
}
|
|
.photo_serve_single{
|
|
margin-left: 7%;
|
|
padding: 1% 0;
|
|
|
|
}
|
|
.photo_serve_marriage{
|
|
margin-left: 7%;
|
|
}
|
|
.photo_serve_icon{
|
|
max-width: 76%;
|
|
padding-bottom: 10%;
|
|
}
|
|
.photo_serve_text{
|
|
font-size: 1.6rem;
|
|
letter-spacing: 2px;
|
|
font-weight: bold;
|
|
}
|
|
.photo_serve_wire{
|
|
height: 2px;
|
|
width: 30%;
|
|
background-color: #333333;
|
|
margin: 15% auto;
|
|
}
|
|
.photo_serve_brief{
|
|
text-align:justify;
|
|
text-justify:inter-ideograph;
|
|
font-size: 0.5rem;
|
|
}
|
|
.photo_serve_bottom{
|
|
max-width: 60%;
|
|
padding: 5% 0 8% 0;
|
|
margin-right: 4%;
|
|
}
|
|
.photo_partnership{
|
|
width: 100%;
|
|
background-color: #fff;
|
|
}
|
|
.photo_partnership_top{
|
|
padding-top: 8%;
|
|
font-size: 4rem;
|
|
letter-spacing: 8px;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
}
|
|
.photo_partnership_pic{
|
|
max-width: 80%;
|
|
padding-top: 8%;
|
|
height: auto;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
.photo_partnership_box1, .photo_partnership_box2{
|
|
text-align: center;
|
|
overflow: hidden;
|
|
padding: 0 10%;
|
|
}
|
|
.photo_partnership_box1{
|
|
padding-top: 10%;
|
|
}
|
|
.photo_partnership_box2{
|
|
padding-top: 12%;
|
|
padding-bottom: 10%;
|
|
}
|
|
.photo_partnership_envoy, .photo_partnership_group, .photo_partnership_teacher, .photo_partnership_partner{
|
|
width: 40%;
|
|
}
|
|
.photo_partnership_envoy, .photo_partnership_teacher{
|
|
padding: 1% 0;
|
|
float: left;
|
|
}
|
|
.photo_partnership_group, .photo_partnership_partner{
|
|
float: right;
|
|
}
|
|
.photo_partnership_icon{
|
|
max-width: 60%;
|
|
padding-bottom: 10%;
|
|
}
|
|
.photo_partnership_text{
|
|
font-size: 1.6rem;
|
|
letter-spacing: 2px;
|
|
font-weight: bold;
|
|
}
|
|
.photo_partnership_wire{
|
|
height: 2px;
|
|
width: 22%;
|
|
background-color: #333333;
|
|
margin: 15% auto;
|
|
}
|
|
.photo_partnership_brief{
|
|
text-align: justify;
|
|
text-align-last: left;
|
|
font-size: 0.5rem;
|
|
}
|
|
.photo_community{
|
|
width: 100%;
|
|
background-color: #f6f6f6;
|
|
}
|
|
.photo_community_top{
|
|
padding-top: 8%;
|
|
font-size: 4rem;
|
|
letter-spacing: 8px;
|
|
font-weight: bold;
|
|
color: #d92553;
|
|
}
|
|
.photo_community_pic{
|
|
max-width: 80%;
|
|
padding-top: 8%;
|
|
height: auto;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
.photo_community_box{
|
|
padding: 10% 10%;
|
|
}
|
|
.photo_community_brief, .photo_community_satisfy, .photo_community_difficulty.photo_community_difficulty{
|
|
font-size: 1rem;
|
|
text-align:justify;
|
|
text-justify:inter-ideograph;
|
|
letter-spacing: 5px;
|
|
line-height: 26px;
|
|
color: #3c3c3c;
|
|
}
|
|
.photo_end{
|
|
width: 100%;
|
|
/*height: 1100px;*/
|
|
background-image: url(https://images.ufutx.com/201911/24/a8a463e8e6c9e03704b8ce22b87cf1a1.png);
|
|
margin: 0 auto;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
/*position: relative;*/
|
|
}
|
|
.photo_end_top{
|
|
padding-top: 8%;
|
|
font-size: 2rem;
|
|
letter-spacing: 3px;
|
|
font-weight: bold;
|
|
color: #000;
|
|
}
|
|
.photo_end_pic{
|
|
max-width: 40%;
|
|
padding: 12% 0;
|
|
height: auto;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
.photo_end_download{
|
|
width: 100%;
|
|
/*position: absolute;*/
|
|
/*bottom: 15%;*/
|
|
overflow: hidden;
|
|
padding: 15% 6% 20% 6%;
|
|
}
|
|
.photo_end_Android_download, .photo_end_Ios_download{
|
|
max-width: 40%;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
.photo_end_Android_download{
|
|
float: left;
|
|
}
|
|
.photo_end_Ios_download{
|
|
float: right;
|
|
}
|
|
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
p{
|
|
margin: 0;
|
|
}
|
|
a{
|
|
color: #666;
|
|
text-decoration: none;
|
|
}
|
|
.container{
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
@media screen and (min-width: 768px) and (max-width: 991px){
|
|
.container{
|
|
width: 100%;
|
|
}
|
|
.bg01{
|
|
height: 500px!important;
|
|
}
|
|
.serve{
|
|
height: 600px!important;
|
|
}
|
|
.partnership{
|
|
height: 670px!important;
|
|
}
|
|
.community_brief, .community_satisfy, .community_difficulty{
|
|
font-size: 12px!important;
|
|
letter-spacing: 1px!important;
|
|
line-height: 20px!important;
|
|
}
|
|
.association{
|
|
height: 550px!important;
|
|
}
|
|
.photo_pic{
|
|
width: 44%!important;
|
|
padding-right: 8%!important;
|
|
padding-left: 0!important;
|
|
}
|
|
.introduce_box{
|
|
padding-top: 10%!important;
|
|
}
|
|
.introduce_text, .introduce_text_1{
|
|
font-size: 2.2rem!important;
|
|
}
|
|
.introduce_text_2{
|
|
line-height : 30px!important;
|
|
font-size: 1.2rem!important;
|
|
}
|
|
.two_dimension img{
|
|
width: 30%!important;
|
|
}
|
|
.attention_pic{
|
|
display: none;
|
|
}
|
|
.cooperation_right_pic{
|
|
width: 90%!important;
|
|
}
|
|
.cooperation_brief{
|
|
padding-top: 46px!important;
|
|
margin-right: 4%!important;;
|
|
}
|
|
.serve_middle_centre{
|
|
padding-top: 10px!important;
|
|
}
|
|
.serve_vip_text{
|
|
font-size: 18px!important;
|
|
}
|
|
.partnership_icon{
|
|
width: 70%!important;
|
|
}
|
|
.wire{
|
|
margin: 18px auto!important;
|
|
}
|
|
.serve_vip_text_1{
|
|
font-size: 14px!important;
|
|
}
|
|
.serve_icon{
|
|
width: 60%;!important;
|
|
}
|
|
}
|
|
@media screen and (min-width: 992px) and (max-width: 1200px){
|
|
.container{
|
|
width: 100%;
|
|
}
|
|
.bg01{
|
|
height: 600px!important;
|
|
}
|
|
.serve{
|
|
height: 630px!important;
|
|
}
|
|
.partnership{
|
|
height: 750px!important;
|
|
}
|
|
.community_brief, .community_satisfy, .community_difficulty{
|
|
font-size: 14px!important;
|
|
letter-spacing: 1px!important;
|
|
line-height: 26px!important;
|
|
}
|
|
.association{
|
|
height: 630px!important;
|
|
}
|
|
.photo_pic{
|
|
width: 40%!important;
|
|
padding-right: 8%!important;
|
|
padding-left: 0!important;
|
|
}
|
|
.introduce_text, .introduce_text_1{
|
|
font-size: 2.8rem!important;
|
|
}
|
|
.introduce_text_2{
|
|
line-height : 30px!important;
|
|
font-size: 1.6rem;
|
|
}
|
|
.two_dimension img{
|
|
width: 30%!important;
|
|
}
|
|
.attention_pic{
|
|
display: none;
|
|
}
|
|
.serve_middle_centre{
|
|
padding-top: 20px!important;
|
|
}
|
|
.serve_vip_text{
|
|
font-size: 18px!important;
|
|
}
|
|
.serve_vip_text_1{
|
|
font-size: 14px!important;
|
|
}
|
|
.serve_icon{
|
|
width: 60%;!important;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1201px) and (max-width: 1659px){
|
|
.container{
|
|
width: 100%;
|
|
}
|
|
.association{
|
|
height: 720px!important;
|
|
}
|
|
.serve_middle_centre{
|
|
padding-top: 20px!important;
|
|
}
|
|
.serve_vip_text{
|
|
font-size: 24px!important;
|
|
}
|
|
.serve_vip_text_1{
|
|
font-size: 16px!important;
|
|
}
|
|
.serve_icon{
|
|
width: 64%;!important;
|
|
}
|
|
.community_brief, .community_satisfy, .community_difficulty{
|
|
font-size: 16px!important;
|
|
letter-spacing: 2px!important;
|
|
line-height: 32px!important;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1660px){
|
|
.container{
|
|
width: 100%;
|
|
}
|
|
.serve_vip_text{
|
|
font-size: 24px!important;
|
|
}
|
|
.serve_vip_text_1{
|
|
font-size: 16px!important;
|
|
}
|
|
}
|
|
.bg01{
|
|
display: block;
|
|
width: 100%;
|
|
background-image: url(https://htef3bvmquzmmr67.oss-cn-hangzhou.aliyuncs.com/2018-10-30/d9bc8b14b0831c5ff3f55dc3bf700f51.jpg);
|
|
margin: 0 auto;
|
|
height: 724px;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
}
|
|
.head_top{
|
|
width: 100%;
|
|
max-height: 42px;
|
|
margin: 0 auto;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 99;
|
|
overflow: hidden;
|
|
}
|
|
.logo{
|
|
width: 10%;
|
|
margin-left: 5%;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.logo_pic{
|
|
display: block;
|
|
position: absolute;
|
|
top: 5px;
|
|
}
|
|
.nav{
|
|
width: 40%;
|
|
float: right;
|
|
margin-right: 5%;
|
|
}
|
|
.nav ul{
|
|
overflow: hidden;
|
|
}
|
|
.nav ul li a{
|
|
width: 20%;
|
|
float: left;
|
|
display: block;
|
|
color: #fff;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
.introduce_box{
|
|
width: 100%;
|
|
padding-top: 7%;
|
|
overflow: hidden;
|
|
}
|
|
.introduce_b_box{
|
|
width: 49%;
|
|
padding-left: 10%;
|
|
float: left;
|
|
}
|
|
.photo_pic{
|
|
width: 49%;
|
|
float: right;
|
|
padding-top: 1%;
|
|
padding-left: 6%;
|
|
}
|
|
.introduce_text_box{
|
|
margin-bottom: 10px;
|
|
}
|
|
.introduce_text, .introduce_text_1{
|
|
color: #fff;
|
|
letter-spacing: 1px;
|
|
font-size: 3.5rem;
|
|
}
|
|
.introduce_text{
|
|
font-weight: bold;
|
|
}
|
|
.introduce_text_2{
|
|
letter-spacing: 2px;
|
|
line-height : 40px;
|
|
font-size: 2rem;
|
|
color: #fff;
|
|
}
|
|
.two_dimension{
|
|
margin-top: 12%;
|
|
}
|
|
.two_dimension img:nth-child(1){
|
|
margin-right: 14%;
|
|
}
|
|
.two_dimension img{
|
|
max-width: 100%;
|
|
}
|
|
.photo_pic_pic{
|
|
max-width: 100%;
|
|
}
|
|
/*服务*/
|
|
.serve{
|
|
width: 100%;
|
|
height: 756px;
|
|
margin: 0 auto;
|
|
background-color: #e3e3e3;
|
|
}
|
|
.serve_head{
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 80px 0 48px 0;
|
|
}
|
|
.serve_middle_box{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.head_title{
|
|
font-size: 70px;
|
|
font-weight: bold;
|
|
letter-spacing: 14px;
|
|
color: #d92553;
|
|
}
|
|
.head_text{
|
|
font-size: 20px;
|
|
letter-spacing: 5px;
|
|
color: #333333;
|
|
}
|
|
.serve_icon{
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
padding-bottom: 6%;
|
|
display: block;
|
|
}
|
|
.serve_middle_left{
|
|
width: 30%;
|
|
margin-left: 3%;
|
|
float: left;
|
|
}
|
|
.serve_left_pic{
|
|
max-width: 100%;
|
|
margin-left: 30%;
|
|
display: block;
|
|
}
|
|
.serve_middle_centre{
|
|
padding-top: 50px;
|
|
padding-left: 8%;
|
|
width: 60%;
|
|
text-align: center;
|
|
float: right;
|
|
}
|
|
.serve_vip{
|
|
width: 22%;
|
|
float: left;
|
|
margin-right: 6%;
|
|
}
|
|
.serve_vip_text{
|
|
font-weight: bold;
|
|
font-size: 32px
|
|
}
|
|
.wire{
|
|
height: 2px;
|
|
width: 40px;
|
|
background-color: #333333;
|
|
margin: 26px auto;
|
|
}
|
|
.serve_vip_text_1{
|
|
font-size: 20px;
|
|
text-align: justify;
|
|
text-align-last: left;
|
|
letter-spacing: 2px;
|
|
color: #333333;
|
|
}
|
|
.partnership, .association{
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
/*合伙*/
|
|
.partnership{
|
|
height: 858px;
|
|
}
|
|
.partnership_box{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.cooperation{
|
|
width: 60%;
|
|
padding-left: 8%;
|
|
float: left;
|
|
text-align: center;
|
|
}
|
|
.cooperation_brief{
|
|
width: 20%;
|
|
float: left;
|
|
margin-right: 5%;
|
|
padding-top: 90px;
|
|
}
|
|
.cooperation_right{
|
|
width: 38%;
|
|
padding-right: 5%;
|
|
padding-left: 2%;
|
|
float: right;
|
|
}
|
|
.partnership_icon{
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
display: block;
|
|
padding-bottom: 6%;
|
|
}
|
|
.cooperation_right_pic{
|
|
max-width: 100%;
|
|
}
|
|
/*社群*/
|
|
.association{
|
|
height: 858px;
|
|
background-color: #e3e3e3;
|
|
overflow: hidden;
|
|
}
|
|
.association_head{
|
|
width: 100%;
|
|
text-align: center;
|
|
padding-top: 90px;
|
|
}
|
|
.community_middle_left{
|
|
width: 40%;
|
|
float: left;
|
|
}
|
|
.community_left_pic{
|
|
max-width: 100%;
|
|
padding-left: 30%;
|
|
display: block;
|
|
}
|
|
.community{
|
|
width: 59%;
|
|
padding: 5% 5% 0 14%;
|
|
float: right;
|
|
}
|
|
.community_brief, .community_satisfy, .community_difficulty{
|
|
font-size: 22px;
|
|
letter-spacing: 5px;
|
|
line-height: 40px;
|
|
color: #909090;
|
|
}
|
|
/*结尾*/
|
|
.end{
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
height: 490px;
|
|
padding-top: 100px;
|
|
background-color: #d92553;
|
|
position: relative;
|
|
}
|
|
.end_pic{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.end_left_pic{
|
|
max-width: 100%;
|
|
padding-left: 16%;
|
|
padding-right: 10%;
|
|
float: left;
|
|
}
|
|
.contact_join, .contact_us, .attention_pic{
|
|
padding-right: 7%;
|
|
float: left;
|
|
}
|
|
.us{
|
|
font-size: 24px;
|
|
color: #fff;
|
|
}
|
|
.contact_mailbox{
|
|
font-size: 16px;
|
|
color: #fff;
|
|
}
|
|
.copyright{
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
bottom: 98px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
color: #fff;
|
|
}
|
|
.attention_right_pic{
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
display: block;
|
|
}
|