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

textarea {
	resize: none
}

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

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

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

fieldset,
img {
	border: 0
}

em,
th,
var {
	font-style: normal;
	font-weight: 400
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

i {
	font-style: normal
}

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

li {
	list-style-type: none
}

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

abbr,
acronym {
	border: 0
}

img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	border: 0
}

a,
button,
input,
select {
	-webkit-tap-highlight-color: transparent;
	outline: 0
}

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

html {
	-webkit-text-size-adjust: none
}

body {
	font: 14px/26px "Microsoft YaHei", Arial;
	color: #222;
	letter-spacing: .03em;
	-webkit-font-smoothing: antialiased;
	background: #fff
}

input,
select,
textarea,
button {
	font: 14px/26px "Microsoft YaHei", Arial;
	border: 0;
	color: #333
}

input:focus {
	outline: 0
}

button,
input[type=button] {
	border: 0;
	background: 0 0
}

table {
	font-size: inherit;
	font: 100%
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

::-webkit-input-placeholder {
	color: #999
}

:-moz-placeholder {
	color: #999;
	opacity: 1
}

::-moz-placeholder {
	color: #999;
	opacity: 1
}

:-ms-input-placeholder {
	color: #999
}

.clearfix:after,
.clearfixlist li:after,
.container:after,
.mod:after,
.form-group:after {
	content: "\0020";
	display: block;
	clear: both;
	height: 0;
	font-size: 0
}

.clearfix,
.clearfixlist li,
.container,
.mod,
.form-group {
	zoom: 1
}

.clear {
	clear: both;
	display: block
}

.hide {
	display: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.flex-row,
.flex-title,
.flex-verty {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row
}

.flex-col {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column
}

.around {
	justify-content: space-around;
	align-items: center
}

.between {
	justify-content: space-between;
	align-items: center
}

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

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

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

.vertical {
	display: table-cell;
	vertical-align: middle
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-ellipsis,
.name {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pic {
	overflow: hidden
}

.font12 {
	font-size: 12px;
	line-height: 20px
}

.form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0
}

.circle,
.portrait img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%
}

.rect2 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px
}

.rect {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px
}

.mirect {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px
}

.mxrect {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	-ms-border-radius: 16px;
	border-radius: 16px
}

.trans,
.remark {
	-webkit-transition: all .38s ease;
	-moz-transition: all .38s ease;
	transition: all .38s ease
}

.scale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	transition: all ease .38s
}

.rotate {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .38s ease;
	-moz-transition: all .38s ease;
	transition: all .38s ease
}

.blur {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px)
}

a:hover .scale {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08)
}

.nodata {
	padding: 138px 28px 38px;
	color: #999;
	text-align: center;
	background: url(../images/empty.png) no-repeat center 28px;
	background-size: 108px
}

.alert {
	position: fixed;
	z-index: 68;
	top: 48%;
	left: 50%;
	width: 156px;
	min-height: 40px;
	padding: 10px;
	margin-left: -8px;
	margin-top: -24px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, .68)
}

.model {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #333;
	background: rgba(13, 13, 13, .7)
}

.model .inner {
	position: fixed;
	top: 50%;
	left: 50%
}

.model .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	background-color: #bababa;
	background-position: center -1128px
}

.model-alert .inner {
	width: 488px;
	height: 200px;
	padding: 25px 50px;
	margin-top: -100px;
	margin-left: -244px;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	background: #fff
}

.model-alert .btn-solid {
	width: 100%;
	height: 52px;
	margin: 20px 0;
	line-height: 52px;
	background: #1ac078
}

.model-alert .imore {
	display: block;
	padding-right: 13px;
	font-size: 14px;
	color: #fe6817;
	text-align: right;
	background-position: right -1096px
}

.model-alert .imore:hover {
	text-decoration: underline
}

.model-appoint .inner {
	width: 946px;
	height: 384px;
	margin-left: -473px;
	margin-top: -177px
}

.model-appoint .pic {
	float: left;
	width: 590px;
	height: 100%
}

.model-appoint .info {
	float: right;
	width: 356px;
	height: 384px;
	background: #fff
}

.model-appoint .flex-title {
	margin-top: 40px;
	font-size: 20px
}

.model-appoint .subtitle {
	margin-bottom: 30px;
	color: #888;
	text-align: center
}

.container {
	width: 1230px;
	margin: 0 auto
}

.bg-gray {
	background: #f6f6f6
}

.bg-white,
.mod-white {
	background: #fff
}

.orange {
	color: #f67d1b
}

.green {
	color: #1ac078
}

.gray {
	color: #777
}

.icon {
	display: inline-block;
	background: url(../images/sprite.png) no-repeat 0 -9999em
}

.imap {
	padding-left: 18px;
	background-position-y: 6px
}

.imina {
	background-position: 12px -36px
}

.iapp {
	background-position: 13px -76px
}

.iuser {
	background-position: 10px -1358px
}

.iprev {
	background-position: center -120px
}

.iprev:hover {
	background-position: center -192px
}

.inext {
	background-position: center -156px
}

.inext:hover {
	background-position: center -228px
}

.more {
	float: right;
	padding-right: 20px;
	color: #acacac;
	background-position: right -762px
}

.pagination {
	margin: 32px 0 28px;
	text-align: center
}

.pagination a {
	display: inline-block;
	width:auto;
	height: 34px;
	margin: 0 2px;
	line-height: 34px;
	color: #818181;
	text-align: center;
	background-color: #dedede
}

.pagination a:hover,
.pagination .active {
	color: #fff;
	background-color: #1ac078
}

.pagination .icon {
	text-indent: -9999em
}

.pagination.text-left {
	text-align: left
}

.uploader,
.evaloder {
	position: relative
}

.evaloder,
.img-upload {
	width: 100px;
	height: 60px
}

.uploader {
	width: 80px;
	height: 28px
}

.btn-upload,
.input-upload {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 28px;
	cursor: pointer
}

.btn-upload {
	height: 28px;
	border: 1px solid #1ac078;
	line-height: 26px;
	color: #1ac078;
	text-align: center
}

.input-upload {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	text-indent: -9999em
}

.form .form-group {
	position: relative;
	padding-left: 102px;
	margin-bottom: 28px;
	line-height: 40px
}

.form .form-control {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	line-height: 40px
}

.form .attr {
	position: absolute;
	z-index: 8;
	top: 0;
	left: 0;
	width: 102px
}

.form .form-control {
	padding: 0 18px;
	border: 1px solid #b0f0d4;
	line-height: 40px;
	background: #fbfbfb
}

.form .textarea-control {
	height: 176px;
	line-height: 28px
}

.form .txt {
	margin-right: 8px;
	color: #a8a8a8
}

.btn-submit,
.btn-green {
	display: block;
	width: 132px;
	color: #fff;
	text-align: center
}

.btn-submit {
	height: 42px;
	margin-left: 102px;
	font-size: 16px;
	line-height: 42px;
	background: #ff7519
}

.btn-green {
	height: 36px;
	line-height: 36px;
	background: #1ac078
}

.form-suggest {
	width: 66%;
	margin: 50px auto
}

.dialog-wrap,
.dialog-confirm {
	display: none;
	position: fixed
}

.dialog-wrap {
	z-index: 98;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5)
}

.dialog-confirm {
	z-index: 99;
	top: 50%;
	left: 50%;
	width: 76%;
	height: 142px;
	margin-left: -38%;
	margin-top: -70px;
	font-size: 16px;
	color: #222;
	text-align: center;
	background: #f3f3f3
}

.dialog-confirm .info {
	height: 92px;
	padding: 20px 32px;
	font-size: 16px
}

.dialog-confirm .btns {
	border-top: 1px solid #dedede
}

.dialog-confirm .btn {
	float: left;
	width: 50%;
	font-weight: 700;
	line-height: 48px;
	color: #222
}

.dialog-confirm .btn-cancel {
	border-right: 1px solid #dedede
}

.dialog-confirm .btn-confirm {
	color: #1b65e0
}

.hsite,
.hsite a {
	color: #c3c3c3
}

.hsite a:hover {
	color: #1ac078
}

.hsite {
	padding: 5px 0;
	line-height: 26px;
	background: #2a2f35
}

.hsite .phone {
	margin-left: 60px;
	font-size: 16px;
	font-weight: 700
}

.site-nav {
	position: relative;
	z-index: 99
}

.site-nav a {
	margin-left: 8px
}

.site-nav .icon {
	position: relative;
	padding-left: 38px;
	margin-left: 16px
}

.site-nav .icon:after {
	content: '\0020';
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 1px;
	height: 16px;
	background: #c3c3c3
}

.site-nav .iuser:after {
	display: none
}

.hslide {
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	padding: 8px;
	color: #fff;
	background: rgba(0, 0, 0, .68)
}

.hslide:after {
	content: '\0020';
	position: absolute;
	top: -12px;
	left: 50%;
	border: 6px solid transparent;
	border-bottom-color: rgba(0, 0, 0, .68);
	margin-left: -6px
}

.hslide-mina {
	right: 108px
}

.hslide-app {
	padding-bottom: 2px
}

.header {
	padding: 20px 0;
	border-bottom: 1px solid #e8e8e8;
	background: #fff
}

.header .logo {
	float: left;
	max-width: 338px;
	max-height: 48px
}

.header .navbar {
	float: right;
	width: 68%;
	max-width: 689px
}

.nav-list li {
	display: inline-block;
	margin-left: 26px;
	font-size: 18px
}

.nav-list a {
	display: block;
	position: relative;
	line-height: 48px
}

.nav-list .line,
.nav-list .bubble {
	position: absolute
}

.nav-list .line {
	display: block;
	top: -20px;
	left: 50%;
	width: 32px;
	height: 3px;
	margin-left: -16px
}

.nav-list .bubble {
	top: -3px;
	right: -20px;
	width: 32px;
	height: 22px
}

.nav-list .active a,
.nav-list a:hover {
	color: #1ac078
}

.nav-list .active .line,
.nav-list a:hover .line {
	background: #1ac078
}

