@charset "utf-8";

#nipic_search {
	width: 900px;
	height: 268px;
	overflow: hidden;
	margin: 0 auto 6px;
	background: url(125sd.jpg) no-repeat;
	position: relative
}

.tipBarword,
.tipSwitch,
.tipbar,
.tipbar .arrow,
.tipbox,
.tipword {
	background-image: url(../images/searchTip.png);
	background-repeat: no-repeat
}

#searchTip {
	overflow: hidden
}

.tipbox {
	width: 300px;
	position: relative;
	height: 193px;
	display: none;
	background-position: 0 -313px
}

.tipbox .tipboxBtn {
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 25px;
	left: 240px;
	top: 36px;
	cursor: pointer
}

.tipboxNextbtn {
	position: absolute;
	display: inline-block;
	width: 82px;
	height: 28px;
	left: 163px;
	top: 127px;
	cursor: pointer
}

.tipword {
	position: absolute
}

#step1 {
	z-index: 1000
}

#step1 .tipword {
	width: 242px;
	height: 58px;
	left: 33px;
	top: 54px;
	background-position: -1px -519px
}

#step1 {
	width: 335px;
	height: 201px;
	background-position: -12px -272px
}

#step1 .tipboxBtn {
	left: 236px;
	top: 17px
}

#step1 .tipboxNextbtn {
	left: 116px;
	top: 120px
}

.tipbarwrap {
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: transparent
}

.tipbardiv {
	position: relative;
	width: 900px;
	height: 1px;
	margin: 0 auto
}

.tipbar {
	display: none;
	position: absolute;
	z-index: 1000
}

.tipbarInner {
	position: relative
}

.tipbar .arrow {
	width: 70px;
	height: 46px;
	background-position: -35px -216px;
	position: absolute
}

.tipBarword {
	position: absolute
}

#tipbar1 {
	width: 231px;
	height: 173px;
	background-position: -13px -18px;
	left: -67px;
	top: 532px
}

#tipbar1 .arrow {
	left: 235px;
	top: 0
}

#tipbar1 .tipBarword {
	width: 166px;
	height: 25px;
	left: 307px;
	top: 0;
	background-position: -178px -225px
}

.clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	overflow: hidden
}

#tipbar1 .tipbarInner {
	width: 231px;
	height: 173px
}

.notip {
	position: absolute;
	left: 210px;
	top: 127px
}

#notip {
	vertical-align: middle;
	margin-right: 3px
}

.notip label {
	vertical-align: middle;
	color: #0c5685
}

.tipSwitch {
	width: 80px;
	height: 26px;
	cursor: pointer;
	cursor: pointer;
	position: absolute;
	top: 48px;
	left: -114px
}

.userInfo .boxicoUser {
	position: absolute;
	top: 6px;
	left: 9px;
	background: url(../images/sprites_01.png) no-repeat;
	background-position: -204px -216px;
	width: 17px;
	height: 17px
}

.infoBox {
	display: none;
	line-height: 1.6;
	width: 650px;
	background: #fff;
	border: 1px solid #F90;
	width: 600px;
	color: #333;
	background: #fff;
	font-size: 14px;
	font-family: simsun, sans-serif
}

.infoBox .top {
	margin: 0;
	height: 28px;
	line-height: 28px;
	background: url(../themes/images/sideBoxLine.png) repeat-x left bottom;
	color: #000;
	padding: 0 10px 0 7px;
	font-size: 12px
}

.infoBox .top a {
	width: 14px;
	line-height: 13px;
	height: 13px;
	font-family: arial;
	overflow: hidden;
	display: block;
	background: #fff;
	color: #c77405;
	float: right;
	text-align: center;
	text-decoration: none;
	margin-top: 7px;
	border-radius: 2px
}

.infoBox input {
	margin-right: 5px;
	border: 1px solid #ddd
}

