html {
  overflow-y: auto;
  overflow-x: hidden;
}
body{
	width:100%;
    margin: 0 auto;
    padding: 0;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #606060;
    background-color: #f7f7f7;
}

.body-popup{
	width:100%;
    margin: 0 auto;
    padding: 0;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 14px;
    color: #606060;
    background-color: #ffffff;
}

.com-base-top {
	height: 90px;
	background-color: #ffffff;
	padding: 0 20px 0;
	min-width: 1440px;
}
.com-base-top .top-c{
	height: 50px;
	text-align: center;
}
.com-base-top .top-c .left-c{
	display:inline-block;
	vertical-align: middle;
	font-size: 15px;
	margin-top: 8px;
	float: left;
}
.com-base-top .top-c .left-c .logo-c{
	display:inline-block;
	vertical-align: middle;
}
.menu-c{
	position:absolute;
	top: 0;
	left: 0;
    right: 0;
    bottom: 0;
	text-align: center;
	height:50px;
	margin-right: calc(100% - 100vw);
}
.menu-c-sub{
	position:absolute;
	top: 0;
	left: 0;
    right: 0;
    bottom: 0;
    height:40px;
	text-align: center;
	margin-right: calc(100% - 100vw);
	margin-top: 50px;
}
.menu-c .menu-c-row{
	font-size: 16px;
	min-width: 1440px;
	text-align: center;
	line-height: 15px;
	cursor: pointer;
	font-weight: bold;
}
.menu-c .menu-c-row div{
	display:inline-block;
	vertical-align: middle;
	margin-left: 20px;
	line-height: 50px;
}
.menu-c .menu-c-row div:hover{
	opacity: .8;
    filter: alpha(opacity=80);
    /* color: #1b9aee; */
}
.menu-c-sub .menu-c-row div{
	line-height: 40px;
}
.menu-c .active{
	color: #1b9aee;
	border-bottom: 2px solid #1b9aee;
}
.menu-c .menu-c-row div:first-child{
	margin-left: 0px;
}
.com-base-top .top-c .right-c{
	display:inline-block;
	vertical-align: middle;
	float: right;
	margin-top: 10px;
}
.com-base-top .top-c .right-c img{
	display:inline-block;
	vertical-align: middle;
}
.com-base-top .top-c .right-c-0{
	float: right;
	position: relative;
	cursor: pointer;
	width: 48px;
	height: 32px;
	background-color: #1b9aee;
	margin-right: 20px;
}
.com-base-top .top-c .right-c-0 img{
	position:absolute;
	bottom: 0;
	left: 0;
}
.com-base-top .top-c .right-c-5{
    float: right;
    position: relative;
    cursor: pointer;
    width: 20px;
    height: 50px;
    margin-right: 20px;
}
.com-base-top .top-c .right-c-5:hover{
	opacity: .8;
    filter: alpha(opacity=80);
    /* color: #1b9aee; */
}
.com-base-top .top-c .right-c-5 img{
	width: 20px;
	height: 20px;
	margin-top: 15px;
}
.com-base-top .top-c .right-c-0:hover{
	height: 40px;
}
.com-base-top .top-c .right-c-0 p{
	height:20px;
	line-height:20px;
	position:absolute;
	bottom: 0;
	left: 0;
	right:0;
	top:0;
	font-size: 12px;
	color: #ffffff;
}
.com-base-top .top-c .right-c .right-c-1{
	display:inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}
