﻿*{
    box-sizing: border-box;
}
body,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,input,textarea,select{margin: 0;padding:0;}
body {
    font-family:"Microsoft YaHei" !important;
    font-size: 0.12rem;
    color: #000;
    /* background-color: #f5f5f5; */
}
textarea{
	resize: none;
	padding:0.05rem 0.10rem;
}
input::-webkit-input-placeholder{
	color: #ccc;
}
input:-moz-placeholder{
	color: #ccc;
}
input::-moz-placeholder{
	color: #ccc;
}
input:-ms-input-placeholder{
	color: #ccc;
}
textarea::-webkit-input-placeholder{
	color: #ccc;
}
textarea:-moz-placeholder{
	color: #ccc;
}
textarea::-moz-placeholder{
	color: #ccc;
}
textarea:-ms-input-placeholder{
	color: #ccc;
}
.longText{
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
	max-width: 1.50rem;
}
body>#container{
    width: 11.20rem;
    background: #ffffff;
	margin:0 auto;
}
a{
    text-decoration: none;
}
p,h1,h2,h3,h4,h5,h6{
	word-wrap: break-word;
}
.form-control {
	font-size:0.12rem;
 	padding: 0.05rem;
}
.form-control:focus {
	outline:0;
    border-color: #999;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pagination-split li {
    margin-left: 0.05rem;
    display: inline-block;
    float: left;
}
li{list-style: none;}
img{border:0;vertical-align: middle;}
#tep img{
	width:100%;
}
.fl{float: left;}
.fr{float: right;padding-top:0.42rem;}
.fr div{
	margin-left:0.40rem;
}
.clear:before{clear: both;display: table;content: "";}
.clear:after{clear: both;display: table;content: "";}
/*header{width: 100%;height: 56rem;line-height: 56rem;background:#178dff;color: white;}
header .header_list{float: left;font-size: 18rem;width: 100rem;position: relative;}
header .header_list:hover{background:white;color:#059cff;text-align: center;}
header .header_list a{font-size: 18rem;color: white;}
header .header_list:hover a{text-decoration: none;color: #32b6ff;}
header .header_listmain a{text-decoration: none;color: white;}
header div:first-child{margin-left: 48rem;}
header div:last-child{margin-right: 48rem;font-size: 18rem;}*/
.modal-header{color:white;padding: 0.08rem 0.14rem 0.08rem 0.14rem;background-color: #39a7f8;}
.modal-header .modal-title{float:left;color: #fff;font-size: 0.14rem;font-family: "Microsoft YaHei" !important;}
.modal-header>.closeModal{float: right;margin-right: 0.08rem;color: #FFFFFF;font-size: 0.25rem;cursor: pointer;}
a:visited{text-decoration:none;}
a:link{text-decoration:none;}
button{border:none;outline:none;appearance:none;}
.modal-btn input{width: 0.66rem;height: 0.27rem;background: #FFFFFF;outline:none;-webkit-border-radius: 0.03rem;-moz-border-radius: 0.03rem;border-radius: 0.03rem;}
.modal-btn input:first-child{border:0.01rem solid #ccc;background: #F8F8F8;margin-right: 0.48rem;}
.modal-btn input:last-child{background: #32B6FF;color: #FFFFFF;border:none;}
.modal-btn input:first-child:hover{background: #E3E3E3;}
.modal-btn input:last-child:hover{background: #1197E1;}
.mouseShou{cursor: pointer!important;  }
.mouseTxt{cursor: text!important;}
.mouseAuto{cursor: auto!important;}
/***** HEADER STYLES *****/
.headerwrapper {
    /* background-color: #1f94ea; */
    min-height: 0.56rem;
    position: relative;
	top:0;
    width: 100%;
    min-width:10.00rem;
    z-index: 1000;
    color:#fff;
    height:0.8rem;
}
.headerwrapper:after {
    clear: both;
    display: block;
    content: '';
}
.headerwrapper .header-left {
	float:left;
	padding:0.20rem 0.20rem 0.20rem 1.00rem;
}
.headerwrapper .header-middle {
	max-width:8.00rem;
	height:0.56rem;
	margin:0 auto;
}
.headerwrapper .header-middle .nav{
	float:left;
	max-width:100%;
	text-align:center;
}
.headerwrapper .header-middle .nav > li{
	float:left;
	display:inline-block;
	width:1.00rem;
	font-size:0.16rem;
	list-style-type:none;
}
.headerwrapper .header-middle .nav > li a{
	font-family:"MicrosoftYaHei" !important;
	color:#fff;
	padding:0.17rem 0rem;
	cursor:pointer;
}
.headerwrapper .header-middle .nav > li.active > a,
.headerwrapper .header-middle .nav > li.active > a:hover{
	color:#1f94ea;
	background-color:#fff;
}
.headerwrapper .header-middle .nav > li a:hover{
	color:#e3e3e3;
	background-color: #1f94ea;
}

.headerwrapper .header-right{
	float:right;
	/* padding:13rem 48rem; */
}
.headerwrapper .header-right .profile-thumb{
	background-color:#eee;
	border-radius:50%;
}
.headerwrapper .header-right .profile-thumb img{
	width:0.30rem;
	height:0.30rem;
	border-radius:50%;
}
.headerwrapper .header-right .media-heading{
	font-size:0.14rem;
	padding:0.05rem 0.08rem;
	margin-bottom:0rem;
}
.headerwrapper .header-right .btn-group{
	float:left;
	margin-top:0.06rem;
}
.headerwrapper .header-right .dropdown-toggle{
	color:#fff;
}
.headerwrapper .header-right .btn-group .dropdown-menu{
	min-width:1.00rem;
	left:-0.80rem;
	top:0.35rem;
}
.headerwrapper .header-right .btn-group .dropdown-menu a{
	font-family:"MicrosoftYaHei" !important;
	font-size:0.14rem;
	color:#333;
}


/**screenshot-upload-modal���߽�ͼ**/

#screenshot-upload-modal .modal-dialog{
	width:7.66rem;
}
#screenshot-upload-modal .modal-body .img-container{
	width:7.64rem;
	height:4.66rem;
}
#screenshot-upload-modal .modal-header{
	padding:0.13rem 0.24rem;
	background-color:#fff;
	font-size:0.16rem;
}
#screenshot-upload-modal .modal-header .modal-title{
	color:#000;
	font-size:0.16rem;
}
#screenshot-upload-modal .modal-header #select-proportion{
	float:right;
}
#screenshot-upload-modal .modal-header #select-proportion label{
	float:left;
	margin-left:0.10rem;
	margin-bottom:0rem;
	font-weight:normal;
	cursor:pointer;
}
#screenshot-upload-modal .modal-header #select-proportion label .docs-tooltip{
	color:#000 !important;
}
#screenshot-upload-modal .modal-header #select-proportion label.active .docs-tooltip{
	color:#39a7fb !important;
}
#screenshot-upload-modal .modal-header #select-proportion label span div{
	float:left;
	margin-right:0.02rem;
	border:0.01rem solid #bebebe;
}
#screenshot-upload-modal .modal-header #select-proportion label.active span div,
#screenshot-upload-modal .modal-header #select-proportion label.active span .proportion-div1 div{
	border:0.01rem solid #39a7fb;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div1{
	width:0.17rem;
	height:0.17rem;
	margin-top:0.025rem;
	border:none;
}
#screenshot-upload-modal .modal-header #select-proportion label.active span .proportion-div1{
	border:none;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div1 div{
	border:0.01rem solid #bebebe;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div1 .proportion-div1-1,
#screenshot-upload-modal .modal-header #select-proportion label.active span .proportion-div1 .proportion-div1-1{
	float:left;
	width:0.06rem;
	height:0.06rem;
	margin-bottom:0.03rem;
	border-right:none;
	border-bottom:none;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div1 .proportion-div1-2,
#screenshot-upload-modal .modal-header #select-proportion label.active span .proportion-div1 .proportion-div1-2{
	float:right;
	width:0.06rem;
	height:0.06rem;
	margin-bottom:0.03rem;
	border-left:none;
	border-bottom:none;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div1 .proportion-div1-3,
#screenshot-upload-modal .modal-header #select-proportion label.active span .proportion-div1 .proportion-div1-3{
	float:left;
	width:0.06rem;
	height:0.06rem;
	border-right:none;
	border-top:none;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div1 .proportion-div1-4,
#screenshot-upload-modal .modal-header #select-proportion label.active span .proportion-div1 .proportion-div1-4{
	float:right;
	width:0.06rem;
	height:0.06rem;
	border-left:none;
	border-top:none;
}


#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div2{
	width:0.16rem;
	height:0.09rem;
	margin-top:0.06rem;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div3{
	width:0.09rem;
	height:0.16rem;
	margin-top:0.025rem;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div4{
	width:0.13rem;
	height:0.13rem;
	margin-top:0.04rem;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div5{
	width:0.16rem;
	height:0.12rem;
	margin-top:0.045rem;
}
#screenshot-upload-modal .modal-header #select-proportion label span .proportion-div6{
	width:0.12rem;
	height:0.16rem;
	margin-top:0.025rem;
}
#screenshot-upload-modal .modal-footer{
	padding:0.19rem 0.30rem;
	text-align:left;
}
#screenshot-upload-modal .modal-footer .btn{
	height:0.32rem;
	font-size:0.14rem;
	padding:0.05rem 0.20rem;
	border-radius:0.02rem;
}
#screenshot-upload-modal .modal-footer .btn:focus{
	outline:0;
}
#screenshot-upload-modal .modal-footer button{
	float:right;
}
#screenshot-upload-modal .modal-footer .btn-default{
	color:#333 !important;
	background-color:#f8f8f8;
	border:0.01rem solid #bebebe;
}
#screenshot-upload-modal .modal-footer .btn-primary{
	color:#fff !important;
	background-color:#39a7f8;
	border:none;
	margin-left:0.30rem;
}
#screenshot-upload-modal .modal-footer label .docs-tooltip{
	color:#333 !important;
}
#screenshot-upload-modal .modal-body .col-xs-12{
	padding:0;
}
#screenshot-upload-modal .modal-body {
	padding:0;
}
#screenshot-upload-modal .modal-content {
	padding-left:0;
	padding-right:0;
}