.infoBox .toInput {
	margin-right: 10px;
	height: 25px;
	border: 1px solid #C9C9C9;
	line-height: 25px;
	font-size: 14px;
	vertical-align: middle;
	padding-left: 3px
}

.layouts {
	margin: 4px auto 19px auto;
	width: 451px
}

.layouts li {
	display: inline-block;
	line-height: 20px;
	margin: 5px 10px;
	width: 90px
}

.floatAdDiv {
	position: fixed;
	top: 120px;
	right: 40px;
	float: right;
	z-index: 998
}

.closeAd {
	width: 14px;
	height: 30px;
	font-family: arial;
	background: #fff;
	color: #c77405;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	border-radius: 2px;
	position: absolute;
	z-index: 1000;
	right: -38px;
	top: 4px
}

.floatAdDiv a:hover {
	text-decoration: none;
	background-color: #fff
}

.productType {
	position: relative;
	height: 30px;
	left: 0;
	top: 4px;
	clear: both;
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 6px;
	overflow: visible;
}
.productType .vleft {
	margin-left: 4px;
	float: left;
	cursor: pointer;
	margin-top: 8px;
	width: 15px;
	height: 14px;
	background: url(../images/sprites_01.png) no-repeat -204px -90px;
}
.productType .u {
	float: left;
	height: 29px;
	overflow: visible;
}
.productType ul {
	padding: 0 12px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	float: left;
}
.productType li {
	float: left;
	border: 1px solid #e2e2e2;
	padding: 0 8px;
	text-align: center;
	cursor: pointer;
	margin-left: -1px;
	color: #333;
	background: #f9f9f9;
	height: 29px;
	line-height: 30px;
}
.productType .cur {
	height: 30px;
	border-bottom: none;
	background: #fff;
	color: #285293;
	font-weight: 700;
}
.productType .vright {
	float: left;
	width: 15px;
	cursor: pointer;
	margin-top: 8px;
	width: 15px;
	height: 14px;
	background: url(../images/sprites_01.png) no-repeat -204px -104px;
}
.productType .vleftnull {
	float: left;
	width: 15px;
	line-height: 24px
}

.productType .vrightnull {
	float: left;
	width: 15px;
	line-height: 24px
}

/*————————————————————————————————————————————————		新样式 begin		————————————————————————————————————————————————*/
/*.productType {*/
/*	left: 0;*/
/*	clear: both;*/
/*	overflow: visible;*/
/*	position: relative;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	height: 52px;*/
/*	background: rgba(255, 255, 255, 0.7);*/
/*	backdrop-filter: blur(20px);*/
/*	border-radius: 16px;*/
/*	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);*/
/*	border: 1px solid rgba(0, 0, 0, 0.05);*/
/*	overflow: hidden;*/
/*}*/

/*.productType li {*/
/*	float: left;*/
/*	padding: 0 8px;*/
/*	text-align: center;*/
/*	cursor: pointer;*/
/*	margin-left: -1px;*/
/*	color: #333;*/
/*	height: 29px;*/
/*	line-height: 30px;*/
/*	position: relative;*/
/*	display: flex;*/
/*}*/

/*.productType .cur {*/
/*	height: 30px;*/
/*	border-bottom: none;*/
/*	background: #fff;*/
/*	font-weight: 700;*/
/*}*/

/*.productType .cur::after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	bottom: 0px;*/
/*	left: 5px;*/
/*	right: 5px;*/
/*	height: 3px;*/
/*	background: linear-gradient(90deg, #007AFF, #34C759);*/
/*	border-radius: 3px;*/
/*	animation: pulse 1.5s infinite;*/
/*}*/

/*.productType .vleft {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	width: 20px;*/
/*	height: 20px;*/
/*	background: rgba(0, 122, 255, 0.1);*/
/*	border-radius: 50%;*/
/*	color: #007AFF;*/
/*	font-size: 14px;*/
/*	cursor: pointer;*/
/*	transition: all 0.3s ease;*/
/*	z-index: 2;*/
/*	flex-shrink: 0;*/
/*	margin-left: 30px;*/
/*}*/