.com-base-top .top-c .right-c .right-c-1:hover{
	opacity: .8;
    filter: alpha(opacity=80);
}
.com-base-top .top-c .right-c .right-c-1 p{
	position: absolute;
	top: -9px;
	left: 16px;
	width: 22px;
	height: 17px;
	border-radius: 12px;
	background-color: #f66f6a;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}
.com-base-top .top-c .right-c .right-c-2{
	display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 1px;
    background-color: #e5e5e5;
    margin-left: 20px;
    margin-right: 12px;
}
.com-base-top .top-c .right-c .right-c-3{
	display:inline-block;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	z-index: 999999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 90px;
}
.com-base-top .top-c .right-c .right-c-4{
	display:inline-block;
	vertical-align: middle;
	cursor: pointer;
	z-index: 999999;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.com-base-top .top-c .right-c .right-c-4:hover{
	opacity: .8;
    filter: alpha(opacity=80);
}
.com-base-top .top-c .right-c span{
	vertical-align: middle;
	height: 16px;
	width: 1px;
	color: #a0a0a0;
	margin-left: 12px;
}
.com-base-top .bottom{
	height: 40px;
	line-height: 40px;
}
.com-base-top .bottom-left{
	float: left;
	width: 50%;
}
.com-base-top .bottom .bottom-right{
	float: right;
	height: 40px;
    position: relative;
    z-index: 999999;
}
.com-put-btn{
	width: 80px;
	height: 25px;
	border:1px solid #1b9aee;
	border-radius: 3px;
	line-height: 25px;
	text-align: center;
	color: #1b9aee;
	font-size: 12px;
	cursor: pointer;
	margin-top: 5px;
}
.com-put-btn.open{
	border:none;
	background-color: #1b9aee;
	color: #ffffff;
	margin-top: 0px;
}
.com-put-btn:hover{
	opacity: .8;
    filter: alpha(opacity=80);
    color: #1b9aee;
}
.com-put-btn.open:hover{
	opacity: .8;
    filter: alpha(opacity=80);
    color: #ffffff;
}
.com-put-btn img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.com-put-btn span{
	display: inline-block;
	vertical-align: middle;
}
._content{
/* 	padding: 0;
	width: 100%; */
	display: flex;
    flex-direction: column;
	margin-right: calc(100% - 100vw);
}

.base-open{
	position: absolute;
	top:0;
	right:0;
	margin-top: 8px;
	margin-right: 10px;
	z-index: 999999;
	display: none;
	cursor: pointer;
}
/* @media screen and (min-width: 1440px) {
	.com-base-container{
		width: 1600px;
	}
}
@media screen and (max-width: 1440px) {
	.com-base-container{
		width: 1440px;
	}
} */
.com-base-body{
	width: 100%;
	display: flex;
	flex-direction:column;
	flex:1;
	height: calc(100vh - 100px);
}
.com-base-screen{
	position: relative;
	height:50px;
    /* padding-right:40px; */
    box-sizing: border-box;
}
.com-base-screen .all-c{
    line-height: 30px;
    border-bottom: 2px solid #c2c2c2;
    display: inline-block;
    cursor: pointer;
}
.com-base-screen .edge-c{
    float: right;
}
.com-base-screen .form-selected{
    transform: rotate(180deg);
}
.com-base-container{
	position: relative;
    /* margin: 0 auto; */
    padding-left:50px;
    box-sizing: border-box;
    margin-top: 20px;
    width: 1440px;
}
.com-base-screen .edge-c .layui-edge{
    margin-top: 10px;
}
.com-base-row {
	margin-bottom: 15px;
}
.com-base-row:after, .com-base-row:before {
    content: '';
    display: block;
    clear: both;
}
.com-base-col {
    float: left;
    display: block;
    box-sizing: border-box;
    margin-right: 40px;
}
.com-base-col .form-label{
	float: left;
    display: block;
    padding: 6px 0px 6px 0px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    position: relative;
    width: 90px;
}
.com-base-col .input-inline{
	display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 300px;
}
.com-table{
	margin-left: 20px;
	margin-right: 20px;
	background-color: #ffffff;
	flex:1;
	padding: 10px 20px 10px 20px;
	box-shadow: 2px 0px 3px rgba(0,0,0, .04);
	margin-bottom: 15px;
	min-width: 1440px;
	/* margin-right: calc(100% - 100vw); */
}
.com-table-popup{
	background-color: #ffffff;
	margin-bottom: 15px;
	padding-top:20px;
	display: flex;
	align-items:center;
	justify-content:center;
}
.com-table .com-table-sub {
	padding: 10px;
	border: 1px solid #e8e8e8;
}
.email-table-read {
	 /* background-color: #d3d7d4; */
	background-color: #dcdcdc;
}

input,textarea {
    border-color: #c3c3c3 !important;
}
input:focus,textarea:focus {
    border-color: #62b8f1 !important;
	outline-offset: -2px;
	outline: -webkit-focus-ring-color auto 1px;
}

.comlinkImgCss{
	color: blue;
	margin-left: 5px;
}
.comlinkCss{
	color: #1b9aee;
	cursor: pointer;
}
.comlinkCssRead{
	color: purple;
	cursor: pointer;
}
.comOtherCss{
	position: relative;
	right: 0;
}
.com_ul{
	list-style-type: none;
	width: 900px;
	height: 200px;
}

.com_ul li{
	float:left;
	width: 30%;
	margin-left: 20px;
}
.com_ul .div_block{
	border: 1px solid #BCBCBC;
	position: relative;
	padding: 20px 8px;
	min-height: 100px;
}
.com_ul .div_block .div_block_close{
	position: absolute;
	top: 0;
    right: 0;
}
.com_ul .div_block .div_block_ck_type{
	position: absolute;
	top: 15px;
    right: 0;
    border: 1px solid #BCBCBC;
    border-radius: 15px;
    padding: 5px 5px;
}
.com_ul .div_block .div_block_ck_type1{
	position: absolute;
	top: 15px;
    right: 0;
}
.com_ul .div_block .div_block_ck_status{
	position: absolute;
	top: 5px;
    left: 0;
}

.submit-success{
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.submit-success-label{
	color:  #606060;
	text-align: center;
	margin-top: 55px;
	font-size: 18px;
}
.submit-success-label-tips{
	width:161px;
	height:33px;
	line-height:33px;
	margin: 0 auto;
	color:  #606060;
	text-align: center;
	margin-top: 26px;
	font-size: 16px;
	cursor: pointer;
	border:1px dashed #999999;
}
.submit-success-label-tips span{
	color:  #85c9f6;
}

.table-tc{
	background-color: #ffffff;
    position: absolute;
    z-index: 999999;
    border: 1px solid #f0f0f0;
    padding: 10px 0px 10px;
    width: 100px;
    display: none;
	top: 30px;
    left: 20px;
}
.table-tc li{
	line-height: 30px;
	cursor: pointer;
	text-align: center;
}
.table-tc li:hover{
	background-color: #e8f5fd;
}
.other-link:hover .table-tc{
	display: block;
}
.small-input{
	display: inline-block!important;
	width: 45%!important;
}
.small-input-split{
	display: inline-block;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.long-length{
	width: 105px!important;
}
/* 新建部分共通start */
._content_create{
	width: 1200px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 50px 0px 20px;
	margin-top: 12px;
	box-shadow: 2px 0px 3px rgba(0,0,0, .04);
	min-height:470px;
}
._content_create_popup{
	width: 800px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 50px 0px 20px;
	margin-top: 12px;
}

.com_row{
	text-align: left;
	width:600px;
	margin: 0 auto;
	margin-bottom:20px;
}
.com_row input{
    width: 590px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #c5c5c5;
    padding-left: 10px;
    font-size: 14px;
    margin-top: 15px;
    border-radius: 3px;
}
.com_row textarea{
    width: 600px;
    height: 84px;
    font-size: 14px;
    margin-top: 15px;
    border-radius: 3px;
}
.com_row .com-add-btn{
    /* border: none!important; */
}
.com_row .com_col{
	display:block;
}
.com_row .com_col .com_col_row{
	display:inline-block;
}
.com_row .com_col .up_css{
	display:block;
	width: 600px;
	height: 53px;
	line-height: 53px;
	border: 1px dashed #c5c5c5;
	border-radius: 3px;
	color: #262626;
	text-align: center;
	margin-top: 15px;
}
.com_row .com_col .up_css .span{
	margin-left: 6px;
	display: inline-block;
	vertical-align: middle;
}
.com_row .com_col .up_css span{
	display: inline-block;
	vertical-align: middle;
}
.com_row .textarea-tips{
	display:block;
	color: #8c8c8c;
	text-align: right;
	margin-top: 10px;
}
.com_row .with-button-input{
	display:inline-block;
	width: 492px;
}
.com_row .layui-form-select{
	display:inline-block;
}
.com_row .layui-select-title .layui-input{
	width: 492px;
}
.select2Btn .layui-select-title .layui-input{
	width: 400px!important;
}
.select0Btn .layui-select-title .layui-input{
	width: 590px!important;
}
.com_row .layui-form-select .layui-edge{
	margin-top:5px!important;
}
.com_row .layui-form-selected .layui-edge{
	margin-top:-4px!important;
}
.com_row  .with-button{
	display:inline-block;
	width:88px;
	height:32px;
	color:#1b9aee;
	border-radius: 3px;
	background-color: #ffffff;
	border: 1px solid #64baf3;
	padding:0;
	line-height:31px;
	font-size: 14px;
	vertical-align: initial;
	cursor: pointer;
	text-align: center;
}
.com_row .with-button:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #1b9aee;
}
.com-table-popup  .with-button{
	display:inline-block;
	width:88px;
	height:32px;
	color:#1b9aee;
	border-radius: 7px;
	background-color: #ffffff;
	border: 1px solid #64baf3;
	padding:0;
	line-height:32px;
	font-size: 14px;
	vertical-align:middle;
	cursor: pointer;
	text-align: center;
}
.com-table-popup .with-button:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #1b9aee;
}
.com_row .com_col_name{
	display: block;
	width: 100px;
}
.com_row .com_back_name{
	color: #8c8c8c;
	line-height: 32px;
}
.com_row .com_button{
	background-color: #BCBCBC;
}

._content_create_tool{
	width: 100%;
	height: 63px;
	line-height:63px;
	border-top: 1px solid #e8e8e8;
	background-color:#ffffff;
	margin-top:20px;
	text-align: center;
}

.com-line-dashed{
	width:100%;
	height:0px;
	border-top:1px #C1C1C1 dashed;
	margin:0 auto;
}
/* 新建部分共通end */

/* layui部分修改start */
.layui-table-header .layui-table tr{
	background-color: #ffffff!important;
	border-bottom: 1px solid  #e8e8e8!important;
	font-weight: bold!important;
}
.layui-table-header .layui-table .layui-table-cell span{
	font-weight: bold!important;
}
.layui-table-header .layui-table{
	margin-bottom: 0px!important;
	border-bottom: 1px solid  #e8e8e8!important;
}
.layui-table-body .layui-table tr{
	border-bottom: 1px solid  #e8e8e8!important;
}
.layui-table-body .layui-table tr:last-child{
	border-bottom: none!important;
}
.layui-table tr>td:last-child{
	width: 80%;
}
.layui-table tr>td:last-child .layui-table-cell{
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}
.layui-laypage {
	float: right!important;
}
.layui-table-body .layui-table tbody tr:hover{
	background-color:#e8f5fd!important;
}
.layui-table-header{
	background-color:#ffffff!important;
}
.layui-table-tool{
	padding-left: 0px!important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color: #1b9aee!important;
}
.layui-form-select dl dd.layui-this{
	background-color: #e8f5fd!important;
	color: #262626!important;
}
.layui-form-select dl dd:hover {
    background-color: #e8f5fd!important;
}
.layui-tab-brief>.layui-tab-title .layui-this {
    color: #03a9f4!important;
}
.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #03a9f4!important;
}
.layui-form-onswitch{
	border-color:#1b9aee!important;
	background-color: #1b9aee!important;
}
.layui-layer-title{
	font-size:16px!important;
	color:#262626!important;
	height: 50px!important;
	line-height: 50px!important;
	background-color: #ffffff!important;
	border-bottom: 1px solid #f0f0f0!important;
}
.layui-layer-btn{
	border-top: 1px solid #f0f0f0!important;
}
.layui-form-radio>i:hover, .layui-form-radioed>i{
	color: #1b9aee!important;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #1b9aee!important;
}
.layui-form-checked[lay-skin=primary] i {
	background-color: #1b9aee!important;
	border-color: #1b9aee!important;
}
.select-with-twoBtn .layui-select-title .layui-input{
	width:393px;
}
.layui-table-view .layui-table td, .layui-table-view .layui-table th{
	padding: 7px 0!important;
}
.layui-table-cell{
	overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}
/* .layui-checkbox-disbaled, .layui-checkbox-disbaled .layui-icon-ok{
	background-color:#d2d2d2!important;
} */
.layui-disabled.layui-form-checked[lay-skin=primary] i{
	background-color:#d2d2d2!important;
	border-color:#d2d2d2!important;
}
.layui-disabled.layui-form-onswitch {
	/* background-color:#d2d2d2!important; */
}
.layui-checkbox-disbaled .layui-form-checked[lay-skin=primary] i{
	background-color:#d2d2d2!important;
}
.layui-input, .layui-select, .layui-textarea{
	height: 32px!important;
}
.layui-laydate .layui-this{
	background-color: #1b9aee!important;
}
/* .layui-table-header .layui-table tr{
	background-color: #F2F2F2!important;
} */
/* layui部分修改end */

/* 页面共通间距颜色start */
.com_red{
	color: #f66f6a;
}
.com_ml_10{
	margin-left: 10px;
}
.com_ml_20{
	margin-left: 20px;
}
.com_ml_5{
	margin-left: 5px;
}
.com_m5_45{
	margin-right: 45px;
}
.com_mt_30{
	margin-top: 30px;
}
.com_mt_15{
	margin-top: 15px;
}
.com_mr_5{
	margin-right: 5px;
}
.input-checkboxGroups{
	margin-top: 15px;
}
.input-checkboxGroups div{
	margin-bottom: 10px;
}
/* 页面共通间距颜色end */

/* 共用按钮区域start */
.com-search-btn{
	padding: 0!important;
	background-color: #1b9aee!important;
	width: 98px!important;
	height: 36px!important;
	line-height: 36px!important;
}
.com-clear-btn{
	padding: 0!important;
	background-color: #ffffff!important;
	color:#1b9aee!important;
	border: 1px solid #1b9aee!important;
	width: 98px!important;
	height: 36px!important;
	line-height: 36px!important;
}
.com-add-btn{
	padding: 0!important;
	background-color: #1b9aee!important;
	color:#f0f8fe!important;
	border: 1px solid #e8e8e8!important;
	width: 104px!important;
	height: 28px!important;
	line-height: 28px!important;
}
.com-add-btn:hover{
	padding: 0!important;
	background-color: #3da9f1!important;
	color:#f2f9fe!important;
	border: 1px solid #e8e8e8!important;
	width: 104px!important;
	height: 28px!important;
	line-height: 28px!important;
}
.com-common-btn{
	padding: 0!important;
	background-color: #f7f7f7!important;
	color:#424242!important;
	border: 1px solid #e8e8e8!important;
	width: 104px!important;
	height: 28px!important;
	line-height: 28px!important;
}
.com-common-btn:hover{
	padding: 0!important;
	background-color: #ffffff!important;
	color:#434343!important;
	border: 1px solid #e8e8e8!important;
	width: 104px!important;
	height: 28px!important;
	line-height: 28px!important;
}
.com-add-btn-long{
	padding: 0!important;
	background-color: #ffffff!important;
	color:#262626!important;
	border: 1px solid #e8e8e8!important;
	width: 135px!important;
	height: 28px!important;
	line-height: 28px!important;
}
.com-add-btn-long img{
	vertical-align: text-top;
	margin-right: 5px;
}
.com-add-btn img{
	margin-right: 5px;
	vertical-align: text-top;
}
.com-add-btn .blue-text{
	color: #1b9aee;
}
.com-prev-btn{
	padding: 0!important;
	background-color: #ffffff!important;
	width: 80px!important;
	height: 32px!important;
	line-height: 32px!important;
	border: 1px solid #c5c5c5!important;
	color: #262626!important;
}
.com-submit-btn{
	padding: 0!important;
	background-color: #1b9aee!important;
	width: 80px!important;
	height: 32px!important;
	line-height: 32px!important;
}

/* tip start */
[tooltip] {
	position: relative;
}

[tooltip]::after {
	display: none;
	content: attr(tooltip);
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 8px 15px;
	max-width: 2000px;
	border-radius: 4px;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4);
	z-index: 100;
}

