@charset "gb2312";
/*
@author: he
@update: he (2018-04-17)
*/
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{color:#00cbda; text-decoration: none;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.clear{ clear: both;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.huiBg{ background: #e9ecee;}
.marb10{ height: 10px; overflow: hidden; clear: both;}
.marb20{ height: 20px; overflow: hidden; clear: both;}
.marb40{ height: 40px; overflow: hidden; clear: both;}

/*面包屑*/
.mbx{ height: 32px; line-height: 32px; color: #999; margin-bottom: 32px;}
.mbx a{ color: #999;}
.mbx a:hover{ color: #00cbda; text-decoration: none;}

/*左侧新闻*/
.l-news{ width: 800px; margin-top: -14px;}
.l-news h1{ overflow: hidden; display: -webkit-box; line-height: 40px; max-height: 120px; font-size: 24px; text-overflow: ellipsis; -webkit-line-clamp:3 ; -webkit-box-orient: vertical;}
.l-news .tit{ height: 50px; line-height: 50px; color: #999; border-bottom: 1px solid #e0e0e0; margin-bottom: 25px;}
.l-news .tit a{ color: #999;}
.l-news .tit .lan{ color: #00cbda;}
.l-news .tit-l a:hover{ text-decoration: none;}
.l-news .tit-l .ly:hover{ color: #00cbda; text-decoration: none;}
.l-news .tit-l .big{ margin-right: 6px;}
.l-news .tit-r{}
.l-news .tit2{ font-size: 14px; border-bottom: none; margin-bottom: 10px;}

.l-news .news{ font-size: 14px;}
.l-news .news p{ margin-bottom: 16px;}
.l-news .news p .bule{ color: #00cbda;}
.l-news .news p a{ color: #00cbda;}
.l-news .news p a:hover{ color: #00cbda; text-decoration: none;}
.l-news .news table a{ color: #00cbda;}
.l-news .news table a:hover{ color: #00cbda; text-decoration: none;}
.l-news .news .tind{ text-indent: 28px;}
.l-news .news .pic{ text-align: center; margin-bottom: 16px;}
.l-news .news .tj{ text-align: center; margin: 0 auto 16px;}
.l-news .news .tj-txt{ display: inline-block; height: 50px; border: 1px solid #fa6a4b; line-height: 50px; font-size: 24px; color: #fa6a4b; padding: 0 120px 0 30px;}
.l-news .news .tj-txt:hover{ text-decoration: none;}
.l-news .news .tj-an{ display: block; width: 60px; height: 24px; background: #fa6a4b; text-align: center; line-height: 24px; color: #fff; font-size: 12px; top: 13px; right: 30px; cursor: pointer;}
.l-news .news .han{ display: block; width: 140px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; background: #00cfdd; border-radius: 20px; margin-bottom: 15px;}
.l-news .news .han:hover{ text-decoration: none; background: #02bcc9;}
.l-news .txt2{ line-height: 32px; font-size: 16px;}
.l-news .txt3{ line-height: 36px; font-size: 18px;}
.l-news .txt4{ line-height: 40px; font-size: 20px;}

.l-news .word{ margin-bottom: 20px;}
.l-news .word .cbox{ padding: 20px; border: 1px solid #dbdbdb; margin-bottom: 20px;}
.l-news .word .cbox .fd{ display: block; width: 26px; height: 26px; background: url(/images/listNews/icon_01.png)no-repeat center; top: 10px; right: 10px; z-index: 2; cursor: pointer;}
.l-news .word .cbox .download{ display: block; width: 140px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; background: #00cfdd; border-radius: 20px; bottom: 20px; right: 20px; z-index: 2;}
.l-news .word .cbox .download:hover{ text-decoration: none; background: #02bcc9;}

.l-news .shangxia{ margin-bottom: 18px; padding-top: 10px; line-height: 32px; font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.l-news .tuijian{ margin-bottom: 30px;}
.l-news .tuijian .ttit{ line-height: 42px; font-size: 18px; font-weight: 700;}
.l-news .tuijian li{ overflow: hidden; float: left; width: 380px; height: 32px; line-height: 32px; font-size: 14px; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis;}
.l-news .tuijian li a:hover{ color: #00cbda; text-decoration: none;}
.l-news .tuijian .clan{ color: #00cbda;}
.l-news .tuijian{ margin-bottom: 30px;}

.l-news .liucheng{ margin-bottom: 20px; width: 800px; overflow: hidden;}
.l-news .liucheng .ttit{ height: 39px; line-height: 39px; border-bottom: 1px solid #e0e0e0; margin-bottom: 18px;}
.l-news .liucheng .ttit li{ float: left; height: 39px; line-height: 39px; font-size: 18px; padding: 0 15px; cursor: pointer;}
.l-news .liucheng .ttit li.on{ color: #02bcc9; border-bottom: 1px solid #02bcc9;}
.l-news .liucheng .ttit2{ line-height: 36px; margin-bottom: 18px;}
.l-news .liucheng .ttit2 li{ float: left; height: 36px; line-height: 36px; font-size: 18px; font-weight: 700; cursor: pointer;}
.l-news .liucheng .cbox{ width: 828px; clear: both; display: none;}
.l-news .liucheng .cbox .list{ display: block; overflow: hidden; width: 248px; height: 124px; margin: 0 28px 20px 0;}
.l-news .liucheng .cbox .list-txt{ width: 100%; top: 12px; left: 0; text-align: center; line-height: 60px; font-size: 20px; color: #fff;}
.l-news .liucheng .cbox .list-txt2{ line-height: 30px;}
.l-news .liucheng .cbox .list-han{ display: block; width: 136px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; background: #ff8c29; border-radius: 10px; top: 82px; left: 50%; margin-left: -68px;}
.l-news .liucheng .cbox .list:hover .list-han{ text-decoration: none; background: #fe7c0c;}
.l-news .liucheng .cbox .list2{ display: block; overflow: hidden; width: 248px; height: 124px; margin: 0 28px 20px 0;}
.l-news .liucheng .cbox .list2-txt{ width: 100%; top: 8px; left: 0; text-align: center; line-height: 50px; font-size: 18px; color: #fff;}
.l-news .liucheng .cbox .list2-han{ display: block; width: 76px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border: 1px solid #fff; top: 58px; left: 50%; margin-left: -39px;}
.l-news .liucheng .cbox .list2-bfd{ width: 100%; height: 32px; left: 0; bottom: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);}
.l-news .liucheng .cbox .list2-bfd .rtxt{ line-height: 32px; padding-right: 20px; font-size: 16px; color: #fff;}

.l-news .share{ height: 36px; padding-bottom: 40px;}
.l-news .share .info-share{ width: 250px;}
.l-news .share .info-share a{ margin: 0; padding: 0; height: auto;}
.l-news .share .info-share .bds_more{ background: none; font-size: 14px; color: #666; line-height: 36px; margin-right: 10px;}
.l-news .share .info-share .bds_weixin{ width: 36px; height: 36px; margin-right: 20px; background:url(/images/listNews/newan.png) no-repeat 0 0; _background:url(/images/listNews/newan.gif) no-repeat 0 0;}
.l-news .share .info-share .bds_qzone{ width: 36px; height: 36px; margin-right: 20px; background:url(/images/listNews/newan.png) no-repeat 0 -100px; _background:url(/images/listNews/newan.gif) no-repeat 0 -100px;}
.l-news .share .info-share .bds_tsina{ width: 36px; height: 36px; margin-right: 20px; background:url(/images/listNews/newan.png) no-repeat 0 -200px; _background:url(/images/listNews/newan.gif) no-repeat 0 -200px;}
.l-news .share .jc{ line-height: 36px; color: #666;}
.l-news .share .jc-an{ display: block; width: 40px; height: 18px; border: 1px solid #cccccc; line-height: 18px; text-align: center; color: #999; border-radius: 3px; margin: 8px 12px 0 0;}
.l-news .share .jc-an:hover{ border: 1px solid #00cbda; color: #00cbda; text-decoration: none;}

.l-news .xgzx{ margin-bottom: 30px;}
.l-news .xgzx .xtit{ height: 39px; border-bottom: 1px solid #e0e0e0; margin-bottom: 12px;}
.l-news .xgzx .xtit-l{ padding: 0 3px; line-height: 39px; height: 39px; font-size: 16px; border-bottom: 1px solid #02bcc9;}
.l-news .xgzx .xnav{ height: 39px; line-height: 39px; border-bottom: 1px solid #e0e0e0; margin-bottom: 18px;}
.l-news .xgzx .xnav li{ float: left; width: auto; height: 39px; line-height: 39px; font-size: 16px; padding: 0 15px; cursor: pointer; margin: 0;}
.l-news .xgzx .xnav li.on{ color: #02bcc9; border-bottom: 1px solid #02bcc9;}
.l-news .xgzx li{ overflow: hidden; float: left; width: 380px; height: 32px; line-height: 32px; font-size: 14px; margin-right: 20px; white-space: nowrap; text-overflow: ellipsis;}
.l-news .xgzx li a:hover{ color: #00cbda; text-decoration: none;}
.l-news .xgzx .xbot{ display: none;}
.l-news .xgzx .bbot li{ overflow: hidden; float: left; width: 380px; height: 32px; line-height: 32px; font-size: 14px; margin-right: 20px; white-space: nowrap; text-overflow: ellipsis;}
.l-news .xgzx .bbot li a:hover{ color: #00cbda; text-decoration: none;}
.l-news .xgzx .bbotM li{ overflow: hidden; float: left; width: 90px; height: 32px; line-height: 32px; font-size: 14px; margin-right: 10px; white-space: nowrap; text-overflow: ellipsis;}
.l-news .xgzx .bbotM li a:hover{ color: #00cbda; text-decoration: none;}

/*右侧广告*/
.r-banner{ width: 360px;}
.r-banner .han{ display: block; margin-bottom: 20px;}
.r-banner .han img{ width: 360px; height: 216px;}
.r-bannerfd{ position: fixed; top: 0; right: 0; _position:absolute;_top:expression(eval(document.documentElement.scrollTop))}

/*右侧最新上传*/
.r-zxsc{ margin-bottom: 24px;}
.r-zxsc .ztit{ height: 36px; border-bottom: 1px solid #f1f1f1; margin-bottom: 15px;}
.r-zxsc .ztit-left{ line-height: 36px; font-size: 16px; border-bottom: 1px solid #00cfdd; padding-right: 7px;}
.r-zxsc .zlist{ width: 330px; height: 30px; line-height: 30px; font-size: 14px; padding-left: 30px;}
.r-zxsc .zlist a:hover{ color: #02bcc9;}
.r-zxsc .zlist span{ display: block; width: 20px; height: 20px; top: 5px; left: 0; background: #bfbfbf; color: #fff; font-size: 14px; text-align: center; line-height: 20px; border-radius: 2px;}
.r-zxsc .zlist .blan{ background: #02bcc9;}

/*最新资讯*/
.r-zxwd{ margin-bottom: 20px; padding-top: 10px;}
.r-zxwd .tit{ height: 39px; line-height: 39px; border-bottom: 1px solid #f1f1f1; margin-bottom: 12px; cursor: pointer;}
.r-zxwd .tit li{ float: left; font-size: 16px; padding: 0 15px;}
.r-zxwd .tit li.on{ color: #00cfdd; border-bottom: 1px solid #00cfdd;}
.r-zxwd .cbox{ display: none;}
.r-zxwd .cbox p{ width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.r-zxwd .cbox p a:hover{ color: #00cfdd;}

/*自考服务*/
.r-tit{ height: 39px; line-height: 39px; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px;}
.r-tit-left{ font-size: 16px; padding-right: 7px; border-bottom: 1px solid #00cfdd;}
.r-tit-right{ display: block; font-size: 16px; color: #02bcc9;}
.r-zkfw{ width: 360px; overflow: hidden;}
.r-zkfw .cbox{ width: 381px;}
.r-zkfw .cbox .han,.r-zkfw .cbox .han2{ display: inline-block; width: 104px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; border: 1px solid #dcdcdc; border-radius: 3px; margin: 0 20px 20px 0;}
.r-zkfw .cbox .han:hover,.r-zkfw .cbox .han2:hover{ border: 1px solid #00cfdd; color: #00cfdd; text-decoration: none;}
.r-zkfw .cbox .han:active,.r-zkfw .cbox .han2:active{ border: 1px solid #00cfdd; background:#00cfdd ;color:#fff}
.r-zkfw .cbox .han2{ width: 166px;}

/*各地直达*/
.r-gdzd{ margin-bottom: 6px;}
.r-gdzd li{ overflow: hidden; float: left; width: 51px; height: 32px; line-height: 32px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.r-gdzd li a:hover{ color: #00cbda; text-decoration: none;}


.rignav-mod ul li:nth-child(1){
	background: red;
}
.rignav-mod ul li p{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #fd7400;
}
.rignav{
	position: fixed;
	width: 60px;
	top: 15%;
	right: 0;
	margin:-26px 0 0 620px;
	z-index: 10
}
.rignav .newGift {
    width: 100px;
    margin: 0 -20px;
    text-align: center;
    position: relative;
}
.rignav-mod {
    width: 58px;
    background: #fff;
    border: 1px solid #e9ecee;
}
.rignav-mod ul .online-service .kefu {
    font-size: 20px;
    cursor: pointer;
}
.go_consult {
    width: 167px;
    height: 120px;
    position: absolute;
    background: url(//www.zikao365.com/upload/resources/image/2020/11/02/28599.png) 0 0 no-repeat;
    left: -167px;
}
.consult_close {
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    top: 0;
    right: 0;
    cursor: pointer;
}
.rignav-switch-icon{
	width: 16px;
    height: 24px;
    overflow: hidden;
    line-height: 240px;
    position: absolute;
    left: -17px;
    top: 340px;
    margin-top: -12px;
    background: url(//www.zikao365.com/upload/resources/image/2020/04/24/26180.png) left -26px no-repeat;
    cursor: pointer;
}
.rignav-mod ul li p{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #fd7400;
}
.rignav-mod ul li {
    width: 58px;
    background: #fff;
    vertical-align: top;
    position: relative;
    margin-top: 5px;
    box-shadow: 0 0 5px #ccc;
}
#shopCartNum2{
	display: block;
    width: 18px;
    height: 18px;
        background: url(/images/index2020/icon_rignavbg.png) no-repeat center -250px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    overflow: hidden;
    position: absolute;
    top: 4px;
    border-radius: 100%;
    right: 5px;
    font-size: 13px;
    font-style: inherit;
}
.rignav-mod ul li a {
    display: block;
    text-decoration: none;
    height: 40px;
    width: 58px;
    background: url(/images/index2020/icon_rignavbg.png) no-repeat center 0;
    position: relative;
    cursor: pointer;
}
.rignav-mod ul li a span {
    display: block;
    width: 58px;
    height: 58px;
    position: relative;
    overflow: hidden;
    visibility: hidden;
}
.rignav-mod ul li a span i {
    display: block;
    background: #ff7e00;
    width: 58px;
    height: 47px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 11px 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: -29px 29px;
    -moz-transform-origin: -29px 29px;
    -ms-transform-origin: -29px 29px;
    -o-transform-origin: -29px 29px;
    transform-origin: -29px 29px;
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.rignav-mod-con {
    position: absolute;
    width: 136px;
    height: 160px;
    background: #fff;
    top: -45px;
    left: -138px;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 4px 7px 16px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 4px 7px 16px rgba(0, 0, 0, 0.05);
    box-shadow: 4px 7px 16px rgba(0, 0, 0, 0.05);
    display: none;
}
.rignav-mod-con div {
    width: 136px;
    height: 150px;
    padding-top: 10px;
    text-align: center;
}
.rignav-mod-con div img {
    display: block;
    margin: 0 auto;
    width: 113px;
    height: 113px;
}
.rignav-mod-con div label {
    display: block;
    color: #999;
    line-height: 20px;
    padding-top: 6px;
}
.rignav-mod ul li a span.one-line i {
    padding: 20px 0 0 0;
    height: 38px;
}
.rignav-mod ul li.shopping-cart a {
    background-position-y: 17px;
}
.rignav-mod ul li.weixin a, .rignav-mod ul li.group a {
    background-position-y: -83px;
}
.rignav-mod ul li.return-top a {
    background-position-y: -178px;
}
.rignav-mod ul li.online-service a {

    background: none;
    width: 100%;
    height: 100%
}
.rignav-mod ul li.app a {
    background-position-y: -133px;
}
.rignav-mod ul li a:hover {
    text-decoration: none;
}
.rignav-mod ul li a:hover span i{
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
}
.rignav-mod ul li a:hover{text-decoration:none}
.rignav-mod ul li a:hover span{visibility:visible}
.rignav-mod ul li a:hover .rignav-mod-con{display: block;}
.return-top{
	display: none;
}
.rignav .newGift .newbottom {
    display: block;
    -webkit-animation: hatch 4s 0s infinite both;
    -moz-animation: hatch 4s 0s infinite both;
    -o-animation: hatch 4s 0s infinite both;
    animation: hatch 4s 0s infinite both;
}
.rignav .newGift .newtop {
    display: block;
    -webkit-animation: bounceIn 2s both;
    -moz-animation: bounceIn 2s both;
    -o-animation: bounceIn 2s both;
    animation: bounceIn 2s both;
}
@-webkit-keyframes hatch{
    0%{-webkit-transform:rotate(0deg)}
    5%{-webkit-transform:rotate(-2deg)}
    9%{-webkit-transform:rotate(2deg)}
    13%{-webkit-transform:rotate(-2deg)}
    16%{-webkit-transform:rotate(1deg)}
    20%{-webkit-transform:rotate(-1deg)}
    25%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes hatch{
    0%{-moz-transform:rotate(0deg)}
    5%{-moz-transform:rotate(-2deg)}
    9%{-moz-transform:rotate(2deg)}
    13%{-moz-transform:rotate(-2deg)}
    16%{-moz-transform:rotate(1deg)}
    20%{-moz-transform:rotate(-1deg)}
    25%{-moz-transform:rotate(0deg)}
}
@-o-keyframes hatch{
    0%{-o-transform:rotate(0deg)}
    5%{-o-transform:rotate(-2deg)}
    9%{-o-transform:rotate(2deg)}
    13%{-o-transform:rotate(-2deg)}
    16%{-o-transform:rotate(1deg)}
    20%{-o-transform:rotate(-1deg)}
    25%{-o-transform:rotate(0deg)}
}
@keyframes hatch{
    0%{transform:rotate(0deg)}
    5%{transform:rotate(-2deg)}
    9%{transform:rotate(2deg)}
    13%{transform:rotate(-2deg)}
    16%{transform:rotate(1deg)}
    20%{transform:rotate(-1deg)}
    25%{transform:rotate(0deg)}
}
@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97)}
    to{opacity:1;-webkit-transform:scaleX(1)}
}
@-moz-keyframes bounceIn{
    0%,20%,40%,60%,80%,to{-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-moz-transform:scale3d(.3,.3,.3)}
    20%{-moz-transform:scale3d(1.1,1.1,1.1)}
    40%{-moz-transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-moz-transform:scale3d(1.03,1.03,1.03)}
    80%{-moz-transform:scale3d(.97,.97,.97)}
    to{opacity:1;-moz-transform:scaleX(1)}
}
@-o-keyframes bounceIn{
    0%,20%,40%,60%,80%,to{-o-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-o-transform:scale3d(.3,.3,.3)}
    20%{-o-transform:scale3d(1.1,1.1,1.1)}
    40%{-o-transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-o-transform:scale3d(1.03,1.03,1.03)}
    80%{-o-transform:scale3d(.97,.97,.97)}
    to{opacity:1;-o-transform:scaleX(1)}
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;transform:scale3d(.3,.3,.3)}
    20%{transform:scale3d(1.1,1.1,1.1)}
    40%{transform:scale3d(.9,.9,.9)}
    60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}
    80%{transform:scale3d(.97,.97,.97)}
    to{opacity:1;transform:scaleX(1)}
}

.jhan-han{
    display: inline-block;
    width: 116px;
    background: #11c7d5;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
}