/*.productType .vleft::before {*/
/*	content: "";*/
/*	position: relative;*/
/*	top: 20%;*/
/*	left: 20%;*/
/*	width: 6px;*/
/*	height: 6px;*/
/*	border-left: 2px solid #007AFF;*/
/*	border-bottom: 2px solid #007AFF;*/
/*	transform: translate(-30%, -50%) rotate(45deg);*/
/*}*/

/*.productType .vleft:hover {*/
/*	background: rgba(0, 122, 255, 0.15);*/
/*	transform: scale(1.1);*/
/*}*/

/*.productType .u {*/
/*	float: left;*/
/*	height: 29px;*/
/*	overflow: visible*/
/*}*/

/*.productType ul {*/
/*	padding: 0 12px;*/
/*	margin: 0 auto;*/
/*	overflow: visible;*/
/*	position: relative;*/
/*	float: left*/
/*}*/

/*.productType .vright {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	width: 20px;*/
/*	height: 20px;*/
/*	background: rgba(0, 122, 255, 0.1);*/
/*	border-radius: 50%;*/
/*	color: #007AFF;*/
/*	font-size: 14px;*/
/*	cursor: pointer;*/
/*	transition: all 0.3s ease;*/
/*	z-index: 2;*/
/*	flex-shrink: 0;*/
/*}*/

/*.productType .vright::before {*/
/*	content: "";*/
/*	position: relative;*/
/*	top: 20%;*/
/*	left: 5%;*/
/*	width: 6px;*/
/*	height: 6px;*/
/*	border-right: 2px solid #007AFF;*/
/*	border-top: 2px solid #007AFF;*/
/*	transform: translate(-30%, -50%) rotate(45deg);*/
/*}*/

/*.productType .vright:hover {*/
/*	background: rgba(0, 122, 255, 0.15);*/
/*	transform: scale(1.1);*/
/*}*/

/*.productType .vleftnull {*/
/*	float: left;*/
/*	width: 15px;*/
/*	line-height: 24px*/
/*}*/

/*.productType .vrightnull {*/
/*	float: left;*/
/*	width: 15px;*/
/*	line-height: 24px*/
/*}*/
/*————————————————————————————————————————————————		新样式 end		————————————————————————————————————————————————*/

.box_s {
	border: solid 1px #ddd
}

.box_s .hd {
	height: 30px;
	position: relative
}

.box_s .hd .boxico {
	position: absolute;
	top: 6px;
	left: 9px;
	width: 16px;
	height: 16px
}

.box_s .hd h4 {
	height: 30px;
	line-height: 30px;
	padding-left: 9px;
	color: #333;
	border-bottom: 1px solid #ddd
}

.kjfwck .bd {
	padding: 20px 10px;
	background-color: #fff;
	overflow: hidden
}

.kjfwck .bd a {
	color: #00549d
}

.kjfwck .bd a:hover {
	text-decoration: none;
	color: red
}

.box_s .bd .searchname {
	width: 50px
}

.box_s .bd .searchkey {
	width: 100px
}

.our_service {
	clear: both;
	padding: 0;
	border: 1px solid #ddd;
	padding-left: 6px;
	padding-bottom: 5px;
	line-height: 18px;
	color: #666;
	font-size: 12px
}

.our_service div {
	margin-top: 10px;
	margin-bottom: 10px
}

.leftstart-div-style {
	float: left;
	width: 20%;
	margin-right: 2%
}

.logininfo-div-style {
	padding-top: 3px;
	height: 208px
}

.logininfo-div-style .hd h4 {
	color: #285293
}

.accountnumber-td-style {
	width: 24%;
	padding-left: 9px
}

.mes-input-style {
	height: 23px;
	width: 94%;
	border: #ddd 1px solid;
	font-size: 16px;
	line-height: 22px
}

