html {
	color: #333;
	background: #fff;
	font-family: Helvetica, Arial, PingFang SC, Noto Sans, Roboto, Microsoft Yahei, sans-serif
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
strong,
td,
textarea,
th,
ul {
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, PingFang SC, Noto Sans, Roboto, Microsoft Yahei, sans-serif
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

a {
	text-decoration: none;
	color: #2a2a2a;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

strong {
	font-style: normal
}

caption,
strong,
th {
	font-style: inherit;
	font-weight: inherit
}

li {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4 {
	font-weight: 400;
	line-height: 1
}

legend {
	color: #333
}

button,
input,
option,
select {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

button,
input,
select {
	*font-size: 100%
}

.clearfix:after {
	display: block;
	content: "\200B";
	height: 0;
	overflow: hidden;
	clear: both
}

.clearfix {
	*zoom: 1
}

.flex,
.flex-center {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex
}

.flex-center {
	align-items: center;
	justify-content: center
}

.flex-between {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between
}

.dl {
	position: relative;
	padding: 0 0 0 1.7rem
}

.dl dt {
	position: absolute;
	top: 50%;
	left: 0
}

.dl dt img {
	height: 100%;
	width: 100%
}

img {
	display: block
}

input {
	border: none;
	outline: none;
	-webkit-appearance: none
}

.icon {
	display: inline-block;
	vertical-align: middle
}

.icon.icon-android {
	margin-right: 19px;
	height: 26px;
	width: 22px;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/icon-android.b514f93.png) 50% no-repeat;
	background-size: 22px 26px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://resource.cczsapp.cn/media/images/20191114/static/images/icon-android.b514f93.png', sizingMethod='scale');
}

.icon.icon_sina_f {
	margin-right: 6px;
	width: 22px;
	height: 17px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmNjdjMWJlOC03ODc2LWNlNGYtYjUzNS1iNDU3MzVkMmFiODgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTE4NTkwQTdDNDNBMTFFNkFDRDNGRDNDQUFBRDU0M0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTE4NTkwQTZDNDNBMTFFNkFDRDNGRDNDQUFBRDU0M0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzY2ZjkxZWUtMjM3ZS0wNzRkLTk3MzUtMmQyODU0ZGFhNGY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmY2N2MxYmU4LTc4NzYtY2U0Zi1iNTM1LWI0NTczNWQyYWI4OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm1DGUgAAAOoSURBVHjalJRtbFNVGMf/5952fbva3Q6XuZWiMW7UbCy4GZwGosElxCjRxOhIUDIVxMxp1A8aJVExfhBfCMoHiKIfNAsINfMNMVGBkUnQQNBs0kg28KXbGAi0o71t78vjc27bpTHT6El+6T1v//Oc5/+cilNXxfF/2rxnT1Q+32N6GWIKzF5mI/OjnPT8Rz1RFqhue5iTzDnmVmYV083cy+wT/xJxLdPD3MFozLvMh+6MI6A/chpqXW4J9+qYYeYa5stysB3/FPFq5sXy4kpbWL7u+XLfq2jYSkV0UgETfKfbeOwBGS3T//eIvcxWZt0chyWZG5h6jnixk1M1X/zSL9qKqaxabwzAxiWeW1peN1MdsZ/5gLmnlFVRGiUqIUSQ2cUjy6CQpmgWjKPh80rAuSnS9+sXZgp9UODj+RQT9VSZs8MVZUEyTVA2C7JsCEUBJI4dI4dioqYGymWae7AaNiN8Zgc5GBJ+THNa5I27mO8rqXic2eL6cuECFF1H4JZlCC3tQqClBQgGUDj3J4qjP5OxfwjG8GEhvF6IYMCChW4yxQFpaP0rIz6y8RzXz2EpHOXTfyLb1p10BuHe+6E/1Q91fhR5ea/UHwgFg2jQI7M5M77ej7NPPgNr+iyUUHCK8mIPC2/ge6eveGmkVJgsvImhMb2RLm7fQZX2zvZtdGN7GzXVRWhBYwP1r19HmXR6dr4wMkpy33i02f09tSCeGG9o9TCY2SaFr77u+JjeRFNr1s5uenvzZnkmsRPUHG2krkWtpPL300/0U3U7s/YxGgtfSawhxW3mWplaiYcd91OxgNDtK9xrzmQyeOvNN7Cyeznuuq8HJ5NJnJmcRPJEEkcOHYJZZIfYQNdxj1L9IGeYXKWjcH6Hpevmb7+7A5Ztgbi/YePL6H3oYVdk18AAHHYl3rYIHq+3tG5iErlvDkJoWqkcgZ3lUisdKs2jojksQsFY06e74V3YjNc2vYrE7o8Qmx/Dt3s/h2FaaL++AzsHBxFrisKanML0g+uRP/IDlNpaKfwda91Z9SpRKjfBLymbfV+N6O11LzwP7e6VSHy1D4nPPoGPI+zs6MTqnlUIc2CZxCAuvr4FVirlliUcR0baVy1aLSy/L6d8/lEnZ6zxx1vi+s1dqGlrhePjB8E1nD56DNljx2GOn4aiaUUR8B/kSKX/H8/5d1glDBaG8PuDZBhLHMNYLmxnMdfmPIJQhUc1RCAwIXw1Q+zXAd4zWs7tnO0vAQYAtXeYdszyu5kAAAAASUVORK5CYII=") 50% no-repeat
}

.icon.icon_wb_f {
	margin-right: 6px;
	width: 22px;
	height: 22px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAEMklEQVQ4jX2UQWhUVxSGv/veffNm3puZpDFGkjjaBhSCphuRSihVwYUo4saNgnaRhSDuUm2hLkpAu3LhShDdRnGhKNgggrUoStNFdjZRXMTEOiaZNJl5M/Nm3nv3dPGi0hY8m8v5ufeen3P+86uXExPUurv35DuKPxaLxS+VsjT/CaUAARSI/BsTERMEwZ/lcvnnVqs1we+Pfv2muroayiciSRIxxohJzP8xk2K1Wi158uTxQfXq1avHAwMDX0dxzHKlgnYcAIwIOc+jFUWsrK5g2RoRwS/kyeY8lipLWLYNKPrXrycDvF5Y+EPnN2zYDhBrTRBHhMsVmtUqBdfFimIKboaoXEa1I0yzia1tLBGS2VmsMMSq12koizAIyK2sfKHKp09XsiJdUbVKtLpKXK1igoBMHCP1OloEiWNYyyUMUZYFxoAxqCTBACqXA62XVblQqAh0AagoAsdBuS7SaqUT8DxQCglDnKEhrL4+4ulplO+jMhlwHGi3iWdmEMepaPJ5lAgql0Nv2UIyN0c8O4s/MoI9OEgwNpYy8TyKly5hDwxg5uc/FNHbthFPT1PZuxe0xgJABGk28U6e5LO7d9EDAzi7dpE9fBiMQZpNsgcPordupXX/PsGFC6yOjhLPzGAWFwlv3Up1pBQfNec4RFNTJO/eIfU6RBHSaKSa8zzCiQnaT5/ScfUqnePj0GohxrBy4gStBw9QnofAGkOlkGoVu7cXd98+cF2k2UzZrQ1JDw7inzkDQG1sjJWREZrXrpE/e5aOK1dShsZgf1cofA/kMjt2YOp1MAZnaAh3926sUgm7rw+VzWL395Pdv5/w+nV0qYR76BDJ3Bw4DlY2S3jvHhjT1IiAMeSOHcPq74d2G3dkhGRhgejZM/T27TTHx1EiSKNB7uhRrHXrsHp6iJ8/xy6VaK61gEwGC6XAtlk9dYrlAwdIFhfBGFaOHyeanMTZuRPTaKR9KhQIb9+mefMmJgionTuH1dNDZng41SpgIQJJQuH8ebonJ/G+/Zbg4kXaDx+mD9++JXfkCHpoCKKI8M4d4hcvCG/cQMKQ6ugo8cuXWB0dIIIq9/ZWEOnK7NmDcl3M0hLR1BQkSXrB88BxkCBIt8S2UzbtNsrz0r63WijfB60rqtzZWRGRLmk0UMaglEK5Ltg2otb8Sut0K7RGOc6HXPk+Kp8Hz0Pl80SuW9EMD1uu50GhQMO2SXyPxPMxvo/J51HFIvg+KusimQx+VxfZjk7+btSxszlwM/Ru/pyMbbPaaoluXL48s2HTpq9iYOVdGSOAlTKzRdIten8mCeL5kM2SLLxDlELMmnnYNrXFxb90+c2bn3q61/3ie74qdXenzvyJsCwLy7IoZN3UwgGtNc2wydvXsxfUb48e4Tj68MaNpR8KxeJmBfanPnxfT32ETK1Wm5+bn7+oguDGP4ZLRUlUh/2kAAAAAElFTkSuQmCC") 0 0 no-repeat
}

.icon.icon_wx_f {
	float: left;
	margin: 28px 8px 0 0;
	width: 20px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmNjdjMWJlOC03ODc2LWNlNGYtYjUzNS1iNDU3MzVkMmFiODgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUYyNjk0MjhDNDNBMTFFNjg1Q0ZDNjA5ODNDMzJGNzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUYyNjk0MjdDNDNBMTFFNjg1Q0ZDNjA5ODNDMzJGNzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N2FjOWYwMzUtNjFkNS00MTQyLWJjNjctMWU3YmM5Zjg1NDZiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmY2N2MxYmU4LTc4NzYtY2U0Zi1iNTM1LWI0NTczNWQyYWI4OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpNDBKgAAAPUSURBVHjajFNtaFtlFH7uTW6+0+QmtmmSdTMrZm2zj3Yf7VLd3LrgirZKLVO0HbjhF+oEW384EfzYD0FFKe6Hv3RMGMigf7o6NzJqXcUh8wMqjTCta2g7NcnaJGuS++25dxZaqbADD+/hPec+7znPOZfhbCaEGn2QKyr637sPI+//1LF5//pEaBMfs9hN7nJRujkzmflxMpm+2Hls69Uzx78Fa2Kw0jaGGlATCCA1NQXzivuthI9eO9/VwdlYKIoKaBoYhkF7X6S3p7j9xPfD02cpZ4Awj/+xZcK2wZHOUf86u18slyAIgCyptyNUDMex+snG+zc8Hmh0bRvqvXiQIum1CCkT9ic+2PmpKwB/4WaRyr6B3679BUUVICkVSLKAXybnMf17BvlcAXXNzoZH32n5mHXJcLBefPbJmdWETYlgT7jZ3lRYKECQypi4cA1XxqZvkxHKVPHX537FDxPXoWgV5LJZRA86u+nbbWu2fPduT0KQS6iIMljSK9G1AQyJXhaWdAmpVQYP9tZD5QTklxZRxdTC565huh4zH06e+jnzXz3NJpviEakySVaMCyvPQOcRJBoIdF8F463gHu5etHufRNjeCJvJib63mcH8QP7o5YmJy5R+gnDVaHlhvpRWNAmyIhoQRAEiQfclRUBJLKLV2o/D4Q/RwLfBZa0yHlZVDT6e5x/p7n44mUxeoqsuY4a1W5x7nvoi+g0oQVVW6yGqJcTsnTgaGYLKqpidn4XT4YDH4zXimWzGOMPBIPnZfGtr6w6TK2BJi4ISqWuzNosVmV5WiFuBXrVGm9MTeBPVjjAEmvbQyZOolCvYsjlm7Oepz09jKpXCrp274HI6bflCoWyqFBTMfHdrzBXmtvs2shFVVRkNCmRNhEPjcaDmBZhZG2mpYX1dHerr62GxWGmtVARrg4hGo3A4nODMJuQWFsrsv93lzx+fP1TMCAXNJNOAZDBWhSBDo1bpEfpzFEQiEfh8PiOuIxQKIRQMkS8ZJJIoymb/JsuyZC25Gen6V29k3qosqn97I+YYZ1l0dbw6+cy+9geahJIARVBXaSyIonFqxl4A4+PjY4yNNy3Hg+KSeivYYisSIYgQnIXFunL8oZEvR8+JoqRXYPyKq4y47DSoVCqVPnD/3h3sitANQnGN5R8dfGXgdapGcrndMJs5GghrgCMtnS63Pu3i00eO9FFu1ow7s3cT+/eNPfvc88d2x+N7vDx/l0qipsny+cVcY1OsZW5u9g+L1Yo7JdTtio697fEqj9dbTXxSNpv98+zwsPjySy8e8vn91RSf+0eAAQACVK6/iB8MKQAAAABJRU5ErkJggg==) 50% no-repeat
}

.rows {
	margin: 0 auto;
	padding: 0 14px;
	max-width: 1300px
}

header {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	padding: 16px 0;
	width: 100%;
	background: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

header.header_close {
	-webkit-transform: translateY(-93px);
	-moz-transform: translateY(-93px);
	-ms-transform: translateY(-93px);
	transform: translateY(-93px)
}

header .rows {
	padding: 0 20px;
	background: #fff
}

header .logo {
	width: 175px
}

header .logo-text {
	margin-left: 56px;
	width: 163px;
	height: 49px
}

header nav a {
	position: relative;
	margin: 0 0 0 90px;
	font-size: 20px;
	transition: all .15s linear
}

header nav a.active {
	color: #e45a28
}

header nav a.active:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 10%;
	height: 3px;
	width: 80%;
	background: #e45a28;
	border-radius: 1px
}

header nav a:hover {
	color: #e45a28
}

.sections {
	position: relative;
	height: 1080px;
	min-width: 1080px;
	box-sizing: border-box
}

.sections.sec-one {
	padding: 160px 0 0;
	height: auto;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/bg-section1.563cf09.png) 50% no-repeat;
	background-size: cover
}

.sections.sec-one .rows {
	flex-wrap: wrap
}

.sections.sec-one .sec-pic {
	margin-left: 40px;
	width: 48.92%;
	position: relative;
	top: -45px;
}

.sections.sec-one .sec-pic img {
	width: 100%
}

.sections.sec-one .sec-main {
	padding-right: 150px
}

.sections.sec-one .sec-main h2 {
	margin: 0 0 10px;
	color: #fff;
	letter-spacing: 3px;
	font-size: 52px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	line-height: 84px
}

.sections.sec-one .sec-main p {
	color: #fff;
	font-size: 18px;
	letter-spacing: 3.6px
}

.sections.sec-one .sec-main a {
	margin-top: 45px;
	height: 64px;
	width: 280px;
	background: url(https://resource.cczsapp.cn/media/app_www/ccplay/bg-btn.png) center no-repeat;
	background-size: 280px 64px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://resource.cczsapp.cn/media/app_www/ccplay/bg-btn.png', sizingMethod='scale');
	font-size: 18px;
	color: #e45a28;
	border-radius: 90px;
	box-shadow: 0 5px 20px 0 rgba(18, 5, 1, .08)
}

.sections.sec-one .sec-tips {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%
}

.sections.sec-one .sec-tips p {
	padding: 0 60px;
	color: #f8774d;
	font-size: 16px;
	line-height: 30px
}

.sections.sec-one .qrcode {
	position: relative;
	margin: 75px 0 0 4px;
	width: 147px
}

.sections.sec-one .qrcode p {
	margin: 14px 0 2px;
	font-size: 14px;
	color: #000;
	text-align: center
}

.sections.sec-one .qrcode-box {
	position: relative;
	z-index: 2;
	padding: 9px;
	background: #fff;
	border-radius: 6px
}

.sections.sec-one .qrcode-box img {
	height: 129px;
	width: 129px
}

.sections.sec-one .qrcode-bg {
	position: absolute;
	top: -64px;
	left: 50%;
	margin: 0 0 0 -40px;
	height: 84px;
	width: 81px;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/icon-cc.bb087a5.png) 50% no-repeat;
	background-size: 81px 84px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://resource.cczsapp.cn/media/images/20191114/static/images/icon-cc.bb087a5.png', sizingMethod='scale');
}

.sections.sec-four,
.sections.sec-three,
.sections.sec-two {
	height: 810px
}

.sections.sec-four .rows,
.sections.sec-three .rows,
.sections.sec-two .rows {
	height: 100%;
	align-items: center
}

.sections.sec-four .sec-txt h3,
.sections.sec-three .sec-txt h3,
.sections.sec-two .sec-txt h3 {
	padding: 0 0 46px;
	font-size: 42px
}

.sections.sec-four .sec-txt p,
.sections.sec-three .sec-txt p,
.sections.sec-two .sec-txt p {
	font-size: 20px;
	color: #fa7761;
	line-height: 30px
}

.sections.sec-four .sec-pic,
.sections.sec-three .sec-pic,
.sections.sec-two .sec-pic {
	width: 40%
}

.sections.sec-four .sec-pic img,
.sections.sec-three .sec-pic img,
.sections.sec-two .sec-pic img {
	width: 100%
}

.sections.sec-four .sec-txt,
.sections.sec-two .sec-txt {
	padding: 0 48px 0 0
}

.sections.sec-two .sec-txt {
	padding-right: 248px
}

.sections.sec-three .sec-txt {
	padding: 0 0 0 48px
}

.sections.sec-five .rows,
.sections.sec-six .rows {
	padding: 100px 0 0
}

.sections.sec-five h2,
.sections.sec-six h2 {
	font-weight: 700;
	font-size: 30px;
	text-align: center;
	line-height: 1.125
}

.sections.sec-six {
	height: 980px;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/bg-sec6.8e58e62.png) 50% no-repeat;
	background-size: cover
}

.sections.sec-six .rows {
	padding: 116px 0 0
}

.sections.sec-six h2 {
	color: #7d6231
}

.sections.sec-six .qrcode-wrap {
	margin: 100px auto 0;
	width: 90%;
	height: 240px;
	background: #fff;
	border: 5px solid #fee9bf;
	border-radius: 8px
}

.sections.sec-six .qrcode-wrap img:first-child {
	width: 120px
}

.sections.sec-six .qrcode-wrap img:nth-child(2) {
	margin: 0 70px;
	width: 132px
}

.sections.sec-six .qrcode-wrap .qrcode-download h4 {
	font-size: 28px
}

.sections.sec-six .qrcode-wrap .qrcode-download p {
	margin: 16px 0;
	font-size: 15px
}

.sections.sec-six .qrcode-wrap .qrcode-download a {
	display: block;
	margin: 0 0 -28px -8px;
	height: 52px;
	width: 254px;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/bg-btn.014069e.png) 50% no-repeat;
	background-size: 254px 52px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://resource.cczsapp.cn/media/images/20191114/static/images/bg-btn.014069e.png', sizingMethod='scale');
}

.btn-download-txt span {
	font-size: 12px
}

.footer-bak,
footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 86px;
	background: rgba(0, 0, 0, .7);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(96px);
	-moz-transform: translateY(96px);
	-ms-transform: translateY(96px);
	transform: translateY(96px)
}