.fixed-bar {
	position: fixed;
	z-index: 888;
	top: 48%;
	right: -3px;
	width: 76px;
	border: 3px solid #1ac078;
	margin-top: -140px;
	text-align: center;
	background: #1ac078
}

.fixed-bar a {
	display: block;
	position: relative;
	width: 70px;
	height: 70px;
	margin-bottom: 1px;
	font-size: 12px;
	line-height: 18px;
	color: #7a7a7a;
	background: #fff
}

.fixed-bar .icon {
	width: 28px;
	height: 28px;
	margin: 12px auto 4px
}

.fixed-bar .iqq {
	background-position: center -862px
}

.fixed-bar .ichat {
	background-position: center -892px
}

.fixed-bar .ionline {
	background-position: center -922px
}

.fixed-bar .itop {
	background-position: center -1042px
}

.fixed-bar .slide {
	display: none;
	position: absolute;
	top: 50%;
	right: 108%;
	border: 4px solid #1ac078;
	margin-top: -60px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #1ac078
}

.fixed-bar .slide:after {
	content: '\0020';
	position: absolute;
	top: 50%;
	right: -16px;
	border: 8px solid transparent;
	border-left-color: #1ac078;
	margin-top: -8px
}

.fixed-bar .slide-online {
	height: 46px;
	padding: 0 5px;
	margin-top: -23px;
	line-height: 38px
}

.fixed-bar .pic {
	width: 112px;
	height: 112px
}

.fixed-bar a:hover,
.fixed-bar .scroll-top {
	color: #fff;
	background: #1ac078
}

.fixed-bar a:hover .iqq {
	background-position: center -952px
}

.fixed-bar a:hover .ichat {
	background-position: center -982px
}

.fixed-bar a:hover .ionline {
	background-position: center -1012px
}

.footer,
.footer a {
	color: #7a7a7a
}

.footer a:hover {
	color: #1ac078
}

.footer {
	padding: 45px 0 35px;
	font-size: 12px;
	line-height: 20px;
	background: #2d2d2e
}

.footer .container {
	position: relative;
	min-height: 190px
}

.footer .line {
	width: 100%;
	height: 1px;
	margin: 8px 0 22px;
	background: #444445
}

.footer .state {
	margin: 16px 0 12px
}

.footer-nav a {
	margin-right: 22px;
	font-size: 14px;
	color: #dadada
}

.copyright span {
	margin-right: 28px
}

.copyright .icopy {
	padding-right: 152px;
	background: url(../images/flogo.png) no-repeat right center
}

.copyright .iport {
	padding-right: 96px;
	background: url(../images/mw.png) no-repeat right center
}

.copyright .iport:hover {
	background-image: url(../images/mwh.png)
}

.qrcode-list {
	position: absolute;
	bottom: -18px;
	right: 0;
	width: 398px;
	text-align: center
}

.qrcode-list li {
	_display: inline;
	float: left;
	width: 23%;
	margin-left: 2%
}

.qrcode-list .pic {
	max-width: 88px;
	max-height: 88px;
	margin: 0 auto 4px
}

.switch-nav {
	margin-bottom: 10px
}

.switch-nav a {
	display: inline-block;
	width: 80px;
	height: 32px;
	margin-right: 5px;
	line-height: 32px;
	text-align: center;
	background: #1a1a1b
}

.switch-nav a:hover,
.switch-nav .active {
	color: #8f8f8f;
	background: #444445
}

.tab-panel {
	display: none
}

.tab-panel.active {
	display: block
}

.foot-content a {
	display: inline-block;
	margin: 5px
}

.init {
	padding: 30px 0
}

.aside,
.mod-user {
	min-height: 680px
}

.aside {
	float: left;
	width: 248px;
	background: #f6f6f6
}

.aside .hd {
	padding: 25px;
	border-bottom: 1px dotted #c8c8c8
}

.aside .title {
	padding-top: 56px;
	font-size: 22px;
	color: #999;
	text-align: center;
	background: url(../images/ilogo.png) no-repeat center top
}

.aside .bd {
	padding-top: 20px
}

.aside-list {
	font-size: 16px;
	line-height: 46px;
	text-align: center
}

.aside-list a {
	display: block;
	color: #999
}

.aside-list a:hover,
.aside-list .active a {
	color: #fff;
	background: #4dcf97
}

.main {
	float: right;
	width: 78%;
	max-width: 956px
}

.main .title {
	padding: 0 0 12px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 16px;
	font-size: 18px;
	color: #888
}

.init-help .main .title {
	margin-bottom: 8px
}

.dotlist li {
	position: relative;
	padding: 15px 0 15px 20px;
	border-bottom: 1px dotted #ececec
}

.dotlist li:after {
	content: '\0020';
	display: block;
	position: absolute;
	top: 25px;
	left: 0;
	width: 6px;
	height: 6px;
	font-size: 16px;
	background: #1ac078
}

.dotlist a {
	color: #333
}

.dotlist a:hover {
	color: #1ac078
}

.init-about .pic {
	float: left;
	width: 318px;
	height: 196px;
	margin: 5px 20px 0 0
}

.init-about .txt {
	display: inline;
	line-height: 30px
}

.init-contact .map {
	width: 532px;
	height: 270px;
	margin: 50px auto 30px
}

.contact-list {
	width: 532px;
	margin: 0 auto;
	font-size: 18px
}

.contact-list li {
	position: relative;
	padding-left: 66px;
	margin-bottom: 18px
}

.contact-list .attr {
	position: absolute;
	top: 0;
	left: 0;
	width: 56px
}

.btn-hollow,
.btn-solid {
	display: block;
	height: 30px;
	text-align: center
}

.btn-hollow {
	width: 120px;
	border: 1px solid #1ac078;
	line-height: 28px;
	color: #1ac078
}

.btn-solid {
	width: 92px;
	line-height: 30px;
	color: #fff;
	background: #fe8320
}

.header-user .btn-hollow,
.header-user .txt {
	float: right;
	margin-top: 10px
}

.header-user .txt {
	font-size: 20px;
	font-weight: 700;
	color: #1ac078
}

.user-center {
	background: #f6f6f6
}

.user-center .aside {
	background: #606060
}

.user-center .aside .title {
	padding: 20px 18px;
	line-height: 50px;
	color: #fff;
	background: #1ac078
}

.user-center .aside-list {
	border: 1px dotted #bcbcbc;
	border-bottom: 0
}

.user-center .aside-list li {
	border-bottom: 1px dotted #bababa
}

.user-center .aside-list a {
	color: #fff
}

.user-center .portrait {
	float: left;
	width: 90px;
	height: 90px
}

.user-center .mod {
	padding: 20px 18px;
	margin-bottom: 20px;
	background: #fff
}

.user-center .mod-nopad {
	padding: 0
}

.user-center .mod-comstus {
	background: 0 0
}

.mod-nopad .bd {
	padding: 24px 30px
}

.mod .title {
	position: relative;
	padding-left: 12px;
	font-size: 16px;
	color: #222
}

.mod .title:after {
	content: '\0020';
	position: absolute;
	top: 4px;
	left: 0;
	width: 2px;
	height: 16px;
	background: #1ac078
}

.mod .more {
	float: right;
	font-size: 13px;
	color: #999
}

.mod-basic .info {
	float: right;
	position: relative;
	width: 96%;
	max-width: 798px;
	padding: 18px 0
}

.mod-basic .btn-fixed {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -13px
}

.mod-status .title {
	border-bottom: 0
}

.status-list {
	margin-right: -2%
}

.status-list li {
	float: left;
	width: 23%;
	margin-right: 2%;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	background: #95c2ec
}

.status-list .item-yellow {
	background: #f6c86f
}

.status-list .item-purple {
	background: #cbaee8
}

.status-list .item-red {
	background: #fc9a74
}

.status-list .item-green {
	background: #b1d971
}

.status-list a {
	display: block;
	padding: 12px;
	color: #fff
}

.status-list .num {
	font-size: 36px;
	line-height: 48px
}

.comstus-list li {
	width: 18%
}

.mod-flex .mod,
.case-list li {
	float: left;
	width: 49%
}

.mod-flex .mod-case,
.mod-flex .mod-faq,
.case-list li:nth-child(2n) {
	float: right
}

.mod-news .title,
.mod-faq .title {
	margin-bottom: 2px
}

.comlist li {
	padding: 9px 0;
	border-bottom: 1px dotted #c9c9c9;
	color: #666
}

.comlist a {
	display: block;
	color: #666
}

.comlist .num {
	margin-right: 8px
}

.comlist a:hover {
	color: #1ac078
}

.news-list .num {
	font-size: 16px;
	font-weight: 700
}

.conews-list .num,
.faq-list .num {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #f2200a
}

.case-list li {
	color: #222
}

.case-list .pic {
	width: 100%;
	margin-bottom: 12px
}

.case-list .name {
	margin-bottom: 4px
}

.case-list .see {
	font-size: 12px;
	color: #999
}

.case-list .attr {
	display: inline-block;
	height: 20px;
	padding: 0 8px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	background: #1ac078
}

.mod-user {
	border: 1px solid #ddd
}

.mod-user .hd {
	padding: 16px 26px;
	border-bottom: 1px solid #e5e5e5
}

.mod-user .hd .title {
	padding-bottom: 0;
	border: 0;
	margin: 0
}

.form-datum {
	width: 50%;
	max-width: 480px;
	margin: 30px
}

.form-datum .form-group {
	padding-left: 120px
}

.form-datum .attr {
	text-align: right
}

.form-datum .attr-port {
	line-height: 68px
}

.form-datum .portrait {
	float: left;
	width: 68px;
	height: 68px;
	margin-right: 20px
}

.form-datum .uploader {
	float: left;
	margin-top: 20px
}

.form-datum .form-control {
	border-color: #d0d0d0;
	background: #fff
}

.form-datum .btn-submit {
	width: 116px;
	margin-left: 120px
}

.mod-customer .pagination {
	margin: 30px
}

.table .tr,
.order-list li {
	display: table;
	width: 100%
}