.pwd-td-style {
	width: 24%;
	padding-left: 9px
}

.authcode-tr-style {
	display: none;
	line-height: 36px
}

.authcode-td-style {
	width: 27%;
	height: 23px;
	padding-left: 12px;
	padding-top: 3px
}

.authcode-td-style+td input {
	height: 23px;
	border: #ddd 1px solid;
	width: 40px;
	font-size: 16px;
	vertical-align: middle
}

.forgetpwd-td-style {
	text-align: center
}

.forgetpwd-td-style a {
	color: #285293
}

.forgetpwd-td-style input {
	vertical-align: middle
}

.forgetpwd-td-style label {
	color: #285293;
	cursor: pointer
}

.login-td-style {
	height: 24px
}

.login-td-style input {
	cursor: pointer;
	border: 0;
	width: 72px;
	height: 25px;
	background: url(../images/sprites_01.png) no-repeat -84px 0
}

.loginerror-div-style {
	position: static;
	z-index: 999;
	color: red
}

.logout-a-style {
	float: right;
	padding-top: 7px;
	padding-right: 7px
}

.emailSub-div-style {
	padding: 14px 10px !important
}

.emailSub-div-style p {
	margin: 0 0 14px 0;
	text-align: center
}

.emailSub-div-style div {
	text-align: center;
	margin: 0 auto
}

.emailSub-div-style input {
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
	color: #333;
	background: url(../images/btnRSS.png) no-repeat;
	padding: 4px 16px 6px 29px;
	border: none;
	text-align: center
}

.onlinesearch-table-style {
	padding: 10px;
	width: 100%;
}

.onlinesearch-table-style .keywords-td-style {
	width: 70px;
	padding: 2px 0
}

.keywords-td-style+td input {
	height: 23px;
	width: 100%;
	border: #ddd 1px solid;
	font-size: 12px
}

.searchcategory-td-styl {
	padding: 2px 0
}

.searchcategory-td-styl+td select {
	width: 100%;
	height: 23px;
	border: #ddd 1px solid;
	text-align: center
}

.searchsure-input-style {
	cursor: pointer;
	border: 0;
	width: 72px;
	height: 25px;
	background: url(../images/sprites_01.png) no-repeat 0 0
}

.serviceborder-div-style {
	border: #ddd solid 1px;
	padding: 0 15px 9px 15px
}

.servicenotice-div-style {
	margin: 10px;
	float: left;
	height: 16px;
	font-weight: 700;
	font-size: 15px;
}

.more-a-style {
	float: right;
	margin: 13px
}

.serviceelse-div-style {
	border-bottom: 1px solid #e2e2e2;
	height: 31px;
	padding: 0
}

/*————————————————————————————————————————————————		新样式 begin		————————————————————————————————————————————————*/
/*.serviceelse-div-style {*/
/*	left: 0;*/
/*	clear: both;*/
/*	overflow: visible;*/
/*	position: relative;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	height: 52px;*/
/*	background: rgba(255, 255, 255, 0.7);*/
/*	backdrop-filter: blur(20px);*/
/*	border-radius: 16px;*/
/*	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);*/
/*	border: 1px solid rgba(0, 0, 0, 0.05);*/
/*	overflow: hidden;*/
/*}*/
/*————————————————————————————————————————————————		新样式 end		————————————————————————————————————————————————*/

.downtools-div-style {
	float: right;
	margin: 10px
}

.download {
	font-weight: 700
}

.downtools-div-style a {
	cursor: pointer;
	color: #285293
}

.emailalert-div-style {
	padding: 0 20px 20px 20px;
	font-size: 12px
}

.emailalert-div-style p {
	margin: 0;
	padding: 12px 15px;
	color: #3F0000;
	text-indent: 2em;
	line-height: 23px
}

.emailborder-div-style {
	border-top: 1px dashed #ccc;
	margin: 10px auto;
	width: 92%
}

