@charset "gb2312";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, pre, fieldset,legend, button, input, textarea, th, td {margin: 0;padding: 0;}
body,button,input,select,textarea{font:14px/1.0 "Microsoft Yahei"; color:#333333;}
ul, ol {list-style: none;}
a {text-decoration: none;cursor: pointer;}
a:hover {text-decoration: underline;}
legend {color: #000;}
fieldset, img {border: none;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
#content{margin-top:-10px;}
hr {border: none;height: 1px;}
*html {overflow-y: scroll; }
*+html {overflow-y: scroll; }
.cf:before, .cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.tr{text-align: right !important;}
.tl{text-align: left !important;}
.tc{text-align: right !important;}
.fl{float: left !important;}
.fr{float: right !important;}
.w5{width: 49%;}
.hide{display: none;}
.show{display: block;}
.title{height:62px;background-color:#4590D4;color: #fff;font:bold 25px/60px 'SimHei';padding-left: 55px;}
.block{border: 1px solid #919997;margin-bottom: 10px;}
.area_left{width: 35%;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.area_left img{width: 100%;}
.area_right{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.content{width: 1000px; margin: 0 auto;}
.login-win{
    width: 380px;
    position: relative;
    background-color: #FFF;
    border-radius: 10px;
    padding: 40px 0 0 100px;
}
.login-user{position: relative;border-bottom: 2px solid #c9caca;}
.user{
    width: 100%;
    float: left;
    margin: 15px 0;
    font: 24px 'Microsoft Yahei';
    color: #333;
    line-height: 24px;
    text-align: center;
}
.tab_active{
    position: absolute;
    left: 0;
    top: 54px;
    bottom: -1px;
    background-color: #49c8ae;
    width: 380px;
    height: 2px;
}
.tab_active:before, .tab_active:after {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: 50%;
    margin-left: -3px;
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    border: 6px solid transparent;
    border-bottom-color: #43ACFF;
}
.tab_active:after {
    z-index: 3;
    top: -10px;
    width: 0;
    height: 0;
    line-height: 0;
    border: 6px solid transparent;
    border-bottom-color: #fff;
}
.labelstate{width: 80px;height:45px;text-align:right;vertical-align:middle;display: inline-block;*display: inline;*zoom:1;font-size: 18px;line-height: 45px;}
.btn{
    display: inline-block;
    padding: 6px 26px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
}
.btn-pri{
     background-color: #4590D4;
     font-size: 16px;
     color: #fff;
 }
.btn-def{
    background-color: #48a7df;
    font-size: 16px;
    color: #fff;
}
.form-group {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    /*width: 370px;*/
}
.form-group label{width: 200px;font-weight: bold;text-align: right;display: inline-block;}
.form-control {
    width: 270px;
    padding: 5px 10px;
    margin: 25px 0;   
    font-size: 16px;
    line-height: 35px;
    color: #333;
    border: 1px solid #c9caca;
    height:35px;
    vertical-align:middle;
    display: inline-block;*display: inline;*zoom:1;
    box-sizing: content-box;
}
/*表格*/
.table {
    width: 100%;
    max-width: 100%;
}
.table tr>th{
    /*min-width: 100px;*/
    background:#4590D4;
    color: #fff;
}
.table tr>th,.table tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
    text-align: center;
}
.table tbody>tr:nth-child(odd)>td{
    background-color: #eeeeee;
}
.table tbody tr.on >td{
    background-color: #D4ECE7;
}
/*分页*/
.page{text-align: center;margin: 20px 0;}
.page a,.page span{
    background-color: #eeeeee;
    padding: 6px 8px;
    display: inline-block;
    color: black;
    cursor: pointer;
}
.page a.on{
    background-color: #49C8AE;
    color: #ffffff;
    cursor: default;
}
#loginform .form-control {
    width: 270px;
    padding: 5px 10px;
    margin: 25px 0;
}
#login{
    width: 49%;
    height: 55px;
    background: #49c8ae;
    border: 0;
    border-radius: 5px;
    color: white;
    font-size: 24px;
    margin-top: 10px;
    cursor: pointer;
}
.other{
    padding:15px 30px 0 40px;
    line-height: 30px;
}
.other a{font: 19px 'Microsoft Yahei';color: #0099cb;cursor: pointer;}
.other a.reg{float: left;}
.other a.forget{float: right;}
.footer{height: 68px;border-top:5px solid #dbe1e0;font: 18px/30px 'Microsoft Yahei';width: 100%;text-align: center;background-color: #fff;}

table td{position: relative;}
label.error{position:absolute;bottom:0;left:90px;max-width:100%;height:20px;font:14px/20px 'Microsoft Yahei';color:#ea5200;padding-left:20px; background:url(imagesunchecked.gif) no-repeat 2px 3px;white-space:nowrap;}
label.right{position:absolute;bottom:0;left:90px;max-width:100%;height:20px;font:14px/20px 'Microsoft Yahei';color:#5C9823;padding-left:20px; background:url(imageschecked.gif) no-repeat 2px 3px;white-space:nowrap;}

/****************    主页    ****************/
.blue-bg{background-color: #00a0e9 !important;}
.red-bg{background-color: #e60012 !important;}
.orange-bg{background-color: #f19149 !important;}
.green-bg{background-color: #32b16c !important;}
.gary-bg{background-color: #f2f2f2 !important;border: 1px solid #f2f2f2;}
.defult-body{min-width: 1000px;}
.left:after{content: "";clear: both;}
.login-info{font-size: 13px;font-weight:normal;float: right;line-height: 20px;text-align: right;padding: 21px 20px 15px 0;margin-top:-10px;}
.user-icon{background: url("imagesuser.png") no-repeat; display: inline-block;width: 25px;height: 25px;vertical-align: text-bottom;}
.user-menu{font-size: 14px;color: #de0a0a;}
.user-menu a{margin: 0px 10px;}



.main{min-width: 238px;max-width:250px;margin: 13px auto;height: 487px;float:left;}
.main .icon{display: inline-block;float: left; padding-left: 40px;height: 30px;margin:5px 0 5px 20px;line-height: 30px;font-size: 16px;}
.main .icon-1{background: url("imagesicon-1.png") no-repeat;}
.main .icon-2{background: url("imagesicon-2.png") no-repeat;}
.main .icon-3{background: url("imagesicon-3.png") no-repeat;}
.main .icon-top{background: url("imagesicon-add.png") no-repeat 0 100%;}
.main .on .icon-top{background: url("imagesicon-move.png") no-repeat 0 100%;}
.main .state{display:inline-block;width: 50px;text-align: center;}
.main .icon-4{background: url("imagesicon-4.png") no-repeat 0 50%;height: 30px;margin-top: 2px;float: left;line-height: 30px;padding-left: 27px;color: #fff;  padding-right: 7px;margin-right: 10px;  border-radius: 5px;}
.main .time{float: right;color: #999;}
.main .top{height: 230px;margin-bottom: 20px;border: 1px solid #919997;}
.main .top h3{text-align: center;line-height: 40px;color: #de0a0a;  text-decoration: underline;}
.main .bottom{height: 230px;border: 1px solid #919997;}
.main .header{height: 40px;background-color: #e5e5e5;line-height: 40px;text-align: center;}
.main .more{line-height: 40px;float: right;padding-right: 20px;}
.main .list{margin: 0 20px;}
.main .list li{line-height: 30px;overflow: hidden;background:url("imagesicon-5.png") no-repeat 0 50%;padding-left: 20px;}
.main .list .list-info{display:block;float:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.main .list li:hover{color:#de0a0a;cursor: pointer; }
/*  左侧  */
.main .left{float: left;width: 238px;height: 487px;margin-left:40px;border: 1px solid #919997; overflow: hidden;}
.main .left h3{color: #fff;background-color: #4590D4;line-height: 50px;text-align: center;}
.main .left .menu-li h4{position:relative;font-size:16px;line-height: 50px;text-align: center;border-bottom: 2px solid #4590D4;}
.main .left .menu-li .on h4:before{content: "";
    border: 11px solid transparent;
    border-top: 11px solid #4590D4;
    position: absolute;
    bottom: -22px;
    left: 57px;}
.main .left .menu-li .on h4:after{content: "";
    border: 8px solid transparent;
    border-top: 8px solid #ffffff;
    position: absolute;
    bottom: -16px;
	left: 60px;}
.main .left .down-list{display: none;max-height: 220px;overflow-y: scroll;margin-right: -15px;}
.main .left .on .down-list{display: block;}
.main .left .down-list li{padding: 10px;line-height: 20px;}
.main .left .down-list a{float: right;color: #0095E0;}

/*  中间  */
.main .mid{float: left;width: 100%;height: 487px; margin: 0 -35% 0 -40px;}
.main .mid-mid{margin: 0 35% 0 60px;}
.main .mid .bottom .list{margin-top: 10px;}
.main .mid .top .list-info{width: 75%;}
.main .mid .bottom .list-info{width: 55%;}

/*  右侧  */
.main .right{float: right;width: 35%;height: 525px;margin: 0 20px;}
.main .right .top .list{margin-top: 10px;}
.main .right .top .list-info{width: 60%;}
.main .right .bottom{border: none;width: 100%;}
.main .right .bottom img{width: 300px;margin:30px auto;display: block;}

/*保险页*/
.main .mid-right{margin-left:300px;}
.main .form-inline{
    position: relative;
    padding: 10px 0;
}
.main .form-inline .btn-group {display: inline-block;  padding-left: 144px;}

/*checkbox file重写样式*/
.checkbox label{width: auto;}
.checkbox input{width: 14px;height: 14px;}
.checkbox input + label::before {
    content: '\a0'; /* 不换行空格 */
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background: silver;

}
.checkbox input.checked + label::before {
    content: '\2713';
    background: #49c8ae;
}
.checkbox input {
    position: absolute;
    clip: rect(0,0,0,0);
    /*filter:alpha(opacity=0);*/
}
.file a{
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    padding: 6px 26px;
    color: #49c8ae;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}
.file a input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    filter:alpha(opacity=0);
}
/*网上申报页*/
.report-header{line-height: 50px;border-bottom: 4px solid #4590D4;padding-left: 20px;}
#report{width:510px;}
#report {padding-bottom: 30px;}
#report label span{color: #ff0000;}
#report .form-group{display: block;padding-left: 200px;margin-bottom: 10px;}
#report .form-group .form-control{width: 300px;}
#report .checkbox{width: 126px;text-align: right;margin: 10px 0}
#report .file{padding-left: 218px;}
#report .file a{margin-bottom: 10px;}
#report .iagree{text-align:center;width: 100%;}
@media (max-width: 640px) {
	.defult-body {
    	min-width: 0;
	}
	.content{
		width:100%;
	}
	.title {
	    font: bold 18px/60px 'SimHei';
	    padding-left: 20px;
	}
	.footer {
    	height: 68px;
	    font: 12px/30px 'Microsoft Yahei';
	}
	#report{
		width:auto;
		padding:20px;
	}
	#report .form-group {
	    padding-left: 0;
	}
	#report .form-group .form-control {
		width:100%;
	}
	#report .form-group label{
		display:block;
		text-align:left;
	} 
	
}