.table .td,
.order-list .tb,
.proinfo {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.table .td {
	width: 25%;
	padding: 16px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

.table .td:last-child {
	border-right: 0
}

.table .thd {
	font-size: 16px;
	color: #777
}

.table .btn {
	display: inline-block;
	width: 68px;
	border: 1px solid #1ac078;
	color: #1ac078;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px
}

.table .btn-gray {
	border-color: #a3a3a3;
	color: #ababab
}

.table .btn-del {
	margin-left: 5px;
	border-color: #f9510f;
	color: #f9510f
}

.proinfo {
	position: relative;
	height: 94px;
	padding-left: 110px
}

.proinfo .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 94px;
	height: 94px
}

.proinfo .name {
	font-size: 16px;
	font-weight: 700;
	color: #222
}

.tab-holder {
	border-bottom: 1px solid #1ac078;
	line-height: 62px
}

.tab-holder a {
	float: left;
	padding: 0 30px
}

.tab-holder a:hover,
.tab-holder .active {
	color: #fff;
	background: #1ac078
}

.order-list li {
	padding: 24px 0 24px 30px;
	border-bottom: 1px solid #e5e5e5
}

.order-list a {
	color: #666
}

.order-list .proinfo {
	position: relative;
	width: 56%;
	max-width: 378px;
	text-align: left
}

.order-list .btn {
	display: block;
	width: 94px;
	height: 32px;
	border: 1px solid #1ac078;
	margin: 0 auto;
	line-height: 30px;
	color: #1ac078;
	text-align: center
}

.order-list .btn-orange {
	border-color: #f88117;
	color: #fff;
	background: #f88117
}

.order-list .btn-green {
	color: #fff;
	background: #1ac078
}

.order-list .txt {
	display: block;
	margin-top: 4px
}

.order-list .txt:hover,
.order-list a:hover .name {
	color: #1ac078
}

.mod-evaluate .group-info {
	padding: 24px 30px;
	border-bottom: 1px solid #e5e5e5
}

.form-evaluate {
	padding: 30px
}

.form-evaluate .val-eluate {
	position: relative
}

.form-evaluate .form-control {
	border: 1px solid #d0d0d0;
	background: #fff
}

.form-evaluate .textarea-control {
	height: 120px
}

.form-evaluate .hint {
	position: absolute;
	bottom: 0;
	right: 12px;
	color: #a8a8a8
}

.form-evaluate .evaloder {
	float: left
}

.form-evaluate .pic {
	_display: inline;
	float: left;
	position: relative;
	width: 92px;
	height: 60px;
	border: 1px solid #26c37f;
	margin-left: 28px;
	overflow: visible
}

.form-evaluate .idelete {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 20px;
	height: 20px;
	background-position: center -266px
}

.form-company,
.form-news .form-control {
	width: 460px
}

.form-company .val {
	position: relative
}

.form-company .hint {
	left: 105%;
	width: 168px;
	line-height: 42px
}

.form-news .form-group {
	padding-left: 112px
}

.form-news .attr {
	text-align: right
}

.form-news .textarea-control {
	width: 92%
}

.form-news .select-control {
	width: 220px;
	margin-right: 15px;
	background: url(../images/down.png) no-repeat 96% center
}

.form-news .btn-submit {
	margin-left: 112px
}

.stars {
	color: #a8a8a8
}

.stars i {
	float: left;
	width: 20px;
	height: 20px;
	margin: 10px 0;
	line-height: 20px;
	text-align: center;
	cursor: default;
	text-indent: -9999em;
	background: url(../images/star.png) no-repeat 0 0;
	background-size: 20px 45px
}

.stars .on {
	background-position: 0 -25px
}

.stars input {
	width: 18px;
	border: 0;
	margin-left: 6px;
	color: #a8a8a8;
	text-align: center
}

.mod-comp {
	position: relative
}

.comp-info {
	margin-bottom: 20px
}

.comp-info .pic {
	width: 130px;
	height: 78px;
	margin-right: 18px
}

.comp-info .info {
	width: 68%;
	max-width: 520px
}

.comp-info .name {
	margin-right: 8px;
	font-size: 22px;
	line-height: 32px;
	color: #141414
}

.comp-info .hint {
	margin-top: 20px
}

.comp-info .icon {
	padding-left: 28px
}

.comp-info .ipate {
	margin-right: 28px;
	background-position-y: -295px
}

.comp-info .iverty {
	background-position-y: -325px
}

.comp-info .ipate.gray {
	background-position-y: -644px
}

.comp-info .iverty.gray {
	background-position-y: -674px
}

.flex-btns a {
	float: left;
	margin-left: 16px
}

.btn-vip {
	float: left;
	width: 70px;
	border: 1px solid #ff4e09;
	overflow: hidden
}

.btn-vip span {
	float: left;
	width: 50%;
	line-height: 20px;
	color: #ff4e09;
	text-align: center
}

.btn-vip .vip {
	color: #fff;
	background: #ff4e09
}

.reputate {
	position: absolute;
	top: 30px;
	right: 18px;
	width: 128px;
	color: #888;
	text-align: center
}

.reputate .name {
	font-size: 16px;
	font-weight: 700;
	color: #101010
}

.reputate .num {
	margin: 8px 0 18px;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	color: #ff4e09
}

.adlist li {
	float: left;
	width: 49%
}

.adlist li:nth-child(2n) {
	float: right
}

.adlist .pic {
	display: block
}

.samplist {
	margin-top: 18px
}

.samplist li {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #f1f1f1;
	font-size: 16px
}

.samplist .flex-info {
	display: block;
	position: relative;
	height: 90px;
	padding-left: 106px;
	margin-right: 152px
}

.samplist .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px
}

.samplist .name {
	font-weight: 700;
	line-height: 38px;
	color: #222
}

.samplist .txt {
	margin-top: 18px;
	font-size: 14px;
	color: #777
}

.samplist .btn-opera {
	position: absolute;
	top: 20px;
	right: 0;
	width: 150px;
	height: 90px;
	border-left: 1px solid #f0f0f0;
	line-height: 90px;
	text-align: center
}

.btn-opera a {
	display: inline-block;
	width: 48%
}

.samplist a:hover,
.samplist a:hover .name {
	color: #1ac078
}

.mynews .flex-info {
	padding-left: 156px
}

.mynews .pic {
	width: 140px
}

.mynews .isee {
	padding-left: 20px;
	margin-left: 28px;
	background-position-y: -356px
}

.mycomment li {
	padding: 20px 0;
	border-bottom: 1px solid #e0e0e0
}

.mycomment .name {
	font-size: 16px
}

.replay .name {
	padding: 10px 0 6px;
	color: #111
}

.replay .date {
	margin-right: 12px;
	color: #999
}

.ask-info {
	position: relative;
	padding-left: 156px;
	height: 92px
}

.ask-info .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 142px;
	height: 92px
}

.ask-info .name {
	margin-bottom: 12px;
	font-weight: 700;
	color: #333
}

.ask-info .txt {
	height: 48px;
	line-height: 24px;
	color: #888
}

.form-upload .btn-submit {
	margin: 30px
}

.upload-list {
	padding: 30px 15px;
	border-bottom: 1px solid #e5e5e5
}

.upload-list li {
	float: left;
	width: 20%
}

.upload-list .pic {
	width: 160px;
	height: 124px;
	margin: 0 auto
}

.upload-list .evaloder,
.upload-list .img-upload {
	width: 128px;
	height: 28px
}

.upload-list .evaloder {
	margin: 20px auto 0
}

.login .inner {
	width: 982px;
	margin: 0 auto
}

.login .title {
	margin-bottom: 25px;
	font-size: 26px;
	line-height: 32px;
	color: #f60;
	text-align: center
}

.login .pic {
	float: left;
	width: 564px;
	height: 405px
}

.login .info {
	float: right;
	width: 418px;
	height: 405px;
	padding: 32px 52px;
	border: 1px solid #e0e0e0;
	background: #fff
}

.switch-login {
	border-bottom: 1px solid #cfcfcf;
	font-size: 16px;
	font-weight: 700;
	text-align: center
}

.switch-login a {
	float: left;
	width: 50%;
	padding: 13px 0;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	line-height: 26px;
	color: #333
}

.switch-login a:hover,
.switch-login .active {
	border-color: #1ac078;
	color: #1ac078
}

.flex-check {
	margin: 10px 0;
	font-size: 13px
}

.flex-check .blue {
	color: #1c49ad
}

.label-check {
	color: #333
}

.label-check .pic {
	width: 40px;
	height: 32px;
	margin: 20px auto 16px
}

.label-check input~i {
	display: inline-block;
	position: relative;
	top: 2px;
	width: 13px;
	height: 13px;
	border: 1px solid #c2c2c2;
	background: #eee
}

.label-check input:checked~i {
	border-color: #f60;
	background: #f60
}

.form-login {
	width: 312px;
	padding: 8px 0 18px;
	margin: 0 auto
}

.form-login .form-group {
	position: relative;
	padding: 0;
	margin: 18px auto 0
}

.form-login .form-control {
	border-color: #d0d0d0;
	background: #fff
}

.form-login .form-verify {
	padding-right: 136px
}

.form-login .btn-verify {
	position: absolute;
	top: 11px;
	right: 28px;
	padding: 0 10px;
	border-left: 1px solid #cfcfcf;
	line-height: 20px;
	color: #9d9d9d
}

.form-login .btn-solid {
	width: 100%;
	height: 40px;
	margin: 20px 0;
	line-height: 40px;
	background: #1ac078
}

.form-login .btn-identy {
	border: 1px solid #d0d0d0;
	color: #666;
	background: #fff
}

.form-login .btn-identy:hover {
	border-color: #1ac078;
	color: #00a55d;
	background: #d0f3e4
}

.form-login .btns a {
	height: 32px;
	padding-left: 36px;
	font-size: 13px;
	line-height: 32px;
	color: #333;
	background-repeat: no-repeat;
	background-position: 0 center
}

.form-login .btn-chat {
	float: left;
	background-image: url(../images/ichat.png)
}

.form-login .btn-free {
	float: right;
	background-image: url(../images/ifree.png)
}

.form-login .btns a:hover {
	color: #f60
}

