.Switch_title{
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
}

.Switch_title_black{
	/* width: 25%; */
	flex: 1;
	min-width: 150px;
	text-align: center;
	height: 8vh;
	line-height: 4vh;
	border:1px dashed #007bff ;
	cursor: pointer;
	word-wrap: break-word; 
	word-break: normal;
}
.wo-select{
	display: none !important;
}

.navbar {
	background-color: #4081fc;
	background: linear-gradient(to right, #fff 40%, #4081fc 0);
}

.navbar-logo {
	background-color: #FFF;
	width: 40%;
	height: 60px;
	float: left;
	padding-top: 5px;

}

.navbar-logo-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: #fff;
	clip-path: polygon(0% 100%, 0% 0%, 100% 100%);
}

.navbar-menu {
	width: 60%;
	height: 60px;
	float: right;
	position: relative;
}

.navbar-menu>ul {
	margin-right: 15px;
	list-style: none;
	margin: 0;
	width: 100%;
	height: 60px;
}

.navbar-menu li {
	float: right;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	padding: 0 10px;
}

.navbar-menu li a {
	color: #fff;
}
.dropdown-menu > li > a{
	color: #000;
}
.dropdown-menu{
	min-height: 100px;
	padding: 0;
}
.dropdown-menu > li{
	height: 36px;
	line-height: 36px;
	float: none;
	padding: 0;
}
footer {
	background: #4081fc;
	padding: 0;
}

footer.footer {
	color: #fff;
	background: #4081fc;
	margin-top: 0;
}

footer.footer .copyright {
	background: #4081fc;
}

.banner {
	width: 100%;
	height: 100%;
	position: relative;
}

.banner img {
	width: 100%;
	height: auto;
}

main.content {
	margin: 0;
	padding: 0;
	min-height: calc(100vh - 110px);
}

.keywords-box {
	width: 100%;
	position: absolute;
	top: 40px;
	left: 0;
}

.keywords-top {
	width: 100%;
	height: 70px;
	background-color: #4c88f9;
	position: relative;
	padding-left: 140px;
	padding-right: 20px;
}

.keywords-top-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	color: #fff;
	font-size: 18px;
	line-height: 70px;
	text-align: left;
	padding-left: 20px;
	letter-spacing: 2px;
}

.keywords-top-right {
	width: 100%;
	height: 70px;
	padding-right: 100px;
}

.input-search-text {
	width: 100%;
	height: 46px;
	border: 1px solid #c2c2c2;
	margin-top: 12px;
}

.input-search-submit {
	position: absolute;
	right: 20px;
	top: 12px;
	width: 100px;
	height: 46px;
	background: #f7f7f7;
	border: 1px solid #c2c2c2;
	color: #585858;
	border-left: none;
	font-size: 18px;
	letter-spacing: 2px;
}

.keywords-con {
	width: 100%;
	border-top: 3px solid #4081fc;
	margin-top: 20px;
	padding: 10px 20px;
	background: #fff;
}

.keywords-con-item {
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	padding: 6px;
}

.keywords-con-item-o{
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	padding: 6px;
}

.budan{
	text-indent: 2em;
}

.search-text {
	font-size: 14px;
	line-height: 24px;
	padding-right: 0px;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
}

.search-text-title{
	font-size: 20px;
	line-height: 24px;
	padding-right: 0px;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
}

.device1num{
border-bottom: 1px dashed #000;
}

.set-dis-title{
	display: none;
}

.set-dis-title-2{
	display: none;
}
.search-text-o{
	width: 140px;
	font-size: 20px;
	line-height: 24px;
	padding-right: 0px;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
}

.search-text-title-left{
	text-align: right;
	font-size: 16px;
	line-height: 24px;
	padding-right: 0px;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
}
.select-div{
	display: inline-block;
	height: 5vh;
	width: 15vw;
}
select{
	width: 100%;
	max-width: 200px;
	overflow: hidden;
	display: inline-block;
}
.search-text-title-last{
	width: 120px;
	text-align: right;
	font-size: 16px;
	line-height: 24px;
	padding-right: 0px;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
}
.search-text-main-last{
	font-size: 20px;
	margin-bottom: 15px;
}
.showimage{
	position: fixed;
	top: 20%;
	left: 20%;
	width: 60vw;
	height: 60vh;
	background-color: white;
	z-index: 9999999999999;
	display: none;
}
.showimage #showimage{
	width: 100%;
	height: 100%;
}
.plusline{
	cursor: pointer;
}
#device1{
	width: 60px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: rgba(0, 0, 0, .1);
}
#device2{
	width: 60px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: rgba(0, 0, 0, .1);
}
.search-text-main-left{
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	padding-right: 0px;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
}
.search-text-title-left-o {
	width: 160px;
	text-align: right;
	font-size: 16px;
	line-height: 24px;
	padding-right: 0px;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
}
.search-text-title-last-o{
	width: 160px;
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	padding-right: 0px;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
}