.footer-bak.show,
footer.show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.footer-bak .rows,
footer .rows {
	padding: 0 14px;
	height: 100%;
	align-items: center
}

.footer-bak .info,
footer .info {
	align-items: center
}

.footer-bak .info img,
footer .info img {
	height: 54px;
	width: 54px
}

.footer-bak .info-list,
footer .info-list {
	margin: 0 0 0 20px;
	padding: 0 0 0 16px
}

.footer-bak .info-list li,
footer .info-list li {
	color: #fff;
	font-size: 13px;
	height: 22px;
	line-height: 22px;
	list-style: disc;
	letter-spacing: 1.6px
}

.footer-bak .foot-buttons,
footer .foot-buttons {
	align-items: center
}

.footer-bak .foot-buttons a,
footer .foot-buttons a {
	height: 36px;
	width: 120px;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	border-radius: 36px
}

.footer-bak .foot-buttons a.qrcode-download,
footer .foot-buttons a.qrcode-download {
	margin: 0 10px 0 0;
	border: 1px solid #fff
}

.footer-bak .foot-buttons a.app-download,
footer .foot-buttons a.app-download {
	background: #ff6643;
	box-shadow: 0 5px 20px 0 rgba(255, 102, 67, .33)
}

.footer-bak .foot-buttons span.close,
footer .foot-buttons span.close {
	display: block;
	margin: 0 0 0 51px;
	height: 36px;
	width: 36px;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/icon-close.46eb46c.png) 50% no-repeat;
	cursor: hand;
	cursor: pointer
}