[tooltip]::before {
	display: none;
	content: '';
	position: absolute;
	border: 5px solid transparent;
	border-bottom-width: 0;
	z-index: 100;
}

[tooltip]:hover::after {
	display: block;
}

[tooltip]:hover::before {
	display: block;
}

[tooltip][placement^="top"]::after,
[tooltip][placement^="top"]::before {
	animation: anime-top 300ms ease-out forwards;
}

[tooltip][placement^="right"]::after,
[tooltip][placement^="right"]::before {
	animation: anime-right 300ms ease-out forwards;
}

[tooltip][placement^="bottom"]::after,
[tooltip][placement^="bottom"]::before {
	animation: anime-bottom 300ms ease-out forwards;
}

[tooltip][placement^="left"]::after,
[tooltip][placement^="left"]::before {
	animation: anime-left 300ms ease-out forwards;
}

.tooltip-theme-dark,
[tooltip]::after {
	color: #fff;
	background-color: #313131;
}

.tooltip-theme-light,
[tooltip][effect="light"]::after {
	color: #313131;
	background-color: #fff;
	border: 1px solid #313131;
}

.tooltip-placement-top,
[tooltip]:not([placement])::after,
[tooltip][placement=""]::after,
[tooltip][placement="top"]::after {
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translate(-50%, 0);
}

