body{position: relative; color:#333333; background: #F5F9FF;font-size:16px; font-family:Microsoft YaHei,Simsun,SimHei,Arial; -webkit-text-size-adjust:none;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
img{ border:none; border:0; max-width:100%;}
a{ text-decoration:none; color:#333333; noline:expression(this.onFocus=this.blur());}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#335e92;}
button, input, select, textarea {font-family: inherit; font-size:0.9375em;}
input:focus, textarea:focus{ outline: none;}
input::-webkit-input-placeholder{color: #cccccc;}



.container{ width:1200px; margin:0 auto; clear:both;}
.container:after {clear: both;}
.container:after, .container:before {display:table; content: "";}
.common-row:after, .common-row:before {content: '';	display: block;	clear: both;}
.header .user_info b,
.text-nowrap,
.text-nowrap p,
.text-nowrap a,
.text-nowrap span,
.text-nowrap font
{display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.text-nowrap a{float: left; max-width: 100%;}
.left ul li a,
.transition a{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.jScroll {overflow: hidden; -moz-user-select: none; -webkit-user-select: none; user-select: none;}



.header{position: relative; background: #355e92;}
.header .container{position: relative; padding:15px 0;}
.header .logo{margin-right: 80px;}
.header .logo img{max-width: 90%;margin-right: 18px;}
.header .header-r{position: absolute; top: 50%; margin-top: -15px; right: 0;}
.header .logoutbtn{float: left;height: 30px;padding: 0 8px 0 35px;line-height: 30px;color: #fff;font-size: 0.9375em;background: url(../png/wyea92.png) no-repeat 16px center;border-radius: 40px;width: 52px;text-align: center;border: 1px solid;}
.header .logoutbtn:hover{background-color: #0191d8;}
.header .user_info{float: left; padding-left: 28px; margin-right: 20px; line-height: 30px; color:#fff; font-size: 0.9375em; background: url(../png/6zopo0.png) no-repeat left center;}
.header .user_info span{float: left;}
.header .user_info b{float: left; max-width: 300px; font-weight: normal;}
.mobile-nav{display: none;}

.headerbg{background: url(../png/2qrip4.png) no-repeat;padding: 40px 0 20px;margin-bottom: 20px;}
.headerbg > .container{position: relative;}
.headerbg .right-header{text-align: center;}
.headerbg .right-header .username{font-size: 24px;margin-bottom: 15px;margin-top: 20px;}
.headerbg .right-header .userset{dispaly:flex;justify-content:space-between}
.headerbg .right-header .userset a{background: #ecf3ff;border-radius: 15px;padding: 4px 12px;display: inline-block;position: relative;width: 65px;}
.headerbg .right-header .userset .layui-badge{position: absolute;top: -8px;font-weight: 400;font-size: 10px;right: 6px;border-radius: 50px;padding: 0;width: 18px;}
.headerbg .layui-col-md2 > a{float: right;}
.headerbg .layui-col-md2 .title{font-size: 26px;font-weight: bold;padding-top: 26px;}
.headerbg .layui-col-md2 .countinfo{position: absolute;bottom: 30px;}
.headerbg .layui-col-md2 .countinfo .count{font-size: 36px;font-weight: bold;}
.headerbg .layui-col-md2 .countinfo span{font-size: 26px;}
.mycanyu{position: relative;width: 139px;height: 182px;padding: 0 16px;background: url(../png/mk8qwu.png) no-repeat;color: #fff;}
.mygongkaishenqing{position: relative;width: 139px;height: 182px;padding: 0 16px;background: url(../png/04z4y6.png) no-repeat;color: #fff;}
.mydingyue{position: relative;width: 139px;height: 182px;padding: 0 16px;background: url(../png/b0qli1.png) no-repeat;color: #fff;}
.myshoucang{position: relative;width: 139px;height: 182px;padding: 0 16px;background: url(../png/od7hyp.png) no-repeat;color: #fff;}
.mydingyue{position: relative;width: 139px;height: 182px;padding: 0 16px;background: url(../png/x6y2ft.png) no-repeat;color: #fff;}
.nowdate{position: absolute;width: 105px;height: 103px;background: url(../png/cdqzm7.png) no-repeat;right: -136px;top: -50px;}
.nowdate .date{position: absolute;top: 39px;left: 0;right: 0;text-align: center;color: #fff;}
.nowdate .week{position: absolute;bottom: 13px;left: 0;right: 0;text-align: center;color: #005191;}

.footer {background-color: #355e92; font-size:14px; color: #fff;}
.footer-cont{clear: both; padding: 20px 0; overflow: hidden; text-align: center;}
.footer-wzbs, .footer-copyright, .footer-jiucuo{display: inline-block; vertical-align: middle;}
.footer-wzbs img{vertical-align: middle;}
.footer-copyright{padding:0 30px 0 20px; text-align: left; line-height: 24px;}
.footer-copyright .beian{padding-left: 25px; margin-left: 5px; background: url(../png/gfcuke.png) no-repeat left center;}
.footer-copyright a{color:#fff;}
.footer-copyright a:hover{text-decoration: underline;}



.bodyMain > .container{margin-bottom: 40px;position: relative; background:url(../png/ccasnx.png) repeat-y 240px top;  min-height: 589px; padding: 0 0 20px 0;}
.left{width: 246px; position: absolute; left: 0; top: 0;bottom: 0;background: #ecf3ff;}
.left .menu{background: #ecf3ff;}
.right{margin-left: 240px; padding:0 20px;}
.right .right-container{background: #fff;}
.left ul li a{border-left: 5px solid #ecf3ff;display: block; position: relative; margin-bottom: 1px;font-size: 17px;padding-left: 90px; height: 56px; line-height: 56px; color: #345e92;}
.left ul li a.active, .left ul li a.active:hover{font-weight: bold;border-left: 5px solid #345e92;background: linear-gradient(to right, #c5daff 0%, #ebf2ff 80%);}
.left ul li a:hover{background: linear-gradient(to right, #c5daff 0%, #ebf2ff 80%);border-left: 5px solid #345e92;}
.left ul li a .iconfont{position: absolute; left: 45px; top: 50%; line-height: 24px; margin-top: -12px; font-size: 1.5em; }






.layui-layer-title {
    color: #fff !important;
    background-color: #345e92 !important;
}

.layui-layer-close {
    background-image: url('../png/jqhz4l.png') !important;
    background-position: 0 !important;
}



@media (max-width: 1280px) {
    .container{width:96%;}
    .header .user_info{display: none;}
	
}

@media (max-width: 992px) {
    body{font-size: 15px;}

    .header .header-r{margin-top: -9px;}
    
    .header .logoutbtn{padding: 0; width: 17px; height: 18px; font-size: 0; background-color: transparent; background-position: 0 0; }

    #header-choose-toggle{opacity:0; max-height:0; overflow:hidden;}
	#header-choose-toggle.header-choose-menu-m{opacity:100; max-height:408px; transition:all .5s; }

	.header-choose-btn{position:absolute; top:50%; right:30px; margin-top: -7px; z-index:9; display:block;}
	.header-choose-btn div{position:relative; width:18px; height:14px; cursor:pointer;}
	.header-choose-btn span{display:block; position:absolute; left:0; width:100%; height:16.66%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%); transform:translateY(-50%);}
	.header-choose-btn span:nth-child(1){top:0;}
	.header-choose-btn span:nth-child(2){top:50%;}
	.header-choose-btn span:nth-child(3){top:100%;}
	.header-choose-opened .header-choose-btn span:nth-child(1){
			top: 50%;
			-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
			transform: translateY(-50%) rotate(-45deg);
	}
	.header-choose-opened .header-choose-btn span:nth-child(2) {
			-webkit-transform: translateY(-50%) scaleX(0);
			-ms-transform: translateY(-50%) scaleX(0);
			transform: translateY(-50%) scaleX(0);
	}
	.header-choose-opened .header-choose-btn span:nth-child(3) {
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%) rotate(45deg);
			-ms-transform: translateY(-50%) rotate(45deg);
			transform: translateY(-50%) rotate(45deg);
    }

    .footer-wzbs, .footer-copyright, .footer-jiucuo{display: block; text-align: center; padding: 0;}
    .footer-copyright{padding: 10px 0 20px;}

    .bodyMain{background: none; position: relative;}
    .bodyMain > .container{background: #fff; position: static;}

    .left{display: block; position: absolute; left: 0; right: 0; top:0; width: 100%; background: rgba(59,132,192,.96); background: linear-gradient(#5495ca,#57a0d8);  color: #fff; z-index: 999;}
    .left ul li{border-top: 1px solid rgba(255,255,255,.1);}
    .left ul li a{display: block; position: relative; height:auto; padding:15px; margin-bottom: 0; line-height: 20px; color: #fff;}
    .left ul li a:after {content: "";display: block; height: 100%; width: 3px; position: absolute; top: 0; left: 0; background-color: transparent;}
    .left ul li a.active:after{background-color: #fff;}
    .left ul li a .iconfont{display: none;}
    .left ul li a:hover, .left ul li a.active{background-color: transparent !important;}

    .right{margin-left: 0; padding: 0;}
	
}

@media (max-width: 768px) {
    .bodyMain{padding: 0 0 20px;}
}

@media (max-width: 580px) {
    .header .logo img{max-width: 100%;}
}