.bg-one,
.bg-three {
	position: absolute;
	height: 311px;
	width: 100px;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/bg1.769b59e.png) 50% no-repeat;
	background-size: 100%
}

.bg-one {
	top: -200px;
	right: 0
}

.bg-three {
	bottom: -300px;
	right: 0
}

.bg-two {
	bottom: -200px;
	position: absolute;
	height: 314px;
	width: 100px;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/bg2.361c3f6.png) 50% no-repeat;
	background-size: 100%
}

.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #1a1819
}

.footer .page-container {
	margin: 0 auto;
	max-width: 1280px;
	background: #1a1819
}

.footer .f_box {
	padding: 20px 0;
}

.footer .f_bottom {
	height: 32px;
	text-align: center;
	line-height: 32px
}

.footer .f_bottom,
.footer .f_bottom .page-container {
	background: #333131
}

.footer .f_bottom span {
	margin: 0 6px;
	color: #666;
	font-size: 12px
}

.footer .f_logo {
	display: block;
	width: 180px;
	height: 57px
}

.footer .f_box_l,
.footer .f_box_r {
	max-width: 200px
}

.footer .f_box_r {
	padding: 0 0 0 20px;
	width: 180px
}

.footer .f_box_l .logo_txt {
	margin: 18px auto 0
}

