@charset "utf-8";
/* CSS Document */

/* css reset */

    /* 清除内外边距 */
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
    dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
    pre, /* text formatting elements 文本格式元素 */
    fieldset, legend, button, input, textarea, /* form elements 表单元素 */
    th, td { /* table elements 表格元素 */
        margin: 0;
        padding: 0;
		border: 0px;
    }
    
    /* 设置默认字体 */
    body,
    button, input, select, textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
             SimSun, sans-serif;
	font-size: 14px;
	color:#333;
	/* [disabled]outline:none; */
    }
	button, input, select, textarea{ outline:none;}
    html {line-height: 1; }
    address, cite, em, var,i { font-style: normal; } /* 将斜体扶正 */
    
    h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
    h2 { font-size: 16px; }
    h3 { font-size: 14px; }
    h4, h5, h6 { font-size: 100%; }
    
    /* 重置列表元素 */
    ul, ol, li { list-style: none; }
    
    /* 重置文本格式元素 */
    a { text-decoration: none;color:#333; cursor:pointer;}
    a:hover { text-decoration:none; color:#ef3838; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
	
	/* 重置图片元素 */	
    img {border: 0px;vertical-align:middle;-ms-interpolation-mode: bicubic;}
	
.bx_fl, .fl {float: left;}
.bx_fr, .fr {float: right;}
.container{width:1200px; margin:0 auto;}
.clear{ clear:both;}
.c10{height:10px;width:100%;}
.c20{height:20px;width:100%;}
.c30{height:30px;width:100%;}
.dis{display:block;margin:0px;padding:0;}
.undis{display:none;margin:0px;padding:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.hot .item .img img, .hot .item .pic img{
	width:100%; height:100%;
	overflow-x: hidden;
    overflow-y: hidden;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.hot .item .img img:hover, .hot .item .pic img:hover{
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
	}
	 
/*top*/
.top{width:100%; height:30px;}
.top > div{width:100%; height:30px;} 
.top > div.gray{background-color:#333333;}
.top > div > .body{width:1200px; margin:0 auto;}
.top > div > .body > .right{height:30px; line-height: 30px; font-size: 12px;}
.top > div > .body > .right a{color:#FFFFFF;}
.top > div > .body > .right a:hover{color:#4691ee;}

/*
.top > div{width:20%; float:left; height:3px;} 
.top > div.yellow{ background-color:#ffb400;}
.top > div.red{ background-color:#ef3838;}
.top > div.blue{ background-color:#1e8dff;}*/


/*head*/
.header{width:100%; box-sizing:border-box; background-color:#fff;} /*border-bottom:1px solid #cfcfcf;*/
/*.header .logo{display:inline-block; float:left; width:230px; height:32px; margin-top:24px; background-image:url(../images/tubiao.png); background-position:-286px -10px;}*/
.header .header-l{display:inline-block; float:left; margin:20px 0;  font-size: 24px; font-weight: bold; color: #333333;}
.header .header-l .logo{height:60px; vertical-align: middle;}
.rel{position:relative;}
.header-jf{position:absolute; top:8px; right:0;}
.header-rss{position:absolute; top:29px; right:0;}
.header-tag{position:absolute; top:50px; right:0;}
.header-jf .jf-btn, .header-rss .rss-btn, .header-tag .tag-btn{width:36px; height:16px; line-height:16px; display:inline-block; background-color:#24a5ff; border:1px solid #24a5ff; font-size:12px; color:#fff; text-align:center; border-top-left-radius:9px; -moz-border-top-left-radius:9px; -o-border-top-left-radius:9px; -webkit-border-top-left-radius:9px; border-bottom-left-radius:9px; -moz-border-bottom-left-radius:9px; -o-border-bottom-left-radius:9px; -webkit-border-bottom-left-radius:9px;}
.header-rss .rss-btn{background-color:#ff9000; border:1px solid #ff9000;}
.header-tag .tag-btn{background-color:#a500b9; border:1px solid #a500b9;}
.header-jf .jf-btn:hover{background-color:#fff; color:#24a5ff;}
.header-rss .rss-btn:hover{background-color:#fff; color:#ff9000;}
.header-tag .tag-btn:hover{background-color:#fff; color:#a500b9;}

/*nav*/
.nav-c{background-color: #F6F8F9; border-top: 1px solid #eee;}
.nav-c .nav{float:left; width: 100%;}
.nav-c .nav > .menu li{float:left; line-height:32px; margin-right:50px; padding: 15px 0;    position: relative;}
.nav-c .nav > .menu li a{font-size:16px; cursor:pointer; color:#999; transition-duration:300ms; -moz-transition-duration:300ms; -webkit-transition-duration:300ms; -o-transition-duration:300ms;}
.nav-c .nav > .menu li a:hover{color:#4691ee; transition-duration:300ms; -moz-transition-duration:300ms; -webkit-transition-duration:300ms; -o-transition-duration:300ms;}
/*.nav-c .nav > .menu li:hover,*/
.nav-c .nav > .menu li.on{
	padding-top: 10px;
	border-top: 5px solid #4691ee;
	-webkit-box-sizing:border-box; /* Safari */  
	-moz-box-sizing:border-box; /* Firefox */  
	box-sizing:border-box; 
}
.nav-c .nav > .menu li.on a{color:#4691ee; }
.nav-c .nav > .menu li.more{ position:relative; margin-right:0;}
.nav-c .nav > .menu li.more:before{content:''; position:absolute; right:-20px; top:28px; display:inline-block; width:12px; height:7px; background-image:url(../images/tubiao.png); background-repeat:no-repeat; background-position:-10px -69px; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.nav-c .nav > .menu li.more:hover:before{background-position:-10px -86px; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.nav-c .nav > .menu li > .menu-child{
	display:none; background: #fff; 
	/*filter:alpha(opacity=90);*/ 
	/*background:rgba(255,255,255,0.9);*/ 
	background: #F6F8F9;
	position:absolute; width:120px; z-index:9999; 
	/*left:-20px;*/
	left:0px;
}
.nav-c .nav > .menu li > .menu-child li{float:none; margin-right:0; padding: 5px 0; line-height:20px; text-indent:20px;}
/*.nav-c .nav > .menu li.more:hover > .menu-child{ display:block;}*/
.nav-c .nav > .menu li:hover > .menu-child{ display:block;}

/*search*/
.header-r{float:right; padding-top:26px;} 
.header-r .search{float:left; width:400px; box-sizing:border-box; border:1px solid #ddd; border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px;} 
.header-r .search .searchCon{float:left; width:290px; background:none; text-indent:5px; outline:none; font-size:16px; box-sizing:border-box; padding: 11px 6px;}
.header-r .search .searchMenu{float:right; width:100px; outline:none; cursor:pointer; color: #fff; font-size: 18px; background-color: #4691ee; padding: 10px 0;}   /**background:url(../images/tubiao.png) -102px -40px no-repeat;*/

.header-r .login{float:left; line-height:30px; margin-left:20px; color:#979797; font-size:12px;}
.header-r .login a{color:#444; font-size:16px;}
.header-r .login a:hover{text-decoration:underline;}


/*新闻样式开始*/

/*main-parent*/
.main-parent{width: 100%; background-color: #f6f8f9;}

/*main*/
.main{
	padding:32px 0 50px; 
	/*border-bottom:5px solid #ef3838;*/ 
	position:relative;
}
.w860{width:860px; float:left;}

/*footer*/
.footer{width:100%; background:#4d4d4d; padding: 30px 0;}
.footer .footer-link{line-height:54px; border-bottom:1px solid #3a3a3a; text-align:center;}
.footer .footer-link a{margin-left:66px; color:#fff; font-size:14px;}
.footer .footer-link a:hover{ text-decoration:underline;}
.footer .copyright{
	line-height:24px; color:#aeaeae; font-size:12px; text-align:center; padding:15px 0; 
	/*border-top:1px solid #5f5f5f;*/
}

/*right-fixed*/
.right-fixed{position:fixed; right:0px; bottom:50px;}
.right-fixed li{width:50px; height:50px; background-color:#cacaca; margin-bottom:1px; cursor:pointer; position:relative;}
.right-fixed .app, .right-fixed .weixin, .right-fixed .wap, .app-logo, .weixin-logo{background-image:url(../images/tubiao.png); background-repeat:no-repeat; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.right-fixed .app:hove, .right-fixed .weixin:hover, .right-fixed .wap:hover{background-image:url(../images/tubiao.png); background-repeat:no-repeat; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.right-fixed .back-top{background-image:url(../images/tubiao.png); background-repeat:no-repeat;}
.right-fixed .back-top:hover{background-image:url(../images/tubiao.png); background-repeat:no-repeat;}
.right-fixed .app{background-position:-10px -170px;}
.right-fixed .weixin{background-position:-65px -170px;}
.right-fixed .wap{background-position:-120px -170px;}
.right-fixed .back-top{display:none; background-position:-175px -170px;}
.right-fixed .app:hover{background-position:-10px -114px;}
.right-fixed .weixin:hover{background-position:-65px -114px;}
.right-fixed .wap:hover{background-position:-120px -114px;}
.right-fixed .back-top:hover{background-position:-175px -114px;}
.app-logo, .weixin-logo, .wap-logo{width:162px; display:none; position:absolute; bottom:0; left:-162px; border:1px solid #ccc; box-sizing:border-box;}
.app-logo{height:180px; background-position:-180px -229px;}
.weixin-logo{height:200px; background-position:-10px -229px;}
.right-fixed .app:hover .app-logo{display:block;}
.right-fixed .weixin:hover .weixin-logo{display:block;}
.right-fixed .wap:hover .wap-logo{display:block;}

/*新闻样式结束*/

/*首页*/
.home-header{border:none; box-shadow:0 2px 2px rgba(10,2,4,0.1);}
.home-main, .home-main a{
	/*font-family:"宋体";*/
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
             SimSun, sans-serif;
	/*font-size:14px; color:#1b4a7f;*/
}
/*.home-main{padding:20px 0 30px;}*/
.home-main{padding: 0px;}
.home-main a:hover{
	/*color:#ef3838;*/
	color: #4691ee;
}

.top-full-ad{width:100%; background-color:#f7f7f7;}
.top-full-ad-pic{width:100%; display:inline-block; position:relative;}
.top-full-ad-pic img{width:100%;}
.top-full-ad-pic i{color:#fff; font-size:12px; position:absolute; bottom:0; left:0; width:36px; height:20px; display:inline-block; line-height:20px; text-align:center; background:#000000; background:-moz-linear-gradient(top, #9c9d9d 0%, #606061 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9d9d), color-stop(100%,#606061)); background:-webkit-linear-gradient(top, #9c9d9d 0%,#606061 100%); background:-o-linear-gradient(top, #9c9d9d 0%,#606061 100%); background:-ms-linear-gradient(top, #9c9d9d 0%,#606061 100%); background:linear-gradient(to bottom, #9c9d9d 0%,#606061 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9d9d', endColorstr='#606061',GradientType=0 );}
:root .gradient{filter:none;}
.top-full-ad .home-tag{line-height:44px; height:44px;}
.top-full-ad .home-tag a{color:#566478; font-size:12px; margin-left:37px;}
.top-full-ad .home-tag a:first-child{margin-left:0;}
.top-full-ad .home-tag a:hover{text-decoration:underline;}

.top-ad{width:100%; background-color:#f7f7f7;}
.top-ad-pic{width:100%; display:inline-block; position:relative;}
.top-ad-pic img{width:100%;}
.top-ad-pic i{color:#fff; font-size:12px; position:absolute; bottom:0; left:0; width:36px; height:20px; display:inline-block; line-height:20px; text-align:center; background:#000000; background:-moz-linear-gradient(top, #9c9d9d 0%, #606061 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9d9d), color-stop(100%,#606061)); background:-webkit-linear-gradient(top, #9c9d9d 0%,#606061 100%); background:-o-linear-gradient(top, #9c9d9d 0%,#606061 100%); background:-ms-linear-gradient(top, #9c9d9d 0%,#606061 100%); background:linear-gradient(to bottom, #9c9d9d 0%,#606061 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9d9d', endColorstr='#606061',GradientType=0 );}
:root .gradient{filter:none;}
.top-ad .home-tag{line-height:44px; height:44px;}
.top-ad .home-tag a{color:#566478; font-size:12px; margin-left:37px;}
.top-ad .home-tag a:first-child{margin-left:0;}
.top-ad .home-tag a:hover{text-decoration:underline;}




/**
 *  登录 layout  
 */
.login-layout{
	width:100%; background-color:#fffff;
}

.login-layout .btn-c{
	position: relative;
	width: 390px; height: 100px;
	display: inline-block;
	margin-left: 8px;
}
.login-layout .btn-c:first-child{
	margin-left: 0px;
}
.login-layout .btn-01{
	background-image:url(../images/btn-bg-01.png); 
	background-repeat:no-repeat;
}
.login-layout .btn-02{
	background-image:url(../images/btn-bg-02.png); 
	background-repeat:no-repeat;
}
.login-layout .btn-03{
	background-image:url(../images/btn-bg-03.png); 
	background-repeat:no-repeat;
}
.login-layout .btn-c .left-c{
	position: absolute; left: 40px; top: 25px;
	display: inline-block;
	font-size: 22px; color: #ffffff;
}
.login-layout .btn-c .right-c{
	position: absolute; top: 40px; right: 40px;
	display: inline-block;
	font-size: 16px; color: #ffffff;
	cursor: pointer;
}

/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 0 10px #d5d5d5;  
	-moz-box-shadow:0 0 10px #d5d5d5;  
	box-shadow:0 0 10px #d5d5d5; */

div{
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-o-box-sizing:border-box;
}

/**
 * 
 */
.home-left{float:left; width: 380px; margin: 0px; padding: 0px;}
.home-right{float:right; width: 800px; margin: 0px; padding: 0px;}

.home-center{float:left; width: 390px; margin: 0px; padding: 0px; margin-left: 20px;}
.home-right2{float:right; width: 390px; margin: 0px; padding: 0px;}


.custom-pannel-01{width: 100%; height: 400px; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-01 .header{width: 100%; padding: 20px 20px 0 20px; border-bottom: 1px solid #dddddd; overflow: hidden;}
.custom-pannel-01 .header .title{display: inline-block; border-bottom: 3px solid #4691ee; font-size: 16px; color: #333333; padding-bottom: 20px;}
.custom-pannel-01 .header .more{display: inline-block;  font-size: 12px; color: #999999; float: right;}
.custom-pannel-01 .body{width: 100%; height: 334px; padding: 10px 20px;}
.custom-pannel-01 .body ul,li{float: left; list-style-type: none;}
.custom-pannel-01 .body ul{border-bottom: 1px dashed #ddd}
.custom-pannel-01 .body ul li.left{width: 50px; padding: 10px 0;}
.custom-pannel-01 .body ul li.right{width: 275px; padding-top: 15px; margin-left: 15px; font-size: 14px; color: #777777;}
.custom-pannel-01 .body ul:first-child li.left{padding: 10px 0;}
.custom-pannel-01 .body ul li.left .date-item{width: 50px; padding: 5px 0px; text-align: center; border: 1px solid #4691ee; font-size: 12px; color: #4691ee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-01 .body ul li.right > a{color: #777777;}
.custom-pannel-01 .body ul li.right > a:hover{color: #4691ee;}
.custom-pannel-01 .footer-panel{width: 100%; padding: 0px 20px;}
.custom-pannel-01 .footer-panel .more{text-align: right; font-size: 14px; color: #333333;}

.custom-pannel-02{width: 100%; height: 400px; background-color: #FFFFFF; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-02 .header{width: 100%; padding: 20px 20px 0 20px; border-bottom: 1px solid #dddddd; overflow: hidden;}
.custom-pannel-02 .header .title{display: inline-block; border-bottom: 3px solid #4691ee; font-size: 16px; color: #333333; padding-bottom: 20px;}
.custom-pannel-02 .header .more{display: inline-block;  font-size: 12px; color: #999999; float: right;}
.custom-pannel-02 .body{width: 100%; height: 335px; padding: 20px 20px 0 20px; }
.custom-pannel-02 .body .left{float: left; width: 420px; height: 300px;}
.custom-pannel-02 .body .left img{width: 100%; height: 100%;}
.custom-pannel-02 .body .right{float: left; width: 340px; font-size: 14px; color: #777777;}
.custom-pannel-02 .body .right .item{font-size: 14px; color: #777777; padding:17px 20px; cursor: pointer; position: relative; border-bottom: 1px dashed #ddd;}
.custom-pannel-02 .body .right .item:hover,
.custom-pannel-02 .body .right .item.active{
	background-color: #4691ee; color: #ffffff;
}
.custom-pannel-02 .body .right .item:hover:before,
.custom-pannel-02 .body .right .item.active:before {  
			    position: absolute; content: '';  
			    left: -10px;  top: 15px;  
			    width: 0;  height: 0;  
			    border-right: 10px solid #4691ee;
			    border-top: 10px solid transparent;
			    border-bottom: 10px solid transparent;
			} 
.custom-pannel-02 .body .right .item:hover:after,
.custom-pannel-02 .body .right .item.active:after {  
			    position: absolute; content: "";  
			    left: -8px; top: 15px;   
			    width: 0; height: 0;  
			    border-right: 8px solid #4691ee;
			    border-top: 10px solid transparent;
			    border-bottom: 10px solid transparent;
			}  
.custom-pannel-02 .footer-panel{width: 100%; padding: 0px 20px;}
.custom-pannel-02 .footer-panel .more{text-align: right; font-size: 14px; color: #333333;}


.custom-pannel-03{width: 100%; height: 556px; background-color: #FFFFFF; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-03 .header{width: 100%; padding: 0px 20px 20px 20px; text-align: center;}
.custom-pannel-03 .header .title{
	display: inline-block; border-top: 3px solid #4691ee; 
	box-sizing:border-box; 
	font-size: 16px; color: #333333; padding-top: 20px;
}
.custom-pannel-03 .body{width: 100%; padding: 0px 20px; }
.custom-pannel-03 .body ul,li{float: left; list-style-type: none;}
.custom-pannel-03 .body ul li.left{width: 70px; margin: 10px 0;}
.custom-pannel-03 .body ul li.right{width: 255px; margin-top: 13px; margin-left: 15px; font-size: 14px; color: #777777;}
.custom-pannel-03 .body ul li.left .date-item{width: 100%; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-03 .body ul li.left .date-item.primary{border: 1px solid #4691ee;}
.custom-pannel-03 .body ul li.left .date-item.primary .item-header{height: 30px; line-height: 30px; background-color: #4691ee; font-size: 14px; color: #ffffff;}
.custom-pannel-03 .body ul li.left .date-item.primary .item-body{height: 40px; line-height: 40px; background-color: #ffffff; font-size: 18px; color: #4691ee;}
.custom-pannel-03 .body ul li.left .date-item.default{border: 1px solid #cccccc;}
.custom-pannel-03 .body ul li.left .date-item.default .item-header{height: 30px; line-height: 30px; background-color: #cccccc; font-size: 14px; color: #ffffff;}
.custom-pannel-03 .body ul li.left .date-item.default .item-body{height: 40px; line-height: 40px; background-color: #ffffff; font-size: 18px; color: #cccccc;}
.custom-pannel-03 .body ul li.right .item{width: 100%;}
.custom-pannel-03 .body ul li.right .item .item-header{font-size: 14px; color: #555555;}
.custom-pannel-03 .body ul li.right .item .item-header .custom-primary{color: #4691ee;}
.custom-pannel-03 .body ul li.right .item .item-header .custom-success{color: #4c61fe;}
.custom-pannel-03 .body ul li.right .item .item-header .custom-default{color: #cccccc;}
.custom-pannel-03 .body ul li.right .item .item-body{font-size: 12px; color: #999999; line-height: 24px;}
.custom-pannel-03 .bottom{width: 100%; padding: 0 20px; position: absolute; bottom: 10px;}
.custom-pannel-03 .bottom .more{width: 340px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #333333;}

.custom-pannel-03 .body-2{width: 100%; padding: 0px 20px; }
.custom-pannel-03 .body-2 .item{width: 350px; margin-top: 20px;}
.custom-pannel-03 .body-2 .item:first-child{width: 350px; margin-top: 10px;}
.custom-pannel-03 .body-2 .item .item-header{font-size: 14px; color: #555555;}
.custom-pannel-03 .body-2 .item .item-header .label-default{color: #cccccc;}
.custom-pannel-03 .body-2 .item .item-body{margin-top: 10px;}
.custom-pannel-03 .body-2 .item .item-body ul,li{float: left; list-style-type: none;}
.custom-pannel-03 .body-2 .item .item-body ul li.left img{width: 40px; height: 40px; margin-top: 4px; border-top: 1px solid #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-03 .body-2 .item .item-body ul li.right{width: 290px; margin-left: 18px; font-size: 12px; line-height: 24px;}
.custom-pannel-03 .body-2 .item .item-body ul li.right .label-01{color: #999999;}
.custom-pannel-03 .body-2 .item .item-body ul li.right .label-01{color: #555555;}
.custom-pannel-03 .bottom-2{width: 100%; padding: 0 20px; position: absolute; bottom: 10px;}
.custom-pannel-03 .bottom-2 .more{width: 340px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #333333;}



.custom-pannel-calendar{width: 100%; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-calendar .header{width: 100%; padding: 20px;}
.custom-pannel-calendar .header .title{width: 340px; text-align: center; font-size: 16px; color: #333333;}
.custom-pannel-calendar .body{width: 100%; padding: 10px 0px 20px 0px;  text-align: center;}

.custom-pannel-calendar .body .calendar-detail{
	position:absolute; left: 40px;top: 0px; width: 300px; background: #fff; z-index: 1;
	color: #333; font-size: 14px; border: 1px solid #d5d5d5; padding: 10px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	display: none;
}
.custom-pannel-calendar .body .calendar-detail .arrow{
	top: 50%;
	border-width: 11px;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: red;
	display: inline-block;
}
.custom-pannel-calendar .body .calendar-detail .arrow:after{
	position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.custom-pannel-calendar .body .calendar-detail p{
	text-align: left;
	line-height: 20px;
	padding: 10px 0;
	border-bottom: 1px dashed #d5d5d5;
}
.custom-pannel-calendar .body .calendar-detail p span.time{
	float: right;
}
.custom-pannel-calendar .body .flatpickr-day:hover > .calendar-detail{display: inline-block;}

.custom-left-pannel{width: 100%; padding-bottom: 10px; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-left-pannel .header{width: 100%; padding: 20px;}
.custom-left-pannel .header .title{width: 340px; text-align: center; font-size: 16px; color: #333333;}
.custom-left-pannel .body{width: 100%; padding: 0px 20px; box-sizing:border-box;}
.custom-left-pannel .body .item-01{
	width: 160px; height: 50px; line-height: 50px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	border: 1px dashed #dddddd; text-align: center; margin-top: 15px;
}
.custom-left-pannel .body .item-01:hover{
	 border: 1px dashed #4691ee; color: #4691ee;
}
.custom-left-pannel .body .item-01-wrap-a:nth-child(odd){float: left; margin-left: 0px;}
.custom-left-pannel .body .item-01-wrap-a:nth-child(even){float: right; margin-right: 0px;}

.custom-pannel-c-logo{width: 100%; padding-bottom: 10px; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-c-logo .header{width: 100%; padding: 20px;}
.custom-pannel-c-logo .header .title{width: 340px; text-align: center; font-size: 16px; color: #333333;}
.custom-pannel-c-logo .body{width: 100%; padding: 0px 20px; box-sizing:border-box;}
.custom-pannel-c-logo .body .logo-a{
	width: 140px; height: 50px;
}
.custom-pannel-c-logo .body .logo-a:nth-child(odd) img.logo{float: left; width: 140px; height: 50px; margin: 15px 0px 15px 16px;}
.custom-pannel-c-logo .body .logo-a:nth-child(even) img.logo{float: right; width: 140px; height: 50px; margin: 15px 16px 15px 0px;}

.custom-pannel-contact-us{width: 100%; padding-bottom: 10px; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-contact-us .header{width: 100%; padding: 20px;}
.custom-pannel-contact-us .header .title{width: 300px; text-align: center; font-size: 16px; color: #333333;}
.custom-pannel-contact-us .body{width: 100%; padding: 0px 20px; box-sizing:border-box;}
.custom-pannel-contact-us .body .info{font-size: 14px; color: #555555;}
.custom-pannel-contact-us .body .info .item{margin-top: 20px;}
.custom-pannel-contact-us .body .info .item:first-child{margin-top: 0px;}
.custom-pannel-contact-us .body .map{margin: 15px 0; height: 260px;}



.custom-pannel-05{width: 100%; height: 440px; background-color: #FFFFFF; margin-top: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-05:first-child{margin-top: 0px;}
.custom-pannel-05 .header{width: 100%; height: 60px; padding: 22px 20px 0 20px; border-bottom: 1px solid #dddddd;}
.custom-pannel-05 .header .tab{display: inline-block; font-size: 16px; color: #333333; padding-bottom: 18px; margin-left: 20px; cursor: pointer;}
.custom-pannel-05 .header .tab:first-child{margin-left: 0px;} 
.custom-pannel-05 .header .tab:hover,
.custom-pannel-05 .header .tab.active{
	border-bottom: 3px solid #4691ee;
}
.custom-pannel-05 .body{width: 100%; padding: 0 20px; }
.custom-pannel-05 .body .tab-c{float: left; width: 100%; height: 426px; position: relative;}
.custom-pannel-05 .body .tab-c ul,li{float: left; margin: 0; padding: 0; display: inline-block;}
.custom-pannel-05 .body .tab-c ul{border-bottom: 1px dashed #ddd}
.custom-pannel-05 .body .tab-c ul li.item-01-left{width: 655px; padding: 10px; color: #777777; font-size: 14px;}
.custom-pannel-05 .body .tab-c ul:first-child li.item-01-left{padding-top: 20px;}
.custom-pannel-05 .body .tab-c ul li.item-01-right{float: right; text-align: right; width: 80px; padding: 14px 0; color: #999999; font-size: 14px;}
.custom-pannel-05 .body .tab-c ul:first-child li.item-01-right{padding-top: 22px;}
.custom-pannel-05 .body .tab-c .bottom{position: absolute; bottom: 10px; width: 100%;}
.custom-pannel-05 .body .tab-c .bottom .more{width: 760px; text-align: right; font-size: 14px; color: #333333;}

.custom-pannel-05 .body .doubleChooseActivities ul {width:100%; height:auto!important; line-height:20px!important; padding:5px 0; border-bottom: 1px dashed #dddddd;}
.custom-pannel-05 .body .doubleChooseActivities ul li.left{width: 70px; margin: 10px 0;}
.custom-pannel-05 .body .doubleChooseActivities ul li.center{width: 530px; margin-top: 13px; margin-left: 15px; font-size: 14px; color: #777777;}
.custom-pannel-05 .body .doubleChooseActivities ul li.right{float:right; width: 130px; margin-top: 13px; margin-right: 15px; text-align:right; font-size: 12px; color: #333;}
.custom-pannel-05 .body .doubleChooseActivities ul li.left .date-item{width: 100%; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-05 .body .doubleChooseActivities ul li.left .date-item.primary{border: 1px solid #4691ee;}
.custom-pannel-05 .body .doubleChooseActivities ul li.left .date-item.primary .item-header{height: 36px; line-height: 36px; background-color: #4691ee; font-size: 14px; color: #ffffff;}
.custom-pannel-05 .body .doubleChooseActivities ul li.left .date-item.primary .item-body{height: 50px; line-height: 50px; background-color: #ffffff; font-size: 18px; color: #4691ee;}
.custom-pannel-05 .body .doubleChooseActivities ul li.left .date-item.default{border: 1px solid #cccccc;}
.custom-pannel-05 .body .doubleChooseActivities ul li.left .date-item.default .item-header{height: 36px; line-height: 36px; background-color: #cccccc; font-size: 14px; color: #ffffff;}
.custom-pannel-05 .body .doubleChooseActivities ul li.left .date-item.default .item-body{height: 50px; line-height: 50px; background-color: #ffffff; font-size: 18px; color: #cccccc;}
.custom-pannel-05 .body .doubleChooseActivities ul li.center .item{width: 100%;}
.custom-pannel-05 .body .doubleChooseActivities ul li.center .item .item-header{font-size: 14px; color: #555555;}
.custom-pannel-05 .body .doubleChooseActivities ul li.center .item .item-header .custom-primary{color: #4691ee;}
.custom-pannel-05 .body .doubleChooseActivities ul li.center .item .item-header .custom-success{color: #4c61fe;}
.custom-pannel-05 .body .doubleChooseActivities ul li.center .item .item-header .custom-default{color: #cccccc;}
.custom-pannel-05 .body .doubleChooseActivities ul li.center .item .item-body{font-size: 12px; color: #999999; line-height: 24px;}

.custom-pannel-05 .body .collegeCareerTalk ul {height:auto!important; line-height:20px!important; padding:10px 0; border-bottom: 1px dashed #dddddd; margin-left:15px;}
.custom-pannel-05 .body .collegeCareerTalk ul:nth-child(3n+1) {margin-left:15px;}
.custom-pannel-05 .body .collegeCareerTalk ul li.left{width: 70px; margin: 5px 0;}
.custom-pannel-05 .body .collegeCareerTalk ul li.right{width: 285px; margin-top: 13px; margin-left: 15px; font-size: 14px; color: #777777;}
.custom-pannel-05 .body .collegeCareerTalk ul li.left .date-item{width: 100%; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-05 .body .collegeCareerTalk ul li.left .date-item.primary{border: 1px solid #4691ee;}
.custom-pannel-05 .body .collegeCareerTalk ul li.left .date-item.primary .item-header{height: 36px; line-height: 36px; background-color: #4691ee; font-size: 14px; color: #ffffff;}
.custom-pannel-05 .body .collegeCareerTalk ul li.left .date-item.primary .item-body{height: 50px; line-height: 50px; background-color: #ffffff; font-size: 18px; color: #4691ee;}
.custom-pannel-05 .body .collegeCareerTalk ul li.left .date-item.default{border: 1px solid #cccccc;}
.custom-pannel-05 .body .collegeCareerTalk ul li.left .date-item.default .item-header{height: 36px; line-height: 36px; background-color: #cccccc; font-size: 14px; color: #ffffff;}
.custom-pannel-05 .body .collegeCareerTalk ul li.left .date-item.default .item-body{height: 50px; line-height: 50px; background-color: #ffffff; font-size: 18px; color: #cccccc;}
.custom-pannel-05 .body .collegeCareerTalk ul li.right .item{width: 100%;}
.custom-pannel-05 .body .collegeCareerTalk ul li.right .item .item-header{font-size: 14px; color: #555555;}
.custom-pannel-05 .body .collegeCareerTalk ul li.right .item .item-header .custom-primary{color: #4691ee;}
.custom-pannel-05 .body .collegeCareerTalk ul li.right .item .item-header .custom-success{color: #4c61fe;}
.custom-pannel-05 .body .collegeCareerTalk ul li.right .item .item-header .custom-default{color: #cccccc;}
.custom-pannel-05 .body .collegeCareerTalk ul li.right .item .item-body{font-size: 12px; color: #999999; line-height: 24px;}

.custom-pannel-05 .body .position-list .item{width: 375px; padding-top: 20px; display:inline-block; margin-left:20px;}
.custom-pannel-05 .body .position-list .item:nth-child(3n+1) {margin-left:20px;}
.custom-pannel-05 .body .position-list .item .item-header{font-size: 14px; color: #555555;}
.custom-pannel-05 .body .position-list .item .item-header label{float: right !important; font-size: 12px;}
.custom-pannel-05 .body .position-list .item .item-header .label-default{color: #cccccc; }
.custom-pannel-05 .body .position-list .item .item-body{margin-top: 10px;}
.custom-pannel-05 .body .position-list .item .item-body ul,li{float: left; list-style-type: none;}
.custom-pannel-05 .body .position-list .item .item-body ul{height:auto!important; line-height:20px; border-bottom: 1px dashed #dddddd; padding-bottom:20px; }
.custom-pannel-05 .body .position-list .item .item-body ul li.left img{width: 40px; height: 40px; margin-top: 4px; border-top: 1px solid #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-05 .body .position-list .item .item-body ul li.right{width: 300px; margin-left: 18px; font-size: 12px; line-height: 24px;}
.custom-pannel-05 .body .position-list .item .item-body ul li.right .label-01{color: #999999;}
.custom-pannel-05 .body .position-list .item .item-body ul li.right .label-01{color: #555555;}



.custom-pannel-06{width: 100%;background-color: #FFFFFF; margin-top: 20px; padding: 20px 0px; overflow: hidden; text-align: center}
.custom-pannel-06 a:nth-child(2){margin-top: 20px; margin-left: 0px;}
.custom-pannel-06 a:last-child{margin-top: 20px; margin-left: 20px; }

.label-success{background-color: #DDF4EF; color: #56C9AF; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-primary{background-color: #DBDFFF; color: #4B60FE; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-danger{background-color: #FFDEDB; color: #FE584C; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-warn{background-color: #FEF0D1; color: #FBB41B; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-info{background-color: #DDF4EF; color: #56C9AF; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-default{background-color: #B6C2C9; color: #ffffff; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}




/**
 *  友情链接 layout  
 */

.friendship-link-layout{
	width:100%; background-color:#fffff;
}
.friendship-link-layout .header{
	padding: 20px 0px; font-size: 16px; color: #333333; text-align: center;
}
.friendship-link-layout .body .logo-a{
	width: 178px; height: 60px; margin-left:70px;
}
.friendship-link-layout .body .logo{
	width: 178px; height: 60px; margin: 20px 0px;
}
.friendship-link-layout .body .logo-a:nth-child(5n+1){
	margin-left: 0px;
}
.friendship-link-layout .body .wl{
	width: 178px; display: inline-block; padding: 5px 0; margin: 5px 0px 5px 73px;
}
.friendship-link-layout .body .wl:nth-child(5n+1){
	margin: 5px 0px 5px 0px;
}





.home-top{margin-top:20px; width:100%;}
.home-top .left-two{padding:18px 14px 10px 14px; border:1px solid #eaeaea; width:260px;}
.left-two .rmht{border-bottom:1px solid #eaeaea; padding-bottom:5px;}
.left-two .rmht .left-nav{color:#1b1b1b;}
.left-two .rmht .left-nav span{display:inline-block; position:relative;}
.left-two .rmht .left-nav span:before{width:12px; height:12px; display:inline-block; content:""; position:absolute; right:-18px; bottom:0; background:url(../images/rmht-pic.png);}
.rmht .rmht-list .first{margin:10px 0 8px;}
.rmht .rmht-list .title{color:#1b4a7f; font-size:13px; display:block; width:100%; line-height:30px; overflow:hidden;white-space:nowrap;}
.rmht .rmht-list .title:hover{color:#ef3838;}
.rmht .first-des{}
.rmht .first-des a{display:inline-block; float:left;}
.rmht .first-des img{width:80px; height:48px; margin-right:10px;}
.rmht .first-des span{color:#777777; font-size:12px; line-height:18px;}

.jcpl{margin-top:15px;}
.left-two .jcpl .left-nav{color:#1b1b1b;}
.left-two .jcpl .left-nav span{display:inline-block; position:relative;}
.left-two .jcpl .left-nav span:before{width:12px; height:12px; display:inline-block; content:""; position:absolute; right:-18px; bottom:0; background:url(../images/jcpl-pic.png);}
.jcpl-list .item{padding:12px 0 9px; border-top:1px dotted #e3e3e3;}
.jcpl-list .item:first-child{border-top:none;}
.jcpl-list a{color:#1b4a7f; font-size:13px; line-height:18px; display:inline-block; width:100%; height:36px; overflow:hidden;}
.jcpl-list a:hover{color:#ef3838;}
.jcpl-list span{color:#989898; font-size:12px; display:inline-block; width:100%; overflow:hidden; margin-top:5px; height:12px;}

.rdjj{margin-left:30px; width:426px;}
.nav-link{height:30px; line-height:30px; border-bottom:2px solid #1b4b80; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; width:100%;}
.nav-link a{color:#1a1a1a; height:30px; line-height:30px; border-bottom:2px solid #ef3838; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:inline-block; position:relative;}
.nav-link a:before{content:""; width:1px; height:2px; background-color:#fff; position:absolute; bottom:-2px; right:-1px;}

.rdjj-top-news{font-size:16px; font-weight:bold; margin:20px 0 10px;}
.rdjj-top-news a{font-size:16px; font-weight:bold;}

.rdjj-list li{line-height:30px; padding-left:11px; position:relative;}
.rdjj-list li:before{width:3px; height:3px; display:inline-block; position:absolute; content:""; left:0; top:13px; background-color:#c0c0c0;}
.rdjj-list li .bold{font-weight:bold;}

.right-fr{width:426px;}
.home-banner{width:426px; height:260px; position:relative; overflow:hidden;}
.home-banner .bd{width:426px; height:260px;}
.home-banner .bd li{position:absolute;top:0;left:426px;width:426px;height:260px;}
.home-banner .bd a{width:100%; height:260px; display:block; position:relative; font-family:"宋体";}
.home-banner .bd img{width:100%; height:100%;}
.home-banner .bd .banner-title{ position:absolute; left:0; bottom:0; width:100%; height:34px; background:#000; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); line-height:34px;}
.home-banner .bd .banner-title i{width:44px; height:100%; background-color:#ef3838; display:inline-block; float:left;}
.Cpic{background:url(../images/Cpic.png) center center no-repeat;}
.home-banner .bd .banner-title span{line-height:34px; color:#fff; font-weight:normal; font-size:14px; padding-left:15px;}
.home-banner .hd{position:absolute; bottom:11px; right:15px; }
.home-banner .hd b{color:#ef3838; display:none; font-size:16px;}
.home-banner .hd b.down{display:inline-block;}
.home-banner .hd span{color:#fff; font-size:12px;}  
.home-banner .controler2 a{display:block; width:16px; position:absolute;top:120px; height:27px;}
.home-banner .controler2 a i{cursor:pointer;display:block;width:16px;height:27px; background:url(../images/home-banner-btn.png) no-repeat;}
.home-banner .controler2 .prev{left:10px;}
.home-banner .controler2 .prev i{background-position:-60px 0;}
.home-banner .controler2 .prev:hover i{background-position:0 0;}
.home-banner .controler2 .next{right:10px;}
.home-banner .controler2 .next i{background-position:-88px 0;}
.home-banner .controler2 .next:hover i{background-position:-28px 0;}

.home-video{margin-top:10px;}
.home-video .item{margin-top:10px; overflow:hidden; height:86px;}
.home-video .item .video-pic{margin-right:15px; width:142px; height:86px;}
.home-video .item .video-pic img{width:142px; height:86px;}
.home-video .item .video-pic a{display:inline-block; position:relative;}
.home-video .item .video-pic a span{width:142px; height:28px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:12px; text-align:center; line-height:28px; display:block; position:absolute; bottom:0; left:0;}
.home-video .item .video-pic a:before{content:""; width:22px; height:22px; display:inline-block; background:url(../images/video-btn.png) no-repeat; left:60px; top:20px; position:absolute;}
.video-txt li{line-height:30px;}

.video-list{margin-top:8px;}
.video-list li{line-height:28px; padding-left:25px; background:url(../images/video-icon.png) left center no-repeat;}

.home-ad02{width:100%; height:96px; margin:20px 0;}

.home-ch{width:100%;}
.home-ch-left{width:290px;}

.jczt .jczt-nav{width:100%; color:#1a1a1a; font-size:14px; border-bottom:2px solid #e7e7e7; box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; height:30px; line-height:30px; position:relative;}
.jczt .jczt-nav .change{right:0; bottom:5px; position:absolute; color:#999999; font-size:12px; line-height:14px;}
.jczt .jczt-nav .change:hover i{-webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.jczt .jczt-nav .change i{width:14px; height:14px; display:block; background:url(../images/change.png) no-repeat;-webkit-transition: -webkit-transform .5s ease-out; -moz-transition: -moz-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; -ms-transition: -ms-transform .5s ease-out; float:left; margin-right:5px;}
.jczt-list{padding-top:7px;}
.jczt-list a{width:100%; display:inline-block; margin-top:8px;}
.jczt-list img{width:100%;}

.zxly{padding:18px 14px 10px 14px; border:1px solid #eaeaea; width:260px; margin-top:18px;}
.zxly .left-nav{color:#1b1b1b;}
.zxly .left-nav span{display:inline-block; position:relative;}
.zxly .left-nav span:before{width:12px; height:12px; display:inline-block; content:""; position:absolute; right:-18px; bottom:0; background:url(../images/zxly-pic.png);}
.zxly .jcpl-list .item{padding:10px 0 6px;}
.zxly .message{margin:12px 0 2px; text-align:center;}
.zxly .message img{width:260px; height:48px;}

.job-list{margin-top:10px;}
.job-list a{font-family:"宋体";}
.job-list span{color:#ef6738;}

.doc-list li{padding-left:22px;}
.doc-list li:before{width:16px; height:16px; display:inline-block; content:""; position:absolute; left:0; top:7px; background-color:#fff;}
.doc-list li.doc:before{ background:url(../images/word.gif) no-repeat;}
.doc-list li.ppt:before{ background:url(../images/PPT.gif) no-repeat;}
.doc-list li.pdf:before{ background:url(../images/PDF.gif) no-repeat;}

.dl-list{height:300px; width:100%; margin-top:4px;}
.dl-list .item{float:left; width:33.3333333%; padding:16px 0 10px;}
.dl-list .item .dl-pic{width:50px; height:50px; float:left; margin:0 5px;}
.dl-list .item .dl-pic img{width:100%; height:100%;}
.dl-list .item .dl-txt{color:#282828; font-size:13px; line-height:26px; font-family:"宋体";}
.dl-list .item .dl-txt:hover{color:#ef3838;}
.dl-list .item .dl-btn{display:inline-block;}

.job-list .wldc-top{padding-left:0; margin:15px 0 7px;}
.job-list .wldc-top:before{display:none;}
.job-list .wldc-top .wldc-top-pic{float:left; margin-right:14px;}
.wldc-top-txt a{font-weight:bold; line-height:30px;}
.wldc-top-txt p{color:#5f5f5f; font-size:12px; line-height:20px;}

.tssj{margin-left:0; width:100%; margin-top:16px;}
.tssj .nav-link{border-bottom:2px solid #e7e7e7;}











.hide{display: none;}

.m-0{margin: 0px;}
.m-5{margin: 5px;}
.m-10{margin: 10px;}
.m-15{margin: 15px;}
.m-20{margin: 20px;}

.m-t-0{margin-top: 0px;}
.m-t-5{margin-top: 5px;}
.m-t-10{margin-top: 10px;}
.m-t-15{margin-top: 15px;}
.m-t-20{margin-top: 20px;}

.m-r-0{margin-right: 0px;}
.m-r-5{margin-right: 5px;}
.m-r-10{margin-right: 10px;}
.m-r-15{margin-right: 15px;}
.m-r-20{margin-right: 20px;}

.m-b-0{margin-bottom: 0px;}
.m-b-5{margin-bottom: 5px;}
.m-b-10{margin-bottom: 10px;}
.m-b-15{margin-bottom: 15px;}
.m-b-20{margin-bottom: 20px;}

.m-l-0{margin-left: 0px;}
.m-l-5{margin-left: 5px;}
.m-l-10{margin-left: 10px;}
.m-l-15{margin-left: 15px;}
.m-l-20{margin-left: 20px;}


.p-0{padding: 0px;}
.p-5{padding: 5px;}
.p-10{padding: 10px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}

.p-t-0{padding-top: 0px;}
.p-t-5{padding-top: 5px;}
.p-t-10{padding-top: 10px;}
.p-t-15{padding-top: 15px;}
.p-t-20{padding-top: 20px;}

.p-r-0{padding-right: 0px;}
.p-r-5{padding-right: 5px;}
.p-r-10{padding-right: 10px;}
.p-r-15{padding-right: 15px;}
.p-r-20{padding-right: 20px;}

.p-b-0{padding-bottom: 0px;}
.p-b-5{padding-bottom: 5px;}
.p-b-10{padding-bottom: 10px;}
.p-b-15{padding-bottom: 15px;}
.p-b-20{padding-bottom: 20px;}

.p-l-0{paddingleft: 0px;}
.p-l-5{paddingleft: 5px;}
.p-l-10{paddingleft: 10px;}
.p-l-15{paddingleft: 15px;}
.p-l-20{paddingleft: 20px;}