#enlargePicture .modal-dialog .modal-body{
	padding:0rem;
}

.self{
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
	-o-transform-origin: top left;
	-ms-transform-origin:top left;
}

.container-header {
    width: 11.20rem;
    height: 1.20rem;
    padding: 0 1.96rem;
    background-color: #286090;
    border-radius: 0.05rem 0.05rem 0 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.header-title{
	font-family:Verdana,"华文细黑";
	font-size:0.40rem;
	color:#fff;
}

.out-icon{
	font-size:0.20rem;
	color:#fff;
}

.auto-html{
	width:100%;	
	background:url("../../images/background.png"); 
	background-size:100% 100%;
}

.navLeft{
	padding:0.36rem 0 0 0.20rem;	
}

.modal-backdrop{
	/*width:19.41rem;*/
}

.modal-open .modal{
	/*width:19.20rem;*/
}

.pagination > li > a{
	padding: 0.06rem 0.12rem;
	border: 0.01rem solid #ddd;
}

input:focus,textarea:focus,select:focus{
	outline:none;
}

.form-control{
	border-radius:0.04rem;
	    box-shadow: inset 0 0.01rem 0.01rem rgba(0,0,0,.075);
}

.btn{
	padding: 0.06rem 0.12rem;
	border: 0.01rem solid transparent;
    border-radius: 0.04rem;
}

input[type='radio'] {
    position: relative;
    top: 0;
    left: 0.02rem;
    width: 0.2rem;
    height: 0.2rem;
}

label{
	margin-bottom: 0.05rem;
}

input[type=checkbox], input[type=radio] {
    margin: 0;
}	
