.layui-layer {
	background-color: #fff;
	border-radius: 10px !important;
}

.layui-layer-title {
	background-color: #1163e9;
	border-top-right-radius: 10px !important;
	border-top-left-radius: 10px !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}

.layui-layer-btn {
	background-color: #fff !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.caption {
	margin: 10px 0px 10px 0px;
	padding: 0px 2% 10px 2%;
	color: #1163e9;
	border-bottom: 1px solid #e4dddd;
	font-size: 16px;
}

.captions {
	width: 100% !important;
	margin: 40px 0px 20px 0px !important;
	color: #1163e9;
	border-bottom: 1px solid #e4dddd;
	font-size: 16px;
	padding: 0px 2% 10px 2%;
	float: left;
}

.tablelist_thead th {
	background-color: #f4f6f9;
	border-top: 0px solid #fff !important;
	border-bottom: 0px solid #fff !important;
	color: #666666;
}

.tablelist_thead th,.tablelist_tbody td {
	border-bottom: 1px solid #e0e3f2;
	border-top: 1px dashed #eee;
	border-bottom: 1px dashed #eee;
}

.tablelist_tbody tr:nth-of-type(2n) {
	background-color: #fff;
}

.tablelist_tbody td .operationbtn {
	border-left: 1px solid #eee;
	padding: 0px 5px;
}

.tablelist_tbody td .operationbtn span {
	color: #1163e9;
}

.interval {
	border-left: 0px solid #fff !important;
}

.query {
	background: #f18e23 !important;
	border-radius: 5px !important;
}

.query:hover {
	background: #f18e23 !important;
}

.empty {
	border: 1px solid #e6e2e2 !important;
	background-color: #fff !important;
	color: #777777 !important;
	border-radius: 3px !important;
}

.empty:hover {
	background: #fff !important;
}

.layui-layer {
	border-radius: 10px;
}

.detail_box tbody tr:nth-of-type(2n+1) td {
	background: #fff !important;
}

.detail_box tbody tr:nth-of-type(2n+1) th {
	background: #fff !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #b6d2ff !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
	background-color: #b6d2ff !important;
}

.add_box {
	padding-top: 0px !important;
}

.detail_box {
	padding: 0px !important;
}

.layui-layer-btn .layui-layer-btn0 {
	border-color: #f18e23 !important;
	background-color: #f18e23 !important;
	border-radius: 4px !important;
}

.layui-layer-btn a {
	border-radius: 4px !important;
	height: 32px !important;
	line-height: 32px !important;
}

.spacing {
	margin-top: 20px !important;
}

.spacing_1 {
	width: 170px !important;
}

.spacing_2 {
	margin-left: 172px !important;
}

.ringtone_table {
	table-layout: auto !important;
}

.newRingtoneName {
	text-align: center !important;
}

.search_ringtone {
	margin: 10px 0px;
	display: inline-block;
	width: 100%;
}

.labour {
	width: 57px !important;
}

.search_ringtone_ipt {
	float: left;
	height: 27px;
}

.ringtone_pattern {
	float: right
}

.operation {
	text-align: right !important;
}

.caption {
	margin: 10px 0px 10px 0px;
	padding: 0px 2% 10px 2%;
	color: #1163e9;
	border-bottom: 1px solid #e4dddd;
	font-size: 16px;
}

.captions {
	width: 100% !important;
	margin: 40px 0px 20px 0px;
	color: #1163e9;
	border-bottom: 1px solid #e4dddd;
	font-size: 16px;
	padding: 0px 2% 10px 2%;
	float: left;
}

.ringtone_middle {
	text-align: center !important;
}

.ringtone_head {
	width: 150px !important;
}

.delete_ringtone {
	padding: 30px 0px;
	margin: 0px 20px
}

.ringtone_carry select {
	width: 150px;
}

.ringtone_carry {
	/* height: 160px!important; */
	
}

.ringtone_pattern label {
	font-size: 13px;
}

.ring_select {
	margin: 0px 20px;
}

.ring_select_div {
	width: 48%;
}

.ring_select_extension {
	display: flex;
	width: 100%;
}

.ring_select_minute {
	width: 24%;
}

.ring_selec_right {
	width: 76%;
}

.ring_selec_right select {
	width: 100%;
}

.ring_select_extension span {
	/* color: red;
	margin-right: 3px; */
	
}

.ring_box {
	margin-top: 10px;
	width: 100%;
	display: flex;
}

.province {
	width: 49%;
}

.time {
	width: 35%;
}

.time input {
	width: 100%;
}

.ring_btn {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-bottom: 13px;
}