.search-text-main-left-o{
	width: 130px;
	text-align: right;
	font-size: 24px;
	line-height: 24px;
	padding-right: 0px;
	font-weight: bold;
	margin: 0;
	margin-right: 10px;
}

.search-text-main-left-1{
	width: 10%;
	text-align: right;
	padding-right:5px;
}

.search-text-main-middle{
	width: 35%;
	margin-bottom: 10px;
}


.order_master{
	width: 25%;
	font-size: 25px;
	font-weight: bold;
	margin-left: 0 !important;
	padding-left: 0 !important;
	
}

.order_select{
	height: 28px;
	width: 90px;
}

.title-first-block{
	display: flex;
	height: 200px;
}

.title-first{
	margin:0 0 10px 0;
}

.title-first-o{
	margin:0 0 10px 0;
	border-bottom: 1px solid #ccc;
	padding:5px 0;
}

.screen{
	background-color: #007bff;
	color: white;
}

.linein{
	border-top: 1px dashed #000;
}

/* step1.html */
.step-master{
	margin-right: 10px;
}

.step_image{
	border:1px solid #000;
}
.device-img-blcok-com{
	display: inline-block;
	max-width: 80px;
	max-height: 80px;
}
.device-img-blcok-com img{
	max-width: 80px;
	max-height: 80px;
}
.device-img-blcok{
	max-width: 120px;
	max-height: 120px;
	text-align: center;
}
.device-img-blcok img{
	max-width: 120px;
	max-height: 90px;
}
.device-img-inline{
	max-width: 80px;
	max-height: 80px;
	display: inline-block;
}
.device-img-inline img{
	max-width: 80px;
	max-height: 80px;
}
.stepstart{
	height: 28px;
}
.savebtn{
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ced4da;
}
.stepimagedel{
	width: 70px;
	height: 28px;
	line-height: 28px;
	border: 1px solid rgba(0, 0, 0, .1);
}

.inputshow{
	display: none !important;
}

.input-group-step{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}






.checkbox-box{
	width: 100%;
	padding-left: 140px;
	position: relative;
}
.checkbox-box-left{
	width: 140px;
	position: absolute;
	left: 0;
	top:0;
}
.keywords-con-item .checkbox {
	margin-left: 10px;
}
.group-select{
	height: 5vh;
	width: 15vw;
}
.group-button{
	width: 120px;
	height: 60px;
}
.keywords-con-select select {
	border: 1px solid #ced4da;
	border-radius: 4px;
	height: 28px;
}

.keywords-con-input {
	border: 1px solid #ced4da;
	border-radius: 4px;
	height: 28px;
	width: 15vw !important;
}
.keywords-con-input-ow{
	
	border: 1px solid #ced4da;
	border-radius: 4px;
	height: 28px;
	width: 15vw !important;
}
.keywords-con-input_image{
	border: 1px solid #ced4da;
	border-radius: 4px;
	height: 28px;
	width: 8vw !important;
}

.keywords-input {
	color: #6c757d;
	background-color: #fff;
	border: 1px solid #6c757d;
	border-radius: 4px;
	margin-top: 10px;
}

.keywords-input-submit {
	color: #007bff;
	border: 1px solid #007bff;
}

.keywords-input-submit:hover {
	background-color: #007bff;
	color: #fff;
}

.keywords-input-rereset:hover {
	background-color: #6c757d;
	color: #fff;
}

.data-item {
	width: 100%;
	border-bottom: 1px solid #ddd;
	position: relative;
	height: 138px;
	margin-bottom: 10px;
}

.data-item img {
	width: 128px;
	height: 128px;
	position: absolute;
	left: 0;
	top: 0;
}

.data-body {
	width: 100%;
	padding-left: 138px;
	padding-right: 100px;
}

.data-body-station {
	width: 100%;
	/*padding-left: 138px;*/
	padding-right: 100px;
}

.data-body-item {
	line-height: 33px;
	color: #616161;
}

.data-body-item span {
	font-weight: bold;
	color: #4081fc;
}

.data-body-item label {
	margin: 0;
	color: #4081fc;
	text-decoration: underline;
}

