Skip to content

W
web-pc-freecin
Commit 5284b74e by 蔡润涛
Options

update

parents
Showing with 1652 additions and 0 deletions
.idea/misc.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptSettings">
<option name="languageLevel" value="ES6" />
</component>
</project>
\ No newline at end of file
.idea/modules.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/web_freecin.iml" filepath="$PROJECT_DIR$/.idea/web_freecin.iml" />
</modules>
</component>
</project>
\ No newline at end of file
.idea/vcs.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
.idea/watcherTasks.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectTasksOptions" suppressed-tasks="Babel" />
</project>
\ No newline at end of file
.idea/web_freecin.iml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
about.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Author" content="FreeIcn" />
<meta name="Keywords" content="FreeIcn" />
<meta name="Description" content="FreeIcn" />
<link rel="shortcut icon" href="img/logo@2x.png"/>
<title>Freecin</title>
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/swiper.min.css">
<!-- <link rel="stylesheet" href="css/animate.css"> -->
<link rel="stylesheet" href="css/about.css">
<script type="text/javascript" src='js/vue.js'></script>
</head>
<body>
<div class="header" id="header">
<common-header></common-header>
</div>
<!--内容-->
<div class="main" >
<div class="" id="main">
<img src="https://cdn.dankal.cn/freecin/image/1.png" class="img_cover">
<img src="https://cdn.dankal.cn/freecin/image/companystory.png" class="img_cover">
<img src="https://cdn.dankal.cn/freecin/image/story1.png" class="img_cover">
<img src="https://cdn.dankal.cn/freecin/image/story2.png" class="img_cover">
<!-- partnership -->
</div>
<div class="section">
<div>
<div class="partnership" id='partnerships'>
<div class="title">
<div class="sub_title">
<img src="img/left_white.png" alt="">
<span v-text="language.about.company_customer"></span>
<img src="img/right_white.png" alt="">
</div>
<p v-text="language.about.company_value"></p>
</div>
<!-- 滑动开始 -->
<div class="swiper-container box_center swiper-container_two" style="height:119px;margin-top:94px;margin-bottom:127px;">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for='item in swiper_box'><img :src="item.img_src" alt=""></div>
</div>
</div>
<div class="swiper-pagination outside_pagination "></div>
</div>
</div>
<!-- 联系我们 -->
<div id="contact">
<!--<common-contact></common-contact>-->
</div>
</div>
<div class="map_box" id='map'>
<img v-show="language_status=='chinese'" style="width:100%;" src="https://cdn.dankal.cn/freecin/image/contactus.png"alt="">
<img v-show="language_status!='chinese'" style="width:100%;" src="https://cdn.dankal.cn/freecin/image/contactus.png" alt="">
</div>
<div class="join box_center" id="swichBox">
<div class="title the_bottom">
<div class="sub_title">
<img src="img/left_white.png" alt="">
<span v-text="language.about.company_join"></span>
<img src="img/right_white.png" alt="">
</div>
<p v-text="language.about.company_joinValue"></p>
</div>
<div >
<div class="choose">
<div :class="{the_box:true,light_box:the_index==0,en_box:language_status=='english'}" @click="choose_job(0)">
<p class="title_p" v-text="language.about.java_title"><span>[2017-09-25]</span></p>
<p class="bottom_p">
<strong>
<span v-text="language.about.company_time"></span>
<span v-text="language.about.company_level"></span>
</strong>
<i v-text="language.about.company_faceTake"></i>
</p>
</div>
<div :class="{the_box:true,light_box:the_index==1,en_box:language_status=='english'}" @click="choose_job(1)">
<p class="title_p" v-text="language.about.c_title"><span>[2017-09-25]</span></p>
<p class="bottom_p">
<strong>
<span v-text="language.about.company_time"></span>
<span v-text="language.about.company_level"></span>
</strong>
<i v-text="language.about.company_faceTake"></i>
</p>
</div>
<div :class="{the_box:true,light_box:the_index==2,en_box:language_status=='english'}" @click="choose_job(2)">
<p class="title_p" v-text="language.about.php_title
"><span>[2017-09-25]</span></p>
<p class="bottom_p">
<strong>
<span v-text="language.about.company_time"></span>
<span v-text="language.about.company_level"></span>
</strong>
<i v-text="language.about.company_faceTake"></i>
</p>
</div>
<div :class="{the_box:true,light_box:the_index==3,en_box:language_status=='english'}" @click="choose_job(3)">
<p class="title_p" v-text="language.about.data_title"><span>[2017-09-25]</span></p>
<p class="bottom_p">
<strong>
<span v-text="language.about.company_time"></span>
<span v-text="language.about.company_level"></span>
</strong>
<i v-text="language.about.company_faceTake"></i>
</p>
</div>
</div>
<div class="choose_detail box_center" :class="{en_choose:language_status=='english'}">
<div v-for="(item,index) in 4" >
<div v-show="the_index==index">
<div class="d_one">
<h3 v-text="language.about.company_duty"></h3>
<p v-show='index==0' :class="{en_p:language_status=='english'}">1.{{language.about.java_one}}</p>
<p v-show='index==0' :class="{en_p:language_status=='english'}">2.{{language.about.java_two}}</p>
<p v-show='index==0' :class="{en_p:language_status=='english'}">3.{{language.about.java_three}}</p>
<p v-show='index==1' :class="{en_p:language_status=='english'}">1.{{language.about.c_one}}</p>
<p v-show='index==1' :class="{en_p:language_status=='english'}">2.{{language.about.c_two}}</p>
<p v-show='index==1' :class="{en_p:language_status=='english'}">3.{{language.about.c_three}}</p>
<p v-show='index==2' :class="{en_p:language_status=='english'}">1.{{language.about.php_one}}</p>
<p v-show='index==2' :class="{en_p:language_status=='english'}">2.{{language.about.php_two}}</p>
<p v-show='index==2' :class="{en_p:language_status=='english'}">3.{{language.about.php_three}}</p>
<p v-show='index==3' :class="{en_p:language_status=='english'}">1.{{language.about.data_one}}</p>
<p v-show='index==3' :class="{en_p:language_status=='english'}">2.{{language.about.data_two}}</p>
<p v-show='index==3' :class="{en_p:language_status=='english'}">3.{{language.about.data_three}}</p>
</div>
<div class="d_two">
<h3 v-text="language.about.company_ask"></h3>
<p v-show='index==0' :class="{en_p:language_status=='english'}">1.{{language.about.java_four}}</p>
<p v-show='index==0' :class="{en_p:language_status=='english'}">2.{{language.about.java_five}}</p>
<p v-show='index==0' :class="{en_p:language_status=='english'}">3.{{language.about.java_six}}</p>
<p v-show='index==1' :class="{en_p:language_status=='english'}">1.{{language.about.c_four}}</p>
<p v-show='index==1' :class="{en_p:language_status=='english'}">2.{{language.about.c_five}}</p>
<p v-show='index==1' :class="{en_p:language_status=='english'}">3.{{language.about.c_six}}</p>
<p v-show='index==2' :class="{en_p:language_status=='english'}">1.{{language.about.php_four}}</p>
<p v-show='index==2' :class="{en_p:language_status=='english'}">2.{{language.about.php_five}}</p>
<p v-show='index==2' :class="{en_p:language_status=='english'}">3.{{language.about.php_six}}</p>
<p v-show='index==3' :class="{en_p:language_status=='english'}">1.{{language.about.data_four}}</p>
<p v-show='index==3' :class="{en_p:language_status=='english'}">2.{{language.about.data_five}}</p>
<p v-show='index==3' :class="{en_p:language_status=='english'}">3.{{language.about.data_six}}</p>
</div>
</div>
</div>
<div class="the_mail">
<strong v-text="language.about.company_mail"></strong>
<i>Email：info@freecin.com</i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer" id='footer'>
<common-footer></common-footer>
</div>
</body>
<script type="text/javascript" src='js/language.js'></script>
<script type="text/javascript" src='js/jquery-3.1.1.min.js'></script>
<script type="text/javascript" src='js/swiper.min.js'></script>
<script type="text/javascript" src="js/vueComponent.js?ver=1.0"></script>
<script type="text/javascript" src='js/about.js'></script>
</html>
api.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Author" content="FreeIcn" />
<meta name="Keywords" content="FreeIcn" />
<meta name="Description" content="FreeIcn" />
<link rel="shortcut icon" href="img/logo@2x.png"/>
<title>Freecin</title>
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/swiper.min.css">
<!-- <link rel="stylesheet" href="css/animate.css"> -->
<link rel="stylesheet" href="css/api.css">
<script type="text/javascript" src='js/vue.js'></script>
</head>
<body>
<div id="header" style="display:hidden"></div>
<!--内容-->
<div class="main" id="main">
<div class="nav">
<div class="box_center locat">
<a href="index.html" class="img_size">
<img class="img_cover" src="img/nav_title.png" alt="">
</a>
</div>
</div>
<div class="the_center_box">
<div class="left_box">
<input type="text" v-model='key_code' :placeholder='language.api.input_txt' @keydown="toSearch($event)">
<div class="col" :class="{fontWeigth:true,hight_light:slide_choose==0&&slide_index==0}" @click="slide({type:0,index:0})" v-text="language.api.fast_in"></div>
<div class="col" :class="{fontWeigth:true,hight_light:slide_choose==0&&slide_index==1}" @click="slide({type:0,index:1})" v-text="language.api.director"></div>
<div class="col" :class="{fontWeigth:true,hight_light:slide_choose==0&&slide_index==2}" @click="slide({type:0,index:2})" v-text="language.api.teach"></div>
<div class="col" :class="{fontWeigth:true,hight_light:slide_choose==1}" @click="slide({type:1,index:0})" v-text="language.api.tools"></div>
<div class="col api_style fontWeigth" v-text="language.api.word"></div>
<div class="col" :class="{hight_light:slide_choose==2&&slide_index==index}" @click="slide({type:2,index:index,id:item.id})" v-for="(item,index) in all_api">{{item.name}}</div>
</div>
<div class="right_box">
<!--快速入门页-->
<div class="faster" v-show="slide_choose==0">
<h2 v-show="fast_content.name=='快速入门'" v-text="language.api.fast_in"></h2>
<h2 v-show="fast_content.name=='指南'" v-text="language.api.director"></h2>
<h2 v-show="fast_content.name=='教程'" v-text="language.api.teach"></h2>
<div class="the_line"></div>
<div v-html="fast_content.content"></div>
</div>
<!--软件开发工具页-->
<div class="developTools" v-show="slide_choose==1" >
<h2 v-text="language.api.word"></h2>
<div class="choose_box" @click="choose_sdk({type:2,name:'system'})">
<div class="the_top">
<div class="a_icon">
<img class="img_contain" src="img/new_pic/world.png" alt="">
</div>
<span v-text="language.api.server"></span>
</div>
<p class=a_detail v-text="language.api.server_detail"></p>
</div>
<div class="choose_box" @click="choose_sdk({type:2,name:'js'})">
<div class="the_top">
<div class="a_icon">
<img class="img_contain" src="img/new_pic/java.png" alt="">
</div>
<span>JavaScript SDKs</span>
</div>
<p class=a_detail v-text="language.api.js_detail"></p>
</div>
<div class="choose_box" @click="choose_sdk({type:2,name:'android'})">
<div class="the_top">
<div class="a_icon">
<img class="img_contain" src="img/new_pic/ic_android@2x.png" alt="">
</div>
<span>Android SDKs</span>
</div>
<p class=a_detail v-text="language.api.an_detail"></p>
</div>
<div class="choose_box" @click="choose_sdk({type:2,name:'ios'})">
<div class="the_top">
<div class="a_icon">
<img class="img_contain" src="img/new_pic/ic_apple@2x.png" alt="">
</div>
<span>iOS SDKs</span>
</div>
<p class=a_detail v-text="language.api.ios_detail"></p>
</div>
</div>
<!--切换api-->
<div class="the_api" v-show="slide_choose==2">
<div class="top_content" >
<div class="the_img_box" v-show='aname=="system"'>
<div class="aImg">
<img class="img_contain" src="img/new_pic/world.png" alt="">
</div>
<span v-text="language.api.server"></span>
</div>
<div class="the_img_box" v-show='aname=="js"'>
<div class="aImg">
<img class="img_contain" src="img/new_pic/java.png" alt="">
</div>
<span>JavaScript SDKs</span>
</div>
<div class="the_img_box" v-show='aname=="android"'>
<div class="aImg">
<img class="img_contain" src="img/new_pic/ic_android@2x.png" alt="">
</div>
<span>Android SDKs</span>
</div>
<div class="the_img_box" v-show='aname=="ios"'>
<div class="aImg">
<img class="img_contain" src="img/new_pic/ic_apple@2x.png" alt="">
</div>
<span>iOS SDKs</span>
</div>
<p class="txt_box ellipsis_3" v-text="language.api.server_detail" v-show='aname=="system"'></p>
<p class="txt_box ellipsis_3" v-text="language.api.js_detail" v-show='aname=="js"'></p>
<p class="txt_box ellipsis_3" v-text="language.api.an_detail" v-show='aname=="android"'></p>
<p class="txt_box ellipsis_3" v-text="language.api.ios_detail" v-show='aname=="ios"'></p>
<div class="the_btn" @click='toDown()' v-text="language.api.down" v-if='aname=="system"'></div>
</div>
<div class="the_line" v-if='aname=="system"'></div>
<div class="the_nav" v-if='aname=="system"'>
<a :class="{bottom_light:nav_choose==0}" @click="nav_activity('C#')" >C#</a>
<a :class="{bottom_light:nav_choose==1}" @click="nav_activity('Java')" >Java</a>
<a :class="{bottom_light:nav_choose==2}" @click="nav_activity('Node.js')">Node.js</a>
<a :class="{bottom_light:nav_choose==3}" @click="nav_activity('php')" >php</a>
</div>
<div class="the_line_b" v-if='aname=="system"'></div>
<div class="the_content">
<div v-if="sdk_content">
<div v-html='sdk_content'></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src='js/language.js'></script>
<script type="text/javascript" src='js/jquery-3.1.1.min.js'></script>
<script type="text/javascript" src='js/swiper.min.js'></script>
<script type="text/javascript" src="js/vueComponent.js?ver=1.0"></script>
<script type="text/javascript" src='js/api.js'></script>
</html>
blog.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Author" content="FreeIcn" />
<meta name="Keywords" content="FreeIcn" />
<meta name="Description" content="FreeIcn" />
<link rel="shortcut icon" href="img/logo@2x.png"/>
<title>Freecin</title>
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/swiper.min.css">
<!-- <link rel="stylesheet" href="css/animate.css"> -->
<link rel="stylesheet" href="css/blog.css">
<script type="text/javascript" src='js/vue.js'></script>
</head>
<body>
<div id="partnership" style="display: none"> </div>
<div id="contact" style="display: none"> </div>
<div class="header" id="header">
<common-header></common-header>
</div>
<!--内容-->
<div class="main" id="main">
<div class="banner">
<img class="img_cover" src="img/blog_banner.png" alt="">
<div class="bg_txt">
<div class="title">
<div class="sub_title">
<img src="img/new_pic/left_transparent.png" alt="">
<span class="w_title" v-text="language.blog.blog_title"></span>
<img src="img/new_pic/right_transparent.png" alt="">
</div>
<p class="m_top" v-text="language.blog.blog_utitle"></p>
</div>
</div>
</div>
<div class="blog_all box_center">
<div class="aBox" v-for="item in blogList" @click="toDetail(item.id)">
<div class="img_box">
<img class="img_cover" :src="domain + item.img_src" alt="">
</div>
<div class="txt_box">
<p class="box_title ellipsis_2" v-text='item.title'></p>
<p class="title_de ellipsis_2" v-text='item.intro'></p>
</div>
<div class="data_txt">
<span v-text='item.time'></span>
</div>
</div>
</div>
<div class="aBtn pointer" @click="getMore" v-text="language.blog.getMore"></div>
</div>
</div>
<div class="footer" id='footer'>
<common-footer></common-footer>
</div>
</body>
<script type="text/javascript" src='js/language.js'></script>
<script type="text/javascript" src='js/jquery-3.1.1.min.js'></script>
<script type="text/javascript" src='js/swiper.min.js'></script>
<script type="text/javascript" src="js/vueComponent.js?ver=1.0"></script>
<script type="text/javascript" src='js/blog.js'></script>
</html>
c_detail.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Author" content="FreeIcn" />
<meta name="Keywords" content="FreeIcn" />
<meta name="Description" content="FreeIcn" />
<link rel="shortcut icon" href="img/logo@2x.png"/>
<title>Freecin</title>
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/swiper.min.css">
<!-- <link rel="stylesheet" href="css/animate.css"> -->
<link rel="stylesheet" href="css/detail.css">
<script type="text/javascript" src='js/vue.js'></script>
</head>
<body>
<div class="header" id="header">
<common-header></common-header>
</div>
<!--内容-->
<div class="main" id="main">
<div class="box_center the_center">
<!-- <h2 class="the_title" v-text="detail.title"></h2> -->
<!-- <div class="data_box">
<span class="the_data" v-text="detail.time"></span>
<span class="the_data" v-if='detail.author'></span>
<span class="author" v-text="detail.author"></span>
</div> -->
<!-- <p class="intro" v-text="detail.intro"></p> -->
<div class="content_box" v-html="detail_box.content">
</div>
</div>
</div>
<div class="footer" id='footer'>
<common-footer></common-footer>
</div>
</body>
<script type="text/javascript" src='js/language.js'></script>
<script type="text/javascript" src='js/jquery-3.1.1.min.js'></script>
<script type="text/javascript" src='js/swiper.min.js'></script>
<script type="text/javascript" src="js/vueComponent.js?ver=1.0"></script>
<script type="text/javascript" src='js/detail.js'></script>
</html>
css/about.css 0 → 100644
.main .banner{
width: 100%;
height: 400px;
margin-bottom: 49px;
position: relative;
}
.main .en_box{
width:200px!important;
}
.main .banner .icon{
width: 60px;
height: 78px;
margin-bottom: 43px;
}
.main .banner .banner_box{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: absolute;
top: 90px;
left: 0;
right: 0;
margin-left:auto;
margin-right: auto;
}
.main .banner .icon_txt{
width:100%;
height:38px;
font-size:38px;
font-family:BigJohn;
color:rgba(255,255,255,1);
line-height:38px;
text-align: center;
}
.main .company_detail .the_artical .txt{
font-size: 20px;
font-family: PingFangSC-Regular;
color: rgba(102,102,102,1);
line-height: 30px;
text-align: center;
}
.main .the_new{
width: 880px!important;
line-height: 23px;
text-align: center;
margin-bottom: 30px;
}
.main> .company_detail{
margin-bottom: 39px;
}
.main .the_width{
width: 100%!important;
height: 100%!important;
}
.main .the_swiper{
width: 1200px;
margin-bottom: 46px;
position: relative;
}
.main .the_history{
width:100%;
height:452px;
background: url('http://p09txt9gf.bkt.clouddn.com/bg_with_line.png');
background-position: center center;
background-size: auto 100%;
padding-top: 42px;
box-sizing: border-box;
position: relative;
}
.main .the_swiper{
width: 100%;
}
.main .icon_box{
height: 150px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-self: center;
margin-top: 100px;
margin-bottom: 10px;
}
.main .one_box{
width: 109px;
height: 143px;
display: flex;
flex-direction: column;
justify-content:space-between;
align-items: center;
margin-right: 99px;
}
.main .one_box:nth-last-of-type(1){
margin-right: 0;
}
.main .the_top{
width: 100%;
height: 53px;
}
.main .the_mid{
width: 20px;
height: 20px;
margin-bottom: 43px;
}
.main .one_box>p{
width: 100%;
text-align: center;
color: #fff;
font-size:16px;
}
.main .txt_box{
width: 100%;
height: 100px;
background: #666;
opacity: 0.5;
position: relative;
}
.main .the_arr{
width: 30px;
height: 20px;
position: absolute;
left: -200px;
bottom: 100px;
}
.main .light_box{
border: 1px solid #0885F3;
}
/*.main .left_one{
left: 300px;
}
.main .left_two{
left: 510px;
}
.main .left_three{
left: 720px;
}
.main .left_four{
left: 930px;
}*/
.main .a_txt{
width:100%;
font-size:19px;
text-align: left;
font-family:PingFangSC-Light;
color:#fff;
padding-left: 140px;
padding-top: 40px;
position: absolute;
left: 0;
bottom: 40px;
}
.main .map_box{
width: 100%;
margin-bottom: 39px;
}
.main .the_bottom{
margin-bottom: 31px;
}
.main .choose{
width: 840px;
margin: 0 auto;
margin-bottom: 21px;
display: flex;
justify-content: center;
align-items: center;
}
.the_box{
width:200px;
height:88px;
border-radius: 3px ;
padding: 17px 14px;
box-sizing: border-box;
padding-right: 11px;
border: 1px solid #E5E5E5;
margin-right: 17px;
cursor: pointer;
}
.main .choose .the_box:nth-last-of-type(1){
margin-right: 0;
}
.main .title_p{
width:100%;
height: 23px;
font-size:9px;
font-family:PingFangSC-Regular;
color:rgba(51,51,51,1);
margin-right: 3px;
margin-bottom: 10px;
letter-spacing: 0px;
}
.main .title_span{
font-size:9px;
font-family:PingFangSC-Regular;
color:#898989;
line-height:18px;
}
.main .bottom_p{
display: block;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
letter-spacing: 0px;
}
.main .bottom_p strong{
font-weight: normal;
font-style: normal;
letter-spacing: 0px;
}
.main .bottom_p span{
font-size:8px;
font-family:PingFangSC-Regular;
color:rgba(153,153,153,1);
letter-spacing: 0px;
}
.main .bottom_p>i{
font-size:8px;
font-family:PingFangSC-Medium;
color:rgba(15,192,232,1);
font-style: normal;
letter-spacing: 0px;
}
.main .choose{
margin-bottom: 21px;
}
.main .d_one{
margin-bottom: 9.3px;
}
.main .d_two{
margin-bottom: 9.3px;
}
.main .the_mail{
margin-bottom: 26.6px;
}
.main .choose_detail{
width: 840px!important;
}
.main .choose_detail h3{
font-size:12px;
font-family:PingFangSC-Medium;
color:#39393A;
line-height:18px;
font-weight: 900;
}
.main .choose_detail p{
font-size:12px;
font-family:PingFangSC-Medium;
color:rgba(74,74,74,1);
line-height:25px;
letter-spacing: 2px;
}
.main .en_p{
letter-spacing: 0px!important;
}
.main .the_mail strong{
display: block;
font-size:14px;
font-family:PingFangSC-Medium;
color:#262626;
line-height:20px;
font-weight: 900;
}
.main .the_mail i{
font-size:12px;
font-family:PingFangSC-Medium;
color:#4A4A4A;
line-height:10.5px;
}
.main .last{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
position: absolute;
opacity: 0.5;
top: 240px;
left: 0;
width: 100%;
height: 44px;
z-index: 2;
cursor: pointer;
background-repeat: no-repeat;
}
.main .last:hover{
opacity: 1;
}
.main .next{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
position: absolute;
opacity: 0.5;
top: 240px;
right: 0;
width: 44px;
height: 44px;
z-index: 2;
cursor: pointer;
background-repeat: no-repeat;
}
.main .next:hover{
opacity: 1;
}
.main .en_choose{
width: 850px!important;
}
css/animate.css 0 → 100644
This diff is collapsed. Click to expand it.
css/api.css 0 → 100644
body{
padding-top: 0;
}
.main{
/*width: 1200px;*/
width: 100%;
margin: 0 auto;
background:rgba(61,61,61,1);
}
.main .nav{
width:100%;
height:48px;
background:rgba(61,61,61,1);
}
.main .img_size{
width: 150px;
height: auto;
margin-left: 240px;
cursor: pointer;
}
.main .locat{
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.main .the_center_box{
width: 100%;
height: 965px;
display: flex;
}
.main .left_box input{
width: 233px;
height: 32px;
margin: 0 auto;
padding-left: 5px;
box-sizing: border-box;
display: block;
background: rgba(255,255,255,1);
margin-top: 17px;
border: 1px solid #DCDADA;
}
.main .left_box{
width: 321px;
height: 965px;
background: #F7F7F7;
border: 1px solid #DCDADA;
overflow: auto;
}
.main .right_box{
width: 100%;
height: 965px;
overflow: auto;
background: #fff;
}
.main .col{
width: 100%;
height: 26px;
font-size: 12px;
font-family: PingFangSC-Medium;
color: rgba(51,51,51,1);
line-height: 26px;
padding-left: 10px;
box-sizing: border-box;
cursor: pointer;
}
.main .api_style{
margin-top: 31px;
}
.main .faster{
padding-top: 24px;
padding-left: 37px;
}
.main .faster h2{
font-size:28px;
font-family:PingFangSC-Regular;
color:rgba(51,51,51,1);
line-height:67px;
margin-bottom: 5px;
}
.main .the_line{
width: 100%;
height: 1px;
border-top: 1px solid #E2E2E2;
}
.main .developTools h2{
font-size:28px;
font-family:PingFangSC-Regular;
color:rgba(51,51,51,1);
line-height:67px;
margin-top: 14px;
margin-left: 22px;
margin-bottom: 12px;
}
.main .choose_box{
width: 100%;
height: 171px;
padding-top: 25px;
padding-left: 24px;
padding-bottom: 20px;
}
.main .choose_box:nth-of-type(2n+1){
background:rgba(247,247,247,1);
}
.main .fontWeigth{
font-weight: 600;
}
.main .the_top{
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 14px;
cursor: pointer;
}
.main .a_icon{
width:43px;
height:43px;
margin-right: 14px;
}
.main .the_top span{
font-size:18px;
font-family:PingFangSC-Regular;
color:rgba(51,51,51,1);
}
.main .a_detail{
width:861px;
height:49px;
font-size:14px;
font-family:PingFangSC-Regular;
color:rgba(102,102,102,1);
line-height:28px;
}
.main .the_api{
width: 100%;
margin: 0 auto;
padding-top: 40px;
padding-left: 35px;
}
.main .aImg{
width: 43px;
height: 43px;
}
.main .the_img_box{
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 32px;
}
.main .the_img_box span{
font-size:24px;
font-family:PingFangSC-Regular;
color:rgba(51,51,51,1);
line-height:30px;
}
.main .top_content{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.main .txt_box{
width: 861px;
height: 69px;
font-size: 14px;
font-family: PingFangSC-Regular;
color: rgba(102,102,102,1);
line-height: 33px;
text-align: center;
}
.main .the_btn{
margin-top: 70px;
width: 140px;
height: 28px;
background: rgba(8,133,243,1);
border-radius: 4px;
font-size: 12px;
color: #fff;
text-align: center;
line-height: 28px;
margin-left: auto;
margin-right: auto;
margin-bottom: 39px;
cursor: pointer;
}
.main .the_line{
width: 100%;
height: 1px;
border-top: 1px solid #E2E2E2;
margin-bottom: 12px;
}
.main .the_nav{
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.main .the_nav a{
font-size: 12px;
font-family: PingFangSC-Regular;
color: rgba(51,51,51,1);
margin-right: 50px;
border-bottom: 3px solid transparent;
cursor: pointer;
box-sizing: border-box;
}
.main .the_nav a:nth-last-of-type(1){
margin-right: 0px;
}
.main .the_line_b{
width: 100%;
height: 1px;
border-top: 1px solid #E2E2E2;
margin-bottom: 33px;
}
.main .hight_light{
background: #F0F0F0;
border-left: 2px solid #0885F3;
}
.main .bottom_light {
border-bottom: 3px solid rgba(8,133,243,1)!important;
}
.main .the_one{
font-size:24px;
font-family:PingFangSC-Regular;
color:rgba(51,51,51,1);
margin-bottom: 23px;
}
.main .the_one_box{
width:912px;
height:70px;
background:rgba(247,247,247,1);
border: 1px solid #E1E1E1;
border-radius: 5px ;
line-height: 70px;
text-align: left;
padding-left: 30px;
box-sizing: border-box;
margin-bottom: 38px;
}
css/audio.css 0 → 100644
.special_{height: 139px;}
.ability .ps>p{position: relative;}
.ability .ps>p>span{color: #0885F3;}
.ability .ps>p>span.left{}
.ability .ps>p>span.right{}
.text_solutions .ability .ps{width: 1200px!important;}
css/blog.css 0 → 100644
.main{
min-height: 1200px;
}
.main .banner{
width: 100%;
height: 311px;
margin-bottom: 76px;
position: relative;
}
.main .banner .bg_txt{
width: 630px;
position: absolute;
top: 108px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.main .w_title{
font-size:38px;
font-family:PingFangSC-Regular;
color:rgba(255,255,255,1);
}
.main .m_top{
padding-top: 23px;
font-size: 18px;
color: #fff;
text-align: center
}
.main .aBox{
width: 100%;
height: 181px;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 84px;
}
.main .aBox:nth-last-of-type(1){
margin-bottom: 68px;
}
.main .img_box{
width: 190px;
height: 100%;
}
.main .txt_box{
width:637px;
height:181px;
font-size:16px;
font-family:PingFangSC-Regular;
color:rgba(74,74,74,1);
line-height:22px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.main .txt_box .box_title{
width:422px;
height:84px;
font-size:18px;
font-family:PingFangSC-Thin;
color:rgba(51,51,51,1);
line-height:25px;
text-align: left;
}
.main .txt_box .title_de{
width:637px;
height:44px;
font-size:12px;
font-family:PingFangSC-Regular;
color:rgba(74,74,74,1);
line-height:13px;
text-align: left;
}
.main .data_txt span{
font-size:12px;
font-family:PingFangSC-Thin;
color:rgba(155,155,155,1);
line-height:20px;
}
.main .aBtn{
width:180px;
height:28px;
border-radius: 4px ;
font-size:14px;
font-family:PingFangSC-Regular;
color:rgba(8,133,243,1);
line-height:28px;
text-align: center;
border: 1px solid rgba(8,133,243,1);
margin: 0 auto;
margin-bottom: 106px;
}
css/detail.css 0 → 100644
.main{
background: #F7F7F7;
padding-bottom: 55px;
padding-top: 53px;
}
.content_box img{
width: 100%;
}
.content_box{
width: 770px;
margin: 0 auto;
}
.main .the_title{
width: 100%;
height:33px;
font-size:24px;
font-family:PingFangSC-Regular;
color:rgba(74,74,74,1);
line-height:33px;
text-align: center;
margin-bottom: 18px;
}
.main .the_center{
background: #fff;
padding: 0 80px;
padding-top: 44px;
min-height: 800px;
margin-bottom: 55px;
}
.main .the_data{
font-size:12px;
font-family:PingFangSC-Regular;
color:rgba(155,155,155,1);
line-height:17px;
}
.main .author{
font-size:12px;
font-family:PingFangSC-Regular;
color:rgba(8,133,243,1);
line-height:17px;
}
.main .data_box{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.main .intro{
width:770px;
height:38px;
margin: 0 auto;
font-size:12px;
font-family:PingFangSC-Regular;
color:rgba(74,74,74,1);
line-height:19px;
}
css/login.css 0 → 100644
.main{
width: 100%;
height: 719px;
background: url('../img/new_pic/login_register_bg.jpg') no-repeat;
position: relative;
background-size: 100% 100%;
}
.main .the_box{
width:685px;
height:434px;
background:rgba(255,255,255,1);
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 112px;
}
.main .the_top{
width: 100%;
height:80px;
display: block;
border-bottom: 1px solid #D9D9D9;
font-size:36px;
font-family:PingFangSC-Regular;
color:rgba(51,51,51,1);
line-height:80px;
text-align: left;
padding-left: 36px;
box-sizing: border-box;
}
.main .username{
width:544px;
height:49px;
border: 1px solid #DBDBDB;
padding-left: 18px;
font-size:16px;
font-family:PingFangSC-Regular;
color:rgba(153,153,153,1);
display: block;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 40px;
}
.main .pwd{
width:544px;
height:49px;
border: 1px solid #DBDBDB;
padding-left: 18px;
font-size:16px;
font-family:PingFangSC-Regular;
color:rgba(153,153,153,1);
display: block;
margin: 0 auto;
margin-bottom: 40px;
}
.main .choose_btn{
width:544px;
height: 48px;
margin: 0 auto;
display: flex;
justify-content: flex-start;
align-items: center;
}
.main .forget_style{
width: 193px;
font-size:16px;
font-family:PingFangSC-Regular;
color:rgba(102,102,102,1);
line-height:22px;
margin-right: 104px;
}
.main .reg_style{
width:166px;
height:48px;
border: 1px solid #666666;
border-radius: 4px ;
font-size:18px;
font-family:PingFangSC-Regular;
color:rgba(102,102,102,1);
text-align: center;
line-height:48px;
margin-right: 24px;
white-space: nowrap;
}
.main .login_style{
width:166px;
height:48px;
background:rgba(8,133,243,1);
border-radius: 4px ;
font-size:18px;
font-family:PingFangSC-Regular;
color:rgba(255,255,255,1);
line-height:48px;
text-align: center;
}
css/price.css 0 → 100644
.section .first_img>img{height: 550px!important;}
.section .first_img{position: relative;}
.section .cover{position: absolute;top: 195px!important;}
.section .cover .sub_title span{color: #fff;}
.section .cover .sub_title img{width: 112px;}
.section .cover .title p{color: #fff;font-size: 24px;color: #fff;margin-top: 38px;padding-top: 24px;font-size: 18px;
color: #fff;
/* letter-spacing: 3.45px; */
line-height: 23px!important;}
.section .simple{height: 434px;text-align: center;border-bottom: 1px solid #e2e2e2;}
.section .simple p{font-size: 24px;color: #333;margin-top: 45px;margin-bottom: 36px;}
.section .simple .three{width: 1070px;margin-left: auto;margin-right: auto;}
.section .simple .three dl{width: 299px;}
.section .simple .three>dl:nth-child(2){margin-left: 86px;margin-right: 86px;}
.section .simple .three dl img{width: 122px;height: 150px;}
.section .simple .three dl>dd:nth-child(2){font-size: 24px;color: #333;word-spacing: 3.25px;margin-top: 48px;margin-bottom: 17px;}
.section .simple .three dl>dd:last-child{font-size: 14px;color: #333;}
.section .visit{height: 200px;}
.section .visit a{color: #fff;width: 100%;height: 100%;display: block;}
.section .visit>p:first-child{font-size: 32px;color: #333;text-align: center;margin-top: 50px;margin-bottom: 44px;}
.section .price_change{position:relative}
.section .price_change>img{width: 100%;height: 622px;object-fit: cover;vertical-align: bottom;}
.section .price_change .cover{height: 537px;position: absolute;top: 44px!important;left: 0;right: 0;margin-left: auto;margin-right: auto;background:#fff;padding-left: 44px;padding-right: 44px;box-shadow: 0px 0px 20px rgba(51,51,51,0.25)}
.section .price_change .cover div.ul{width:100%;height: 78px;border-bottom: 1px solid #cacaca;line-height: 76px;font-size: 20px;text-align: center;}
.section .price_change .cover ul{width: 600px;text-align: center;margin-left: auto;margin-right: auto;}
.section .price_change .cover ul li{width: 200px;}
.section .price_change .cover ul li.border_bottom{border-bottom: 2px solid #0FC0E8 ;}
.section .price_change .cover .title{font-size: 30px;word-spacing: .28px;color: #0885F3;margin-top: 80px;margin-bottom: 60px;}
.section .price_change .cover select{padding-left: 210px;border: 1px solid #979797;width: 490px;height: 80px;background: #fff;color: #333;font-size: 24px;margin-left: auto;margin-right: auto;position: absolute;left: 0;right: 0;}
.section .price_change .cover .problem{font-size: 18px;word-spacing: .21px;color: #333;margin-top: 190px;margin-bottom: 22px;text-align: center;}
.button {margin-top: 20px!important;}
css/public.css 0 → 100644
This diff is collapsed. Click to expand it.
css/register.css 0 → 100644
.register_{background: #F4F4F4 ;}
.reset_ .frame{height: 288px!important;}
.register_ .frame{box-shadow: 0px 0px 14px 0px rgba(0,0,0,.1);width: 685px;height: 576px;background: #fff;margin-left: auto;margin-right: auto;}
.register_ .frame>.title{margin-bottom: 43px;text-align: left;height: 80px;border-bottom: 1px solid #D9D9D9 ;font-size: 36px;color: #333;line-height: 80px;padding-left: 38px;}
.register_ .frame>.name{width: 544px;margin-left: auto;margin-right: auto;margin-bottom: 33px;}
.register_ .frame>.name>input{padding-left: 19px;width: 264px;height: 50px;line-height: 50px;color: #000;box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);border: 1px solid #dbdbdb;}
.register_ .frame>.name>input:first-child{margin-right: 16px;}
.register_ .frame>.name.large{width: 544px;}
.register_ .frame>.name.large input{width: 100%;}
.register_ .frame>.name .button{margin-top: 0!important;}
.register_ .frame>.name>p{line-height: 43px;}
.register_ .frame>.name>p a{color:#3B7ADB;border-bottom: 1px solid #3b7adb;}
.register_ .frame .start_use{margin-bottom: 10px!important;}
.reset{width: 548px!important;}
.reset>input{width: 390px!important}
.reset>p{width: 139px!important;}
/*.register_{}*/
css/text_solutions.css 0 → 100644
.text_solutions .banner{position: relative;}
.text_solutions .banner .cover{width: 900px;color: #fff;position: absolute;top: 50px;left: 0;right: 0;margin-left: auto;margin-right: auto;text-align: center;}
.text_solutions .banner>img{width: 100%;object-fit: cover;height: 680px;vertical-align: bottom;}
.text_solutions .banner .cover>img{width: 221px;height: 186px;}
.text_solutions .banner .cover>p:nth-child(2){font-size: 32px;margin-top: 38px;margin-bottom: 47px;letter-spacing: 3px;}
.text_solutions .banner .cover>p:nth-child(3){font-size:18px;word-spacing: 3.45px;}
.text_solutions .box_bg{width: 100%;height: 269px;background: #fff;}
.text_solutions .box_bg .box_center{display: flex;justify-content: flex-start;align-items: center;margin-top: 70px;}
.text_solutions .box_bg .the_box{width: 238px;height: 189px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start; margin-right: 80px;}
.text_solutions .box_bg .the_box:nth-last-of-type(1){margin-right: 0}
.text_solutions .box_bg .the_box .img_box{width: 122px;height: 133px;}
.text_solutions .box_bg .the_box .img_box>img{width: 100%;height: 100%;object-fit: contain;margin-bottom: 26px;}
.text_solutions .box_bg .the_box>p{width: 100%;text-align: center;font-size:15px;color:rgba(51,51,51,1);margin-top: 26px;}
/*.text_solutions .uber_bg{width: 100%;height:229px;background: url('../img/new_pic/dot_pic_.png')}*/
.text_solutions .uber_bg{position: relative;height: 229px;}
.text_solutions .bg{width: 100%;height: 100%;}
.text_solutions .cover_bg{position: absolute;top:0;left: 0;right: 0;margin-left: auto;margin-right: auto;object-fit: cover;}
.text_solutions .uber img{width: 100%;height: 229px;vertical-align: bottom;}
.text_solutions .ability{background: #eee;height: 288px;background: url('http://p0bna44za.bkt.clouddn.com/txt_bg.png');}
.text_solutions .ability .ps{width: 750px;margin-left: auto;margin-right: auto;text-align: center;padding-top: 77px;margin-bottom: 24px;}
.text_solutions .ps>p:first-child{color: #333;font-size: 36px;}
.text_solutions .ps>p:last-child{color: #333;font-size: 14px;line-height: 20px;margin-top: 24px;}
.text_solutions .three_artical{background: #fff;height: 330px;}
.text_solutions .three_artical ul{width: 310px;}
.text_solutions .three_artical ul>li:first-child{font-size: 16px;color: #333;margin-bottom: 16px;margin-top: 90px;font-weight: 600;}
.text_solutions .three_artical ul>li:last-child{font-size: 13px;color: #666;}
.text_solutions .three_artical ul:nth-child(2){margin-left: 130px;margin-right: 130px;}
.text_solutions .uber_black{background: #363636 100%;height: 330px;text-align: center;}
.text_solutions .uber_black .content{margin-left: auto;margin-right: auto;}
.text_solutions .uber_black .content>p:first-child{color: #878787;font-size: 40px;padding-top: 75px;margin-bottom: 30px;}
.text_solutions .uber_black .content>p:nth-child(2){background: #0FC0E8;width: 30px;height: 2px;margin-left: auto;margin-right: auto;margin-bottom: 28px;}
.text_solutions .uber_black .content>p:nth-child(3){color: #fff;font-size: 30px;word-spacing: .42px;}
.text_solutions .four_type{background: #fff;height: 480px;}
.text_solutions .four_type>.types{width: 750px;margin-left: auto;margin-right: auto;margin-top: 90px;}
.text_solutions .four_type>.types>div.fl>ul:first-child,.text_solutions .four_type>.types>div.fr>ul:first-child{height: 180px;margin-bottom: 40px;border-bottom: 1px solid #e2e2e2;}
.text_solutions .four_type .types>div{width: 310px;}
.text_solutions .four_type .title{font-size: 17px;color: #333;font-weight: bold;}
.text_solutions .four_type li{text-align: left;}
.text_solutions .four_type .sub_title{font-size: 14px;color: #666;margin-top: 16px;}
.text_solutions .four_type .border_bottom{padding-bottom: 53px;margin-bottom: 40px;}
.text_solutions .text_service{position: relative;}
.text_solutions .text_service>img{width: 100%;object-fit: cover;height: 820px;vertical-align: bottom;}
.text_solutions .text_service>.cover{position: absolute;top: 70px;left: 0;right: 0;}
.text_solutions .text_service>.cover .sub_title span{color: #fff;}
.text_solutions .text_service>.cover .sub_title img,.cover .sub_title img{width: 112px;}
.text_solutions .text_service>.cover .box_center{margin-top: 90px;}
.text_solutions .text_service>.cover .box_center dl img{vertical-align: bottom;width: 84px;height: 84px;object-fit: cover;}
.text_solutions .text_service>.cover .box_center dl{border-radius: 4px;width: 232px;background: #fff;height: 232px;padding: 20px;text-align: center;margin-bottom: 33px;}
.text_solutions .text_service>.cover .box_center dl:not(:nth-child(4n)){margin-right: 90px;}
.text_solutions .text_service>.cover .box_center dl>dd:nth-child(2){font-size: 18px;color: #333;word-spacing: .21px;line-height: 25px;margin-top: 17px;margin-bottom: 17px;}
.text_solutions .text_service>.cover .box_center dl>dd:nth-child(3){font-size: 12px;color: #999;word-spacing: .14px;}
.text_solutions .more_service{background: #fff;height: 560px;position: relative;}
.text_solutions .more_service .title{margin-top: 80px;margin-bottom: 70px;}
.text_solutions .more_service .swiper-container{height: 340px;}
.text_solutions .more_service .swiper-container .swiper-slide{width: 370px!important;height:212px;text-align: center;}
.text_solutions .more_service .swiper-container .swiper-slide img{width: 100%;height: 100%;vertical-align: bottom;}
.text_solutions .more_service .swiper-container .swiper-slide ul{padding: 20px;padding-top: 0;text-align: left;border: 1px solid #F5F5F5;border-top: 1px solid #fff;}
.text_solutions .more_service .swiper-container .swiper-slide ul>li:first-child{font-size: 18px;margin-top: 17px;margin-bottom: 10px;}
.text_solutions .more_service .swiper-container .swiper-slide ul>li:last-child{font-size: 14px;color: #999;}
.more_service_outside_pagination{bottom: 45px;}
.text_solutions .price{position: relative;}
.text_solutions .price .sub_title span{color: #fff;}
.text_solutions .price>.cover{position: absolute;top: 90px;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.text_solutions .price>.cover p{text-align: center;color: #0FC0E8;font-size: 32px;margin-top: 105px;margin-bottom: 55px;}
.text_solutions .price>img{vertical-align: bottom;height: 548px;object-fit: cover;width: 100%;object-fit: cover; }
.text_solutions .price>.cover select{padding:0 150px;width: auto;;height: 50px;background: #fff;color: #333;font-size: 21px;margin-left: auto;margin-right: auto;display: block;}
.text_solutions .start_use{position: relative;}
.text_solutions .start_use>img{width: 100%;object-fit: cover;height: 377px;vertical-align: bottom;}
.text_solutions .start_use>.cover{position: absolute;left: 0;right: 0;top: 70px;}
.text_solutions .start_use>.cover>p:first-child{font-size: 45px;color: #333;text-align: center;}
css/tools.css 0 → 100644
.main{
min-height: 1050px;
}
.main .banner{
width:100%;
height:330px;
}
.main .banner .bg_txt{
width: 830px;
position: absolute;
top: 180px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.main .banner .bg_txt .sub_title img{
width: 112px;
}
.main .w_title{
font-size:32px;
font-family:PingFangSC-Regular;
color:rgba(255,255,255,1);
letter-spacing: 3px;
}
.main .m_top{
padding-top: 24px;
font-size: 18px;
color: #fff;
/* letter-spacing: 3.45px; */
line-height: 23px!important;
}
.main .bg_box{
padding-top: 46px;
padding-bottom: 54px;
}
.main .bg_box:nth-of-type(2n){
background: #F7F7F7;
}
.main .bg_box:nth-last-of-type(1){
margin-bottom: 122px;
}
.main .l_box{
width: 220px;
height: 100%;
display: flex;
justify-content: space-around;
flex-direction: column;
align-items: center;
margin-right: 72px;
}
.main .the_box{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.main .a_title{
font-size:18px;
font-family:PingFangSC-Regular;
color:rgba(51,51,51,1);
margin-bottom: 20px;
text-align: center;
}
.main .a_btn{
cursor: pointer;
width:98px;
height:29px;
background:rgba(8,133,243,1);
border-radius: 4px ;
font-size:12px;
font-family:PingFangSC-Regular;
color:rgba(255,255,255,1);
line-height:29px;
text-align: center;
}
.main .txt_box{
display: block;
width:861px;
height:66px;
font-size:14px;
font-family:PingFangSC-Regular;
color:rgba(51,51,51,1);
line-height:33px;
}
custom.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Author" content="FreeIcn" />
<meta name="Keywords" content="FreeIcn" />
<meta name="Description" content="FreeIcn" />
<link rel="shortcut icon" href="img/logo@2x.png"/>
<title>Freecin</title>
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/text_solutions.css">
<link rel="stylesheet" href="css/audio.css">
<link rel="stylesheet" href="css/swiper.min.css">
<!-- <link rel="stylesheet" href="css/animate.css"> -->
<script type="text/javascript" src='js/vue.js'></script>
</head>
<body>
<div class="header" id="header">
<common-header></common-header>
</div>
<div class="text_solutions" id="text_solutions">
<!-- 第一页 -->
<div class="banner">
<img src="https://cdn.dankal.cn/img_1.png" alt="">
<div class="cover">
<img src="img/new_pic/ic_scheme@2x.png" alt="">
<p v-text='language.custom.title'></p>
<p v-text='language.custom.sub_title'></p>
<p @click='start_use()' v-text='language.custom.btn' class="button"></p>
</div>
</div>
<!-- 弹性布局 -->
<div class="box_bg">
<div class="box_center">
<div class="the_box">
<div class="img_box">
<img src="img/new_pic/custom_one.png" alt="">
</div>
<p v-text='language.custom.types.one'></p>
</div>
<div class="the_box">
<div class="img_box">
<img src="img/new_pic/custom_two.png" alt="">
</div>
<p v-text='language.custom.types.two'></p>
</div>
<div class="the_box">
<div class="img_box">
<img src="img/new_pic/ic_grateshceme@2x.png" alt="">
</div>
<p v-text='language.custom.types.three'></p>
</div>
<div class="the_box">
<div class="img_box">
<img src="img/new_pic/ic_guarantee@2x.png" alt="">
</div>
<p v-text='language.custom.types.four'></p>
</div>
</div>
</div>
<!-- ability -->
<div class="ability">
<div class="ps">
<p><span class="left" >“</span>{{language.custom.ability.title}}<span class="right">”</span></p>
<p v-text='language.custom.ability.sub_title'></p>
</div>
</div>
<!-- uber -->
<div class="uber" style="position:relative;">
<div class="title">
<div class="sub_title" style="position:absolute;left:0;right:0;top:70px;">
<img style="width:112px!important;height:21px;vertical-align: initial;" src="img/new_pic/left_transparent.png" alt="">
<span style="color:#fff!important;" v-text='language.custom.service_process'></span>
<img style="width:112px!important;height:21px;vertical-align: initial;" src="img/new_pic/right_transparent.png" alt="">
</div>
</div>
<img v-show="language_val=='chinese'" style="height:100%;" src="https://cdn.dankal.cn/ill_serviceflow@2x.png" alt="">
<img v-show="language_val!='chinese'" style="height:100%;" src="http://p0bna44za.bkt.clouddn.com/icon_intro1.jpg" alt="">
</div>
<!-- more_service -->
<div class="more_service">
<div class="">
<div class="title">
<div class="sub_title">
<img src="img/left_white.png" alt="">
<span v-text='language.custom.service_title'></span>
<img src="img/right_white.png" alt="">
</div>
</div>
<div class="swiper-container box_center" >
<div class="swiper-wrapper">
<div class="swiper-slide" v-for='item in swiper_box' @click='to_detail(item.id)'>
<img :src="domain+item.img_src" alt="">
<ul>
<li class="ellipsis" v-text='item.title'></li>
<li class="ellipsis_2" v-text='item.intro'></li>
</ul>
</div>
</div>
</div>
<div class="swiper-pagination outside_pagination more_service_outside_pagination"></div>
</div>
</div>
</div>
<!-- 联系我们 -->
<div class="section">
<div id="contact">
<common-contact></common-contact>
</div>
</div>
<div class="footer" id='footer'>
<common-footer></common-footer>
</div>
</body>
<script type="text/javascript" src='js/language.js'></script>
<script type="text/javascript" src='js/jquery-3.1.1.min.js'></script>
<script type="text/javascript" src='js/swiper.min.js'></script>
<script type="text/javascript" src="js/vueComponent.js?ver=1.0"></script>
<script type="text/javascript" src='js/text_solutions.js'></script>
</html>
detail.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Author" content="FreeIcn" />
<meta name="Keywords" content="FreeIcn" />
<meta name="Description" content="FreeIcn" />
<link rel="shortcut icon" href="img/logo@2x.png"/>
<title>Freecin</title>
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/swiper.min.css">
<!-- <link rel="stylesheet" href="css/animate.css"> -->
<link rel="stylesheet" href="css/detail.css">
<script type="text/javascript" src='js/vue.js'></script>
</head>
<body>
<div class="header" id="header">
<common-header></common-header>
</div>
<!--内容-->
<div class="main" id="main">
<div class="box_center the_center">
<h2 class="the_title" v-text="detail.title"></h2>
<div class="data_box">
<span class="the_data" v-text="detail.time"></span>
<span class="the_data" v-if='detail.author'></span>
<span class="author" v-text="detail.author"></span>
</div>
<p class="intro" v-text="detail.intro"></p>
<div class="content_box" v-html="detail.content">
</div>
</div>
</div>
</div>
<div class="footer" id='footer'>
<common-footer></common-footer>
</div>
</body>
<script type="text/javascript" src='js/language.js'></script>
<script type="text/javascript" src='js/jquery-3.1.1.min.js'></script>
<script type="text/javascript" src='js/swiper.min.js'></script>
<script type="text/javascript" src="js/vueComponent.js?ver=1.0"></script>
<script type="text/javascript" src='js/detail.js'></script>
</html>
img/Oval 9.png 0 → 100644
img/Oval 9.png

210 Bytes

img/map.png 0 → 100644
This diff is collapsed. Click to expand it.
img/nav_title.png 0 → 100644
This diff is collapsed. Click to expand it.
img/tirangle.png 0 → 100644
This diff is collapsed. Click to expand it.
img/we_one.png 0 → 100644
This diff is collapsed. Click to expand it.
img/we_two.png 0 → 100644
This diff is collapsed. Click to expand it.
img/首页.png 0 → 100644
This diff is collapsed. Click to expand it.
index.html 0 → 100644
This diff is collapsed. Click to expand it.
js/about.js 0 → 100644
This diff is collapsed. Click to expand it.
js/api.js 0 → 100644
This diff is collapsed. Click to expand it.
js/blog.js 0 → 100644
This diff is collapsed. Click to expand it.
js/detail.js 0 → 100644
This diff is collapsed. Click to expand it.
js/index.js 0 → 100644
This diff is collapsed. Click to expand it.
js/language.js 0 → 100644
This diff is collapsed. Click to expand it.
js/login.js 0 → 100644
This diff is collapsed. Click to expand it.
js/price.js 0 → 100644
This diff is collapsed. Click to expand it.
js/regist.js 0 → 100644
This diff is collapsed. Click to expand it.
js/reset.js 0 → 100644
This diff is collapsed. Click to expand it.
js/reset_pwd.js 0 → 100644
This diff is collapsed. Click to expand it.
js/tools.js 0 → 100644
This diff is collapsed. Click to expand it.
js/vue.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
login.html 0 → 100644
This diff is collapsed. Click to expand it.
price.html 0 → 100644
This diff is collapsed. Click to expand it.
register.html 0 → 100644
This diff is collapsed. Click to expand it.
reset.html 0 → 100644
This diff is collapsed. Click to expand it.
reset_pwd.html 0 → 100644
This diff is collapsed. Click to expand it.
success.html 0 → 100644
This diff is collapsed. Click to expand it.
tools.html 0 → 100644
This diff is collapsed. Click to expand it.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment