/*---------------样式重置--------------*/
body,
div,
span,
header,
footer,
nav,
section,
aside,
article,
ul,
dl,
dt,
dd,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
i,
b,
textarea,
button,
input,
select,
figure,
figcaption {
	padding: 0;
	margin: 0;
	list-style: none;
	font-style: normal;
	text-decoration: none;
	border: none;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
	outline: none;
	font-variant: tabular-nums;
	font-feature-settings: 'tnum';
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

html {
	font-size: 16px;
}

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

a,
a:hover {
	color: #666;
	text-decoration: none
}

ul,
ol,
li {
	list-style: none
}

fieldset,
img {
	border: 0
}

input::-webkit-input-placeholder {
	color: #C0C4CC;
	font-size: 14px;
}

input::-moz-input-placeholder {
	color: #C0C4CC;
	font-size: 14px;
}

input::-ms-input-placeholder {
	color: #C0C4CC;
	font-size: 14px;
}

input::-moz-input-placeholder {
	color: #C0C4CC;
	font-size: 14px;
}


.phone input::-webkit-input-placeholder {
	color: #C0C4CC;
	font-size: 16px;
}

.phone input::-moz-input-placeholder {
	color: #C0C4CC;
	font-size: 16px;
}

.phone input::-ms-input-placeholder {
	color: #C0C4CC;
	font-size: 16px;
}

.phone input::-moz-input-placeholder {
	color: #C0C4CC;
	font-size: 16px;
}


.width100 {
	width: 100%;
}

.container {
	/* width: 1000px;
	margin: 0 auto; */
}

.img100 {
	width: 100%;
	height: 100%;
}
.re{
	position: relative;
}
.textLeft {
	text-align: left;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

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

.pointer {
	cursor: pointer;
}

.color0 {
	color: #000;
}

.color6 {
	color: #666;
}

.color9 {
	color: #999;
}

.colorC {
	color: #ccc;
}

.colorA {
	color: #aaa;
}

.colorBlue {
	color: #7D9EE5;
}

.colorBlue:hover {
	opacity: 0.8;
}

.colorGreen {
	color: #2F4B6E;
}


.colorCom {
	color: #2F4B6E;
}

.colorfff {
	color: #fff;
}
.colorfff:hover {
	color: #fff;
	opacity: 0.9;
}
.colorBlue:hover {
	color: #409eff;
}

.colorComTable {
	color: #3985FF;
}
.colorLink{
	color: #2F71BF;
}


.block {
	display: block;
}

.inlineBlock {
	display: inline-block;
}

.boxSizing {
	box-sizing: border-box;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

.bgcom {
	background: #2F4B6E;
}

.bgfff {
	background: #fff;
}

.bgpage {
	background: #F5F5F5;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt45 {
	margin-top: 45px;
}

.mt50 {
	margin-top: 50px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}


.boxSizing {
	box-sizing: border-box;
}


.radius4 {
	border-radius: 4px;
}

.radius50 {
	border-radius: 50%;
}

[v-cloak] {
	display: none;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs15 {
	font-size: 15px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
}

.fs26 {
	font-size: 26px;
}

.fs28 {
	font-size: 28px;
}

.fs30 {
	font-size: 30px;
}

.bold {
	font-weight: bold;
}

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



.songBoBtn{
	background: rgba(4, 75, 158, 1);
	color: #fff;
	transition: none;
	border: none;
}
.songBoBtn.default{
	background: rgba(255, 255, 255, 1);
	color: rgba(89, 89, 89, 1);
	border: 1px solid rgba(220, 223, 230, 1);
}
.songBoBtn.default.phone{
	background: rgba(255, 255, 255, 1) !important;
	color: rgba(51, 51, 51, 1) !important;
	border: 1px solid rgba(196, 199, 205, 1) !important;
}

.songBoBtn:hover{
	background: rgba(4, 75, 158, .9);
	color: #fff;
}
.songBoBtn:focus{
	background: rgba(4, 75, 158, .9);
	color: #fff;
}
.songBoBtn.default:focus{
	background: rgba(255, 255, 255, 1);
	color: rgba(89, 89, 89, .7);
}

.songBoBtn.default:hover{
	background: rgba(255,255,255,.9);
	color: rgba(89, 89, 89, .7);
	border: 1px solid rgba(220, 223, 230, .7);
}
.songBoBtn.default.phone:focus{
	background: rgba(255, 255, 255, .7) !important;
}
/* .songBoBtn:focus{
	background: rgba(47,113,191,.9);
	color: #fff;
	border: 1px solid transparent;
}
.songBoBtn.default:focus{
	background: rgba(255,255,255,.9);
	color: rgba(4, 75, 158, 1);
	border: 1px solid color: rgba(4, 75, 158, 1);;
} */
.songBoBtn.widthAuto{
	width: 135px;
}
.el-button+.el-button{
	margin-left: 0;
}


.songBoBtn.phone{
	height: 4.5rem;
	line-height: 4.5rem;
	font-size: 1.6rem;
	border-radius: 5px;
}
.songBoBtn.phone:hover{
	background: rgba(47,113,191,1);
	color: #fff;
}
.songBoBtn.phone:focus{
	background: rgba(47,113,191,1);
	color: #fff;
}
.songBoBtn.default.phone:hover{
	background: rgba(255,255,255,.95);
	color: #000;
}
.songBoBtn.default.phone:focus{
	background: rgba(255,255,255,.95);
	color: #000;
	border: none;
}
.el-dialog{
	border-radius: 8px;
}
.el-table th.el-table__cell{
	background: #F8F8F8;
}