@CHARSET "UTF-8";


.content-warp{
	min-width: 1220px;
	width: 1250px;
	margin-bottom: 100px;
	margin-top: 52px;
}

.content-warp .mainContent{
	height: 370px;
	background-color: #FFF;
	padding: 1px 20px;
	min-width: 1220px;
	border-color: #ddd;
}

.mainContent {
    background-color: #33b6ec;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.mainContent {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
}
.mainContent {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
.serviceTitle{
	margin : -10px 0px 10px 10px;
	font-size: 14px;
	width: 100%;
	color: #fff;
    display: block;
    padding-left: 0px;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}
.titleHeader{
	background-color: #33b6ec;
	width: 105%;
	padding: 10px 15px;	
	margin-left: -20px;
}
.serviceDiv{
		width: 100%;
}
.serviceDiv>.carouselZone{
	display: block;
	width: 100%;
	height: 200px;
}

/*----------轮播-------------------*/
.carousel {
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
.carousel-indicators {
	top: auto;
	left: 50%;
	 bottom: 100px;
}
.carousel-indicators li {
	background: #cecece;
}
.carousel-indicators .active {
	background: #33B6EC;
}
.carousel-control {
	left: -12px; 
	width : 30px;
	background-image:none;
	background: none;
	border: none;
	border-radius: 0;
	margin-top: 0px;
}
.carousel-control.left {
	padding-left: 10px;
}
.carousel-control.right {
	padding-right: 35px;
}
.carousel-control.right {
	right: -12px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
	background-repeat: none;
	background-color: none;
	color: #33B6EC;
	font-size: 80px;
	 margin-top: 84px;
}
.carousel-indicators .active {
	background: none repeat scroll 0 0 #33B6EC;
}
#privateServiceCarousel>a.carousel-control {
	padding-top: 0px;
	display: block;
}
#publicServiceCarousel>a.carousel-control {
	padding-top: 16px;
	display: block;
}
#publicServiceCarousel{
	height: 420px;
}
.item>.row {
	margin-left: 5px;
	margin-bottom: 20px;
}
.item>.row>.serviceImgDiv{
	margin-top:20px;
	width: 136px;
}
.item>.row>.serviceImgDiv>.checkImg {
	margin-left: 85px;
	z-index: 1;
	position: absolute;
	margin-top: 5px;
	display: none;
}
.item>.row>.serviceImgDiv>.serviceImg {
	width: 100px;
	height: 100px;
	margin-left: 20px;
	cursor: pointer;
}
.item>.row>.serviceImgDiv>.appShadowImg{
	margin-left: 25px;
}
.item>.row>.serviceImgDiv p{
	width: 136px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.item>.row>.serviceImgDiv>.checkImg{
	margin-left: 85px;
	z-index: 1;
	position: absolute;
	margin-top: 5px;
	display: none;
}

.item>.row>.serviceImgDiv.checked>.checkImg{
	display: block;
} 

#wordInputDiv{
	margin-left:130px;
	margin-top:10px;
	width: 60%;
}
#json_pre{
	margin-top:10px;
	height: 200px;
	background-color: #fff;
	border:1px solid #D3D3D3;
	padding: 10px 20px ;
}
pre {
    line-height: 18px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.json_string { color: green; }
.json_number { color: darkorange; }
.json_boolean { color: blue; }
.json_null { color: magenta; }
.json_key { color: red; }

#testBtn, #testBtn:hover {
    background-image: url("../../myImg/panelBtn.jpg");
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    height: 33px;
    line-height: 35px;
    margin-right: -100px;
    margin-top: -34px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

.optBtn{
	width:230px;
	height:50px;
	line-height:35px;
	border-radius:0px;
	background-color: #33B6EC;
	border-color:transparent;
	font-size: 18px;
}

.optBtn-disabled{
    background-color:#BCBCBC !important;
    color: #FFF;
    cursor: not-allowed;
    border: none;
    pointer-events:inherit;
}

.optBtn:hover{
	background-color:#33C3EC;
}

/**********第四轮页面调整***************/
/* #publishBtn{
	display: none;
} */
.tabContentSelected {
    display: block;
}
th, td {
    border: 1px solid #000;
    padding: 0.5em;
    margin: 0;
    padding: 0;
}

*:before, *:after {
    box-sizing: border-box;
}

body {
    background-color: #f1f1f1;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #474747;
    font-family: "Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
    text-align: left;
    margin: 0;
    height: auto;
}

/* * {
    box-sizing: border-box;
}
html {
    font-size: 10px;
}
html {
    font-family: sans-serif;
} */

.serviceTable {
    border-collapse: collapse;
    line-height: 26px;
    text-align: left;
    width: 100%;
}

.serviceTable td {
    background-color: #f1f1f1;
    border: 1px solid #ffffff;
    padding: 0 5px;
}
.serviceTable th {
    background-color: #33b6ec;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 14px;
    padding: 0 5px;
    
}

.valueTypeRow {
    width: 150px;
}
.noteRow {
    width: 350px;
}
th {
    font-weight: bold;
    text-align: center;
}
th, td {
    border: 1px solid #000;
    padding: 0.5em;
}
td.TypeRow {
    background-color: #e2e2e2;
}
.tab {
    background-color: #d5d5d5;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    width: 82px;
    margin-top: 20px;
}
.tabText {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
}
.tabsDiv .tabSelected {
    background-color: #33b6ec;
}


.tabContent {
    background-color: #f1f1f1;
    border: 1px solid #d5d5d5;
    max-height: 600px;
    min-height: 250px;
    overflow-y: auto;
    padding: 10px;
}


.tabContentSelected table {
    border: 1px solid #d5d5d5;
    border-collapse: collapse;
    color: #696969;
    line-height: 20px;
    text-align: center;
    width: 100%;
}

.tabContentSelected td {
    border: 1px solid #d5d5d5;
    padding: 2px 3px;
}
.tabContentSelected th {
    border: 1px solid #d5d5d5;
    padding: 2px 3px;
    width: 15px;
    text-align:center;
}

.tabContentSelected span {
    color: #696969;
    line-height: 20px;
    padding: 2px;
}

#testPanel{
	margin-bottom: 0px;
}

ul li {
    list-style:none;
}

ol, ul, dl{
	margin-left: 0;
}

blockquote, ul, ol, dl{
	margin: 0;
}

/* 新添加“点击这里”p便签的css */

#wordInputDiv P {
    margin-bottom: -5px;
    margin-top: 15px;
}