.emailborder-div-style+div {
	height: 24px;
	padding-left: 21px;
	line-height: 25px
}

.email-font-style {
	font-size: 12px;
	color: #A90000;
	font-weight: 700
}

.urgentborder-div-style {
	border: #E0E6E6 solid 1px;
	margin-bottom: 20px;
	display: none
}

.urgentword-div-style {
	color: red;
	margin: 10px 10px 0 10px;
	font-size: 15px;
	font-weight: 700
}

.urgenttitle-div-style {
	font-weight: 700;
	font-size: 16px;
	color: #F90;
	cursor: pointer
}

.urgentnotice-div-style {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 auto;
	width: 89%;
	padding: 16px 0
}

.prize-tips-wrap {
	position: fixed;
	width: 500px;
	height: 269px;
	background: url(../images/prize-tips-bg.png) no-repeat;
	top: 280px;
	left: 50%;
	margin-left: -250px;
	z-index: 100;
	border-radius: 20px;
	display: none
}

.prize-tips-wrap.show {
	display: block
}

.prize-tips-wrap p {
	text-align: center
}

.prize-tips-wrap p a {
	color: #fff;
	font-size: 24px
}

.prize-tips-wrap p a:hover {
	text-decoration: none
}

.prize-tips-tit {
	font-size: 24px;
	font-weight: 700;
	padding-top: 50px;
	margin-bottom: 10px
}

.prize-tips-txt,
.prize-tips-txt span {
	font-size: 28px;
	font-weight: 700
}

.prize-tips-link {
	position: absolute;
	bottom: 46px;
	left: 55px;
	width: 385px;
	height: 55px
}

.prize-tips-link a {
	display: block;
	width: 100%;
	height: 100%
}

.close-prize {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -10px;
	top: -10px;
	background: url(../images/close-prize-icon.png);
	background-size: cover;
	cursor: pointer
}

.indexEnroll {
	position: absolute;
	bottom: 0;
	right: 5px;
	color: #285293;
	bottom: 6px;
	right: 11px;
	font-size: 13px;
	cursor: pointer;
}

.indexEnroll:HOVER {
	text-decoration: underline;
}

.evaluate-tip-layer {
	width: 600px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -250px;
	margin-left: -300px;
	background: url(../images/unevaluate-layer-bg.jpg) no-repeat;
	background-size: cover;
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	z-index: 100;
	display: none;
}

.evaluate-layer-tit {
	padding-top: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #1c1815;
}

.evaluate-layer-cont {
	padding-left: 70px;
	padding-right: 20px;
	padding-bottom: 30px;
	max-height: 350px;
	overflow-y: auto;
}

.evaluate-layer-cont li {
	margin-bottom: 10px;
}

.evaluate-layer-cont li a {
	font-size: 16px;
	color: #40B0F0;
}

.evaluate-ft {
	padding: 20px 0;
	border-top: 1px solid #d6d6d6;
	text-align: center;
}

.evaluate-layer-btn {
	padding: 10px 20px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
}

.evaluate-layer-btn-sure {
	margin-right: 50px;
	background: #40B0F0;
	color: #fff;
}

.evaluate-layer-btn-sure:hover {
	background: #1ca7f7;
	color: #fff;
	text-decoration: none;
}

.evaluate-tips-text {
	margin: 20px 0;
	color: #1c1815;
}

.layouts input {
	position: relative;
	top: 3px;
}

.checkboxAll {
	position: relative;
	top: 3px;
}

.method-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.qrcode-btn {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/qrcode-btn.png);
	background-size: cover;
}

.computer-btn {
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/computer-icon.png);
	background-size: cover;
}

.qrcode-login,
.phone-checked {
	display: none;
	text-align: center;
	padding-top: 10px;
}

.qrcode-title {
	font-size: 14px;
	color: #3c3c3c;
	text-align: center;
	font-weight: 700;
	margin-top: 5px;
}