.form-login .icon {
	padding-left: 24px
}

.form-login .iowner {
	background-position-y: -373px
}

.form-login .iserver {
	background-position-y: -433px
}

.form-login a:hover .iowner {
	background-position-y: -403px
}

.form-login a:hover .iserver {
	background-position-y: -463px
}

.login-chat .info {
	padding: 56px 52px
}

.btn-wechat {
	width: 228px;
	height: 52px;
	margin: 50px auto 78px;
	line-height: 52px;
	background: #1abb0e
}

.btn-wechat .ichat {
	display: inline-block;
	padding-left: 38px;
	background: url(../images/ichat2.png) no-repeat 0 center
}

.login-bind .info {
	padding: 32px 28px
}

.login-bind .title {
	margin-bottom: 4px;
	font-size: 22px;
	font-weight: 700;
	color: #222
}

.login-bind .subtitle {
	font-size: 16px;
	color: #888
}

.login-bind .btn-hollow {
	width: 146px;
	height: 40px;
	margin: 28px auto 0;
	border-color: #d0d0d0;
	line-height: 38px;
	color: #666
}

.mod-carousel {
	position: relative
}

.mod-carousel .btn {
	display: block;
	position: absolute;
	z-index: 88;
	top: 50%;
	width: 58px;
	height: 58px;
	margin-top: -28px;
	background-color: rgba(7, 7, 7, .66)
}

.mod-carousel .btn-prev {
	left: 55px;
	background-position: center -60px
}

.mod-carousel .btn-next {
	right: 55px;
	background-position: center -110px
}

.swiper-carousel .swiper-slide {
	height: 500px
}

.carleft {
	position: absolute;
	z-index: 8;
	top: 0;
	left: 50%;
	margin-left: -615px;
	width: 310px;
	background: rgba(38, 43, 48, .9)
}

.carleft .tab-carou {
	position: absolute;
	top: 0;
	left: 310px;
	width: 615px
}

.carleft .tab-panel {
	display: none;
	border: 6px solid rgba(38, 43, 48, .66);
	background: #fff
}

.carleft .assure-list li {
	float: none;
	width: 100%;
	height: 234px;
	margin: 0
}

.carleft .assure-list .line {
	width: 100%;
	height: 1px;
	margin: 9px 0
}

.carou-list li {
	padding: 55px 20px 55px 40px;
	border-bottom: 1px solid #5d6064
}

.carou-list li:last-child {
	border-bottom: 0
}

.carou-list a {
	display: block;
	position: relative;
	padding-left: 58px;
	color: #fff
}

.carou-list .icar {
	position: absolute;
	top: 4px;
	left: 0;
	width: 42px;
	height: 42px
}

.carou-list .name {
	position: relative;
	padding-right: 0px;
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: 700
}

.carou-list .iright {
	position: absolute;
	top: 0;
	right: 0px;
	width: 26px;
	height: 26px;
	background-position: center -1072px
}

.carou-list .txt {
	height: 26px;
	overflow: hidden
}

.carou-list li:hover,
.carou-list .active {
	background: #1bb372
}

.init-index {
	padding: 0
}

.mod2 {
	padding: 40px 0
}

.mod2 .subtitle,
.flex-title {
	line-height: 38px;
	text-align: center
}

.mod2 .subtitle {
	margin-bottom: 30px;
	color: #999
}

.mod2 .btn-more {
	width: 200px;
	height: 38px;
	margin: 40px auto 0;
	line-height: 36px
}

.flex-title {
	font-size: 30px;
	font-weight: 700;
	color: #1f223d;
	text-align: center
}

.flex-title .line {
	display: inline-block;
	height: 1px;
	margin: 0 8px
}

.flex-title .line.black {
	width: 218px;
	background: #444
}

.flex-title .line.green {
	width: 46px;
	background: #1ac078
}

.flex-title .txt {
	display: inline-block;
	margin: 0 30px
}

.mod-brand {
	padding: 32px 0;
	border-bottom: 2px solid #edeeed;
	margin-bottom: 20px;
	box-shadow: 0 5px 8px #e5e6e5;
	background: #fff
}

.brand-list li {
	float: left;
	width: 20%
}

.brand-list a {
	display: block;
	position: relative;
	height: 60px;
	padding-left: 68px;
	color: #666
}

.brand-list .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px
}

.brand-list .name {
	font-size: 16px;
	line-height: 32px;
	color: #333
}

.brand-list a:hover .name {
	color: #1ac078
}

.mod-topline .container {
	position: relative;
	padding: 28px 0 0 24px
}

.mod-topline .toprect {
	position: absolute;
	z-index: 0;
	top: 16px;
	left: 13px;
	width: 410px;
	height: 288px;
	border: 2px solid #f2aa64
}

.mod-topline .bd {
	position: relative
}

.mod-topline .caption {
	position: absolute;
	top: -28px;
	left: -24px;
	width: 106px;
	height: 116px;
	padding: 20px;
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	background: url(../images/topline.png) no-repeat center center;
	background-size: cover
}

.mod-topline .headline {
	padding-left: 62px;
	font-size: 30px;
	font-weight: 700;
	line-height: 38px;
	color: #1f223d
}

.mod-topline .line {
	width: 100%;
	height: 1px;
	margin: 24px 0 18px;
	background: #ececec
}

.mod-topline .info,
.mod-topline .half-info {
	background: #fff
}

.mod-topline .info {
	float: left;
	width: 812px;
	padding: 32px 32px 24px 26px
}

.mod-topline .half-info {
	float: right;
	width: 378px;
	padding: 14px
}

.mod-topline .pic {
	width: 318px;
	height: 208px;
	margin-bottom: 8px
}

.mod-topline a:hover {
	color: #0aa863
}

.toplist li {
	float: left;
	width: 48%;
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 34px
}

.toplist li:nth-child(2n+1) {
	float: right
}

.toplist a {
	display: block;
	position: relative;
	padding-left: 22px;
	color: #1f223d
}

.toplist .circle {
	display: block;
	position: absolute;
	top: 15px;
	left: 8px;
	width: 5px;
	height: 5px;
	background: #bdbdbd
}

.toplist a:hover {
	background: #f1f1f1
}

.toplist a:hover .circle {
	background: #1ac078
}

.power-list {
	margin-right: -1%
}

.power-list li {
	float: left;
	position: relative;
	width: 19%;
	margin-right: 1%
}

.power-list .lamp {
	position: absolute;
	top: 0;
	left: 12px;
	width: 45px;
	height: 42px;
	text-align: center;
	background: url(../images/lamp.png) no-repeat center center
}

.power-list .icon {
	width: 100%;
	padding-top: 14px;
	font-size: 12px;
	color: #fff
}

.power-list .ibulb {
	background-position: center -505px
}

.power-list .isolu {
	background-position: center -598px
}

.power-list .pic {
	width: 100%;
	height: 154px
}

.power-list .info {
	position: relative;
	padding: 18px 12px;
	background: #fff
}

.power-list .txt {
	height: 48px;
	margin-right: 46px;
	font-size: 16px;
	line-height: 24px;
	color: #111;
	overflow: hidden
}

.power-list .see {
	position: absolute;
	top: 24px;
	right: 12px;
	width: 36px;
	padding-top: 12px;
	border-left: 1px solid #e4e4e4;
	font-size: 12px;
	color: #949494;
	text-align: right;
	background-position: 100% -548px
}

.power-list a:hover .txt {
	color: #1ac078
}

.mod-appoint .flex-name {
	font-size: 20px;
	line-height: 32px;
	color: #444
}

.mod-appoint .bd {
	padding: 36px 36px 26px;
	margin: 12px 0 32px;
	background: #1ac078
}

.appoint-list li {
	float: left;
	width: 8%;
	text-align: center
}

.appoint-list .item-line {
	width: 7.33%
}

.appoint-list .pic {
	width: 70px;
	height: 70px;
	margin: 0 auto 13px
}

.appoint-list .name {
	font-size: 18px;
	color: #fff
}

.appoint-list .line {
	width: 68px;
	height: 1px;
	margin-top: 35px;
	background: #50e6a5
}

.figure-list li {
	float: left;
	width: 16%;
	text-align: center
}

.figure-list .line {
	width: 1px;
	height: 48px;
	margin-top: 12px;
	background: #dadada
}

.figure-list .item-half {
	position: relative;
	width: 50%;
	padding: 12px 30px;
	color: #777;
	text-align: left
}

.figure-list .count {
	display: inline-block;
	width: 34px;
	height: 40px;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	background: url(../images/count.png) no-repeat center center
}

.figure-list .name {
	margin-top: 8px;
	color: #333
}

.figure-list .notice {
	width: 268px;
	margin-right: 278px
}

.figure-list #list {
	height: 52px
}

.figure-list #list li {
	float: none;
	width: 100%
}

.figure-list #list a {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}

.figure-list .btn-solid {
	position: absolute;
	top: 13px;
	right: 30px;
	width: 272px;
	height: 48px;
	line-height: 48px;
	background: #1ac078
}

.switch-assure {
	border: 0;
	margin-bottom: 48px;
	text-align: center
}

.switch-assure a {
	float: none;
	display: inline-block;
	width: 156px;
	height: 48px;
	margin-right: 6px;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	color: #1f223d;
	background: #fff
}

.switch-assure a:hover,
.switch-assure .active {
	color: #fff;
	background: #1ac078
}

.assure-list li {
	float: left;
	width: 49%;
	margin-bottom: 20px;
	font-size: 12px;
	color: #666;
	background: #fff
}

.assure-list li:nth-child(2n) {
	float: right
}

.assure-list .pic {
	float: left;
	width: 234px;
	height: 234px
}

.assure-list .info {
	float: right;
	width: 368px;
	padding: 17px
}

.assure-list .name {
	font-size: 18px;
	line-height: 32px;
	color: #222
}

.assure-list .relate {
	margin: 6px 0
}

.assure-list .price,
.assure-list .orange {
	color: #f67d1b;
	text-decoration: none;
}

.assure-list .price {
	font-size: 16px;
	text-decoration: none;
}

