@charset "utf-8";
/* 公用样式-by:zhwang王智洪 */
body{margin:0px;padding:0px;font-size:100%;font-family:"微软雅黑";color:#444;background:#fff;font-size:15px;}
html{-webkit-text-size-adjust:none;}
ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,p{margin:0px;padding:0px;list-style:none;border:none;}
a{text-decoration:none;color:#444;display:block;font-family:"微软雅黑";}
.video embed, .video object, .video iframe {width:100%;height: auto; } 
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}

/*头部*/
.headbar{height:60px; display:block;background-color:#0066cc; position:relative; z-index:10000; width:100%; min-width:1024px; margin:0 auto}
.headlogo{ display:block; overflow:hidden; position:absolute; left:10px; top:0}
.headlogo img{ float:left; display:block; height:60px; overflow:hidden}
.headlogo span{ float:left; display:block; overflow:hidden; height:60px; line-height:60px; font-size:24px; color:#FFFFFF}
.headnav{width:620px; height:60px; line-height:60px; margin:0px auto; background:#0066cc;}
.headnav li{ float:left; display:block; height:60px; line-height:60px;  position:relative}
.headnav li a{ padding:0 9px; height:60px; line-height:60px; color:#FFFFFF; font-size:16px; cursor:pointer}
.headnav li a:hover,.headnav li a.on{ color:#FFFF00; background-color:#0057b8}
.headribar{ display:block; overflow:hidden; position:absolute!important; right:10px; top:0}
.header-search{height: 30px;line-height: 30px;position: relative;margin: 15px 14px 0 0; float:right}
.header-search .txt {display: block; height: 30px;border: none;
border-radius: 5px;font-size: 12px;padding: 0 34px 0 10px; outline:none; width:112px;transition: width 0.2s;-moz-transition: width 0.2s; /* Firefox 4 */-webkit-transition: width 0.2s; /* Safari 和 Chrome */-o-transition: width 0.2s; /* Opera */}
.header-search .txt:hover{width:176px}
.header-search .search-butn{ position: absolute; width: 30px;height: 30px;top: 0px;right: 4px;background:url(../images/search-butn.png) no-repeat center center; cursor: pointer;}
.avatarbar{ float:right; height:34px; margin:12px 8px 0 0}
.avatarbar img{width:34px; height:34px; border-radius:34px; float:left; display:block}
.avatarbar a{ display:block; overflow:hidden; line-height:34px; color:#FFFF00; float:left; padding-left:4px; cursor:pointer;padding-right:8px}
.avatarbar a:hover{ color:#FF8E00; }
.heartext{ height:34px; line-height:34px; display:block; float:right; color:#FFFFFF; margin:12px 12px 0 0; cursor:pointer}
.heartext:hover{ color:#ffff00; }


/*职业头条*/
.headlinebar{width:290px; height:360px; display:block; overflow:hidden; position:absolute; background:url(../images/headlinebar.png) repeat 0 0; top:0; right:80px; z-index:999}
.headlinetl{ width:290px; height:42px; text-align:center; line-height:42px; background:url(../images/headlinetl.png) no-repeat 0 0; color:#FFFFFF; font-size:16px}
.headlinebox{ display:block; overflow:hidden; padding:10px; height:240px;}
.headbanner{ height:78px; width:290px; display:block; overflow:hidden}
.headbanner img{ width:290px; height:78px; opacity:0.8}
.headlinebox li{ height:28px; line-height:28px; display:block; overflow:hidden}
.headlinebox li a{ line-height:28px; color:#FFFFFF; padding-left:24px;width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; cursor:pointer; background:url(../images/headlist_icon.png) no-repeat 0 0; font-size:12px}
.headlinebox li a:hover{ color:#FFFF00; }

/*头部分类栏*/
.headclassificatbar{ height:85px; display:block; overflow:hidden; background-color:#f7f8fa; margin:0 auto}
.headclassbar{ width:1024px; display:block; overflow:hidden; margin:0 auto; height:85px}
.subnavlist{width:218px; display:block; overflow:hidden; float:left; padding:6px 0 0 10px;*width:206px}
.subnavlist a{ display: inline-block;width:76px;overflow: hidden;color: #333;margin-top:11px; margin-right:20px;vertical-align:top; float:left}
.subnavlist a:hover{ color:#FF6600; }
.subnavline{width:1px; height:56px; display:block; overflow:hidden; background-color:#e1e1e1; float:left; margin:15px 27px 0 0}
.subnav-btn{ display:block; overflow:hidden}
.subnav-btn a {text-align: center;margin: 0 7px;padding:0 2px; cursor:pointer; display:block;margin-right: 12px\9;}

.subnav-btn a span {display: inline-block;margin-bottom: 12px}
.subnav-btn a .rank-icon,.subnav-btn a .rank-icon1 {width: 21px;height: 20px;background: 0; margin-top: 18px; position: relative; overflow: hidden; white-space: nowrap}
.subnav-btn a .rank-icon i {width: 5px; height: 20px; margin-right: 3px; border-radius: 3px 3px 0 0; display: inline-block;background: #ff701d}
.subnav-btn a .rank-icon1 i {width: 5px; height: 20px; margin-right: 3px; border-radius: 3px 3px 0 0; display: inline-block;background: #12B52B}
.subnav-btn a .rank-icon i:nth-child(1),.subnav-btn a .rank-icon1 i:nth-child(1) { -webkit-animation: line 1s linear .2s infinite; animation: line 1.5s linear .2s infinite}
.subnav-btn a .rank-icon i:nth-child(2),.subnav-btn a .rank-icon1 i:nth-child(2) {-webkit-animation: line 1s linear .7s infinite; animation: line 2s linear .7s infinite}
.subnav-btn a .rank-icon i:nth-child(3),.subnav-btn a .rank-icon1 i:nth-child(3) {-webkit-animation: line 1s linear .4s infinite;animation: line 1.5s linear .4s infinite}
/* css3动效封装在 animate define.css  */
@-webkit-keyframes line {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes line {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.subnav-btn a .app-icon { width:29px;height:29px;margin-top: 16px; background:url(../images/app_xz.png) no-repeat 0 0; margin-bottom:5px}
.subnav-btn a .vip-icon {width:29px;height:29px;margin-top: 16px; background:url(../images/vip_zh.png) no-repeat 0 0; margin-bottom:5px}
.subnav-btn a .xr-icon {width:29px;height:29px;margin-top: 16px; background:url(../images/icon_xr.png) no-repeat 0 0; margin-bottom:5px}
.subnav-btn a:hover p { color: #f70}

.navlayout{width:1024px; display:block; overflow:hidden; margin:10px auto 0}
.navlayout li{width:192px; height:82px; margin-right:12px; display:block; overflow:hidden; float:left;}
.navlayout li a{ display:block; overflow:hidden; cursor:pointer}
.navlayout li a img{display: block;width: 100%; height: 100%;transition: all .2s linear; border-radius: 5px}
.navlayout li a:hover img{ -webkit-transform: scale(1.05);transform: scale(1.05);border-radius: 16px}

.articletips{width:1024px; height:40px; line-height:40px; background:url(../images/articletips.jpg) no-repeat 0 0; margin:10px auto 0; display:block; overflow:hidden}
.artli{ display:block; overflow:hidden; height:20px; line-height:20px; width:210px; border-right:1px solid #e1e1e1; margin-top:10px; margin-left:26px; float:left}
.artli a{width:184px; display:block; height:20px; line-height:20px; color:#7f7f7f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:12px; cursor:pointer}
.artli2{ display:block; overflow:hidden; height:20px; line-height:20px; border-left:1px solid #e1e1e1; margin-top:10px; float:right; padding:0 20px;}
.artli2 a{ font-size:12px; cursor:pointer}
.artli a:hover,.artli2 a:hover{ color:#f60; }

/*推荐课程*/
.recommendbar{height:556px; display:block; overflow:hidden; margin:25px auto 0; background:url(../images/recommendbar.jpg) repeat-x 0 0}
.recommbox{width:1024px; display:block; margin:0 auto; overflow:hidden;}
.recommedtl{width:1024px; height:51px; display:block; overflow:hidden; background:url(../images/recommedtl.png) no-repeat 0 0; margin-top:19px}
.recomnavbar{ height:51px; display:block; line-height:51px; display:block; overflow:hidden; float:left; padding-left:186px}
.recomnavbar li{ display:block; width:98px; margin-right:5px; display:block; float:left}
.recomnavbar li a{ height:51px;*height:48px; line-height:51px; width:98px; text-align:center; color:#666666; font-size:16px; cursor:pointer}
.recomnavbar li a:hover,.recomnavbar li a.on{ color:#f60; border-bottom:3px solid #f60}
/*换一批*/
.refresh-btn {width: 80px;height: 25px;border-radius: 5px;border: 1px #ddd solid;transition: all .2s;line-height: 22px;background: #fff;color: #666;text-align: center; cursor: pointer; margin:12px 10px 0}
.refresh-btn i {display: inline-block;width: 13px;height: 15px;margin-right: 4px;background:url(../images/refresh.png) no-repeat 0 0;vertical-align: -2px;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s}
.refresh-btn:hover { background: #ff6600;border-color: #ff6600;color:#fff}
.refresh-btn:hover i { background:url(../images/refresh_hv.png) no-repeat 0 0;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.recommbed{ padding:15px 0 0 0; display:block;}
.recone{width:242px; height:444px; display:block; margin-left:10px; float:left;transition: all .2s;}
.recone .reconepic{width:242px; height:444px; display:block; border-radius:6px; position:relative}
.recone .reconepic{ display: block;border-radius: 5px;}
.recone .reconepic img{width:242px; height:444px; border-radius:6px}
.slate5-shadow {
    transition: box-shadow .2s, -webkit-transform .2s;
    transition: box-shadow .2s, transform .2s;
    transition: box-shadow .2s, transform .2s, -webkit-transform .2s;
	cursor:pointer
}
.slate5-shadow:hover {
	box-shadow: 0 6px 15px rgba(0, 0, 0, .2) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}
.slate1-shadow {
    transition: box-shadow .2s, -webkit-transform .2s;
    transition: box-shadow .2s, transform .2s;
    transition: box-shadow .2s, transform .2s, -webkit-transform .2s;
	cursor:pointer
}
.slate1-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}
.show-img { width: 100%; height: 100%;position: relative;overflow: hidden}
.show-img img {display: block; width: 100%;height: 100%;transition: all .2s linear;}
.list-img {position: relative}
.list-img img {display: block;width: 100%;}
.list-img .play-cover {position: absolute;left: 0;bottom: 0;width: 100%;height:0%; background: rgba(0, 0, 0, .35);opacity: 0;transition: all .25s}
.list-img .play-cover:before {content: "";left: 50%;top: 50%; margin: -30px 0 0 -30px;width: 60px; height: 60px;transition: all .25s;background:url(../images/view.png) no-repeat 0 0; position: absolute; -webkit-transform: scale(1.5); transform: scale(1.5)}
.recone .reconepic .play-cover:before{ background-image:none}
.show-img { display: block; border-radius: 5px; overflow: hidden;box-shadow: 0 0 0 1px #ddd}
.list-img:hover .play-cover { opacity: 1; height:100%}
.list-img:hover .play-cover:before {-webkit-transform: scale(1); transform: scale(1)}
.list-img:hover img{ -webkit-transform: scale(1.05);transform: scale(1.05);}
.list-img a.becondvip { position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 12px; padding: 8px 16px ; transition: all 0.5s ease-in-out;}
.list-img a.becondvip span { color: #ff6600 }
.list-img a.becondvip:hover { background-color: rgba(0,0,0,0.7); }
.litxt{ height:38px; display:block; line-height:38px; padding:0 5x; display:block; overflow:hidden; padding-top:4px}
.litxt a{display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;width: 100%; font-size: 16px; color: #333; cursor:pointer}
.list:hover .litxt a{ color:#f60; }
.litp{ display:block; overflow:hidden; line-height:20px}
.litp p{ display:block; overflow:hidden; font-size:12px; color:#7f8080}
.litp p a.bought{ color:#00cb94}
.litp .fl{ display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:66%}
.rectwo{ display:block;height:444px; display:block;float:left;transition: all .2s; width:770px}
.lipd{ width:228px; height:204px; margin-left:27px; margin-bottom:28px}
.rectwopic{ width:228px; height:126px}
.price{ color:#ff7800; display:inline-block}
.price_info { display: block; position: relative; width: 150px; line-height: 16px; font-size: 12px; color: #999; background: #eee; border-radius: 4px; text-align: center; padding: 5px;   } /*开具发票提示*/
/*.price_info::after { content: ''; display: block; position: absolute; top: 16px; right: -10px; background: red; width: 10px; height: 10px; background: transparent; border-left: 5px solid #eee; box-sizing: border-box;  border-bottom: 5px solid transparent; border-top: 5px solid transparent;}*/
.free{ color:#F50004}
.yjia{ display:inline-block; text-decoration:line-through; color:#999}

/*精品课程*/
.qualitybar{width:1024px; display:block; overflow:hidden; margin:27px auto 0}
..qucont{width:1024px; display:block; overflow:hidden; margin:0 auto}
.qualitytl{ height:61px; display:block; overflow:hidden; background:url(../images/qualitytl.jpg) no-repeat 0 0}
.qualistbar{ height:30px; display:block; overflow:hidden; margin-top:15px}
.qualistbar li{width:118px; height:30px; line-height:30px; text-align:center; float:left;margin-right:9px}
.qualistbar li a{width:118px; height:30px; line-height:30px; text-align:center; border-radius:6px; background-color:#f0f0f0; color:#666666; font-size:14px; cursor:pointer}
.qualistbar li a:hover,.qualistbar li a.on{ background-color:#f60; color:#fff}
.qualcentbar{ display:block; overflow:hidden; padding-top:29px; width:1024px; margin:0 auto;transition: all .2s;*padding-bottom:24px}
.quapicb{ float:left; display:block; overflow:hidden; width:480px; height:212px; border-radius:6px; margin-bottom:17px}
.quapicb a{ cursor:pointer;}
.quapicb a img{transition: all .2s linear;}
.quapicb a:hover img{ -webkit-transform: scale(1.05);transform: scale(1.05);}
.qualcentbar .lipd,.qualcentbar .quapicb{ margin-left:8px; margin-right:18px}
.more-btn {font-size: 14px; color: #666;transition: color .2s; position:relative}
.more-btn:hover {color: #ff6600}
.more-btn .refresh-btn {border-radius: 5px;transition: all .2s;
 line-height: 22px;background: #fff; color: #666; text-align: center; cursor: pointer; display:block; width: 160px; height: 40px; border: 1px #ddd solid;line-height: 38px; margin:0 auto}
 .more-btn .refresh-btn:hover{ background-color:#f60; color:#FFFFFF}
 .hr-link { width: 60px; height: 26px;line-height: 26px;border-radius: 5px;border: 1px #ddd solid;text-align: center; margin-left: 15px;transition: all .2s; cursor:pointer}
 .hr-link:hover {color: #fff;border-color: #f60; background: #f60}
 .more-btn .hr-link{ position:absolute; right:10px; top:6px}
 .linebar{ height:1px; display:block; width:1024px; background-color:#dcdcdc; margin-top:22px}

/*话题精选*/
.recommendbar2{ display:block; padding-bottom:30px;overflow:hidden; background:url(../images/recommendbar2.jpg) repeat-x 0 0; margin-top:42px}
.topicselectbar{ width:1024px; display:block; margin:0 auto}
.topicsectl{height:61px; display:block; overflow:hidden; background:url(../images/topicselectbar.png) no-repeat 0 0; margin-top:26px; clear:both}
.topilet{ margin:20px 0 0; display:block; height:228px; clear:both}
.topicbar{width:228px; height:228px; display:block; overflow:hidden; border-radius:6px; float:left; margin:0 14px; position:relative}
.topicbar img{width:228px; height:228px; display:block; overflow:hidden; border-radius:6px;transition: all .2s linear;}
.topicbar a{ cursor:pointer;border-radius:6px;}
.topicbar:hover img{ -webkit-transform: scale(1.05);transform: scale(1.05);border-radius:6px;}
.topinforbar{ height:80px; width:228px; display:block; overflow:hidden; background:url(../images/topinforbarbg.png) repeat 0 0; position:absolute; left:0; bottom:0;border-radius:0 0 6px 6px;}
.topinforbar h3{ height:45px; display:block; overflow:hidden; margin:5px 5px 0; font-size:12px; color:#FFFFFF; font-size:12px; line-height:16px; font-weight:normal}
.topinforbar .topbox{ height:24px; display:block; line-height:24px; }
.topinforbar .topbox .tod{ width:24px; height:24px; display:block; border-radius:24px; float:left; margin-left:6px}
.topinforbar .topbox .tod img{ width:24px; height:24px; display:block;}
.topinforbar .topbox span.name{ height:24px; line-height:24px; color:#FFFFFF; display:block; margin-left:4px; font-size:12px; float:left; width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ldtd{ float:right; margin-right:6px; font-size:12px; color:#FFFFFF}
.ldtd span{ color:#FFFFFF; font-size:12px}

/*公司信息*/
.comminforbar{width:1024px; display:block; overflow:hidden; margin:64px auto 0; height:300px; background:url(../images/comminforbar.jpg) no-repeat 0 0; clear:both}
.comminforlist{width:858px; height:184px; display:block; margin:64px auto 0}
.comminforlist li{width:184px; height:184px; display:block; overflow:hidden; float:left; margin-right:40px}
.comminforlist li a{width:184px; height:184px; display:block; overflow:hidden;}
.comminforlist li a img{width:184px; height:184px; display:block;}

/*大家都在学*/
.elearningbar{width:1024px; display:block; overflow:hidden; margin:30px auto 0}
.eletl{ height:72px; display:block; overflow:hidden; background:url(../images/eletl.png) no-repeat 0 0}
.elearbox{ display:block; overflow:hidden; height:344px}
.eleblist{width:466px; height:112px; display:block; overflow:hidden; float:left; background:url(../images/eleblist.png) no-repeat 0 0; margin:32px 0 0 34px; border-radius:50px}
.elebleft{width:50px; height:88px; display:block; overflow:hidden; margin:11px 0 0 26px; float:left; position:relative}
.elebleft img,.toubd img{width:50px; height:50px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:1; border-radius:50px}
.elebleft img.toub,.toubd img.toub{ z-index:9}
.elebox{width:358px; height:88px; display:block; float:left; margin-top:11px}
.elh{height:28px; line-height:28px; display:block; overflow:hidden}
.elh h3{ float:left; display:block; line-height:28px; font-weight:normal; color:#666; font-size:16px; padding-left:9px}
.elh span.time{ line-height:28px; float:right; display:block; padding-left:20px; background:url(../images/time.png) no-repeat 0 center; font-size:12px; }
.elb{ padding:4px 0 0 9px; display:block; overflow:hidden}
.elb p{ line-height:16px; color:#000000; display:block}
.elp{ height:28px; display:block; overflow:hidden; font-size:12px; color:#666; padding-left:9px}
.elp span{ color:#246bb3}
.eleblist:hover{ background:url(../images/eleblist_hv.png) no-repeat 0 0}

/*合作院校*/
.partnerbar{ display:block; overflow:hidden; height:420px; background:url(../images/partnerbar.jpg) repeat-x 0 0 #f9fafc}
.partenerbox{ width:1024px; display:block; overflow:hidden; margin:26px auto 0}
.partlb{ height:58px; display:block; overflow:hidden; background:url(../images/partlb.jpg) no-repeat 0 0}
.partent{display:block; overflow:hidden}
.patleft,.patright{width:72px; height:120px; display:block; float:left;}
.patleft a,.patright a{width:72px; height:120px; display:block; overflow:hidden; cursor:pointer; margin-top:98px}
.patleft a{ background:url(../images/iclet.png) no-repeat 0 0}
.patright a{ background:url(../images/icriht.png) no-repeat 0 0}
.patleft a:hover{ background:url(../images/iclet_hv.png) no-repeat 0 0}
.patright a:hover{ background:url(../images/icriht_hv.png) no-repeat 0 0}
.patbox{ width:880px;display:block; float:left; overflow:hidden}
.patlist{display:block; margin-top:16px;float:left; width:880px}
.patlist li{display:block; float:left; width:146px; height:100px}
.patlist li a{display:block;border-radius:6px; border:2px solid #e8e8e8; cursor:pointer; width:128px; height:90px; margin:0 auto; background-color:#fff}
.patlist li a img{display:block; width:124px; height:86px;border-radius:6px;}
.patlist li a:hover{ border:2px solid #f80}
.patulbar{ display:block; overflow:hidden;}

/*底部栏*/
.bottombar{ display:block; overflow:hidden; background:url(../images/footbj.jpg) no-repeat top center}
.bottombox{width:1024px; display:block; overflow:hidden; position:relative; margin:0 auto}
.bottombar .tlink{ color:#FFFFFF; margin-top:48px; height:30px; font-size:12px}
.bottombar .tlink a{ display:inline-block; font-size:12px; color:#FFFFFF; height:30px; line-height:30px; margin-right:12px; cursor:pointer}
.bottombar .margintop{ margin:0}
.copyright{ display:block; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; filter: Alpha(opacity=50); /* IE */   -moz-opacity:0.5;    /* FF 主要是为了兼容老版本的FF */opacity:0.5;  /* FF */ margin:20px 0}
.bottombar .tlink a:hover{ color:#ff0}
.codebar{width:145px; height:97px; display:block; position:absolute; top:45px; right:24px}
.codebar img{ width:145px; height:97px}
.bottombar2{ margin-top:16px}


/*专业详情页*/
.nybody{ background-color:#f8f8f8}
.xinforbar{ height:64px; background-color:#fff; display:block; overflow:hidden}
.xinbar{width:1024px; height:40px; line-height:40px; background-color:#f8f8f8; margin:12px auto 0; font-size:12px}
.xinbar span{ padding-left:16px}
.xinbar a{ display:inline-block; color:#666; cursor:pointer}
.xinbar a:hover{ color:#f60; }
.discibar{ height:370px; display:block; overflow:hidden; background-color:#004f9e; margin-bottom:10px}
.disbox{width:1024px; height:333px; display:block; overflow:hidden; background:url(../images/disboxbg.jpg) repeat-x 0 0; margin:18px auto 0}
.disbanner{width:500px; display:block; height:286px; float:left; overflow:hidden; margin:22px 0 0 12px; cursor:pointer}
.disbanner img{width:500px; display:block; height:286px;transition: all .2s linear;}
.disbanner:hover img{ -webkit-transform: scale(1.05);transform: scale(1.05);}
.disbinfbar{ height:286px; display:block; overflow:hidden; width:485px; float:left; margin:22px 0 0 16px; position:relative}
.disbinfbar h3{ font-size:28px; line-height:46px; height:46px; color:#444; font-weight:normal; width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dip{ height:24px; line-height:24px; display:block; overflow:hidden}
.renshu{ float:left; padding-left:20px; background:url(../images/i_user.jpg) no-repeat 0 center; color:#707070}
.jiage{float:left;color:#e13b00;font-size:24px;margin-left:-3px;}
.keshi{ float:left;color:#666; margin-left:20px;font-size:15px;margin-left:48px;}
.dip2{ height:36px; line-height:36px; border-bottom:1px dotted #dadada; color:#777}
.dip2 span{ margin-right:12px}
.dibtend{ display:block; padding:5px; overflow:hidden; height:146px}
.dibtend h6{ display:inline; font-size:12px; font-weight:normal; line-height:24px}
.dibtend p{display:inline; font-size:12px; font-weight:normal; line-height:20px; color:#707070}

/*内容列表*/
.zucontbar{width:1024px; display:block; overflow:hidden; margin:0 auto}
.zucleftbar{width:744px;display:block; overflow:hidden; float:left}
.zucltl{ height:42px; line-height:42px; display:block; border-bottom:1px solid #e9e9e9; position:relative}
.zucltl h3{ float:left; padding-left:10px; height:42px; line-height:42px; font-size:18px; color:#000; padding-right:20px; font-weight:normal}
.zucltl span{ float:left;height:42px; line-height:42px; font-size:18px; color:#333; font-size:15px}
.zucltl span i{ color:#f00; padding:0 8px; font-style:normal}
.zucltl a.catatab { margin-right: 20px; cursor: pointer; padding: 0 10px }
.zucltl a.catatab:hover, .zucltl a.catatab.current { color: #0066cc; border-bottom: 2px #0066cc solid }
.zucent{ display:block; overflow:hidden; padding-top:14px; clear:both}
.zucent .lipd{ margin-left:16px;border:1px solid #e5e5e5; border-radius:6px 6px 0 0; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);}
.zucent .lipd .litxt{ padding:4px 6px 0}
.zucent .lipd .litp{ padding:0 6px 4px}
.rightbox{width:268px; display:block; overflow:hidden;float:left;margin-left:12px}
.tjiancent{width:268px; display:block; overflow:hidden; background-color:#FFF;  border-radius:6px; }
.zucltl .hr-link{ margin:8px 10px 0 0; font-size:12px}
.ztent{ display:block; overflow:hidden; width:268px}
.ztent .lipd{ margin:12px auto 28px}


.righbanner{width:268px; display:block; height:268px; overflow:hidden; border-radius:6px; margin:12px auto;}
.righbanner a{width:268px; display:block; height:268px; overflow:hidden; cursor:pointer}
.righbanner img{transition: all .2s linear;}
.righbanner:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.ztlist{ padding:6px; display:block; overflow:hidden}
.ztlist li{ height:29px; line-height:29px; padding-left:24px; background:url(../images/lico.png) no-repeat 0 center; border-bottom:1px dotted #dedede}
.ztlist li a{height:29px; line-height:29px; font-size:12px; color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%; cursor:pointer}
.ztlist li a:hover{ color:#f60}

.allcousebar{ display:block; overflow:hidden; margin-bottom:24px}
/*讨论评价*/
.discussbar,.resource{ padding:0 10px; display:block; overflow:hidden; background-color:#FFFFFF; border-radius:6px}
.discussbar .zucltl h3{ padding-left:42px; background:url(../images/i_pjia.jpg) no-repeat 0 center}
.discent{ display:block; overflow:hidden; padding-bottom:12px}
.discent .eleblist{}
.dilist{ padding:14px 10px}
.toubd{ width:50px; height:50px; display:block; position:relative}
.discent .elb{min-height:44px; }
.reply,.like,.read{ height:28px; line-height:28px; margin-right:40px; padding-left:24px; color:#666; width:30px; cursor:pointer}
.reply{ background:url(../images/reply.png) no-repeat 0 center; margin-right:0}
.like{ background:url(../images/like.png) no-repeat 0 center}
.read{ background:url(../images/read.png) no-repeat 0 center }
.reply:hover{ background:url(../images/reply_hv.png) no-repeat 0 center; color:#f60}
.like:hover{ background:url(../images/like_hv.png) no-repeat 0 center;color:#f60}
.read:hover{ background:url(../images/read_hv.png) no-repeat 0 center;color:#f60}
.replybar{ margin-left:66px; background-color:#f4f4f4; border-radius:6px}
.replybar .like{ margin-right:0}
.discent .linebar{ background-color:#f1f1f1}
.ewmcoad{width:288px; height:130px; display:block; overflow:hidden; position:absolute; right:0px; top:28px}
.keep{width:32px; height:30px; display:block; overflow:hidden; background:url(../images/i_keep.png) no-repeat 0 0; position:absolute; right:48px; top:9px; cursor:pointer}
.keep:hover,.keepon{ background:url(../images/i_keep_hv.png) no-repeat 0 0}
.i_share{width:32px; height:30px; display:block; overflow:hidden; background:url(../images/i_share.png) no-repeat 0 0; position:absolute; right:0px; top:3px; cursor:pointer}
.i_share:hover{ background:url(../images/i_share_hv.png) no-repeat 0 0}

.disbent{ height:42px; line-height:42px; }
a.erbtn{width:132px; height:42px; text-align:center; font-size:18px; color:#FFFFFF; background:url(../images/erbtn.png) no-repeat 0 0; cursor:pointer}
a.erbtn:hover{ background:url(../images/erbtn_hv.png) no-repeat 0 0}
.disbent a{ margin-right:5px}
.zucltl .refresh-btn{ margin-top:8px}
.resource{ margin-bottom:12px}
.resont{ display:block; overflow:hidden; line-height:24px; padding:12px}
.resont p{line-height:24px; display:block}
.resont p span{ color:#f60}

.catalbar{ display:block; padding:6px 0px 12px}
.catlist{ display:block;margin:20px;}
.catlist .le1{height:44px;line-height:44px;background-color:#f8f8f8;color:#444;font-size:15px;padding-left:16px;margin-bottom:3px;}
.catlist .le2{height:44px;line-height:44px;background-color:#fff;color:#555;font-size:15px;padding-left:38px;border-bottom:#f3f3f3 1px solid;}
.catlist .le3{height:44px;line-height:44px;background:url(../images/i_lot.png) no-repeat 58px center; color:#555;font-size:15px;padding-left:76px;border-bottom:#f3f3f3 1px solid;}
.catlist .le4{ height:44px;line-height:44px;background-color:#fff; color:#555; font-size:15px;padding-left:92px;border-bottom:#f3f3f3 1px solid;}
.catlist .i_wz{background:url(../images/i_lot.png) no-repeat 88px center;padding-left:132px; background:none;}
.catlist .i_sp{background:url(../images/i_sp.png) no-repeat 52px center}
.catlist .i_sw{background:url(../images/i_sw.png) no-repeat 52px center}
.catlist a:hover{ color:#f60}
.catlist .le1 span,.catlist .le2 span,.catlist .le3 span,.catlist .le4 span{margin-left:30px;font-size:14px;color:#999;}


/*翻页控件样式*/
.page { padding:30px 0 0; text-align: center; }
.page a { background: -moz-linear-gradient(center top, #FFFFFF, #F2F2F2 95%, #FFFFFF 5%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #CCCCCC; border-radius: 3px; color: #666666; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 12px;line-height: 26px; margin: 0 5px; text-align: center; cursor:pointer; padding:2px 12px}
.page a.thrText { width: 40px; }
.page .leone{ width:60px}
.page .lest{ width:78px}
.page a:hover { background: -moz-linear-gradient(center top, #F9F9F9, #EAEAEA 95%, #FFFFFF 5%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #8E8E8E; color: #000000; text-decoration: none; }
.page a.sel { background: none repeat scroll 0 0 #2386cf; border: 1px solid #2E76AB; border-radius: 3px; color: #FFFFFF; display: inline-block; font-size: 12px; cursor:pointer;}
.page a.cu, .page a.cu:hover { background: none repeat scroll 0 0 #2386cf; border: 1px solid #2E76AB; color: #FFFFFF; font-weight: bold; }
.page a.morePage { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; font-weight: normal; padding: 0; width: 22px; }
.page a.morePage:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; padding: 0; }
.page span:hover{ background-color:#f60; border:1px solid #f60}

.tuli{position:relative;display:block; height:42px}
.tuli a{ display:block; font-size:14px; padding-left:36px;cursor:pointer; }
.tuli a:hover{ color:#f60; }
.tulbox{ border:1px solid #ccc; background-color:#fff; position:absolute; right:0; top:40px; z-index:9999999999; width:160px}
.tulbox ul{ padding:5px; display:block; overflow:hidden}
.tulbox li{ height:36px; line-height:36px; display:block; overflow:hidden; border-bottom:1px dotted #ddd}
.tulbox li a.i_all,a.i_all{ background:url(../images/i_tl.png) no-repeat 0 center}
.tulbox li a.i_lilun,a.i_lilun{ background:url(../images/i_lilun.png) no-repeat 0 center}
.tulbox li a.i_shiping,a.i_shiping{ background:url(../images/i_shiping.png) no-repeat 0 center}
.tulbox li a.i_sanwei,a.i_sanwei{ background:url(../images/i_sanwei.png) no-repeat 0 center}

/*搜索页*/
.scbody{ background-color:#FFFFFF}
.seachbar{ padding: 20px 0;  background-color:#f8f9fa; position: relative;}
.seachbend{width:824px; display:block; overflow:hidden; margin:0 auto; height:50px; position:relative;border-radius:6px;}
.seachbend input{height:50px; line-height:50px; padding:0 60px 0 20px; border:1px solid #ccc; border-radius:6px; outline:none; width:824px}
.i_seach{width:21px; height:23px; display:block; overflow:hidden; background:url(../images/i_seach.png) no-repeat 0 0; position:absolute; right:18px; top:12px; cursor:pointer}
.i_seach:hover,.seachbend:hover .i_seach{ background:url(../images/i_seach_hv.png) no-repeat 0 0}
.seachbend input:hover{ border:1px solid #f60}
.seabit{ margin: 10px 10px 0 0; display: inline-block; position: relative; }
.seabit a{  padding: 8px 20px 8px 10px; background:#e2e2e2; cursor:pointer; font-size:14px; color:#333; max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px}
.seabit span.icodel { position: absolute; right: 0px; top: 0px; color: #bebebe; line-height: 35px; height: 35px; width: 16px; cursor: pointer; font-weight: bold; }
.seabit a:hover{ background: #74b7f9; color:#fff}
.seabit span.icodel:hover { color: #cc0303 }
.searchrecord, ul.searchhint { position: absolute; top: 80px; left: 50%; margin-left: -412px; z-index: 99999; width: 824px; height: 230px; background: #fff; border:1px solid #ccc; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:10px; overflow: hidden;}
.searchrecord span.tit { font-size: 12px; color: #999 }
.searchrecord a.del { font-size: 12px; color: #999; cursor: pointer; }
.searchrecord a.del:hover { color: #f60}
ul.searchhint li { border-top:1px dashed #eee; } 
ul.searchhint li:first-child { border-top:none; } 
ul.searchhint li a { font-size: 14px; color: #333; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; line-height:29px; cursor: pointer; padding: 0 10px}
ul.searchhint li a:hover,  ul.searchhint li a.on { background: #e2e2e2  }

.lanbar{ height:40px; line-height:40px; background-color:#f8f8f8; margin:12px auto 0; width:1024px}

.fenlbar{line-height:40px; background:url(../images/fenlbarbg.png) repeat-x 0 bottom;width:1024px; margin:3px auto 0;overflow:hidden}
.fenlbar li{height:40px; line-height:40px; display:block; float:left; margin-right:6px}
.fenlbar li a{height:40px; line-height:40px; display:block; cursor:pointer; padding:0 18px}
.fenlbar li a:hover,.fenlbar li a.on{ color:#f60; border-bottom:3px solid #f60}
.fenlcont{width:1024px; display:block; padding:10px; overflow:hidden; margin:0 auto}
.fenlist{ display:block; overflow:hidden}
.fenlist span{ height:30px; width:76px; text-align:right; line-height:30px; color:#999; margin-right:12px; float:left}
.fenlist a{line-height:30px; color:#666; margin-right:22px; float:left; cursor:pointer}
.fenlist a:hover,.fenlist a.on{ color:#f60}

.nybanner{width:1024px; height:120px; display:block; overflow:hidden; margin:12px auto 20px; }

.fenbox{ display:block; overflow:hidden; background:url(../images/fenbox.jpg) repeat-x 0 0 #f8f9fa}
.fenbox .zucontbar{ margin-top:25px; padding-bottom:16px}
.zulist{ display:block; float:left; margin-top:6px}
.zulist li{ display:block; overflow:hidden; float:left; margin-right:5px}
.zulist li a{ height:28px; display:block; border-radius:5px; background-color:#e8e8e8; font-size:12px; color:#000; line-height:28px; padding:0 19px; cursor:pointer;}
.zulist li a:hover,.zulist li a.on{ background-color:#f60; color:#fff;}
.zulist li a.on.zp{ background:url(../images/i_zpx.png) no-repeat 40px center #f60 ; color:#fff;padding-right:24px}
.zulist li a.on.sp{ background:url(../images/i_xpx.png) no-repeat 40px center #f60 ; color:#fff;padding-right:24px}
.zucit{ float:right; font-size:12px; margin-left: 10px;}
.zucit span{ float:none; color:#f60}
.filterbar{ display:block;height:40px; line-height:40px; position:relative; float:right; font-size:14px;margin-left:20px; cursor:pointer; z-index:99999}
.filterbar .sx2{background:url(../images/filter.png) no-repeat 4px center;cursor:pointer;transition: all .2s;float:left; width:32px; height:42px}
.filterbar:hover .sx2{background:url(../images/filter_hv.png) no-repeat 8px center; color:#f60;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.filterbar:hover .sx{ color:#f60}
.filcent{ width:600px; background:url(../images/filcentbg.png) repeat 0 0; border:1px solid #ccc; border-radius:0 0 6px 6px; position:absolute; right:0; top:38px; padding:8px; display:none;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.4); box-shadow:0px 0px 6px rgba(0,0,0,0.4);}
.filcent .fenlist a input{ float:left; margin:9px 4px 0}
.filbtn{ display:block; overflow:hidden; padding:5px 0 0px; text-align:center}
.filbtn a{ width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; display:inline-block; border-radius:6px; background-color:#dfdfdf; color:#000000; margin:0 10px}
.filbtn a.sxbtn{ background-color:#f90; color:#fff}
.filbtn a:hover{ background-color:#f60; color:#fff}
.filterbar:hover .filcent{ display:block}


.list .litxt a,.list p{*padding:0 6px}
.list:hover a,.list:hover p,.list:hover .litxt a,.list:hover a.bought{*background-color:#f60; *color:#fff}
.zucent .list a,.zucent .list p{*padding:inherit}
.zucent .list:hover a,.zucent .list:hover p,.zucent .list:hover .litxt a,.zucent .list:hover a.bought{*background-color:transparent; *color:#f60}
.zucent .list:hover{*border:1px solid #f60}
.topicbar:hover .topinforbar{*background:url(../images/topinforbarbg2.png) repeat 0 0}

.contbody{ display:block; overflow:hidden; overflow-y:auto; position:relative}
.value{ font-size:28px; color:#f60; position:absolute; right:8px; top:65px}

/*文章精选*/
.artbend{width:1024px; margin:39px auto 0; display:block;}
.artl{height:56px; display:block; overflow:hidden; background:url(../images/articletl.png) no-repeat 0 0}
.artcont{ display:block;height:508px}
.artlist{width:487px; height:152px; display:block; overflow:hidden; border-radius:8px; background-color:#fff; float:left; margin:14px 10px 0}
.artpic{width:210px; height:132px; border-radius:8px; float:left; display:block; overflow:hidden; margin:10px}
.artpic img{width:210px; height:132px; border-radius:8px; display:block; overflow:hidden;transition: all .2s;}
.artpic:hover img{ -webkit-transform: scale(1.05);transform: scale(1.05);}
.artbox{ height:132px; width:245px; display:block; overflow:hidden; margin-top:10px}
.artbox h3{height:40px; line-height:40px; font-size:18px; color:#222; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal}
.artbox h3 a{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal}
.artextb{ display:block; overflow:hidden; padding:0; height:60px}
.artextb p{ line-height:19px; font-size:12px; color:#999999}
.artbox .tod{ color:#666; float:left; height:28px; line-height:28px; font-size:12px}
.artbox .topbox{ height:24px; overflow:hidden; margin-top:4px}
.artbox .name{float:left; height:24px; line-height:24px; font-size:12px; color:#666; margin-left:4px;width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.artbox .ldtd{height:24px; line-height:24px; font-size:12px; color:#666; margin:0 }
.artbox .ldtd span{ color:#666}
.artbox:hover h3{ color:#f60}

.black{ background:url(../images/black.png) repeat 0 0; width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; z-index:99999}
.userbent{width:900px;height:502px; display:block;}
.userpagebox{width:900px; position:fixed; left:50%; top:50%; margin-left:-450px; background-color:#FFFFFF; height:502px; display:block; z-index:9999999; margin-top:-250px}
.userp_leftbox{width:550px; height:100%; float:left; position:relative}
.userp_rightbox{width:350px; height:100%; background-color:#4daaf9; float:left;background: -webkit-linear-gradient(0deg, #2688fe, #4daaf9);
	background: -moz-linear-gradient(0deg, #2688fe, #4daaf9);
	background: -o-linear-gradient(0deg, #2688fe, #4daaf9);
	background: -ms-linear-gradient(0deg, #2688fe, #4daaf9);
	background: linear-gradient(0deg, #2688fe, #4daaf9); position:relative}
.userpagelogo{width:243px; height:143px; display:block; overflow:hidden; position:absolute; left:50%; top:50%; margin-left:-121px; margin-top:-140px}
.uqwbtn{ display: block; width: 200px;height: 50px; margin: 0 auto;
font-size: 16px; background: #2982e0;border: solid 1px #2982e0;color: #fff;line-height: 50px;transition: all .2s; cursor:pointer; border-radius:6px; text-align:center; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:50px;background: -webkit-linear-gradient(90deg, #0c72dd, #2982e0);
	background: -moz-linear-gradient(90deg, #0c72dd, #2982e0);
	background: -o-linear-gradient(90deg, #0c72dd, #2982e0);
	background: -ms-linear-gradient(90deg, #0c72dd, #2982e0);
	background: linear-gradient(90deg, #0c72dd, #2982e0);}
.uqwbtn:hover{background:#f60;border: solid 1px #f60;background: -webkit-linear-gradient(90deg, #ff8400, #ff6600);
	background: -moz-linear-gradient(90deg, #ff8400, #ff6600);
	background: -o-linear-gradient(90deg, #ff8400, #ff6600);
	background: -ms-linear-gradient(90deg, #ff8400, #ff6600);
	background: linear-gradient(90deg, #ff8400, #ff6600);}
.userbend{width:490px; display:block; margin:24px auto 0}
.userbtl{ height:50px; display:block; overflow:hidden; line-height:50px; background:url(../images/linebg.png) repeat-x 0 bottom}
.userbtl li{ float:left; display:block; overflow:hidden; margin-right:4px}
.userbtl li a{ padding:0 28px; font-size:20px; color:#999; cursor:pointer; height:50px; line-height:50px}
.userbtl li a:hover,.userbtl li a.on{ color:#f60; border-bottom:3px solid #f60}
.ulstwo{ display:block; margin:50px auto 0; height:42px; width:236px}
.ulstwo li{width:108px; text-align:center; height:42px; line-height:42px;margin:0 5px; float:left}
.ulstwo li a{width:108px; text-align:center; height:42px; line-height:42px; text-align:center; font-size:14px; color:#666; cursor:pointer; border:1px solid #ccc; border-radius:6px}
.ulstwo li a:hover,.ulstwo li a.on{ border:1px solid #34a7ff; color:#34a7ff}
.ucent{ display:block;}
.uentbox{ display:block; padding:22px 0 0}
.uentbox li{ margin-bottom:30px; position:relative; display:block;}
.uentbox li input{width: 100%;line-height: 50px;height: 50px;padding-left: 50px;padding-right: 80px;font-weight: normal;box-sizing:border-box;border:1px solid #f5f5f5; transition: all .2s; outline:none; }
.uentbox li span{ font-size:12px; color:#f00; display:none; overflow:hidden; position:absolute; left:20px; top:50px; height:20px; line-height:20px}
.uentbox li:hover span{ display:block}
.uentbox li input:hover{ border:1px solid #4daaf9; color:#000;border-radius:50px}
.i_u{background:url(../images/i_u.png) no-repeat 16px center #f0f0f0}
.i_mima{background:url(../images/i_mima.png) no-repeat 16px center #f0f0f0}
.uentbox li .yabox{width:100%; height:50px; line-height:50px; border-radius:50px;}
.uentbox li .yabox input{ width:340px;line-height: 50px;height: 50px;padding-left: 50px;box-shadow: none;padding-right: 80px;font-weight: normal;box-sizing:border-box;border:1px solid #f5f5f5; float:left}
.uentbox li .yabox input.i_yzm{background:url(../images/i_yzm.png) no-repeat 16px center #f5f5f5; padding-right:50px}
.uentbox li .yabox:hover input.i_yzm,.uentbox li .yabox input.i_yzm:hover{border-radius:50px 0 0 50px; border:1px solid #4daaf9; }
.uma{width:150px;line-height: 50px;height: 50px; text-align:center; float:left;border:1px solid #f5f5f5; background-color:#f5f5f5; color:#5E5E5E; box-sizing: border-box;}
.uentbox li .yabox:hover a.uma{border-radius:0 50px 50px 0; border:1px solid #4daaf9; border-left:none}
.uentbox li .yabox a.uma:hover{ background-color:#4daaf9; color:#fff}
.terms{ display:block; overflow:hidden; font-size:12px; height:30px; line-height:30px; color:#999}
.terms a{ color:#4daaf9; display:inline-block}
.terms a:hover{ color:#0084ff}
.terms input{margin:9px 4px 0; float:left}
.terbtnbox{ display:block; position:relative; height:50px; margin:32px auto 0}
.debtn{ height:50px; line-height:50px; width:150px; float:left; display:block; overflow:hidden; text-align:center; font-size:16px; color:#fff;background-color:#0c72dd;background: -webkit-linear-gradient(90deg, #0c72dd, #3daeff);
	background: -moz-linear-gradient(90deg, #0c72dd, #3daeff);
	background: -o-linear-gradient(90deg, #0c72dd, #3daeff);
	background: -ms-linear-gradient(90deg, #0c72dd, #3daeff);
	background: linear-gradient(90deg, #0c72dd, #3daeff); border:none; border-radius:4px; cursor:pointer; font-family:"微软雅黑"}
.debtn:hover{background-color:#ff8244;background: -webkit-linear-gradient(90deg, #ff8244, #ffa92d);
	background: -moz-linear-gradient(90deg, #ff8244, #ffa92d);
	background: -o-linear-gradient(90deg, #ff8244, #ffa92d);
	background: -ms-linear-gradient(90deg, #ff8244, #ffa92d);
	background: linear-gradient(90deg, #ff8244, #ffa92d);}

.terbtnbox a.qq{float: right;margin-left: 10px;background: #f5f5f5;width: 50px;height: 50px;line-height: 50px;display: block;color: #cfd3d9;text-align: center; overflow:hidden}
.terbtnbox a.qq {transition: width 0.2s;-moz-transition: width 0.2s; /* Firefox 4 */-webkit-transition: width 0.2s; /* Safari 和 Chrome */-o-transition: width 0.2s; /* Opera */}
.terbtnbox a.qq i {font-size: 20px; float:left; margin-left:9px;height:50px; width:32px; display:inline-block; }
.terbtnbox a.qq:hover { background-color: #2e8cff; color: #fff; width: 120px;background: -webkit-linear-gradient(90deg, #0c72dd, #3daeff);
	background: -moz-linear-gradient(90deg, #0c72dd, #3daeff);
	background: -o-linear-gradient(90deg, #0c72dd, #3daeff);
	background: -ms-linear-gradient(90deg, #0c72dd, #3daeff);
	background: linear-gradient(90deg, #0c72dd, #3daeff);}
.terbtnbox a.qq span {display: none; margin-right:6px}
.terbtnbox a.login_qq i.iconfont{background:url(../images/i_qq.png) no-repeat 0 0}
.terbtnbox a.login_wechat i.iconfont{ background:url(../images/i_wx.png) no-repeat 0 0}
.terbtnbox a.qq:hover span {display:inline-block;}
.terbtnbox a.login_qq:hover i.iconfont{ background:url(../images/i_qq_hv.png) no-repeat 0 0}
.terbtnbox a.login_wechat:hover i.iconfont{ background:url(../images/i_wx_hv.png) no-repeat 0 0}
.terbtnbox a.qq:hover{ border-radius:4px}
.pageclose{width:40px; height:40px; display:block; position:absolute; top:1px; right:1px; overflow:hidden; cursor:pointer;filter: Alpha(opacity=50); /* IE */-moz-opacity:0.5;/* FF 主要是为了兼容老版本的FF */opacity:0.5;z-index:99999; background-color:#2891ff;}
.pageclose:hover{filter: Alpha(opacity=100); /* IE */-moz-opacity:1;    /* FF 主要是为了兼容老版本的FF */opacity:1;}
.pageclose:hover img{transition: all .2s;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.logincode{width:36px; height:36px; display:block;  position:absolute; top:10px; right:10px; z-index:9999}
.logincode a{width:36px; height:36px; display:block; cursor:pointer}
.logincode a.ewmbit{ background:url(../images/ewmbit.png) no-repeat 0 0}
.logincode a.dlbit{ background:url(../images/dlbit.png) no-repeat 0 0}
.quemima{ position:absolute; right:20px; top:17px; color:#999; cursor:pointer; font-size:12px}
.quemima:hover{ color:#f60}
.delbdet{ padding-top:38px}
.delbdet li{ margin-bottom:30px}
.delbdet .terbtnbox{ margin-top:40px}
.qrcodebox{width:200px; display:block; overflow:hidden; margin:100px auto 0}
.codeb{width:200px; height:200px; display:block; overflow:hidden; clear:both}
.codeb img{width:200px; height:200px; display:block;}
.qrcodebox p{ height:32px; line-height:32px; text-align:center; color:#020202}
.qrcodebox p.p2{ color:#508bff; padding-left:32px; background:url(../images/sys.png) no-repeat 50px center }
.usertlb{ height:52px; line-height:52px; display:block; overflow:hidden; position:relative}
.usertlb h3{ display:block; font-size:20px; color:#000; text-align:center; font-weight:normal}
.usertlb .i_close{width:40px; height:40px; display:block; overflow:hidden; background:url(../images/i_close.png) no-repeat 0 0; position:absolute; right:10px; top:11px; cursor:pointer;filter: Alpha(opacity=50); /* IE */-moz-opacity:0.5;/* FF 主要是为了兼容老版本的FF */opacity:0.5;z-index:99999;}
.usertlb .i_close:hover{transition: all .2s;-webkit-transform: rotate(180deg);transform: rotate(180deg);filter: Alpha(opacity=100); /* IE */-moz-opacity:1;/* FF 主要是为了兼容老版本的FF */opacity:1;}
.return{width:100px; text-align:center; height:38px; line-height:35px; border-radius:38px; display:block; overflow:hidden; font-size:16px; color:#666; border:1px solid #BDBDBD; position:absolute; top:12px; left:20px; cursor:pointer; cursor:pointer}
.return span{ font-size:18px;}
.return:hover{ background-color:#3293ff; border:1px solid #3293ff; color:#fff}
.userbox{ width:100%; height:450px; display:block; overflow:hidden;}

/* 头部样式 */
.top{width:100%;height:60px;background:#0d5caa;}
.top .logo{margin:3px 10px 0px 5px;float:left;}
.top .logo img{float:left; height:50px;}
.top .logo h5{font-size:24px;float:left;color:#fff;font-weight:normal;margin-top:10px;font-family:"微软雅黑"}
.top .logo h5 a{color:#fff;}
.top .search{position:absolute;left:50%;margin-left:-212px;top:16px;width:425px;height:28px;background:#fff;border:#b6b6b6 1px solid;text-align:left; z-index:1;}
.top .search ul{height:28px;_height:30px;overflow:hidden;border:#b6b6b6 1px solid;float:left;width:70px;background:url(../images/b_s.png) #fff no-repeat 55px 12px; position:absolute; z-index:10000;top:-1px;left:-1px;}
.top .search ul li{text-align:center;line-height:28px;padding-right:8px;}
.top .search ul li a{color:#666;font-family:"微软雅黑"}
.top .search ul li a:hover{color:#0d5caa;}
.top .search input{width:293px;height:26px;line-height:26px;margin-left:73px;float:left;padding-left:5px;color:#666;border:0px;overflow:hidden;font-family:"微软雅黑"}
.top .search a.btn_s{width:56px;height:26px;background:url(../images/btn_s.png) no-repeat 0 0;display:block;float:left;border-left:#b6b6b6 1px solid;}
.top_r{position:relative;top:0px;right:0px;z-index:10;float:right;margin:8px 5px 0px 0px;line-height:43px;color:#fff;font-family:"微软雅黑"}
.top_r span{color:#fff;font-size:14px;float:left;font-family:"微软雅黑"}
.top_r span{padding-left:42px; position:relative;}
.top_r span.name_t{background:url(../images/more.png) no-repeat right -12px;padding-right:15px;}
.top_r span a{margin:0px;}
.top_r span a:hover{text-decoration:underline;}
.top_r span img{width:32px;height:32px; position:absolute;left:3px;top:6px;}
.top_r span .img_cover{width:38px;height:38px;background:url(../images/img_cover.png) no-repeat 0 0; position:absolute;top:3px;left:0px;}
.top_r span:hover{ cursor:default;}
.top_r a{margin-left:15px;font-size:14px;color:#FFF;float:left;}
.top_r a.a_user{color:#fcff00;}
.top_r a:hover{text-decoration:underline;}

/* 头部按钮样式 */
.top_r ul{float:left;background:url(../images/spi_u.png) no-repeat 0 center;padding-left:8px;margin-left:12px;height:43px;}
.top_r ul li{float:left;width:27px;margin-left:3px;margin-top:8px;}
.top_r ul li a{width:27px;height:26px;display:block;text-align:center;margin:0px;}
.top_r ul li a.a01{background:url(../images/opr.png) no-repeat 0 -130px;}
.top_r ul li a.a01:hover{background:url(../images/opr.png) #1575d4 no-repeat 0 -130px;}
.top_r ul li a.a02{background:url(../images/opr.png) no-repeat 0 -104px;}
.top_r ul li a.a02:hover{background:url(../images/opr.png) #1575d4 no-repeat 0 -104px;}
.top_r ul li a.a03{background:url(../images/opr.png) no-repeat 0 -78px;}
.top_r ul li a.a03:hover{background:url(../images/opr.png) #1575d4 no-repeat 0 -78px;}
.top_r ul li a.a04{background:url(../images/opr.png) no-repeat 0 -52px;}
.top_r ul li a.a04:hover{background:url(../images/opr.png) #1575d4 no-repeat 0 -52px;}
.top_r ul li a.a05{background:url(../images/opr.png) no-repeat 0 1px;}
.top_r ul li a.a05:hover{background:url(../images/opr.png) #fb1a1a no-repeat 0 1px;}
.top_r ul li a.a04_tab{background:url(../images/opr.png) no-repeat 0 -26px;}
.top_r ul li a.a04_tab:hover{background:url(../images/opr.png) #1575d4 no-repeat 0 -26px;}
.top_r ul li a.a02_tab{background:url(../images/opr.png) #1575d4 no-repeat 0 -104px;}

/* 头部按钮样式-用户弹出层 */
.user_in{position:absolute;left:3px;top:42px;font-family:Arial, Geneva, sans-serif;width:auto;text-align:left;padding:1px;background:url(../images/i_bg.png) no-repeat 1px 0;padding-top:4px;*padding-top:5px;z-index:11; overflow:hidden;}
.user_in ol{background:#FFF;border:#cfcfcf 1px solid;padding-right:1px;border-top:none;color:#f00;line-height:inherit;height:63px;position:relative;padding-left:60px;padding-top:5px;margin-top:1px;padding-right:20px;}
.user_in ol li{height:28px;line-height:28px; text-align:left;color:#444;}
.user_in ol li a{color:#1d82e5;font-family:"微软雅黑"}
.user_in ol li a:hover{ text-decoration:none;color:#ff1e00;}
.user_in ol img{ position:absolute;top:8px;left:10px;width:52px;height:52px;}
/* 头部按钮样式-更多弹出层 */
.help_tab{position:absolute;right:20px;top:41px;font-family:Arial, Geneva, sans-serif;width:100px;text-align:center;background:#1575d4;z-index:111;padding:1px;}
.help_tab ul li{border-bottom:#0562be 1px solid;}
.help_tab ul li a{font-size:12px;height:26px;line-height:26px;overflow:hidden;display:block;margin:0px;color:#fff;}
.help_tab ul li a:hover{ background:#0562be;color:#FFF;text-decoration:none;}


/* 首页头部样式 */
.top_gtey{background:#f5f5f5;}
.top_gtey .logo h5{color:#555;}
.top_gtey .top_r a{color:#444;}
.top_gtey .top_r span{color:#444;}
.top_gtey .top_r span .img_cover{background:url(../images/img_cover_tab.png) no-repeat 0 0;}
.top_gtey .top_r span.name_t{background:url(../images/more.png) no-repeat right 20px;}
.top_gtey .top_r .user_in ol li a{color:#1d82e5;}
.top_gtey .top_r .user_in ol li a:hover{ text-decoration:none;color:#ff1e00;}
.top_gtey .top_r ul{background:url(../images/spi_h.png) no-repeat 0 center;}
.top_gtey .top_r ul li a.a01{background:url(../images/opr.png) no-repeat 0 -284px;}
.top_gtey .top_r ul li a.a01:hover{background:url(../images/opr.png) #e1dede no-repeat 0 -284px;}
.top_gtey .top_r ul li a.a02{background:url(../images/opr.png) no-repeat 0 -260px;}
.top_gtey .top_r ul li a.a02:hover{background:url(../images/opr.png) #e1dede no-repeat 0 -260px;}
.top_gtey .top_r ul li a.a03{background:url(../images/opr.png) no-repeat 0 -234px;}
.top_gtey .top_r ul li a.a03:hover{background:url(../images/opr.png) #e1dede no-repeat 0 -234px;}
.top_gtey .top_r ul li a.a04{background:url(../images/opr.png) no-repeat 0 -208px;}
.top_gtey .top_r ul li a.a04:hover{background:url(../images/opr.png) #e1dede no-repeat 0 -208px;}
.top_gtey .top_r ul li a.a05{background:url(../images/opr.png) no-repeat 0 -155px;}
.top_gtey .top_r ul li a.a05:hover{background:url(../images/opr.png) #fb1a1a no-repeat 0 2px;}
.top_gtey .top_r ul li a.a04_tab{background:url(../images/opr.png) no-repeat 0 -182px;}
.top_gtey .top_r ul li a.a04_tab:hover{background:url(../images/opr.png) #e1dede no-repeat 0 -182px;}
.top_gtey .top_r ul li a.a02_tab{background:url(../images/opr.png) #e1dede no-repeat 0 -260px;}
.top_gtey .help_tab{background:#e1dede;}
.top_gtey .help_tab ul li{border-bottom:#d4d2d2 1px solid;}
.top_gtey .help_tab ul li a{color:#444;}
.top_gtey .help_tab ul li a:hover{ background:#3388ff;color:#fff;}
.top .logo a{ display:inline-block; float:left}

/*右侧菜单栏*/
.right-bar{width:60px; height:439px; padding:6px 0 4px 0px; display:block; background:url(../images/right-bar.png) no-repeat 0 0; position:fixed; right:0px; top:50%; margin-top:-190px; z-index:9999; height:auto;background: rgba(255,255,255,0.9);border:#d0d0d2 1px solid;border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px; }.right-bar a{ width:56px; text-align:center; cursor:pointer;padding-bottom:7px; border-bottom:1px solid #e3e3e3; padding-top:5px; position:relative}
.right-bar .cz{ border-top-left-radius:6px;}
.right-bar i{width:40px; height:40px; display:block; margin:0 auto; background-size:100% 100%}
.right-bar span{ line-height:20px; font-size:12px; color:#333; display:block}
.right-bar .cz span{ color:#000}
.right-bar a:hover{ color:#000}
.right-bar a.top{ background:none; border:none; margin-top:8px}
.right-bar a.top i{ background:url(../images/i_top.png) no-repeat 0 0}
.right-bar a:hover{/* background-color:#f90*/}
.right-bar a:hover span{ color:#f50 }
.right-bar a.top:hover i{ background:url(../images/i_top_hv.png) no-repeat 0 0}
.right-bar .cz i{ background:url(../images/i_qb.png) no-repeat 0 0}
.right-bar .app i{ background:url(../images/i_app.png) no-repeat 0 0}
.right-bar .mess i{ background:url(../images/i_mess.png) no-repeat 0 0}
.right-bar .kf i{ background:url(../images/i_gt.png) no-repeat 0 0}
.right-bar .cz:hover i{ background:url(../images/i_qb_hv.png) no-repeat 0 0}
.right-bar .app:hover i{ background:url(../images/i_app_hv.png) no-repeat 0 0}
.right-bar .mess:hover i{ background:url(../images/i_mess_hv.png) no-repeat 0 0}
.right-bar .kf:hover i{ background:url(../images/i_gt_hv.png) no-repeat 0 0}

/*20200305*/
.right-bar .fx i{ background:url(../images/i_fx.png) no-repeat 0 0}
.right-bar .fx.hv i{ background:url(../images/i_fx_hv.png) no-repeat 0 0}
.right-bar .i_user i{ background:url(../images/i_user.png) no-repeat 0 0}
.right-bar .i_user:hover i{ background:url(../images/i_user_hv.png) no-repeat 0 0}
.right-bar .i_jc i{ background:url(../images/i_jc.png) no-repeat 0 0}
.right-bar .i_jc:hover i{ background:url(../images/i_jc_hv.png) no-repeat 0 0}

/*20200305*/

.pos {width: 180px; border-radius: 5px 0 5px 5px; /*background: #f90;*/ border:1px solid #f60; background-color:#fff; text-align: center; padding-bottom: 14px}
.pos .p1 {padding-top: 14px;font-size: 14px;color: #333}
.pos .img {width: 140px;height: 140px;padding-top: 8px;margin: 0 auto;border-radius: 2px;overflow: hidden}
.pos .img img {display: block;width: 100%;height: 100%}
.pos .p2 {padding-top: 10px;color: #fff;font-size: 12px}
.pos {display:none;position: absolute;right:56px;top: 0}
.right-bar a.app:hover .pos{ display:block}
.right-bar a.kf .pos{width:320px}
.right-bar a.kf:hover .pos{ display:block; top:-64px; border-radius:5px 5px 0 5px}
.right-bar a.kf h3{ text-align:left; font-size:16px; font-weight:normal; color:#000; line-height:30px; padding-left:10px}
.right-bar a.kf p{ text-align:left; padding:0 0 4px 10px; font-size:12px; color:#000000}
.right-bar a.kf p .tran{ width:90px; height:28px; line-height:28px; border-radius:6px; background-color:#f60; text-align:center; font-size:14px; border:none; padding:0; position:relative; color:#FFFFFF; cursor:pointer;}
.right-bar a.kf p .tran:hover{ background-color:#FFC600; color:#000000; }

/*20200305*/
.right-bar a.fx:hover .pos{ display:block;top:60px;border-radius:5px 5px 0 5px}
.right-bar .pos a.fx01,.pos a.fx02,.pos a.fx03,.pos a.fx04{width:49px;height:49px;display:inline-block;float:left;margin-left:15px;border:none; overflow:hidden;margin-top:12px;}
.pos a.fx01:hover,.pos a.fx02:hover,.pos a.fx04:hover{opacity:0.8;}
.pos a.fx01{background:url(../images/fx_list.png) no-repeat 0 0}
.pos a.fx02{background:url(../images/fx_list.png) no-repeat 0 -49px}
.pos a.fx03{background:url(../images/fx_list.png) no-repeat 0 -147px}
.pos a.fx04{background:url(../images/fx_list.png) no-repeat 0 -98px}
/*20200305*/



/*------------------2018-10-06-专业大类----------*/
.larclassbar{width:100%; height:360px; display:block; overflow:hidden; position:relative; margin-bottom:5px}
.masklayer{width:100%; height:360px; display:block; overflow:hidden; background:url(../images/masklayer.png) repeat-x 0 0; position:absolute; left:0; top:0; z-index:2}
.larclassbox{width:1024px; height:360px;position:absolute; z-index:9; left:50%; margin-left:-512px; top:0}
.lartop{ height:30px; line-height:30px; margin:10px auto 10px; color:#fff; font-size:14px}
.lartop a{ display:inline-block; color:#fff; cursor:pointer}
.lartop a:hover{ color:#ff0}
.lartcent{ display:block; height:240px;}
.larcent_leftbar{width:164px; height:164px; display:block; overflow:hidden; float:left}
.larcent_leftbar .lartoux{width:158px; height:158px; display:block; overflow:hidden; border:3px solid rgba(255,255,255,0.8);border-radius:158px;transition: all .2s;}
.larcent_leftbar .lartoux i{width:158px; height:158px; display:block; overflow:hidden; border-radius:158px; background-position:center center; background-size:cover }
.larcent_leftbar:hover .lartoux{-webkit-transform: rotate(360deg);transform: rotate(360deg); border:3px solid rgba(255,255,255,1)}
.larcent_leftbar .lartoux img{}
.larcent_rightbar{width:860px; display:block; overflow:hidden; float:left}
.larcent_rightbar h3{ font-size:40px; color:#fff; height:50px; line-height:50px; font-weight:normal}
.lartext{ display:block; overflow:hidden; padding:5px}
.lartext p{ line-height:22px; color:#fff; display:block}
.larbottombar{ height:55px; display:block;padding-top:10px}
.larbleft{ line-height:55px; display:block; float:left; color:#fff}
.larbleft a,.larbleft a span{ display:inline-block; color:#FFFFFF}
.larbleft a{ margin:0 8px}
.larbtn2,.larbtn1{width:200px; height:40px; line-height:40px; font-size:16px; color:#FFFFFF; background-color:#ff9900; text-align:center; border-radius:6px}
.larbtn2:hover{ background-color:#f60}
.larbtn1{ background-color:#ffcc00; color:#000; margin-right:10px; position:relative}
.larbtn1:hover{ background-color:#f90; color:#fff}
.larbtn1 span{ color:#f00}
.larbtn1:hover span{ color:#ff0}
.hot{width:50px; height:27px; line-height:27px; text-align:center; overflow:hidden; background:url(../images/i_hot.png) no-repeat 0 0; position:absolute; right:20px; top:-20px}
.dalebar{height:102px; display:block; overflow:hidden; background-color:#f1f1f1}
.dalebox{width:1024px; height:102px; display:block; overflow:hidden; margin:0 auto;}
.daleft{width:196px; height:102px; display:block; float:left; border-radius:6px; background:url(../images/daleft.png) no-repeat 0 0 #ff9900}
.darigbar{width:812px; height:102px; display:block; overflow:hidden; padding-left:32px}
.darigbar h3{ height:39px; line-height:39px; display:block; overflow:hidden; color:#222; font-size:16px; font-weight:normal}
.darlist{ display:block; overflow:hidden}
.darlist li{width:370px; display:block; height:25px; line-height:25px; float:left; margin:0 20px 3px 0}
.darlist li a{display:block; height:25px; line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.darlist li a i{width:20px; height:25px; display:block; float:left;background:url(../images/i_gou.png) no-repeat 0 center;}
.darlist li a:hover{}
.darlist li a:hover i{}
.zhuanyebar{width:1024px; display:block; overflow:hidden; margin:20px auto 30px}
.zhuanbanner{width:228px; display:block; height:510px; overflow:hidden; position:relative; border-radius:6px; float:left}
.drop_img .play-cover {position: absolute;left: 0;top: 0;width: 100%;height:0%; background: rgba(0, 0, 0, .35);opacity: 0;transition: all .25s}
.drop_img:hover .play-cover{opacity: 1; height:100%}
.drop_img:hover .play-cover:before {-webkit-transform: scale(1); transform: scale(1)}
.zhuanbox{width:210px; display:block; position:absolute; left:50%; margin-left:-104px; top:56px; overflow:hidden; z-index:9}
.zhuanbox h3{line-height:28px; font-size:20px; color:#fff; font-weight:normal}
.zhuantext{ display:block; overflow:hidden; padding:5px 0; color:#fff; letter-spacing:0px}
.zhuantext p{ line-height:20px; font-size:12px}
.zhuancoursebar{width:500px; display:block; overflow:hidden; margin:0 0 0 10px; float:left}
.zhuancoursebar .zucltl h3{ border-bottom:2px solid #f90}

.zhuancoursebar .zucent .lipd{ margin-left:11px; margin-right:9px}
.zhuanyebar .tjiancent{ border:1px solid #f5f5f5; padding-bottom:5px}
.leaderboardbar{width:124px; height:24px; display:block; line-height:24px;border-radius:5px; background:url(../images/leaderboardbar.png) no-repeat 0 0; margin:10px 10px 0 0}
.leaderboardbar a{width:62px; height:24px; display:block; overflow:hidden; float:left; text-align:center; line-height:24px; font-size:12px; cursor:pointer;}
.leaderboardbar a:hover,.leaderboardbar a.on{ background-color:#f90; color:#fff;border-radius:5px;}
.leaderbar{ margin-bottom:12px}
.leadlist li{ display:block; overflow:hidden; padding:0 10px;line-height:32px; }
.leadlist li a{ display:block; overflow:hidden;}
.leadlist li a i{width:20px; height:20px; text-align:center; line-height:20px; font-style:normal; color:#fff; background:url(../images/leadicon_hv.png) no-repeat 0 0; display:block; float:left; margin-right:4px; margin-top:5px}
.leadlist li a span{ line-height:32px; display:block; font-size:14px; color:#333; width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.leadlist li a.on i,.leadlist li a:hover i{ background:url(../images/leadicon.png) no-repeat 0 0}
.leaderbar .ztent{ padding:5px 0}
.leadbox{ display:none; overflow:hidden; padding:4px 0 6px;}
.leadboxpic{width:134px; height:74px; display:block; overflow:hidden; float:left; border-radius:5px}
.leadbox p{ display:block; overflow:hidden; line-height:32px; color:#f60; font-size:18px; padding-left:8px; font-weight:normal}
.leadbox p.zjia{ color:#C8C8C8; text-decoration:line-through}
.leadboxpic img{display: block;width: 100%; height: 100%;transition: all .2s linear; border-radius: 5px}
.leadboxpic:hover img{ -webkit-transform: scale(1.05);transform: scale(1.05);}
.leadlist li a.on .leadbox{ display:block}
.leadlist li a:hover span{ color:#f60}
.zhuancase{ height:556px; display:block; overflow:hidden; background:url(../images/zhuancase.png) repeat-x 0 0}


/*推荐阅读*/
.recreadbar{ width:1024px; display:block; overflow:hidden; margin:20px auto 30px;  }
.recreadbar .zucltl h3,.revewbox .zucltl h3{ border-bottom:2px solid #f90}
.recdcont{ display:block; padding:20px 0; clear:both}
.recdlist{width:228px; display:block; margin:0 14px; float:left}
.recdpic{width:228px; height:148px; border-radius:6px; overflow:hidden;margin-bottom:4px; }
.recdpic img{transition: all .2s;}
.recdpic a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.recdlist p{ line-height:20px; display:block; padding:4px 0 0; height:44px; overflow:hidden}
.recdlist:hover p a{ color:#f60}
.recreadbar .navlayout{/*width:1008px;*/ margin:14px auto 0}
.recdlist a:hover p{ color:#f60}

/*网络评论*/
.reviewbar{display:block; overflow:hidden; background:url(../images/reviewbg.png) repeat-x 0 0 #f9fafc; }
.revewbox .discent{ padding-bottom:24px}
.revewbox{width:1024px; display:block; overflow:hidden; margin:14px auto 0}
.ckbtnb{ color:#878787; cursor:pointer}
.ckbtnb span{ color:#f00; display:inline-block; float:none; padding:0 6px}
.ckbtnb:hover{ color:#f60}
.textbatb{ display:block; overflow:hidden ; margin-top:10px; border-bottom:1px dotted #ccc}
.textbet{ border:1px solid #ccc; display:block; padding:8px; width:100%; border-radius:6px; outline:none; resize:none; height:100px; clear:both; font-family:"微软雅黑"; font-size:14px}
.textbottom{ display:block; padding:10px;}
.revbtn{width:104px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#f90; border-radius:6px; cursor:pointer}
.revbtn:hover{ background-color:#f60}
.textbottom p{ line-height:36px; color:#999}
.textbottom p span{ color:#f60}
.garybtn,.garybtn:hover{ background-color:#A4A4A4}
.dilist .textbatb{ border:none}
/*最新文章*/
.latestarticlebar{width:1024px; display:block; overflow:hidden; margin:12px auto 30px}
.latestarticlebar .artcont{ height:auto;}
.latestarticlebar .more-btn{ padding-top:20px}
.latestarticlebar .artlist{ background-color:#f8f8f8}




/*2018-11-8-文章模块*/
.article{width:1024px; display:block; overflow:hidden; margin:0 auto; padding-bottom:30px}
.artbanner{width:1024px; height:120px; display:block; overflow:hidden; margin:10px auto}
.artbanner img{ width:1024px; height:120px; display:block;transition: all .2s linear;}
.artbanner a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.artxiseachbar{height:50px; display:block; overflow:hidden; background-color:#f4f5f6; margin-bottom:4px}
.artxiseachbar h1 { display:block; float:left; height: 50px; line-height:50px; padding-left:10px; color:#000; font-size:18px; font-weight: normal; vertical-align:middle; }
.artxiseachbar h1 span.redpoint { width: 6px; height: 18px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #fe3d75; float: left; margin: 16px 10px;   }
.artxiseachbar h1 span.bluepoint { width: 6px; height: 18px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #00b8f5; float: left; margin: 16px 10px;   }
.artxiseachbar p{ display:block; float:left; line-height:50px; padding-left:10px; color:#888; font-size:14px}
.artxiseachbar p a{ display:inline-block; cursor:pointer}
.artxiseachbar p a:hover{ color:#f60}
.artseach{ float:right; padding:7px 10px 0 0; }
.artseachbox{ display:block; overflow:hidden}
.artseachbox input{ width:164px; height:36px; line-height:36px; padding:0 10px; border:1px solid #0067cd; border-radius:6px 0 0 6px; outline:none; float:left;transition: width 0.2s;-moz-transition: width 0.2s; /* Firefox 4 */-webkit-transition: width 0.2s; /* Safari 和 Chrome */-o-transition: width 0.2s; /* Opera */}
.seachbtn{width:69px; height:36px; line-height:36px; display:block; float:left; cursor:pointer; border-radius:0 6px 6px 0; background-color:#0067cd}
.seachbtn i{background:url(../images/ico_seach.png) no-repeat center center;vertical-align: -2px;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s; width:18px; height:18px; display:block; margin:8px auto}
.artseachbox input:hover{width:204px;}
.artseachbox:hover input{width:204px; border:1px solid #167fe8}
.artseachbox:hover .seachbtn{background-color:#167fe8}
.artseachbox .seachbtn:hover{ background-color:#00a5ea}
.artseachbox:hover .seachbtn i{-webkit-transform: rotate(360deg);transform: rotate(360deg); }
.artleftbar{width:659px; display:block; overflow:hidden;float:left; margin-right:15px;}
.artrighbar{width:350px; display:block; overflow:hidden; float:left;}
.newheadbar{ margin-top:10px; display:block; overflow:hidden}
.newheadbar h3,.newheadbar h3 a{ height:40px; line-height:40px; font-size:18px; color:#0062c4; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal;}
.newheadbar h3 a:hover{ color:#f60}
.newheadbar p{ display:block; padding:5px; line-height:20px; font-size:14px; color:#666666}
.newheadpic{ width:658px; height:416px; display:block; overflow:hidden; border:1px solid #e9e9e9; position:relative}
.newheadpic li{ width:658px; height:416px; display:block; float:left}
.newheadpic li a{width:658px; height:416px; display:block; cursor:pointer}
.newheadpic li a img,.letbanner a img,.lartpic img,.arigbanner a img{transition: all .2s linear; width:100%; height:100%}
.newheadpic li a:hover img,.letbanner a:hover img,.lartlist a:hover .lartpic img,.arigbanner a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.newlob{ height:3px; display:block;position:absolute; left:0; bottom:30px; width:100%; z-index:999; text-align:center}
.newlob a{width:40px; height:3px; display:inline-block; background-color:#fff; filter: Alpha(opacity=50); /* IE */   -moz-opacity:0.5;    /* FF 主要是为了兼容老版本的FF */opacity:0.5; margin:0 5px}
.newlob a.on{filter: Alpha(opacity=100); /* IE */   -moz-opacity:1;    /* FF 主要是为了兼容老版本的FF */opacity:1;}
.knowleadbar{ width:658px; height:38px; display:block; line-height:38px; background-color:#f4f5f6; margin:12px 0 15px; overflow:hidden}
.knowleadbar li{height:38px; display:block; line-height:38px; width:216px; float:left; padding:0 20px 0 20px; background:url(../images/ico_dot.png) no-repeat 10px center; cursor:pointer}
.knowleadbar li a{ width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:12px; color:#666}
.knowleadbar li:hover a{ color:#f60}
.knowleadbar li:hover{background:url(../images/ico_dot_hv.png) no-repeat 10px center}
.letbanner{width:658px; height:108px; display:block; overflow:hidden; margin:0 auto 15px}
.letbanner a{width:658px; height:108px; display:block; cursor:pointer}
.newbox{ display:block; padding-bottom:20px; overflow:hidden}
.newbox .artlist{ width:634px; background-color:#f8f8f8; margin:14px 12px 0}
.newbox .artbox{ width:388px;}
.view{ height:28px; line-height:28px; margin-right:40px; padding-left:24px; color:#666; width:30px; cursor:pointer}
.view{ background:url(../images/i_view.png) no-repeat 0 center}
.view:hover{ background:url(../images/i_view_hv.png) no-repeat 0 center; color:#f60}
.newbox .artcont{ padding-bottom:20px; height:auto; overflow:hidden}
.newbox .page{ padding:0}
.artbent{ display:block; overflow:hidden; margin-top:12px}
.artbent .zucltl h3{ border-bottom:2px solid #f60}
.lartent{ display:block; overflow:hidden; padding:0 5px}
.lartlist{ display:block; overflow:hidden; margin-top:14px; padding-bottom:14px; border-bottom:1px dotted #cecece}
.lartlist a,.zhuantibar a{ display:block; overflow:hidden; width:100%; height:100%}
.lartlist a h3{ height:32px; line-height:32px; display:block; font-weight:normal; font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#222}
.lartpic{ float:left; width:152px; height:88px; display:block; border-radius:3px; overflow:hidden}
.lartlist a:hover h3{ color:#f60}
.lartlist a p{ font-size:12px; line-height:20px; color:#999999; height:86px; overflow:hidden; padding:4px 0 0 10px}
.arigbanner{width:351px; height:172px; display:block; overflow:hidden; margin:16px 0}
.zhuantibar{ width:330px; display:block; margin:15px auto 0}
.zhuantibar .zhuantipic{width:330px; display:block; height:196px;border-radius:3px}
.zhuantibar h3{ height:36px; line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%; font-size:18px; color:#333; font-weight:normal}
.zhuantibar h3:hover{ color:#f60}
.keclist{ padding:16px 10px; display:block; overflow:hidden; border-bottom:1px dotted #cecece}
.keclist .list-img{width:158px; height:88px}
.kectext{width:162px; height:88px; display:block; overflow:hidden; padding-left:8px}
.kectext h3{ height:30px; font-size:16px; line-height:30px; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal}
.kectext  p{ line-height:20px; color:#999; font-size:12px}
.kectext  p.orange{ color:#f90}
.kfbar{width:334px; height:78px; display:block; margin:12px auto 0; overflow:hidden}
.kfbox{width:167px; height:78px; display:block; overflow:hidden; float:left}
.nanbox{border-radius:6px 0 0 6px; background-color:#3593fd}
.nvbox{border-radius:0 6px 6px 0; background-color:#ff6666}
.kfbox_toub{width:58px; height:58px; display:block; overflow:hidden; border-radius:58px; float:left; margin:10px 6px 0 14px;transition: all .2s;}
.kfbox_toub img{border-radius:58px;}
.kfbox h3{ height:40px; line-height:46px; font-size:14px; color:#fff; font-weight:normal; overflow:hidden}
.kfbox a{width:66px; height:24px; background-color:#fff; border-radius:6px; line-height:24px; text-align:center; display:inline-block; font-size:12px; }
.nanbox a{ color:#439cff}
.nanbox a:hover{ color:#0077fd}
.kfbox:hover .kfbox_toub{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.nvbox a{ color:#ff6666}
.nvbox a:hover{ color:#ff2c2c}
.lartent .leadlist{ padding:10px 0; display:block; overflow:hidden}
.lartent .leadlist li{ padding:0; line-height:35px; height:35px; border-bottom:1px dotted #ddd}
.lartent .ztlist li{ padding-left:15px; background-position:-12px center}
/*文章内页*/
 .newdetail{ display:block; overflow:hidden; margin-top:12px}
 .neirong{letter-spacing:0.06em;line-height:1.8em;text-align:justify;text-justify:inter-ideograph;padding-bottom:14px;min-height:30.5em;overflow:hidden; border-bottom:1px dotted #cecece;padding-right:10px}
.neirong p{}
/*.neirong h2{font-size:1.75em;text-align:center;font-weight:normal;margin-top:0.5em;+margin-top:0.4em;}*/
.neirong p.image{text-align:center;font-size:0.875em; text-indent:inherit;font-weight:bold;}
.neirong p.image img,.neirong p.image embed,.neirong p.image object{max-width:45em;min-width:37em;}
.neirong p.image embed,.neirong p.image object{min-height:25em;}
.neirong p img,.neirong p embed,.neirong p object{max-width:42em;min-width:37em; display:block; margin:0 auto}
.neirong p embed,.neirong p object{+width:550px;+height:400px;}
.msg_line{border-bottom:1px dotted #bbbbbb;margin:1.2em 0em 1.5em 0em;}
.other_msg{height:2.6em;line-height:2.6em;font-size:0.875em;text-align:center;color:#666;margin:0em auto; display:table;+width:45em;}
.other_msg_tab{+width:21em;}
.other_msg_two{+width:36em;}
.other_msg{height:2.6em;line-height:2.6em;font-size:0.875em;text-align:center;color:#666;margin:0em auto; display:table;+width:45em;}
.other_msg_tab{+width:21em;}
.other_msg_two{+width:36em;}
.author,.pubTime,.share{margin:0em 1em;line-height:2em;height:1.75em; overflow:hidden;float:left;}
.share{width:20em;}
.neirlabel{line-height:30px; display:block; overflow:hidden}
.laberlbar{ line-height:30px; display:block; overflow:hidden; color:#0066cc; padding:10px 0}
.label{ height:30px; line-height:30px; display:inline-block; padding:0 12px; border:1px solid #0066cc; margin:0 5px; border-radius:6px; color:#0066cc; cursor:pointer}
.label:hover{ border:1px solid #f90; background-color:#f90; color:#fff}
.tiwenbtn{ padding:0 12px; background-color:#ff9600; border-radius:6px; display:inline-block; color:#fff}
.nerib{ine-height:30px; display:block; overflow:hidden; padding:10px}
.tiwenbtn img{ display:inline-block; float:left}
.newdetail .page{ padding-top:10px}
.newdetail .page a{ margin:0 3px}
.newdetail .page i{ font-weight:normal; font-style:normal; padding-right:10px; line-height:36px}
.newdetail .page i em{font-style:normal;}
.tetishi{ display:block; overflow:hidden; text-align:center; font-size:12px; color:#999; padding:5px 0}
.pageulb{ display:block; overflow:hidden; font-size:12px; color:#888888}
.pageulb p{ line-height:26px}
.pageulb a{ display:inline-block; color:#0066cc; cursor:pointer}
.pageulb a:hover{ color:#f60}
.artrevbar{ padding:20px 0; display:block; overflow:hidden;text-align:center}
.circlebar{ display:inline-block; width:46px; margin:0 15px }
.circlebar a{ width:46px; height:46px; display:block; overflow:hidden; line-height:46px; text-align:center; border-radius:46px; border:1px solid #0066cc}
.circlebar a i{width:22px; height:22px; display:block; overflow:hidden; margin:12px auto 0;transition: all .2s;}
.scbtn a i{background:url(../images/i_sc.png) no-repeat center center; }
.circlebar p{height:30px; line-height:30px; text-align:center; font-size:14px; color:#0066cc}
.circlebar:hover a,.circlebar.on a{ border:1px solid #f60; background-color:#f60}
.scbtn:hover a i,.scbtn.on a i{background:url(../images/i_sc_hv.png) no-repeat center center; }
.circlebar:hover p,.circlebar.on p{ color:#f60}
.circlebar:hover a i{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.dzbtn a i{background:url(../images/i_dz.png) no-repeat center center; }
.dzbtn:hover a i,.dzbtn.on a i{background:url(../images/i_dz_hv.png) no-repeat center center; }
.dcbtn a i{background:url(../images/i_dc.png) no-repeat center center; }
.dcbtn:hover a i,.dcbtn.on a i{background:url(../images/i_dc_hv.png) no-repeat center center; }

.linkbed{ color:#0066cc}
.linkbed:hover{ color:#f60}

.layer999{width:698px; height:520px;position:absolute;left:50%;top:50%; margin:-260px 0 0 -349px;z-index:811210; background:url(../images/wd_ft.gif) no-repeat;}
.answer_close999{display:block;width:11px;height:11px;right:12px;position:absolute; top:12px;background:url(../images/sicon.png) no-repeat 0 0;}
.layer999 h2{ font-size:14px; line-height:25px; height:25px; border-bottom:2px solid #dddddd; width:638px; position:absolute; top:10px; left:19px; background:url(../images/sicon.png) no-repeat 1px -30px; padding-left:22px;}
.question_box{width:680px;height:470px;overflow-y:auto;overflow-x:hidden; position:absolute; top:37px;left:9px;}
.answer_iframe{width:698px; height:520px;position:absolute;top:50%;left:50%; margin:-260px 0 0 -349px;z-index:100000;}

.leave_msg_btn{color:#000; width:68px; height:23px; background:url(../images/36.jpg) no-repeat; border:0; margin:10px 0 0 10px;}
.leave_msg_btn:hover{ background:url(../images/36_2.jpg) no-repeat;}
.write_msg{width:638px;height:120px; margin:10px 10px 0;}

.reply_msg_btn{color:#000; width:68px; height:23px; background:url(../images/36.jpg) no-repeat; border:0; margin:10px 10px 10px 0;}
.reply_msg_btn:hover{ background:url(../images/36_2.jpg) no-repeat;}



/*2018-11-20-补充样式--*/
.disbent a.price{ font-size:32px}
.lit{margin:13px 8px 0 0; float:left; font-size:12px}
.lit span{ float:left; display:block; line-height:18px; padding-right:10px; color:#666; display:none;}
.l_det,.l_det_zk{ background:url(../images/img_close.png) no-repeat center center;width:18px; height:18px; display:block; overflow:hidden; float:right; }
.l_det_zk{ background:url(../images/img_open.png) no-repeat center center;}
/*.l_det:hover,.l_det_zk:hover{transition: all .2s;-webkit-transform: rotate(180deg);transform: rotate(180deg);}*/
.catlist a:hover .lit span{ color:#000}
.catlist .le2 .lit{margin-left:-5px;margin-right:5px;}
.catlist .le3{ background:none;padding-left:90px;}
.catlist .le2{padding-left:58px;}
.catlist .i_wz .lit{ display:none;}




/*2018-11-23-APP下载页面*/
/*APP下载页面*/
.wraper{width:100%; height:0; display:block; overflow:hidden; position:relative; padding-top:34.72%}
.downbanner{width:100%; height:100%; position:absolute; left:0; top:0}
.downbanner img{ width:100%; height:100%; display:block; overflow:hidden}
.downtext{width:1200px; display:block; height:100%; position:absolute; left:50%; margin-left:-600px; top:0;}
.downthtl{ height:30px; line-height:30px; font-weight:normal; font-size:30px; color:#FFFFFF; position:absolute; left:0; top:46px}
.downpt{width:426px; display:block; position:absolute; left:0; top:94px; overflow:hidden; color:#fff}
.downpt p{ font-size:12px; line-height:22px}
.downbtnbar{ height:36px; display:block; line-height:36px;position:absolute; left:0; top:172px;}
.dsbtn{width:116px; height:34px; line-height:30px; text-align:center; font-size:14px; color:#fff; border-radius:6px; border:2px solid #fff; cursor:pointer; margin-right:18px;transition: all 0.5s ease-in-out;}
.downbtnbar a{ float:left}
.dsbtn:hover{ border:2px solid #f90; background-color:#f90}
/*APP下载页 补充*/
h1.vrtitle { width: 260px; padding-top: 40px; margin: 0 auto; font-size: 16px; color: #666; text-align: center; font-weight: normal; background: url(../images/apptitle01.png ) no-repeat center top; display:block; margin-top: 50px;  }
h1.vrtitle02 { background: url(../images/apptitle02.png ) no-repeat center top;  color: #fff}
h1.vrtitle03 { background: url(../images/apptitle03.png ) no-repeat center top;  color: #fff}
.conwraper { width: 1200px;   margin: 0 auto; display:block; overflow:hidden;   position: relative;  }
.conwraper .vr3d { width: 100%; height:260px;  padding-top: 30px; padding-left: 150px }
.conwraper .vr3d h1 { font-size: 28px; color: #000; font-weight: normal; padding:20px 0 10px 0 ;  float: left; }
.conwraper .vr3d span {  float: left; font-size: 28px; margin-top: 6px; color: #000}
.conwraper .vr3d p { font-size: 14px; color: #999; line-height: 24px;   }
.conwraper .vrimg { position: absolute; bottom: 0; right: 0; width: 650px; height: 223px }
.conwraper .vrimg img{ width: 100%; height: 100% }
.conwraper .vrskpt { width: 100%; background: url(../images/appdown02.png) no-repeat center bottom; }
.conwraper .vrskpt table {  width: 80%;  margin: 0px auto; padding: 25px 0;  }
.conwraper .vrskpt table tr td { vertical-align: middle; text-align: center;}
.conwraper .vrskpt table tr td  a { width: 184px; height: 184px; border-radius: 50%; display: inline-block; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%;  color: #fff; }
.conwraper .vrskpt table tr td  a h2 { margin-top: 50px; font-size: 18px; font-weight: normal; }
.conwraper .vrskpt table tr td  a p { height: 3px; background: #fff;  width: 60px; margin: 10px auto}
.conwraper .vrskpt table tr td  a h3 { font-size: 24px; font-weight: normal; position: relative; }
.conwraper .vrskpt table tr td  a h3 span.counterUp {  font-size: 24px; font-weight: normal; color: #fff; }
.conwraper .vrskpt table tr td  a h3 span.plus { position: absolute; left: auto; top: -16px; }
.conwraper .vrskpt table tr td  a.bgcolor1 {  background: rgba(204,102,0,0.8); }
.conwraper .vrskpt table tr td  a.bgcolor2 {  background: rgba(153,0,0,0.8); }
.conwraper .vrskpt table tr td  a.bgcolor3 {  background: rgba(0,51,204,0.8); }
.conwraper .vrskpt table tr td  a.bgcolor4 {  background: rgba(0,153,204,0.8); }
/*app下载页 about us*/
.aboutusbar{width:1200px; display:block; overflow:hidden; margin:30px auto 0}
.abouttit{ height:72px; display:block; overflow:hidden; background:url(../images/apptitle05.png) no-repeat 0 0}
.aboutbox{ display:block; overflow:hidden;  height:auto;}
.aboutbox p { text-indent: 30px; font-size: 14px; color: #666; line-height: 24px; text-align: center; margin:10px; }
.aboutcon{ height:auto; display:block; overflow:hidden}
.aboutleft,.aboutright{width:72px; height:120px; display:block; float:left; margin-top: 100px}
.aboutleft a,.aboutright a{width:72px; height:120px; display:block; overflow:hidden; cursor:pointer}
.aboutleft a{ background:url(../images/iclet.png) no-repeat 0 0}
.aboutright a{ background:url(../images/icriht.png) no-repeat 0 0}
.aboutleft a:hover{ background:url(../images/iclet_hv.png) no-repeat 0 0}
.aboutright a:hover{ background:url(../images/icriht_hv.png) no-repeat 0 0}
.aboutcard{ width:1056px; height:400px;  display:block; float:left; overflow:hidden}
.aboutlist{ height:auto; display:block; margin-top:16px}
.aboutlist li{ width:240px; height:auto; display:block; float:left; margin-right: 30px}
.aboutlist li a{display:block;border-radius:6px;  cursor:pointer}
.aboutlist li a h1 { text-align: center; font-size: 18px; color: #333; font-weight: normal; margin-top: 10px; }
.aboutlist li a p { text-indent: 0; text-align: center; color: #999; font-size: 14px; }
.aboutlist li a img{display:block; width:240px; height:240px; }

/*app下载页 solution*/
.solutionbar{ display:block; overflow:hidden; height:auto; background:url(../images/partnerbar.jpg) repeat-x 0 0}
.solutionbox{ width:1200px; display:block; overflow:hidden; margin:26px auto 0}
.solutiontit{ height:58px; display:block; overflow:hidden; background:url(../images/apptitle04.png) no-repeat 0 0}

/*图标&文字 按钮通用 */
.dtebtn { padding: 0 30px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#fff; border-radius:6px; border:2px solid #fff; cursor:pointer; margin-right:18px;transition: all 0.5s ease-in-out; }
.dtebtn img{ height: 20px; margin-right:  10px; float: left; margin-top:5px }
.dtebtn span { float: left; line-height:33px }
.dtebtn:hover,.dtehv{ border:2px solid #f90; background-color:#f90}
/*图标&文字 按钮通用 end*/
.pc_web{width:367px; height:328px; display:block; overflow:hidden; background:url(../images/pc_web.png) no-repeat 0 0; position:absolute; top:78px; right:0}
.app_one,.app_two{width:209px; height:376px; display:block; overflow:hidden; background:url(../images/app01.png) no-repeat 0 0; position:absolute; right:550px; top:120px}
.app_two{ background:url(../images/app02.png) no-repeat 0 0; right:342px}
.app_100vr,.app_wei{width:120px; height:142px; display:block; overflow:hidden; background:url(../images/appwei01.png) no-repeat 0 0; position:absolute; bottom:40px; left: 0px;}
.app_wei { background:url(../images/appwei02.png) no-repeat 0 0; left:170px }
.app_three { width: 350px;  height: 400px; background: url(../images/app03.png) no-repeat center bottom; position:absolute; left: 50%; bottom: 0px; margin-left: -175px ; z-index: 1000}
/*标签云样式*/
#tagsList { position: relative;  width: 1200px; height: 100%;  margin: 0 auto ; overflow: hidden; z-index: 100}
#tagsList a {position: absolute; top: 0px;  left: 0px;  color: #fff; text-decoration: none;padding: 3px 6px; }
#tagsList a:hover { color: #ffc600; }


/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
/*新增12.3  选择感兴趣专业*/
.xqbody{background:url(../images/body01.png) repeat-x 0 0 #fffff8;}
.track {width: 100%;position: relative; overflow:hidden;background:url(../images/bottom01.png) no-repeat center bottom;}
.track_tab{width: 100%;position: relative; overflow:hidden;background:url(../images/body02.png) no-repeat left bottom #fff;}
.track h5{ display:block; text-align:center;font-size:38px;margin:80px 0px 30px 0px;}
.track h5 i{color:#ff6600;font-style:normal;}
.track h5 a{font-size:16px; display:inline-block;margin-left:50px; font-weight:normal;background:url(../images/refresh.png) no-repeat 0 center;padding-left:21px;}
.track h5 a:hover{color:#ff6600;background:url(../images/refresh_f00.png) no-repeat 0 center;}
.view-port, .track .inner {width: 1030px;}
.view-port {overflow: hidden;position: relative;height:560px;}
.track .inner {position: relative;margin: auto;margin-bottom: 10px;padding: 10px;border-radius: 4px;}
.track .inner h2 {font-weight: 200;font-family: Helvetica,Arial,Verdana,sans-serif;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);text-transform: uppercase;color: #999;}
.track .inner h2:hover {color: #6A3;}
.track a.prev,.track a.next {display: block;position: absolute;top: 50%;margin-top: -32px;width:80px;height:88px;background: url("../images/arrows.png");background-repeat: no-repeat;}
.track a.prev.disabled,.track a.next.disabled {display: none;}
.track a.prev {left:5%;background-position: 0 0;}
.track a.prev:hover {background-position: 0 -88px;-webkit-transform: translateY(-5px);transform: translateY(-5px);transition: all 0.25s}
.track a.next {right:5%;background-position: 0 -176px;}
.track a.next:hover {background-position: 0px -264px;-webkit-transform: translateY(-5px);transform: translateY(-5px);transition: all 0.25s}
.slider-container {position: relative;margin: 0;padding: 0;height: 166px;}
.slider-container.big {height: 288px;}
.slider-container.huge {height: 432px;}
.slider-container .item {position: absolute;width: 244px;height:450px;margin-right: 16px;margin-bottom: 36px;}
.slider-container .item ul li a{width: 244px;height:172px;border:#dcdcdc 1px solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; background:#fff; position:relative;}
.slider-container .item ul li a:hover{border:#ff6600 2px solid;}
.slider-container .item ul li a img {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;width:230px;height:130px;margin:6px 6px 0px 6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.slider-container .item ul li a img.sel01{width:20px;height:20px; position:absolute;right:0px;bottom:7px; display:none;}
.slider-container .item ul li a.sel{border:#ff6600 2px solid;}
.slider-container .item ul li a.sel img.sel01{ display:block;}
.slider-container.big .item,.slider-container.big .item .img-area {height: 288px;}
.slider-contaiber.huge .item {margin-bottom: 12px;}
.slider-container .item_tab{width:1050px;height:auto;}
.slider-container .item_tab ul li{float:left;margin-right:15px; height: 172px}
.slider-container .item ul li{margin-bottom:15px;}
.slider-container .item ul li a p { padding: 0;margin: 0; text-align:center;margin-top:0px;font-size:16px;}
.slider-container .item.cover {width: 940px;}
.slider-container .item.cover-2 {height: 432px;}
.slider-container .item.cover img {float: left;}
.slider-container .item.cover-2 img { float: none;}
.slider-container .item.cover .img-area {float: right;margin-left: 16px;}
.slider-container .item.cover-2 .img-area { float: none;margin-left: 0;margin-top: 12px;}
.slider-container .item.cover-2 .img-area .img-block:first-child { margin-right: 14px;}
.slider-container .item.cover .img-block {height: 128px;}
.slider-container .item.cover-2 .img-block {float: left;}
.img-block {margin-bottom: 16px;}
.bullet-pagination {width: 100%;text-align: center;margin-top: 15px;}
.bullet {display: inline-block;background: #999;height:12px;width:12px;border-radius:100%;margin-right:8px;border:#b5b5b5 1px solid; background:#fff;-webkit-transition: opacity 0.5s linear;-moz-transition: opacity 0.5s linear;-ms-transition: opacity 0.5s linear;-o-transition: opacity 0.5s linear;transition: opacity 0.5s linear;}
.bullet.active { background:#ff6600;border:#ff6600 1px solid;}
.bullet:last-child {margin-right: 0;}
#example-4 img {width: 228px;height: 132px;}
.example-4 .loading {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(255, 255, 255, 0.8);border-radius: 4px;text-align: center;line-height: 140px;padding: 4px 0;z-index: 1;}
.example-4 .loading:before {content: "loading...";}
.example-4 .bullet {cursor: default;}
.example-1 a.prev,.example-1 a.next {margin-top: -69px;}
.example-2 a.prev,.example-2 a.next {margin-top: -58px;}
.example-3 a.prev,.example-3 a.next {margin-top: -53px;}
.example-4 a.prev,.example-4 a.next {margin-top: -68px;}
.view-port {overflow: hidden;position: relative;}
.slider-container {position: relative;margin: 0;padding: 0;}
.item {position: absolute;}
.bz_box{width: 1050px;margin:0 auto;overflow:hidden;padding-bottom:40px;padding-top:5px;}
.bz_box span{float:left;font-size:30px;margin-left:20px;+margin-left:10px;}
.bz_box span i{font-size:16px; font-style:normal;color:#444;}
.bz_box a{float:right;width:120px;height:40px;line-height:40px;font-size:16px;margin-right:10px;text-align:center; background:#ff6600;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#fff;}
.bz_box a:hover{ background:#fe7316;-webkit-transform: translateY(-5px);transform: translateY(-5px);transition: all 0.25s;-moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow:2px 2px 5px #999;}


/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
/*404error */
.errorbody { background: #f8f8f8 }
.errorbanner{width:100%; height:100%; position:absolute; left:0; top:0}
.errorbanner img{ width:100%; height:100%; display:block; overflow:hidden}
.errortext{width:100%; display:block; height:100%; position:absolute; left: 0; /* left:50%; margin-left:-600px; */top:0;}
.errortext h1{ height:30px; line-height:30px; font-weight:normal; color:#e4be2b; position:absolute; left:18%; bottom:200px; font-size: 36px}
.errortext h2{ height:30px; line-height:30px; font-weight:normal; color:#fff; position:absolute; left:18%; bottom:140px; font-size: 26px}
.errortext h2 a { color:#e4be2b; display: inline-block; }
.webmapwrap { width:1300px; min-height:500px;  margin:20px auto; background: #fff;  overflow: hidden; }
.webmapwrap h1.webmaptit { font-size: 16px; font-weight: normal; padding-left: 40px; background: url(../images/error_map.png) no-repeat 10px center; height: 50px; border-bottom: 1px #008cff solid; line-height: 50px }
.webmapwrap .webmaptab { width: 100%;}
.webmapwrap .webmaptab tr td { vertical-align: middle; }
.webmapwrap .webmaptab tr td h2 { width: 100px; font-size: 16px; color: #008cff; font-weight: normal; padding: 8px 10px ;   text-align: center;}
.webmapwrap .webmaptab tr td a { display: inline-block;  line-height: 40px; font-size: 16px; color: #333; display: inline-block; margin-left: 20px; }
.webmapwrap .webmaptab tr td a:hover { color: #ff6600 }

/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
/*外框架 */
.wraperbg { width: 100%;  background: url(../images/vip_banner.png) no-repeat top center ; background-size: cover; padding: 20px 0 0 0 }
.wraperbg2 { width: 100%;  background: url(../images/vip_banner02.png) no-repeat top center ; background-size: cover; padding: 20px 0 0 0 }
.wraperbg3 { width: 100%;  background: url(../images/vip_banner03.png) no-repeat top center ; background-size: cover; padding: 20px 0 0 0 }
.wraperbg4 { width: 100%;  background: url(../images/vip_banner04.png) no-repeat top center ; background-size: cover; padding: 20px 0 0 0 }
.wraperbg5 { width: 100%;  background: url(../images/coopr_banner01.png) no-repeat top center ; background-size: cover; padding: 60px 0  }
.wraperbg6 { width: 100%;  background: url(../images/privacy_banner01.png) no-repeat top center ; background-size: cover; padding: 60px 0  }
.wraperbg7 { width: 100%;  background: url(../images/paylist_titbg.png) repeat-x top center ;  padding:  0  }

/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
/*VIP */
.vipbody { /*background: #f8f8f8*/ }
.vipwrap{ width:1350px; display:block; margin: 0 auto;  padding: 50px 0  }
.viptit  { width: 100%; text-align: center; }
.viptit img { display: inline-block; }
.viptit h1{ width: 100%;  font-weight:normal; color:#fff; font-size: 46px; text-shadow: 0px 4px 0px #c3193c; text-align: center;}
.viptit h2{ width: 100%; font-weight:normal; color:#fff; font-size: 20px; text-shadow: 0px 4px 0px #c3193c;  text-align: center;}
.viptit h3 { width: 100%; color:#000; font-size: 32px;  text-align: center; line-height: 70px  }
.viptit h3 b { color: #d20d2c }
.viptit h4 { width: 100%; font-weight:normal; color:#333; font-size: 24px;  text-align: center; line-height: 50px }
.viptit h5 { width: 100%; font-weight:bold; color:#000; font-size: 20px;  text-align: center; line-height: 40px }
.viptit p { color: #000; font-size: 16px; }
/*vip全年专业通会员*/
.viplist { width: 100%; margin: 20px auto 0 auto; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 20px 10px }
.viplist h1 {  width: 100%; text-align: center; color: #000; font-size: 26px; }
.viplist ul li { display: inline-block; margin: 10px  10px 0px 10px;}
.viplist ul li a {  padding: 10px 15px 10px 30px ; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden;}
.viplist ul li a:hover, .viplist ul li a.on { background:url(../images/dagou.png) no-repeat 10px center  #eee;;  }
.viplist ul li a h2 {font-size: 16px; line-height: 20px; font-weight: normal; color: #000; float: left; width: 96px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.viplist ul li a h4 {font-size: 12px; line-height: 20px; font-weight: normal; color: #999; float: left; text-decoration:line-through; text-align: center; width: 54px; white-space: nowrap; overflow: hidden; }
.viplist ul li a h3 {font-size: 16px; line-height: 20px; font-weight: normal; color: #000; float: left; margin-right:6px; width: 80px; overflow: hidden;text-align: right; white-space: nowrap;}
.viplist ul li a span { float:left; display: block; font-size: 12px; color: #fff; background: #d81037;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 4px 0; width: 30px; text-align: center; overflow: hidden; }
/*按钮*/
.vipbtn { text-align: right; margin: 20px 0 }
.vipbtn a.btn { 
    display: inline-block; width: 200px; height: 60px; line-height: 60px; margin-right: 30px; color: #000; font-size: 20px; text-align: center; 
    background: #ccc; border-radius: 10px; -webkit-border-radius: 10px; transition: all 0.5s ease-in-out;
} 
.vipbtn a.btn:hover,.vipbtn a.btn.current { background: #00a9f7; color: #fff }
 .vipbtn p { margin-top: 10px; }
.vipbtn p a { float: right; cursor: pointer; margin-right: 34px; color: #666}
.vipbtn p a:hover { color: #d81037;  }
/*按钮*/
/*vip全年专业通会员 end*/
table.viptab { width: 100%; margin-top: 20px }
table.viptab tr td { vertical-align: middle; text-align: center; }
table.viptab tr td a.circle { padding: 20px; cursor: pointer; }
table.viptab tr td a.circle  img { border-radius: 50%; width: 100% }
table.viptab tr td a.circle  p { color: #000; font-size: 16px; line-height: 30px; margin-top: 10px }
table.viptab tr td a.square { padding: 20px; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
table.viptab tr td a.square span.vipqq { display: inline-block; width:60px; height: 90px; background: url(../images/vipqqicon.png) no-repeat left center;transition: all 0.5s ease-in-out; }
table.viptab tr td a.square span.vipphone { display: inline-block; width:60px; height: 90px; background: url(../images/vipphoneicon.png) no-repeat left center;transition: all 0.5s ease-in-out; }
table.viptab tr td a.square span.viphelp { display: inline-block; width:60px; height: 90px; background: url(../images/viphelpicon.png) no-repeat left center; transition: all 0.5s ease-in-out;}
table.viptab tr td a.square:hover { border-bottom: 3px #ea285a solid }
table.viptab tr td a.square:hover span.vipqq{ background-position: right center; } 
table.viptab tr td a.square:hover span.vipphone { background-position:right center; } 
table.viptab tr td a.square:hover span.viphelp { background-position: right center; } 
table.viptab tr td a.square h1 { color: #000; line-height: 30px; font-size: 18px;  }
table.viptab tr td a.square  p { color: #666; font-size: 16px; line-height: 30px; }
table.viptab tr td .vipconleft { padding: 0 20px; }
table.viptab tr td .vipconleft h1 { text-align: left; font-weight: normal; color: #fff; line-height: 60px;  font-size: 30px }
table.viptab tr td .vipconleft p { text-align: left; color: #fff; font-size: 16px ; line-height: 28px}
table.viptab tr td .vipconright { padding: 6px 20px; }
table.viptab tr td .vipconright h1 { text-align: right; font-weight: normal; color: #000; line-height: 60px;  font-size: 30px }
table.viptab tr td .vipconright p { text-align: right; color: #000; font-size: 16px ; line-height: 24px}

/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
/*合作推广 */
.cooprbody { /*background: #f8f8f8*/ }
.cooprwrap{ width:1350px; display:block; margin: 0 auto;  padding: 15px 0  }
.cooprtit  { width: 100%; text-align: center; }
.cooprtit img { display: inline-block; margin: 10px 0 }
.cooprtit h1{ width: 100%;  font-weight:bold; color:#fff; font-size: 22px; line-height: 40px; text-align: center;}
.cooprtit h2{ width: 100%; font-weight:normal; color:#fff; font-size: 16px; text-align: center;}
.cooprtit h3 { width: 100%; color:#0066cc; font-size: 34px;  text-align: center;  font-weight: bold; margin-top: 40px   }
.cooprtit h3 span { color: #ccc; font-size: 16px; font-weight: normal; padding: 0 30px;}
.cooprtit h4 { width: 100%; font-weight:bold; color:#ccc; font-size: 14px;  text-align: center; line-height: 30px; }
.cooprtit h5 { width: 100%; font-weight:bold; color:#000; font-size: 20px;  text-align: center; line-height: 40px }
.cooprtit p.text { width: 90%; margin: 20px auto; line-height: 36px; font-size: 18px; color: #333 }
.cooprtit p.tishi { height: 50px; margin: 20px auto 0 auto; line-height: 50px; font-size: 14px; text-align: center; color: #333 ; background: #f7faff; border: 1px solid #dddddd}

table.cooprtab { width: 100%;  }
table.cooprtab tr td { vertical-align: middle; text-align: center; }
table.cooprtab tr td a.circle { padding:20px 60px; cursor: pointer; }
table.cooprtab tr td a.circle  img { border-radius: 50%; width: 100% }
table.cooprtab tr td a.circle  p { color: #000; font-size: 20px; line-height: 30px; margin-top: 10px }
table.cooprtab tr td a.square { padding:0 20px; cursor: pointer; border: 1px #ddd solid; background: #fff; position: relative; border-radius: 10px; -webkit-border-radius: 10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
table.cooprtab tr td a.square img  { position: absolute; left: 10px; top: -6px; }
table.cooprtab tr td a.square:hover img{  
  animation: icon-jump ease-in 0.8s; animation-iteration-count: 1; transform-origin: 50% 50%;
  -webkit-animation: icon-jump ease-in 0.8s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%;
  -moz-animation: icon-jump ease-in 0.8s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; }
table.cooprtab tr td a.square h1{ font-size: 16px; text-indent: 30px; text-align: left; height: 40px; line-height: 40px; border-bottom: 1px #ddd dashed; color: #010101;  }
table.cooprtab tr td a.square p { color: #666; text-align: left; font-size: 14px; line-height: 30px}

table.cooprtab02 { width: 100%;  }
table.cooprtab02 tr td { vertical-align: middle; text-align: center; border-bottom: 1px #ccc solid }
table.cooprtab02 tr td span { color: #000; font-size: 18px; height: 80px; line-height: 80px; } 
table.cooprtab02 tr td a.lxbtn { width: 120px; height: 36px; display: inline-block; line-height: 36px; border: 1px solid #008bff; border-radius: 5px; font-size: 18px; color: #008bff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;  }
table.cooprtab02 tr td a.lxbtn:hover { color: #fff; background:#008bff;   }
/*联系地址 地图*/
form.companysel { width: 1000px; margin: 20px auto }
form.companysel span { font-size: 16px; color: #000; height: 40px; line-height: 40px; display: inline-block;  padding: 0 10px }
form.companysel select { width: 250px; height: 40px; line-height: 40px; color: #000; font-size:14px; padding: 0 10px; border-radius: 5px; -webkit-border-radius:5px;  cursor: pointer;  }
form.companysel input {  width:530px;  height: 40px; line-height: 40px; color: #000; font-size:14px; border-radius: 5px;display: inline-block; -webkit-border-radius:5px;  cursor: pointer; background: #fff; border: 1px #ccc solid; padding: 0 10px }
/*按钮*/
a.kefubtn { 
    width: 380px; height: 70px; background: url(../images/coopr_kefubg.png) no-repeat 0 0; margin: 70px auto 30px auto; position: relative; 
    color: #999; font-size: 32px; line-height: 70px; text-indent: 120px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
    transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out;
}
a.kefubtn img { position: absolute; left: 16px; bottom: 0 }
a.kefubtn:hover { color: #0066cc  }
a.kefubtn:hover img{ -webkit-animation: icon-bounce 0.5s alternate 0.5s; -moz-animation: icon-bounce 0.5s alternate 0.5s;animation: icon-bounce 0.5s alternate 0.5s; }
.cooprbtn { text-align: center; margin: 40px 0 0 0}
.cooprbtn a.btn { 
    display: inline-block; width: 200px; height: 60px; line-height: 60px; margin-right: 30px; color: #0066cc; font-size: 20px; text-align: center; 
    background: #eee; border-radius: 10px; -webkit-border-radius: 10px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
} 
.cooprbtn a.btn:hover { background: #f8af00; color: #fff }


/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
/*隐私条款 */
.cooprbody { /*background: #f8f8f8*/ }
.privacywrap{ width:1350px; display:block; margin: 0 auto;  padding: 15px 0  }
.privacytit  { width: 100%; text-align: left; }
.privacytit img { display: inline-block; margin:70px 0 }
.privacytit p.text { width: 100%; margin: 20px auto; line-height: 30px; font-size: 18px; color: #000; text-align: center;}
.privacycon { width: 100%; min-height: 500px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; padding:0 30px 30px 30px; border: 1px #eee solid  }
.privacycon h1 { font-size: 20px;  font-weight: normal; color: #000;  padding: 20px 0 ; display: inline-block;}
.privacycon h1 span { width: 8px; height: 26px; background: #0066cc;  float: left; margin-right: 10px; border-radius: 4px; -webkit-border-radius: 4px; }
.privacycon p { text-indent: 30px; font-size: 16px color#333; line-height: 24px }

/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
/*支付列表 */
.paylistwrap { width:1350px; display:block; margin: 0 auto;  padding: 15px 0  }
.paylisttit { width: 100%; height: 100px; text-align: left;  overflow: hidden;}
.paylisttit img { height: 100px; float: left; margin-right: 20px;  }
.paylisttit div.title { float: left;  }
.paylisttit h2 { font-size: 16px; color: #fff;  margin: 14px 0 8px 0;  width: 156px; height: 26px; line-height: 26px; background:url(../images/paylist_title.png) no-repeat 0 0;  font-weight: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.paylisttit h1 { font-size: 26px; color: #fff; }
.paylistcon { width: 100%; min-height: 500px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; padding:0 30px 30px 30px; border: 1px #eee solid  }
.paylistcon h1 { font-size: 20px;  font-weight: normal; color: #000;  padding: 20px 0 ; display: inline-block;}
.paylistcon h1 span { width: 8px; height: 26px; background: #0066cc;  float: left; margin-right: 10px; border-radius: 4px; -webkit-border-radius: 4px; }
.paylistcon p { text-indent: 30px; font-size: 16px color#333; line-height: 24px }
ul.kec_list { width: 100%; margin: 10px 0;  }
ul.kec_list li { display: block;  width: 100%; height: 120px; border: 1.5px #ddd solid; margin-top:20px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; position:relative; }
ul.kec_list li:hover , ul.kec_list li.current { border:1.5px #fe4073 solid; }
ul.kec_list li .headertit { width:65px; height:57px;  background:url(../images/paylist_tuij.png) no-repeat 0 0; position:absolute; left:0; top:0; }
ul.kec_list li .title { float: left;  margin: 0 50px;   }
ul.kec_list li .title h1 { font-size: 22px; color: #000;  padding: 20px 0 0 0; width: 250px; height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
ul.kec_list li .title h2 { font-size: 24px; font-weight: normal;  color: #fe4073;  padding: 10px 0 0 0 }
ul.kec_list li .con_block  { float: right; text-align: right;  }
ul.kec_list li .con_block a { display: inline-block; width: 130px;  }
ul.kec_list li .con_block a p { text-align:center; font-size:14px; }
ul.kec_list li .con_block a span { display: block; width: 100%; height: 70px;  }
ul.kec_list li .con_block a i { display:block; width:100%; height:20px; background:url(../images/i_dagou.png) no-repeat center center;  }
.paysel { margin-top: 20px; }
.paysel a { width: 200px; height: 80px; margin-right: 10px; display: inline-block; border: 1.5px #eee solid ; padding: 4px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out}
.paysel a img { height: 72px }
.paysel a:hover , .paysel a.current   { border: 1.5px #fe4073 solid ;}
.paycount { text-align: right;  }
.paycount .redborder { border: 1px #fe3d75 solid;  display:inline-block;  padding:16px  }
.paycount .redborderp { font-size: 16px; color: #000;  }
.paycount .redborder p span { display: inline-block; font-size: 45px; color: #fe3d75 ; font-weight: bold;  }
.paycount a.paybtn { margin-top: 10px; display:inline-block; color: #fff; background-color:#fe3d75; font-size: 16px; font-weight: bold; line-height: 40px; width: 150px; height: 40px; text-align: center;  cursor: pointer;}
/*icon鼠标经过  和  选中效果效果 方案1*/
ul.kec_list li .con_block a.time span { background: url(../images/paylist_time02.png) no-repeat center center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out}
ul.kec_list li .con_block a.light span { background: url(../images/paylist_light02.png) no-repeat center center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out}
ul.kec_list li .con_block a.media span { background: url(../images/paylist_media02.png) no-repeat center center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out}
ul.kec_list li .con_block a.mod span { background: url(../images/paylist_mod02.png) no-repeat center center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out}
ul.kec_list li .con_block a.book span { background: url(../images/patlist_book02.png) no-repeat center center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out}
ul.kec_list li.current .con_block a i, ul.kec_list li:hover .con_block a i { 
	background:url(../images/i_dagou_hv.png) no-repeat center center;  }
ul.kec_list li.current .con_block a.time span, ul.kec_list li:hover .con_block a.time span { 
	background: url(../images/paylist_time01.png) no-repeat center center;}
ul.kec_list li.current .con_block a.light span, ul.kec_list li:hover .con_block a.light span { 
	background: url(../images/paylist_light01.png) no-repeat center center;}
ul.kec_list li.current .con_block a.media span, ul.kec_list li:hover .con_block a.media span { 
	background: url(../images/paylist_media01.png) no-repeat center center;}
ul.kec_list li.current .con_block a.mod span, ul.kec_list li:hover .con_block a.mod span { 
	background: url(../images/paylist_mod01.png) no-repeat center center;}
ul.kec_list li.current .con_block a.book span, ul.kec_list li:hover .con_block a.book span { 
	background: url(../images/patlist_book01.png) no-repeat center center;}
/*效果 方案2*/
/*ul.kec_list li .con_block a.time span { background: url(../images/paylist_time01.png) no-repeat center center; }
ul.kec_list li .con_block a.light span { background: url(../images/paylist_light01.png) no-repeat center center;}
ul.kec_list li .con_block a.media span { background: url(../images/paylist_media01.png) no-repeat center center;}
ul.kec_list li .con_block a.mod span { background: url(../images/paylist_mod01.png) no-repeat center center;}
ul.kec_list li .con_block a.book span { background: url(../images/patlist_book01.png) no-repeat center center;}
ul.kec_list li .con_block a span, ul.kec_list li .con_block a i {opacity: 0.2; -webkit-opacity: 0.2; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
ul.kec_list li.current .con_block a span, ul.kec_list li:hover .con_block a span, ul.kec_list li.current .con_block a i, ul.kec_list li:hover .con_block a i  { 
    opacity: 1; -webkit-opacity:1; }*/

/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
/*课程排行 */
.kcphbody { background: url(../images/kcplacing_bg.png) no-repeat  center top #4a00bb; background-size: 100% auto;}
.kcphwrap{ width:1200px; display:block; margin: 0 auto;  padding: 50px 0  }
.kcphtit  { width: 100%; text-align: center; height: 486px; background: url(../images/kcplacing_banner01.png) no-repeat center top;  }
.kcphtit img { display: inline-block; }
.kcphtit .kcphbtn { text-align: center;  }
.kcphtit .kcphbtn a { display: inline-block;  width: 197px; height: 197px; margin:0 20px ; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.kcphtit .kcphbtn a.btn01 { background: url(../images/kcplacing_btn01.png) no-repeat center center; }
.kcphtit .kcphbtn a.btn02 { background: url(../images/kcplacing_btn03.png) no-repeat center center; }
.kcphtit .kcphbtn a.btn03 { background: url(../images/kcplacing_btn05.png) no-repeat center center; }
.kcphtit .kcphbtn a.btn04 { background: url(../images/kcplacing_btn07.png) no-repeat center center; }
.kcphtit .kcphbtn a.btn01:hover, .kcphtit .kcphbtn a.btn01.current { background: url(../images/kcplacing_btn02.png) no-repeat center center; }
.kcphtit .kcphbtn a.btn02:hover, .kcphtit .kcphbtn a.btn02.current { background: url(../images/kcplacing_btn04.png) no-repeat center center; }
.kcphtit .kcphbtn a.btn03:hover, .kcphtit .kcphbtn a.btn03.current { background: url(../images/kcplacing_btn06.png) no-repeat center center; }
.kcphtit .kcphbtn a.btn04:hover, .kcphtit .kcphbtn a.btn04.current { background: url(../images/kcplacing_btn08.png) no-repeat center center; }

.kcphnavwrap { position: relative; margin-top: 30px; height: 72px;  }
.kcphnavwrap #btnleft { background: url(../images/kcplacing_navbg.png) no-repeat 0 0;  height: 72px; width: 38px; position: absolute; top: 0; left: -38px; cursor: pointer;}
.kcphnavwrap #btnright { background: url(../images/kcplacing_navbg.png) no-repeat 0 bottom;  height: 72px; width: 38px; position: absolute; top: 0; right: -38px; cursor: pointer;}
.navbox { background: url(../images/kcplacing_navbg.png) repeat-x center center; position: relative; height: 72px; overflow: hidden;}
.kcphnav { text-align: center; position: absolute; left: 0; top: 0}
.kcphnav li { float: left; height: 72px;  }
.kcphnav li a { color: #fff; font-size: 16px; font-weight: bold; padding: 0 14px ; cursor: pointer; line-height: 72px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.kcphnav li a:hover, .kcphnav li a.current{ color: #f7ff11 }

.kcphcon { width: 100%; min-height: 500px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; padding:0 20px 20px 20px;  margin-top: 30px  }
.kcphcon h1 { font-size: 14px;  font-weight: normal; color: #000;  padding: 14px 0 ; border-bottom: 1px #ccc solid }
.kcphcon .kcphtab { width: 100%; }
.kcphcon .kcphtab tr td  { border-bottom: 1px #ddd solid; vertical-align: middle; text-align: center; padding: 20px 0 }
.kcphcon .kcphtab tr td h2 { color: #ff0000; font-size: 26px; text-align: center;  }
.kcphcon .kcphtab tr td h3 { font-size: 18px; font-weight: bold; color: #000; text-align: left; margin-bottom: 10px }
.kcphcon .kcphtab tr td h4 { font-size: 16px; background: #fbb03b;  display:inline-block; color: #fff;  text-align: left; padding:4px 8px; font-weight: normal; margin-bottom: 30px }
.kcphcon .kcphtab tr td h5 { padding-left: 24px; background: url(../images/kcplacing_hot.png) no-repeat left  center;  height: 40px; line-height: 40px; font-size: 18px; color: #000; font-weight: normal;}
.kcphcon .kcphtab tr td h5 span.redfont { color: #ff0000; }
.kcphcon .kcphtab tr td h6 { font-size: 14px; font-weight: normal; color: #333; text-align: right; }
.kcphcon .kcphtab tr td p { font-size: 16px; color: #333; text-align: left; }
.kcphcon .kcphtab tr td p.txtarea { font-size: 14px;  height: 60px; overflow: hidden; }
.kcphcon .kcphtab tr td .kephimg { width: 254px;  height: 146px; border-radius: 5px; -webkit-border-radius: 5px; }
.readinginfo { margin-top: 16px }
.readinginfo span { font-size: 14px; color: #666 ; margin-left:0 }
.readinginfo span.author { width: 120px; overflow: hidden;  }



/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
/*话题列表 & 话题内页 */
.topicbody { background: #f8f8f8 }
.topicwrap { width:1300px;margin:20px auto;  }
.topicbanner { margin-bottom: 20px; }
.topicbanner img { width: 100%;  }
.jxtopic {margin-bottom: 20px; }
.jxtopic img { float: left ; margin-right: 20px; }
.jxtopic a { float: left ; line-height: 30px; font-size: 14px; color: #333; margin: 0 10px; cursor: pointer; transition: all 0.5s ease-in-out; border-bottom: 1px transparent solid  }
.jxtopic a:hover { color:  #ff6600;  border-bottom: 1px #ff6600 solid  }
.topicleft { width: 73.5%; float: left;background: #fff;   }
.topicright { width: 25%; float: right;  }
.topicleft h1.webmaptit { font-size: 16px; font-weight: normal; padding-left: 40px; background: url(../images/topic_icon01.png) no-repeat 10px center; height: 50px; border-bottom: 1px #008cff solid; line-height: 50px }
.topicleft .webmaptab { width: 100%;}
.topicleft .webmaptab tr td { vertical-align: middle; }
.topicleft .webmaptab tr td h2 { width: 100px; font-size: 16px; color: #008cff; font-weight: normal; padding: 8px 10px ;   text-align: center;}
.topicleft .webmaptab tr td a { display: inline-block;  line-height: 30px; font-size: 14px; color: #333; display: inline-block; margin-left: 20px; }
.topicleft .webmaptab tr td a:hover { color: #ff6600 }
.topicleft .topicimg { margin-top: 20px; height:250px; overflow: hidden;  }
.topicleft .topicimg img { width:100%; }
.topiccon { background: #f8f8f8; height: 250px; margin-top: 20px; overflow: hidden;  }
.topiccon .headtit { background: url(../images/topic_banner03.png) no-repeat center 0; background-size: cover; padding: 10px;}
.topiccon .headtit h1{ color: #ffd21f ; font-size: 20px; line-height: 30px;}
.topiccon .headtit span { color:  #fff; font-size: 12px; }
.topiccon p { font-size: 14px;  padding: 10px ; text-indent: 28px }
.hottopic {  margin-bottom: 20px;  background: #fff;  }             /*****热门推荐*****/
.hottopic h1{ background: url(../images/topic_icon02.png) no-repeat 10px center;  font-size: 16px; font-weight: normal; padding-left: 40px;  height: 50px; border-bottom: 1px #008cff solid; line-height: 50px  }
.hottopic ul li { height: 36px; padding: 0 10px ;line-height: 36px;  font-size: 14px; cursor: pointer;}
.hottopic ul li a { color: #333; border-bottom: 1px dashed #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  padding-left: 20px; background: url(../images/topic_icon04.png) no-repeat 6px 16px;   }
.hottopic ul li a:hover { color: #ff6600; }
.hottopic ul li:last-child a {   border-bottom: 0 }
.profestopic { margin-bottom: 20px ;background: #fff;  }            /*****汽修专业*****/
.profestopic h1{ background: url(../images/topic_icon03.png) no-repeat 10px center;  font-size: 16px; font-weight: normal; padding-left: 40px;  height: 50px; border-bottom: 1px #008cff solid; line-height: 50px  }
.profestopic ul li { height: 36px; padding: 0 10px ;line-height: 36px;  font-size: 14px; cursor: pointer;}
.profestopic ul li a { color: #333; border-bottom: 1px dashed #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  padding-left: 20px; background: url(../images/topic_icon04.png) no-repeat 6px -22px;   }
.profestopic ul li a:hover { color: #ff6600; }
.profestopic ul li:last-child a {   border-bottom: 0 }
.rementopic { margin-bottom: 20px ;background: #fff;  }            /*****热门话题*****/
.rementopic h1{ background: url(../images/topic_icon05.png) no-repeat 12px center;  font-size: 16px; font-weight: normal; padding-left: 36px;  height: 50px; border-bottom: 1px #ccc solid; line-height: 50px  }
.rementopic #tagscloud{width:100%;height:260px;position:relative;font-size:12px;color:#333; text-align:center;}
.rementopic #tagscloud a{position:absolute;top:0px;left:0px;color:#333;font-family:Arial;text-decoration:none;margin:0 10px 15px 0;line-height:18px;text-align:center;font-size:12px;padding:1px 5px;display:inline-block;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.rementopic #tagscloud a.tagc1{background:#cf181d;color:#fff;}
.rementopic #tagscloud a.tagc2{background:#fb802a;color:#fff;}
.rementopic #tagscloud a.tagc3{background:#f4a9a7;color:#fff;}
.rementopic #tagscloud a:hover{color:#fff;background:#0099ff;}
.abouttopic { margin-bottom: 20px ;background: #fff;  }            /*****相关话题*****/
.abouttopic h1{ background: url(../images/topic_icon06.png) no-repeat 10px center;  font-size: 16px; font-weight: normal; padding-left: 36px;  height: 50px; border-bottom: 1px #ccc solid; line-height: 50px  }
.abouttopic ul li { height: 36px; padding: 0 10px ;line-height: 36px;  font-size: 14px; cursor: pointer;}
.abouttopic ul li a { color: #333; border-bottom: 1px dashed #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  padding-left: 20px; background: url(../images/topic_icon09.png) no-repeat 6px 18px;   }
.abouttopic ul li a:hover { color: #ff6600; }
.abouttopic ul li:last-child a {   border-bottom: 0 }
.liketopic { margin-bottom: 20px ;background: #fff;  }            /*****猜你喜欢*****/
.liketopic h1{ background: url(../images/topic_icon07.png) no-repeat 10px center;  font-size: 16px; font-weight: normal; padding-left:36px;  height: 50px; border-bottom: 1px #ccc solid; line-height: 50px  }
.liketopic ul li { height: 36px; padding: 0 10px ;line-height: 36px;  font-size: 14px; cursor: pointer;}
.liketopic ul li a { color: #333; border-bottom: 1px dashed #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  padding-left: 20px; background: url(../images/topic_icon09.png) no-repeat 6px 18px;   }


.liketopic ul li a:hover { color: #ff6600; }
.liketopic ul li:last-child a {   border-bottom: 0 }
.monthtopic { margin-bottom: 20px ;background: #fff;  }            /*****30天热搜*****/
.monthtopic h1{ background: url(../images/topic_icon08.png) no-repeat 14px center;  font-size: 16px; font-weight: normal; padding-left: 36px;  height: 50px; border-bottom: 1px #ccc solid; line-height: 50px  }
.monthtopic ul li { height: 36px; padding: 0 10px ;line-height: 36px;  font-size: 14px; cursor: pointer;}
.monthtopic ul li a { color: #333; border-bottom: 1px dashed #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  padding-left: 20px; background: url(../images/topic_icon09.png) no-repeat 6px -18px;   }
.monthtopic ul li a:hover { color: #ff6600; }
.monthtopic ul li:last-child a {   border-bottom: 0 }
.todaytopic { margin-bottom: 20px ;background: #fff;  }            /*****今日话题*****/
.todaytopic h1{ background: url(../images/topic_icon10.png) no-repeat 10px center;  font-size: 16px; font-weight: normal; padding-left: 36px;  height: 50px; border-bottom: 1px #ccc solid; line-height: 50px  }
.todaytopic ul li { padding: 14px 14px 0 14px;cursor: pointer; position: relative;}
.todaytopic ul li:last-child { padding-bottom: 20px  }
.todaytopic ul li p { line-height: 30px; text-align: center; font-size: 12px }
.advertise { height: 260px; overflow: hidden; margin-bottom: 20px}/*****广告栏目*****/
.advertise img { width: 100% }

	
a.a_sj{width:140px;height:34px;line-height:34px;display:inline-block;background:#ff5021;text-align:center;margin-left:20px;color:#FFF;font-weight:bold;}
a.a_sj:hover{background:#ff3600;}



/*-------2019-01-16---------*/
.substance{}
.substance .neirong{ padding-right:0; padding-bottom:30px}
.red{ color:#f00}
.substance .neirong p{ margin-bottom:5px}
.headtitl{height:50px; line-height:50px; border-bottom:1px solid #dedede; margin-bottom:10px; font-size:18px}
.headtitl span{width:6px; height:26px; float:left; display:block; margin:12px 10px 0 5px; border-radius:4px; background-color:#1081f1}
.dark{ color:#000}
.headtitlh4{height:30px; line-height:30px;margin:15px 0 5px; font-size:16px; text-indent:24px}
.ps{ font-size:12px; color:#666}
.substance .neirong p img{ max-width:100%}


/*-------2019-01-24---------*/
.versionbar{ position:absolute;left:0; top:176px; padding:0px; display:block;}
.windownbtn{width:290px; height:46px; line-height:46px; border-radius:6px; font-size:16px; color:#fff; background:url(../images/ico_window.png) no-repeat 0 0 #0079ff;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.4); box-shadow:0px 0px 6px rgba(0,0,0,0.4); padding-left:100px; cursor:pointer}
.windownbtn:hover{background:url(../images/ico_window_hv.png) no-repeat 0 0 #ff9000;}
.downbar{width:282px; height:119px; display:block; overflow:hidden; background:url(../images/ico_downbar.png) no-repeat 0 0; margin:20px 0 0 4px}
.advisorbtn{width:288px; height:44px; line-height:44px; border-radius:6px; border:1px solid #fff; font-size:16px; text-align:center; font-family:"微软雅黑"; margin-top:20px; color:#fff; background-color:rgba(255,255,255,.2)}
.advisorbtn:hover{ background-color:rgba(0,121,255,.8); border:1px solid #0079ff}

/*------2018-01-25-28-导航：全部课程-----*/
.headnav li a{transition: all .2s;}
.headnav li a span.i_dot{width:14px; height:14px; display:inline-block; background:url(../images/ico_headlidot.png) no-repeat 0 0; margin:0 0 -1px 4px}
.headnav li a:hover span.i_dot,.headnav li a.on span.i_dot{background:url(../images/ico_headlidot_hv.png) no-repeat 0 0;}
.fullcoursebar{ width:962px;min-height:534px; background-color:#fff; border:1px solid #d6d6d6; position:absolute; left:-320px; top:60px;-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.4); box-shadow:0px 0px 6px rgba(0,0,0,0.4); display:none}
.fulltlbar{ height:72px; border-bottom:1px solid #e6e6e6; background-color:#f8f8f8;}
.fulltlbar p{float:left;display:flex;padding:0 18px;height:45px;flex-direction:column;justify-content:center; margin-top:14px; font-size:18px; color:#666}
.fulltlbar p i{ font-style:normal; color:#ff8300}
.headnav li a.fullrightbtn{width:120px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; border-radius:4px; background-color:#ff660d; float:right; margin:14px 18px 0 0}
.headnav li a.fullrightbtn:hover{ background-color:#fe843c}
.headnav li a.fullrightbtn:active{ background-color:#f55a00}
.fullcourcent{ display:block; overflow:hidden; padding:14px 0 10px 18px;}
.headnav li a.fullist{margin:0 15px 10px 0;padding:8px 0 0 12px;width:172px;height:60px;border:1px #ddd solid;border-radius:4px;transition:border .2s; line-height:normal; float:left; background:none}
.headnav li a.fullist:hover{border-color:#ff8300; background:none}
.headnav li a.fullist .p1{color:#666;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.headnav li a.fullist:hover .p1{color:#ff8300}
.headnav li a.fullist .p1 i{ font-style:normal}
.headnav li a.fullist .p2 b{color:#999;font-size:12px;float:right;margin-right:10px; font-weight:normal; }
.headnav li a.fullist .p2{padding-top:4px;color:#666;font-size:12px}
.headnav li a.fullist .p2 span{color:#ff8300}
.headnav li:hover div.fullcoursebar{ display:block}

/*---------------------------------*//*---------------------------------*//*---------------------------------*//*---------------------------------*/
@media screen and (max-width: 1600px) {
 .webmapwrap { width: 1024px }
 .vipwrap { width: 1024px;}
 .cooprwrap {  width: 1024px; }
 .privacywrap {  width: 1024px; }
 .paylistwrap {  width: 1024px; }
 .topicwrap {  width: 1024px; }
}


/*支付列表-专业大类*/
ul.zhye_list { width: 100%; margin: 10px 0;  }
ul.zhye_list li { display: block;  width: 100%; height:245px;  margin-top:20px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; position:relative; }
ul.zhye_list li:hover div.purchhead,ul.zhye_list li.on div.purchhead { border:1.5px #fe4073 solid; }
.purchhead{width:342px; height:245px;border: 1.5px #ddd solid; display:
block; overflow:hidden; margin-right:5px; float:left; position:relative}
.purchcent{ float:left; display:block; overflow:hidden; height:245px; width:677px;border: 1.5px #ddd solid;}
.zhuanye_vip{width:62px; height:62px; display:block; overflow:hidden; margin:16px auto 0}
.zhuanye_titl{ height:40px; line-height:32px; text-align:center; font-size:20px; color:#000; font-weight:normal; display:block; margin:6px 10px 0; border-bottom:1px dotted #ccc;}
.zhanye_jiage{font-size:20px; text-align:center; color:#fe4073; padding:18px 0 10px}
.zhanye_jiage a{ display:inline-block; font-size:36px; color:#fe4073}
.zhuanye_ptext{ text-align:center; font-size:14px; color:#999999}
.zhuanye_xz{width:50px; height:50px; display:none; overflow:hidden; position:absolute; right:0; bottom:0}
ul.zhye_list li.on div.zhuanye_xz{ display:block}
.purchcent_titl{ padding:5px 0 0 8px; display:block; height:32px; line-height:32px; font-size:14px; color:#999; font-weight:normal; overflow:hidden}
.purchcent_titl span{ color:#ff660d}
.purchcent_list{ display:block; overflow:hidden; padding:8px 0 0 10px; height:108px}
.purchcent_list a{ display:block; height:28px; line-height:28px; padding:0 8px; font-size:12px; color:#fff; border-radius:6px; background-color:#ff660d; display:inline-block; margin-right:5px; margin-bottom:5px}
.purchcent_list a:hover{background-color:#fe4073}
.purchcent_ptext{ display:block; overflow:hidden; padding:0 10px 10px}
.purchcent_ptext p{ line-height:23px; height:23px; display:block; font-size:12px; color:#333333; padding-left:20px; background:url(../images/ico_purchcent_ptext.png) no-repeat 0px 5px;transition: all 0.5s}
ul.zhye_list li:hover .purchcent_ptext p,ul.zhye_list li.on .purchcent_ptext p{background:url(../images/ico_purchcent_ptext.png) no-repeat 0px -14px;}


/*------2018-02-13-导航：培训认证-----*/
.pxrzwrap{ width:1200px; display:block; margin: 0 auto;  padding: 40px 0;  }
.pxrzconright { padding: 60px 10px; }
.pxrzconright h1 { text-align:center; font-weight: normal; color: #000; line-height: 64px;  font-size: 40px }
.pxrzconright p { text-align:center; color: #666666; font-size: 20px ; line-height: 34px}
.pxsx{width:100%; background-color:#ba2036;}
.pxsxmain{width:1200px; display:block; margin: 0 auto;  padding: 30px 0; }
.pxsxup { padding: 6px 20px; }
.pxsxup h1 { text-align:center; font-weight: normal; color: #fff; line-height: 64px;  font-size: 40px }
.pxsxup p { text-align:center; color: #fff; font-size: 20px ; line-height: 34px;}
table.midtab { width: 100%; padding-top:20px; }
table.midtab tr td {  vertical-align: middle; text-align: center; padding:5px 20px;  }
table.midtab tr td  img { border-radius: 7%; width: 100% }
.pxsxdown{ text-align:center; padding:20px; 0;}
.zs{ width:1200px; padding:0px; margin: 0 auto; display:block;}
.zstop1{ padding-top:40px; height:87px;  display:block;   border-bottom:solid 1px #fa0000;  }
.zstop2{  height:47px;  display:block;   border-bottom:solid 1px #ff8129; }
.zstop3{  height:47px;  display:block;   border-bottom:solid 1px #0068b7; }
.zstop4{  height:47px;  display:block;   border-bottom:solid 1px #44bb15; }
.seachzs{width:1140px; display:block; overflow:hidden; margin:24px auto 0; height:50px; position:relative;border-radius:6px;}
.seachzs input{height:50px; line-height:50px; padding:0 60px 0 20px; border:1px solid #ccc; border-radius:6px; outline:none; width:1140px}
.i_seach{width:21px; height:23px; display:block; overflow:hidden; background:url(../images/i_seach.png) no-repeat 0 0; position:absolute; right:18px; top:12px; cursor:pointer}
.i_seach:hover,.seachzs:hover .i_seach{ background:url(../images/i_seach_hv.png) no-repeat 0 0}
.seachzs input:hover{ border:1px solid #f60}
.zsmain{ width:1140px; padding:40px 0; margin:auto;}
.zsmain h3{text-align:left; font-weight: normal;  color: #666666; line-height: 30px;  font-size: 18px}
.zsmain p{text-align:left;   color: #000; line-height: 30px;  font-size: 18px}
.zsimg { width:1200px; padding:40px 0;}
table.zstab { width: 100%; padding-top:20px; }
table.zstab tr td {  vertical-align: middle; text-align: center; padding:5px 20px;  }
table.zstab tr td  img { border-radius: 2%; width: 100% }
table.zslist{ width:1200px; padding:0; text-align: center;}
.zskdy { width:1140px; padding-top:20px; font-size:18px; color:#666; margin:0 auto;  }
table.zskd { width:100%; line-height:34px;  }
table.zskd tr td img { text-align:right; height:361px;  display:block;margin-bottom:-18px}

.defaultbar{ display:none; overflow:hidden; padding-top:20px}
.checknocard{ display:block; overflow:hidden; text-align:center; padding-top:20px}
.checknocard p{ text-align:center; padding:5px}
.certificatelist{ display:block; overflow:hidden; padding-top:20px}
.certificatelist table{width:100%; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb}
.certificatelist table td,.certificatelist table th{ text-align:center; padding:8px; vertical-align:middle; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
.certificatelist table th{ background-color:#e8f4ff}


/*快速导航*/
.scroll-nav{position:absolute;left:50%;margin-left:-600px;top:654px;width:60px;background:#f7f8fa;border-radius:5px;text-align:center;overflow:hidden;z-index:10;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.scroll-nav a{display:block;height:70px;text-align:center;border-bottom:1px #ddd solid;padding-top:17px;line-height:18px;color:#333; cursor:pointer}
.scroll-nav a.spe{padding-top:17px}
.scroll-nav a:last-child{border:0}
.scroll-nav a.on,.scroll-nav a:hover{background:#ffd500;border:0;margin-top:-1px;height:71px;padding-top:18px}
.scroll-nav.floor-fixed{position:fixed;top:110px}


/*专业大类图片交互*/
.quapicb{ position:relative}
.quapicb .play-cover {position: absolute;left: 0;bottom: 0;width: 100%;height:0;background: rgba(0, 0, 0, .4);opacity:0;transition: all .25s;font-size:26px; font-weight:normal;display: table-cell;vertical-align:middle; color:#fff; text-align:center; }
.quapicb .play-cover i{font-family:"黑体"; font-style:normal; padding-left:4px}
.quapicb:hover .play-cover { opacity: 1; height:212px;line-height:212px;}
.quapicb:hover .play-cover:before {-webkit-transform: scale(1); transform: scale(1);}

/* 2019年7月15日 新增 全部课程 */

/**
* 头部标题 + 搜索框版式
.allcourtl .ctitle { height: 90px; font-size: 22px; font-weight: normal; line-height: 90px;  padding-left: 60px; background: url(../images/icon_course.png) no-repeat left center; }
.allcourtl .csearch {  position:relative; top: 22px; width:300px; height:40px; overflow:hidden;}
.allcourtl .csearch input { width:300px; height:40px; line-height:40px; padding:0 50px 0 10px; border:1px solid #ccc;   border-radius:4px; background: #eee  outline:none; }
.allcourtl .csearch input:hover{ border:1px solid #f60}
.allcourtl .csearch .i_seach { top: 8px } */
.allcourtl { width: 1170px; margin: 0 auto; overflow: hidden; }
.allcourtl .hotsearch { width: 840px; overflow: hidden; margin:10px auto;  }
.allcourtl .hotsearch h1 { font-size: 16px; color: #999 }
.allcourtl .hotsearch li { float: left;  margin-left:10px;  margin-top:10px;   }
.allcourtl .hotsearch li a { display: block; max-width: 200px; height: 38px; line-height: 38px; font-size: 14px; color: #0066cc;  cursor: pointer; border: 1px #0066cc solid; padding:0 14px; 
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;border-radius: 5px; }
.allcourtl .hotsearch li a:hover { color: #fff; background: #0066cc }
.allcourcon { position: relative; width: 1170px; min-height: 600px; margin: 0 auto;  overflow: hidden;}
.labelbox { position: relative; padding-left: 110px;  padding-top: 10px; padding-bottom: 20px; border-bottom: 1px #eaeaea solid}
.labelbox .labeltit { position: absolute;left: 0; width: 110px; top: 50%; margin-top: -10px; font-size: 14px ; text-align: center;background: #0066cc; 
    color: #fff; line-height: 30px; border-radius: 0 15px 15px 15px;}
.labelbox .labeltit::before { content: ""; display: block;  position: absolute; left:5px; top: 5px; width: 4px; height: 4px; border-radius: 50%; background: #fff; }
.labelbox .labellist { overflow: hidden; }
.labelbox .labellist li{ width: 166px; float: left; border: 1px #eee solid; border-radius: 8px; overflow: hidden; margin: 10px 0 0 10px;}
.labelbox .labellist li a { display: block; height: 40px; line-height: 40px; text-align: center; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; 
    overflow: hidden; color: #666; background: #fff; transition: all .5s }
.labelbox .labellist li a:hover {  color: #fff; background: #ff6600; cursor: pointer;  }
/*能力提升*/
.abilitybar{width:1200px; display:block; overflow:hidden; margin:30px auto 0}
.abilitytit{ height:72px; display:block; overflow:hidden; background:url(../images/apptitle06.png) no-repeat 0 0}
.abilitybox{ display:block; overflow:hidden;  height:auto;}
.abilitybox p { text-indent: 30px; font-size: 14px; color: #666; line-height: 24px; text-align: center; margin:10px; }
.abilitycon{ width: 1100px; margin: 0 auto; overflow:hidden}
.abilitylist{ height:auto; display:block; margin-top:16px; overflow: hidden;}
.abilitylist li{ width:240px; height:auto; display:block; float:left; margin-right: 30px; margin-bottom: 30px}
.abilitylist li a{display:block;border-radius:6px;  cursor:pointer}
.abilitylist li a h1 { text-align: center; font-size: 18px; color: #333; font-weight: normal; margin-top: 10px; }
.abilitylist li a p { text-indent: 0; text-align: center; color: #999; font-size: 14px; }
.abilitylist li a img{display:block; width:100%; height:100%; }

/*2019年7月15日 新增课程搜索页列表显示*/
.courselist{ position: relative; height:152px; display:block; overflow:hidden; border-radius:8px; background-color:#fff; margin-top:10px; padding: 10px}
.coursepic{ position: relative; width:210px; height:132px; border-radius:8px; float:left; margin-right: 10px; overflow: hidden;*display:inline; z-index:1000;}
.coursepic img{width:100%; height:100%; display:block; transition: all .2s;}
.coursepic:hover img{ -webkit-transform: scale(1.05);transform: scale(1.05);}
.coursebox{ height:132px; overflow:hidden;display:inline; cursor:pointer;}
.coursebox h2{ color:#222; font-size:18px; font-weight:bold; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-bottom:5px;}
.courseextb{ display:block; overflow:hidden; padding:0; height:70px}
.courseextb .courdetail{ line-height:19px; font-size:12px; color:#333;margin-top:30px;}
.coursebox .topbox{ overflow:hidden; margin-top:4px;}
.coursebox .topbox .tod{ font-size: 18px; color: #f60;  margin-right: 60px; font-weight: normal; overflow:hidden; margin-top:4px; float: left}
.courname {height: 24px; line-height: 24px; font-size: 12px; position:absolute;left:230px;top:40px; z-index:1000;}
.courname b{ font-weight: normal; background: #f60; border-radius: 2px; color: #fff; padding: 2px 10px; cursor:pointer;height: 24px; line-height: 24px; font-size: 12px;}

/*新增图标*/
.icon_matrix { display: block; width:32px; height: 28px; margin-top: 6px; border-radius: 4px; border: 1px #ccc solid; cursor: pointer; background: url(../images/icon_matrix.png) center top; }
.icon_matrix:hover { border: 1px #38cefd solid;}
.icon_list { display: block; width:32px; height: 28px; margin-top: 6px; border-radius: 4px; border: 1px #ccc solid; cursor: pointer; background: url(../images/icon_list.png) center top; }
.icon_list:hover { border: 1px #38cefd solid;}
.matrlist_on { background-position: center bottom; }
.youhui { width: 100px; height: 100px; position: absolute; left: 0; top: 0; background: url(../images/youhui.png) no-repeat 0 0; }
/*2019年7月16日 新增版式课程大类和课程小类--底部最新新闻*/
.newstl{ position:relative; padding: 0 14px;}
.newstl h3{  height:42px; line-height:42px; font-size:18px; color:#000; border-bottom:1px solid #e9e9e9; font-weight:normal}
.news_list { overflow: hidden; }
.news_list .news_li { position: relative; width: 50%; height: 40px; line-height: 40px; padding-right: 150px; padding-left: 26px;  }
.news_list .news_li a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  border-bottom: 1px #eee solid}
.news_list .news_li:last-child { border-bottom:none; }
.news_list .news_li:hover a { color: #f60; }
.news_list .news_li:hover {background: #eee}
.news_list .news_li::before { content: ""; display: block; position: absolute; top: 16px; left: 12px; width: 6px; height: 6px; border-radius: 50%; background: #0066cc }
.news_list .news_li .date { position: absolute; display: block; top: 0; right: 0px; width: 150px; height: 40px;  text-align: right; margin-right: 16px; line-height: 40px;  border-bottom: 1px #eee solid}


/*百度SEO爬虫课程地图*/
.webmapcon { padding: 10px 20px;  float: left}
.webmapcon .class { font-size: 16px; line-height: 30px; }
.webmapcon .course { font-size: 12px; float: left;  padding: 8px 16px; color: #666  }

/*新闻详情修改宽屏版*/
.newcatnavbar{ background-color:#fff; display:block; overflow:hidden; width:100%}
.newcatnavbar ul{ padding:12px 0 12px 10px; display:block; overflow:hidden;margin:0 auto}
.newcatnavbar li{height:40px; line-height:40px; display:block; float:left; margin-right:20px}
.newcatnavbar li a{height:40px; line-height:40px; display:block; cursor:pointer;text-align:center;transition: all .25s; font-size:15px}
.newcatnavbar li a:hover,.newcatnavbar li a.on{ color:#f60; border-bottom:3px solid #f60}
.item-c{width:362px; display:block; overflow:hidden; margin-top:15px}
.item-c .col-cards{ margin-right:6px; float:left}
.col-cards-item{position:relative; margin-bottom:6px}
.big .col-cards-item{width:148px; height:89px;}
.sm .col-cards-item{width:118px; height:70px;}
.xsm .col-cards-item{width:84px; height:89px;}
.item-c .xsm{margin-right:0}
.col-cards-item-info,.col-cards-item-detail,.col-cards-item .mark{position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;font-size: 15px;color: #fff;text-align: center}
.col-cards-item-info,.col-cards-item-detail{-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: .6s;transform-style: preserve-3d}
.col-cards-item .title {position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%)}
.col-cards-item .col-cards-item-info {z-index: 1;transform: rotateX(0deg)}
.col-cards-item .col-cards-item-detail {transform: rotateX(180deg)}
.col-cards-item .col-cards-item-detail .mark {background-color: rgba(0,0,0,.6)}
.col-cards-item .col-cards-item-detail .img {width: 100%;height: 100%}
.col-cards-item.hover .col-cards-item-info,.col-cards-item:hover .col-cards-item-info {z-index: 0;transform: rotateX(180deg)}
.col-cards-item.hover .col-cards-item-detail,.col-cards-item:hover .col-cards-item-detail {z-index: 1;transform: rotateX(0deg)}
.color-beige {background-color: #fac38c}
.color-azure{background-color: #88d5f2}
.color-green{background-color: #56dbaa}
.poly_item{ display:block; overflow:hidden}
.poly_item .item-c{ margin-left:0; display:block; overflow:hidden; padding:10px 0}
.lartent .culum{ margin:8px 12px 10px 0}
.lartent .cul-pic{ display:block; width:170px; height:97px;}
.lartent .culum p{ width:170px; line-height:24px; padding:4px 0; overflow:hidden;}
.newest{ padding:10px 0; display:block; overflow:hidden}
.newest .sortlist li a{ max-width:300px}
.newest .sortlist li span{ display:block;overflow:hidden; height:29px; line-height:29px; font-size:14px; color:#a6a6a6; float:right; padding-right:5px}
.newest .sortlist li:hover span{ color:#f60}
.random .sortlist li a{ max-width:340px}
.newline{ height:1px; display:block; margin:2px auto 12px; border-bottom:1px solid #ededed;}
.hotranking{ padding:10px 0}
.hotranking li a{ max-width:324px; height:30px; line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotranking li i{ background:none}
.hotranking li i{width:20px; height:20px; text-align:center; line-height:20px; float:left; background-color:#8eb9f5; font-size:12px; color:#fff; border-radius:20px; margin-right:10px; margin-top:5px; font-style:normal}
.hotranking li i.one,.hotranking li:hover i.one{background-color:#f54545;}
.hotranking li i.two,.hotranking li:hover i.two{background-color:#ff8547;}
.hotranking li i.three,.hotranking li:hover i.three{background-color:#ffac38;}
.hotranking li:hover i{ background:none #8eb9f5}
.sortlist li:hover a{ color:#f60}
.slate3-shadow {transition: box-shadow .2s, -webkit-transform .2s;transition: box-shadow .2s, transform .2s;
transition: box-shadow .2s, transform .2s, -webkit-transform .2s;cursor:pointer}
.slate3-shadow:hover {-webkit-transform: translateX(5px);
transform: translateX(5px)}
.zone{width:1200px}
.zone .artleftbar{ width:835px}
.zone .recreadbar{width:1200px}
.zone .artbanner,.zone .nybanner{width:1200px}
.zone .artbanner img{width:1200px; }
.zone .artlist{width:580px}
.zone .artbox{width:342px;}
.zone .navlayout{width:1200px}
.zone .navlayout li{width:220px; height:86px; margin-right:10px; margin-left:10px}
.zone .recdlist{width:220px; margin:0 10px}
.zone .recdlist .recdpic{width:220px; height:143px}
.neirong h1{font-size:1.75em;text-align:center;font-weight:normal;margin-top:0.5em;+margin-top:0.4em;}
.author a{ display:inline-block}
.recdpic img{width:100%; height:100%}
.artbox .name{width:auto}
.artbox .name:hover{ color:#f60}
.artbox .time{float:left; height:24px; line-height:24px; font-size:12px; color:#999; margin-left:10px;overflow:hidden;}
.subclass{float:right; height:24px; line-height:24px; font-size:12px; color:#666; margin-left:10px;overflow:hidden;}
.subclass:hover{ color:#f60}
.previous{ float:left; padding-bottom:10px; padding-left:10px}
.nextious{ float:right;padding-bottom:10px;padding-right:10px}
.genusbar{ display:block; overflow:hidden; float:left; width:735px;}
.xueshi{ float:left; padding-left:20px; background:url(../images/i_xueshi.png) no-repeat 0 center; color:#707070; margin-left:20px}

/*职业工种*/
.type_work{width:1024px; height:40px; line-height:40px;background:#e1f5ff;margin:10px auto 0;display:block;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.type_work i{width:87px;height:40px;line-height:40px;background:url(../images/t_work_bg.png) no-repeat 0 0;display:block;float:left;color:#fff;text-align:left; font-style:normal; font-weight:bold;padding-left:10px;overflow:hidden;}
.type_work .work_list{float:left;padding-left:15px;width:860px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0066cc;}
.type_work .work_list span{margin-right:15px;cursor:pointer;color:#0066cc;}
.type_work .work_list span:hover{color:#ff5400;}
.type_work a.more{ font-size:12px;float:right; padding:0 10px;}
.type_work a.more:hover{color:#ff5400;}

.gz_banner{width:100%;background:url(../images/gzbanner.jpg) no-repeat center 0;height:260px;}
.ty_banner{width:100%;background:url(../images/tybanner.jpg) no-repeat center 0;height:434px;}
.per_banner{width:100%;background:url(../images/perbanner.jpg) no-repeat center 0;height:434px;}
.ul_gz{margin-top:10px;height:135px; overflow:hidden;width:1200px;}
.gz_more{width:1200px;margin:20px auto; text-align:center;}
.gz_more a{padding:5px 30px 5px 20px;text-align:center; background:#f8f8f8;font-size:12px;display:inline-block;color:#666;background:url(../images/gzmore.png) no-repeat 72px 0 #f8f8f8;border:#dedddd 1px solid;}
.gz_more a.close{ background-position:72px bottom;}
.gz_more a:hover{border:#c7c6c6 1px solid;color:#444;}

.gz_list_box{ background:#fff;width:1200px;margin:0 auto;float:none;height:auto; overflow:hidden;margin-top:20px;padding-top:20px;}
.gz_list_box .lipd{margin-right:20px;}
.newcatnavbar{ background-color:#fff; display:block; overflow:hidden; width:100%}
.newcatnavbar ul{ padding:12px 0 12px 10px; display:block; overflow:hidden; width:1170px; margin:0 auto}
.newcatnavbar li{height:40px; line-height:40px; display:block; float:left; margin-right:25px}
.newcatnavbar li a{height:40px; line-height:40px; display:block; cursor:pointer;text-align:center;transition: all .25s; font-size:15px}
.newcatnavbar li a:hover,.newcatnavbar li a.on{ color:#f60; border-bottom:3px solid #f60}
.newcontbar{ display:block; overflow:hidden; margin:15px auto; width:1200px}
.dqwz{margin:10px auto 0px auto;width:1190px;padding-left:10px;}
.headnav .more_gz{margin:10px auto 20px auto; line-height:normal; text-align:center;}
.headnav .more_gz a{padding:10px 30px;text-align:center; background:#f8f8f8;font-size:14px;display:inline-block;color:#666;background:#f8f8f8;border:#dedddd 1px solid;line-height:normal;height:auto;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

/*专业课程列表-第三方引用*/
.top_out{width:1024px;margin:0 auto;height:80px; overflow:hidden;}
.top_out .top_o_logo{width:518px;height:70px;background:url(../images/logo_out.png) no-repeat 0 0;margin-top:3px;}
.zy_banner{width:100%;background:url(../images/zy_banner.jpg) no-repeat center 0;height:300px;}
.zy_type{width:1024px;margin:15px auto 0px auto; clear:both; overflow:hidden;}
.zy_type ul{width:1044px;}
.zy_type ul li{float:left;margin:15px 19px 0px 0px;}
.zy_type ul li a{width:130px;height:34px;line-height:34px; text-align:center;font-size:16px;color:#444;background:#f0f0f0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.zy_type ul li a.sel , .zy_type ul li a:hover{ background:#0066cc;color:#fff;}
.zy_position{height:40px;line-height:40px;width:1024px;margin:30px auto 0px auto;display:block; background:#f0f0f0;}
.zy_position a{ display:inline-block;}
.zy_list_box{ background:#fff;width:1024px;margin:0 auto;float:none;height:auto; overflow:hidden;margin-top:20px;}
.zy_list_box .lipd{margin-left:10px;margin-right:20px;}
.sub_z_list{width:1054px;margin-top:10px;}
.foot_out{width:100%;height:30px;line-height:30px;background:#e6e6e6;margin-top:40px; text-align:center;}
.foot_out .sub_f_out{width:1024px;font-size:12px;color:#666;margin:0 auto;text-align:left;}
.foot_out .sub_f_out span{float:right;}

.foot{width:100%;border-top:#ccc 1px solid;height:35px;clear:both; background:#fff;position:relative; z-index:1000;}
.foot ul li{ text-align:center;color:#999;height:35px;line-height:35px;font-size:12px;}

/*首页专业列表滚动-20200611*/
.multipleColumn{ overflow:hidden; position:relative; width:720px;float:left;}
.multipleColumn .bdd{overflow:hidden;background:#f7f8fa;margin:0 30px;}
.multipleColumn .prev,.multipleColumn .next{ display:block;width:30px;height:50px;overflow:hidden;position:absolute;z-index:1000;top:18px;}
.multipleColumn .prev{background:url(../images/icon_lr.png) no-repeat center 0;left:0px;}
.multipleColumn .prev:hover{background:url(../images/icon_lr.png) no-repeat center -50px;}
.multipleColumn .next{background:url(../images/icon_lr.png) no-repeat center -100px;right:0px;}
.multipleColumn .next:hover{background:url(../images/icon_lr.png) no-repeat center -150px;}
.multipleColumn .bdd ul{ overflow:hidden; zoom:1; width:660px;  float:left; _display:inline;height:85px;padding-top:10px;}
.multipleColumn .bdd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:108px; }
.multipleColumn .bdd ul li a{font-size:15px;color:#333;line-height:32px;height:32px;display:block;font-family:'微软雅黑'}
.multipleColumn .bdd ul li a:hover{color:#f60;}

/*温馨提示框-20200611*/
.show_ts .tishi_box{width:558px;height:500px;position:absolute;left:50%;margin-left:-272px;top:50%;margin-top:-230px;background:#FFF;z-index:10001;background:url(../images/ts_box_bg.png) no-repeat center 0;font-family:'微软雅黑'}
.show_ts .tishi_box span{height:100px;line-height:100px;font-size:36px;display:block; text-align:center;color:#fff;margin-bottom:32px; overflow:hidden;}
.show_ts .tishi_box .ts_box_close{width:35px;height:35px;background:url(../images/ts_box_close.png) no-repeat center 0;display:block; position:absolute;right:20px;top:5px;}
.show_ts .tishi_box .ts_box_close:hover{background-position:0 bottom;}
.show_ts .tishi_box p{background:url(../images/icon_xx.png) no-repeat 0 4px; text-indent:1.2em;margin:18px 30px 0px 30px;font-size:16px; line-height:1.5em;}
.show_ts .login_bg{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#000;opacity:0.3;filter:alpha(opacity=30);width:100%;height:100%; z-index:10000;}
.show_ts .tishi_box a.btn_c{width:410px;height:42px;line-height:42px;color:#FFF;display:inline-block;background:#45a4fa;text-align:center;font-size:16px;border-radius:100px;background: linear-gradient(-41deg, #4cacfe 0%, #3190f0 100%); }
.show_ts .tishi_box a.btn_c:hover{background:#3291f1;color:#FFF;background: linear-gradient(-41deg, #399ff6 0%, #1e7fe2 100%);}

/*通用课程列表-20210923*/
.img_list{width:1252px;margin:0 auto;overflow:hidden;padding-top:10px;min-height:300px;}
.img_list ul li{width:275px;height:248px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; display:inline-block; background:#fff; text-align:center;float:left;margin:0px 0px 30px 26px; position:relative; overflow:hidden;border:#dedede 1px solid;}
.img_list ul li img{width:275px;height:158px;}
.img_list ul li h2{ text-align:left;margin:16px 16px 12px 16px;font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555; font-family:'微软雅黑'}
.img_list ul li p{ text-align:left;margin:12px 16px 8px 16px;color:#666;font-size:14px;}
.img_list ul li p em{color:#e13b00; font-style:normal;margin-left:-5px;}
.img_list ul li p i{ float:right; font-style:normal;}

.img_list ul li.gkk{width:320px;height:284px; margin-left:8px}
.img_list ul li.margintop20{ margin-top:20px}
.img_list ul li.gkk img{width:320px; height:181px}
.img_list ul li .tag_gkk{width:68px; height:68px; display:block; overflow:hidden;background:url(../images/iocn_gkk.png) no-repeat 0 0; position:absolute; top:0; right:0}
.img_list ul li .tag_gzkc{width:46px; height:48px; display:block; overflow:hidden;background:url(../images/icon_gzkc.png) no-repeat 0 0; position:absolute; top:0; right:5px;font-size:10px; color:#fff; text-align:center; padding-top:4px; line-height:14px}
.img_list ul li.marginfenge{ margin-left: 30px;margin-right: 22px;}

/*投影*/
.shadow{box-shadow: 0 0 5px 0 rgba(0,0,0,0.02); transition: 0.3s;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.shadow:hover{box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);transform: translateY(-3px);-ms-transform:translateY(-3px);-webkit-transform:translateY(-3px);}
.shadow02{box-shadow: 0 0 5px 0 rgba(0,0,0,0.05); transition: 0.3s;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}

.search_bar{margin:40px auto 16px auto; overflow:hidden;width:1200px;overflow:hidden;}
.search_bar span{font-size:22px;color:#444;}
.search_bar span i{width:4px;height:22px;display:inline-block;background:#ff6600;margin:4px 12px 0px 0px; float:left;border-radius:4px;}
.search_norm{height:34px;line-height:34px;background:#ffffff;border:#c7c7c7 1px solid;width:240px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;float:right; position:relative;margin-left:12px;}
.search_norm:hover{border:#0c64eb 1px solid;}
.search_norm input{height:30px;line-height:30px;border:none;width:200px;padding-left:12px;float:left;margin:2px 0px 0px 2px;font-size:14px;}
.search_norm a{width:30px;height:28px;background:url(../images/search_bg.png) no-repeat 0 0;display:inline-block; position:absolute;right:3px;top:2px;}
.search_norm a:hover{background-position:0 bottom;}

.btn_norm{background:#1d78f4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:14px;text-align:center;color:#fff;display:inline-block;height:34px;line-height:34px;padding:0 16px; float:right;border:#c7c7c7 1px solid; background:#fff;color:#444;}
.btn_norm:hover{background:#3685f5;color:#fff;border:#3685f5 1px solid;}

/*视频类目录*/
.vtpleftbar{width:100%; display:block; overflow:hidden; margin-bottom:24px; float:left;box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);border-radius:8px; background:#fff;border:#e9e9e9 1px solid;}
.sub_nav{height:54px;clear:both;margin:0px 20px;border-bottom:#f3f3f3 1px solid;overflow:visible; display:block;line-height:54px; background:#fff;margin-top:8px;padding:0px;}
.sub_nav ul li{float:left;margin-top:3px;margin-right:16px;}
.sub_nav ul li a{height:48px;line-height:48px;display:inline-block;background:#fff;border-right:none; cursor:pointer; font-size:18px;padding:0 4px;border:none;float:none;}
.sub_nav ul li.on a{background:#FFF;border:none;border-bottom:#e55c00 2px solid; position:relative; color:#e55c00}
.sub_nav ul li:hover a{background:#FFF;color:#e55c00;}

.ml_tit{height:48px;line-height:48px;color:#999;margin:0 20px;text-align:left; clear:both;}
.menu_list{font-size:14px;margin:0 20px;margin-bottom:16px; clear:both;}
.menu_list dl dt,.menu_list dl dd{line-height:46px;border-top:#f3f3f3 1px solid;}
.menu_list dl dt{background:#f8f8f8;font-size:14px; cursor:pointer;}
.menu_list dl dt span{margin-left:12px;display:block;}
.menu_list dl dt span.close{background:url(../images/img_close.png) no-repeat right center;}
.menu_list dl dt span.open{background:url(../images/img_open.png) no-repeat right center;}
.menu_list dl dd a{ display:block;font-size:14px;color:#444;position:relative;}
.menu_list dl dd a i{font-size:14px;color:#999;margin-left:30px;font-style:normal;}
.menu_list dl dd a b{border:#0dc17b 1px solid;border-radius:3px;color:#0dc17b; background:#fff;font-size:12px;height:22px; line-height:22px;padding:0 8px; font-weight:normal; display:inline-block;margin-left:16px;}
.menu_list dl dd a span{width:16px;height:16px;display:block;float:left;margin:16px 10px 0px 8px;background:url(../images/img_zt_m.png) no-repeat 0 0;}
.menu_list dl dd.end a span{ background-position:0 -16px;}
.menu_list dl dd.on a span{ background-position:0 -32px;}
.menu_list dl dd a:hover{background:#f8f8f8;}
.menu_list dl dd a em{ position:absolute;right:20px;top:9px;width:80px;height:28px; line-height:28px; text-align:center;color:#fff; display:inline-block; background:#ff9000; font-style:normal;border-radius:5px; display:none;}
.menu_list dl dd.end a em{ background:#0dc17b;}
.menu_list dl dd a:hover em{ display:block;}
.menu_list dl dd dl{margin-left:16px;}
.menu_list dl dd dl dt{ background:none;}
.menu_list dl dd dl dd{margin-left:30px;}


/*培训题目作答*/
.timu_box{padding:10px 20px 20px 20px;font-family:"微软雅黑";font-size:14px;}
.timu_box h3{font-size:16px;font-weight:normal;margin-bottom:8px;}
.timu_box dl{font-size:14px;border-bottom:#ddd 1px dashed;}
.timu_box dl dt{padding:8px 0px; line-height:1.5em;font-size:15px;}
.timu_box dl dd a{display:inline-block;margin-right:50px;margin-bottom:12px;}
.timu_box dl dd a span{width:32px;height:30px;line-height:28px;margin-right:8px;background:#f8f8f8;border-radius:3px;display:inline-block;border:#c7c7c7 1px solid; text-align:center;font-family:"微软雅黑";}
.timu_box dl dd a.sel span,.timu_box dl dd a.sel:hover span{background:#1d78f4;border:#1d78f4 1px solid;color:#fff;}
.timu_box dl dd a span.s_c{width:auto;padding:0px 16px;}
.timu_box dl dd a:hover{color:#444;}
.timu_box dl dd a:hover span{border:#006bd6 1px solid;color:#006bd6;}
.timu_box dl dd.jx a{color:#666;margin-right:10px;}
.timu_box dl dd.jx em{font-style:normal;display:none;margin-left:16px;color:#1d78f4}
.timu_box dl dd.jx a:hover{color:#444;}
.timu_box dl dd.jx a:hover em{ display:inline-block;}
.timu_box .tm_tj{padding-top:16px;text-align:center;}
.a_szb{width:auto;padding:0px 20px;height:36px;line-height:36px;margin-right:8px;background:#1d78f4;border:#1d78f4 1px solid;color:#fff;border-radius:4px;display:inline-block; text-align:center;font-family:"微软雅黑";}
.a_szb:hover{ background:#3685f5;border:#3685f5 1px solid;color:#fff;}

/*工种导航*/
.gz_nav{width:1200px;margin:0 auto;border:#e5e5e5 1px solid;background:#fff;padding:8px 20px;}
.gz_tab tr td,.gz_tab tr th{border-bottom:#ddd 1px dashed; vertical-align:top;font-size:15px;color:#444;padding:10px 0px;}
.gz_tab tr th span{display:inline-block;height:28px;line-height:28px;font-weight:normal;color:#999;}
.gz_tab tr td a{ display:block;height:28px;line-height:28px;padding:0 8px;margin:0px 8px;border-radius:3px;float:left;color:#555;margin-bottom:3px;}
.gz_tab tr td a:hover{color:#ff6600;}
.gz_tab tr td a.sel{border-radius:3px;background:#ff6600;color:#fff;}


.img_list_s{width:258px;margin:0 20px;overflow:hidden;padding-top:16px;}
.img_list_s ul li{width:100%;display:inline-block; margin:0px 0px 20px 0px; position:relative; overflow:hidden;height:70px;padding-left:130px;}
.img_list_s ul li img{width:115px;height:70px; position:absolute;left:0px;top:0px;}
.img_list_s ul li h4{ text-align:left;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666; font-family:'微软雅黑'}
.img_list_s ul li span{ text-align:left;margin:10px 0px 0px 0px;color:#e13b00;;font-size:14px; display:block;}
.img_list_s ul li b{ text-align:left;margin:5px 0px 0px 0px;color:#666;;font-size:12px; display:block; font-weight:normal;}

/*提示框*/
.tips_box .tips_layel{width:446px;height:200px; background:#fff;position:fixed; z-index:990000;left:50%;margin-left:-223px;top:50%;margin-top:-100px;border-radius:6px; overflow:hidden;border:#fff 1px solid}
.tips_box .tips_layel_img{height:240px;margin-top:-120px;}
.tips_box .tips_layel .tips_tit{border-bottom:#e3e3e3 1px solid;height:48px;line-height:48px;padding-left:16px;}
.tips_box .tips_layel .tips_tit a{width:34px;height:30px;background:url(../images/ly_close.png) no-repeat 0 0; float:right;margin:10px 6px 0px 0px;}
.tips_box .tips_layel .tips_tit a:hover{background:url(../images/ly_close_hov.png) no-repeat 0 0;}
.tips_box .tips_layel .tips_con{font-size:14px; text-indent:2em;padding:20px 16px;line-height:1.5em;}
.tips_box .tips_layel .tips_bot{ position:absolute; z-index:100;bottom:0px;width:100%;background:#fff;padding:12px 0px;text-align:right;}
.tips_box .tips_layel .tips_bot a{width:56px;height:30px;line-height:30px;background:#0061e0;text-align:center;display:inline-block;color:#fff;margin-right:16px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:#0061e0 1px solid;}
.tips_box .tips_layel .tips_bot a:hover{ background:#166ee0;}
.tips_box .tips_layel .tips_bot a:active{background:#0056c7;}
.tips_box .tips_bg{ background:#000;font-size:14px;position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:980000;opacity:0.3;filter:alpha(opacity=30);}




/*新手引导提示2024年5月*/
.ts_shadow{ position:relative; z-index:10000!important; -webkit-box-shadow:0 0 2px 0 #f59a23,0 0 0 0px #f59a23,0 0 0 2000px rgba(0,0,0,.5)!important; box-shadow:0 0 2px 0 #f59a23,0 0 0 2px #f59a23,0 0 0 2000px rgba(0,0,0,.5)!important;positiot:absolute!important;transition: 2s;-webkit-transition: 2s all;-moz-transition: 2s all;-o-transition: 0.8s all;-ms-transition: 2s all;}
.ts_shadow:hover { -webkit-box-shadow:0 0 4px 0 #f59a23,0 0 0 5px #f59a23,0 0 0 2000px rgba(0,0,0,.6)!important; box-shadow:0 0 0px 0 #f59a23,0 0 0 4px #f59a23,0 0 0 2000px rgba(0,0,0,.6)!important}

.ts_inline{position:relative;} /*单个标签是在父级增加这个类*/

.ts_box{ background:#fcfffe; position:absolute; z-index:10000;border-radius:8px;padding:20px;top:60px;left:50%;transform: translate(-50%, 0); line-height:1.5em!important;font-size:14px!important;}
.ts_box dl dt{font-size:15px;font-weight:bold;padding-bottom:8px;color:#222;padding-top:4px;}
.ts_box dl dd{margin-top:8px;}
.ts_box dl dd.opr{ text-align:right;margin-top:20px;}
.ts_box dl dd.opr a{margin-left:8px;margin-right:0px!important; display:inline-block!important;padding:0 20px!important;}
.ts_box dl dd.opr span{float:left;color:#666;margin-top:4px;}
.arrow_t { position:absolute;top:-6px;width:0px;height:0px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;font-size:0px;left:50%;transform: translate(-50%, 0);}
.arrow_l{position:absolute;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff;left:-6px;top:50%;transform: translate(0, -50%);}
.arrow_r{position:absolute;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #fff;right:-6px;top:50%;transform: translate(0, -50%);}
.arrow_f{position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;bottom:-6px;left:50%;transform: translate(-50%, 0);}

.tooltip{ background:#ff9800;border-radius:4px;padding:8px 16px;top:40px; position:absolute;color:#fff;min-width:160px; text-align:center;left:50%;z-index:10000; line-height:normal!important;transform: translate(-50%, 0); }
.tooltip .arrow_t{border-bottom:6px solid #ff9800;}
.tooltip .arrow_l{border-right:6px solid #ff9800;}
.tooltip .arrow_r{border-left:6px solid #ff9800;}
.tooltip .arrow_f{border-top:6px solid #ff9800;}

.btn1{height:32px; line-height:32px; border-radius:4px; background-color:#0074ff;padding:0 24px; text-align:center;color:#fff; cursor:pointer; text-align:center; display:inline-block!important; text-decoration:none;font-size:14px;}
.btn1:hover{ background-color:#005ccc; color:#fff;}
.btn2{height:30px; line-height:30px; border-radius:4px;padding:0 24px; text-align:center;cursor:pointer; text-align:center; display:inline-block;border:#cccccc 1px solid;color:#333; background:#fff;inline-block!important;}
.btn2:hover{border:#0074ff 1px solid; color:#0074ff;}
.btn5{height:32px; line-height:32px;padding:0 24px; color:#0074ff; cursor:pointer;display:inline-block!important;}
.btn5:hover{color:#005ccc;}
.disabled{color:#999!important;pointer-events:none; background:#f5f5f5!important;}

/*进度条*/
.progress_nor{position:relative;padding-top:2px;clear:both;}
.progress_nor em{ position:absolute;right:0px;width:100%;top:0px;color:#333!important;top:-5px;margin:0!important; font-style:normal;}
.progress_nor .bar{height:8px; background:#dddddd;border-radius:8px;position:relative;}
.progress_nor .bar i{ background:#0074ff;border-radius:8px; display:inline-block; height:100%; position:absolute;left:0px;top:0px;}

/*智能导学*/
.dx_box{width:340px;height:546px;border-radius:20px;background:url(../images/dx/dx_bg.png) no-repeat 0 0; position:fixed;right:40px;top:50%;margin-top:-273px; z-index:100000;box-shadow: 0 0 30px 0 rgba(0,0,0,0.32);color:#222; font-family:'微软雅黑'}
.dx_box .dx_tit{height:64px; line-height:64px;}
.dx_box .dx_tit span{font-size:20px;font-weight:500;letter-spacing:1px;}
.dx_box .dx_tit span img{ float:left;margin:17px 8px 0px 16px;}
.dx_box .dx_tit a{width:26px;height:26px;background:url(../images/dx/dx_close.png) no-repeat 0 top; float:right;margin:18px 16px 0px 0px;}
.dx_box .dx_tit a:hover{ background-position:0 bottom;}
.dx_box .dx_con{height:400px; overflow:auto;padding:0 16px;font-size:15px; }
.dx_box .dx_con h6,.dx_box .dx_con p{font-size:15px; line-height:1.5em;margin-bottom:8px;}
.dx_box .dx_con img{border:#fff 2px solid;border-radius:10px;max-width:306px;}

/*新手教程*/
.jc_header{height:56px; line-height:56px;background:linear-gradient(90deg,#008aff 0,#0074ff 100%);padding:0 16px;}
.jc_header span{font-size:16px;font-weight:bold;color:#fff;background:url(../images/dx/qz01.png) no-repeat 0 center;padding-left:30px;display:inline-block;}
.jc_header a{float:right;height:32px;line-height:32px;padding:0 12px;border-radius:4px;background:#ff7402;color:#fff;margin-top:12px;}
.jc_header a:hover{ background:#e56902;}
.task01{border-bottom:#d6d6d6 1px solid;padding:20px 16px;color:#333;}
.task01 dl{border:#d9d9d9 1px solid; background:#fff;border-radius:4px;margin-top:12px; overflow:hidden;padding-bottom:40px; position:relative;min-height:220px;}
.task01 dl em{ position:absolute;bottom:10px;font-size:12px;color:#ff7402; text-align:center; display:block;font-style:normal;width:100%;}
.task01 dl dt{height:40px;line-height:40px;background:#0096ff;color:#fff;font-weight:bold;margin-bottom:12px;}
.task01 dl dt b{margin-left:12px;}
.task01 dl dt span{width:16px;height:16px; display:block; float:right;margin:12px 16px 0px;background:url(../images/dx/icon_wc.png) no-repeat 0 -16px;}
.task01 dl dd{margin:2px 8px;padding:7px;padding-left:32px; position:relative;border-radius:4px;}
.task01 dl dd a{color:#0074ff;padding:0 4px;margin:0 4px; display:inline-block!important;}
.task01 dl dd i{width:14px;height:14px;background:url(../images/dx/task_type.png) no-repeat 0 0; display:block; position:absolute;left:10px;top:10px;}
.task01 dl dd a:hover{ background:#0074ff;color:#fff;}
.task01 dl dd.on{ background:#fff0d5;}
.task01 dl dd.on i{ background-position:0 -28px;}
.task01 dl dd.end{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.task01 dl dd.end i{ background-position:0 -14px;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.task01 .opr{margin-top:12px;}
.task01 .opr a{padding:0 12px!important;}

.task02{padding:20px 16px;color:#333;}
.task02 span{margin-bottom:6px; display:block;}
.task02 ul{border:#d9d9d9 1px solid; background:#fff;border-radius:4px;padding:1px; overflow:hidden;margin-top:12px;}
.task02 ul li a{height:36px; line-height:36px;border-left:#fff 5px solid;padding-left:10px; display:block;}
.task02 ul li a i{width:16px;height:16px; display:block; float:right;margin:10px 8px 0px;background:url(../images/dx/icon_wc.png) no-repeat 0 0; display:none;}
.task02 ul li a:hover{ background:#ebf2f9;border-left:#ebf2f9 5px solid;}
.task02 ul li a.end{border-left:#02c77d 5px solid;color:#777;}
.task02 ul li a.end i{ display:block;}
.task02 ul li a.on{color:#0074ff;}
.task02 ul li{border-bottom:#e8e8e8 1px solid}
.task02 ul li:last-child{border:none;}


/*新手教程-开始对话框*/
.modal_jc{}
.jc_start{width:800px;height:386px;position:fixed;left:50%;top:50%;transform: translate(-50%, -50%);;z-index:100001;border-radius:4px; overflow:hidden; box-shadow:0px 0px 24px rgba(0,0,0,0.6);background:linear-gradient(90deg,#008aff 0,#0074ff 50%);}
.jc_start .jc_tit{height:48px;line-height:48px;text-align:left;padding-left:20px;}
.jc_start .jc_tit a.close{width:24px; height:24px; display:block; overflow:hidden; background:url(../images/dx/m_close.png) no-repeat 0 0; float:right; margin-top:16px;margin-right:16px;}
.jc_start .jc_tit a:hover{ background-position:0 bottom;}
.jc_start .jc_con{width:100%;color:#fff; text-align:center;}
.jc_start .jc_con dl.dl01 dt{background:url(../images/dx/qz02.png) no-repeat center 0; height:70px; line-height:70px;margin-top:16px;}
.jc_start .jc_con dl dd a{width:122px;height:42px; line-height:42px; text-align:center;font-size:16px;color:#0074ff; background:#fff;border-radius:4px; display:inline-block;margin-top:48px;}
.jc_start .jc_con dl dd a:hover{ background:#bdd7f7;}
.jc_start .jc_bot{ text-align:center;height:0.3rem;border-top:#e8e8e8 1px solid; text-align:right;padding:0.1rem 0.2rem 0.1rem 0px; position:absolute;bottom:0px;display:block;left:0px;right:0px; background:#fff;}
.jc_start .jc_bot a{ text-align:right;margin-left:0.1rem;width:0.9rem;padding:0px; text-align:center;float:right;}
.modal_jc .black_s{ background-color:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; z-index:100000}
.jc_end{background:linear-gradient(90deg,#02c792 0,#04ba89 100%);}
.jc_end .jc_con dl.dl01 dt{background:url(../images/dx/icon_end.png) no-repeat center 0;margin-top:0px;}
.jc_end .jc_con dl dd a{width:122px;height:42px; line-height:42px; text-align:center;font-size:16px;color:#fff; border-radius:4px; display:inline-block;margin-top:16px;border:#ffffff 1px solid; background:none;}
.jc_end .jc_con dl dd a:hover{ background:#fff;color:#04ba89;}
.jc_end .jc_tit a.close{background-position:0 bottom;}

/*新手教程-提示*/
.jiaocheng_ts{ background:#fcfffe; position:absolute; z-index:10000;border-radius:8px;padding:20px;top:60px;box-shadow:4px 4px 16px rgba(0,0,0,0.4);width:510px;height:438px; position:absolute;right:80px;top:10px;font-size:14px;}
.jiaocheng_ts .tit{text-align:left;font-size:16px;}
.jiaocheng_ts .tit a{width:24px;height:24px; display:block; overflow:hidden; background:url(../images/dx/m_gb.png) no-repeat 0 0; float:right;margin-top:-2px;margin-right:-4px;padding:0px!important;border:none;}
.jiaocheng_ts .tit a:hover{ background-position:0 bottom;}
.jiaocheng_ts ul li a{margin:0px!important; display:inline-block!important;padding:0 20px!important;width:auto!important; height:36px; line-height:36px;}
.jiaocheng_ts ul li a:hover{color:#fff;}
.jiaocheng_ts .arrow { position:absolute;top:24px;right:-8px;width:0px;height:0px;border-bottom:8px solid transparent;border-top:8px solid transparent;border-left:8px solid #fff;font-size:0px;}