Skip to content

quxiu
quxiu
Commit e005a467 by 冷斌
Options

fix bug

parent e9e4dbf9
Showing with 1774 additions and 122 deletions
aboutus/agreement.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>关于我们</title>
<link href="../guanwang/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="../guanwang/css/style_hl.css" type="text/css" rel="stylesheet"/>
<link type="text/css" rel="stylesheet" href="../guanwang/css/common.css">
<link type="text/css" rel="stylesheet" href="../guanwang/css/swiper3.07.min.css">
<title>动态</title>
<style>
.wrapper {
padding-top: 120px;
}
.line {
border: 0;
height: 1px;
background-color: #e4e4e4;
}
nav {
width: 960px;
line-height: 110px;
margin: 0 auto;
}
nav li {
float: left;
color: #6f6f6f;
font-size: 16px;
margin-right: 75px;
height: 80px;
}
nav li.on {
border-bottom: 3px solid #1e78e7;
}
nav li a {
text-decoration: none;
color: #6f6f6f;
}
section {
width: 880px;
margin: 45px auto 0;
padding: 0 40px;
}
h2 {
color: #5a5959;
font-size: 22px;
text-align: center;
font-weight: normal;
margin-bottom: 39px;
}
section.info-sec {
width: 960px;
margin: 0px auto;
font-size: 14px;
margin-top: 100px;
}
.info-sec p, .info-sec li {
color: #5a5959;
margin-bottom: 9px;
}
section.info-sec-1 {
text-align: center;
margin-top: 100px;
}
section.info-sec-2 {
margin-top: 150px;
}
section.info-sec-3 {
margin-top: 150px;
text-align: center;
}
.info-sec-1 .f22 {
font-size: 22px;
}
</style>
</head>
<body class="white-bg">
<header class="common-header">
<a class="logo-href" href="/">
<img src="../guanwang/img/logo.jpg">
</a>
<ul class="clearfix">
<li class="no-border">
<a class="home" href="/index.html">首页</a>
</li>
<li>
<a class="news active" href="/news.html">趣秀动态</a>
</li>
<li>
<a class="join " href="/join.html">加入我们</a>
</li>
<li class="white-bg-service">
<span class="service business">关于我们
<span class="down-list">
<span class="item colortext">
<a href="javascript:">关于我们&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="/aboutus/us.html">关于趣秀</a>
</span>
<span class="item">
<a href="/contact.html">联系我们</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service">服务与帮助
<span class="down-list">
<span class="item colortext">
<a href="/servicehelp/help.html">服务与帮助</a>
</span>
<span class="item">
<a href="/servicehelp/help.html">帮助中心</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service business">工会入口
<span class="down-list">
<span class="item colortext">
<a href="javascript:">工会入口&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="http://agents.3yakj.com" target="_blank">mcn机构入口</a>
</span>
<span class="item">
<a href="http://guilds.3yakj.com" target="_blank">公会入口</a>
</span>
</span>
</span>
</li>
</ul>
</header>
<div class="wrapper">
<p class="line"></p>
<nav>
<ul class="clearfix">
<li class=""><a href="/aboutus/us.html">关于三丫</a></li>
<li class=" on "><a href="/aboutus/agreement.html">用户协议</a></li>
<li class=""><a href="/aboutus/vipterms.html">会员条款</a></li>
</ul>
</nav>
<section class="info-sec info-sec-1">
<p>
趣秀隶属于重庆三丫互娱网络科技有限公司，注册资金100万元人民币，公司本着诚信、务实、创新的经营理念稳步发展，主要业务app开发定制、微信小程序开发定制、直播+、电商系统等技术解决方案服务。
</p>
<p>
公司旨在依托强大的技术力量、完善的服务体系、专业的开发团队及细致的售后服务，充分运用信息化建设的长期理论和实践经验，结合国内外先进和成熟的业务管理理念和信息化管理的核心方法，帮助企业实现资源整合、集中管理、资源共享，增强企业市场竞争力。
<p>
</section>
</div>
<div class="footer_box">
<div class="body_part" id="d3">
<ul class="clearfix" style="width: 510px;">
<li><a href="/aboutus/us.html">关于趣秀</a></li>
<li><a href="/aboutus/agreement.html">用户协议</a></li>
<li><a href="/join.html">招聘信息</a></li>
<li><a href="/contact.html">联系我们</a></li>
</ul>
</div>
<div class="foot_one" >
<a href="http://www.beian.miit.gov.cn" style="opacity: .5;color: white">豫ICP备19025409号-1</a>
</div>
<div class="foot_one">
<!-- <img class="beian_logo" src="../img/位图@2x.png" >
<a style="color:white;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002430"><span style="opacity: .5;">渝公网安备 50010302002430号</span></a> -->
</div>
<div class="foot_two">Copyright © 2019 河南趣云网络科技有限公司 All Rights Reserved</div>
<div class="foot_three">
<img src="../guanwang/img/wen.png" style="width: 20px">
<a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/c5508b6a95d74a7694ff8b64bef9d3b9">互联网文化经营单位</a>
</div>
</div>
</body>
</html>
aboutus/us.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>关于我们</title>
<link href="../guanwang/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="../guanwang/css/style_hl.css" type="text/css" rel="stylesheet"/>
<link type="text/css" rel="stylesheet" href="../guanwang/css/common.css">
<link type="text/css" rel="stylesheet" href="../guanwang/css/swiper3.07.min.css">
<title>动态</title>
<style>
.wrapper {
padding-top: 120px;
}
.line {
border: 0;
height: 1px;
background-color: #e4e4e4;
}
nav {
width: 960px;
line-height: 110px;
margin: 0 auto;
}
nav li {
float: left;
color: #6f6f6f;
font-size: 16px;
margin-right: 75px;
height: 80px;
}
nav li.on {
border-bottom: 3px solid #1e78e7;
}
nav li a {
text-decoration: none;
color: #6f6f6f;
}
section {
width: 880px;
margin: 45px auto 0;
padding: 0 40px;
}
h2 {
color: #5a5959;
font-size: 22px;
text-align: center;
font-weight: normal;
margin-bottom: 39px;
}
section.info-sec {
width: 960px;
margin: 0px auto;
font-size: 14px;
margin-top: 100px;
}
.info-sec p, .info-sec li {
color: #5a5959;
margin-bottom: 9px;
}
section.info-sec-1 {
text-align: center;
margin-top: 100px;
}
section.info-sec-2 {
margin-top: 150px;
}
section.info-sec-3 {
margin-top: 150px;
text-align: center;
}
.info-sec-1 .f22 {
font-size: 22px;
}
</style>
</head>
<body class="white-bg">
<header class="common-header">
<a class="logo-href" href="/">
<img src="../guanwang/img/logo.jpg">
</a>
<ul class="clearfix">
<li class="no-border">
<a class="home" href="/index.html">首页</a>
</li>
<li>
<a class="news active" href="/news.html">趣秀动态</a>
</li>
<li>
<a class="join " href="/join.html">加入我们</a>
</li>
<li class="white-bg-service">
<span class="service business">关于我们
<span class="down-list">
<span class="item colortext">
<a href="javascript:">关于我们&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="/aboutus/us.html">关于趣秀</a>
</span>
<span class="item">
<a href="/contact.html">联系我们</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service">服务与帮助
<span class="down-list">
<span class="item colortext">
<a href="/servicehelp/help.html">服务与帮助</a>
</span>
<span class="item">
<a href="/servicehelp/help.html">帮助中心</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service business">工会入口
<span class="down-list">
<span class="item colortext">
<a href="javascript:">工会入口&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="http://agents.3yakj.com" target="_blank">mcn机构入口</a>
</span>
<span class="item">
<a href="http://guilds.3yakj.com" target="_blank">公会入口</a>
</span>
</span>
</span>
</li>
</ul>
</header>
<div class="wrapper">
<p class="line"></p>
<nav>
<ul class="clearfix">
<li class=" on "><a href="/aboutus/us.html">关于三丫</a></li>
<li class=""><a href="/aboutus/agreement.html">用户协议</a></li>
<li class=""><a href="/aboutus/vipterms.html">会员条款</a></li>
</ul>
</nav>
<section class="info-sec info-sec-1">
<p>
趣秀隶属于重庆三丫互娱网络科技有限公司，注册资金100万元人民币，公司本着诚信、务实、创新的经营理念稳步发展，主要业务app开发定制、微信小程序开发定制、直播+、电商系统等技术解决方案服务。
</p>
<p>
公司旨在依托强大的技术力量、完善的服务体系、专业的开发团队及细致的售后服务，充分运用信息化建设的长期理论和实践经验，结合国内外先进和成熟的业务管理理念和信息化管理的核心方法，帮助企业实现资源整合、集中管理、资源共享，增强企业市场竞争力。
<p>
</section>
</div>
<div class="footer_box">
<div class="body_part" id="d3">
<ul class="clearfix" style="width: 510px;">
<li><a href="/aboutus/us.html">关于趣秀</a></li>
<li><a href="/aboutus/agreement.html">用户协议</a></li>
<li><a href="/join.html">招聘信息</a></li>
<li><a href="/contact.html">联系我们</a></li>
</ul>
</div>
<div class="foot_one" >
<a href="http://www.beian.miit.gov.cn" style="opacity: .5;color: white">豫ICP备19025409号-1</a>
</div>
<div class="foot_one">
<!-- <img class="beian_logo" src="../img/位图@2x.png" >
<a style="color:white;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002430"><span style="opacity: .5;">渝公网安备 50010302002430号</span></a> -->
</div>
<div class="foot_two">Copyright © 2019 河南趣云网络科技有限公司 All Rights Reserved</div>
<div class="foot_three">
<img src="../guanwang/img/wen.png" style="width: 20px">
<a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/c5508b6a95d74a7694ff8b64bef9d3b9">互联网文化经营单位</a>
</div>
</div>
</body>
</html>
aboutus/vipterms.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>关于我们</title>
<link href="../guanwang/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="../guanwang/css/style_hl.css" type="text/css" rel="stylesheet"/>
<link type="text/css" rel="stylesheet" href="../guanwang/css/common.css">
<link type="text/css" rel="stylesheet" href="../guanwang/css/swiper3.07.min.css">
<title>动态</title>
<style>
.wrapper {
padding-top: 120px;
}
.line {
border: 0;
height: 1px;
background-color: #e4e4e4;
}
nav {
width: 960px;
line-height: 110px;
margin: 0 auto;
}
nav li {
float: left;
color: #6f6f6f;
font-size: 16px;
margin-right: 75px;
height: 80px;
}
nav li.on {
border-bottom: 3px solid #1e78e7;
}
nav li a {
text-decoration: none;
color: #6f6f6f;
}
section {
width: 880px;
margin: 45px auto 0;
padding: 0 40px;
}
h2 {
color: #5a5959;
font-size: 22px;
text-align: center;
font-weight: normal;
margin-bottom: 39px;
}
section.info-sec {
width: 960px;
margin: 0px auto;
font-size: 14px;
margin-top: 100px;
}
.info-sec p, .info-sec li {
color: #5a5959;
margin-bottom: 9px;
}
section.info-sec-1 {
text-align: center;
margin-top: 100px;
}
section.info-sec-2 {
margin-top: 150px;
}
section.info-sec-3 {
margin-top: 150px;
text-align: center;
}
.info-sec-1 .f22 {
font-size: 22px;
}
</style>
</head>
<body class="white-bg">
<header class="common-header">
<a class="logo-href" href="/"></a>
<ul class="clearfix">
<li class="no-border">
<a class="home" href="/index.html">首页</a>
</li>
<li>
<a class="news active" href="/news.html">趣秀动态</a>
</li>
<li>
<a class="join " href="/join.html">加入我们</a>
</li>
<li class="white-bg-service">
<span class="service business">关于我们
<span class="down-list">
<span class="item colortext">
<a href="javascript:">关于我们&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="/aboutus/us.html">关于趣秀</a>
</span>
<span class="item">
<a href="/contact.html">联系我们</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service">服务与帮助
<span class="down-list">
<span class="item colortext">
<a href="/servicehelp/help.html">服务与帮助</a>
</span>
<span class="item">
<a href="/servicehelp/help.html">帮助中心</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service business">工会入口
<span class="down-list">
<span class="item colortext">
<a href="javascript:">工会入口&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="http://agents.3yakj.com" target="_blank">mcn机构入口</a>
</span>
<span class="item">
<a href="http://guilds.3yakj.com" target="_blank">公会入口</a>
</span>
</span>
</span>
</li>
</ul>
</header>
<div class="wrapper">
<p class="line">
<img src="../guanwang/img/logo.jpg">
</p>
<nav>
<ul class="clearfix">
<li class=""><a href="/aboutus/us.html">关于三丫</a></li>
<li class=""><a href="/aboutus/agreement.html">用户协议</a></li>
<li class=" on "><a href="/aboutus/vipterms.html">会员条款</a></li>
</ul>
</nav>
<section class="info-sec info-sec-1">
<p>
趣秀隶属于重庆三丫互娱网络科技有限公司，注册资金100万元人民币，公司本着诚信、务实、创新的经营理念稳步发展，主要业务app开发定制、微信小程序开发定制、直播+、电商系统等技术解决方案服务。
</p>
<p>
公司旨在依托强大的技术力量、完善的服务体系、专业的开发团队及细致的售后服务，充分运用信息化建设的长期理论和实践经验，结合国内外先进和成熟的业务管理理念和信息化管理的核心方法，帮助企业实现资源整合、集中管理、资源共享，增强企业市场竞争力。
<p>
</section>
</div>
<div class="footer_box">
<div class="body_part" id="d3">
<ul class="clearfix" style="width: 510px;">
<li><a href="/aboutus/us.html">关于趣秀</a></li>
<li><a href="/aboutus/agreement.html">用户协议</a></li>
<li><a href="/join.html">招聘信息</a></li>
<li><a href="/contact.html">联系我们</a></li>
</ul>
</div>
<div class="foot_one" >
<a href="http://www.beian.miit.gov.cn" style="opacity: .5;color: white">豫ICP备19025409号-1</a>
</div>
<div class="foot_one">
<!-- <img class="beian_logo" src="../img/位图@2x.png" >
<a style="color:white;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002430"><span style="opacity: .5;">渝公网安备 50010302002430号</span></a> -->
</div>
<div class="foot_two">Copyright © 2019 河南趣云网络科技有限公司 All Rights Reserved</div>
<div class="foot_three">
<img src="../guanwang/img/wen.png" style="width: 20px">
<a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/c5508b6a95d74a7694ff8b64bef9d3b9">互联网文化经营单位</a>
</div>
</div>
</body>
</html>
contact.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>关于我们</title>
<link href="./guanwang/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="./guanwang/css/style_hl.css" type="text/css" rel="stylesheet"/>
<link type="text/css" rel="stylesheet" href="./guanwang/css/common.css">
<link type="text/css" rel="stylesheet" href="./guanwang/css/swiper3.07.min.css">
<title>动态</title>
<style>
.wrapper{padding-top: 120px;}
.line{border: 0;height: 1px;background-color: #e4e4e4;}
section{width:960px;margin:0 auto;}
h4{font-size:20px;color:#2e2e2e;margin-bottom: 20px;font-weight:100;line-height: 22px;}
.sec-1 {position: relative;margin-bottom: 50px;margin-top:0;}
.sec-1 .card{line-height: 18px;font-size:14px;margin-left: 33px;background-color: #1273ea;opacity: .9;color:#fff;padding:35px 23px;width: 340px;position:absolute;}
.sec-1 .card h2{color:#fff;font-size:24px;}
.sec-1 .card a{text-decoration: none;color:#fff;}
.sec-1 .card p{margin-left: 7px;font-size:14px;line-height:18px;margin-top: 20px;margin-bottom: 20px;}
.p1{margin-top: 33px;}
.p2{padding-left: 36px;}
.p3{margin-top: 30px;}
.p4{margin-top: 0px;}
.p5{margin-top: 15px;}
.sec-2{width:930px}
.sec-2 li{float: left;width:33%;margin-bottom: 71px;}
.sec-3 p,
.sec-2 p{font-size:14px;color:#6f6f6f;line-height: 22px;}
.sec-3{margin-bottom:90px;margin-top:13px;width:930px}
.sec-3 a{text-decoration: none;color:#6f6f6f;}
</style>
</head>
<body class="white-bg">
<header class="common-header">
<a class="logo-href" href="/">
<img src="./guanwang/img/logo.jpg">
</a>
<ul class="clearfix">
<li class="no-border">
<a class="home" href="/index.html">首页</a>
</li>
<li>
<a class="news active" href="/news.html">趣秀动态</a>
</li>
<li>
<a class="join " href="/join.html">加入我们</a>
</li>
<li class="white-bg-service">
<span class="service business">关于我们
<span class="down-list">
<span class="item colortext">
<a href="javascript:">关于我们&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="/aboutus/us.html">关于趣秀</a>
</span>
<span class="item">
<a href="/contact.html">联系我们</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service">服务与帮助
<span class="down-list">
<span class="item colortext">
<a href="/servicehelp/help.html">服务与帮助</a>
</span>
<span class="item">
<a href="/servicehelp/help.html">帮助中心</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service business">工会入口
<span class="down-list">
<span class="item colortext">
<a href="javascript:">工会入口&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="http://agents.3yakj.com" target="_blank">mcn机构入口</a>
</span>
<span class="item">
<a href="http://guilds.3yakj.com" target="_blank">公会入口</a>
</span>
</span>
</span>
</li>
</ul>
</header>
<div class="wrapper">
<p class="line"></p>
<section class="sec-1">
<div class="card">
<h2 style="font-size: 20px">重庆三丫互娱网络科技有限公司</h2>
<p>
地址：重庆市渝中区民生路235号海航保利国际中心43-C <br>
</p>
<p>
邮编：400010
</p>
<p>
公司电话：19942331844
</p>
</div>
<img src="./guanwang/img/place.png" style="width:965px; height:511px;">
</section>
<section class="sec-2">
<ul class="clearfix">
<li>
<h4>充值咨询</h4>
<p>微信：f19942338734</p>
</li>
<li>
<h4>公会入驻</h4>
<p>微信：f13368032078</p>
</li>
<li>
<h4>主播申请</h4>
<p>微信：f19942338684</p>
</li>
<li>
<h4>投诉与建议</h4>
<p>微信：lyl1165023</p>
</li>
<li>
<h4>技术咨询</h4>
<p>微信：All_inthe_game</p>
</li>
</ul>
</section>
</div>
<div class="footer_box">
<div class="body_part" id="d3">
<ul class="clearfix" style="width: 510px;">
<li><a href="/aboutus/us.html">关于趣秀</a></li>
<li><a href="/aboutus/agreement.html">用户协议</a></li>
<li><a href="/join.html">招聘信息</a></li>
<li><a href="/contact.html">联系我们</a></li>
</ul>
</div>
<div class="foot_one" >
<a href="http://www.beian.miit.gov.cn" style="opacity: .5;color: white">豫ICP备19025409号-1</a>
</div>
<div class="foot_one">
<!-- <img class="beian_logo" src="../img/位图@2x.png" >
<a style="color:white;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002430"><span style="opacity: .5;">渝公网安备 50010302002430号</span></a> -->
</div>
<div class="foot_two">Copyright © 2019 河南趣云网络科技有限公司 All Rights Reserved</div>
<div class="foot_three">
<img src="./guanwang/img/wen.png" style="width: 20px">
<a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/c5508b6a95d74a7694ff8b64bef9d3b9">互联网文化经营单位</a>
</div>
</div>
</body>
</html>
guanwang/css/common.css 0 → 100644
/*
* reset
*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei","微软雅黑",arial,simsun,"宋体";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:"";line-height:0;clear:both}
.hide{display:none;}
/*
* 公共头
*/
.common-header{color:#fff;font-size:14px;position: absolute;top:0px;background:url(/static/common/img/logo_w.png) 14px 37px no-repeat;padding-left: 218px;height:120px;left:50%;margin-left:-508px;}
.common-header a{text-decoration: none;color:#fff;}
.common-header a.logo-href{display: block;width: 215px;height: 120px;position: absolute;left: 0;top: 0;}
.common-header a.on{color:#1e78e7;}
.common-header li{float: left;padding: 0 30px;background:url(/static/common/img/white-border.png) 0 54px no-repeat;height:120px;line-height:120px;}
.common-header li.no-border{background: none;}
.common-header ul { width: 960px;}
.white-bg .common-header{background:url(/static/common/img/logo.png) 14px 37px no-repeat;}
.white-bg .common-header a,
.white-bg .common-header span{color:#6f6f6f;}
.white-bg .common-header li{background:url(../img/gray-border.png) 0 54px no-repeat;}
.white-bg .common-header li.no-border{background: none;}
.white-bg .common-header a.on,
.white-bg .common-header span.on { color: #1e78e7; }
/*service down-list*/
.common-header li .service {}
.common-header li .service .down-list{z-index:2000;display:none;text-align:center;line-height: 40px;color: #007aff;position: absolute;top: 90px;left:0;width: 100%;}
.common-header li .service .down-list{background:#156bd4;border:1px solid #156bd4;}
.white-bg .common-header li .service .down-list{background:#ffffff;border:1px solid #e4e4e4;}
.common-header li .service .down-list a{}
.common-header li .service .down-list span,
.common-header li .service:hover .down-list{display:block;transition: all 0.1s}
.common-header li .service .down-list .item{}
.white-bg .common-header li .service .down-list .item{}
.common-header li .service .down-list .item:hover{background:#0c5dbf}
.white-bg .common-header li .service .down-list .item:hover{background:#007aff;color:#ffffff;}
.common-header li .service .down-list .item:hover a{color:#ffffff;}
.common-header li .service .down-list .item.colortext{background:#1e79e8;width:100px;position:absolute;top:-51px;left:14px;height: 50px;margin: 0px;}
.white-bg .common-header li .service .down-list .item.colortext{background:#ffffff;}
.white-bg .common-header li .service .down-list .item.colortext:hover{background:#ffffff;color:#007aff;}
.white-bg .common-header li .service .down-list .item.colortext:hover a{color:#007aff;}
.common-header li .service:before,.white-bg .common-header li .service:after{position:absolute;right:12px;font-size:36px;}
.common-header li .service:before{ content:'';color:#1e78e7;top: 55px;right:14px;z-index:3000;
width: 6px;height: 6px;background:none;transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); }
.common-header li .service:before{border: 2px solid #ffffff;border-top:none;border-left:none;}
.white-bg .common-header li .service:before{border: 2px solid #1e78e7;border-top:none;border-left:none;}
/*.white-bg .common-header li .service:after{content:'';color:#ffffff;top:-56px;}*/
.common-header .white-bg-service{display:block;position:relative;}
.common-header .black-bg-service{display:none;}
.white-bg .common-header .black-bg-service{display:none;}
.white-bg .common-header .white-bg-service{display:block;}
/*
* 公共尾
*/
.common-footer {color:#646464;text-align: center;font-size:12px;padding-bottom: 133px;}
.common-footer ul{width: 410px;margin: 0 auto;*margin-bottom:30px;}
.common-footer li{float:left; width: 25%;margin-bottom:30px;}
.common-footer a{color:#646464;text-decoration: none;}
.common-footer a:hover{color:#1e78eb;text-decoration: none;}
guanwang/css/common2.css 0 → 100644
/*
* reset
*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei","微软雅黑",arial,simsun,"宋体";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:"";line-height:0;clear:both}
.hide{display:none;}
/*
* 公共头
*/
.common-header{color:#fff;font-size:14px;position: absolute;top:0px;background:url(/static/common/img/logo_w.png) 14px 37px no-repeat;padding-left: 218px;height:120px;left:50%;margin-left:-508px;}
.common-header a{text-decoration: none;color:#fff;}
.common-header a.logo-href{display: block;width: 215px;height: 120px;position: absolute;left: 0;top: 0;}
.common-header a.on{color:#1e78e7;}
.common-header li{float: left;padding: 0 30px;background:url(/img/white-border.png) 0 54px no-repeat;height:120px;line-height:120px;}
.common-header li.no-border{background: none;}
.common-header ul { width: 960px;}
.white-bg .common-header{background:url(img/logo.png) 14px 37px no-repeat;}
.white-bg .common-header a,
.white-bg .common-header span{color:#6f6f6f;}
.white-bg .common-header li{background:url(../img/gray-border.png) 0 54px no-repeat;}
.white-bg .common-header li.no-border{background: none;}
.white-bg .common-header a.on,
.white-bg .common-header span.on { color: #1e78e7; }
/*service down-list*/
.common-header li .service {}
.common-header li .service .down-list{z-index:2000;display:none;text-align:center;line-height: 40px;color: #007aff;position: absolute;top: 90px;left:0;width: 100%;}
.common-header li .service .down-list{background:#156bd4;border:1px solid #156bd4;}
.white-bg .common-header li .service .down-list{background:#ffffff;border:1px solid #e4e4e4;}
.common-header li .service .down-list a{}
.common-header li .service .down-list span,
.common-header li .service:hover .down-list{display:block;transition: all 0.1s}
.common-header li .service .down-list .item{}
.white-bg .common-header li .service .down-list .item{}
.common-header li .service .down-list .item:hover{background:#0c5dbf}
.white-bg .common-header li .service .down-list .item:hover{background:#007aff;color:#ffffff;}
.common-header li .service .down-list .item:hover a{color:#ffffff;}
.common-header li .service .down-list .item.colortext{background:#1e79e8;width:100px;position:absolute;top:-51px;left:14px;height: 50px;margin: 0px;}
.white-bg .common-header li .service .down-list .item.colortext{background:#ffffff;}
.white-bg .common-header li .service .down-list .item.colortext:hover{background:#ffffff;color:#007aff;}
.white-bg .common-header li .service .down-list .item.colortext:hover a{color:#007aff;}
.common-header li .service:before,.white-bg .common-header li .service:after{position:absolute;right:12px;font-size:36px;}
.common-header li .service:before{ content:'';color:#1e78e7;top: 55px;right:14px;z-index:3000;
width: 6px;height: 6px;background:none;transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); }
.common-header li .service:before{border: 2px solid #ffffff;border-top:none;border-left:none;}
.white-bg .common-header li .service:before{border: 2px solid #1e78e7;border-top:none;border-left:none;}
/*.white-bg .common-header li .service:after{content:'';color:#ffffff;top:-56px;}*/
.common-header .white-bg-service{display:block;position:relative;}
.common-header .black-bg-service{display:none;}
.white-bg .common-header .black-bg-service{display:none;}
.white-bg .common-header .white-bg-service{display:block;}
guanwang/css/reset.css 100755 → 100644
File mode changed from 100755 to 100644
guanwang/css/style_hl.css 100755 → 100644
......@@ -22,7 +22,23 @@
.load_logo { width: 288px; height: 288px; }
.load_logos { width: 288px; height: 288px; border: 1px solid #ccc; padding: 14px; }
.ewm_img { width: 100%; height: 100%; }
.footer_box { width: 100%; height: 90px; min-width: 1200px; display: flex; align-items: center; justify-content: space-between; padding: 23px 0; margin-top: 150px; background: #111F3C; flex-direction: column; }
.footer_box { width: 100%; height: 250px; min-width: 1200px; display: flex; align-items: center; justify-content: space-between; padding: 23px 0; margin-top: 150px; background: #111F3C; flex-direction: column; }
.foot_one { text-align: center; font-size: 14px; color: #fff; line-height: 14px; width: 100%; display: flex; align-items: center; justify-content: center; }
.foot_two { width: 100%; text-align: center; font-size: 12px; color: #fff; opacity: .5; }
.beian_logo { width: 20px; height: 20px; margin-right: 5px; }
\ No newline at end of file
.foot_three { display: flex;flex-direction: row;justify-content: center;align-items: start }
.foot_three a { font-size: 12px; color: #fff; opacity: .5; }
.beian_logo { width: 20px; height: 20px; margin-right: 5px; }
#d2 {margin-top: 100px;}
#d2 ul { /*background: red;*/overflow: hidden;margin: 0 auto;display: flex;}
#d2 li {float: left; /*background: yellow;*/text-align: left;padding-left: 20px;border-left: 1px dashed #9d9d9d; /*width: 259px;*/flex: 1;height: 140px;}
#d2 .tit {font-size: 20px;}
#d2 .tit a {display: block;color: #434343;position: relative;}
#d2 .tit .arrows {background: url(../img/icon1.1.png) -176px -69px no-repeat;width: 25px;height: 25px;display: block;position: absolute;right: 30px;top: 7px;}
#d2 li .con a {display: block;color: #434343;text-decoration: none;position: relative;}
#d2 li .con {opacity: .5;color: #434343;font-size: 14px;line-height: 26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#d3 {font-size: 13px;opacity: .5;}
#d3 a {color: white;text-decoration: none;}
#d3 ul {overflow: hidden; /*background: #007aff;*/margin: 0 auto;display: flex;margin-top: 50px;margin-bottom: 50px;}
#d3 ul li {flex: 1;text-align: center;display: block;float: left;}
.common-header .logo-href img{ width: 50px;height: 50px;display: block;margin: 35px 10px 0 auto; }
guanwang/css/swiper.min.css 100755 → 100644
File mode changed from 100755 to 100644
guanwang/css/swiper3.07.min.css 0 → 100644
/**
* Swiper 3.0.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2015, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: April 25, 2015
*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{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'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{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'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{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");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{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'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{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'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end)infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end)infinite;animation:swiper-preloader-spin 1s steps(12,end)infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
\ No newline at end of file
guanwang/img/btn get start@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/btn get start备份@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/favicon.ico 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/logo@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/位图@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/矩形@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 10@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 11@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 12@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 13@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 4@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 4备份 2@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 4备份@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 6@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 7@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 8@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组 9@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组备份 2@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组备份 3@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/img/编组备份@2x.png 100755 → 100644
File mode changed from 100755 to 100644
guanwang/js/jquery-1.7.2.min.js 100755 → 100644
File mode changed from 100755 to 100644
guanwang/js/swiper.min.js deleted 100755 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
guanwang/js/swiper.min.js.map deleted 100755 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
guanwang/js/vue.js 100755 → 100644
File mode changed from 100755 to 100644
index.html
<!DOCTYPE html>
<html lang="en">
<head >
<head>
<meta charset="UTF-8">
<!-- 使用UTF-8 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- 设置移动终端可视区域 -->
<meta content="telephone=no" name="format-detection">
<!-- 禁止iPhone等手机自动将数字变成可点击的拨号连接 -->
<!-- 网站Logo -->
<!-- <link rel="shortcut icon" type="image/x-ico" href="./guanwang/img/favicon.ico" /> -->
<!-- 收藏logo -->
<!-- <link rel="bookmark" type="image/x-icon" href="./guanwang/img/favicon.ico"/> -->
<!-- 网站Logo -->
<!-- <link rel="shortcut icon" type="image/x-ico" href="../img/favicon.ico" /> -->
<!-- 收藏logo -->
<!-- <link rel="bookmark" type="image/x-icon" href="../img/favicon.ico"/> -->
<title>趣秀直播</title>
<link href="./guanwang/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="./guanwang/css/style_hl.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
.img_cp { width: 286px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.img_cp img { width: 100%; }
.button { background: #C45EFF; margin: 0; padding: 0; border: 1px solid transparent; margin-top: 30px; border-radius: 5px; text-align: center; font-size: 16px; color: #fff; width: 160px; height: 45px; }
.img_cp {
width: 286px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.img_cp img {
width: 100%;
}
.common-header {
width: 70%;
margin: 0 auto;
color: #fff;
font-size: 14px;
height: 75px;
}
.common-header ul {
/*overflow: hidden;*/
display: flex;
}
.common-header ul li {
float: left;
flex: 1;
text-align: center;
background: url(./guanwang/img/white-border.png) 0 32px no-repeat;
padding: 0 30px;
height: 75px;
line-height: 75px;
}
.common-header a.logo-href {
float: left;
height: 75px;
margin: 0 40px;
/*display: flex;flex-direction: row;justify-content: center;align-items: start*/
}
.common-header a.logo-href img {
display: block;
margin-top: 30px;
}
.common-header a {
text-decoration: none;
color: #fff;
}
.wrapper .header_btn {
position: absolute;
bottom: 60px;
left: 100px
}
.common-header {
position: absolute;
left: 50%;
transform: translate(-40%, 0); /*50%为自身尺寸的一半*/
}
.common-header .service{
cursor: pointer;
position: relative;
/*background: yellow;*/
}
.common-header .down-list {
display: none;
position: absolute;
top: 30px;
background: rgba(0, 120, 255, 0.38);
left: -20px;
width: 100px;
}
.common-header .down-list .item{
display: block;
height: 50px;
line-height: 50px;
text-align: center;
}
.common-header .down-list .item:hover{
background: rgba(0, 120, 255, 0.69);
}
</style>
</head>
<body>
<div class="app" id="app">
<div class="header_box">
<img class="banner" src="./guanwang/img/bg@2x.jpg" >
<div class="logo_box">
<a href="#d1" style="margin-right: 10%;"><img class="load_img" src="./guanwang/img/btn%20get%20start@2x.png" /></a>
<a href="首页.html" ><img class="guanggao_img" src="./guanwang/img/btn%20get%20start备份@2x.png" /></a>
</div>
</div>
<div class="body_box">
<div class="body_part">
<!-- <div class="part_title">用视频认识我</div> -->
<div class="part_title">购买坐骑</div>
<div class="part_det">进入趣秀的世界，去认识那些陌生而又有趣的人</div>
<div class="part_content">
<!-- <img src="./guanwang/img/编组@2x.png" >
<img src="./guanwang/img/编组备份%203@2x.png" >
<img src="./guanwang/img/编组备份@2x.png" >
<img src="./guanwang/img/编组备份%202@2x.png" > -->
<div class="img_cp">
<img src="./guanwang/img/zuoqi_1.jpg" >
<button type="button" class="button">（￥9.98）购买</button>
</div>
<div class="img_cp">
<img src="./guanwang/img/zuoqi_2.jpg" >
<button type="button" class="button">（￥9.98）购买</button>
</div>
<div class="img_cp">
<img src="./guanwang/img/zuoqi_3.jpg" >
<button type="button" class="button">（￥9.98）购买</button>
</div>
<div class="img_cp">
<img src="./guanwang/img/zuoqi_4.jpg" >
<button type="button" class="button">（￥9.98）购买</button>
</div>
</div>
</div>
<div class="body_part">
<div class="part_title">年轻人的社交选择</div>
<div class="part_det">加入趣秀找到新朋友</div>
<div class="part_content">
<div class="part_box">
<img class="img_1" src="./guanwang/img/编组%2012@2x.png" >
</div>
<div class="part_box">
<img class="img_2" src="./guanwang/img/编组%2010@2x.png" >
<img class="img_2" src="./guanwang/img/编组%208@2x.png" >
</div>
<div class="part_box">
<img class="img_2" src="./guanwang/img/编组%2011@2x.png" >
<img class="img_2" src="./guanwang/img/编组%207@2x.png" >
</div>
<div class="part_box">
<img class="img_2" src="./guanwang/img/编组%209@2x.png" >
<img class="img_2" src="./guanwang/img/编组%206@2x.png" >
</div>
</div>
</div>
<div class="body_part">
<div class="part_title">关于我们趣秀</div>
<div class="part_det">为什么选择加入趣秀</div>
<div class="part_text">
<p>河南趣云网络科技有限公司，是一家集网络新媒体、直播运营、营销策划、文化交流于一体的网络科技公司。</p>
<p style="margin-top: 30px;">公司自成立以来，以与时俱进的理念，强大的网络平台、专业的制作团队、熟悉市场的营销队伍以及独具特色的传播渠道，竭力打造中国传统文化新形象，开拓中国网络科技市场，传播中国传统网络科技新理念，让世界感知、了解、热爱中国传统文化。</p>
<p style="margin-top: 30px;">作为一家刚成立的网络科技公司，我们始终坚持“诚信、务实、创新、超越”的核心价值观，全面贯彻“以零缺陷为最终目标，以高质量为起点要求”的服务宗旨，以“双赢才能合作，合作才能发展”得发展策略，以“人无我有，人有我精”的创新理念，成功打造，成为网视觉时代新的潮流！</p>
</div>
</div>
<div class="app" id="app">
<div class="body_part" id="d1">
<div class="part_title">根据你的手机，选择下载</div>
<div class="load_box">
<a href="https://fir.im/rtcu"><img class="load_logo" src="./guanwang/img/编组%204@2x.png" ></a>
<img class="load_logo" src="./guanwang/img/编组%204备份@2x.png" >
<!-- <img class="load_logo" src="./guanwang/img/编组%204备份%202@2x.png" > -->
<!-- <img class="load_logo" src="./guanwang/img/编组%2013@2x.png" > -->
<div class="load_logos">
<img class="ewm_img" src="./guanwang/img/编组%2013@2x.png" >
</div>
</div>
</div>
</div>
<div class="footer_box">
<div class="foot_one">
<span style="margin-right: 30px;opacity: .5;"><a href="http://www.beian.miit.gov.cn" target="_blank" style="color: #fff;">豫ICP备19025409号-2</a></span>
<!-- <img class="beian_logo" src="./guanwang/img/位图@2x.png" >
<a style="color:white;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002430"><span style="opacity: .5;">渝公网安备 50010302002430号</span></a> -->
</div>
<div class="foot_two">Copyright © 2019 河南趣云网络科技有限公司 All Rights Reserved</div>
</div>
</div>
<script src="./guanwang/js/jquery-1.7.2.min.js"></script>
<script src="./guanwang/js/vue.js"></script>
<script>
var vm = new Vue({
el: '#app',
data: {
//数据集
group: [{
<div class="header_box">
<div class="common-header">
<ul class="clearfix">
<li class="no-border">
<a class="home" href="/index.html">首页</a>
</li>
<li>
<a class="news " href="/news.html">趣秀动态</a>
</li>
<li>
<a class="join " href="/join.html">加入我们</a>
</li>
<li class="white-bg-service">
<span class="service business">关于我们
<span class="down-list">
<span class="item">
<a href="/aboutus/us.html">关于趣秀</a>
</span>
<span class="item">
<a href="/contact.html">联系我们</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service">服务与帮助
<span class="down-list">
<span class="item">
<a href="/servicehelp/help.html">帮助中心</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service business">工会入口
<span class="down-list">
<span class="item">
<a href="http://agents.3yakj.com" target="_blank">mcn机构入口</a>
</span>
<span class="item">
<a href="http://guilds.3yakj.com" target="_blank">公会入口</a>
</span>
</span>
</span>
</li>
</ul>
</div>
<img class="banner" src="./guanwang/img/bg@2x.jpg">
<div class="logo_box">
<a href="#d1" style="margin-right: 10%;"><img class="load_img" src="./guanwang/img/btn%20get%20start@2x.png"/></a>
<a href="index.html"><img class="guanggao_img" src="./guanwang/img/btn%20get%20start备份@2x.png"/></a>
</div>
</div>
<div class="body_box">
<div class="body_part">
<div class="part_title">年轻人的社交选择</div>
<div class="part_det">加入趣秀找到新朋友</div>
<div class="part_content">
<div class="part_box">
<img class="img_1" src="./guanwang/img/编组%2012@2x.png">
</div>
<div class="part_box">
<img class="img_2" src="./guanwang/img/编组%2010@2x.png">
<img class="img_2" src="./guanwang/img/编组%208@2x.png">
</div>
<div class="part_box">
<img class="img_2" src="./guanwang/img/编组%2011@2x.png">
<img class="img_2" src="./guanwang/img/编组%207@2x.png">
</div>
<div class="part_box">
<img class="img_2" src="./guanwang/img/编组%209@2x.png">
<img class="img_2" src="./guanwang/img/编组%206@2x.png">
</div>
</div>
</div>
<div class="body_part">
<div class="part_title">关于我们趣秀</div>
<div class="part_det">为什么选择加入趣秀</div>
<div class="part_text">
<p>河南趣云网络科技有限公司，是一家集网络新媒体、直播运营、营销策划、文化交流于一体的网络科技公司。</p>
<p style="margin-top: 30px;">
公司自成立以来，以与时俱进的理念，强大的网络平台、专业的制作团队、熟悉市场的营销队伍以及独具特色的传播渠道，竭力打造中国传统文化新形象，开拓中国网络科技市场，传播中国传统网络科技新理念，让世界感知、了解、热爱中国传统文化。</p>
<p style="margin-top: 30px;">
作为一家刚成立的网络科技公司，我们始终坚持“诚信、务实、创新、超越”的核心价值观，全面贯彻“以零缺陷为最终目标，以高质量为起点要求”的服务宗旨，以“双赢才能合作，合作才能发展”得发展策略，以“人无我有，人有我精”的创新理念，成功打造，成为网视觉时代新的潮流！</p>
</div>
</div>
}]
},
methods: {
//事件
},
watch: {
//数据监测函数
},
created: function () {
//加载触发函数
}
});
</script>
<div class="body_part" id="d1">
<div class="part_title">根据你的手机，选择下载</div>
<div class="load_box">
<a href="https://fir.im/rtcu"><img class="load_logo" src="./guanwang/img/编组%204@2x.png"></a>
<img class="load_logo" src="./guanwang/img/编组%204备份@2x.png">
<!-- <img class="load_logo" src="../img/编组%204备份%202@2x.png" > -->
<!-- <img class="load_logo" src="../img/编组%2013@2x.png" > -->
<div class="load_logos">
<img class="ewm_img" src="./guanwang/img/编组%2013@2x.png">
</div>
</div>
</div>
<div class="body_part" id="d2">
<ul>
<li>
<p class="tit">
<a target="blank" href="xxxx">用户帮助<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/servicehelp/question/id/22.html">支付宝充值疑难<span
class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/servicehelp/question/id/21.html">微信支付提示网络环境未通过安全验证<span
class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/servicehelp/question/id/19.html">功能介绍<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/servicehelp/question/id/14.html">公会长无法开播的说明<span class="arrows"></span></a>
</p>
</li>
<li>
<p class="tit"><a href="/join.html">趣秀招聘<span class="arrows"></span></a></p>
<p class="con">无论你是产品、技术还是设计大师，</p>
<p class="con">又或者在其他方面有所建树，</p>
<p class="con">随时欢迎热爱互联网的你，</p>
<p class="con">与凡骄一起创造更好的社交体验</p>
</li>
<li>
<p class="tit"><a target="blank" href="/news.html">趣秀动态<span class="arrows"></span></a></p>
<p class="con">
<a target="blank" href="/news/50.html">趣秀-在线直播交友<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/news/49.html">直播为什么能这么火，潜在机会有多少？<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/news/46.html">这个年会有点怪！！<span class="arrows"></span></a>
</p>
<p class="con">
<a target="blank" href="/news/44.html">趣秀娱乐直播谱写“多元化直播+”新方向<span class="arrows"></span></a>
</p>
</li>
</ul>
</div>
</div>
<div class="footer_box">
<div class="body_part" id="d3">
<ul class="clearfix" style="width: 510px;">
<li><a href="/aboutus/us.html">关于趣秀</a></li>
<li><a href="/aboutus/agreement.html">用户协议</a></li>
<li><a href="/join.html">招聘信息</a></li>
<li><a href="/contact.html">联系我们</a></li>
</ul>
</div>
<div class="foot_one" >
<a href="http://www.beian.miit.gov.cn" style="opacity: .5;color: white">豫ICP备19025409号-1</a>
</div>
<div class="foot_one">
<!-- <img class="beian_logo" src="../img/位图@2x.png" >
<a style="color:white;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002430"><span style="opacity: .5;">渝公网安备 50010302002430号</span></a> -->
</div>
<div class="foot_two">Copyright © 2019 河南趣云网络科技有限公司 All Rights Reserved</div>
<div class="foot_three">
<img src="./guanwang/img/wen.png" style="width: 20px">
<a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/c5508b6a95d74a7694ff8b64bef9d3b9">互联网文化经营单位</a>
</div>
</div>
</div>
<script src="./guanwang/js/jquery-1.7.2.min.js"></script>
<script>
$('.white-bg-service').mouseenter(function() {
$(this).find(".down-list").css("display","block")
});
$('.white-bg-service').mouseleave(function() {
$(this).find(".down-list").css("display","none")
});
</script>
</body>
</html>
join.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>趣秀-全民娱乐直播平台</title>
<link href="./guanwang/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="./guanwang/css/style_hl.css" type="text/css" rel="stylesheet"/>
<link type="text/css" rel="stylesheet" href="./guanwang/css/common.css">
<link type="text/css" rel="stylesheet" href="./guanwang/css/swiper3.07.min.css">
<title>动态</title>
<style>
header > ul {
width: 960px;
}
.wrapper{padding-top: 120px;}
.line{border: 0;height: 1px;background-color: #e4e4e4;}
section{width:940px;margin:0 auto;}
.section1{width:1020px;margin-top:70px;}
.section1 .swiper-container{width: 100%;height: 412px;}
.section1 .swiper-container .swiper-wrapper{}
.section1 .swiper-container .swiper-wrapper .swiper-slide{width: 100%;height: 412px;overflow: hidden;}
.section1 .swiper-container .swiper-wrapper .swiper-slide .link{display: block;width: 100%;height: 100%;text-decoration: none;}
.section1 .swiper-container .swiper-wrapper .swiper-slide img{width: 100%;}
.section1 .swiper-pagination{width: 1020px;margin: 0 auto;margin-top: 5px;}
.section1 .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 3px;margin-left: 4px;margin-right: 4px;border-radius: 0;}
.section2 {padding: 100px 0 100px;}
.section2 p{text-align: center;color:#6f6f6f;font-size:14px;}
.section2 h1{font-size:22px;color:#6f6f6f;line-height:22px;text-align: center;margin-top:30px;font-weight: 100;}
.section2 h1.mail{color: #1e78e7;margin-top:15px;}
.section2 p.email{color:#1e78e7;font-size:24px;}
.section3 ul{width: 940px;border-left:1px solid #e0e0e0;}
.section3 .fixed{position:fixed;top:0;z-index:1000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
.section3 li{cursor:pointer;float: left;width: 9.89%;text-align:center;padding:18px 0;color:#727272;font-size:16px;border:1px solid #e0e0e0;border-left:none;position: relative;background-color:#fff;-webkit-transition: all 0.6s;-transition: all 0.6s;-ms-transition: all 0.6s;-moz-transition: all 0.6s;}
.section3 li#selected{background-color:#1e78e7;}
.section3 li#selected a{color:#fff;}
.section3 li.selected a{color:red;}
.section3 li .tall{display: none;opacity: 0;width: 16px;height: 8px;display: block; background: url('/static/common/img/icon.png') -269px 1px no-repeat;position: absolute;top: 53px;left: 50%;margin-left: -8px;-webkit-transition: all 0.6s;-transition: all 0.6s;-ms-transition: all 0.6s;-moz-transition: all 0.6s;}
.section3 li.on .tall{display: block;opacity: 1;}
.section3 a{text-decoration: none;color:#727272;}
.section3 li.on a{color:#fff;}
.section4{border: 1px solid #e0e0e0;margin-top: 30px;}
.section4 .cate-title{height: 60px;width: 100%;line-height: 60px;}
.section4 .cate-title span{font-size: 18px;color: #2e2e2e;}
.section4 .cate-title .title1{margin-left: 32px;}
.section4 .cate-title .title2{margin-left: 440px;}
.section4 .cate-title .title3{margin-left: 128px;}
.section4 .cate-title .title4{margin-left: 59px;}
.section4 .jobs-item-big{width:900px;margin: 0 auto;border-top: 1px solid #e0e0e0;}
.section4 .job-item{height: 70px;width: 100%;position: relative;cursor: pointer;}
.section4 .job-item span{font-size:16px;color:#727272;}
.section4 .job-item .carrier{position: absolute;left: 10px;line-height: 70px;}
.section4 .job-item .carrier span{color: #2e2e2e;float: left;}
.jobs-icon{display: inline-block; background: url('/static/common/img/icon.png') no-repeat 0 0;}
.jobs-icon.ji{width:22px;height:22px;background-position: 0 0;margin-left: 6px;float: left;margin-top: 24px;}
.jobs-icon.xin{width:22px;height:22px;background-position: -30px 0;margin-left: 6px;float: left;margin-top: 24px;}
.section4 .job-item .cate-name{position: absolute;left: 490px;line-height: 70px;}
.section4 .job-item .addr{position: absolute;left: 660px;line-height: 70px;}
.section4 .job-item .publish{position: absolute;left: 775px;line-height: 70px;}
.section4 .job-item .arrow{position: absolute;left: 880px;top: 30px;width: 9px;height: 6px;}
.jobs-icon.down{background-position: 0 -29px;}
.jobs-icon.up{background-position: 0 -41px;}
.section4 .job-article{display: none;background-color: #f6f6f6;width: 890px;margin-bottom: 35px;font-size: 16px;color: #2e2e2e;padding-top: 15px;padding-left: 15px;
transition: display 1s;
-moz-transition: display 1s;
-webkit-transition: display 1s;
-o-transition: display 1s;
}
.section4 .job-article.show{}
.section4 .type_area{display: none}
.section4 .type_area.on{display: block;}
.section4 .type_area .type_area_page{height: 25px;width: 100%;text-align: center;margin-top: 15px;margin-bottom: 35px;}
.section4 .type_area .type_area_page .page-item{display: inline-block;width: 25px;height: 25px;background-color: #f6f6f6;color: #727272;font-size: 16px;text-align: center;line-height: 25px;text-decoration: none;margin-left: 4px;margin-right: 4px;}
.section4 .type_area .type_area_page .page-item.on{background-color: #6aacff;color: white;}
h2{color:#2e2e2e;font-size:20px;font-weight:100;}
.common-footer{margin-top:120px;}
</style>
</head>
<body class="white-bg">
<header class="common-header">
<a class="logo-href" href="/">
<img src="./guanwang/img/logo.jpg">
</a>
<ul class="clearfix">
<li class="no-border">
<a class="home" href="/index.html">首页</a>
</li>
<li>
<a class="news active" href="/news.html">趣秀动态</a>
</li>
<li>
<a class="join " href="/join.html">加入我们</a>
</li>
<li class="white-bg-service">
<span class="service business">关于我们
<span class="down-list">
<span class="item colortext">
<a href="javascript:">关于我们&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="/aboutus/us.html">关于趣秀</a>
</span>
<span class="item">
<a href="/contact.html">联系我们</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service">服务与帮助
<span class="down-list">
<span class="item colortext">
<a href="/servicehelp/help.html">服务与帮助</a>
</span>
<span class="item">
<a href="/servicehelp/help.html">帮助中心</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service business">工会入口
<span class="down-list">
<span class="item colortext">
<a href="javascript:">工会入口&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="http://agents.3yakj.com" target="_blank">mcn机构入口</a>
</span>
<span class="item">
<a href="http://guilds.3yakj.com" target="_blank">公会入口</a>
</span>
</span>
</span>
</li>
</ul>
</header>
<div class="wrapper">
<p class="line"></p>
<section class="section1">
<div class="swiper-container swiper-container-horizontal">
<div class="swiper-wrapper">
<div class="swiper-slide btn swiper-slide-active" banner_id="ba55e41fa01ad59" banner_link="" is_video="0" style="width: 1020px; margin-right: 30px;">
<img src="./guanwang/img/preview.jpg">
</div>
</div>
</div>
<div class="swiper-pagination swiper-pagination-clickable"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
</section>
<section class="section2">
<p>在这里，你将拥有宽松、愉悦、平等的工作环境，你将收获友爱、尊重、温暖的创业伙伴，更重要的是， </p>
<p>你有可能实现自己最大的价值。</p>
</section>
<section class="section3" id="job">
<ul id="job-nav" class="clearfix">
<li id="selected" type_id="18">
<a href="javascript:;">技术</a><span class="tall"></span>
</li>
<li id="" type_id="19">
<a href="javascript:;">设计</a><span class="tall"></span>
</li>
<li id="" type_id="21">
<a href="javascript:;">运营</a><span class="tall"></span>
</li>
</ul>
</section>
<section class="section4">
<p class="cate-title">
<span class="title1">职位</span>
<span class="title2">类别</span>
<span class="title3">工作地</span>
<span class="title4">发布时间</span>
</p>
<div class="type_area " type_id="17">
<div class="type_area_content">
<div class="jobs-item-big">
<div class="job-item">
<p class="carrier">
<span class="carrier-word">网红主播</span>
</p>
<p class="cate-name">
<span>主播</span>
</p>
<p class="addr">
<span>不限</span>
</p>
<p class="publish">
<span>2019-04-08</span>
</p>
<i class="arrow jobs-icon down"></i>
</div>
<article class="job-article">
<p><strong>1.任职资格：</strong><br>（1）形象气质佳，有才艺，主播或主持经历者优先录用；<br>（2）热情活泼、镜头造型感强、沟通互动能力强，善于交流、调动气氛。<br>（3）大方有激情，有表现欲，爱生活爱音乐，能够在镜头前展示才艺（演唱、舞蹈、表演均可）。<br><strong>2．岗位职责：</strong><br>（1）在直播间通过电脑、声卡、摄像头进行才艺表演，吸引粉丝进行互动；<br>（2）沟通能力强，主动与在线粉丝交流；<br>（3）有表现欲，有及其强烈的不安于平凡的心；<br><strong>3.福利待遇：</strong><br>（1）综合薪资：5000--10000元+奖金；<br>（2）节日福利、生日福利、社保、员工旅游、聚餐，法定节假日按照国家规定休假。&nbsp;&nbsp;<br></p> </article>
</div>
</div>
</div>
<div class="type_area" type_id="ty55e51754040cb">
<div class="type_area_content"></div>
</div>
<div class="type_area on" type_id="18">
<div class="type_area_content">
<div class="jobs-item-big">
<div class="job-item">
<p class="carrier">
<span class="carrier-word">安全工程师</span>
</p>
<p class="cate-name">
<span>技术</span>
</p>
<p class="addr">
<span>重庆</span>
</p>
<p class="publish">
<span>2019-04-10</span>
</p>
<i class="arrow jobs-icon down"></i>
</div>
<article class="job-article">
</article>
</div>
</div>
</div>
</section>
</div>
<div class="footer_box">
<div class="body_part" id="d3">
<ul class="clearfix" style="width: 510px;">
<li><a href="/aboutus/us.html">关于趣秀</a></li>
<li><a href="/aboutus/agreement.html">用户协议</a></li>
<li><a href="/join.html">招聘信息</a></li>
<li><a href="/contact.html">联系我们</a></li>
</ul>
</div>
<div class="foot_one" >
<a href="http://www.beian.miit.gov.cn" style="opacity: .5;color: white">豫ICP备19025409号-1</a>
</div>
<div class="foot_one">
<!-- <img class="beian_logo" src="./guanwang/img/位图@2x.png" >
<a style="color:white;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002430"><span style="opacity: .5;">渝公网安备 50010302002430号</span></a> -->
</div>
<div class="foot_two">Copyright © 2019 河南趣云网络科技有限公司 All Rights Reserved</div>
<div class="foot_three">
<img src="./guanwang/img/wen.png" style="width: 20px">
<a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/c5508b6a95d74a7694ff8b64bef9d3b9">互联网文化经营单位</a>
</div>
</div>
</body>
</html>
news.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>趣秀-全民娱乐直播平台</title>
<link href="./guanwang/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="./guanwang/css/style_hl.css" type="text/css" rel="stylesheet"/>
<link type="text/css" rel="stylesheet" href="./guanwang/css/common.css">
<link type="text/css" rel="stylesheet" href="./guanwang/css/swiper3.07.min.css">
<title>动态</title>
<style>
.wrapper {
padding-top: 120px;
}
article {
width: 960px;
margin: 0 auto;
}
.line {
border: 0;
height: 1px;
background-color: #e4e4e4;
margin-bottom: 60px;
}
.line2 {
border: 0;
border-bottom: 1px dashed #7994b6;
margin: 40px 0 24px 0;
width: 590px;
}
aside {
color: #737373;
border-top: 3px solid #067efc;
float: left;
width: 76px;
text-align: center;
padding-top: 13px;
}
aside .day {
font-size: 48px;
line-height: 42px;
}
aside .month {
font-size: 16px;
}
.dynamic-list {
padding: 0 25px 0 188px;
}
section a {
color: #2e2e2e;
font-size: 24px;
text-decoration: none;
font-weight: 100;
}
section img {
max-width: 100%;
height: auto;
}
section .date {
color: #b3b3b3;
font-size: 12px;
margin-bottom: 30px;
}
section .note {
color: #737373;
font-size: 14px;
line-height: 24px;
}
.more-link {
font-size: 14px;
}
section .note p {
line-height: 22px;
padding-bottom: 40px;
}
section .pic {
margin-top: 35px;
}
.page {
color: #5B5B5B;
text-decoration: none;
cursor: pointer;
}
.page:hover {
color: #00A2FF;
text-decoration: none;
}
.page.page-left {
float: left;
}
.page.page-right {
float: right;
}
</style>
</head>
<body class="white-bg">
<header class="common-header">
<a class="logo-href" href="/">
<img src="./guanwang/img/logo.jpg">
</a>
<ul class="clearfix">
<li class="no-border">
<a class="home" href="/index.html">首页</a>
</li>
<li>
<a class="news active" href="/news.html">趣秀动态</a>
</li>
<li>
<a class="join " href="/join.html">加入我们</a>
</li>
<li class="white-bg-service">
<span class="service business">关于我们
<span class="down-list">
<span class="item colortext">
<a href="javascript:">关于我们&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="/aboutus/us.html">关于趣秀</a>
</span>
<span class="item">
<a href="/contact.html">联系我们</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service">服务与帮助
<span class="down-list">
<span class="item colortext">
<a href="/servicehelp/help.html">服务与帮助</a>
</span>
<span class="item">
<a href="/servicehelp/help.html">帮助中心</a>
</span>
</span>
</span>
</li>
<li class="white-bg-service">
<span class="service business">工会入口
<span class="down-list">
<span class="item colortext">
<a href="javascript:">工会入口&nbsp;&nbsp;</a>
</span>
<span class="item">
<a href="http://agents.3yakj.com" target="_blank">mcn机构入口</a>
</span>
<span class="item">
<a href="http://guilds.3yakj.com" target="_blank">公会入口</a>
</span>
</span>
</span>
</li>
</ul>
</header>
<div class="wrapper">
<p class="line"></p>
<article class="clearfix">
<aside>
<p class="day">07</p>
<p class="month">04</p>
</aside>
<div class="dynamic-list">
<section>
<h2><a href="/news/50.html">趣秀-在线直播交友</a></h2>
<p class="date">2020-04-07</p>
<div class="note clearfix">
<p>
<p></p> </p>
<p><a href="/news/50.html" class="more-link">阅读全文</a></p>
</div>
<p class="line2"></p>
</section>
</div>
</article>
<article class="clearfix">
<aside>
<p class="day">07</p>
<p class="month">04</p>
</aside>
<div class="dynamic-list">
<section>
<h2><a href="/news/49.html">直播为什么能这么火，潜在机会有多少？</a></h2>
<p class="date">2020-04-07</p>
<div class="note clearfix">
<p>
以视频为载体的内容产品形态，正在经历一波剧烈的上升和爆发期。 </p>
<p><a href="/news/49.html" class="more-link">阅读全文</a></p>
</div>
<p class="line2"></p>
</section>
</div>
</article>
<article class="clearfix">
<aside>
<p class="day">04</p>
<p class="month">01</p>
</aside>
<div class="dynamic-list">
<section>
<h2><a href="/news/46.html">这个年会有点怪！！</a></h2>
<p class="date">2020-01-04</p>
<div class="note clearfix">
<p>
<p></p> </p>
<p><a href="/news/46.html" class="more-link">阅读全文</a></p>
</div>
<p class="line2"></p>
</section>
</div>
</article>
<article class="clearfix">
<aside>
<p class="day">27</p>
<p class="month">12</p>
</aside>
<div class="dynamic-list">
<section>
<h2><a href="/news/44.html">趣秀娱乐直播谱写&ldquo;多元化直播+&rdquo;新方向</a></h2>
<p class="date">2019-12-27</p>
<div class="note clearfix">
<p>
21世纪,是被互联网改变社会的一个时代,互联网的深层次融入,引领着社会步入了新的轨迹,真正让社会实现了从最开始的“读万卷书,不如行万里路”到“秀才不出门,便知天下事”的惊人壮举。 </p>
<p><a href="/news/44.html" class="more-link">阅读全文</a></p>
</div>
<p class="line2"></p>
</section>
</div>
</article>
<article class="clearfix">
<aside>
<p class="day">27</p>
<p class="month">12</p>
</aside>
<div class="dynamic-list">
<section>
<h2><a href="/news/43.html">趣秀2019&ldquo;双蛋&rdquo;跨年夜，圣诞元旦狂欢不散场</a></h2>
<p class="date">2019-12-27</p>
<div class="note clearfix">
<p>
<p></p> </p>
<p><a href="/news/43.html" class="more-link">阅读全文</a></p>
</div>
<p class="line2"></p>
</section>
</div>
</article>
<div>
<ul class="pagination">
<li class="disabled"><span>&laquo;</span></li>
<li class="active"><span>1</span></li>
<li><a href="/news.html?page=2">2</a></li>
<li><a href="/news.html?page=2">&raquo;</a></li>
</ul>
</div>
<article class="clearfix">
<article class="clearfix">
<div class="dynamic-list clearfix">
<a class="page page-right" href="/news.html?page=2"><span>→</span>早期动态</a>
</div>
</article>
</article>
</div>
<div class="footer_box">
<div class="body_part" id="d3">
<ul class="clearfix" style="width: 510px;">
<li><a href="/aboutus/us.html">关于趣秀</a></li>
<li><a href="/aboutus/agreement.html">用户协议</a></li>
<li><a href="/join.html">招聘信息</a></li>
<li><a href="/contact.html">联系我们</a></li>
</ul>
</div>
<div class="foot_one" >
<a href="http://www.beian.miit.gov.cn" style="opacity: .5;color: white">豫ICP备19025409号-1</a>
</div>
<div class="foot_one">
<!-- <img class="beian_logo" src="../img/位图@2x.png" >
<a style="color:white;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302002430"><span style="opacity: .5;">渝公网安备 50010302002430号</span></a> -->
</div>
<div class="foot_two">Copyright © 2019 河南趣云网络科技有限公司 All Rights Reserved</div>
<div class="foot_three">
<img src="./guanwang/img/wen.png" style="width: 20px">
<a href="http://sq.ccm.gov.cn:80/ccnt/sczr/service/business/emark/toDetail/c5508b6a95d74a7694ff8b64bef9d3b9">互联网文化经营单位</a>
</div>
</div>
</body>
</html>
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