.footer .f_box_m {
	margin: 0 auto;
	height: 100px;
	color: #999393;
	text-align: center
}

.footer .f_box_m p {
	font-size: 14px;
	color: #999393
}

.footer .f_nav {
	margin: 0 0 16px
}

.footer .f_nav a {
	color: #999393
}

.footer .f_nav a:hover {
	color: #e60012
}

.footer .f_box_m p {
	line-height: 27px
}

.footer .f_code img {
	float: left;
	width: 74px;
	height: 74px
}

.footer .f_box_r p a {
	color: #fff;
	line-height: 20px
}

.footer .f_box_r p {
	color: #fff
}

.footer .f_box_r p:first-child {
	margin: 0 0 16px;
	color: #fff
}

.footer .f_box_r p a:hover {
	color: #fff
}

.footer .f_code {
	margin-top: 10px
}

.qrcode.fixed {
	display: none;
	position: fixed;
	top: 10%;
	right: 50px;
	margin: 91px 0 0 4px;
	width: 130px;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .08)
}

.qrcode.fixed p {
	margin: 14px 0 2px;
	font-size: 14px;
	color: #000;
	text-align: center
}

.qrcode.fixed .qrcode-box {
	position: relative;
	z-index: 2;
	padding: 9px;
	background: #fff;
	border-radius: 6px
}

