* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,
body,
#app,
.el-container {
	height: 100%;
}
/* 按钮颜色调整 */
.bt-btn-styles .el-button:hover {
	background: #fff;
	border-color: #20a53a;
	color: #20a53a;
}
.bt-btn-styles em {
	position: absolute;
	top: -10px;
	right: -4px;
	width: 45px;
	height: 20px;
	border-radius: 2px;
	background: red;
	color: #fff;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	transform: scale(0.8, 0.8);
}
.bt-btn-styles .el-button--primary.el-button:hover,
.el-button.el-button--primary,
.el-button.el-button--primary:hover {
	color: #fff;
	background: #20a53a;
	border-color: #22ae3e;
}
.el-date-table td.end-date span,
.el-date-table td.start-date span {
	background-color: #20a53a !important;
}
.el-date-table td.today span,
.el-date-table td.available:hover {
	color: #20a53a;
}
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
	background-color: #c0fbcd;
}
.el-input.is-active .el-input__inner,
.el-input__inner:focus,
.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-pagination__sizes .el-input .el-input__inner:hover {
	border-color: #20a53a;
}
/* .el-table .el-button{padding: 5px 0;} */

.el-tabs__item:hover,
.el-select-dropdown__item.selected {
	color: #20a53a;
	cursor: pointer;
}

.el-select-dropdown .el-select-dropdown__item.selected {
	background-color: #fff;
}

.el-tabs__item.is-active,
.el-button--text,
.el-pagination button:hover,
.el-pager li:hover,
.el-pager li.active,
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
	color: #20a53a;
}
.el-badge__content.is-fixed {
	right: 52px;
}
.el-button--text:focus,
.el-button--text:hover {
	color: #777;
}
/* select */
.el-select .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner {
	border-color: #20a53a;
}
.el-select-dropdown__item.selected.hover,
.el-select-dropdown__item.is-disabled:hover,
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
	background-color: #5fb878;
	color: #fff;
}
/* loding */
.el-loading-mask .el-loading-spinner .el-loading-text {
	color: #777;
}
/* dialog */
.el-dialog__wrapper .el-button.el-button--primary {
	font-size: 12px;
}
.el-dialog__wrapper .bt-btn-styles em {
	width: 40px;
	height: 18px;
	font-size: 12px;
}
/* dialog end */
.content-container #tab-1 span {
	display: none;
}
.binding_server {
	cursor: pointer;
}
.binding_server a {
	color: #20a53a;
}
.line-1px {
	background: #ccc;
	display: inline-block;
	width: 1px;
	height: 15px;
	margin: 0 4px;
	vertical-align: -2px;
}
.bt-row-inline {
	margin-bottom: 15px;
}
.bt-col-info {
	display: inline-block;
}
.bt-col-span {
	display: inline-block;
	margin-right: 20px;
	width: 68pt;
	text-align: right;
	font-size: 14px;
	line-height: 34px;
	color: #333;
	font-weight: 400;
}
/* 公共样式 end*/

/* 内容区域 */
.header-title {
	height: 42px;
	line-height: 42px;
	padding: 0 20px;
	margin-top: 15px;
	border-bottom: 1px solid #f6f6f6;
	color: #333;
	border-radius: 2px 2px 0 0;
	font-size: 14px;
}
.mian-bodys,
.mian-content {
	font-size: 14px;
	padding: 20px;
	background-color: #fff;
}
/* 搜索 */
.content-container .input-with-search {
	width: 267px;
}
/* 详情样式 */
.order_detali_view .bt-order-detial-name,
.order_detali_view .bt-order-detial-value {
	font-size: 14px;
}
.content-container .bt-order-detial-name {
	display: inline-block;
	width: 100px;
	color: #666;
	line-height: 30px;
	margin-bottom: 10px;
}
.content-container .bt-order-detial-value {
	display: inline-block;
	width: 160px;
	line-height: 30px;
	margin-bottom: 10px;
}
.bt-row-line {
	background-color: #e6e6e6;
	height: 1px;
	margin: 20px 0;
	border: 0;
}
.bt-row-box {
	margin-bottom: 15px;
}
.bt-row-box .bt-core-title {
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
}
*/

/* 产品购买 */
.product-list-box .bt-btn-styles button {
	padding: 12px 30px;
}
.product-list-box .bt-btn-styles.product_or_version_style button {
	width: 128px;
}
.product-list-box .bt-btn-styles.cycle_or_num_styles button {
	width: 110px;
}
.pro-buy-view {
	text-align: center;
	line-height: 30px;
}
.pro-buy-view button {
	padding: 12px 50px;
}
.pro-buy-view .pro-select-tips {
	font-size: 20px;
	margin-bottom: 20px;
}
.pro-buy-view .pro-prices-shown {
	margin-bottom: 25px;
	font-size: 16px;
	color: #999;
}
.pro-buy-view .pro-prices-shown span {
	color: #ff0000;
	font-size: 26px;
	margin: 0 3px;
}
.pro-custom-view input {
	border: 0 none;
	width: 30px;
	height: 17px;
	border-bottom: #ccc 1px solid;
	border-radius: 0;
	text-align: center;
	outline: none;
}
.pro-custom-view button {
	padding: 10px 40px;
	vertical-align: 1px;
}
.pro-custom-view .el-button:focus {
	background: #fff;
	color: #20a53a;
	border-color: #20a53a;
}
.pro-custom-view input[type='number'] {
	-moz-appearance: textfield;
}
.pro-custom-view input[type='number']::-webkit-inner-spin-button,
.pro-custom-view input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.pro-custom-view {
	display: inline-block;
	vertical-align: bottom;
}
.product-list-box .bt-write-content button {
	margin-right: 10px;
	margin-left: 0;
}
/* 产品购买 end */