.scanning-tip {
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
}

.scanning-subtip {
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	font-weight: 700;
}

.method-tip {
	display: inline-block;
	padding: 3px 15px;
	position: absolute;
	right: 50px;
	bottom: 5px;
	background: #fefcee;
	border: 1px solid #f3d995;
	white-space: nowrap;
	font-size: 12px;
}

.triangle_right {
	display: block;
	width: 0;
	height: 0;
	border-width: 8px 0 8px 8px;
	border-style: solid;
	border-color: transparent transparent transparent #f3d995;
	/*透明 透明 透明 灰*/
	position: absolute;
	right: -8px;
	top: 2px;
}

.expire-mask {
	position: absolute;
	top: 70px;
	bottom: 0;
	width: 100%;
	background: #fff;
	filter: alpha(opacity=90);
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	display: none;
}

.expire-tip {
	padding-top: 30px;
	color: #3c3c3c;
	font-size: 12px;
	font-weight: 700;
}

.qrcode-refresh {
	display: inline-block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	font-size: 12px;
	background: #f40;
	color: #fff;
	border-radius: 3px;
	margin-top: 10px;
	cursor: pointer;
}

.login_mode {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.integralChange {
	width: 27px;
	margin-left: 10px;
	position: relative;
	top: -1px;
}

.upgradeNotice {
	background: url(../images/notice.png) no-repeat 15px;
	padding-left: 40px;
	line-height: 26px;
	background-color: #F9F9F9;
	height: 25px;
	font-weight: bold;
	font-size: 13px;
	color: #2C569F;
	display: none;

}

.upgradeNotice a {
	padding: 0 3px;
	cursor: pointer;
	color: #2C569F
}

.upgradeNotice a:HOVER {
	color: red;
}

.upgradeNotice i {
	background: url(../images/close1.png) no-repeat center;
	display: inline-block;
	width: 30px;
	height: 24px;
	vertical-align: top;
}

.wxAutoLoginFlag {
	display: none;
	position: absolute;
	bottom: -65px;
	left: 96px;
}

.wxAutoLoginFlag input {
	vertical-align: bottom;
	cursor: pointer;
}

.wxAutoLoginFlag label {
	cursor: pointer;
}

.eyeTip {
	height: 20px;
	width: 20px;
	background: url(../images/eyeOpen.png) no-repeat;
	position: absolute;
	top: 5px;
	right: 17px;
	cursor: pointer;
	z-index: 111;
	background-color: white;
}

.eyeTipClose {
	background: url(../images/eyeClose.png) no-repeat;
}

.broadsideNav {
	position: fixed;
	right: 3px;
	width: 45px;
	border-bottom: none;
	display: none;
	cursor: pointer;
	z-index: 121;
	bottom: 120px;
}

.broadsideNav ul li {
	width: 45px;
	height: 45px;
	text-align: center;
	border: 1px solid #ddd;
	position: relative;
	cursor: pointer;
	border-radius: 100px;
	margin-bottom: 10px;
	display: inline-block;
	line-height: 45px;
}

.broadsideNav ul li .tip {
	position: absolute;
	background: #FF552E;
	color: white;
	width: 100%;
	height: 100%;
	left: 0;
	font-weight: bold;
	font-size: 13px;
	top: 0;
	display: none;
	border-radius: 100px;
}

.broadsideNav ul li img {
	margin-top: 8px;
}

.broadsideNav ul .returnEnter {
	border: none;
}

.broadsideNav ul .returnEnter .content {
	display: none;
	border: 1px solid #ddd;
	border-radius: 100px;
	height: 44px;
	width: 44px;
}

.naxTxt {
	width: 20px;
	position: absolute;
	top: 52px;
	font-size: 12px;
	color: white;
	left: 15px;
	line-height: 16px;
	font-weight: bold;
}

.navIcon {
	position: absolute;
	top: 16px;
	left: 6px;
	width: 30px;
	border-radius: 22px;
	background-color: white;
	height: 30px;
}

.navIcon img {
	top: 4px;
	left: 2px;
	position: relative;
}

.broadsideNav>div:HOVER {
	opacity: .8;
}

.easyDialog_wrapper_chat {
	max-width: 670px;
	width: 670px;
}

.easyDialog_wrapper_chat .easyDialog_title {
	background-color: #4E92D2;
	color: white;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	text-align: left;
}

.easyDialog_wrapper_chat .close_btn {
	color: white;
}

.easyDialog_wrapper_chat .easyDialog_title img {
	margin-right: 7px;
	width: 28px;
}

.easyDialog_wrapper_chat .content {
	position: relative;
	height: 415px;
}

.easyDialog_wrapper_chat .chatImg {
	position: absolute;
	right: 0;
	bottom: 0;
}

.easyDialog_wrapper_chat .clickImg {
	margin-left: 30px;
	margin-top: 30px;
}

.easyDialog_wrapper_chat .txt {
	position: absolute;
	top: 35px;
	left: 143px;
	font-size: 20px;
	color: #6154BD;
	line-height: 30px;
}

.easyDialog_wrapper_chat .item {
	margin-left: 46px;
	margin-top: 20px;
	overflow: auto;
	width: 250px;
}

.easyDialog_wrapper_chat .item p {
	background-color: white;
	color: #0F0A46;
	padding: 5px 5px;
	margin-bottom: 15px;
	font-size: 14px;
	text-align: center;
	box-shadow: 3px 3px 4px 1px rgba(19, 70, 80, .2);
	/* font-weight: bold; */
	border-radius: 5px;
	cursor: pointer;
	margin-right: 20px;
	border-radius: 20px;
	min-width: 120px;
}

.easyDialog_wrapper_chat .item p:HOVER {
	transform: scale(0.98, 0.98);
	-webkit-transform: scale(0.98, 0.98);
	-o-transform: scale(0.98, 0.98);
	-ms-transform: scale(0.98, 0.98);
	opacity: .7;
}

.broadsideNav .onlineService {
	margin-top: 3px;
}

.broadsideNav .naxTxtOnline {
	top: 14px;
}

.broadsideNav .navIconOnline {
	top: 82px;
	background: none;
}

.broadsideNav .navIconOnline img {
	width: 30px;
	left: 0px;
}

.proLayouts li {
	width: 100px;
}

.proLayouts span {
	margin-left: 5px;
}

.proLayoutsBtns {
	text-align: center;
	margin-top: 65px;
}

.proLayoutsBtns .btn_highlight {
	background: #4E92D2
}


.loginAlert {
	position: fixed;
	z-index: 200;
	background-color: white;
	left: 50%;
	width: 300px;
	margin-left: -200px;
	border-radius: 3px;
	padding: 30px 50px;
	padding-bottom: 100px;
	top: 50%;
	margin-top: -200px;
}

.loginAlert .logininfo-div-style .hd h4 {
	text-align: center;
	border: none;
	font-size: 20px;
	color: black;
}

.loginAlert .box_s {
	border: none;
}

.loginAlert .mes-input-style {
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
	border-radius: 3px;
	width: 84%;
}

.loginIcon {
	position: absolute;
	top: 16px;
	left: 15px;
	width: 15px;
}

.mes-input-style2 {
	margin-top: 6px;
}

.loginAlert .method-icon {
	position: absolute;
	right: -46px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	top: -25px;
}

.loginAlert .qrcode-btn {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/bt_saoma.png);
	background-size: cover;
}