.assure-list .offer {
	font-size: 14px;
	color: #f67d1b
}

.assure-list .unit {
	font-size: 20px
}

.assure-list .line {
	width: 100%;
	height: 1px;
	margin: 8px 0 10px;
	background: #ebebeb
}

.assure-list .btn-solid {
	width: 176px;
	height: 36px;
	margin-top: 16px;
	line-height: 36px;
	color: #fff;
	background: #1ac078
}

.assure-list .mxrect,
.intro-list .mxrect {
	display: inline-block;
	height: 20px;
	padding: 0 16px;
	margin-right: 12px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	background: #1ac078
}

.mod-outfit .mod-half {
	margin-bottom: 40px
}

.mod-outfit .title,
.mod-info .title {
	margin-bottom: 36px;
	font-size: 30px;
	font-weight: 700;
	text-align: center
}

.mod-outfit .bd {
	border: 5px solid #f2f2f2
}

.mod-outfit .ft {
	padding: 2px;
	background: #f2f2f2
}

.mod-outfit .btn-more {
	margin: 36px auto
}

.outfit-list {
	margin-right: -5px
}

.outfit-list li {
	float: left;
	width: 20%;
	padding: 30px 20px 20px;
	border-right: 5px solid #f2f2f2;
	border-bottom: 5px solid #f2f2f2;
	text-align: center
}

.outfit-list .logo2 {
	width: 200px;
	height: 120px;
	margin-bottom: 16px;
	line-height: 120px;
	text-align: center
}

.outfit-list .name {
	font-size: 16px;
	color: #252634
}

.outfit-list .flex-verty {
	margin: 18px 0
}

.outfit-list .btn-see {
	color: #1ac078;
	text-decoration: underline
}

.outfit-list span {
	margin: 0 13px
}

.outfit-list .mirect {
	display: inline-block;
	width: 36px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	background: #ff4e09
}

.outfit-list .mirect.gray {
	background: #888
}

.outfit-list .icon {
	width: 22px;
	height: 22px
}

.outfit-list .izheng {
	background-position: 0 -330px
}

.outfit-list .ipolice {
	background-position: 0 -300px
}

.outfit-list .izheng.gray {
	background-position: 0 -678px
}

.outfit-list .ipolice.gray {
	background-position: 0 -648px
}

.mod-rank .left {
	float: left;
	width: 330px;
	padding: 20px 8px 8px;
	border-right: 5px solid #f2f2f2
}

.mod-rank .right {
	float: right;
	width: 890px;
	padding-top: 8px
}

.mod-rank .caption {
	margin-bottom: 10px;
	font-size: 18px;
	color: #252634
}

.rank-list li {
	padding: 10px 0
}

.rank-list a {
	font-size: 12px;
	color: #a09f9f
}

.rank-list .pic {
	float: left;
	width: 90px;
	height: 55px
}

.rank-list .info {
	float: right;
	position: relative;
	width: 208px
}

.rank-list .name {
	margin: 0 0 6px -6px;
	font-size: 16px;
	color: #333
}

.rank-list .line {
	position: absolute;
	bottom: 0;
	left: 45%
}

.rank-list a:hover .name {
	color: #1ac078
}

.switch-intro {
	border-color: #e4e4e4;
	font-size: 18px;
	text-align: center
}

.switch-intro a {
	float: none;
	display: inline-block;
	padding: 0 8px;
	border-bottom: 1px solid transparent;
	margin: 0 32px
}

.switch-intro a:hover,
.switch-intro .active {
	color: #1ac078;
	border-color: #1ac078;
	background: 0 0
}

.intro-list {
	padding: 6px 0 0 18px
}

.intro-list li {
	float: left;
	width: 32.3%;
	margin-right: 1%;
	margin-top: 16px
}

.intro-list a {
	display: block;
	width: 100%;
	color: #888
}

.intro-list .pic {
	width: 100%
}

.intro-list .txt {
	display: block
}

.intro-list .iaddr {
	padding-left: 20px;
	margin: 10px 0 2px;
	font-size: 17px;
	color: #222;
	background-position: 0 6px
}

.intro2-list .name {
	margin-top: 8px;
	font-size: 18px;
	color: #222
}

.intro2-list .mxrect {
	padding: 0 6px
}

.intro2-list li {
	margin-top: 28px
}

.intro2-list .iaddr {
	margin-bottom: 6px
}

.intro2-list a:hover .name,
.know-list a:hover .txt {
	color: #19c676
}

.tab-content .intro-list .pic {
	width: 268px;
	height: 176px
}

.third-list {
	margin-right: -1%
}

.third-list li {
	float: left;
	width: 32.3%;
	padding: 20px 12px;
	margin-right: 1%;
	background: #fff
}

.third-list .caption {
	height: 18px;
	padding: 0 5px;
	border-left: 5px solid #1ac078;
	font-size: 17px;
	font-weight: 700;
	line-height: 18px;
	color: #333
}

.third-list .pic {
	width: 100%;
	height: 246px;
	margin: 18px 0
}

.third-list .name {
	position: relative;
	padding: 0 88px 0 13px;
	font-size: 16px;
	line-height: 28px;
	color: #222;
	background-position: 0 -798px
}

.third-list .mxrect {
	display: block;
	position: absolute;
	top: 6px;
	right: 0;
	width: 80px;
	height: 18px;
	font-size: 12px;
	line-height: 17px;
	color: #fff;
	text-align: center;
	background: #95d97d
}

.third-list .mxrect.pink {
	background: #ffa68b
}

.third-list .mxrect.purple {
	background: #c0adef
}

.third-list .txt {
	height: 40px;
	margin: 4px 0 4px 13px;
	line-height: 20px;
	color: #9c9c9c;
	overflow: hidden
}

.third-list a:hover .name {
	color: #1ac078;
	background-position-y: -828px
}

.mod-info .btn-more {
	margin-top: 8px
}

.info-list li {
	margin-bottom: 13px
}

.info-list .name {
	padding: 10px
}

.info-list a:hover .name {
	color: #1ac078
}

.know-list {
	margin-right: -2%
}

.know-list li {
	float: left;
	width: 32%;
	margin-right: 1.3%
}

.know-list .pic {
	width: 100%;
	height: 258px
}

.know-list .txt {
	height: 48px;
	margin: 10px 16px;
	line-height: 24px;
	color: #414141;
	overflow: hidden
}

.mod-hotline {
	padding: 38px 0 28px;
	color: #fff;
	background: #19c676
}

.hotline-list li {
	float: left;
	width: 20%;
	line-height: 36px;
	text-align: center
}

.hotline-list .item-phone {
	width: 40%
}

.hotline-list .name {
	font-size: 26px;
	font-weight: 700
}

.hotline-list .phone {
	font-size: 22px;
	line-height: 32px
}

.hotline-list .count {
	font-size: 52px;
	font-weight: 700;
	color: #fff
}

.init-city .name {
	float: left;
	font-weight: 700;
	color: #333
}

.form-search {
	margin-bottom: 30px
}

.form-search .name {
	line-height: 40px
}

.form-search .form {
	float: left;
	width: 306px;
	margin-left: 28px
}

.form-search .form-control {
	float: left;
	width: 238px;
	height: 40px;
	padding: 0 10px;
	border-color: #d0d0d0;
	line-height: 38px
}

.form-search .btn-search {
	float: right;
	width: 68px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background: #1ac078
}

.form-search .btn-solid {
	float: left;
	width: 266px;
	height: 40px;
	margin-left: 24px;
	font-weight: 700;
	line-height: 40px;
	background: #ff7916
}

.frame {
	padding: 28px 280px 28px 28px;
	border: 5px solid #1ac078;
	line-height: 32px;
	background: url(../images/map.png) no-repeat 96% 100px #fff;
	min-height: 380px;
}

.frame .name {
	width: 62px;
	margin-right: 38px;
	text-align: right
}

.frame .info {
	margin-left: 110px
}

.frame a {
	display: inline-block;
	margin-right: 28px
}

.frame a:hover {
	color: #ff7916
}

.hot-city {
	margin-bottom: 13px
}

.hot-city a {
	font-weight: 700;
	color: #ff7916
}

.city-list li {
	margin-bottom: 6px
}

.mod-banner {
	position: relative;
	background: url(../images/banner2.jpg) no-repeat center top
}

.form-appoint {
	width: 368px;
	padding: 28px;
	border: 1px solid #e8e8e8;
	background: #fff
}

.form-appoint .flex-title,
.form-appoint .subtitle {
	text-align: center
}

.form-appoint .flex-title {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 32px;
	color: #333
}

.form-appoint .subtitle {
	margin: 0;
	line-height: 24px;
	color: #888
}

.form-appoint .form-login {
	width: 100%;
	padding: 0
}

.form-appoint .form-verify {
	padding-right: 98px
}

.form-appoint .btn-verify {
	right: 2px
}

.form-appoint .btn-solid {
	margin-bottom: 16px
}

.flex-title .icon {
	padding: 0
}

.flex-title .ileft {
	padding-left: 30px;
	background: url(../images/ileft.png) no-repeat 0 center
}

.flex-title .iright {
	padding-right: 30px;
	background: url(../images/iright.png) no-repeat right center
}

#list {
	position: relative;
	width: 100%;
	height: 32px;
	overflow: hidden
}

#list ul {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center
}

#list li a {
	display: block;
	position: relative;
	height: 26px;
	font-size: 12px;
	color: #333
}

.init-assure {
	padding: 0
}

.init-assure .switch-assure {
	height: 97px;
	box-shadow: 0 5px 8px #e4e5e4;
	text-align: left;
	background: #fff
}

.init-assure .switch-assure a {
	width: auto;
	height: 96px;
	margin-left: 48px;
	line-height: 68px;
	text-align: center
}

.init-assure .switch-assure a:hover,
.init-assure .switch-assure .active {
	color: #1ac078;
	border-color: #1ac078;
	background: 0 0
}

.init-assure .pagination {
	margin: 18px 0 32px
}

.main2 {
	float: left;
	width: 850px
}

.main2 .bd {
	padding: 0 0 28px;
	background: #fff
}