.data-right {
	position: absolute;
	right: 0;
	top: 0;
}

.data-right a {
	display: block;
	width: 100px;
	height: 36px;

	background: #4081fc;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	margin-top: 20px;
}

.data-right a:last-child {
	background: #2d6ce4;
	margin-top: 10px;
}

.index-icon,
.index-text {
	width: 100%;
	height: calc(100vh - 110px);
	display: table-cell;
	vertical-align: middle;
}

.index-icon {
	text-align: left;
}

.index-text-bg {
	font-size: 40px;
	line-height: 80px;

}

.index-text-bg b {
	background: linear-gradient(to right, #ffffff, #a7c5f1);
	-webkit-background-clip: text;
	color: transparent;
}

.index-text-des {
font-size: 20px;
	color: #fff;
	line-height: 50px;
	margin-bottom: 40px;
	margin-top: 20px;
}

.index-text-des::after {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.index-text-des::before {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.index-text-link {
	display: block;
	width: 160px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	cursor: pointer;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border: 0;
	border-radius: 50px;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background-image: linear-gradient(to right, #fcb933, #fcb937, #fcb933, #fcb935);
	background-image: linear-gradient(to bottom, #fbbd43, #fdb426);
	box-shadow: 0 4px 15px 0 rgb(252 183 48 / 75%);
}

.index-text-link:hover {
	color: #fff;
}

.index-icon img {
	width: 100%;
	animation-name: moc-animation;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: moc-animation;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.navbar-menu .avatar-img img{
	border-radius: 30px;
	width: 30px;
	height: 30px;
}
.navbar-menu .avatar-img {
    display: inline-block;
    box-sizing: content-box;
    color: #fff;
    text-align: center;
    vertical-align: top;
    background-color: #e8ecf3;
    font-weight: normal;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 0;
    line-height: 30px;
		margin-top: 15px;
}
.textnickname{
	font-size: 16px;
}
.infobox{
	width: 100%;
	background-color: #fff;
	border-top: 3px solid #4081fc;
	margin-top: 20px;
}
.info-top{
	color: #4081fc;
	font-size: 18px;
	line-height: 36px;
	padding: 10px 20px;
	font-weight: bold;
}
.info-bz{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #d1d1d1;
	padding-left: 20px;
}
.info-bz span{
	display: block;
	width: 120px;
	height: 40px;
	color: #4081fc;
	font-size: 18px;
	line-height: 40px;
	padding: 0 10px;
	border-bottom: 2px solid #4081fc;
	font-weight: bold;
	text-align: center;
}
.info-left{
	width: 100%;
	margin: 26px 0;
}
.info-table{
	border:1px solid #d1d1d1;color: #000;
}
.info-table > tbody > tr > td.info-td{
	vertical-align:middle;
}
.info-td{
	width: 110px;
	text-align: right;
	font-weight: 600;
	vertical-align:middle;
}
.info-label {
    height: 24px;
    padding: 5px;
    line-height: 24px;
    border: 0px;
    border-radius: 5px;
    background-color: #EAEEFA;
    color: #17a2b8;
		margin-right: 6px;
}
.info-label:hover{
	text-decoration: underline;
}
.info-imgbox img{
	max-width: 200px;
	padding: 10px;
}
.info-links{
	text-align: left;
}
.history{
	border:1px solid #f4f4f4;
	margin: 26px 0;
}
.info-links a {
	display: inline-block;
	/* width: 120px; */
	height: 36px;
	color: white;
	background: #4081fc;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	
}

.info-links a:last-child {
	background: #2d6ce4;
}
.history-box{
	max-height: 312px;
	overflow: auto;
}
.history-top{
	height: 37px;
	line-height: 37px;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	padding-left: 6px;
	border-bottom:1px solid #f4f4f4;
}
.history-list{
	border-bottom:1px solid #f4f4f4;
	padding: 10px 0;
}
.history-list:last-child{
	border-bottom: none;
}
.history-table{
	margin-bottom: 0;
}
.history-table > tbody > tr > td{
	border: none;vertical-align:middle;
}

.table-td{
	border: none;
	width: 80px;
	text-align: right;
	
}
.apply-table{
	margin-top: 10px;
}
.table-apply{
	text-align: center;
	border-bottom: 1px solid #f4f4f4;
	line-height: 36px;
}
.table-apply thead tr{
	background-color: #f4f4f4;
	line-height: 40px;
	color: #000;
	font-weight: bold;
	
}
.table-apply thead tr th{
text-align: center;line-height: 26px;
}
.table-apply > tbody > tr > td{
	line-height: 26px;
}
.c_blue{
	color: #4081fc;
}
.c_red{
	color: #ee0303;
}
.c_green{
	color: #1dc030;
}
.image-upload{
	height: 120px;
	width: 120px;
}
.search-div{
	float:left;
	margin-right:5px;
	margin-left: 20px;
}
.search-input{
	float:left;
	height:50px;
	margin-right:5px;
}
.searchbtn{
	color: white;
	height: 50px;
	width: 100px;
	background-color: #007bff;
	border: none;
}
.cm-in{
	float: right;margin: 0 auto;margin-top:calc(50vh - 250px);width: 250px;height: 250px;background-color: white ;padding:30px 20px;box-sizing: border-box;border: 1px solid #007bff;
	margin-left: 50%;
    transform: translatex(-250px);
}
#showchangecamera{
	text-align: center;
	position: fixed;
	z-index: 999;
	display: none;
	width: 100vw;
	height: 100vh;
}
.change-cm{
	border: 1px solid #007bff;
	margin-bottom: 20px;
}
@-webkit-keyframes moc-animation {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(-25px);
		transform: translateY(-25px)
	}
}

@keyframes moc-animation {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}
@media (min-width:992px){
	.search-input{
		width:100%;
	}
	.search-text-main-left{
		width: 100px;
	}
	.search-text-title-left{
		width: 100px;
	}
	.search-text {
		width: 100px;
	}
	.stepimage{
		cursor: pointer;
		width: 70px;
		height: 30px;
		line-height: 30px;
		padding-left: 0 !important;
		border: 1px solid rgba(0, 0, 0, .1);
		text-align: center;
	}
	.Switch_title_black{
		line-height:8vh;
	}
	.search-div{
		width:40%;
	}
	.info-links{
		/**width: 600px;**/
	}
}
@media (max-width: 500px){
	.search-input{
		width:50vw;
	}
	.search-text-main-left{
		width: 100vw;
	}
	.wxlj-t{
		display: block;
		width: 100vw;
	}
	.wxlj{
		width: calc(60vw);
	}
	.group-select{
		width: 30vw;
	}
}

@media (min-width: 501px) and (max-width: 991px) {
	.wxlj-t{
		width: 16vw;
	}
	.wxlj{
		width: calc(60vw);
	}
	.group-select{
		width: 15vw;
	}
	.search-text-main-left{
		width: 140px;
	}
	.stepimage{
		cursor: pointer;
		width: 15vw;
		height: 5vh;
		line-height: 5vh;
		border: 1px solid rgba(0, 0, 0, .1);
		text-align: center;
	}
	.search-div{
		width:40vw;
	}
	*{
		font-size: 24px !important;
	}
	.navbar {
		background-color: #fff;
		background: #fff;
	}

	.navbar-menu li a {
		color: #4081fc;
	}

	.navbar-logo-bg {
		display: none;
	}

	.keywords-box {
		top: 20px;
	}

	.keywords-top {
		height: 60px;
		position: relative;
		padding-left: 100px;
		padding-right: 10px;
		margin: 0 auto;
	}

	.keywords-top-left {
		width: 100px;
		font-size: 16px;
		line-height: 60px;
		padding-left: 10px;
	}

	.keywords-top-right {
		height: 60px;
		padding-right: 60px;
	}

	.input-search-text {
		height: 40px;
		margin-top: 10px;
	}

	.input-search-submit {
		right: 10px;
		top: 10px;
		width: 60px;
		height: 40px;
		font-size: 16px;
	}
	.info-links{
		text-align: center;
		
	}
	.info-links a{
		margin: 0;
		margin-bottom: 10px;
	}

}

.keywords-input-button{
	color:#000000;
	border:1px solid #000000;
}
.keywords-input-button:hover{
	background-color:#000000;
	color:#ffffff;
}



.panel-heading .nav-tabs {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: -1px;
  }
.panel-heading  .nav-tabs > li {
    display: inline-block;
    float: none;
  }
  .index-roll li{
	  height: 4vh !important;
	  line-height: 4vh !important;
	  word-wrap: break-word;
  }
  @media (max-width:400px){
	#index-roll{
		display: none;
	}
  }
  @media (max-width: 767px) {
	*{
		font-size: 24px !important;
	}
  .sp_container .sp_element_box .msg-box {
    left: inherit;
  }
  .card-views .card-view {
    padding: 5px 0;
  }
}
.img-center {
  margin: 0 auto;
  display: inline;
  float: none;
}