.ringbtn {
	height: 16px;
	margin-right: 5px;
	background: none;
	border: 0 none;
	text-align: center;
	cursor: pointer;
}

.ringbtn span {
	display: inline-block;
	line-height: 16px;
	font-size: 12px;
	color: #1163e9;
	vertical-align: top;
}

.ring_btn button {
	background: #f18e23;
	padding: 3px 15px;
	border-radius: 5px;
	color: #fff;
	border: 0px;
	margin-right: 10px;
}

.ring_selec_right input {
	height: 27px;
}

.ring_selec_right select {
	height: 27px;
}

.leadZone_img {
	display: flex;
	margin-top: 10px;
}

.leadZone_left {
	width: 25%;
}

.leadZone_right input {
	width: 100%
}

.leadZone_right {
	width: 75%;
}

.leadZone_div {
	margin: 0px 20px;
}

.time-box {
	margin-bottom: 10px;
}

.explain {
	padding: 5px 0px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

.leadZone_download {
	margin: 10px 0px;
}

.timeSet_box {
	margin: 15px;
}

.imeSet_select {
	display: flex;
	align-items: center;
}

.ringtone_carry select {
	height: 27px;
}

.timeSet_add {
	display: inline-table;
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #e2e2e2;
	background-color: #eff2f8;
	margin-bottom: 10px;
	background-color: #eff2f8;
}

.timeSet_add_left {
	float: left;
}

.timeSet_add_right {
	float: right;
}

.addTime_name {
	display: flex;
}

.addTime {
	margin: 0px 20px;
}

.addTime_name {
	display: flex;
	margin-top: 10px;
}

.addTime_name div {
	width: 29%;
}

.addTime_name input {
	height: 27px;
	width: 50%;
}

.addTime_name select {
	height: 27px;
	width: 50%;
}

.addTime_choice {
	width: 25%;
	display: flex;
}

.addTime_choice div {
	width: 100%;
}

.addTime_hint {
	color: red;
	font-size: 13px;
	margin: 10px 0px;
}

.sign {
	color: red;
	margin-right: 3px;
}

.commonality {
	width: 100px !important;
}

.timeSet_add_right {
	display: inline-block;
	line-height: 16px;
	font-size: 12px;
	cursor: pointer;
	color: #1163e9;
	vertical-align: top;
}

.addHebdomad_box {
	display: flex;
	margin-top: 10px;
}

.blacklist_box {
	display: flex;
}

.blacklist_box_left {
	width: 50%;
	margin: 0px 10px;
}

.blacklist_box_tit {
	padding: 26px;
	font-weight: 550;
	font-size: 19px;
}

.blacklist_box_list {
	margin-right: 10px;
	float: left;
}

.blacklist_box_ipt {
	height: 27px;
	margin-bottom: 10px;
}

.addWhiteList_div {
	width: 100px;
}

.addHebdomad_box input {
	height: 27px;
}

.addHebdomad_box select {
	height: 27px;
}

.pages {
	margin-top: 145px;
}

.layui-layer-setwin .layui-layer-close1 {
	background: url(../images/close.png);
	background-size: 100% 100%;
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 0 !important;
}
.add_btn span:hover{
	background-color: #ec8d23 !important;
}
.operation_info .btn span:hover {
   background-color: #15a5fb !important;
}
.page_con .totalnum .select{
	width: 60px !important;
}

.binding_phone {
	float: left;
}

.bindingPhone_box {
	margin: 20px;
}

.bindingPhone_div {
	width: 100%;
	display: flex;
	margin-bottom: 10px;
}

.bindingPhone_div_left {
	width: 49%;
	margin-right: 2%;
	display: flex;
	align-items: center;
}

.bindingPhone_div_right {
	width: 49%;
	display: flex;
	align-items: center;
}

.bindingPhone_div_content {
	width: 35%;
}

.bindingPhone_div_ipt {
	width: 76%;
	height: 27px;
}

.bindingPhone_div_content select {
	width: 65%;
}
.bindingPhone_pit{
	height: 27px;
}
.bindingPhone_div_add {
	background: #f18e23;
	padding: 3px 15px;
	border-radius: 5px;
	color: #fff;
	border: 0px;
	margin-left: 10px;
	cursor: pointer;
}
.bindingPhone_div_select{
	width: 246px;
}
.bindingPhone_div_img{
	margin: 0px;
}
.bindingPhone_div_pic{
	width: 90px;
	height: 70px;
}

.select2-results .select2-result-label{
	font-size: 14px !important;
}
.operation_td{
	padding: 0 !important;
}
.viewer-toolbar{
	display: none !important;
}
.viewer-title{
	display: none !important;
}