.flex-cata {
	padding: 18px;
	border-bottom: 1px solid #f2f2f2;
	color: #888
}

.flex-cata span,
.flex-cata a {
	padding: 0 16px
}

.flex-cata a:hover,
.flex-cata .active {
	color: #1ac078
}

.aside2 {
	float: right;
	width: 350px
}

.aside2 .form-appoint,
.aside2 .mod {
	margin-bottom: 25px
}

.aside2 .form-appoint {
	width: 100%;
	background: #d9ebe3
}

.aside2 .mod {
	padding: 20px 15px;
	border: 1px solid #e8e8e8;
	background: #fff
}

.aside2 .mod-other {
	padding: 20px 50px
}

.aside2 .flex-title {
	font-size: 20px
}

.aside2 .line {
	width: 100%;
	height: 1px;
	margin: 28px 0;
	background: #e8e8e8
}

.correct-list li {
	position: relative;
	padding-left: 118px;
	margin-top: 25px
}

.correct-list .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 75px
}

.correct-list .info {
	height: 75px
}

.correct-list .caption {
	height: 46px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 23px;
	color: #111;
	overflow: hidden
}

.correct-list .isee {
	padding-left: 24px;
	line-height: 20px;
	color: #949494;
	background-position: 0 -358px
}

.mod-comt {
	padding: 20px 0
}

.mod-comt .caption {
	margin: 20px 0;
	font-size: 20px
}

.mod-recomt .caption {
	margin-bottom: 0
}

.form-comt {
	position: relative;
	padding-right: 132px;
	background: #f6f6f6
}

.form-comt .val {
	width: 100%;
	height: 132px;
	border: 1px solid #dbdbdb;
	line-height: 132px;
	text-align: center
}

.form-comt .area-control {
	width: 100%;
	height: 100%;
	padding: 8px 12px;
	background: #f6f6f6
}

.form-comt .btn-comt {
	position: absolute;
	top: 0;
	right: 0;
	width: 132px;
	height: 132px;
	padding: 28px 28px 18px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background: #faa832
}

.form-comt .btn-comt span {
	display: block
}

.form-comt .iedit {
	width: 32px;
	height: 32px;
	margin: 0 auto 8px;
	background-position: center -1164px
}

.form-gray .btn-comt {
	background: #d6d6d6
}

.form-subcomt {
	position: relative;
	padding-right: 110px;
	margin: 12px 0
}

.form-subcomt .iarrow {
	position: absolute;
	top: -11px;
	left: 18px;
	width: 16px;
	height: 12px;
	background-position: center -1268px
}

.form-subcomt textarea {
	width: 100%;
	height: 110px;
	padding: 10px 16px;
	border: 1px solid #dbdbdb;
	background: 0 0
}

.form-subcomt .btn-comt {
	width: 110px;
	height: 110px;
	padding: 18px
}

.comt-list li {
	position: relative;
	padding: 20px 0 20px 66px;
	border-bottom: 1px solid #e0e0e0
}

.comt-list .uport {
	position: absolute;
	left: 0;
	top: 20px;
	width: 52px;
	height: 52px
}

.comt-list .uname {
	font-size: 16px;
	color: #2140db
}

.comt-list .rname {
	font-weight: 700;
	color: #14ba72
}

.comt-list .udate,
.comt-list .rdate {
	font-size: 14px;
	color: #888
}

.comt-list .udate {
	margin-left: 40px
}

.comt-list .utxt {
	padding: 13px 20px;
	margin: 6px 0 12px;
	color: #222;
	background: #fcf7f2
}

.comt-list .rtxt {
	margin-left: -68px;
	margin-top: 8px
}

.comt-list .upera .icon {
	padding-left: 24px;
	margin-right: 30px;
	color: #777
}

.comt-list .ireplay {
	background-position: 0 -1202px
}

.comt-list .izan {
	background-position: 0 -1232px
}

.comt-list .izan.active {
	color: #faa832;
	background-position: 0 -1292px
}

.recomt-list li:last-child {
	border: 0
}

.subcomt {
	position: relative;
	padding-left: 66px
}

.subcomt .uport {
	top: 6px
}

.subcomt .subtxt {
	background: #f5f8fd
}

.refree-list {
	margin-top: 20px
}

.refree-list li {
	padding: 20px 0;
	border-top: 1px solid #ededed;
	margin: 0
}

.refree-list li:last-child {
	padding-bottom: 0
}

.refree-list a {
	display: block;
	position: relative;
	height: 120px;
	padding-left: 128px;
	font-size: 12px;
	color: #666
}

.refree-list .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px
}

.refree-list .name {
	font-size: 17px;
	color: #222
}

.refree-list .relate {
	margin: 3px 0
}

.refree-list .price,
.refree-list .offer {
	color: #f67d1b
}

.refree-list .price {
	font-size: 16px
}

.refree-list .offer,
.summary .offer {
	padding-left: 18px;
	font-size: 14px;
	background-position: 0 -1620px
}

.refree-list .unit {
	font-size: 20px
}

.flex-crumb {
	padding: 18px;
	border: 1px solid #e8e8e8;
	color: #666
}

.flex-crumb a {
	padding-right: 16px;
	color: #666;
	background-position: right -1448px
}

.flex-crumb .txt {
	float: right;
	width: auto;
	font-size: 16px;
	color: #1ac078
}

.flex-target {
	border: 1px solid #e8e8e8;
	border-top: 0
}

.flex-target span {
	display: inline-block;
	width: 100px;
	height: 48px;
	line-height: 48px;
	color: #666;
	text-align: center;
	background: #f5f5f5
}

.flex-target a {
	display: inline-block;
	margin-left: 30px;
	color: #222
}

.flex-target a:hover,
.flex-target .active {
	color: #1ac078
}

.flex-tips {
	padding: 12px;
	color: #ff691f
}

.flex-filter {
	border: 1px solid #e8e8e8;
	background: #f5f5f5
}

.flex-filter a {
	display: inline-block;
	padding: 12px;
	border-right: 1px solid #e8e8e8;
	color: #888
}

.flex-filter .icon {
	padding-right: 18px;
	background-position: right -1482px
}

.flex-filter a:hover,
.flex-filter .active {
	color: #1ac078
}

.flex-filter a:hover .icon,
.flex-filter .active .icon {
	background-position: right -1512px
}

.book-list .item {
	padding: 26px 0;
	border-bottom: 1px solid #ededed;
	color: #777
}

.book-list .bleft {
	float: left;
	width: 210px
}

.book-list .bright {
	float: right;
	position: relative;
	width: 625px
}

.book-list .pic {
	width: 100%;
	height: 126px
}

.book-list .hint {
	padding: 24px 0;
	border: 1px solid #e8e8e8;
	margin: 0;
	text-align: center
}

.book-list .name {
	font-size: 20px
}

.book-list .comp-info {
	margin: 0
}

.book-list .reputate {
	top: 10px
}

.book-list .flex-count {
	margin: 6px 0
}

.book-list .count {
	margin-right: 18px
}

.book-list .bright .icon {
	display: block;
	padding-left: 22px
}

.book-list .iaddr {
	background-position: 0 -1545px
}

.book-list .itrend {
	background-position: 0 -1585px
}

.book-list .info {
	width: 100%;
	max-width: 100%
}

.imglist {
	width: 100%;
	margin-right: -1%;
	margin-top: 8px
}

.imglist li {
	float: left;
	width: 24%;
	height: 96px;
	margin-right: 1%
}

.main-product {
	padding: 20px 40px 20px 28px;
	background: #fff
}

.main-product .line {
	width: 100%;
	height: 1px;
	margin: 10px 0 18px;
	background: #ebebeb
}

.main-product .caption,
.main-product .pic {
	margin-bottom: 18px
}

.main-product .caption {
	padding: 0 8px;
	border-left: 2px solid #1ac078;
	line-height: 16px;
	color: #222
}

.gallery {
	float: left;
	width: 326px
}

.gallery .swiper-button-prev,
.gallery .swiper-button-next {
	margin-top: -28px;
	width: 12px;
	background-color: #fff
}

.gallery .swiper-button-prev {
	left: 0;
	background-position: center -1712px
}

.gallery .swiper-button-next {
	left: auto;
	right: 0;
	background-position: center -1652px
}

.gallery-top {
	width: 326px;
	height: 326px
}

.gallery-thumbs {
	height: 20%;
	padding: 10px 16px;
	box-sizing: border-box
}

.gallery-thumbs .swiper-slide {
	width: 56px;
	height: 56px;
	opacity: .4
}

.gallery-thumbs .swiper-slide-active {
	border: 1px solid #1ac078;
	opacity: 1
}

.summary {
	float: right;
	width: 420px;
	color: #777
}

.summary .name {
	margin-bottom: 5px;
	font-size: 23px;
	font-weight: 700;
	line-height: 48px;
	color: #222
}

.summary .offer,
.summary .orange {
	color: #f67d1b;
	text-decoration: none;
}

.summary .unit {
	font-size: 20px
}

.summary .price {
	margin: 8px 0
}

.summary .btn-solid {
	width: 100%;
	height: 60px;
	margin: 28px 0 18px;
	font-size: 18px;
	line-height: 60px;
	color: #fff;
	background: #1ac078
}

.summary .phone {
	font-size: 16px;
	color: #1ac078;
	text-align: center
}

.summary .mxrect {
	height: 22px;
	padding: 0 15px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #1ac078
}

.btn-title {
	width: 100px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background: #1ac078
}

.init-about .btn-more {
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px;
	margin-top: 20px;
	line-height: 28px;
	color: #888;
	text-align: center;
	background: #f2f2f2
}

.init-about .btn-more .idown {
	padding-right: 20px;
	background-position: right -1390px
}

.init-about .btn-more:hover {
	color: #fff;
	background: #faa832
}

.init-about .btn-more:hover .idown {
	background-position: right -1420px
}

.init-about .mod-white {
	padding: 38px 20px;
	margin-bottom: 20px
}

.init-about .mod-comt {
	padding: 0
}

.init-about .detail,
.mod-about {
	background: #fff
}