.tooltip-placement-top-right,
[tooltip][placement="top-right"]::after {
	bottom: calc(100% + 10px);
	left: 100%;
	transform: translate(-100%, 0);
}

.tooltip-placement-top-left,
[tooltip][placement="top-left"]::after {
	bottom: calc(100% + 10px);
	left: 0;
	transform: translate(0, 0);
}

.tooltip-placement-right,
[tooltip][placement="right"]::after {
	left: calc(100% + 10px);
	top: 50%;
	transform: translate(0, -50%);
}

.tooltip-placement-right-top,
[tooltip][placement="right-top"]::after {
	left: calc(100% + 10px);
	top: 0;
	transform: translate(0, 0);
}

.tooltip-placement-right-bottom,
[tooltip][placement="right-bottom"]::after {
	left: calc(100% + 10px);
	top: 100%;
	transform: translate(0, -100%);
}

.tooltip-placement-bottom,
[tooltip][placement="bottom"]::after {
	top: calc(100% + 10px);
	left: 50%;
	transform: translate(-50%, 0);
}

.tooltip-placement-bottom-right,
[tooltip][placement="bottom-right"]::after {
	top: calc(100% + 10px);
	left: 100%;
	transform: translate(-100%, 0);
}

.tooltip-placement-bottom-left,
[tooltip][placement="bottom-left"]::after {
	top: calc(100% + 10px);
	left: 0;
	transform: translate(0, 0);
}

