/*通用框修正.index_top{width: 1200px;margin:24px auto!important;}*/

/*迷你logo*/
.nav_min_header{float: left;height: 45px;width: 100%;margin: 1px 0 1px;}
.nav_min_header .logo{float: left;width: 110px;height: 40px;background: url(../images/keben_logo_min.png) no-repeat;margin-top: 6px;margin-left: 10px;}
.sidebar{width: 820px;float: left;line-height: 45px;margin-left: -10px;font-size: 12px;color: #666;height: 45px;overflow: hidden;}
.sidebar a{color: #585858;padding: 0 4px;font-size: 14px;}
.sidebar span{color: #585858;font-size: 14px;}

/*迷你导航*/
.nav_min{float: left;width: 1200px;line-height: 40px;background: url(../images/keben_bg.png) right center no-repeat #f7f7f7;background-size: 40px;border: 1px solid #ededed;margin: 0px 0;}
.nav_min li{float: left;padding: 0 5px;}
.nav_min li a{color: #0080cc;font-size: 12px;}
.nav_min .on{color: #f8a214;font-weight: 700;}
.n_name {float: left;margin-left: 20px;color: #333;font-weight: bold;}
.n_list{ float: left; width: 100%; }
.n_list li{list-style: none outside none;}
.n_list ul a {color: #3677c3;text-decoration: none;}
.n_list ul a:hover {text-decoration: underline; cursor:pointer;color: #fd3f3f!important;}
.grade{width: 100% !important;}


/*左侧*/
.main-left{width: 850px;float:left;margin: 0px 10px 0 0;background:#fff;position: relative;}
.article{width: 850px;float:left;background:#fff;border: 1px solid #ececec;position: relative;}
.title {line-height: 45px;text-align: center;color: #333;font-weight: bold;font-size: 24px;margin-left: 45px;width: 690px;}
.main-left .pic{display: block;width: 850px;height: 1200px!important;_height:1200px!important;text-align: center; padding: 0 10px 0 5px;}
.main-left .pic img{display: block;width: 800px;height: 1150px!important;_height:1150px!important;text-align: center; padding: 0 10px 0 20px;}
.tips-info{width: 830px;padding: 5px 0 0 0px;float: left;margin-top: 5px;margin-left: 15px;border-bottom: 0px solid #e2e2e2;text-align: center;
argin: 20px 0px;line-height: 1.6;color: #999;
}

.tips-info p {float:left;width:760px;text-align: center;color: #d8dde0;font-size: 12px;height: 28px;line-height: 28px;}
.content{margin: 10px 0;}
.content img {width: 800px;}
.con img {width: 800px;}

/*paging*/
.paging{ width: 820px; *zoom:2}
.paging a{width: 35px;height: 35px;line-height: 22px;border: 1px solid #e8e8e8;display: block;float: left;bottom: 82px;position: fixed;background: #e8e8e8;}
.paging .one font {border-color: transparent #7ad177 transparent transparent;border-style: dashed solid dashed dashed;border-width: 13px;position: absolute;bottom: 2px;left: -3px;}
.paging .one i {border-color: transparent #fff  transparent transparent;border-style: dashed solid dashed solid dashed dashed;border-width: 13px;display: block;position: absolute;bottom: 1px;left: -9px;background: #e8e8e8;z-index: 10010;}
.paging .two font {border-color: transparent transparent transparent #7ad177;border-style: dashed dashed dashed solid;border-width: 13px;position: absolute;bottom: 2px;left: 13px;}
.paging .two i {border-color: transparent transparent transparent #fff;border-style: dashed dashed dashed solid dashed solid;border-width: 13px;display: block;position: absolute;top: -13px;left: -17px;}
.paging .one:hover, .paging .two:hover{border: 1px solid #32b52d;}
.paging .empty:hover, .paging .ey:hover {border: 1px solid #e8e8e8!important}
.paging .empty font {border-color: transparent #e8e8e8 transparent transparent;}
.paging .ey font{border-color: transparent transparent transparent #e8e8e8;}
.one {position: relative;}
.two {position: relative;right: 37%;text-align: center;}



/*上下页*/
.previous{line-height: 35px;float: left;width: 830px;margin: 10px 0 0 12px;}
.previous .pre{ border:1px solid #eeeeee; width: 400px;background:#fafafa; margin:0px 5px;float:left;}
.previous .next{ border:1px solid #eeeeee; width: 400px;background:#fafafa; margin:0px 5px;float:right;}
.previous a{ width:380px; padding:5px; display:block; text-decoration:none; color:#06C }
.picup{float: left; display:inline-block; width:30px; height:30px; cursor:pointer; vertical-align:-10px;background:url(../images/keben_but.png) no-repeat right  -68px;}
.picdown{float: left; display:inline-block; width:30px; height:30px; cursor:pointer; vertical-align:-10px;background:url(../images/keben_but.png) no-repeat right  -09px;}
.previous a:hover{background-color: #F8F8F8; cursor:pointer;}
.namew{float: left; width:260px; text-align:left; line-height:30px; display:inline-block; font-size:12px;margin-left: 10px; cursor:pointer;overflow: hidden;height: 30px;}

/*相关文章*/
.related_article{float: left;width:850px;margin-top: 10px;border: 1px solid #ececec;}
.related_article .textbook{float:left;width:850px;height: 30px;line-height: 30px;margin-bottom: 10px;}
.related_article  strong{color: #333;float: left;height: 33px;line-height: 33px;font-size: 18px;font-weight: bold;margin: 10px 0 10px 20px;}
.related_article .moretex{float: left;text-align:center;overflow: hidden;font-size: 12px;display: inline-block;padding-top: 10px;width:166px;}
.related_article .moretex .dl{float: left; overflow: hidden;font-size: 12px;display: inline-block;padding-top: 10px;width:166px;}
.moretex dt {z-index: 1;position: relative;display: block;margin-left:17px;}
.moretex dd {color: #787878!important;text-align: center;width:160px;height: 20px;line-height: 20px;overflow: hidden;}
.moretex a{ color:#555;}
.moretex img {width: 160px;height: 180px;}

/*视频推荐*/
.article_tab{width: 850px;float:left;background:#fff;border: 1px solid #ececec;margin:5px 15px 0px 0;padding: 10px 0px 10px 0px;position: relative;height:auto!important;}
.cur_arrow{ background:url(../images/video_play_bg_v.4.png) no-repeat}
.playmod_hd:after,.playmod_bd:after,.playmod_ft:after{ visibility:hidden; display:block; height:0; clear:both; content:"."}
.playmod_hd,.playmod_bd,.playmod_ft{ *zoom:1}
.playmod_hd{ margin-bottom:16px}
.tab_vlist .playmod_hd_tab{ float:left}
.tab_vlist .tabs_nav{ height:22px; line-height:22px; font-size:20px}
.tab_vlist .tabs_nav .nav_item{ position:relative; float:left;margin-left:10px; margin-right:10px; _display:inline}
.tab_vlist .tabs_nav .nav_item h2{ float:left; cursor:pointer}
.tab_vlist .tabs_nav .cur_arrow{ position:absolute; left:50%; bottom:-18px; display:none; overflow:hidden; width:13px; height:9px; margin-left:-7px; background-position:-212px -105px}
.tab_vlist .tabs_nav .current,.tab_vlist .tabs_nav .current a:link,.tab_vlist .tabs_nav .current a:visited{ color:#E63737}
.tab_vlist .tabs_nav .current .cur_arrow{ display:block}
.tab_vlist .playmod_bd{ padding:0 15px 10px; background-color:#F5F5F5; border-top:2px solid #E53738}
.tab_vlist .tabs_panel{ position:relative; display:none}
.tab_vlist .tabs_panel_current{ display:block}
.tab_vlist .vlist{ margin-left:-13px;}
.tab_vlist .vlist .vitem{ margin:20px 5px 0 20px}
.playmod_bd{ *zoom:1}
.tabs_panel{ height:380px;overflow:hidden;}

.vlist{ *zoom:1}
.vlist:after{ visibility:hidden; display:block; height:0; clear:both; content:'.'}
.vlist .vitem{ position:relative; float:left; overflow:hidden; width:183px; line-height:1.3em; _display:inline}
.vlist .vcover{ position:relative; display:block; overflow:hidden; width:183px; height:120px; }
.vlist .vcover_img{ width:183px;height:130px;}
.vlist .vtitle{ overflow:hidden; max-height:36px;margin-top:10px; word-break:break-all; word-wrap:break-word; _height:36px;text-align: center;}
.vlist .ply2 s{ margin-left:5px}
.ply2 s{ opacity:.6; filter:alpha(opacity=60)}
.vlist .vcover:hover .alpha{ color:#FFF; font-size:12px}
.vlist .alpha{ position:absolute; left:0; bottom:0; line-height:20px}
.vlist .vcover:link .alpha,.vlist .vcover:visited .alpha,.vlist .vcover:hover .alpha{ color:#FFF; font-size:12px}
.alpha{ overflow:hidden; height:20px; width:100%; background:rgba(0,0,0,.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000)}
.vlist .jiaocai{ position:relative; float:left; overflow:hidden;width:140px;height: 180px; line-height:1.3em; _display:inline;margin-top:10px;}
.vlist .jiaocai img{ width: 131px;height: 150px;padding-top: 10px;}
.vlist .jiaocai_text{ text-align: center;font-size: 12px;width:130px;height: 20px;line-height: 20px;overflow: hidden;}

/*右侧*/
.main-right{margin-top: 1px;float: right;width: 330px;position: relative;margin-top: -1260px;}
.right_box{float: left;border: 1px solid #ececec;background: #f9f9f9;width: 328px;margin: 10px 0;}
.right_box h2{background: #2ca6e0;color: #FFF !important;font-size: 16px;font-weight: bold;line-height: 45px;text-align: center;overflow: hidden;}
.right_box li{float: left;width: 300px;height: 28px;line-height: 28px;font-size: 14px;text-indent: 2em;color: #555;overflow: hidden;}
.right_box li strong{float: left;width: 300px;height: 28px;line-height: 28px;font-size: 14px;text-indent: 1em;color: #EF8642;overflow: hidden;}
.right_box li a:hover{color: #2ca6e0;}
.right_box li a {display: block;color: #555;}
.right_box span {color: #EF8642;font-weight: bold;margin-left: -10px;height: 25px;overflow: hidden;line-height: 25px;font-size: 14px;}
.right_box .on, .right li:hover{background: #e9e9e9;}



@media screen and (max-width:640px){

.index_top{width: 100%;margin:1px auto!important;}
.grade；.n_list {width: 100%;}

.nav_min{display:none}
.content{margin: 5px}
.content img {width: 90%;}
.con img {width: 100%;}

/*迷你logo*/

.nav_min_header{float: left;height: auto;width: 100%;height: 50px;margin: 0px auto;}

.c-nav{background-color:#FFF; padding:0; position:relative; margin-top:51px!important;}
.sidebar{margin: 0;width: 100%;margin-left:-10px;background: #F2F2F2;border-bottom: 1px solid #dfdfdf;color: #f2f2f2;white-space: nowrap;text-overflow: ellipsis;height: 42px;overflow: hidden;}
.sidebar .logo{width: 5%;margin-left: 16px;margin-right:-39px;background-size: auto 100%;height: 22px;position: relative;top: 5px;display: inline-block;float: left;margin-top: 6px;background: url(../images/keben_m_logo.png) no-repeat right center;}
.sidebar a{height: 42px;margin-left:-12px;line-height: 42px;display: inline-block;padding: 0 8px 0 0px;overflow: hidden;font-size: 16px;color: #1a1a1a;background: url(../images/keben_m_site_icon.png)no-repeat right center;;background-size: auto 42px;}
.sidebar span{height: 42px;line-height: 42px;display: inline-block;padding: 0 0px 0 8px;overflow: hidden;font-size: 16px;color: #1a1a1a;background-size: auto 42px;}

/*迷你导航*/
.nav_min{float: left;width: 1200px;line-height: 40px;background: url(../images/keben_bg.png) right center no-repeat #f7f7f7;background-size: 40px;border: 1px solid #ededed;margin: 0px 0;}
.nav_min li{float: left;padding: 0 5px;}
.nav_min li a{color: #0080cc;font-size: 12px;}
.nav_min .on{color: #f8a214;font-weight: 700;}
.n_name {float: left;margin-left: 20px;color: #333;font-weight: bold;}
.n_list{ float: left; width: 1200px }
.n_list li{list-style: none outside none;}
.n_list ul a {color: #3677c3;text-decoration: none;}
.n_list ul a:hover {text-decoration: underline; cursor:pointer;color: #fd3f3f!important;}
.grade{width: 1200px !important;}

/*左侧*/
.main-left{width: 100%;float:left;margin-left: 0px;background:#fff;margin-top: -11px;}
.article{width: 100%;float:left;background:#fff;border: 0px solid #ececec;position: relative;height:auto!important;}
.title {width: 100%;line-height: 45px;text-align: center;color: #333;font-weight: bold;font-size: 24px;margin-left: 0px;}
.main-left .pic{display: block;width: 97%;height: auto!important;text-align: center; padding: 0 5px 0 5px;}
.main-left .pic img{display: block;width: 100%;height: auto!important;text-align: center;padding: 0 0px 0 0px }
.tips-info{width: 90%;padding-top: 10px;float: left;margin-top: 10px;font-size: 12px;border-bottom: 0px solid #e2e2e2;text-align: center;
line-height: 1.6;color: #999;
}

.tips-info p {float:left;width:100%;text-align: center;color: #d8dde0;height: 28px;line-height: 28px;}

.paging{ width: 100%;position: relative; z-index: 1000;}
.paging a{width: 35px;height: 35px;line-height: 22px;border: 1px solid #e8e8e8;display: block;float: left;bottom: 82px;position: fixed;}
.paging .one font {border-color: transparent #7ad177 transparent transparent;border-style: dashed solid dashed dashed;border-width: 13px;position: absolute;bottom: 2px;left: -3px;}
.paging .one i {border-color: transparent #fff  transparent transparent;border-style: dashed solid dashed solid dashed dashed;border-width: 13px;display: block;position: absolute;bottom: 1px;left: -9px;background: #e8e8e8;z-index: 10010;}
.paging .two font {border-color: transparent transparent transparent #7ad177;border-style: dashed dashed dashed solid;border-width: 13px;position: absolute;bottom: 2px;left: 13px;}
.paging .two i {border-color: transparent transparent transparent #fff;border-style: dashed dashed dashed solid dashed solid;border-width: 13px;display: block;position: absolute;top: -13px;left: -17px;}
.one {position: absolute;left: 5px;}
.two {position: absolute;right: 5px;}


/*上下页*/
.previous{line-height: 35px;float: left;width: 98%;margin: 10px 0 0 5px;}
.previous .pre{border:1px solid #eeeeee;background:#fafafa;margin: 0px 2%;width: 43%;float: left;}
.previous .next{border:1px solid #eeeeee;background:#fafafa;margin: 0px 2%;width: 43%;float: right;}

.previous a{width: 96%;height:30px;padding: 2%;display:block;text-decoration:none;float:left;color:#06C;}
.namew{float: left;width: 71%;text-align:left;line-height:30px;display:inline-block;font-size:12px;margin-left: 10px;cursor:pointer;overflow: hidden;height: 30px;}

/*右侧*/
.main-right{display:none;}

/*相关文章*/
.related_article{float: left;width:99%;height: 410px;margin-top: 10px;border: 1px solid #ececec;overflow: hidden;}
.related_article .textbook{float:left;width:100%;height: 30px;line-height: 30px;margin-bottom: 5px;}
.related_article  strong{color: #333;float: left;height: 33px;line-height: 33px;font-size: 18px;font-weight: bold;margin: 10px 0 10px 15px;}
.related_article .moretex{float: left;text-align:center;overflow: hidden;font-size: 12px;display: inline-block;padding-top: 10px;width:33.2%;}
.related_article .moretex .dl{float: left; overflow: hidden;font-size: 14px;display: inline-block;padding-top: 10px;width:100%;height: 180px;}
.moretex dt {z-index: 1;position: relative;display: block;margin: 4px 2px 0 5px;padding: 0 0.5%;}
.moretex dd {color: #787878!important;text-align: center;width:100%;height: 20px;line-height: 20px;overflow: hidden;}
.moretex img {width: 100%;height: 150px;}

/*视频推荐*/
.tab_vlist .vlist{ margin-left:0%;}
.tab_vlist .vlist .vitem { margin:2% 1% 0 2%}
.tab_vlist .playmod_bd{ padding:0 1px 10px; background-color:#F5F5F5; border-top:2px solid #E53738}
.article_tab{width: 99%;float:left;background:#fff;border: 1px solid #ececec;padding: 10px 0px 10px 0px;position: relative;height:auto!important;}
.tabs_panel{ height:350px;overflow:hidden;}
.vlist_s2 .vitem {width:47%;margin-left:0px;
.vlist_s2 .vitem .vcover,.vlist_s2 .vitem .vcover_img {width:100%;}
}