.init-about .detail {
	padding: 20px
}

.init-about img {
	width: auto;
	height: auto
}

.init-about .intro-list {
	padding: 0
}

.mod-brief {
	margin-bottom: 20px;
	color: #777
}

.mod-brief .btn-title {
	margin-bottom: 22px
}

.mod-brief .detail {
	float: left;
	width: 45%;
	padding: 30px 20px
}

.mod-brief .txt {
	display: block;
	line-height: 24px
}

.mod-brief .flex-num {
	margin: 13px 0;
	text-align: center
}

.mod-brief .item {
	display: inline-block;
	width: 168px
}

.mod-brief .num {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	color: #141414
}

.mod-brief .btn-solid {
	width: 410px;
	height: 56px;
	margin: 12px auto 0;
	font-size: 18px;
	line-height: 56px;
	background: #1ac078
}

.mod-brief .pics {
	float: right;
	width: 55%
}

.mod-intro .press-list li {
	float: left;
	width: 49%;
	padding-bottom: 0;
	border-bottom: 0
}

.mod-intro .press-list li:last-child {
	float: right
}

.mod-about {
	margin-bottom: 28px
}

.mod-about .comp-info {
	padding: 22px;
	margin: 0
}

.mod-about .switch-about {
	height: 48px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #1ac078;
	line-height: 46px;
	text-align: center
}

.switch-about a {
	display: inline-block;
	padding: 0 32px
}

.switch-about a:hover,
.switch-about .active {
	color: #fff;
	background: #1ac078
}

.refaq-list li {
	margin-bottom: 12px
}

.refaq-list a {
	display: block;
	position: relative;
	padding-left: 32px
}

.refaq-list .num {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #909090
}

.refaq-list .num.red {
	background: #fa2828
}

.refaq-list a:hover {
	color: #ff4e09
}

.mod-other .line {
	margin: 18px 0
}

.mod-other .txt {
	color: #888
}

.mod-other .icon {
	padding-left: 24px
}

.mod-other .icount {
	background-position: 0 -700px
}

.mod-other .iread {
	background-position: 0 -726px
}

.mod-other .num {
	margin-left: 25px;
	font-size: 25px;
	font-weight: 700;
	color: #4c4c4c
}

.mod-logo .inner {
	position: relative;
	padding-left: 96px
}

.mod-logo .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 85px;
	height: 85px
}

.mod-logo .name {
	margin-bottom: 8px;
	font-size: 19px;
	font-weight: 700;
	color: #333
}

.mod-logo .txt {
	font-size: 16px;
	line-height: 24px;
	color: #888
}

.mod-ad .pic {
	display: block;
	width: 100%;
	height: 222px;
	margin-bottom: 20px
}

.main-news {
	font-size: 15px;
	color: #444
}

.main-news .bd {
	padding: 20px 20px 8px
}

.main-news .title {
	font-size: 30px;
	font-weight: 700;
	line-height: 48px;
	color: #333
}

.main-news .subtitle {
	margin: 12px 0;
	font-size: 12px;
	color: #888
}

.main-news .subtitle .count {
	margin-left: 24px
}

.main-news .date {
	margin: 8px 0;
	font-size: 12px;
	color: #888
}

.main-news .txt,
.main-news .pic {
	margin-bottom: 22px
}

.main-news .pic {
	text-align: center
}

.main-news .line {
	width: 100%;
	height: 1px;
	background: #e0e0e0
}

.main-news img {
	width: auto
}

.btn-ucomt {
	float: right;
	width: 112px;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	background: #ff9a23
}

.btn-ucomt .icomt {
	padding-left: 18px;
	background-position: 0 -1320px
}

.press-list li {
	padding: 22px 0;
	border-bottom: 1px solid #e8e8e8;
	margin: 0 24px
}

.press-list li:last-child {
	border: 0;
	margin-bottom: 0
}

.press-list a {
	display: block;
	position: relative;
	height: 150px;
	padding-left: 245px;
	color: #888
}

.press-list .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 150px;
	margin-top: 0
}

.press-list .name {
	position: relative;
	padding-left: 36px;
	font-size: 18px;
	font-weight: 700;
	color: #333
}

.press-list .mirect {
	position: absolute;
	top: 5px;
	left: 0;
	width: 30px;
	height: 18px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: center;
	background: #f67d1b
}

.press-list .info {
	height: 60px;
	margin: 15px 0 22px;
	line-height: 20px;
	overflow: hidden
}

.press-list .isee {
	padding-left: 24px;
	margin-left: 28px;
	background-position: 0 -356px
}

.press-list a:hover .name {
	color: #f60
}

.main-forum .pic {
	margin-bottom: 16px
}

.switch-forum {
	border-bottom-color: #e8e8e8
}

.switch-forum a {
	padding: 0;
	border-bottom: 2px solid transparent;
	margin: 0 16px;
	font-weight: 700;
	color: #777
}

.switch-forum a:hover,
.switch-forum .active {
	border-color: #1ac078;
	color: #1ac078;
	background: 0 0
}

.forum-list .name {
	padding: 0
}

.forum-list li:last-child {
	border-bottom: 1px solid #e8e8e8
}

.mod-read {
	padding-top: 28px
}

.mod-read .caption {
	padding: 0 8px;
	border-left: 3px solid #f87b1f;
	font-size: 20px;
	line-height: 20px
}

.read-list li {
	margin: 0
}

.read-list .name {
	padding-left: 0
}

.init-answer .pagination {
	margin: 28px 0
}

.init-answer .mod-white {
	padding: 20px
}

.init-answer .form-comt .val {
	width: 678px
}

.mod-answer {
	padding: 48px 0 58px;
	background: url(../images/bg-answer.jpg) no-repeat center top
}

.mod-answer .pic {
	float: left;
	width: 208px
}

.mod-answer .btn-solid {
	float: right;
	width: 184px;
	height: 50px;
	margin: 55px 0 0 68px;
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
	color: #171717;
	background: #ffe400
}

.mod-answer .info {
	float: right;
	width: 420px;
	text-align: center
}

.mod-answer .name {
	font-size: 22px;
	font-weight: 700;
	line-height: 48px;
	color: #fff
}

.mod-answer .orange {
	font-size: 38px;
	color: #ffe400
}

.form-answer {
	border: 1px solid #1ac078;
	margin: 0
}

.form-answer .btn-search {
	width: 90px;
	height: 48px;
	line-height: 48px
}

.form-answer .form-control {
	width: 328px;
	height: 48px
}

.main-answer {
	padding: 12px 20px;
	margin-bottom: 55px;
	background: #fff
}

.answer-list li {
	position: relative;
	padding: 13px 0;
	border-bottom: 1px solid #ebebeb;
	margin-left: 36px
}

.answer-list .target {
	display: block;
	position: relative;
	padding-right: 185px
}

.answer-list .count {
	position: absolute;
	top: 3px;
	left: -36px;
	width: 24px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #f2200a
}

.answer-list .name {
	margin-bottom: 10px;
	font-size: 16px;
	color: #333
}

.answer-list .icon {
	width: 40px;
	height: 20px;
	padding-left: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: url(../images/irecom.png) no-repeat center center
}

.answer-list .txt {
	height: 78px;
	color: #999
}

.answer-list .btn-solid {
	position: absolute;
	top: 20px;
	right: 40px;
	height: 26px;
	line-height: 26px;
	background: #1ac078
}

.answer-list .date {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #999
}

.answer-list .item-orange .count {
	background: #fa661d
}

.answer-list a:hover .name {
	color: #1ac078
}

.ask-rank {
	margin-top: 8px
}

.ask-rank li {
	padding: 24px 0;
	border-bottom: 1px solid #ececec;
	margin: 0
}

.ask-rank li:last-child {
	border: 0
}

.ask-rank a {
	color: #333
}

.ask-rank .num {
	top: 15px
}

.ask-rank .info {
	position: relative;
	padding-left: 98px;
	height: 50px
}

.ask-rank .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 84px;
	height: 50px
}

.ask-rank .name {
	font-size: 16px;
	font-weight: 700
}

.ask-rank .txt {
	color: #888
}

.mod-result {
	position: relative;
	margin-bottom: 20px
}

.mod-result .ianswer {
	position: absolute;
	top: 86px;
	right: 20px;
	width: 98px;
	height: 48px
}

.mod-result .title {
	position: relative;
	padding-left: 32px;
	font-size: 22px;
	line-height: 36px
}

.mod-result .count {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #ff4e09
}

.mod-result .mxrect {
	width: 56px;
	height: 24px;
	margin: 16px 0 12px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #1ac078
}

.mod-confirm .hd {
	padding: 16px 20px;
	border-bottom: 1px solid #ebebeb;
	font-weight: 700
}

.mod-confirm .bd,
.mod-confirm .ft,
.mod-confirm .info {
	padding: 20px
}

.mod-confirm .bd2 {
	border-top: 5px solid #ebebeb
}

.mod-confirm .hint {
	padding: 12px;
	border-top: 1px solid #ffa24e;
	margin-top: 15px;
	line-height: 28px;
	color: #f60;
	text-align: center;
	background: #fff5ec
}

.mod-confirm .col {
	float: left
}

.mod-confirm .col-pay {
	width: 488px
}

.mod-confirm .btn-solid {
	width: 148px;
	height: 42px;
	margin-left: 20px;
	line-height: 42px;
	background: #fa7e11
}

.mod-confirm .col-info,
.mod-confirm .col-coupon {
	width: 742px;
	border-right: 5px solid #ebebeb;
	font-size: 12px;
	color: #666
}

.mod-confirm .money {
	margin-top: 20px;
	font-weight: 700;
	color: #333
}

.col-info .info {
	position: relative;
	height: 166px;
	padding-left: 170px
}

.col-info .pic {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 126px;
	height: 126px
}

.col-info .name {
	font-size: 18px;
	color: #222
}

.col-info .status {
	margin: 20px 0
}

.col-info .mxrect {
	display: inline-block;
	height: 18px;
	padding: 0 12px;
	margin-left: 6px;
	line-height: 18px;
	color: #fff;
	background: #1ac078
}