.qrcode.fixed .qrcode-box img {
	height: 112px;
	width: 112px
}

.qrcode.fixed .qrcode-bg {
	position: absolute;
	top: -64px;
	left: 50%;
	margin: 0 0 0 -40px;
	height: 84px;
	width: 81px;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/icon-cc.bb087a5.png) 50% no-repeat;
	background-size: 81px 84px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://resource.cczsapp.cn/media/images/20191114/static/images/icon-cc.bb087a5.png', sizingMethod='scale');
}

.qrcode-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999
}

.qrcode-modal .modal-mask {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .5)
}

.qrcode-modal .modal-content {
	position: relative;
	z-index: 9;
	width: 100%;
	height: 100%
}

.qrcode-modal .qrcode.fixed {
	display: block;
	position: relative;
	margin: 0;
	top: 0;
	right: 0
}

.header {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	padding: 16px 0;
	width: 100%;
	background: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.header.header_close {
	-webkit-transform: translateY(-93px);
	-moz-transform: translateY(-93px);
	-ms-transform: translateY(-93px);
	transform: translateY(-93px)
}

.header .rows {
	padding: 0 20px;
	background: #fff
}

.header .logo {
	width: 175px
}

.header .logo-text {
	margin-left: 56px;
	width: 163px;
	height: 49px
}

.header .nav a {
	position: relative;
	margin: 0 0 0 90px;
	font-size: 20px;
	transition: all .15s linear
}

.header .nav a.active {
	color: #e45a28
}

.header .nav a.active:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 10%;
	height: 3px;
	width: 80%;
	background: #e45a28;
	border-radius: 1px
}

