@charset "utf-8";



#topaBar {

	background: #fff

}



body {

	font-family: "Microsoft YaHei"

}



.clearfloat:after {

	display: block;

	clear: both;

	content: "";

	visibility: hidden;

	height: 0

}



.clearfloat {

	zoom: 1

}



.container {

	width: 1190px;

	margin: auto;

	overflow: hidden

}







.toolbar {

	width: 542px;

	height: 42px;

	background: #4d0fb2;

	border-radius: 42px;

	float: right;

	font-size: 15px;

	line-height: 42px;

	margin-top: 27px

}



.toolbar ul {

	margin-left: 25px

}



.toolbar ul li {

	float: left;

	margin-left: 2px;

	text-align: center;

	cursor: pointer;

	padding: 0 18px

}



.toolbar ul li:hover {

	background: url(../images/active_03.png) no-repeat center center

}



.toolbar ul li.long:hover {

	background: url(../images/active-long_03.png) no-repeat center center

}



.toolbar ul li a {

	color: #fff

}



.toolbar .icon-toolbar {

	width: 23px;

	height: 23px;

	display: inline-block;

	background: url(../images/icon-toolbar.png) no-repeat;

	margin-right: 7px;

	vertical-align: -5px

}



.toolbar .icon-qq {

	background-position: -2px 0

}



.toolbar .icon-apply {

	background-position: -2px -44px

}



.toolbar .icon-phone {

	background-position: -2px -85px

}



.apply-form {

	

	width: 100%;

	height: 715px;

	max-height: 715px;

	min-height: 530px;

	clear: both;

	position: fixed;

	z-index: 1;

	top: 0px

}



.apply-content {

	width: 544px;

	float: left;

	margin-top: 165px;

	position: relative

}



.apply-content img {

	display: block

}



.apply-content span {

	color: #180041;

	font-size: 40px;

	padding: 5px 0;

	display: block

}



.apply-content .hr {

	border-top: 1px solid #7b738a;

	width: 35px;

	display: inline-block;

	position: relative;

	top: 5px;

	margin: 0 2px

}



.apply-content p {

	color: #7b738a;

	font-size: 16px;

	line-height: 28px

}



.apply-form form {

	width: 300px;

	background: #fff;

	background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));

	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));

	background: -moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));

	background: -ms-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));

	background: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));

	float: right;

	margin: 118px 110px 0 0

}



.apply-form form .form-title {

	font-size: 22px;

	color: #4d0fb2;

	display: block;

	text-align: center;

	margin: 31px 0 6px

}



.apply-form form input[type="text"] {

	width: 210px;

	height: 40px;

	padding: 0 15px;

	border: 1px solid #dedff6;

	border-radius: 3px;

	font-size: 14px;

	color: #180041;

	font-family: "Microsoft YaHei";

	margin: 15px 30px 0

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

	color: #baaece

}



input:-moz-placeholder,

textarea:-moz-placeholder {

	color: #baaece

}



input::-moz-placeholder,

textarea::-moz-placeholder {

	color: #baaece

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

	color: #baaece

}



.apply-form form input[type="button"],

