/*! index
 * create by majing <10710314@qq.com>
 * 2016/09/07
 */


/*! public (共用样式)
 * create by majing <10710314@qq.com>
 * 2016/09/07
 */


/*! _base （Mob base style）
 * create by majing <10710314@qq.com>
 * 2016/09/07
 */


/*! normalize.css v3.0.0 | MIT License | git.io/normalize */


/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}


/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0
}


/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */

a {
	background: transparent
}

a:active,
a:hover {
	outline: 0
}


/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}


/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}


/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */

figure {
	margin: 1em 40px
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}


/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}


/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */

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

td,
th {
	padding: 0
}

[class*=content-]:after,
.page-index .content-1 .content-center .banner-container:after,
.page-index .content-2 [class*=content-] .main-container .product-container:after {
	content: "";
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0
}

.Mob-g {
	margin: 0 auto;
	width: 100%
}

.Mob-g:after {
	content: " ";
	display: table;
	clear: both
}

.Mob-g:before {
	content: " ";
	display: table
}

[class*=Mob-u-] {
	display: inline-block;
	float: left;
	position: relative
}

[class*=Mob-u-]+[class*=Mob-u-]:last-child {
	float: right
}

[class*=Mob-u-]+[class*=Mob-u-].Mob-u-end {
	float: left
}

.Mob-u-1 {
	width: 8.33333%
}

.Mob-u-offset-1 {
	width: 8.33333%
}

.Mob-u-2 {
	width: 16.66667%
}

.Mob-u-offset-2 {
	width: 16.66667%
}

.Mob-u-3 {
	width: 25%
}

.Mob-u-offset-3 {
	width: 25%
}

.Mob-u-4 {
	width: 33.33333%
}

.Mob-u-offset-4 {
	width: 33.33333%
}

.Mob-u-5 {
	width: 41.66667%
}

.Mob-u-offset-5 {
	width: 41.66667%
}

.Mob-u-6 {
	width: 50%
}

.Mob-u-offset-6 {
	width: 50%
}

.Mob-u-7 {
	width: 58.33333%
}

.Mob-u-offset-7 {
	width: 58.33333%
}

.Mob-u-8 {
	width: 66.66667%
}

.Mob-u-offset-8 {
	width: 66.66667%
}

.Mob-u-9 {
	width: 75%
}

.Mob-u-offset-9 {
	width: 75%
}

.Mob-u-10 {
	width: 83.33333%
}

.Mob-u-offset-10 {
	width: 83.33333%
}

.Mob-u-11 {
	width: 91.66667%
}

.Mob-u-offset-11 {
	width: 91.66667%
}

.Mob-u-12 {
	width: 100%
}

.Mob-u-offset-12 {
	width: 100%
}

html {
	font-size: 20px
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 21.33333px
	}
}

@media only screen and (min-width: 414px) {
	html {
		font-size: 22.08px
	}
}

@media only screen and (min-width: 480px) {
	html {
		font-size: 25.6px
	}
}

html,
body {
	font-family: Microsoft Yahei, Tahoma, Arial, Helvetica Neue, Hiragino Sans GB, Simsun, sans-self;
	font-size: 14px;
	background: #fff;
	color: #000;
	height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

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

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal
}

q:before,
q:after {
	content: ''
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

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

legend {
	color: #000
}

#yui3-css-stamp.cssreset {
	display: none
}