.forgetpwd-td-style2 {
	text-align: left;
}

.forgetpwd-td-style3 {
	text-align: right;
}

.loginBtn {
	background: #DB0404;
	color: white;
	line-height: 35px;
	border-radius: 5px;
	margin-top: 37px;
	position: relative;
	left: -4px;
	cursor: pointer;
}

.loginAlert .computer-btn {
	width: 100%;
	height: 100%;
	background: url(../images/bt_zhanghao.png);
	background-size: cover;
	height: 37px;
}


.frontIndex .service {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.frontIndex .service ul {
	width: 100%;
	margin-left: 6%;
	overflow: hidden;
	padding-bottom: 10px;
}

.frontIndex .service ul li {
	width: 20%;
	float: left;
	text-align: center;
	margin: 0 1%;
	cursor: pointer;
}

.frontIndex .service ul li .serviceName {
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: bold;
}

.frontIndex .service ul li:HOVER {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}

.frontIndex .service ul li .serviceIntr {
	line-height: 23px;
	text-align: left;
	color: #8888;
	padding: 0 15px;
	padding-bottom: 10px;
	min-height: 120px;
}

.frontIndex .service ul li img {
	width: 70%;
}

.serviceTitle {
	text-align: center;
	margin-bottom: 20px;
}

.serviceTitle .txt1 {
	font-weight: bold;
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.serviceTitle .txt2 {
	color: #8888
}

.serviceTitle .txt2 span {
	font-size: 25px;
}

.serviceTitle .txt2 .tip {
	margin-right: 15px;
}

.bannerWrap {
	text-align: center;
	overflow: hidden;
	position: relative;
}

.bannerWrap .banner {
	position: absolute;
	left: 50%;
	margin-left: -960px;
}

.bannerService {
	height: 800px;
	margin-bottom: 30px
}

.bannerAbout {
	height: 500px;
	margin-top: 30px;
}

.aboutUs {
	width: 700px;
	margin: 0 auto;
	background-color: white;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	position: relative;
	padding: 100px 200px;
	margin-left: 210px;
	padding-left: 280px;
	padding-right: 100px;
	margin-top: 60px;
}

.aboutUs .dec1 {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-color: #DB0404
}

.aboutUs .title {
	font-weight: bold;
	font-size: 25px;
	position: relative;
	text-align: left;
	margin-bottom: 35px;
}

.aboutUs .title .dec2 {
	position: absolute;
	bottom: -15px;
	left: 0;
	background-color: #DB0404;
	height: 5px;
	width: 100px;
}

.aboutUs .desc {
	text-align: left;
	line-height: 25px;
}

.aboutUs .img {
	position: absolute;
	left: -159px;
	width: 350px;
	top: 56px;
}

.topHead .bannerLogo {
	left: 40px;
	top: 40px;
	position: absolute;
}

.topHead .loginEnter {
	position: absolute;
	right: 20px;
	top: 17px;
	color: white;
	cursor: pointer;
	z-index: 22;
}

.topHead .loginEnter:HOVER span {
	color: red;
}

.topHead .loginEnter span {
	vertical-align: middle;
	margin-left: 10px;
	color: #D8D9DB;
}

.loginAlerClose {
	position: absolute;
	z-index: 200;
	width: 30px;
	margin-left: -20px;
	cursor: pointer;
	top: 90px;
	left: 50%;
}

.integralTip {
	width: 200px;
	border-radius: 5px;
	border: 1px solid #ddd;
	display: none;
	position: fixed;
	right: 10px;
	background-color: #f9f9f9;
	bottom: 10px;
	z-index: 121;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	padding: 10px 20px;
	font-size: 13px;
	padding-right: 40px;
}

.integralTip .tipIcon {
	position: relative;
	top: -2px;
	margin-right: 5px;
}

.integralTip .txt {
	padding-left: 20px;
	font-size: 13px;
}

.integralTip .closeIcon {
	position: absolute;
	right: -30px;
	top: 0;
	cursor: pointer;
}

.moreNew {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

.moreImg {
	display: inline-block;
	width: 20px;
	margin-top: -3px;
}

.moreFont {
	color: #707070;
}