@charset "utf-8";
/******基础样式开始******/
body {
	font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #fff;
	text-align: justify;
	text-justify: inter-ideograph;
}
table, td {
	font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #2e2e2e;
}
html, body, div, span, p, h1, h2, h3, h4, h5, h6, em, img, strong, blockquote, sub, sup, tt, i, b, dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, p, a, ol {
	margin: 0;
	padding: 0;
}
s, i, em {
	font-style: normal;
	text-decoration: none;
}
ul, ol, li {
	list-style-type: none;
	list-style: none;
}
button, input, select, textarea {
	vertical-align: middle;
	font-family: Microsoft Yahei;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
address, cite, dfn, em, var {
	font-style: normal;
}
code, kbd, pre, samp {
	font-family: courier new, courier, monospace;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
legend {
	color: #000;
}
fieldset, img {
	border: 0;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: #6e6e6e;
	text-decoration: none;
}
.flex{display:flex;}
.f1{flex:1;}.f2{flex:2;}.f3{flex:3;}.f4{flex:4;}.f5{flex:5;}.f6{flex:6;}.f8{flex:8;}.f10{flex:10;}
.cxdown{
	height: 50px;
	line-height: 28px;
	font-size: 16px;
}
.cxdown div{
	padding: 5px;
	border: 1px solid #c7c7c7;
	margin: 5px;
	background: whitesmoke;
	cursor: pointer;
}
.cxdown span{
	float: right;
	color: #e60719;
}


.white, .white a {
	color: #fff;
	text-decoration: none;
}

.white, a:hover {
	color: #e60719;
}
.clearfix {
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}
.fw {
	font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.fb {
	font-weight: bold;
}
.disb {
	display: block;
}
.disn {
	display: none;
}
html,body{
	width: 100%;
	height: 100%;
overflow: hidden;
}
#app{
	max-width: 640px;
	width: 100%;
	height: 100%;
background: #ffffff;
margin: 0 auto;
padding: 10px;
overflow: hidden;
	overflow-y: auto;
}
.head {
width: 100%;
height: auto;
margin: 10px 0;
}
h2 {
margin: 10px 0 10px 0;
	padding-left: 30px;
	border-left: 5px solid red;
}
.bbp {
border: 1px solid #c1c1c1;
	border-radius: 10px;
	padding: 10px;
}
#gonggao {
width: 100%;
	height:  100%;
	overflow: hidden;
	overflow-y: auto;
	font-size: 14px;
	color: #000000;
}
.form {
height:  auto;
}
.mini-textbox-input{
height: 100%;
	width: 100%;
font-size: 16px;
}
.bat {
width: 100%;
	padding: 5% 0px 15%;
	height: 40px;
}
.bat input{
margin: 0 1%;
height: 40px;
font-size: 16px;
color: #ffffff;
border-radius: 5px;
}
pre{
word-wrap: break-word;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.form .bbp{
min-height: 220px;
margin: 10px;
}
.form1 .bbp{
min-height: 68px;
margin: 10px;
}
::-webkit-scrollbar{
width: 3px;
}
::-webkit-scrollbar-thumb{
background-color: #c4e6f5;
}
.gou{
height: 48px;
width: calc(100% - 20px);
}
input.gou{
height: 48px;
width: calc(100% - 64px);
}
hr{
border-bottom: 1px solid #c1c1c1;
margin: 10px 0;
}
.goubat{
	padding: 10px;
	display: inline-block;
	border-radius: 5px;
}
.foot{
	margin-top: 60px;
    text-align: center;
    font-size: 12px;
    color: #ccc;
}
.form .bbpd {
	min-height: 110px;
	margin: 10px;
}