.header .nav a:hover {
	color: #e45a28
}

.footer-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #1a1819
}

.footer-bak,
.footer-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 86px;
	background: rgba(0, 0, 0, .7);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(96px);
	-moz-transform: translateY(96px);
	-ms-transform: translateY(96px);
	transform: translateY(96px)
}

.footer-bak.show,
.footer-bottom.show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.footer-bak .rows,
.footer-bottom .rows {
	padding: 0 14px;
	height: 100%;
	align-items: center
}

.footer-bak .info,
.footer-bottom .info {
	align-items: center
}

.footer-bak .info img,
.footer-bottom .info img {
	height: 54px;
	width: 54px
}

.footer-bak .info-list,
.footer-bottom .info-list {
	margin: 0 0 0 20px;
	padding: 0 0 0 16px
}

.footer-bak .info-list li,
.footer-bottom .info-list li {
	color: #fff;
	font-size: 13px;
	height: 22px;
	line-height: 22px;
	list-style: disc;
	letter-spacing: 1.6px
}

.footer-bak .foot-buttons,
.footer-bottom .foot-buttons {
	align-items: center
}

.footer-bak .foot-buttons a,
.footer-bottom .foot-buttons a {
	height: 36px;
	width: 120px;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	border-radius: 36px
}

.footer-bak .foot-buttons a.qrcode-download,
.footer-bottom .foot-buttons a.qrcode-download {
	margin: 0 10px 0 0;
	border: 1px solid #fff
}