/* 支付界面 */
.puyView .el-dialog__body {
	padding: 0;
}
.puyView .weChat_pay {
	z-index: 999;
}

.puyView .wb-nav {
	height: 50px;
	background: #fff;
}
.puyView .wb-nav img {
	margin-right: 10px;
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

.puyView .wb-nav span.on {
	background-color: #20a53a;
	color: #fff;
}

.puyView .wb-nav span {
	float: left;
	width: 50%;
	border-bottom: #ddd 1px solid;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
	cursor: pointer;
}

.puyView .wb-body {
	padding-top: 25px;
	width: 500px;
	height: 620px;
	background: #fff;
	color: #8c8c8c;
	font-size: 14px;
}

.puyView .wb-body .titles {
	margin-bottom: 20px;
	height: 50px;
	background: url('/Public/images/wxpay.png') no-repeat center center;
	text-indent: -999px;
}
.puyView .wb-body.alipay .titles {
	background: url('/Public/img/alipay.png') no-repeat center center;
}
.puyView .wb-body .code {
	text-align: center;
}

.puyView .wb-body .codeNub {
	margin-top: 15px;
	color: #000;
	font-weight: 500;
	font-size: 36px;
}

.puyView .wb-body .detailed {
	margin: 0 auto;
	margin-top: 20px;
	width: 500px;
	border-top: 2px solid #dedede;
	border-bottom: 2px solid #dedede;
}

.puyView .wb-body .detailed .info {
	overflow: hidden;
}

.puyView .wb-body .detailed .info span {
	display: inline-block;
	padding: 10px 25px;
	width: 50%;
}

.puyView .wb-body .Prompt {
	width: 100%;
	height: auto;
}

.puyView .wb-body .Prompt span {
	display: block;
	margin: 0 auto;
	margin-top: 25px;
	padding-left: 45px;
	width: 175px;
	height: 45px;
	background: url(/Public/images/saomiao.png) no-repeat;
	background-position: 7px 5px;
	text-align: center;
	line-height: 45px;
}

.puyView .Alipay {
	padding-top: 50px;
	width: 600px;
	height: 700px;
	background: #fff;
	color: #8c8c8c;
	font-size: 14px;
}

.puyView .Alipay .AlipayTitle {
	margin-bottom: 40px;
	height: 50px;
	background: url(/Public/img/alipay.png) no-repeat center center;
	text-indent: -999px;
}

.puyView .AlipayContent {
	display: inline-block;
	margin: 40px 50px;
	margin-top: 15px;
	padding: 20px;
	border: 1px solid #ececec;
	border-radius: 4px;
	background: #f8f7f7;
	text-align: center;
}

.puyView .AlipayContent ul {
	margin: 0 auto;
	width: 470px;
	color: #333;
	text-align: left;
	font-weight: 100;
	font-size: 20px;
	line-height: 45px;
}

.puyView .AlipayContent ul li span {
	display: inline-block;
	width: 50%;
}

.puyView .AlipayBtn {
	text-align: center;
}

.puyView .AlipayBtn a {
	padding: 14px 25px;
	border-color: #20a53a;
	border-radius: 5px;
	background-color: #20a53a;
	color: #fff;
	font-size: 19px;
}

#qrcode img {
	position: relative;
	margin: 0 auto;
}
.bt_package {
	margin-bottom: 50px;
	text-align: center;
}
.puyView .Prompts-info {
	margin-top: 45px;
	height: 50px;
	color: #20a53a;
	text-align: center;
	font-size: 25px;
}
.puyView .Prompts-info span {
	display: inline-block;
	padding-top: 3px;
	padding-left: 70px;
	background: url(/Public/images/addc.png) no-repeat;
	background-position: 24px 2px;
	background-size: 40px 40px;
	line-height: 40px;
}
.puyView .considerations {
	display: inline-block;
	margin: 20px;
	padding: 15px 45px;
	width: auto;
	border-radius: 4px;
	background: #dff1d9;
	color: #3c763d;
	font-size: 15px;
	line-height: 25px;
}
/* 支付界面 end */

/* 续费界面 */
.renewal_price_text {
	margin-bottom: 20px;
	font-size: 12px;
}
.renewal_price_text .renewal_price_number {
	margin-right: 5px;
	font-size: 29px;
	line-height: 34px;
	font-weight: 600;
	color: #333;
}
.tips-bg {
	margin-top: 15px;
	line-height: 28px;
	color: #20a53a;
}
.alert-success {
	background-color: #f1f6ef;
	border-color: #eaf2e6;
	font-size: 12px;
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.risk {
	color: red;
}
/* 续费界面 end */