.apply-form form .button {

	width: 142px;

	height: 38px;

	line-height: 38px;

	font-size: 14px;

	font-family: "Microsoft YaHei";

	border-radius: 38px;

	background: #4d0fb2;

	background: -webkit-linear-gradient(left top, #4d0fb2, #f34350);

	background: -o-linear-gradient(bottom right, #4d0fb2, #f34350);

	background: -moz-linear-gradient(bottom right, #4d0fb2, #f34350);

	background: -ms-linear-gradient(bottom right, #4d0fb2, #f34350);

	background: linear-gradient(to bottom right, #4d0fb2, #f34350);

	border: 0;

	color: #fff;

	margin: 28px 80px 45px;

	cursor: pointer;

	display: inline-block;

	text-align: center

}



.error {

	color: #d03864;

	margin: 8px 30px 0;

	display: block

}



.error2 {

	color: #fff;

	margin: 8px 80px 0;

	display: block

}



.error3 {

	color: #d03864;

	margin: 8px 85px 0;

	display: block

}



.advantage {

	border-top: 1px solid #ebecf3;

	height: 170px;

	background: #fdfdff;

	background: -webkit-linear-gradient(#fdfdff, #ebeafb);

	background: -o-linear-gradient(#fdfdff, #ebeafb);

	background: -moz-linear-gradient(#fdfdff, #ebeafb);

	background: -ms-linear-gradient(#fdfdff, #ebeafb);

	background: linear-gradient(#fdfdff, #ebeafb);

	position: relative;

	z-index: 2;

	

}



.advantage .icon-advantage {

	width: 62px;

	height: 58px;

	display: block;

	background: url(../images/icon-advange.png) no-repeat;

	margin-left: 90px;

	-webkit-transition: transform 1s linear;

	-moz-transition: transform 1s linear;

	-ms-transition: transform 1s linear;

	-o-transition: transform 1s linear;

	transition: transform 1s linear

}



.advantage .icon-search {

	animation: mymove1 1s alternate 1;

	-ms-animation: mymove1 1s alternate 1;

	-webkit-animation: mymove1 1s alternate 1;

	-moz-animation: mymove1 1s alternate 1;

	-o-animation: mymove1 1s alternate 1

}



.advantage .icon-mobile {

	background-position: 0 -68px;

	animation: mymove1 1s alternate 1s;

	-ms-animation: mymove1 1s alternate 1s;

	-webkit-animation: mymove1 1s alternate 1s;

	-moz-animation: mymove1 1s alternate 1s;

	-o-animation: mymove1 1s alternate 1s

}



.advantage .icon-weixin {

	background-position: 0 -130px;

	animation: mymove1 1s alternate 2s;

	-ms-animation: mymove1 1s alternate 2s;

	-webkit-animation: mymove1 1s alternate 2s;

	-moz-animation: mymove1 1s alternate 2s;

	-o-animation: mymove1 1s alternate 2s

}



.advantage .icon-safe {

	background-position: 0 -200px;

	animation: mymove1 1s alternate 3s;

	-ms-animation: mymove1 1s alternate 3s;

	-webkit-animation: mymove1 1s alternate 3s;

	-moz-animation: mymove1 1s alternate 3s;

	-o-animation: mymove1 1s alternate 3s

}



.advantage .icon-user {

	background-position: 0 -268px;

	animation: mymove1 1s alternate 4s;

	-ms-animation: mymove1 1s alternate 4s;

	-webkit-animation: mymove1 1s alternate 4s;

	-moz-animation: mymove1 1s alternate 4s;

	-o-animation: mymove1 1s alternate 4s

}



@keyframes mymove1 {

	from {

		transform: rotateY(0);

		-ms-transform: rotateY(0);

		-moz-transform: rotateY(0);

		-webkit-transform: rotateY(0);

		-o-transform: rotateY(0)

	}



	to {

		transform: rotateY(360deg);

		-ms-transform: rotateY(360deg);

		-moz-transform: rotateY(360deg);

		-webkit-transform: rotateY(360deg);

		-o-transform: rotateY(360deg)

	}

}



@-ms-keyframes mymove1 {

	from {

		transform: rotateY(0);

		-ms-transform: rotateY(0);

		-moz-transform: rotateY(0);

		-webkit-transform: rotateY(0);

		-o-transform: rotateY(0)

	}



	to {

		transform: rotateY(360deg);

		-ms-transform: rotateY(360deg);

		-moz-transform: rotateY(360deg);

		-webkit-transform: rotateY(360deg);

		-o-transform: rotateY(360deg)

	}

}



@-moz-keyframes mymove1 {

	from {

		transform: rotateY(0);

		-ms-transform: rotateY(0);

		-moz-transform: rotateY(0);

		-webkit-transform: rotateY(0);

		-o-transform: rotateY(0)

	}



	to {

		transform: rotateY(360deg);

		-ms-transform: rotateY(360deg);

		-moz-transform: rotateY(360deg);

		-webkit-transform: rotateY(360deg);

		-o-transform: rotateY(360deg)

	}

}



@-webkit-keyframes mymove1 {

	from {

		transform: rotateY(0);

		-ms-transform: rotateY(0);

		-moz-transform: rotateY(0);

		-webkit-transform: rotateY(0);

		-o-transform: rotateY(0)

	}



	to {

		transform: rotateY(360deg);

		-ms-transform: rotateY(360deg);

		-moz-transform: rotateY(360deg);

		-webkit-transform: rotateY(360deg);

		-o-transform: rotateY(360deg)

	}

}



@-o-keyframes mymove1 {

	from {

		transform: rotateY(0);

		-ms-transform: rotateY(0);

		-moz-transform: rotateY(0);

		-webkit-transform: rotateY(0);

		-o-transform: rotateY(0)

	}



	to {

		transform: rotateY(360deg);

		-ms-transform: rotateY(360deg);

		-moz-transform: rotateY(360deg);

		-webkit-transform: rotateY(360deg);

		-o-transform: rotateY(360deg)

	}

}



.advantage ul {

	padding-top: 37px

}



.advantage ul li {

	width: 238px;

	float: left;

	background: url(../images/line_03.jpg) no-repeat right 0

}



.advantage ul li:last-child {

	background: 0

}



.advantage ul li span {

	display: block;

	text-align: center;

	color: #180041;

	font-size: 15px

}



.advantage ul li:hover .icon-advantage {

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	transform: translateY(-10px)

}



.distribution {

	height: 800px;

	background: url(../images/mapbg_02.jpg) no-repeat center 0;

	position: relative;

	z-index: 2

}



.map {

	margin: auto;

	padding-top: 99px;

	width: 1310px;

	height: 705px

}



.position {

	position: relative;

	width: 1310px;

	height: 800px;

	margin: auto

}



.member {

	background: url(../images/member_03.jpg) no-repeat;

	width: 425px;

	height: 186px;

	position: absolute;

	bottom: 70px;

	right: 0

}



.member-div {

	height: 120px;

	overflow: hidden;

	margin-top: 50px

}



.member ul li {

	line-height: 20px

}



.member ul li,

.member ul li a {

	color: #8a849e

}



.member ul li:hover {

	color: #fff

}



.member ul li:hover a {

	color: #fff

}



.member ul li a {

	width: 265px;

	display: inline-block;

	margin-right: 5px;

	margin-left: 23px

}



.point {

	position: absolute;

	left: 693px;

	top: 595px

}



.optimize-div {

	background: #fff;

	position: relative;

	z-index: 2

}



.optimize {

	height: 587px;

	background: url(../images/optimize_07.jpg) no-repeat 435px 65px;

	padding-top: 123px

}



.tab-nav {

	width: 758px;

	padding-left: 82px;

	margin: auto;

	height: 48px;

	border-bottom: 1px solid #eff1fc

}



.tab-nav li {

	float: left;

	width: 200px;

	height: 48px;

	line-height: 48px;

	color: #7b738a;

	font-size: 20px;

	text-align: center;

	cursor: pointer;

	margin-right: 38px

}



.tab-nav li.active {

	border-bottom: 3px solid #e3b374;

	color: #e3b374

}



.tab-content {

	margin-top: 30px

}



.tab-content div {

	display: none;

	text-align: center

}



.tab-content .active {

	display: block

}





.mid-img {

	overflow: hidden;

	height: 162px;

	position: relative;

	z-index: 2

}



.mid-imgcon {

	float: left;

	position: relative;

	left: 50%

}



.mid-img img {

	position: relative;

	left: -50%

}



.fl {

	float: left

}



.fr {

	float: right

}



.tab-cloud {

	background: #fff;

	position: relative;

	z-index: 2

}



.wrapper {

	width: 800px;

	height: 185px;

	margin: 0 auto;

	padding-top: 250px;

	position: relative;

	z-index: 2

}



.tagcloud {

	position: relative;

	margin-top: -150px

}



.tab-cloud .hr {

	border-top: 1px solid #180041;

	width: 30px;

	display: inline-block;

	position: relative;

	top: -5px;

	margin: 0 2px

}



.tagcloud a {

	position: absolute;

	top: 0;

	left: 0;

	display: block;

	padding: 8px 10px;

	color: #180041;

	font-size: 14px;

	border-radius: 5px;

	background-color: #fff;

	text-decoration: none;

	white-space: nowrap;

	-o-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

	-ms-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

	-moz-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

	-webkit-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

	box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";

	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9)

}



.tagcloud a:hover {

	color: #fff;

	background: #fbbb08;

	background: -webkit-linear-gradient(left top, #fbbb08, #f34350);

	background: -o-linear-gradient(bottom right, #fbbb08, #f34350);

	background: -moz-linear-gradient(bottom right, #fbbb08, #f34350);

	background: -ms-linear-gradient(bottom right, #fbbb08, #f34350);

	background: linear-gradient(to bottom right, #fbbb08, #f34350)

}



.tagcloud a:hover .hr {

	border-color: #fff

}



.apply-div {

	height: 205px;

	position: relative;

	background-color: #fff;

	z-index: 3

}



.apply-container {

	height: 280px;

	border-radius: 10px;

	background: #4d0fb2;

	background: -webkit-linear-gradient(left, #f3810d, #d03864);

	background: -o-linear-gradient(right, #f3810d, #d03864);

	background: -moz-linear-gradient(right, #f3810d, #d03864);

	background: -ms-linear-gradient(right, #f3810d, #d03864);

	background: linear-gradient(to right, #f3810d, #d03864)

}



.apply-container .apply-font {

	width: 306px;

	float: left;

	color: #fff;

	margin-left: 183px;

	margin-top: 92px

}



.apply-online {

	font-size: 28px

}



.apply-year {

	font-size: 22px

}



.apply-year font {

	font-size: 32px;

	font-weight: bold

}



.apply-form2 {

	width: 400px;

	float: right;

	margin: 18px 165px 0 0

}



.apply-form2 label {

	width: 64px;

	display: inline-block;

	font-size: 16px;

	color: #fff;

	text-align: right

}



.apply-form2 form input[type="text"] {

	width: 260px;

	height: 38px;

	padding: 0 15px;

	border: 1px solid #dedff6;

	border-radius: 3px;

	font-size: 14px;

	color: #baaece;

	font-family: "Microsoft YaHei";

	margin: 15px 12px 0

}



.apply-form2 form input[type="button"],

.apply-form2 form .button {

	width: 160px;

	height: 42px;

	line-height: 42px;

	font-size: 16px;

	font-family: "Microsoft YaHei";

	border: 3px solid #fff;

	border-radius: 38px;

	background: 0;

	color: #fff;

	margin: 18px 0 0 147px;

	cursor: pointer;

	display: inline-block;

	text-align: center

}



.footer {

	background: #1b0453;

	color: #fff;

	text-align: center;

	height: 93px;

	line-height: 24px;

	padding-top: 105px;

	position: relative;

	z-index: 2

}



.footer a {

	color: #fff;

	margin: 0 11px

}



.service-bar {

	background: #fff;

	border-left: 1px solid #e6e6e6;

	width: 52px;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 6

}



.service-bar img {

	position: absolute;

	right: 0;

	top: 110px

}



.service-bar ul {

	margin-top: 229px

}



.service-bar ul li {

	height: 80px;

	text-align: center;

	border-bottom: 1px solid #f6f6f6;

	padding-top: 20px

}



.service-bar ul li a {

	cursor: pointer

}



.service-bar ul li .icon-top {

	margin-top: 20px

}



.icon-service {

	background: url(../images/service-bar.png) no-repeat;

	width: 26px;

	height: 26px;

	display: inline-block;

	margin-left: 2px

}



.icon-qq {

	background-position: -11px -5px

}



.icon-tel {

	background-position: -11px -105px

}



.icon-pen {

	background-position: -10px -209px

}



.icon-map {

	width: 23px;

	height: 23px;

	background-position: -10px -309px

}



.icon-top {

	background-position: -6px -434px

}



.service-bar .qq a:hover .icon-qq {

	background-position: -77px -6px

}



.service-bar .tel a:hover .icon-tel {

	background-position: -73px -105px

}



.service-bar .tel-div .icon-tel {

	background-position: -73px -105px;

	vertical-align: -3px

}



.service-bar .tel {

	position: relative

}



.service-bar .tel .tel-div {

	display: none;

	position: absolute;

	width: 137px;

	height: 78px;

	background: #fff;

	border-top: 1px solid #f6f6f6;

	border-bottom: 1px solid #f6f6f6;

	right: 0;

	top: 0;

	padding-top: 21px

}



.service-bar .tel .tel-div span {

	display: inline-block;

	width: auto;

	margin-left: -5px;

	font-size: 14px

}



.service-bar .tel .tel-div .tel-number {

	margin-top: 3px;

	margin-left: 10px

}



.service-bar .pen a:hover .icon-pen {

	background-position: -76px -210px

}



.service-bar .en a:hover .icon-map {

	animation: mymove 1s infinite alternate;

	-ms-animation: mymove 1s infinite alternate;

	-webkit-animation: mymove 1s infinite alternate;

	-moz-animation: mymove 1s infinite alternate;

	-o-animation: mymove 1s infinite alternate

}



@keyframes mymove {

	from {

		transform: rotate(0);

		-ms-transform: rotate(0);

		-moz-transform: rotate(0);

		-webkit-transform: rotate(0);

		-o-transform: rotate(0)

	}



	to {

		transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		-moz-transform: rotate(180deg);

		-webkit-transform: rotate(180deg);

		-o-transform: rotate(180deg)

	}

}



@-ms-keyframes mymove {

	from {

		transform: rotate(0);

		-ms-transform: rotate(0);

		-moz-transform: rotate(0);

		-webkit-transform: rotate(0);

		-o-transform: rotate(0)

	}



	to {

		transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		-moz-transform: rotate(180deg);

		-webkit-transform: rotate(180deg);

		-o-transform: rotate(180deg)

	}

}



@-moz-keyframes mymove {

	from {

		transform: rotate(0);

		-ms-transform: rotate(0);

		-moz-transform: rotate(0);

		-webkit-transform: rotate(0);

		-o-transform: rotate(0)

	}



	to {

		transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		-moz-transform: rotate(180deg);

		-webkit-transform: rotate(180deg);

		-o-transform: rotate(180deg)

	}

}



@-webkit-keyframes mymove {

	from {

		transform: rotate(0);

		-ms-transform: rotate(0);

		-moz-transform: rotate(0);

		-webkit-transform: rotate(0);

		-o-transform: rotate(0)

	}



	to {

		transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		-moz-transform: rotate(180deg);

		-webkit-transform: rotate(180deg);

		-o-transform: rotate(180deg)

	}

}



@-o-keyframes mymove {

	from {

		transform: rotate(0);

		-ms-transform: rotate(0);

		-moz-transform: rotate(0);

		-webkit-transform: rotate(0);

		-o-transform: rotate(0)

	}



	to {

		transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		-moz-transform: rotate(180deg);

		-webkit-transform: rotate(180deg);

		-o-transform: rotate(180deg)

	}

}



.service-bar span {

	display: block;

	width: 26px;

	margin-left: 12px;

	line-height: 14px;

	color: #4d0fb2

}



.service-bar .en span {

	width: 42px;

	font-weight: bold;

	margin-left: 5px

}



.shade {

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: .3;

	filter: alpha(opacity=30);

	position: fixed;

	left: 0;

	top: 0;

	z-index: 1000;

	display: none

}



.success {

	width: 500px;

	height: 260px;

	background: #fff;

	position: fixed;

	z-index: 1001;

	display: none

}



.icon-modal {

	background: url(../images/modal.png) no-repeat

}



.icon-close {

	width: 20px;

	height: 20px;

	display: block;

	background-position: -8px -8px;

	float: right;

	margin: 15px 16px 0 0;

	cursor: pointer

}



.icon-sussess {

	width: 24px;

	height: 24px;

	background-position: -5px -39px;

	display: inline-block;

	vertical-align: -6px;

	margin-right: 6px

}



.success-div {

	clear: both;

	width: 275px;

	margin: auto;

	text-align: center;

	font-size: 18px;

	color: #6b0;

	padding-top: 30px

}



.success-div p {

	font-size: 14px;

	color: #333;

	line-height: 22px;

	margin: 10px 0 25px

}



.success-div .closebtn {

	width: 100px;

	height: 36px;

	text-align: center;

	line-height: 36px;

	display: block;

	border-radius: 3px;

	background: #6b0;

	color: #fff;

	font-size: 14px;

	cursor: pointer;

	margin: auto

}



.applyform3,

.apply-success {

	width: 805px;

	height: 465px;

	border: 8px solid #4d0fb2;

	border-radius: 8px;

	background: #fff;

	position: fixed;

	z-index: 1001;

	display: none

}



.apply-onlines {

	float: left;

	width: 175px;

	font-size: 24px;

	color: #180041;

	margin: 35px 0 0 38px

}



.apply-onlines font {

	font-weight: bold

}



.icon-close-big {

	width: 30px;

	height: 30px;

	display: block;

	float: right;

	margin: 40px 30px 0 0;

	background-position: -5px -94px;

	cursor: pointer

}



.apply-price {

	width: 217px;

	display: block;

	margin: 25px auto 6px;

	font-size: 22px;

	color: #4d0fb2

}



.apply-price font {

	font-weight: bold;

	font-size: 32px

}



.applyform3 form {

	width: 390px;

	margin: auto

}



.applyform3 label {

	color: #180041;

	font-size: 16px;

	margin-right: 15px;

	width: 65px;

	text-align: right;

	display: inline-block

}



.applyform3 input[type="text"] {

	width: 272px;

	height: 40px;

	border: 1px solid #e2e2e2;

	border-radius: 2px;

	padding: 0 15px;

	margin-top: 17px;

	font-family: "Microsoft YaHei";

	font-size: 14px

}



.applyform3 input[type="button"],

.applyform3 .button {

	width: 160px;

	height: 44px;

	text-align: center;

	line-height: 40px;

	border: 2px solid #fff;

	border-radius: 44px;

	background: #4d0fb2;

	background: -webkit-linear-gradient(left top, #4d0fb2, #f34350);

	background: -o-linear-gradient(bottom right, #4d0fb2, #f34350);

	background: -moz-linear-gradient(bottom right, #4d0fb2, #f34350);

	background: -ms-linear-gradient(bottom right, #4d0fb2, #f34350);

	background: linear-gradient(to bottom right, #4d0fb2, #f34350);

	color: #fff;

	font-size: 16px;

	font-family: "Microsoft YaHei";

	margin: 19px 115px 45px;

	cursor: pointer;

	box-shadow: 5px 5px 10px #fde4e6;

	display: inline-block

}



.icon-sussess-big {

	width: 43px;

	height: 43px;

	background-position: -1px -137px;

	display: inline-block;

	vertical-align: -12px;

	margin-right: 6px

}



.success-div-big {

	clear: both;

	width: 314px;

	margin: auto;

	text-align: center;

	font-size: 22px;

	color: #6b0;

	padding-top: 90px

}



.success-div-big p {

	font-size: 16px;

	color: #333;

	line-height: 24px;

	margin: 10px 0 82px

}



.success-div-big .closebtn-big {

	width: 160px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	display: block;

	border: 2px solid #fff;

	border-radius: 40px;

	background: #4d0fb2;

	background: -webkit-linear-gradient(left top, #4d0fb2, #f34350);

	background: -o-linear-gradient(bottom right, #4d0fb2, #f34350);

	background: -moz-linear-gradient(bottom right, #4d0fb2, #f34350);

	background: -moz-linear-gradient(bottom right, #4d0fb2, #f34350);

	background: linear-gradient(to bottom right, #4d0fb2, #f34350);

	color: #fff;

	font-size: 16px;

	cursor: pointer;

	margin: auto;

	box-shadow: 5px 5px 10px #fde4e6

}



.icon-tgt {

	background-position: -10px -551px

}



.service-bar .tgt a:hover .icon-tgt {

	background-position: -74px -551px

}



.service-bar .tgt span {

	width: 100%;

	text-align: center;

	margin: 0

}




.m-aside-tool {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99000;
	width: 40px;
	background: #222;
	color: #fff
}

.m-aside-tool .aside-body {
	position: absolute;
	left: 0;
	right: 0;
	top: 0
}

.m-aside-tool .aside-bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

.m-aside-tool .tool-list {
	border-top: 1px solid #333
}

.m-aside-tool .tool-list .tool-btn {
	display: block;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #333;
	-webkit-transition: .2s;
	transition: .2s
}

.m-aside-tool .tool-list .tool-btn .icon img {
	max-width: 100%;
	vertical-align: top
}

.m-aside-tool .tool-list .tool-btn .name {
	margin-top: 3px;
	font-size: 14px;
	color: #fff;
	width: 40px !important
}

.m-aside-tool .tool-list .tool-btn .sign {
	display: inline-block;
	min-width: 20px;
	height: 20px;
	line-height: 21px;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	background: #f03a58;
	text-align: center;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.m-aside-tool .tool-list .tool-btn.show-btn-collection .show-collection {
	display: none;
	position: absolute;
	right: 45px;
	bottom: 115px;
	font-size: 14px;
	width: 80px;
	height: 34px;
	border-radius: 2px;
	border: 1px solid #e5e5e5;
	text-align: center;
	line-height: 34px;
	color: #222;
	z-index: 9999;
	background-color: #fff
}

.m-aside-tool .tool-list .tool-btn.show-btn-collection:hover .show-collection {
	display: block;
	color: #222
}

.m-aside-tool .tool-list .tool-btn .show-content {
	display: none;
	position: absolute;
	right: 45px;
	bottom: 45px
}

.m-aside-tool .tool-list .tool-btn .show-content img {
	width: 150px
}

.m-aside-tool .tool-list .tool-btn.show-btn-side .show-content {
	display: none
}

.m-aside-tool .tool-list .tool-btn.show-btn-side:hover .show-content {
	display: block
}

.m-aside-tool .tool-list .tool-btn:hover {
	background: #FF8300
}

.m-aside-tool .tool-list .tool-btn:hover .sign {
	background: #fff;
	color: #FF8300
}

.m-fast-login {
	padding: 30px 25px;
	background-color: #fff
}

.m-fast-login .login-header {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 400;
	color: #222
}

.m-fast-login .login-form {
	position: relative;
	padding-top: 15px
}

.m-fast-login .login-form .form-error {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
	padding: 5px 5px 5px 25px;
	border-radius: 3px;
	background: #fef0f0 url(/static/image/login/list_ico_info@2x.png) no-repeat 5px 5px;
	font-size: 12px;
	color: #ff6336
}

.m-fast-login .login-form .form-line {
	margin-top: 20px;
	font-size: 14px
}

.m-fast-login .login-form .form-line a {
	color: #f03a58
}

.m-fast-login .login-form .form-line a:focus {
	outline: 1px dotted #fd7505;
	color: #d90e32
}

.m-fast-login .login-form .form-line input {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 5px 0 50px;
	border: 1px solid #eee;
	border-radius: 4px;
	font-size: 14px
}

.m-fast-login .login-form .form-line input:focus {
	border-color: #00a5ff
}

.m-fast-login .login-form .form-line .content {
	position: relative;
	overflow: hidden
}

.m-fast-login .login-form .form-line .content .ico {
	position: absolute;
	margin-right: 10px;
	top: 10px;
	left: 10px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 50%
}

.m-fast-login .login-form .form-line .content .ico.ico-account {
	background-image: url(/static/image/login/ico_user@2x.png)
}

.m-fast-login .login-form .form-line .content .ico.ico-password {
	background-image: url(/static/image/login/ico_passcode@2x.png)
}

.m-fast-login .login-form .form-submit {
	display: block;
	width: 100%;
	height: 50px;
	margin-top: 50px;
	line-height: 50px;
	border: none;
	border-radius: 4px;
	background: #f03a58;
	font-size: 18px;
	text-align: center;
	color: #fff
}

.m-fast-login .login-form .form-submit[disabled] {
	background: silver;
	cursor: not-allowed
}

.m-fast-login .login-form .form-submit:focus {
	outline: 1px dotted #fd7505
}

.m-fast-login .login-form .reg-btn {
	float: right
}

.dialog-thirdparty-register {
	width: 420px;
	margin: 0 auto;
	padding: 40px 0 50px
}

.dialog-thirdparty-register .form-item {
	margin: 20px 0
}

.reseller-register {
	width: 800px;
	min-height: 520px
}

.reseller-register .reseller-body {
	margin-right: 315px;
	padding: 30px
}

.reseller-register .reseller-body .reseller-title {
	margin-bottom: 50px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 700;
	color: #222
}

.reseller-register .reseller-aside {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 315px;
	background: #f4f4f5 url(/static/image/public/pic_reseller_ad.png) no-repeat 50%
}



.foot {
	width:100%;
	height:80px;
	padding-top:80px;
	background:#2e323f;
	color:#a4a4a4;

	position: relative;

	z-index: 1;
}
.foot a:link,.foot a:visited {
	color:#999;
	font-family:"微软雅黑";
}
.flLoch {
	display:inline-block;
	height: 30px;line-height: 30px;

	padding-top: 5px;
}



.foot .footAbout {
	width:1200px;
	text-align:center;
	margin:0 auto
}
.foot .footAbout li {
	width:1200px;
	text-align:center;
	margin-bottom:10px;
}
.foot .sicon {
	width:24px;
	height:24px;
	display:inline-block;
	background:url(../images/qgjIcon.png) no-repeat;
	vertical-align:middle
}
.foot .sina {
	background-position:0 -140px;
}
.foot .sina:hover {
	background-position:0 -173px;
}
.foot .qqonline {
	background-position:-34px -472px;
	margin-left:5px;
}
.foot .qqonline:hover {
	background-position:-34px -505px;
}
.foot li.footer {
	width:799px;
	height:44px;
	background:url(../images/copyright.png) no-repeat;
	margin:0 auto
}
.foot .footer .iso {
	width:126px;
	height:44px;
	display:inline-block
}
.foot .footer .iso:hover {
	background:url(../images/copyright.png) no-repeat 0 -52px;
}
.foot .footer .beian:hover {
	background:url(../images/copyright.png) no-repeat -126px -52px;
}
.foot .footer .mcafee:hover {
	background:url(../images/copyright.png) no-repeat -252px -52px;
}
.foot .footer .lanbiao:hover {
	background:url(../images/copyright.png) no-repeat -378px -52px;
}
.foot .footer .youngper:hover {
	background:url(../images/copyright.png) no-repeat -535px -52px;
}
.foot .footer .gswj:hover {
	background:url(../images/copyright.png) no-repeat -661px -52px;
}