.footer-bak .foot-buttons a.app-download,
.footer-bottom .foot-buttons a.app-download {
	background: #ff6643;
	box-shadow: 0 5px 20px 0 rgba(255, 102, 67, .33)
}

.footer-bak .foot-buttons span.close,
.footer-bottom .foot-buttons span.close {
	display: block;
	margin: 0 0 0 51px;
	height: 36px;
	width: 36px;
	background: url(https://resource.cczsapp.cn/media/images/20191114/static/images/icon-close.46eb46c.png) 50% no-repeat;
	cursor: hand;
	cursor: pointer
}

.sections.sec-six .qrcode-wrap img:nth-child(2) {
	margin: 0;
}

@media screen and (max-height:800px) {
	.sections.sec-one .sec-pic {
		width: 42.92%;
	}
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix:after {
	display: block;
	content: "\200B";
	height: 0;
	overflow: hidden;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.header .nav a {
	display: inline-block;
	height: 57px;
	line-height: 57px;
}

.sections.sec-one .sec-main a {
	position: relative;
	padding-left: 95px;
	display: inline-block;
	text-align: left;
	height: auto;
	padding: 9px 0;
}

.sections.sec-one .sec-main a i {
	position: absolute;
	top: 18px;
	left: 52px;
}

.sections.sec-one .sec-main a span {
	display: inline-block;
	text-indent: 95px;
	text-align: left;
}

.sections.sec-four .rows,
.sections.sec-three .rows,
.sections.sec-two .rows {}

.sections.sec-two .sec-pic {
	margin: 90px 0 0;
}

.sections.sec-two .sec-txt {
	margin: 331px 0 0;
}

.sections.sec-three .sec-pic {
	margin: 100px 0 0;
}

.sections.sec-three .sec-txt {
	margin: 331px 0 0;
	box-sizing: border-box;
}

.sections.sec-four .sec-pic {
	margin: 90px 0 0;
}

.sections.sec-four .sec-txt {
	margin: 331px 0 0;
}

.sections.sec-five .sec-pic {
	margin: 90px 0 0;
}

.sections.sec-five .sec-txt {
	margin: 331px 0 0;
}

.sections.sec-six .qrcode-wrap {
	padding: 60px 0;
	height: auto;
	padding-left: 200px;
	width: 900px;
}

.footer .f_box_m {
	margin-left: 96px;
}

.footer-bak .info,
.footer-bottom .info {
	padding: 10px 0 0 0;
}

.footer-bak .info img,
.footer-bottom .info img {
	margin: 5px 0 0 0;
}

.footer-bak .foot-buttons,
.footer-bottom .foot-buttons {
	margin-top: 25px;
}

.footer-bak .foot-buttons a,
.footer-bottom .foot-buttons a {
	text-align: center;
	line-height: 36px;
}

.qrcode-modal .qrcode.fixed {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -83px 0 0 -65px;
}

.rows {
	min-width: 1152px;
}

.sections {
	min-width: 1180px;
}

.header .rows {
	min-width: auto;
}

.footer .f_box_m {
	display: inline-block;
	margin: 0;
}

.footer .page-container {
	text-align: center;
}

span#versionName,
span#fileSize {
	text-indent: 0;
}

.footer .page-container .f_box_r p {
	text-align: left;
}

.main {
	
}

.header .rows {
	max-width: 1180px;
}

.sections.sec-one {
	position: relative;
	padding-top: 0;
	min-height: 580px;
	background: url(https://resource.cczsapp.cn/media/app_www/images/bg-section1.png) center no-repeat;
	background-size: cover;
}

.sections.sec-one .sec-pic {}

.sections.sec-one .sec-tips p {
	text-align: center;
	color: #FFF;
}

.container {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	margin: -150px 0 0 -590px;
	width: 1180px;
	height: 540px;
}

.sections.sec-one .sec-tips {
	z-index: 2;
	bottom: 20px;
	text-align: center;
}