.col-info .unit .orange {
	font-size: 16px;
	font-weight: 700;
	color: #ff4e09
}

.col-pay .line {
	width: 1px;
	height: 78px;
	background: #ebebeb
}

.col-pay .label-check {
	width: 200px;
	text-align: center
}

.col-pay .label-check input~i {
	top: 4px;
	width: 18px;
	height: 18px
}

.col-pay .label-check input:checked~i {
	border-color: #8c8c8c;
	background: #f4f4f4
}

.col-pay .label-check input:checked~i:after {
	content: '\0020';
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #878787
}

.form-confirm {
	width: 406px
}

.form-confirm .attr {
	width: 80px;
	margin-right: 18px;
	text-align: right
}

.form-confirm .form-group {
	margin-bottom: 18px
}

.form-confirm .form-control {
	border-color: #d0d0d0
}

.user-center .mod-ordetail {
	padding: 0
}

.mod-ordetail .title {
	padding: 16px 26px
}

.mod-ordetail .title:after {
	top: 20px;
	left: 18px
}

.mod-ordetail .title a {
	color: #888
}

.mod-ordetail .col-info {
	padding: 12px 0 24px
}

.mod-ordetail .col-info .pic {
	top: 0
}

.mod-ordetail .col-info .info {
	height: 126px
}

.dorlist {
	border-top: 1px solid #e5e5e5
}

.dorlist li {
	padding: 16px 26px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
	color: #333
}

.faq-holder {
	border-bottom: 1px solid #e5e5e5
}

.faq-holder a {
	padding: 0;
	border-bottom: 2px solid transparent;
	margin: 0 30px
}

.faq-holder a:hover,
.faq-holder .active {
	border-color: #1ac078;
	color: #333;
	background: 0 0
}

.faq-content .tab-panel {
	padding: 20px 36px
}

.faq-content .btn-green {
	font-size: 16px
}

.faqlist li {
	padding: 24px 0;
	border-bottom: 1px solid #e5e5e5
}

.faqlist .name {
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 16px;
	font-size: 16px;
	color: #333
}

.faqlist .ask {
	position: absolute;
	top: 2px;
	left: 0;
	width: 24px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #fa661d
}

.faqlist a:hover {
	color: #1ac078
}

.flex-status .mxrect {
	display: inline-block;
	padding: 0 18px;
	margin-right: 8px;
	color: #b8b8b8;
	background: #f2f2f2
}

.flex-status .date {
	font-size: 12px;
	color: #bcbcbc
}

.flex-status .btn-del {
	float: right;
	color: #1ac078;
	cursor: pointer
}

.fanwlist {
	color: #888
}

.fanwlist .name,
.fanwlist .txt {
	margin-bottom: 10px
}

.fanwlist .asname {
	font-size: 16px;
	font-weight: 700
}

.fanwlist .answer {
	background: #1ac078
}

.fanwlist .date {
	margin-right: 16px;
	font-size: 12px;
	color: #999
}

.fanwlist .btn-del {
	color: #1ac078;
	cursor: pointer
}

.mcase-list li {
	margin-top: 20px;
	text-align: center
}

.mcase-list .pic {
	width: 310px;
	height: 200px;
	margin: 0 auto 10px
}

.mcase-list .name,
.compinfo .lname {
	font-size: 16px;
	color: #222
}

.mcase-list a:hover .name {
	color: #1ac078
}

.summary2 .name {
	margin-bottom: 12px;
	line-height: 32px
}

.summary2 .btn-title {
	height: 26px;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 26px
}

.summary2 .btn-solid {
	margin: 18px 0
}

.summary2 .line {
	margin: 10px 0
}

.compinfo .pic {
	float: left;
	width: 116px;
	height: 70px;
	margin: 0 18px 0 0
}

.compinfo .info {
	float: left;
	width: 280px;
	line-height: 24px
}

.compinfo .lname {
	margin: -2px 0 4px;
	font-weight: 700
}

.txtlist {
	margin-top: 12px
}

.txtlist li {
	float: left;
	width: 50%
}

.detail .tab-holder {
	margin-bottom: 20px;
	line-height: 38px
}

.mod-pay {
	padding: 28px 0 108px;
	color: #333;
	text-align: center;
	background: #fff
}

.mod-pay .hd {
	padding: 8px 28px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 48px
}

.mod-pay .name {
	font-size: 16px;
	font-weight: 700
}

.mod-pay .orange {
	font-size: 22px;
	color: #ff4e09
}

.mod-pay .total {
	font-size: 30px;
	font-weight: 700;
	line-height: 48px;
	color: #ff4e09
}

.mod-pay .qrcode-outer {
	width: 600px;
	padding: 70px 200px 28px;
	margin: -24px auto 0;
	background: url(../images/scan.png) no-repeat right top
}

.mod-pay .qrcode {
	width: 200px;
	height: 200px;
	padding: 12px;
	border: 1px solid #c4c4c4;
	background: #fff
}

.mod-pay .iscan {
	display: inline-block;
	padding-left: 52px;
	line-height: 22px;
	background: url(../images/iscan.png) no-repeat 0 center
}

.bounce-to-right {
	position: relative;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f60;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.bounce-to-right:hover,
.bounce-to-right:focus,
.bounce-to-right:active {
	border-color: #f60;
	color: #fff
}

.bounce-to-right:hover:before,
.bounce-to-right:focus:before,
.bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.btn-coupon {
	position: relative;
	width: 288px;
	height: 116px;
	padding: 20px 0 20px 108px;
	margin: 10px auto;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background: url(../images/coupon.png) no-repeat center center
}

.btn-coupon .btn {
	display: block;
	width: 88px;
	height: 32px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	margin: 16px auto 0;
	font-size: 13px;
	line-height: 32px;
	color: #0c9e5f;
	text-align: center;
	background: #ffeaae
}

.btn-coupon .money {
	position: absolute;
	bottom: 30px;
	left: 20px;
	font-size: 18px
}

.btn-coupon .num {
	font-size: 26px
}

.btn-coupon.btn-gray {
	background-image: url(../images/coupon2.png)
}

.btn-coupon.btn-gray .btn {
	color: #989898;
	background: #e7e7e7
}

.btn-coupon.btn-white .btn {
	color: #1ac078;
	background: #fff
}

.info-coupon {
	padding: 30px
}

.info-coupon .label-check {
	margin-right: 20px;
	font-size: 15px
}

.col-pay .flex-pay {
	padding: 50px 32px
}

.detail-coupon .bd {
	padding: 0 70px 20px
}

.detail-coupon .btn-coupon {
	float: left
}

.detail-coupon .btn-coupon:nth-child(2) {
	float: right
}

.coupon-list {
	padding: 20px
}

.coupon-list .btn-coupon {
	float: left;
	margin: 8px
}

.model-login .title {
	padding: 18px 0 12px
}

.iwechat {
	padding-left: 36px;
	background: url(../images/wechat.png) no-repeat 0 center;
	background-size: 28px 24px
}


/*page*/
.page {
	padding: 20px 0;
	overflow: hidden;
	text-align: center;
}

.page .disabled {
	border: 1px solid #dedede;
	padding: 5px 5px;
	font-size: 10px;
	color: #818181;
	display: none;
}

.page a {
	border: 1px solid #dedede;
	padding:0px 10px;
	font-size: 10px;
	color: #818181;
}

.page a.sy {
	color: #818181 !important;
}

.page .current {
	background: #1ac078;
	padding: 8px 9px;
	color: #fff;
	border: 1px solid #1ac078;
	font-size: 10px;
	margin-top: -1px;
}
/******************在线留言****************/
/*留言*/
.feedback {
	width: 100%; 
	height: 480px;
	margin: 0 auto;
	margin-bottom: 25px;
}
.feedback h2 {
	width: 100%;
	height: 70px;
	line-height: 70px;
	color:#4dcf97;
	font-size: 18px;
	font-weight: bold;
	text-align:left;
}
.feedback p {
	text-align: left;
	font-size: 18px;
	color: #f04d4d;
	margin-top: 30px;
}
.feedback .box {
	width: 100%;
	 margin-top: 28px;
	overflow: hidden;
}
.feedback .box .Input {
	width: 46%;
	height: 46px;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	float: left;
	margin-bottom: 17px;
}
.feedback .box .Input1, .feedback .box .Input3 {
	margin-left: 0;
}
.feedback .box .Input3 {
	margin-right: 32px;
}
.feedback .box .Input2{
	float: right;
}
.feedback .box .Input span {
	width: 110px;
	height: 32px;
	display: block;
	float: left;
	border-right: 1px solid #dcdcdc;
	margin-top: 7px;
	line-height: 32px;
	text-indent: 25px;
	font-size: 14px;
	color: #666666;
}
.feedback .box .Input input {
	height: 46px;
	line-height: 46px;
	width: 281px;
	padding-left: 10px;
	border: none;
	outline: none;
	float: left;
	font-size: 14px;
	color: #666666;
}

.feedback .box .textarea {
	width: 100%;
	border: 1px solid #dcdcdc;
	height: 125px;
	margin-top: 75px;
}
.feedback .box .textarea span {
	width: 110px;
	height: 100px;
	display: block;
	float: left;
	border-right: 1px solid #dcdcdc;
	margin-top: 7px;
	text-indent: 25px;
	padding-top: 7px;
	font-size: 14px;
	color: #666666;
}
.feedback .box .textarea textarea {
	height: 108px;
	width: 88%;
	padding-left: 10px;
	border: none;
	outline: none;
	float: left;
	resize: none;
	padding-top: 17px;
	font-size: 14px;
	color: #666666;
}
.feedback .tj {
	width: 40%;
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin: 42px 0 0 0;
	cursor: pointer;
}
.feedback .tj button{
	border: 0;
    width: 96%;
    height: 96%;
    font-weight: bold;
    color:#fff;
    background:#4dcf97;
    transition: all .6s;
}
.feedback .tj button:hover{ cursor:pointer; background-color: #9dcf97;}

/*内页留言*/
.age_li_about .feedback {
	background:none;
	padding: 0;
}
.mobile{
	display: none;
}