.tooltip-placement-left,
[tooltip][placement="left"]::after {
	right: calc(100% + 10px);
	top: 50%;
	transform: translate(0, -50%);
}

.tooltip-placement-left-top,
[tooltip][placement="left-top"]::after {
	right: calc(100% + 10px);
	top: 0;
	transform: translate(0, 0);
}

.tooltip-placement-left-bottom,
[tooltip][placement="left-bottom"]::after {
	right: calc(100% + 10px);
	top: 100%;
	transform: translate(0, -100%);
}

.triangle-theme-dark,
[tooltip]::before {
	border-top-color: #313131;
}

.triangle-theme-light,
[tooltip][effect="light"]::before {
	border-top-color: #313131;
}

.triangle-placement-top,
[tooltip]:not([placement])::before,
[tooltip][placement=""]::before,
[tooltip][placement="top"]::before {
	bottom: calc(100% + 5px);
	left: 50%;
	transform: translate(-50%, 0);
}

.triangle-placement-top-left,
[tooltip][placement="top-left"]::before {
	bottom: calc(100% + 5px);
	left: 10px;
}

.triangle-placement-top-right,
[tooltip][placement="top-right"]::before {
	bottom: calc(100% + 5px);
	right: 10px;
}

.triangle-placement-right,
[tooltip][placement="right"]::before,
.triangle-placement-right-top,
[tooltip][placement="right-top"]::before,
.triangle-placement-right-bottom,
[tooltip][placement="right-bottom"]::before {
	left: calc(100% + 3px);
	top: 50%;
	transform: translate(0, -50%) rotateZ(90deg);
}