input,
button,
select,
textarea {
	outline: none
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*:before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

a {
	text-decoration: none;
	color: #000
}

.content-center {
	width: 1400px;
	margin: 0 auto
}

body {
	width: 100%;
}

.Mob-header {
	width: 100%;
	height: 76px;
	position: relative
}

.Mob-header .content-center {
	position: relative
}

.Mob-header .content-center .logo {
	height: 80%;
	line-height: 76px
}

.Mob-header .content-center .logo img {
	width: 75%;
	vertical-align: middle
}

.Mob-header .content-center .logo img.logo-white {
	display: none
}

.Mob-header .content-center .nav {
	padding: 0 30px
}

.Mob-header .content-center .nav .nav-main>li {
	width: 25%;
	height: 100%;
	line-height: 90px;
	display: inline-block;
	float: left;
	text-align: center;
	cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.Mob-header .content-center .nav .nav-main>li:hover {
	background-color: #eceded;
	color: #83c44e
}

.Mob-header .content-center .nav .nav-main>li:hover .nav-dropdown {
	display: block
}

.Mob-header .content-center .nav .nav-main>li.bbs-content .nav-dropdown .dropdown-main li {
	height: auto
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown {
	width: 1200px;
	background-color: #eceded;
	padding: 10px 10px 41px;
	position: absolute;
	top: 75px;
	left: -28.5%;
	z-index: 99;
	display: none
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main {
	width: 100%;
	background-color: #fff;
	padding: 10px 50px 10px;
	display: flex;
	flex-wrap: wrap
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li {
	width: 15%;
	display: inline-block;
	float: left;
	text-align: left;
	color: #83c44e;
	margin-right: 10px
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-list {
	margin-top: 10px
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-list p {
	height: 30px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 90%
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-list p.upline {
	margin-top: 75px;
	position: relative
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-list p.upline:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	display: inline-block;
	top: -40px;
	left: 0;
	background: #f3f3f3
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-bbs {
	width: 32%;
	font-size: 14px !important
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-bbs ul li {
	width: 100%;
	line-height: 77px
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-bbs ul li .plateico {
	display: inline-block;
	float: left;
	width: 80px
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-bbs ul li .platetext {
	display: inline-block;
	float: left;
	margin-left: 10px;
	width: 180px;
	line-height: 0;
	padding-top: 10px
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-bbs ul li .platetext a,
.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li.nav-bbs ul li .platetext span {
	color: #9e9e9e;
	width: 100%;
	display: inline-block;
	height: 30px;
	line-height: 30px
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li a {
	text-decoration: none;
	color: #000;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li a img {
	width: 100%
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li a:hover {
	color: #83c44e
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li a:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: .6
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li p:nth-child(1) {
	font-size: 16px
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li p span {
	line-height: 0;
	display: block;
	width: 100%;
	margin-bottom: 20px
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .dropdown-main li p span:nth-last-child(1) {
	width: 100%;
	text-align: center
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .nav-action {
	height: 73px;
	width: 1200px;
	background-color: #83c44e;
	position: absolute;
	bottom: -38px;
	left: 0
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .nav-action>div {
	height: 100%;
	line-height: 73px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .nav-action>div:hover {
	background-color: #9ed174
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .nav-action>div:hover a {
	color: #fff
}

.Mob-header .content-center .nav .nav-main>li .nav-dropdown .nav-action>div a {
	text-decoration: none;
	color: #eef7e7
}

.Mob-header .content-center .nav .nav-main>li:nth-child(1) .nav-dropdown .dropdown-main .nav-list {
	margin-left: 80px
}

.Mob-header .content-center .user-end-container {
	width: 20%
}

.Mob-header .content-center .user-end-container .login-container {
	margin-top: -2px
}

.Mob-header .content-center .user-end-container .login-container a {
	margin: 25px 10px 0 !important;
	cursor: pointer
}

.Mob-header .content-center .user-end-container .login-container .register-button {
	line-height: 16px;
	padding: 13px 10px 15px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 10px 0 20px;
	display: inline-block;
	width: 102px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	background: none;
	border: #28333c solid 2px;
	color: #28333c
}

.Mob-header .content-center .user-end-container .login-container .register-button:hover {
	background: #28333c;
	color: #fff
}

.Mob-header .content-center .user-end-container .login-container .login-button {
	line-height: 16px;
	padding: 13px 10px 15px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 10px 0 20px;
	display: inline-block;
	width: 102px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	background: #83c44e;
	color: #fff;
	padding: 16px 10px 16px;
	margin-right: 0 !important
}

.Mob-header .content-center .user-end-container .login-container .login-button:hover {
	background: #6aa738
}

.Mob-header .content-center .user-end-container .user-container {
	height: 100%;
	display: inline-block
}

.Mob-header .content-center .user-end-container .user-container [class*=Mob-u-] {
	margin-top: 22px
}

.Mob-header .content-center .user-end-container .user-container .user-namecontent {
	text-align: right;
	padding-right: 10px;
	height: 31px;
	line-height: 31px;
	border-right: #ddd solid 1px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.Mob-header .content-center .user-end-container .user-container .button {
	float: right;
	display: inline-block;
	padding: 5px 20px;
	border: #000 solid 1px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.Mob-header .content-center .user-end-container .user-container .button:hover {
	background: #000;
	color: #fff
}

.Mob-header .content-center .user-end-container .user-container .Mob-u-end {
	text-align: center;
	height: 31px;
	line-height: 31px
}

.Mob-header .content-center .user-end-container .user-container .user-content {
	width: 100px;
	height: 100%;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	background: none;
	text-align: center;
	float: right;
	display: inline-block;
	position: relative;
	margin-top: 12px;
	padding: 10px;
	cursor: pointer
}

.Mob-header .content-center .user-end-container .user-container .user-content:hover {
	background: #ddd
}

.Mob-header .content-center .user-end-container .user-container .user-content:hover .imguser-dropdown {
	display: inline-block
}

.Mob-header .content-center .user-end-container .user-container .user-content .user-img {
	width: 40px;
	height: 40px;
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block
}

.Mob-header .content-center .user-end-container .user-container .user-content .user-img img {
	width: 100%;
	vertical-align: middle
}

.Mob-header .content-center .user-end-container .user-container .user-content .imguser-dropdown {
	position: absolute;
	top: 64px;
	left: -60px;
	z-index: 100;
	background: #fff;
	padding: 0;
	width: 160px;
	display: none
}

.Mob-header .content-center .user-end-container .user-container .user-content .imguser-dropdown a {
	width: 100%;
	display: inline-block;
	padding: 10px 0;
	text-align: center;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	background: none
}

.Mob-header .content-center .user-end-container .user-container .user-content .imguser-dropdown a:hover {
	background: #ddd
}

.Mob-header .content-center .user-end-container .user-container .user-content .imguser-dropdown a i {
	margin-right: 10px
}

.Mob-header .content-center .search-container {
	width: 5%;
	text-align: center
}

.Mob-header .content-center .search-container .search-content {
	font-size: 1.8rem;
	height: 100%;
	display: inline-block;
	line-height: 77px;
	width: 100%;
	cursor: pointer;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.Mob-header .content-center .search-container .search-content:hover {
	background-color: #eceded
}

.Mob-header .search-main-container {
	width: 100%;
	height: 76px;
	background-color: #83c44e;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none
}

.Mob-header .search-main-container.active {
	display: inline-block
}

.Mob-header .search-main-container .content-center {
	height: 60px;
	line-height: 60px;
	border-bottom: rgba(255, 255, 255, 0.5) solid 1px;
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	position: relative
}

.Mob-header .search-main-container .content-center .search-icon,
.Mob-header .search-main-container .content-center .search-icon-close {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	width: 5%
}

.Mob-header .search-main-container .content-center .search-input input {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: none;
	color: #fff;
	border: none;
	padding-top: 20px
}

.Mob-header .search-main-container .content-center .search-icon-close {
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	cursor: pointer
}

.Mob-header .search-main-container .content-center .search-icon-close:hover {
	background-color: rgba(255, 255, 255, 0.3)
}

.Mob-header .search-main-container .content-center .search-list-content {
	position: absolute;
	width: 1210px;
	background: #fff;
	display: inline-block;
	top: 77px;
	left: 0;
	-moz-box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26);
	-webkit-box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26);
	box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26)
}

.Mob-header .search-main-container .content-center .search-list-content ul {
	display: inline-block;
	max-height: 500px;
	overflow-y: auto;
	padding-right: 20px
}

.Mob-header .search-main-container .content-center .search-list-content ul .head {
	color: #83c44e;
	padding-left: 10px
}

.Mob-header .search-main-container .content-center .search-list-content ul li {
	width: 100%;
	display: block;
	padding: 8px 10px;
	line-height: 22px;
	border-bottom: #c4c4c4 solid 1px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.Mob-header .search-main-container .content-center .search-list-content ul li:hover {
	background-color: rgba(131, 196, 78, 0.2)
}

.Mob-footer {
	width: 100%
}

.Mob-footer .content-1 {
	padding: 30px 0;
	background-color: #232d35
}

.Mob-footer .content-1 .contact-container>[class*=Mob-u-] {
	margin-right: 50px
}

.Mob-footer .content-1 .contact-container>[class*=Mob-u-]:nth-last-child(1) {
	margin-right: 0
}

.Mob-footer .content-1 .contact-container>[class*=Mob-u-] h3 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px
}

.Mob-footer .content-1 .contact-container>[class*=Mob-u-] p {
	color: #fff;
	margin-bottom: 10px;
	line-height: 26px
}

.Mob-footer .content-1 .contact-container>[class*=Mob-u-] p a {
	color: #fff
}

.Mob-footer .content-1 .contact-container>[class*=Mob-u-] p a:hover {
	text-decoration: underline
}

.Mob-footer .content-1 .contact-container .qq-extend {
	cursor: pointer;
	margin-left: 10px
}

.Mob-footer .content-1 .record-container {
	margin-top: 70px;
	width: 100%;
	text-align: center
}

.Mob-footer .content-1 .record-container p {
	color: #fff
}

.Mob-footer .content-2 {
	padding: 50px 0;
	background: #28333c;
	text-align: center
}

.Mob-footer .content-2 ul {
	display: inline-block
}

.Mob-footer .content-2 ul li {
	width: 40px;
	height: 40px;
	line-height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #3c4b58;
	display: inline-block;
	float: left;
	margin: 0 10px;
	text-align: center;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	cursor: pointer
}

.Mob-footer .content-2 ul li:hover {
	background: #fff
}

.Mob-footer .content-2 ul li:hover .fa {
	color: #3c4b58
}

.Mob-footer .content-2 ul li .fa {
	font-size: 18px;
	color: #fff
}

.mask-weixin {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 10;
	display: none
}

.mask-weixin span {
	display: inline-block;
	width: 258px;
	height: 258px;
	position: fixed;
	top: 50%;
	margin-top: -129px;
	left: 50%;
	margin-left: -129px;
	z-index: 9999
}

.mask-weixin span img {
	width: 100%
}

.popwin {
	width: 200px;
	height: 320px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	position: fixed;
	right: 0;
	bottom: -250px;
	z-index: 10;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.popwin.show {
	bottom: 0
}

.popwin .popwin-btn {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #626363;
	color: #fff;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.popwin .popwin-btn img {
	vertical-align: middle
}

.popwin .popwin-content {
	width: 100%;
	height: 100%;
	background: #595b5d;
	position: absolute;
	right: -100%;
	top: 0;
	z-index: 5;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.popwin .popwin-content.show {
	right: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.popwin .popwin-content .popwin-content-top {
	height: 50px;
	line-height: 50px;
	width: 100%;
	color: #fff;
	background: #626363;
	padding-left: 10px;
	text-align: left
}

.popwin .popwin-content .popwin-content-img {
	margin-top: 20px
}

.popwin .popwin-content .popwin-content-img.qqservice {
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	-moz-transform: scale(0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
	-webkit-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8)
}

.popwin .popwin-content .popwin-content-img.qqservice:hover {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.popwin .popwin-content .popwin-content-text {
	color: #fff;
	margin-top: 20px;
	display: block
}

.page-index {
	padding-bottom: 20px
}

.page-index .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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23777a7c'%2F%3E%3C%2Fsvg%3E")
}

.page-index .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'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23777a7c'%2F%3E%3C%2Fsvg%3E")
}

.page-index .content-1 {
	width: 100%;
	display: inline-block;
	background-color: #fff;
	padding-bottom: 30px
}

.page-index .content-1 .content-center .banner-container {
	width: 100%;
	position: relative
}

.page-index .content-1 .content-center .banner-container .swiper-slide {
	width: 100%
}

.page-index .content-1 .content-center .banner-container .swiper-slide img {
	width: 100%
}

.page-index .content-1 .content-center .banner-container .swiper-button-prev {
	height: 80px;
	width: 40px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	background-color: #000;
	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")
}

.page-index .content-1 .content-center .banner-container .swiper-button-next {
	height: 80px;
	width: 40px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	background-color: #000;
	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")
}

.page-index .content-1 .content-center .banner-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff
}

.page-index .content-1 .content-center .nav-container {
	margin-top: 20px
}

.page-index .content-1 .content-center .nav-container>div {
	display: inline-block;
	float: left;
	margin-right: 22px;
	height: 170px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.page-index .content-1 .content-center .nav-container>div:hover {
	box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26)
}

.page-index .content-1 .content-center .nav-container>div:nth-last-child(1) {
	margin-right: 0
}

.page-index .content-1 .content-center .nav-container>div img {
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.page-index .content-1 .content-center .nav-container .logo-list {
	width: 234px;
	height: 170px;
	background: url("../../public/images/index/product-bg.png") no-repeat left top
}

.page-index .content-1 .content-center .nav-container .logo-list li {
	width: 117px;
	height: 85px;
	display: inline-block;
	float: left;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: .6;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	margin-top: 5px
}

.page-index .content-1 .content-center .nav-container .logo-list li a {
	color: #bab9b9;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	display: inline-block
}

.page-index .content-1 .content-center .nav-container .logo-list li a img {
	width: 80%
}

.page-index .content-1 .content-center .nav-container .logo-list li:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.page-index .content-2 {
	background-color: #f5f5f5;
	padding: 50px 0 10px;
	margin-bottom: 0
}

.page-index .content-2 [class*=content-] {
	margin-bottom: 60px
}

.page-index .content-2 [class*=content-] h1 {
	font-size: 28px
}

.page-index .content-2 [class*=content-] .main-container {
	width: 100%;
	margin-top: 20px;
	height: 300px
}

.page-index .content-2 [class*=content-] .main-container>div {
	display: inline-block;
	float: left;
	margin-right: 9.5px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.page-index .content-2 [class*=content-] .main-container>div:nth-last-child(1) {
	margin-right: 0
}

.page-index .content-2 [class*=content-] .main-container>div:nth-last-child(1):hover {
	box-shadow: none
}

.page-index .content-2 [class*=content-] .main-container>div:hover {
	box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26)
}

.page-index .content-2 [class*=content-] .main-container .product-container {
	width: 482px;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	background: #fff;
	display: inline-block
}

.page-index .content-2 [class*=content-] .main-container .product-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #777a7c
}

.page-index .content-2 [class*=content-] .main-container .product-container .swiper-slide {
	width: 100%;
	padding-top: 20px
}

.page-index .content-2 [class*=content-] .main-container .product-container .swiper-slide img {
	width: 77%
}

.page-index .content-2 [class*=content-] .main-container .demo-container {
	height: 100%;
	width: 230px;
	padding: 50px 15px 0;
	background: #fff;
	position: relative
}

.page-index .content-2 [class*=content-] .main-container .demo-container span {
	display: inline-block;
	height: 61px;
	line-height: 61px;
	float: left
}

.page-index .content-2 [class*=content-] .main-container .demo-container span img {
	display: inline-block;
	float: left;
	margin-right: 10px
}

.page-index .content-2 [class*=content-] .main-container .nav-container {
	height: 100%;
	width: 224px
}

.page-index .content-2 [class*=content-] .main-container .nav-container a {
	width: 100%;
	height: 140px;
	background: #fff;
	display: inline-block;
	margin-bottom: 20px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.page-index .content-2 [class*=content-] .main-container .nav-container a:hover {
	box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26)
}

.page-index .content-2 [class*=content-] .main-container .nav-container a p {
	margin: 17px 0;
	text-align: center
}

.page-index .content-2 [class*=content-] .main-container .nav-container a .fa {
	color: #e47541;
	font-size: 65px
}

.page-index .content-2 [class*=content-] .main-container .tip {
	color: #fff;
	width: 80px !important;
	height: 30px !important;
	line-height: 30px !important;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -40px;
	font-size: 12px
}

.page-index .content-2 [class*=content-] .main-container .tip.demo {
	background: #2196f3
}

.page-index .content-2 [class*=content-] .main-container .tip.free {
	background: #e53935
}

.page-index .content-2 [class*=content-] .main-container .tip.forecast {
	background: #83c44e
}

.page-index .content-2 [class*=content-].content-rec .swiper-slide img {
	width: 60% !important
}

.page-index .content-2 [class*=content-].content-rec .demo-container {
	padding: 30px 15px 0 !important
}

.page-index .content-2 [class*=content-].content-mobapi .api-list {
	width: 956px
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul {
	width: 100%
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li {
	width: 230px;
	height: 300px;
	display: inline-block;
	float: left;
	position: relative;
	padding: 10px;
	background: #fff;
	margin-right: 9px;
	margin-bottom: 13px
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li:nth-child(4n) {
	margin-right: 0
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li:nth-child(4n+1) {
	margin-left: 9px
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li:hover {
	box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26)
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li p {
	text-align: center;
	margin: 40px 0
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li p .icon {
	font-size: 120px;
	color: #2196f3
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li.nav-container {
	background: none;
	padding: 0
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li.nav-container:hover {
	box-shadow: none
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li.nav-container a {
	width: 100%;
	height: 140px;
	background: #fff;
	display: inline-block;
	margin-bottom: 15px;
	padding: 0 10px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li.nav-container a span {
	margin: 0 10px;
	display: inline-block;
	height: 140px;
	line-height: 140px;
	text-align: right;
	width: 100px;
	float: left
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li.nav-container a span.icon {
	width: 40px;
	margin-top: 10px
}

.page-index .content-2 [class*=content-].content-mobapi .api-list ul li.nav-container a .fa {
	color: #2196f3;
	font-size: 45px
}

.page-index .content-3 {
	padding: 100px 0 50px
}

.page-index .content-3 h1 {
	font-size: 28px;
	text-align: center
}

.page-index .content-3 p.des {
	width: 100%;
	text-align: center;
	margin-top: 50px;
	color: #969696
}

.page-index .content-3 p.des span {
	color: #e47541
}

.page-index .content-3 .applink-container {
	padding-top: 80px;
	width: 100%;
	position: relative;
	overflow: hidden
}

.page-index .content-3 .applink-container .swiper-slide {
	width: 100%
}

.page-index .content-3 .applink-container .swiper-slide li {
	display: inline-block;
	float: left;
	width: 90px;
	height: 160px;
	margin-right: 68px
}

.page-index .content-3 .applink-container .swiper-slide li:nth-child(8n) {
	margin-right: 0
}

.page-index .content-3 .applink-container .swiper-slide li .imgicon {
	width: 80px;
	height: 80px;
	display: inline-block;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26);
	-webkit-box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26);
	box-shadow: 0 0px 18px 1px rgba(0, 0, 0, 0.26);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.page-index .content-3 .applink-container .swiper-slide li .imgicon:hover {
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}

.page-index .content-3 .applink-container .swiper-slide li p {
	text-align: center;
	margin-bottom: 10px
}

.page-index .content-3 .applink-container .swiper-slide li img {
	width: 100%
}

.page-index .content-3 .applink-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #e47541
}

.page-index .content-4 {
	position: relative
}

.page-index .content-4 .adv-container {
	width: 100%;
	overflow: hidden
}

.page-index .content-4 .adv-container img {
	width: 100%
}

.page-about-company .content-1 {
	width: 100%;
	background: url("../../public/images/index/company-top-bg.png") no-repeat center top;
	padding: 100px 0;
	background-size: cover;
	text-align: center
}

.page-about-company .content-1 h1 {
	color: #fff;
	font-size: 35px;
	text-align: center
}

.page-about-company .content-1 p {
	color: #fff;
	margin-top: 20px
}

.page-about-company .content-1 .button {
	line-height: 16px;
	padding: 13px 10px 15px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 10px 0 20px;
	display: inline-block;
	width: 200px;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	background: none;
	border: #fff solid 2px;
	color: #fff;
	display: inline-block;
	margin-top: 30px
}

.page-about-company .content-1 .button:hover {
	background: #fff;
	color: #28333c
}

.page-about-company .content-2 {
	width: 100%;
	background: #fff;
	padding: 100px 0
}

.page-about-company .content-2 h1 {
	color: #000;
	font-size: 35px;
	text-align: center;
	margin-bottom: 50px
}

.page-about-company .content-2 p {
	text-indent: 2em;
	margin: 20px 0;
	line-height: 30px
}

.page-about-company .content-2 .tap-list {
	color: #e47541;
	text-align: center;
	margin-top: 30px
}

.page-about-company .content-2 .tap-list h3 {
	font-size: 50px;
	margin-bottom: 20px
}

.page-about-company .content-2 .tap-list span {
	font-size: 20px
}

.page-about-company .content-3 {
	background: #f5f5f5;
	width: 100%;
	display: inline-block;
	position: relative
}

.page-about-company .content-3 .header-img {
	width: 198px;
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -99px
}

.page-about-company .content-3 .header-img img {
	width: 100%
}

.page-about-company .content-3 .content-center {
	background: #fff;
	margin: 100px auto;
	padding: 80px 50px
}

.page-about-company .content-3 .content-center p {
	text-indent: 2em;
	line-height: 30px
}

.page-about-company .content-3 .content-center h3 {
	width: 100%;
	font-size: 25px;
	margin-bottom: 30px
}

.page-about-company .content-3 .content-center .company-show {
	margin: 50px 0
}

.page-about-company .content-3 .content-center .company-show span {
	display: inline-block;
	margin-top: 10px
}

.page-about-document {
	display: inline-block;
	width: 100%;
	background: url("../../public/images/index/document-bg.jpg") no-repeat center top;
	background-size: cover
}

.page-about-document .content-1 .content-center {
	background: #fff;
	margin: 80px auto;
	padding: 50px
}

.page-about-document .content-1 .content-center h1 {
	font-size: 35px;
	text-align: center;
	margin-bottom: 30px
}

.page-about-document .content-1 .content-center p {
	line-height: 30px;
	text-indent: 2em
}

.page-about-document .content-2 {
	background: #e47541;
	padding: 100px 0
}

.page-about-document .content-2 h3 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px
}

.page-about-document .content-2 p {
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
	color: #fff
}

.page-about-document .content-3 {
	background: url("../../public/images/index/document-bottom-bg.jpg") no-repeat center top;
	background-size: cover;
	padding: 100px 0
}

.page-about-document .content-3 h3 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px
}

.page-about-document .content-3 p {
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
	color: #fff
}

.page-about-contact .content-1 {
	background: #f5f5f5;
	width: 100%;
	padding: 100px 0
}

.page-about-contact .content-1 .left {
	display: inline-block;
	float: left;
	width: 128px
}

.page-about-contact .content-1 .right {
	display: inline-block;
	float: left;
	padding: 5px 30px
}

.page-about-contact .content-1 .right h3 {
	font-size: 18px;
	font-weight: bold
}

.page-about-contact .content-1 .right p {
	margin: 10px 0
}

.page-about-contact .content-2 {
	padding: 100px 0;
	background: #fff
}

.page-about-contact .content-2 p {
	line-height: 30px
}

.page-about-contact .content-2 p b {
	color: #709aad
}

.page-about-contact .content-2 img {
	width: 100%
}

.page-about-contact .content-3 {
	background: #e47541;
	padding: 100px 0
}

.page-about-contact .content-3 h3 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px
}

.page-about-contact .content-3 p {
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
	color: #fff
}

.page-about-contact .content-4 {
	background: url("../../public/images/index/document-bottom-bg.jpg") no-repeat center top;
	background-size: cover;
	padding: 100px 0
}

.page-about-contact .content-4 h3 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px
}

.page-about-contact .content-4 p {
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
	color: #fff
}

.page-active-createcompete {
	width: 100%
}

.page-active-createcompete .content-1 {
	width: 100%;
	height: 957px;
	padding-top: 260px;
	background: url("../../public/images//index/active/createcompete/topbg_02.jpg") no-repeat center center
}

.page-active-createcompete .content-1 .logo {
	text-align: center
}

.page-active-createcompete .content-2 {
	width: 100%;
	height: 1130px
}

.page-active-createcompete .content-2 .content-center {
	width: 1260px;
	position: relative
}

.page-active-createcompete .content-2 .content-center .content2-header {
	width: 100%;
	height: 411px;
	background: url("../../public/images//index/active/createcompete/content1-bg_03.png") no-repeat top left;
	background-size: cover;
	margin-top: -109px
}

.page-active-createcompete .content-2 .content-center .content2-header .left,
.page-active-createcompete .content-2 .content-center .content2-header .right {
	width: 50%;
	display: inline-block;
	float: left;
	padding-top: 50px
}

.page-active-createcompete .content-2 .content-center .content2-header .left p,
.page-active-createcompete .content-2 .content-center .content2-header .right p {
	width: 70%;
	color: #615676;
	margin: 0 auto;
	line-height: 26px
}

.page-active-createcompete .content-2 .content-center .content2-header .left .title,
.page-active-createcompete .content-2 .content-center .content2-header .right .title {
	text-align: center;
	margin-bottom: 20px
}

.page-active-createcompete .content-2 .content-center .content2-header .left .title span,
.page-active-createcompete .content-2 .content-center .content2-header .right .title span {
	display: inline-block;
	background: #42c0ff;
	padding: 5px 30px;
	color: #fff;
	border-radius: 50px;
	font-size: 18px
}

.page-active-createcompete .content-2 .content-center .content2-main h1 {
	text-align: center
}

.page-active-createcompete .content-2 .content-center .content2-main p {
	font-size: 16px
}

.page-active-createcompete .content-2 .content-center .content2-main p.info {
	text-align: center;
	color: #545454;
	width: 62%;
	margin: 80px auto 50px;
	line-height: 35px
}

.page-active-createcompete .content-2 .content-center .content2-main p.info span {
	color: #e47541
}

.page-active-createcompete .content-2 .content-center .content2-main .product-lists p {
	text-align: center
}

.page-active-createcompete .content-2 .content-center .content2-main .product-lists p.tip {
	color: #42c0ff;
	margin-top: 20px;
	line-height: 32px
}

.page-active-createcompete .content-2 .content-center .content2-main .product-lists h3 {
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
	line-height: 32px
}

.page-active-createcompete .content-3 {
	margin-top: 200px;
	background: #f5f5f5;
	min-height: 746px;
	position: relative
}

.page-active-createcompete .content-3 .f {
	position: absolute;
	display: inline-block
}

.page-active-createcompete .content-3 .f.f0 {
	right: 0;
	top: 310px
}

.page-active-createcompete .content-3 .f.f1 {
	left: 0;
	top: 500px
}

.page-active-createcompete .content-3 .f.f2 {
	right: 0;
	top: 1300px
}

.page-active-createcompete .content-3 .content-center {
	width: 1260px;
	position: relative;
	padding-top: 645px
}

.page-active-createcompete .content-3 .content-center .content3-1 {
	position: absolute;
	top: -100px;
	left: 50%;
	margin-left: -630px;
	width: 1260px;
	background: url("../../public/images//index/active/createcompete/content3_06.png") no-repeat center center;
	height: 746px
}

.page-active-createcompete .content-3 .content-center .content3-1 .content3-1-1 {
	position: absolute;
	top: 140px;
	left: 147px
}

.page-active-createcompete .content-3 .content-center .content3-1 .content3-1-1 .icon {
	background: url("../../public/images//index/active/createcompete/content3-icon.jpg") no-repeat center center;
	background-size: 100% 100%;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 15px
}

.page-active-createcompete .content-3 .content-center .content3-1 .content3-1-1 p {
	margin: 18px 0
}

.page-active-createcompete .content-3 .content-center .content3-1 .content3-1-2 {
	position: absolute;
	bottom: 60px;
	right: 167px
}

.page-active-createcompete .content-3 .content-center .content3-1 .content3-1-2 p {
	text-align: right;
	line-height: 35px
}

.page-active-createcompete .content-3 .content-center .content3-2 {
	width: 100%;
	background: url("../../public/images//index/active/createcompete/content3_09.png") no-repeat center center;
	height: 515px;
	position: relative
}

.page-active-createcompete .content-3 .content-center .content3-2 .content3-2-1 {
	position: absolute;
	top: 129px;
	left: 167px
}

.page-active-createcompete .content-3 .content-center .content3-2 .content3-2-1 p {
	line-height: 26px
}

.page-active-createcompete .content-3 .content-center .content3-2 .content3-2-1 p span {
	color: #e47541
}

.page-active-createcompete .content-3 .content-center .content3-2 .content3-2-2 {
	position: absolute;
	bottom: 53px;
	right: 167px
}

.page-active-createcompete .content-3 .content-center .content3-3 {
	width: 100%;
	background: url("../../public/images//index/active/createcompete/content3_10.png") no-repeat center center;
	height: 642px;
	position: relative
}

.page-active-createcompete .content-3 .content-center .content3-3 .content3-3-1 {
	position: absolute;
	top: 129px;
	left: 167px
}

.page-active-createcompete .content-3 .content-center .content3-3 .content3-3-1 p {
	line-height: 26px
}

.page-active-createcompete .content-3 .content-center .content3-3 .content3-3-1 p span {
	color: #e47541
}

.page-active-createcompete .content-3 .content-center .content3-3 .content3-3-2 {
	position: absolute;
	bottom: 100px;
	right: 167px
}

.page-active-createcompete .content-3 .content-center .content3-3 .content3-3-2 p {
	line-height: 26px;
	text-align: right
}

.page-active-createcompete .content-3 .content-center .content3-3 .content3-3-2 p span {
	color: #e47541
}

.page-active-createcompete .content-3 .content-center .content3-4 {
	width: 100%;
	background: url("../../public/images//index/active/createcompete/content3_12.png") no-repeat center center;
	height: 632px;
	position: relative
}

.page-active-createcompete .content-3 .content-center .content3-4 p {
	position: absolute;
	text-align: center;
	line-height: 26px;
	bottom: 270px;
	width: 100%
}


/*# sourceMappingURL=index.css.map */