/*---------- CSS 公共部分 样式格式化--------- */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, form, select, input, div, table, td, th {margin: 0; padding: 0;}
body {margin: 0 auto; font-family:'PingFang SC', 'Microsoft Yahei'; font-size: 14px;background:#f0f0f0;}
*{transition: all 0.3s;}
a{text-decoration: none;color: #333;transition: all 0.2s}
a:hover{color:#f52f3e;}
ul, li {list-style: none; }
img, fieldset { border:none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal; }
address, cite, code, em, th, i, strong {font-weight: normal; font-style: normal; }
input, button, textarea, select {vertical-align: middle; font-family: Microsoft Yahei; }
table {border-collapse: collapse;}
.clear{clear:both}

/*------搜索-----*/
.so{float:right;width: 170px;border-radius: 3px;margin-top:10px;height: 34px;background: #fff}
.so .input-text{background:none;border:none;height: 34px;line-height: 34px;font-size: 15px;color:#666;padding-left:8px;width: 127px;float: left;}
.so .so-btn{background: url(../images/search-bg.png) top center;width: 34px;height: 34px;display: block;float: right;}
.so .so-btn:hover{background: url(/Content/images/introduce/zjjjs/search-bg.png) bottom center;}
/*------400--------*/
.hotLineWhite{float: right;font-size: 22px;color:#f52f3e;margin-top:12px;background:url(/Content/images/introduce/zjjjs/hotline-w.png) no-repeat left 10px;padding-left:25px;}
.hotLineWhite b{transform: scale(1,1.2);display: block;letter-spacing: -1px;}
/*--------视频区域--------*/
.video-area{height:874px;background:url(/Content/images/introduce/zjjjs/cjjjs_v_bg.jpg) no-repeat center -60px;}
.video-cont{width: 1200px;margin:auto;}
.video-above{height: 280px;overflow:hidden;position: relative;}
/* .video-teacher{width:437px;height: 236px;overflow:hidden;background:url(../images/cpa-team.png) no-repeat center top;position: absolute;right:20px;bottom:0} */
.video{width: 1128px;margin:auto;height:482px;background:url(/Content/images/introduce/zjjjs/left-bar-bg.png);clear:both;padding:8px}
.left-part{float: left;width: 780px;height:488px;background: #222;}
#video{width: 780px; height: 439px;background: #000;}
.video-list{float: right;width: 348px;height: 483px;background: #222}
.video-list .list{height: 380px;overflow-y: scroll}
.video-list .list .cont{padding-bottom: 20px;}
.scrollbar::-webkit-scrollbar{width: 10px;height: 10px;background-color: #666;}/*滚动条整体部分,必须要设置*/
.scrollbar::-webkit-scrollbar-track{background-color: #666;}/*滚动条的轨道*/
.scrollbar::-webkit-scrollbar-thumb{border-radius: 0;background-color: #014d80;box-shadow: inset 0 0 5px #014d80;}/*滚动条的滑块按钮*/
.scrollbar::-webkit-scrollbar-button{height: 0;background-color: #666;}/*滚动条的上下两端的按钮*/
.video-list h3{font-size: 16px;padding:0 20px;height:44px;line-height:44px;background: #111;color:#ccc}
.teacher-tab{background: #1b1b1b;border-bottom: 1px solid #282828;white-space: nowrap;}
.teacher-tab a {position: relative;display: inline-block;padding:0 20px;height: 43px;line-height:43px;color: #999;text-align: center;border-right:#282828 1px solid; }
.teacher-tab a:last-child{border-right: none;}
.teacher-tab a:hover{background: #222;color:#fff}
.teacher-tab a.cur {background: #222;color: #fff;border-bottom: 1px solid #222;margin-bottom: -1px;}
.video-list dl{padding:10px 0;margin:0 20px;border-bottom: 1px solid #444}
.video-list dl dt{font-weight: bold;color:#aaa;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.video-list dl:hover dt{color:#fff}
.video-list dl dd{padding:5px 0 0 0}
.video-list dl a{color:#777;display: block;padding:6px 0px 6px 15px;border-left:3px solid #222;margin-left: 10px;font-size: 12px;}
.video-list dl dd a:hover{background: #111;color:#eee;border-left:3px solid #e00}
.video-list dl dd a.select{background: #111;color:#eee;border-left:3px solid #e00}

.left-bar{background: #111;width: 781px;overflow: hidden;height: 44px;;}
.left-bar ul{display:flex;justify-content:space-around}
.left-bar li{font-size:16px;flex:1;text-align: center;}
.left-bar li a{color:#fff;line-height:44px;display:block;border-right:1px solid #222;}
/*.left-bar li:first-child a{background:#f52f3e;}*/
.left-bar li a:hover{color:#fff;background:#f52f3e;border-right:1px solid #f52f3e;}
.left-bar li a.on{color:#fff;background:#f52f3e;border-right:1px solid #f52f3e;}
.my-btn{padding:15px;display: flex;background: #111;clear: both}
.my-btn a{display: inline-block;width:46%;text-align: center;padding:6px 0;font-size: 16px;color:#fff;background: #1bb6ff;margin:0 2%;}
.my-btn a:hover{background:#1eaaeb;color:#fff}
.my-btn a:last-child{background: #06ca5d}
.my-btn a:last-child:hover{background:#04b753}

/*..........班级............*/
.class-main{background: url(/Content/images/introduce/zjjjs/ta-class-bg.jpg) no-repeat center top;overflow: hidden;padding-bottom: 50px;}
/*..........板块标题............*/
.hd-wrap{width:300px;clear:both;height: 112px;padding-top:15px;margin:40px auto 0px auto;position: relative;text-align: center;font-family: 'Microsoft Yahei';}
.hd-wrap::before{content: "";display: block;margin:auto;position: absolute;top:-10px;left:50%;margin-left: -255px;width: 510px;height: 64px;background: url(../images/cjjjs_hd.png) no-repeat center top;}
.hd-wrap .hd{margin:auto;position: relative;}
.hd-wrap .hd h2{font-size: 50px;font-weight: 700;letter-spacing: 6px;color: #0e5bab;}
.hd-wrap .hd span{display: block;width: 90px;background: #f99f63;height: 5px;border-radius: 5px;margin:20px auto 0 auto}
/*..........板块标题............*/
.hd-wrap-white{width:300px;clear:both;height: 112px;padding-top:15px;margin:80px auto 0px auto;position: relative;text-align: center;font-family: 'Microsoft Yahei';}
.hd-wrap-white::before{content: "";display: block;margin:auto;position: absolute;top:-10px;left:50%;margin-left: -255px;width: 510px;height: 64px;background: url(../images/cjjjs_hd_white.png) no-repeat center top;}
.hd-wrap-white .hd{margin:auto;position: relative;}
.hd-wrap-white .hd h2{font-size: 50px;font-weight: 700;letter-spacing: 6px;color:#fff}
.hd-wrap-white .hd span{display: block;width: 100px;background: #f99f63;height: 5px;border-radius: 5px;margin:20px auto 0 auto}
/*..........班级内容............*/
.class-block{clear:both;margin:30px auto 0 auto;width: 1100px;}
.block_hd{margin:20px 30px 0 20px;position: relative;color:#747887;padding:2px 5px;background: linear-gradient(to right,#e2e4e9,#fff);border-radius:5px}
.class-block ul{display:flex;justify-content:space-between}
.class-block li{width:540px;font-size: 14px;color:#444;position: relative;background: #fff url(/Content/images/introduce/zjjjs/repeat-dot.jpg);border-radius:10px;overflow:hidden}
.class-block .hd-tit{background: #439dec ;color:#333;position: relative;height: 70px;margin:20px;border-radius:10px;}
.class-block .hd-tit .tit-wrap{display: flex; align-items: center; justify-content: space-between; padding: 0 25px; color: #fff;}
.class-block .hd-tit .tit-wrap h3{font-size: 40px;font-weight: bold;line-height: 70px;text-align: center;color: #fff;}
.class-block .hd-tit .tit-wrap h4{font-size: 16px;}
.class-block .hd-tit .tit-wrap span{ font-size: 16px; color: #fff; text-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); color: #fff;background:#cba97b; padding:8px 20px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
/*--精品通关班---*/
.class-block .right{float:right}
.class-block .subject{margin:0 30px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.class-block .subject p{height: 25px;line-height: 25px;padding:20px 0 0px 0;width: 40%;display: flex;justify-content: space-between;align-items: center;font-size: 16px;}
.class-block .date_out{text-align: center;border:1px solid #eee;margin:0px 50px 0px 50px;color:#666;line-height: 28px;}
.class-block .subject p i{color:#ac8f68;font-weight: bold;font-size: 20px;}
.class-block .subject p a{color:#fff;background: #cba97b;text-align: center;border-radius:50px;height: 22px;line-height: 22px;padding: 0 8px;}
.class-block .subject p a:hover{background:#004fff }
.class-text{line-height: 30px;margin:0 30px}
.class-text p{padding:15px 0 0 0;}
.class-text p b{font-weight: bold;}
.class-text p span{display: block;width: 200px;float:left}

.class-text p i{display:inline-block;font-weight:bold;background: linear-gradient(to right, #e00 , #f35e5e);width: 20px;height: 20px;line-height:20px;font-size:12px;border-radius: 50%;margin-right: 10px;text-align:center;color:#fff}
.suitable{display: flex;align-items: center;margin-top: 20px;}
.suitable .zero{width:48px;height:48px;font-size:15px;border-radius:10px;border:2px solid #65708a;margin:0 20px 0 0px;text-align: center;line-height: 20px;color: #65708a;display: flex;align-items: center;justify-content: center;}
.suitable .list{line-height: 24px}
/*  */
.course_intro{padding:15px 30px 0 30px;display:flex;flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}
.course_intro dl{display: flex;align-items: center;padding:5px 0;width:50%}
.course_intro dl dt{width: 120px;}
.course_intro dl dd{display: flex;align-items: center;justify-content: space-between;flex: 1;}
.course_intro dl dd span{width:30px;height:30px;border-radius: 50%;overflow: hidden;background: #ccc;margin-right: 10px;}
.course_intro dl dd span img{width:30px;display: block;margin:0 auto 0 auto;}
.course_intro dl dd i{color: #999;font-size: 12px;flex:1}
.course_intro dl dd em{flex: 1;text-align: right;border-bottom: 1px dotted #ccc;display:none}
/*  */
/*  */
.period{padding:20px 30px 0 30px;display: flex;justify-content: space-between;}
.period p{display: flex;}
.period p span{display: flex;margin-right:15px;align-items: center;}
.period p span em{width: 20px;height: 20px;}
.period p span b{color:#666;font-weight: normal;}
.period p span em.days{background: url(/Content/images/introduce/zjjjs/baozhang.png) no-repeat 2px top / 42px;margin-right:3px;}
.period p span em.huabai{background: url(/Content/images/introduce/zjjjs/baozhang.png) no-repeat right top / 42px;margin-right: 5px;}
.period i{color: #999;}

/*---无忧取证班---*/
.class-block li.center{position: relative;z-index:9;}
/*..........包含班级............*/
.class-block .class{padding:20px 30px 0px 30px;position: relative;}

.class-block .class.longer p span{width: 94px;}
.class-block .class p span.blue{color:#fff;border:1px solid #063db4;background:#1859de }
.class-block .c-list{}
.class-block .c-list dl{border-left: 2px dashed #f0dfc9; }
.class-block .c-list dt{padding: 4px 20px;position: relative;font-size:18px;font-weight:bold;margin-bottom:10px;}
.class-block .c-list dt::before {content: "";background: #cba97b;display: block;width: 12px;height: 12px;position: absolute;left: -7px;transform: rotate(45deg);top:10px; }
.class-block .c-list dd{padding:10px 20px;position:relative;background:#f0f0f0;margin-bottom:10px;border-radius:5px;margin-left:20px}
.class-block .c-list dd span{display: block;font-size:16px;}
.class-block .c-list dd p{color:#000;margin-top:6px;opacity:.5;font-size:12px}
.class-block .c-list dd em{position:absolute;right:10px;top:25px;border: 1px solid #ccc; background:#fff;  padding: 0 5px;   border-radius: 3px;font-size:13px;color:#000;opacity:.5}
.class-block .c-list dl:first-child dt{color:#4fce81}
.class-block .c-list dl:first-child dd{background:#f0f9f7}
.class-block .c-list dl:nth-child(2) dt{color:#709ef7}
.class-block .c-list dl:nth-child(2) dd{background:#f4f9ff}
.class-block .c-list dl:nth-child(3) dt{color:#bb78ce}
.class-block .c-list dl:nth-child(3) dd{background:#f7f0fb}
.class-block .c-list dl:nth-child(4) dt{color:#f77070}
.class-block .c-list dl:nth-child(4) dd{background:#fbf2f2}


.text_intro{font-size: 13px;color: #999;margin-bottom: 15px;padding:10px;border:1px dotted #ccc;border-top:none;border-bottom-left-radius: 5px;   border-bottom-right-radius: 5px;}
.advantage p{display: flex;justify-content: space-between;}
/*..........按钮............*/
.class-block .price{clear:both;background: #f99f63;margin:30px 30px;border-radius: 100px;overflow: hidden;}
.class-block .price a{display: block;padding:10px 30px;text-align: center;background: #f99f63;font-size: 20px;color:#fff;}
.class-block .price a:hover{background: #4a4faa}

/*..........证书价值............*/
.certificate{overflow: hidden;}
.certif-block{background:url(/Content/images/introduce/zjjjs/cjjjs_hjl_bg.jpg) no-repeat center top;overflow: hidden;height: 616px;padding-top:40px;}
.certif-block .list{width: 1200px;margin:50px auto 0 auto;position: relative;}
.certif-block ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.certif-block li{width: 260px;height: 280px;background:#242658;color:#6b5443;box-sizing: border-box;position: relative;top:0;}
.certif-block li h3{font-size: 24px;font-weight: bold;width: 230px;height: 75px;background: #fff;position: absolute;top:-10px;left:15px;display: flex;align-items: center;color: #4a4faa;justify-content: center;font-family: 'Micrsoft YaHei';box-shadow: 0 -20px 30px rgba(40, 40, 115, 0.4) inset;}
.certif-block li p{font-size:14px;background: #4a4faa;color: #fff;padding:20px 30px;line-height: 24px;position: absolute;width: 260px;height: 200px;top:65px;box-sizing: border-box;}
.certif-block li a{width: 260px;height: 42px;line-height: 42px;font-size: 16px;text-align: center;color:#fff;position: absolute;bottom: 0;left: 0;background: #878df6;}
.certif-block li a:hover{background: #f99f63;}
.certif-block li:hover{top:-0;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.certif-block li:hover h3{height: 85px;top:-20px}
.certif-block .list table{width: 100%;}
.certif-block .list table td{line-height: 24px;width: 33.33%;}


.scheme{background:url(/Content/images/introduce/zjjjs/cjjjs_sktx_bg.jpg) no-repeat center top;overflow: hidden;clear: both;height: 1000px;padding-top:30px;box-sizing: border-box;}
.scheme .cont{width: 1200px;margin:auto;padding-top:50px}
.scheme ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.scheme li{width: 570px;height:300px;margin-bottom: 60px;box-sizing: border-box;padding-left:110px;position: relative;box-shadow: 0 10px 30px rgba(0,0,0, 0.2);color:#000}
.scheme li:nth-child(1){background: #fff url(/Content/images/introduce/zjjjs/cjjjs_sktx_bg01.png) no-repeat right bottom;}
.scheme li:nth-child(2){background: #fff url(/Content/images/introduce/zjjjs/cjjjs_sktx_bg02.png) no-repeat right bottom;}
.scheme li:nth-child(3){background: #fff url(/Content/images/introduce/zjjjs/cjjjs_sktx_bg03.png) no-repeat right bottom;}
.scheme li:nth-child(4){background: #fff url(/Content/images/introduce/zjjjs/cjjjs_sktx_bg04.png) no-repeat right bottom;}
.scheme .text_cont{padding: 30px 30px 0 40px}
.scheme .text_cont dl{margin-bottom: 18px;}
.scheme li h3{font-size: 36px;font-family: 'Micorsoft YaHei';font-weight: bold;color: #fff;width: 100px;height: 200px;position: absolute;left:15px;top:0;background: #f60 url(/Content/images/introduce/zjjjs/cjjjs_pic_654.png) center no-repeat;writing-mode: vertical-lr;display: flex;justify-content: center;align-items: center;letter-spacing: 5px;border-bottom-left-radius: 80px;border-bottom-right-radius: 80px;box-shadow: 0 10px 20px rgba(0,0,0,0.2);transition: all 1s;}
.scheme dl dt{font-weight: bold;margin-bottom: 5px;background: url(/Content/images/introduce/zjjjs/cjjjs_ico_012.png) no-repeat left center;padding-left:20px}
.scheme dl dd{padding:0 0 0 20px;opacity: .6;}
.scheme li:hover h3{background: #4a4faa url(/Content/images/introduce/zjjjs/cjjjs_pic_654.png) center top no-repeat;color:#fff}

.schedule{height: 680px;background: url(/Content/images/introduce/zjjjs/cjjjs_kqxz_bg.png);overflow: hidden;padding-top:20px;box-sizing: border-box;}
.schedule .cont{width: 1200px;margin:auto;padding-top:0px;}
.schedule ul{display: flex;justify-content: space-between;margin-top:50px}
.schedule ul li{width: 260px;height: 280px;background: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);box-sizing: border-box;padding:35px 25px;position: relative;font-size: 16px;color: #4a4faa;}
.schedule ul li a{position: absolute;background: #878df6;padding:10px 0;right:-3px;bottom:0px;color: #fff;width: 266px;text-align: center;}
.schedule ul li h3{font-size: 24px;font-weight: bold;margin-bottom: 10px;background: #4a4faa;color: #fff;position: absolute;top:15px;left:-5px;padding:5px 26px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.schedule ul li p{padding-top: 40px;line-height: 24px;text-align: justify;}
.schedule li:hover a{background: #f99f63;}
.schedule ul li:hover{margin-top:-10px;}

.exam_time{overflow: hidden;padding:30px 0 80px 0}
.exam_time ul{width: 1100px;margin:auto;display: flex;justify-content: space-between;margin-top:30px}
.exam_time ul li{width: 540px;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.exam_time li table{width: 100%;font-size: 16px;}
.exam_time li table th{background: #4a4faa;color: #fff;height: 54px;line-height:54px;text-align: center;}
.exam_time li table h4{background: #f99f63;color:#fff;height: 30px;line-height: 30px;padding-left:30px}
.exam_time li table td:nth-child(1){width: 25%;color: #f60;}
.exam_time li table td:nth-child(2){width: 44%;}
.exam_time li table td:nth-child(3){width: 30%;}
.exam_time li table p{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.exam_time li table span{display: flex;align-items: center;height:70px;justify-content: center;font-size: 14px;}
/* 讲师 */
.lecturer-team{background: url(/Content/images/introduce/zjjjs/cjjjs_laoshi_bg.jpg) no-repeat center top;overflow: hidden;height: 740px;}
.lecturer{width: 1380px;margin:20px auto 0 auto;}
.lecturer ul{}
.lecturer li{width: 300px;position: relative;float: left;margin-right: 50px;}
.lecturer li .pic{height: 320px;overflow: hidden;}
.lecturer li .pic img{display: block;margin:auto;width:250px ; }
.lecturer li:nth-child(2) .pic img{display: block;margin:auto;width:270px ; }
.lecturer li .describe{text-shadow: 0px 10px 25px rgba(0,0,0,.4);background: #fff;padding:15px 15px 15px 25px;height:140px;box-sizing: border-box;line-height: 22px;border-top-left-radius: 30px;border-bottom-right-radius: 30px;background:#878df6;color: #fff;font-size: 12px;text-align:justify}
.lecturer li p{position:absolute;top:60px;right:0px;font-size: 16px;color:#fff; display: flex;letter-spacing: 3px;width: 50px;}
.lecturer li span{writing-mode: vertical-lr;font-size: 20px;font-family: 'Mcorsoft YaHei';font-weight: bold;}
.lecturer li em{writing-mode: vertical-lr;}
.lecturer li:hover p{top:30px;right:0px;color: #f99f63;letter-spacing: 6px;}
.lecturer li:hover .describe{background: #f99f63;}


.lecturer-list{position: relative;overflow: hidden;width:1380px;margin: auto;padding-top:30px;z-index:99999;}
#lect-scroll {z-index: 0;}
.lecturerUL {position: relative;width: 2800px;float:left}
.prev{left: 0px; top: 180px; align-items: center; }
.next{right: 0px; top: 180px; align-items: center;}
.prev, .next{width: 30px; height: 60px; display: flex; color: #000;background: #333; text-align: center; font-family: "宋体"; font-size: 50px;  position: absolute;justify-content: center; font-weight: normal;opacity: 0;z-index: 99999;}
.prev:hover, .next:hover{color:#000}
.lecturer-list:hover .prev, .lecturer-list:hover .next{opacity: .3;color:#fff}
/* 常见问题 */
.question{padding:20px 0 80px 0;overflow: hidden;}
.question ul{width:1000px;margin:auto;padding-top:30px}
.question ul li{border-bottom:1px dotted #ccc;padding:25px 20px;font-size:14px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}
.question ul li h3{font-size:20px;color:#4c5181}
.question ul li span{font-weight:700;color:#ccc}
.question ul li p{margin-top:10px;line-height:24px;color:#888;padding-left:39px}

.app-down{height: 655px;background: #222 url(/Content/images/introduce/zjjjs/try-app-down.jpg) no-repeat center}
.try-advantage{height: 410px;background:url(/Content/images/introduce/zjjjs/try-ico096.jpg) no-repeat center}
.advantage{width:1200px;margin:auto;}
.advantage li{width: 25%;float: left;height: 410px;text-align: center;color:#fff;opacity: 0.7;}
.advantage li em{display: block;font-size: 18px;margin:55px 0 0 0;letter-spacing: 2px}
.advantage li h3{width:125px;height:100px;padding-top:25px;font-size: 40px;line-height: 40px;border:1px solid #fff;color:#fff;border-radius: 50%;margin:40px auto 0 auto;letter-spacing: 2px;font-family: "宋体";text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: all 0.2s}
.advantage li i{width: 60px;height: 3px;background: #fff;display: block;margin:30px auto 0 auto;border-radius: 3px}
.advantage li p{font-size:16px;letter-spacing: 2px;line-height:26px;margin-top:25px;transition: all 0.8s}
.advantage li:hover h3{margin:30px auto 0 auto;}
.advantage li:hover p{margin:30px auto 0 auto;margin-top:20px;}

.footer{overflow:hidden;background: #060606}
.footer-cont{width: 960px;margin:auto;padding:0 0 30px 240px;background: url(/Content/images/introduce/zjjjs/footer-logo.png) no-repeat 28px 50px;position: relative;overflow: hidden}
.footer-cont .fix-up{position: absolute;right:0;top:55px;transition: all 0.1s}
.footer-cont .fix-up a{border:1px solid #f52f3e;padding:2px 3px;font-size: 9px;color:#f52f3e;}
.footer-cont .fix-up:hover{position: absolute;right:0;top:53px;}
.lightspot{padding:40px 0 30px 0;border-bottom: 1px solid #222;overflow: hidden;}
.lightspot li{float: left;width: 130px;height: 55px;color:#ccc;background: url(/Content/images/introduce/zjjjs/lightspot-ico.png) no-repeat left 0px;padding-left:65px;margin-right:15px;overflow: hidden}
.lightspot li em{display: block;font-size: 15px;margin:5px 0;color:#666;}
.lightspot li i{display: block;font-size: 12px;color:#333;}
.links{margin-top:30px;}
.links a{font-size: 12px}
.links span{padding:0 20px;font-size: 11px;color:#333;}
.copyright{color:#333;font-size: 12px;margin-top:10px;}

.app-code{position: relative;width: 72px;}
.app-code .app-cont {width: 247px; height: 129px;padding:13px 0 0 13px; background: url(/Content/images/introduce/zjjjs/wem_bg2.png) no-repeat; left: -265px; top: -35px; position: absolute; display: none;}
.app-code:hover .app-cont{display: block;}
.app-cont span {width: 42%; float: left; color: #555;margin:0px 18px 0 0px;font-size: 12px;}
.app-cont span img { width: 100%;display: block;block;margin:auto}
.wxcode{position: relative;width: 72px;}
.wxcode .wx-cont{width: 128px;height: 120px; position: absolute; top: -25px; left: -135px;background: url(/Content/images/introduce/zjjjs/wem_bg.png) no-repeat;display: none; }
.wxcode:hover .wx-cont {display: block;}
.wxcode .wx-cont span{display: block;width: 120px;height: 120px;overflow: hidden;}
.wxcode .wx-cont span img{width:100px;display: block;margin:10px auto 0 auto}

.check{background:#f52f3e;}
.video-list dl a{color:#777;display: block;padding:6px 0px 6px 15px;border-left:3px solid #222;margin-left: 10px}
.video-list dl a span{color:#fff;background: #ff8400;padding:0 5px 1px 5px;border-radius: 2px;line-height: 14px;font-size:12px;margin-left:5px;}