.triangle-placement-right-top,
[tooltip][placement="right-top"]::before {
	top: 10px;
}

.triangle-placement-right-bottom,
[tooltip][placement="right-bottom"]::before {
	bottom: 10px;
	top: auto;
	transform: translate(0, 0) rotateZ(90deg);
}

.triangle-placement-bottom,
[tooltip][placement="bottom"]::before,
.triangle-placement-bottom-left,
[tooltip][placement="bottom-left"]::before,
.triangle-placement-bottom-right,
[tooltip][placement="bottom-right"]::before {
	top: calc(100% + 5px);
	left: 50%;
	transform: translate(-50%, 0) rotateZ(180deg);
}

.triangle-placement-bottom-left,
[tooltip][placement="bottom-left"]::before {
	transform: translate(0, 0) rotateZ(180deg);
	left: 10px;
}

.triangle-placement-bottom-right,
[tooltip][placement="bottom-right"]::before {
	right: 10px;
	left: auto;
}

.triangle-placement-left,
[tooltip][placement="left"]::before,
.triangle-placement-left-top,
[tooltip][placement="left-top"]::before,
.triangle-placement-left-bottom,
[tooltip][placement="left-bottom"]::before {
	right: calc(100% + 3px);
	top: 50%;
	transform: translate(0, -50%) rotateZ(270deg);
}

.triangle-placement-left-top,
[tooltip][placement="left-top"]::before {
	top: 10px;
}

.triangle-placement-left-bottom,
[tooltip][placement="left-bottom"]::before {
	bottom: 10px;
	top: auto;
	transform: translate(0, 0) rotateZ(270deg);
}

@keyframes anime-top {
	from {
		opacity: .5;
		bottom: 150%;
	}
}

@keyframes anime-bottom {
	from {
		opacity: .5;
		top: 150%;
	}
}

@keyframes anime-left {
	from {
		opacity: .5;
		right: 150%;
	}
}

@keyframes anime-right {
	from {
		opacity: .5;
		left: 150%;
	}
}
/* tip end */
/* 共用按钮区域end */
.email-tips{
	margin: 5px;
}

.base_code_line{
	background-color:#fac6c5;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 14px;
	line-height: 1;
}

.disabled-element {
	background-color: #eee !important;
}