@charset "gbk";
body{font-family: "Microsoft YaHei,Helvetica,Tahoma,arial,sans-serif";font-size: 14px;}
ul,li{list-style: none;margin: 0;padding: 0;vertical-align: middle;}
img{max-width: 100%;vertical-align: middle;}
a{color: #333333;font-size: 14px;}
p{margin-bottom: 0;font-size: 14px;}
h2{margin: 0;}
.main{margin: 0 auto;}
html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{margin: 0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display: block;}
audio,
canvas,
progress,
video{display: inline-block;vertical-align: baseline;}
audio:not([controls]){display: none;height: 0;}
[hidden],
template{display: none;}
a{background-color: transparent; text-decoration: none;}
a:active,
a:hover{outline: 0; color: #076ce0}
abbr[title]{border-bottom: 1px dotted;}
b,
strong{font-weight: bold;}
dfn{font-style: italic;}
h1{margin: .67em 0;font-size: 1.8em;}
mark{color: #000;background: #ff0;}
small{font-size: 80%;}
sub,
sup{position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup{top: -.5em;}
sub{bottom: -.25em;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}
hr{height: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
pre{overflow: auto;}
code,
kbd,
pre,
samp{font-family: monospace, monospace;font-size: 1em;}
button,
input,
optgroup,
select,
textarea{margin: 0;font: inherit;color: inherit;}
button{overflow: visible;}
button,
select{text-transform: none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
button[disabled],
html input[disabled]{cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner{padding: 0;border: 0;}
input{line-height: normal;}
input[type="checkbox"],
input[type="radio"]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
fieldset{padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}
legend{padding: 0;border: 0;}
textarea{overflow: auto;}
optgroup{font-weight: bold;}
table{border-spacing: 0;border-collapse: collapse;}
td,
th{padding: 0;}
h2,h3,h4,h5,p{margin: 0;padding: 0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{zoom:1;}
/*下面的清除浮动，相同与  clear_box，只用与，具体项目中，*/
.pull-left{ float:left;}
.pull-right{ float:right;}
.main{
	width: 1200px;margin: 0 auto;
}
.topad{
	position: relative;
	background:#F1F2F4;

}


.topad .banner{
	width: 1200px;
    margin:0 auto;

}
.topad .ad-close{
	position: absolute;
	cursor: pointer;
	background: url(../images/close.png) no-repeat;
	width: 26px;
	height: 26px;
	position: absolute;
	right: 0;
	top:0;
	z-index: 11;
}

.header .main{
	position: relative;
	z-index: 9;
	height: 90px;
}
.logo{
	float: left;
	padding: 15px 0;
}

.logo h1{
	position:relative;
}
.logo h1 .logo-bd {
    display: block;
    margin-top: -14px;
    margin-left: 22px;
    padding-top: 60px;
    width: 170px;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/logozg.png) 0 0 no-repeat;
}
.logo h1 .logo-bd::after{
	content:'';
	clear:both;
}
.clearfix{
}
.clearfix:after {
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}

.logo-txt{
	border-left: 1px solid #c5ccdf;
	height: 36px;
	line-height: 36px;
	font-size: 20px;
	color: #666666;
	float: left;
	margin-left: 20px;
	padding-left:20px;
	margin-top: 30px;
}
.logo-txt a{

	font-size: 20px;

}
.h-button{
	float: right;
	height: 26px;
	margin-top: 36px;
	margin-left: 30px;
}
.h-button .btn{
	display:block;
	float: left;
	width: 90px;
	height: 26px;
	line-height: 24px;
	border-radius: 20px;
	border: 1px solid #076ce0;
	text-align: center;
	color: #076ce0;
	margin-left: 10px;
}
.h-button .btn-login{
	background: #076ce0;
	color: #fff;
}
.menu-list{
	float: right;
	height: 26px;
	margin-top: 36px;
}
.menu-list>li{
	position: relative;
	float: left;
	margin-left: 35px;
}
.menu-list>li>a{
	display: block;
	font-size: 15px;
	line-height: 26px;
}
.dropdown-menu{
	display: none;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	padding: 10px;
	width:400px;
	position: absolute;
	left: 0;
	top: 100%;
}
.dropdown-menu li{
	float: left;
	width: 100px;
}
.dropdown-menu li a{
	display: block;
	line-height: 20px;
	padding: 5px 10px;
	color: #666;
	font-size: 12px;
}
.dropdown-menu li a:hover{
	background-color: #f9f9f9;
}
.menu-list>li:hover .dropdown-menu{
	display: block;
}
.navbar{
	position: relative;
	z-index: 1;
	height: 50px;
	background: #076ce0;
}
.navbar .main{
	height: 50px;
}
.nav{
	height: 50px;
}
.nav>li{
	float: left;
}
.nav>li>a{
	display: block;
	width: 108px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.nav>li.active>a{
	display: block;
	width: 120px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #2aacff;
}


.nav>li a:hover{
	background: #2aacff;
}
.navks{
	height: 50px;
}
.navks>li{
	float: left;
}
.navks>li>a{
	display: block;
	width: 130px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.navks>li.active>a{
	display: block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #2aacff;
}


.navks>li a:hover{
	background: #2aacff;
}
.inwrap{
	background: #f1f2f4;
	padding: 15px 0 20px 0;
}
.breadcrumb{
	line-height: 1;
	margin-bottom: 15px;
}
.page-main{
	float: left;
	width: 880px;
}
.sidebar{
	float: right;
	width: 300px;
}
.article-main{
	background: #ffffff;
	padding:0 20px;
	margin-bottom: 20px;
}
.sidebar .ad300{
	margin-bottom: 10px;
}
.rel-panel{
	background: #fff;
	margin-bottom: 20px;
}
.art-title{
	margin: 0;
	margin-bottom:10px;
}
.art-meta{
	font-size: 14px;
	color: #999999;
}
.art-meta span{
	display: inline-block;
	margin-right: 20px;
}
.art-header{
	padding:15px;
	border-bottom: 1px solid #eee;
}
.art-body{
	padding: 10px;
	line-height: 1.8;
}
.art-body p{
	color: #666666;
	margin-bottom: 10px;
	line-height: 1.8;
}
.art-body h3{
	margin-bottom: 10px;
}
.in-panel-header{
	border-bottom: 1px solid #eee;
	padding: 10px 20px;
	height: 30px;
}
.panel-tit{
	float: left;
	font-size: 16px;
	line-height: 30px;
}
.panel-tit span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.panel-tit .iconfont{
	color: #2aacff;
	font-size: 20px;
}
.in-panel-header .panel-more{
	display: block;
	line-height: 30px;
	color: #999;
	float: right;
}
.rel-main{
	position: relative;
	padding: 15px 30px;
	overflow: hidden;
}
.rel-main .rel-list{
	width: 880px;
}
.rel-list li{
	width: 430px;
	float: left;
	padding: 5px 0;
}
.rel-list li a{
	display: block;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	line-height: 20px;
}
.ellipsis{
    text-overflow:ellipsis;
    white-space:nowrap;
	line-height: 20px;
}
.rel-main:after{
	width: 1px;
	height: 100px;
	border-left: 1px dashed #e4e4e4;
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
}
/*footers*/
.footer-main{
	overflow: hidden;
	padding: 20px 0;
}
.foot-nav{
	float: left;
	margin: 0;
	margin-right: 80px;
}
.foot-nav dt{
	margin-bottom: 15px;
	font-size: 18px;
}
.foot-nav dt a{
	font-size: 18px;
}
.foot-nav dd{
	line-height: 20px;
	margin-bottom: 10px;
	margin-left: 0;
}
.foot-nav dd a{
	color: #999999;
}
.foot-tel{
	float: right;
	margin-left: 40px;
}
.wx-group{
	overflow: hidden;
	float:right;
}
.wx-group .wxcode{
	float: left;
	text-align: center;
	padding: 0 25px;
}
.wxcode img{
	width: 110px;
	height: 110px;
}
.wxcode p{
	margin-top: 10px;
}
.foot-tel .txt{
	font-size: 18px;
	margin-bottom: 10px;
}
.foot-tel .telnumber{
	font-size: 18px;
	color: #4a83ff;
	line-height: 1;
}
.foot-nav:nth-child(3){
	padding-top: 40px;
}
.copyright{
	border-top: 1px solid #e4e4e4;
	padding: 10px;
	line-height: 25px;
	text-align: center;
	color: #666666;
	font-size: 12px;
}
.copyright a{
	color: #666666;
	font-size: 12px;

}

/*list*/
.list-main{
	padding:25px 20px;
	background: #fff;
	margin-bottom: 20px;
}
.lists li{
	overflow: hidden;
	margin-bottom: 15px;
}
.lists li a{
	display: block;
	float: left;
	line-height: 20px;
	font-size: 16px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	color: #666;
}
.lists li a:hover{
	color: #409fff;
}
.lists li .list-date{
	float: right;
	color: #999999;
	line-height: 20px;
}
.pages{
	padding: 10px 0;
	text-align: center;
}
.pages .pages-nav{
	display: inline-block;
	font-size: 0;
}
.pages-nav li{
	display: inline-block;
	border: 1px solid #c3cdd9;
	font-size: 0;
	margin-left: -1px;
}
.pages-nav li a{
	font-size: 12px;
	color: #666666;
	display: inline-block;
	padding: 5px 12px;
}
.pages-nav li a:hover,
.pages-nav li.active a{
	background-color: #409fff;
	color: #fff;
}
.list-panel{
	margin-top: -1px;
}
.list-panel-hd{
	height: 40px;
	overflow: hidden;
	padding: 0 15px;
	background: -webkit-linear-gradient(#ffffff, #f2f6f9);
    background: -o-linear-gradient(#ffffff, #f2f6f9); 
    background: -moz-linear-gradient(#ffffff, #f2f6f9);
    background: linear-gradient(#ffffff, #f2f6f9);
	border: 1px solid #dfeef9;
}
.list-panel-body{
	border: 1px solid #e4e4e4;
	border-top: 0;
	padding: 15px;
	background: #fff;
	overflow: hidden;
}
.list-tt{
	line-height: 40px;
	float: left;
}
.list-tt span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.list-tt .iconfont{
	color: #2aacff;
}
.list-more{
	display: block;
	line-height: 40px;
	float: right;color: #999999
}
.list-panel-hd .list-more{
	color: #999999;
}
.list-panel-hd .list-more span{
	display: inline-block;
	vertical-align: middle;
}
.list-group{
	margin-bottom: 20px;
}
/*cate*/
.cate-header{
	padding: 25px 0;
	overflow: hidden;
}
.cate-tt{
	height: 30px;
	line-height: 28px;
	border-left: 4px solid #4a83ff;
	padding-left: 15px;
	float: left;
}
.cate-tt span{
	display: inline-block;
	margin-right: 10px;
	line-height: 28px;
}
.cate-tt span.ch{
	color: #333333;
	font-size: 26px;
}
.cate-tt h2,
.cate-tt h3{
	color: #333333;
	font-weight:normal;
	font-size: 26px;
}

.cate-tt span.en{
	color: #999999;
	font-size: 14px;
}
.les-body{
	overflow: hidden;
}
.cate-body{
	overflow: hidden;
	padding: 25px 20px;
	background: #fff;
}
.list-cell{
	float: left;
	padding: 10px;
}
.cate-list-body{
	padding: 15px 10px;
}
.cate-list-body .list-panel{
	width: 372px;
}
.list-panel .lists li:last-child{
	margin-bottom: 0;
}
.list-panel .lists li a{
	float: none;
}
.account-list{
	overflow: hidden;
	margin: 0 -10px;
}
.account-list li{
	float: left;
	padding: 0 10px;
}
.accbox{
	width: 275px;
}
.acc-pic{
	display: block;
}
.acc-pic img{
	width: 275px;
	height: 360px;
}
.acc-intro{
	padding: 20px 15px;
	border: 1px solid #ededed;
}
.acc-intro .name{
	font-size: 20px;
	margin-right: 10px;
}
.acc-intro .pos{
	font-size: 16px;
	color: #666666;
}
.cate-header .list-more{
	line-height: 30px;
}

.les-main{
	width: 890px;
	height: 520px;
	background: #fff;
	float: left;
}
.les-sidebar{
	float: right;
	padding: 0 15px;
	width: 260px;
	height: 520px;
	background: #fff;
}
.les-hd{
	position: relative;
	padding: 15px 0;
	line-height: 20px;
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
}
.les-sidebar h3{
	position: relative;
	padding: 15px 0;
	line-height: 20px;
	font-size: 16px;
	font-weight:normal;
	margin-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
}
.les-sidebar h3:after{
	width: 65px;
	height: 2px;
	background: #076ce0;
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
}
.les-hd:after{
	width: 65px;
	height: 2px;
	background: #076ce0;
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
}
.les-list{
	overflow: hidden;
	padding:25px 15px;
	margin: 0 -8px;
}
.les-list li{
	float: left;
	padding: 0 8px;
}
.les-box{
	float: left;
	width: 274px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	border-radius: 4px;
	text-align: center;
}
.les-header{
	height: 116px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	line-height: 116px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.les-desc{
	padding: 15px 0;
	text-align: center;
	margin: 0 15px;
	border-bottom: 1px solid #e4e4e4;
}
.les-desc p{
	padding: 6px 0;
}
.les-desc p .lg{
	font-size: 15px;
	color: #e02727;
}
.les-inner{
	padding: 10px 0;
	margin: 0 15px;
	text-align: center;
	border-bottom: 1px solid #e4e4e4;
}
.les-foot{
	padding: 20px 0;
	margin: 0 15px;
}
.les-account{
	margin-top: 10px;
	color: #666666;
	font-size: 13px;
}
.les-account span{
	font-size: 15px;
	color: #e02727;
}
.les-price{
	margin-bottom: 10px;
}
.les-price span{
	font-size: 18px;
	color: #e02727;
}
.les-button{
	height: 32px;
	padding: 15px;
}
.les-button .btn{
	width: 98px;
	height: 32px;
	line-height: 32px;
	background: #ffefd2;
	color: #ff6c00;
	border-radius: 4px;
	float: left;
}
.les-button .btn-info{
	width: 98px;
	height: 32px;
	background: #ff6c00;
	color: #fff;
	border-radius: 4px;
	float: right;
}
.cate-cells{
	position: relative;
	z-index: 2;
	background: #fff;
	box-shadow: 3px 5px 20px rgba(0,0,0,.1);
	padding-top: 20px;
	padding-bottom: 40px;
}
.cate-cells .main{
	height: 280px;
}
.zq-box{
	width: 204px;
	height: 258px;
	float: left;
	padding: 10px;
	border: 1px solid #f1f1f1;
}
.zq-box .zq-tt{
	height: 20px;
	padding: 10px 0;
	text-align: center;
	background: url(../images/tt.png) center no-repeat;
	margin-bottom: 10px;
	border-bottom: 1px solid #f1f1f1;
}
.zq-box h3{
	height: 20px;
	padding: 10px 0;
	font-size:14px;
	font-weight:normal;
	text-align: center;
	background: url(../images/tt1.png) center no-repeat;
	margin-bottom: 10px;
	border-bottom: 1px solid #f1f1f1;
}
.zq-list{
	overflow: hidden;
}
.zq-list li{
	float: left;
	width: 50%;
	padding: 4px 0;
	text-align: center;
}
.zq-list li a{
	display: inline-block;
	width: 86px;
	height: 30px;
	border: 1px solid #48bfff;
	border-radius: 30px;
	color: #48bfff;
	text-align: center;
	line-height: 30px;
}
.zq-list li a:hover{
	background: #48bfff;
	color: #fff;
}
.cate-main{
	width: 714px;
	float: left;
	margin-left: 20px;
}
.sign-ing{
	width: 224px;
	float: right;
}
.sign-hd{
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #2aacff;
	margin-bottom: 10px;
	background: #eef9ff;
	font-size: 16px;
}
.daojishi{
	font-size:14px !important;	
}
.sign-bd{
	height: 200px;
	padding: 10px;
	border: 1px solid #f1f1f1;
}
.sign-list li{
	overflow: hidden;
	padding: 10px 0;
}
.sign-list .hd{
	display: inline-block;
	width: 74px;
	font-size: 16px;
}
.sign-list .bd{
	color: #666666;
}
.cate-container{
	height: 176px;
}
.cate-container img{
	width: 100%;
	height: 176px;
	display: block;
}
.swiper-pagination-bullet{
	background: #fff;
	opacity: 1;
	border-radius: 30px;
}
.swiper-pagination-bullet-active{
	width: 30px;
}
.rec-cells{
	position: relative;
	border: 1px solid #f1f1f1;
	padding: 10px 15px;
	height: 82px;
	overflow: hidden;
}
.rec-cells:after{
	width: 1px;
	height: 60px;
	border-left: 1px dashed #e4e4e4;
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
}
.reclist{
	width: 310px;
}
.reclist li a{
	position: relative;	
	display: inline-block;
	line-height: 20px;
	padding-left: 10px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.reclist li{
	padding: 3px 0;
	/*position:relative;*/
}
.reclist li a:before{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	width: 5px;
	height: 5px;
	vertical-align: middle;
	border-radius: 5px;
	background: #bbbbbb;
	display: inline-block;
	content: ' '
}
.reclist li.hot a{
	font-size: 16px;
	color: #FF4040 !important;
	padding-left: 0;
}
.reclist li.hot a:before{
	display: none;
}

/*
.reclist li span{
	position:absolute;
	top:10px;
	left:100px;
	font-size: 16px;
	color: #ff0000;

}*/

.tt-tabs{
	float: right;
	height: 30px;
}
.tt-tabs li{
	float: left;
}
.tt-tabs li:after{
	content: '|';
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	padding: 0 10px;
}
.tt-tabs li a{
	font-size: 16px;
}
.tt-tabs li a:hover,
.tt-tabs li.active a{
	color: #4a83ff;
}
.tt-tabs li:last-child:after{
	display: none;
}
.les-index-main{
	background: #fff;
	width: 890px;
	height: 370px;
	float: left;
}
.les-navbar{
	width: 246px;
	height: 370px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
}
.hight-navbar{
	background-image: url(../images/side2.jpg);
}
.junior-navbar{
	background-image: url(../images/side1.jpg);
}
.les-index-cells{
	width: 644px;
	float: right;
}
.les-index-list{
	overflow: hidden;
	padding: 0 15px;
}
.les-index-list li{
	padding:30px 10px;
	float: left;
}
.lesbox{
	padding: 7px;
	width: 270px;
	box-shadow: 0 0 10px rgba(0,0,0,.1)
}
.lespic{
	display: block;
	width: 270px;
	height: 250px;
	background: #fff;
}
.lespic img{
	width: 270px;
	height: 250px;
}


.les-intro{
	padding: 10px;
}
.les-title {
	margin-bottom: 5px;
}
.les-meta{
	margin-bottom: 10px;
}
.les-meta span{
	display: inline-block;
	vertical-align: middle;
	color: #999;
	font-size: 12px;
}
.les-meta span{
	margin-right: 20px;
}
.lesson-price{
	color: #e02727;
	font-size: 18px;
	margin-bottom:5px;
}
.lesson-price span{
	font-size: 12px;
}
.les-tag{
	text-align: right;
}
.les-tag .tag{
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	background: #ffefd2;
	border-radius: 3px;
	color: #ff6c00;
	padding: 0 5px;
	margin-left: 6px;
}

.les-nav{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
}
.les-nav li{
	margin-bottom: 20px;
}
.les-nav li a{
	display: block;
	font-size: 15px;
	border-radius: 30px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
}
.les-nav li.active a{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 226px;
}
.hight-navbar li.active a{
	background: #fff;
	color: #ff8800;
}
.junior-navbar li.active a{
	background: #fff;
	color: #076ce0;
}
.les-index-body .les-sidebar{
	height: 370px;
}
.les-sidebar h3{

}
.city-cells{
	margin-top: 20px;
	overflow: hidden;
	background: -webkit-linear-gradient(#16b6f4, #488afe); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#16b6f4, #488afe); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#16b6f4, #488afe); /* Firefox 3.6 - 15 */
	background: linear-gradient(#16b6f4, #488afe); /* 标准的语法 */
}
.ctiy-list{
	overflow: hidden;
	padding:15px;
}
.ctiy-list li{
	padding: 5px 20px;
	float: left;
}
.ctiy-list li a{
	color: #fff;
	font-size: 13px;
}
.links-cells{
	background: #fff;
	padding: 15px 0;
	margin-top: 20px;
}
.links-cells .link-hd{
	position: relative;
	padding-left: 12px;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 10px;
	border-left: 4px solid #4a83ff;
}
.links{
	overflow: hidden;
	padding: 0 15px;
}
.links li{
	float: left;
	color: #666666;
	padding: 5px 5px;
}
.links li.line{
	padding: 5px 10px;
}
.links li a{
	color: #666;
}
.index-cells{
	background: -webkit-linear-gradient(top,#b4d9f6, #fff,#fff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top,#b4d9f6,#fff,#fff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top,#b4d9f6, #fff,#fff); /* Firefox 3.6 - 15 */
	background: linear-gradient(top,#b4d9f6, #fff,#fff); /* 标准的语法 */
	padding-bottom: 10px;
}
.index-cells .index-tcell{
	height: 325px;
	box-shadow: 0 0 20px rgba(0,0,0,.2)
}
.cagtgory-nav{
	width: 280px;
	height: 315px;
	background: #fff;
	float: left;
	padding-top: 10px;
}
.index-swiper{
	width:920px;
	height: 325px;
	overflow: hidden;
	float: right;
}
.c-nav-cell{
	padding: 10px 20px;
}
.c-nav-cell h3{
	font-weight:normal;
}

.c-nav-cell h3 a{
	position: relative;
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-nav-cell h3 a .iconfont{
	color: #076ce0;
}
.cnav-hd{
	margin-bottom: 8px;
}
.cnav-hd a{
	position: relative;
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.cnav-hd a .iconfont{
	color: #076ce0;
}
.cnav-list{
	overflow: hidden;
}
.cnav-list li{
	padding: 5px;
	float: left;
}
.cnav-list li a{
	line-height: 1;
	color: #666;
	font-size: 12px;
}
.cnav-list li a:hover{
	color: #076ce0;
}
.cnav-hd a:after{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.toutiao{
	position: relative;
	height: 130px;
	border-radius: 10px;
	border: 1px solid #eee;
	margin-top: 10px;
	padding-left: 50px;
}
.tt-content{
	padding:25px 20px;
	overflow: hidden;
}
.tt-text{
	width: 20px;
	padding:24px 15px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: -webkit-linear-gradient(top,#4b82ff, #4b82ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top,#4b82ff, #4b82ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top,#4b82ff, #4b82ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(top,#4b82ff, #4b82ff); /* 标准的语法 */
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.tt-content{
	position: relative;
	height: 80px;
}
.tt-content .tt-box{
	width: 480px;
}
.tt-box h3{
	margin-bottom: 10px;
}
.tt-box h3 a{
	font-size: 18px;
	font-weight: normal;
}
.tt-box p{
	color: #666;
	line-height: 1.8
}
.tt-box p a{
	color: #076ce0;
}
.tt-content:after{
	width: 1px;
	height: 80px;
	border-left: 1px dashed #e4e4e4;
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
}
.fixbar{
	position: fixed;
	left: 50%;
	margin-left: 610px;
	bottom: 20%;
	z-index: 999;
}
@media (max-width: 1400px) {
	.fixbar{
		margin-left: 0;
		left: auto;
		right: 10px;
	}
}
.kefu{
	display: block;
}
.fixlist{
	background-color: #FFFFFF;
	width: 80px;
	margin: 0 auto;
	margin-top: 10px;
}
.fixlist li{
	border-bottom: 1px solid #e5e5e5;
	margin-left: 10px;
	margin-right: 10px;
}
.fixlist li:last-child{
	border-bottom: 0;
}
.fixlist li a{
	display: block;
	padding: 15px 0;
	text-align: center;
	font-size: 12px;
	color: #666666;
}
.fixlist li a .iconfont{
	color: #52bafd;
	font-size: 30px;
}


.province {
	overflow: hidden; 
	list-style:none; 
	padding:20px; 
	margin:0;	
	background-color:#f7f7f7;	
}
.province li{
	display:block;
	float:left;
	padding:2px 5px;
}
.province li a{
	color:#424242;
	font-size:18px;
}
.province li a:hover{
	color:#f40;
}

.ibox{
	width:100%;
	font-size:1em;
	padding:0 10px;
}
.ibox span{
	font-size:18px;
	font-weight: 700;
}
.ibox h3{
	padding:5px 20px;
	background-color: #0595dd;
	font-size:20px;

}
/*文章详情页 常用样式*/
.ituijian{	
	padding:0;
	margin:0;
	padding-bottom:50px;
	font-size:14px;
	list-style:none;
	line-height:1.6;
}
.ituijian li a{
	color:#ff0000;
	font-size:1em;
}
.mystrong{
	color:#ff0000;
	font-size:1em;
}
.myarticle{
	font-size:16px;
	line-height:1.6;
	padding-top:30px;
}
.myarticle p,
.myp{
	font-size:1em;
	line-height:1.7;
	text-indent:2em;
}
.myarticle strong{
	font-weight:700;
	font-size:1em;
	color:#ff0000;
}
.myarticle a{
	color:#ff0000;
	font-size:1em;
	font-weight:700;
}
.myarticle h2{
	margin-bottom:30px;
	text-align:center;
}
.myarticle img{
	max-width:100%;	
	max-height:100%;
	text-align:center;
	border:0;
}
.myarticle p.imgBox{
	text-indent:0;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
.myarticle p.imgBox > span{
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}


/*文章详情页 常用文字链 按钮样式*/
.myarticle .course-ad {
	width: 100%;
	height: 46px;
	display: flex;		
	background-color:  rgba(240,240,240,0.6);
	line-height: 46px;
	align-items: center;
}
.myarticle .course-ad > a{
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
}
.myarticle .btn{
	display: inline-block;
	margin-left: 20px;
	height: 28px;
	padding: 3px 18px;
	background-color: rgba(8,118,228,0.9);
	border-radius: 8px;
	color: #fff;
	font-size: 1.2em;
	line-height: 28px;
	text-decoration: none;
}
.myarticle .btn:hover{			
	background-color: rgba(48,118,8,0.9);
}
.myarticle .course-ad:hover .course{
	color: #ff0000;
}
/*文章详情页 表格样式*/
.table tr,
.table th,
.table td{
	border: 1px solid #2091c9;
}
.table thead{
	font-size:16px;
	background-color:#2aacff;
	font-weight:bold;
	height:46px;
	color:#fff;
}
.table caption{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}

.table{
	border: 2px solid #2091c9; 
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	width: 96%;
	margin: 0 auto;
}
.table tbody tr{
	height: 30px;
}
.table tbody tr span{
	font-size: 14px;
}
.table tbody tr:hover{
	background-color:#2aacff;
}
.table tbody tr:hover a{
	color: #ff0000;
}

.table tr a{
	font-size: 14px;
}



/*文章详情页 导航样式*/
.article_nav{
	display: flex;			
	padding: 0;
	margin: 0;	
	list-style: none;		
	border: 2px solid #ccc;
}
.article_nav li a{
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}
.article_nav li{	
	width: 25%;			
	display: block;				
	padding: 12px 20px;
	background-color: #2aacff;
	border-right: 1px solid #ccc;
	text-align: center;
}
.article_nav li.active{
	background-color: #333;
}

.article_nav li:hover{
	background-color: #333;
}
.article_nav li:hover a{
	color: #fff;
}

/*通知公文样式*/
.notice{
	font-size:16px;
	line-height:1.6;
	padding-top:30px;
}
.notice strong{
	font-weight:700;
	font-size:1em;
	color:#ff0000;
}
.notice p{
	font-size:1em;
	line-height:1.7;
	text-indent:2em;	
}
.notice a{
	color:#ff0000;
	font-size:1em;	
}
.notice h2{
	font-size: 20px;
	margin-bottom: 15px;
	text-align: center;
}
.nontice p.num{
	font-size: 1em;
	font-weight: 600;
	text-align: center;
	text-indent: 0;
}
.notice .title{
	font-size: 1em;
	font-weight: 600;
	text-align: left;
	text-indent: 0;
}
.notice h3,
.notice .sub-title{
	font-size: 1em;
	margin-bottom: 10px;
	text-align: left;
}
.notice img{
	max-width:100%;	
	max-height:100%;
	text-align:center;
	border:0;
}
.notice .imgBox{
	text-indent: 0;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
.notice .end{
	font-size: 1em;
	font-weight: 600;
	text-align: right;
}
.notice .download{
	text-indent: 0;
}
.notice .download span{
	font-size: 1.5em;
	font-weight: 600;	
}
.notice .download a{
	font-size: 1em;
	color: #666;
	text-decoration: none;
}

/*长文章的侧边导航*/
.side-menu{
	position: fixed;
	bottom: 13%;
	left: 2%;
	padding: 20px 18px 30px 18px;
	margin: 0;	
	border-radius: 5px;
	background-color: rgba(24,24,24,.8);
	line-height: 2.5;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.side-menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}	
.side-menu li > a{
	color: #fff;
}	
.side-menu li:hover{
	border-bottom: 1px solid #fff;
	margin-bottom: 2px;
}
.side-menu li:hover a{
	font-weight: normal;
	color: #ff0000;
}
.side-menu .return-top{
	margin-top: 20px;
	border-bottom: 1px solid #fff;
}
.side-menu div.circle{	
	height: 10px;
	border-bottom: 1px dashed rgba(150,150,150,.8);	
	margin-bottom: 10px;
}


/*自定义常用表格类*/
table.my-table{
	width: 100%;
	border: 2px solid #797878;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto; 		
	line-height: 1.8;
	font-size: 16px;
	color: #333;
}
table.my-table caption{
	font-size: 24px;
	font-weight: normal;
}
table.my-table thead{
	font-size: 18px;
	text-align: center; 
	font-weight: bold;
	background-color:  rgb(219, 229, 241);
}
table.my-table thead tr,
table.my-table tbody tr{		
	border: 1px solid #797878;		
}
table.my-table thead tr{
	height: 48px;
}
table.my-table tbody tr{	
	height: 40px;
}
table.my-table thead td,
table.my-table tbody td{		
	border-right: 1px solid #797878;
	padding: 10px;
}
table.my-table .center{
	text-align: center;
}


/*注册页面 加群*/
.zb{
	color: #333;
	text-align:center;
}
.zb h3{
	font-size: 16px;
}
.cpa-com {
	margin-top: 18px;
}
.cpa-com .text p{
	padding-top: 6px;
}
.cpa-com img{						
	width: 86px;
	height: 86px;
	float: left;
	margin-right: 10px;
}
.cpa-com .num{
	color: #0000ff;
}
.cpa-com .text a{
	display: block;
	color: #333;
	text-align: center;
	margin-top: 16px;		
}
.cpa-com .text a:hover{
	color: #ff0000;
}
.cpa-com .text a p{						
	text-align: justify;
}
.zb ul{
	clear: both;
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
}
.zb ul li{
	width: 100%;
	line-height: 1.8;
	text-align:center;						
}
.zb ul li a{
	color: #333;
}
.zb ul li a:hover{
	color: #ff0000;
}


/*地方会计人员办事指南样式*/
.zhinan_2021{
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
}
.zhinan_2021 h3{
	font-size: 20px;
}
.zhinan_2021 ul{
	margin: 0;
	padding: 0;
	list-style: none;
}	
.zhinan_2021 ul:after{
	content: '';
	display: block;
	clear: both;
}	
.zhinan_2021 ul > li{
	float: left;
	height: 36px;
	line-height: 36px;
	padding: 3px 15px;
	margin: 10px 10px;
	border-radius: 5px;
	background-color: #1383e2;
}
.zhinan_2021 ul > li:hover{
	background-color: #666;
}
.zhinan_2021 ul > li > a{
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}



/*自定义内页表格样式*/

table.page-table {
  width: 100%;
  border: 2px solid #787878;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
  font-size: inherit;
  color: #333;
}

table.page-table caption {
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 10px;
}

table.page-table thead {
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  background-color: rgb(220, 220, 220);
}

table.page-table thead tr, table.page-table tbody tr {
  border: 1px solid #787878;
}

table.page-table thead tr {
  height: 36px;
}

table.page-table tbody tr {
  height: 32px;
}

table.page-table thead td, table.page-table tbody td {
  border-right: 1px solid #797878;
}

table.page-table .center {
  text-align: center;
}

table.page-table tr.tb-title{
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}


  /*详情页 内容样式*/
  .page-detail {
    font-size: inherit;
  }
  .page-detail h2,h3 {
	font-weight:bold;
    font-size: 18px;
  }

  .page-detail p {
    line-height: 1.75;
  }

  .page-detail > p {
    text-indent: 2em;
  }

  .page-detail div.sub-content {
    padding-left: 4em;
    text-indent: 0;
  }

  .page-detail a,
  .page-detail p a {
    font-size: inherit;
    color: #0184ff;
  }

  .page-detail .center {
    text-align: center;
  }

  .page-detail h3.title {
    text-align: center;
    font-size: 24px;
  }

  .page-detail p.subtitle,
  .page-detail p.sub-title
  {
  	text-indent: 0;
  	font-size: 1.1em;  	
  }

    .page-detail .sign{
    	font-size: 1.1em;
    	font-weight: bold;
    	text-align: right;
    }