/* Created by foshang.org 2013.07.20 */
@font-face {font-family: 'Politica'; src: url("https://fonts.foshang.org/fonts/politica.ttf") format("truetype");}
@font-face {font-family: 'icon';src:  url('https://fonts.foshang.org/fonts/icon.eot');src:url('https://fonts.foshang.org/fonts/icon.eot#iefix') format('embedded-opentype'), url('https://fonts.foshang.org/fonts/icon.ttf') format('truetype'), url('https://fonts.foshang.org/fonts/icon.woff') format('woff'), url('https://fonts.foshang.org/fonts/icon.svg#icon') format('svg'); font-weight: normal; font-style: normal;}
[class^="icon-"], [class*=" icon-"]{font-family: 'icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;list-style-type:none}
html,body{height:100%;}
body,input,button,select,table,td,th{font-size:12px;line-height:150%;font-family:"Microsoft Yahei", 黑体, 宋体,sans-serif;}
body{color:#959595;}

img{border:0;transition: 4s cubic-bezier(.19,1,.22,1); transform: scale3d(1,1,1);}
img:hover{transform: scale3d(1.1,1.1,1);}
a{color:#404040;text-decoration:none;}
a:hover{color:#8c4108;text-decoration:underline;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}

.detail:link{color:#bc7311;}
.detail:visited{color:#a29583;}
.detail:hover{color:#bc7310;}

header{display: none}
#cd-lateral-nav{display: none}
.top{background:#333;}
.top_line{width:100%;height:30px; padding:0 0;margin:0 auto;}
.page, .list_page, .info_page{width:1280px;padding:0 0;margin:-30px auto 0;}
.header{ height:190px; position:relative;}
h1, .logo{background:url(../images/icon.png) no-repeat;width:158px; height:175px; float: left }
h1 a, .logo a{width:158px; height:150px;display:block;text-indent:-999em; }
.foli{text-align:center; z-index:99;line-height:30px; height:30px;position: absolute; top: 0; right: 0;color: rgba(255,255,255,.6)}
.foli a{color:#fff; text-decoration:underline}
.foli a:hover{color:#f70e0e }
/*menu*/
.menu{margin:50px 0 0 0; float: right;font-size: 14px}
.menu div a,.menu a{display:block;width:20px; height:85px;}
.menu div,.menu ul,.menu li{float:left}
.menu div{margin: 0 5px 0 10px;font-weight: 700;}
.menu ul{ margin:35px 35px 0 10px; border-top:1px solid #d7d7d7; padding:5px 0 0 0}
.menu ul:nth-child(12){margin: 35px 5px 0 10px;}

.menu div .sub_zixun{background-position:0 0}.menu div .sub_tupian{background-position:-84px 0}.menu div .sub_zhishi{background-position:-175px 0}.menu div .sub_yingyin{background-position:-334px 0; }.menu div .sub_hywz{background-position:-453px 0}.menu div .sub_hudong{background-position:-543px 0}
.menu div .sub_zixun:hover{background-position:0 -92px}.menu div .sub_tupian:hover{background-position:-84px -92px}.menu div .sub_zhishi:hover{background-position:-175px -92px}.menu div .sub_yingyin:hover{background-position:-334px -92px; }.menu div .sub_hywz:hover{background-position:-453px -92px}.menu div .sub_hudong:hover{background-position:-543px -92px}

.menu ul li{margin:0 3px;}
.menu ul a.xinwen{background-position:-30px -5px}.menu ul a.huodong{background-position:-54px -5px}.menu ul a.tupian{background-position:-116px -5px}.menu ul a.lvyou{background-position:-141px -5px}.menu ul a.baike{background-position:-208px -5px}.menu ul a.congshu{background-position:-233px -5px}.menu ul a.fojing{background-position:-256px -5px}.menu ul a.foxue{background-position:-281px -5px}.menu ul a.chanyu{background-position:-305px -5px}.menu ul a.dianying{background-position:-369px -5px}.menu ul a.yinyue{background-position:-393px -5px}.menu ul a.jiangyi{background-position:-417px -5px}.menu ul a.huangye{background-position:-487px -5px}.menu ul a.wangzhan{background-position:-510px -5px}.menu ul a.weibo{background-position:-576px -5px}
.menu ul a.luntan{background-position:-600px -5px}.menu ul a.chaojing{background-position:-624px -5px}.menu ul a.huixiang{background-position:-647px -5px}.menu ul a.foxuerumen{background-position:-30px -187px}.menu ul a.gushi{background-position:-54px -187px}

.menu ul a.xinwen:hover{background-position:-30px -97px}.menu ul a.huodong:hover{background-position:-54px -97px}.menu ul a.tupian:hover{background-position:-116px -97px}.menu ul a.lvyou:hover{background-position:-141px -97px}.menu ul a.baike:hover{background-position:-208px -97px}.menu ul a.congshu:hover{background-position:-233px -97px}.menu ul a.fojing:hover{background-position:-256px -97px}.menu ul a.foxue:hover{background-position:-281px -97px}.menu ul a.chanyu:hover{background-position:-305px -97px}.menu ul a.dianying:hover{background-position:-369px -97px}.menu ul a.yinyue:hover{background-position:-393px -97px}.menu ul a.jiangyi:hover{background-position:-417px -97px}.menu ul a.huangye:hover{background-position:-487px -97px}.menu ul a.wangzhan:hover{background-position:-510px -97px}.menu ul a.weibo:hover{background-position:-576px -97px}
.menu ul a.luntan:hover{background-position:-600px -97px}.menu ul a.chaojing:hover{background-position:-624px -97px}.menu ul a.huixiang:hover{background-position:-647px -97px}.menu ul a.foxuerumen:hover{background-position:-30px -283px}.menu ul a.gushi:hover{background-position:-54px -283px}
.mobile-nav{display: none}

/*foxue_banner*/
.foxue_banner{padding:10px 0;}
.foxue_banner img{transform: none;}

/*main*/
.main{padding:5px 0 10px;}
.Path-nav {line-height: 28px;padding-left: 5px;width: 100%;margin: 0px auto 20px;border-bottom: 1px solid #DDD;box-sizing: border-box}
.box{width:100%;overflow:hidden;margin-bottom:0px; padding-bottom:6px; margin-top:20px;}
.main .box{padding:0 0;background: none;margin-top: 10px;position: relative;border-radius:0}
/*.main .box:before{content: " ";display: block;height: 9px;background: url(../images/foxuerumen/line1.png) repeat-x;}
.main .box:after{content: " ";display: block;height: 9px;background: url(../images/foxuerumen/line1.png) repeat-x;position: absolute;bottom:0;width: 100%}*/
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c13{float:left;display:inline;overflow:hidden;}
.c1{width:75%;}
.c2{width: calc(25% - 40px);margin:10px 0 0 40px;float: right}
.c3{width: 100%}
.c4{width:100%}
.c4box{padding:0;margin:10px 0 0;height: 300px}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: left;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: left;-ms-flex-pack: left;-webkit-justify-content: left;justify-content: left;-webkit-box-align: left;-ms-flex-align: left;-webkit-align-items: left;align-items: left; background-size: cover;}
.swiper-slide a{width: 100%; height: 100%;text-decoration: none}
.swiper-slide a span{background: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;line-height: 32px; padding: 5px 0 15px 15px; color: #fff;font-size: 16px;display: block;width: 100%;position: absolute;bottom: 0}
.sw{width:100%; position:relative;display: inline-block;margin:10px 0;border-bottom:1px dotted #cecece; padding-bottom: 10px}
.sw h4{display: block;font-size: 20px;font-weight: normal; height: 32px; line-height: 32px; overflow: hidden;color:#ea5f02;margin-bottom: 10px}
.sw h4 a{color:#ea5f02;}
.sw p{color:#8c8c8c;line-height: 24px; margin-bottom: 10px}
.a_list{margin:0 5px;display: inline-block;box-sizing: border-box;width: 100%;overflow: hidden}
.a_list li{height:36px;line-height:36px;font-size:18px; float:left; width:50%;box-sizing: border-box;color:#404040; overflow: hidden}
.a_list li a{color:#404040;}
.a_list li a:nth-child(2){padding-left: 5px}
.a_list li a:hover{color:#ea5f02;}

.ch2-mod {width: 100%;z-index: 1; background-color: #fff;}
.ch2-mod .hd {height: 44px;line-height: 44px; color: #fff;background: #512703; border-radius: 3px 3px 0 0;padding: 0}
.ch2-mod .hd h2{text-align: center; font-size: 16px; font-weight: 400;width: 100%;color: #fff}
.ch2-mod .bd .scroller{}
.ch2-mod .ch2-list{border: 1px solid #f0f0f0; overflow: hidden;}
.ch2-mod .ch2-list .item{border-top: 1px solid #f0f0f0;}
.ch2-mod .ch2-list .item a{position: relative; display: block; color: #666; font-size: 16px; height: 42px; line-height: 42px; text-align: center; background-color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.ch2-mod .ch2-list .current a{color:#512703}

.part_bl{width:75%; margin:0 0; float:left;box-sizing: border-box;}
.part_br{width:calc(25% - 40px); margin:0 0 0 40px; float:left}
.part_all{ width:100%; margin:0 auto;}
.part_bl .col{width:calc((100% - 40px) / 2); float: left}
.part_bl .col:nth-child(2){margin-left: 40px}
.part_b .col,.part_all .col{width: 100%}

.page .part_bl:before,.page .part_br:before{content: " ";display: block;height: 9px;background: url(../images/foxue/module-title-line.jpg) repeat-x;}

/*module*/
.module-title{position: relative;zoom: 1;line-height: 40px; height: 41px; border-bottom: 1px solid #cecece;margin:10px 0 20px}
.module-title h2{ height:40px;display:block;line-height: 40px;font-size: 20px; font-weight: normal;margin: 0 auto;}
.module-title h2 a{color:#512703;display: inline-block; border-bottom: 2px solid #a68c71;}
.module-title h2 a:hover{text-decoration: none}

.tt{position:relative;background:url(../images/bg_tit.png) repeat-x left bottom;}
.tt h3{font:14px/22px "Microsoft Yahei";padding-bottom:10px;}
.tt h3 span{color:#ab9377;padding:10px 5px;}
.tt h3 span a{color:#333}
.tt h3 .curr{color:#333;background:url(../images/bg_tit_curr.png) no-repeat center bottom;}

/*module*/
.module_intro{float:left; width:100%;overflow: hidden;display: inline-block;border-radius: 4px;margin: 10px 0;height: 120px;position: relative}
.module_intro img{width: 100%;top: 50%; position: absolute; transform: translate(-50%, -50%) scale3d(1,1,1); left: 50%;}
.module_intro img:hover{transform: translate(-50%, -50%) scale3d(1.1,1.1,1);}
.part_br .module_intro img{width: auto;height: 100%}

/*foxue_top*/
.Article_list{width:100%;display: inline-block;}
.Article_list li{ float:left; width:50%; overflow:hidden;font-size: 16px; line-height: 36px;height: 36px;padding-left: 12px;box-sizing: border-box;position: relative}
.Article_list li:after {content: "";background: #ccc;width: 4px;height: 4px;border-radius: 4px;-moz-border-radius: 4px; -o-border-radius: 4px;-webkit-border-radius: 4px;display: block;position: absolute;left: 0; top: 50%;}
.Article_list li span{display: none;width: 32px;font-family: arial;font-style: italic;}
.Article_list a{ font-size:14px;}
.part_all .Article_list li{width: calc((100% - 40px) / 4)}
.part_all .Article_list li:nth-child(4n-1){margin-left: 40px}
.page .part_br .Article_list li{width: 100%}
.page .part_br .Article_list li:nth-child(n+5){display: none}

/*list_page & info_page*/
.list_page .box,.info_page .box{ margin:0 0;background:none}
.list_page .box{margin:0 0;}
.list_page .cluster {width: 170px;min-height: 100px;margin-right: 30px; float: left;}
.list_page .cluster .ch2-mod .hd{height: 44px;line-height: 44px;padding: 0}
.list_page .cluster .ch2-mod .hd h2{text-indent:inherit;background: none}
.list_page h1{margin:0 0 10px;font:24px/28px "Microsoft Yahei";color:#512703; height:45px; width: 100%; box-sizing: border-box;position: relative;background: #fff;}
.list_page h1:before{content: " ";display: block;height: 40px;background:url(../images/foxue/foxue_h2_ico.jpg) no-repeat;width: 36px;float: left}
.list_page h1:after{content: " ";display: block;height: 9px;background: url(../images/foxue/module-title-line.jpg) repeat-x; position: absolute;bottom: 0;width: 100%}
.list_page h3,.info_page h3{padding:2px 0 0 10px;margin:0 0;}
.list_page h3.paihang,.info_page h3.paihang{background: url(../images/foxue/module-title-line.jpg) left bottom repeat-x; height: 45px; line-height: 28px; font-size: 22px; color: #333; width: 100%; float: left;font-weight: normal;box-sizing: border-box;}
.list_page .part_br ul.list{background-color: #f7f8f9; padding: 5px 10px; margin-bottom: 35px;display: inline-block;box-sizing: border-box;width: 100%}
.list_page .part_br ul.list .item{position: relative; padding: 10px 0; font-size: 14px;display: inline-block;}
.list_page .part_br ul.list .item .pic{position: relative; float: left; width: 120px; height: 80px; overflow: hidden;}
.list_page .part_br ul.list .item .pic img{position: relative; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; color: #999; width: 100%;max-height: 62px}
.list_page .part_br ul.list .item .txt{position: relative; float: left; width: calc(100% - 130px); padding-left: 10px; line-height: 22px; z-index: 1;}

.list_page .info_list { width: calc(100% - 200px);  float: left;overflow: hidden}
.list_page .info_list li{padding: 20px 0;border-top: 1px solid #e6e6e6;display: inline-block;width: 100%;}
.list_page .info_list li:first-child{border-top: 0;padding-top: 0}
.list_page .info_list li .picture{float: left; margin-right: 20px; width: 230px; height: 130px; overflow: hidden; min-width: 230px; max-width: 230px;display: block; position: relative; border-radius: 3px}
.list_page .info_list li .picture img{position: absolute; top: 50%; transform: translate(-50%, -50%) scale3d(1,1,1); left: 50%;width: 100%;}
.list_page .info_list li .picture img:hover{transform: translate(-50%, -50%) scale3d(1.1,1.1,1);}
.list_page .info_list li .detail{height: 130px;position: relative;width: calc(100% - 250px); float: left}
.list_page .info_list li h3{font-size: 20px; font-weight: 400; height: 36px;line-height: 32px; min-height: 75px;background: none;text-indent: inherit;margin: 0;padding: 0}
.list_page .info_list li .tags{height: 20px; line-height: 20px; margin-bottom: 13px;}
.list_page .info_list li .tag{display: inline-block; font-size: 12px; background-color: #f0f0f0; border-radius: 20px; padding: 0 10px; color: #999;margin-right: 10px;}
.list_page .info_list li .binfo{position: absolute; color: #666; font-size: 12px; height: 22px; bottom: 0;display:block; width: 100%}
.list_page .info_list li .binfo .fl{float: left;}
.list_page .info_list li .binfo .fr{float: right;margin-right: 20px}
.list_page .info_list li .binfo a{color: #666;}
.list_page .info_list li .cmt{display: inline-block; line-height: 20px; height: 20px; color: gray; margin-left: 15px; padding-left: 18px; background: url(../images/info_list_cmt.png) no-repeat 0;}
.list_page .info_list #loading{text-align: center;padding: 1em;font-size: 14px;color: #404040}

/*Lite_page hr*/
.bk20{font-size: 1px;height: 0;line-height: 1px;height: 20px}
.info_page .part_bl{margin: 0; padding: 0;overflow: hidden}
.info_page h1{ background:none; height:37px;width:100%; text-align:center;font:20px/30px "Microsoft Yahei";color:#333; padding:20px 0 5px 0;float: none}
.info_page h1.main_info_tit{font-size: 36px; line-height: 1.5; margin-bottom: 25px; color: #333;margin:8px 0 0;text-align: left;padding: 0;height: auto}
.info_page .main_info{border-top:none;margin:0; padding:0 0 20px; min-height:790px;display: inline-block;width: 100%}
.info_page #lefttool{width: 80px;padding-right: 30px;margin-right: 30px;text-align: center;  float: left; font-size: 12px;color: gray; line-height: 1.5}
.info_page #lefttool .left-stick-wp {width: 80px;-webkit-transition: all .5s; -o-transition: all .5s;transition: all .5s;position: relative;}
.info_page #lefttool .left-stick-wp:after {content: ""; display: block; border-right: 1px solid #eee; width: 1px; height:calc(100% - 36px); top: 10px; right: -40px; position: absolute;}
.info_page #lefttool .through{position: relative;}
.info_page #lefttool .through:after {content: "";display: block; width: 100%;height: 1px;background: #e8e8e8;position: absolute; top: 50%; left: 0;z-index: -1;}
.info_page #lefttool .through span {display: inline-block; background: #fff; padding: 0 5px;}
.info_page #lefttool .year{font-size: 20px;color: #000; font-family: Politica;}
.info_page #lefttool .md {font-size: 34px; line-height: 1.2;color: #000; font-family: Politica;}
.info_page #lefttool .time {font-size: 20px;color: #000;font-family: Politica; margin-bottom: 25px;}
.info_page #lefttool .readnum{width: 100%}
.info_page #lefttool #hits{width: 100%;display: inline-block;margin-bottom: 5px}
.info_page .info_date{text-align:center; width:100%; margin:0 auto;}
.info_page .info_date a{color:#8c4108; padding:0 5px;}
.info_page .info_date .info_Comment a{color: #f75150;font-weight: 700;}
.info_page .info_date #favorite{color: #56ac0b;font-weight: 700; display: inline-block;width: 100%;margin-bottom: 5px}
.info_page .info_date #favorite a{display: inline-block;margin-top: 3px; border-radius: 16px; line-height: 18px; padding: 0 8px;background-color: #2291f7;color: #fff;}
.info_page .info_date #media_name{display: inline-block;width: 100%;line-height: 18px;}
.info_page .info_date #media_name a{color: #2291f7;}
.info_page #lefttool .share-title {margin-top: 50px; margin-bottom: 18px;}
.info_page #lefttool .bdsharebuttonbox a {width: 40px; height: 40px; margin: 10px auto 0; border-radius: 50%; display: block; cursor: pointer; line-height: 40px; color: #fff!important; -webkit-transition: all .5s;  -o-transition: all .5s; transition: all .5s; position: relative;background: #ccc; font-family: "icon";padding: 0;float: none;font-size: 24px;}
.bdsharebuttonbox a:hover{text-decoration: none}
.bdshare-button-style2-24 .bds_weixin:before{content: "\ead9";}
.info_page #lefttool .bdsharebuttonbox a.bds_weixin:hover{background-color:rgba(61,190,91,1.00)}
.bdshare-button-style2-24 .bds_tsina:before{content: "\ea9a";}
.info_page #lefttool .bdsharebuttonbox a.bds_tsina:hover{background-color:rgba(255,87,87,1.00)}
.bdshare-button-style2-24 .bds_sqq:before{content: "\e903";}
.info_page #lefttool .bdsharebuttonbox a.bds_sqq:hover{background-color:rgba(33,179,247,1.00)}
.bdshare-button-style2-24 .bds_qzone:before{content: "\e904";}
.info_page #lefttool .bdsharebuttonbox a.bds_qzone:hover{background-color:rgba(248,197,20,1.00)}
.bdshare-button-style2-24 .bds_copy:before{content: "\e9cb";}
.info_page #lefttool .bdsharebuttonbox a.bds_copy:hover{background-color:rgba(121,82,87,1.00)}
.bdshare-button-style2-24 .bds_print:before{content: "\e954";}
.info_page #lefttool .bdsharebuttonbox a.bds_print:hover{background-color:rgba(53,53,53,1.00)}
.info_page #lefttool .comment-count-title {margin: 54px auto 15px;}
.info_page #lefttool .comment-count {background: url(../images/comment-count.png) no-repeat top; width: 80px; height: 80px; position: relative; display: block; padding-top: 7px;}
.info_page #lefttool .comment-count span {display: block;width: 32px;height: 4px;background: #555;margin: 6px 0 0 24px;}
.info_page #lefttool .comment-count:hover span:first-child{-webkit-animation:strench .6s;animation:strench .6s}
.info_page #lefttool .comment-count:hover span:nth-child(2){-webkit-animation:strench .3s;animation:strench .3s}
.info_page #lefttool .comment-count:hover span:nth-child(3){-webkit-animation:strench .8s;animation:strench .8s}
.info_page #lefttool .comment-count .text {font-size: 28px;line-height: 1;top: -15px;position: absolute;color: #ff2f2f;text-align: center;right: -10px;font-family: constani; width: 52px;display: none}
.info_page #lefttool .comment-count .text i {background: #fff;padding: 3px 5px;display: inline-block;}
@-webkit-keyframes strench{0%{width:32px}50%{width:10px}to{width:32px}}@keyframes strench{0%{width:32px}50%{width:10px}to{width:32px}}

.info_page .info_Content{line-height: 1.5; padding: 23px 19px 0; color:#666;width:calc(100% - 140px);font-size: 16px; float: right;box-sizing: border-box;}
.info_page .info_Content,.info_page .info_Content p{line-height: 2.2; margin-bottom: 1em;word-break: break-all;}
.info_page .info_Content img{max-width: 100%;transform:none;height: auto}
.info_page .info_Content a{color:#8c4108;}
.info_page .pinglun{ width:100%; margin-top:20px; float:left}
.info_page .bar-tit { padding: 37px 0 30px;}
.info_page .bar-tit h2{position: relative; height: 17px; line-height: 16px; font-size: 15px; padding-left: 21px;color: #000;} 
.info_page .bar-tit h2:after{content: ""; position: absolute; left: 0; top: 7px; width: 15px; height: 2px; background: #4d4d4d;}
.info_page .bar-con .item{position: relative; overflow: hidden;}
.info_page .bar-con .item .pic{position: relative; height: 140px; overflow: hidden;border-radius: 3px;}
.info_page .bar-con .item .pic img{position: relative; width: 100%; min-height: 140px; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out;font-size: 14px; display: inline-block; color: #999;}
.info_page .bar-con .item .txt{position: relative; padding: 8px 0 20px; font-size: 14px; line-height: 20px;}
.info_page .bar-con .item .txt .txt-date{display: none}

/*tips*/
.content_tip_list{ border:solid 1px #ccc; background:#f7f7f7 url(../images/ent_zxh_0816_01v3.png) no-repeat -15px -538px; padding:4px 4px 4px 50px; color:#333; margin:27px 0;border-radius: 5px}
.content_tip_list a:link, .content_tip_list a:visited{color:#C46E71}
.content_tip_list a:hover{color:#c00}

/*bdsharebuttonbox*/
.bdsharebuttonbox{margin: 0 0 20px}

/*related_news*/
.related{padding:5px 0;width:calc(100% - 10px); margin:0 auto; border-top:1px dashed #999}
.related h2.related_title{background:url(../images/ent_zxh_0816_01v3.png) -43px -638px no-repeat;font-weight:bold; padding-left:14px; font-size:16px; font-family:"Microsoft Yahei"; color:#010101; line-height:30px; margin:10px 0;}
.related ul{padding-left:3px}
.related ul li{padding:2px 0 2px 12px;background:url(../images/bg_list01.png) no-repeat left center;width:50%;float: left;box-sizing: border-box;overflow: hidden}
.related ul li a{ color:#532900;font-size: 14px}

/*page*/
#page{ width:690px; margin:20px auto 10px auto; text-align:center; display:inline-block}
#page a{ display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #DBC18C; text-align:center; color:#A77D3A}
#page a.a1{width:56px; }
#page a:hover{background:#A16E2D; color:#fff; text-decoration:none;}
#page span { display:inline-block; width:26px; height:22px; line-height:22px; background:#A16E2D; border:1px solid #DBC18C; color:#fff; text-align:center; }
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4;}

/*foot*/
.foot{background:url(../images/bg_footer.jpg) no-repeat; width:100%; margin:30px auto 0 auto; min-height:200px}
.copyright{color:#fff;text-align:center;line-height:37px;width:100%; padding:95px 0 0 0;}
.copyright a{color:#fff;}
#footbottom{display: none }

/*adsense css*/
.tk-tips{position: absolute;left: 0;bottom: 0;line-height: 18px;color:#fff;background: rgba(232, 232, 232, 0.8);padding: 0 5px;border-radius: 0 3px 0 0;z-index: 9}

.foshang_adsense{width: 100%;margin: 20px auto 0;display: inline-block;}
.foshang_adsense img{transform:none;}
.foshang_adsense .adsense_l{width: calc(75% - 2px);border: 1px solid #E6E6E6;font-size: 12px;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;float: left}
.foshang_adsense .adsense_r{width: calc(25% - 40px);margin-left: 40px;float: right}
.list_ad_r{margin-bottom: 40px}
.foshang_adsense .adsense_r ul,.list_ad_r ul{display: inline-block;width:calc(100% - 2px);overflow: hidden;border:1px solid #E6E6E6}
.foshang_adsense .adsense_r ul li,.list_ad_r ul li{float: left;width:calc((100% - 10px) / 2)}
.foshang_adsense .adsense_r ul li:last-child,.list_ad_r ul li:last-child{margin-left: 10px}
.foshang_adsense .adsense_r ul li .thumb,.list_ad_r ul li .thumb{width: 100%;height: 92px;overflow: hidden;display: inline-block;padding: 5px;box-sizing: border-box}
.foshang_adsense .adsense_r ul li img,.list_ad_r ul li img{width: 100%;transform: none;}
.foshang_adsense .adsense_r ul li .tk_info,.list_ad_r ul li .tk_info{line-height: 24px;padding: 0 5px;box-sizing: border-box}
.foshang_adsense .adsense_r ul li .tk_info .pro_price,.list_ad_r ul li .tk_info .pro_price{font-size: 13px;color: #d51938;float: left;font-weight: bold}
.foshang_adsense .adsense_r ul li .tk_info .total_sales,.list_ad_r ul li .tk_info .total_sales{float: right}

.ad_swiper ul{width: 100%!important;}
.ad_swiper ul li{width:calc(100% / 4)!important;float: left;overflow: hidden;height: 100%;margin-right: 0!important;font-size: 12px!important;padding:0!important;border: 0!important;}
.ad_swiper ul li span{font-size: 12px!important;}
.ad_swiper ul li .thumb{width: calc(50% - 5px);float: left;margin-right: 5px;}
.ad_swiper ul li .thumb img{max-width: 100%;transform: none;}
.ad_swiper ul li .tk_info{float: left;width: 50%;position: relative;transform: translate(0, 50%);left: 0;}
.ad_swiper ul li .pro_s_p{background: url(../images/taoke/taoke-icon-5-23.gif) no-repeat top left;height: 23px;display: inline-block;margin-top: 5px;}
.ad_swiper ul li .pro_s_p .total_sales{color: #666;}
.ad_swiper ul li .pro_s_p .pro_price{font-weight: 700;display: inline-block;height: 18px;line-height: 18px;padding: 0 10px;background-color: #ff4400;color: #fff;width: auto;position: relative}
.ad_swiper .swiper-pagination{width: 15px!important;right: 0!important;left:auto!important;bottom: 0!important;transform: translate(0, -50%);top: 50%;display:block;}
.ad_swiper .swiper-pagination .swiper-pagination-bullet{background:#D9D9D9;margin: 0 4px 4px!important;}
.ad_swiper .swiper-pagination .swiper-pagination-bullet-active{background:#ff4400}
.list_ad_r{margin-bottom: 40px}
.list_ad_r ul{display: inline-block;width:calc(100% - 2px);overflow: hidden;border:1px solid #E6E6E6}
.list_ad_r ul li{float: left;width:calc((100% - 10px) / 2)}
.list_ad_r ul li:last-child{margin-left: 10px}
.list_ad_r ul li .thumb{width: 100%;height: 92px;overflow: hidden;display: inline-block;padding: 5px;box-sizing: border-box}
.list_ad_r ul li img{width: 100%;transform: none;}
.list_ad_r ul li .tk_info{line-height: 24px;padding: 0 5px;box-sizing: border-box}
.list_ad_r ul li .tk_info .pro_price{font-size: 13px;color: #d51938;float: left;font-weight: bold}
.list_ad_r ul li .tk_info .total_sales{float: right}
.list_taoke_ad{width: 100%;margin: 20px auto;display: inline-block;position: relative;overflow: hidden}
.show_info_ad{width:calc(100% - 2px)!important;border:1px solid #E6E6E6;font-size: 12px;margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}

@media screen and (max-width: 1280px) {
	.page, .list_page, .info_page{width: 100%}
}
@media screen and (max-width: 1024px) {
	.page, .list_page, .info_page{width: 100%;margin: 0 auto;padding: 0 1em; box-sizing: border-box}
	.header {position:inherit;margin: -30px auto 0;}
	.foli{right:1em}
	.menu{width: calc(100% - 158px); margin: 45px 0 0;overflow: hidden}
	.menu ul{margin: 35px 5px 0 10px}
	
	.info_page .box{margin-top: 0}
	.part_bl{width: 100%}
	.part_br{display: none}
	.info_page .main_info{border: 0;}
	.info_page .info_Content p{font-size: 16px; line-height: 32px;}
	.info_page .part_br{display: inline-block;width: 100%;margin:0}
	.info_page .bar-tit{padding: 0 0 30px}
	.info_page .bar-tit h2{color: #3F4146;font-size: 17px;line-height: 20px;text-align: center; margin-top: 30px;padding-left: 0}
	.info_page .bar-tit h2:after{content: '';display: block;width: 12px;height: 3px;background: #498BF8; margin: 6px auto 5px; border-radius: 3px;position: relative}
	.info_page .bar-con{padding: 0 1em;box-sizing: border-box}
	.info_page .bar-con .item{padding: 1em 0;border-bottom: 1px solid rgb(233, 233, 233);}
	.info_page .bar-con .item .pic{float: right;width: 33%; position: relative; margin-left: 15px; pointer-events: none; transform: scale(1); overflow: hidden;border-radius: 3px;;height: 152px}
	.info_page .bar-con .item .txt{float: left;width: calc(66% - 15px)}
	.info_page .bar-con .item .txt .txt-date{display: inline-block;width: 100%;}
	.info_page .bar-con .item .txt a{font-size: 16px;line-height: 24px;margin-bottom: 40px;display: inline-block;}

	.foshang_adsense .adsense_l{width: 100%}
	.foshang_adsense .adsense_r{display: none}
}
@media screen and (max-width: 1023px) {
	.page, .list_page,.info_page{margin: 3.5em auto 0;min-height: 100%;position:relative}
	.top,.header{display: none}
	h1, .logo{height: 100%;background-position: 0 -625px;width:130px;margin: 0 auto;float: none }
	h1 a, .logo a{width:130px;height: 100%;}
	.foli{display: none}
	header{height: 3.5em;position: fixed;background: #333;z-index: 10;width: 100%;-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s;display: block;top: 0}
	header.is-fixed {position: fixed;}
	/* pad&mobile nav start */
	#cd-menu-trigger {position: absolute; right: 0; top: 1.8em; width: 50px;}
	#cd-menu-trigger .cd-menu-text {height: 100%;text-transform: uppercase; color: #FFF; font-weight: 600; display: none;}
	#cd-menu-trigger .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 18px; height: 2px; background-color: #FFF;}
	#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;}
	#cd-menu-trigger .cd-menu-icon::before { bottom: 5px;}
	#cd-menu-trigger .cd-menu-icon::after { top: 5px;}
	#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0);}
	#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: white;}
	#cd-menu-trigger.is-clicked .cd-menu-icon::before { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
	#cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
	#cd-lateral-nav{position: fixed; height: 100%; right: 0; top: 0; z-index: 99; width: 260px; background-color: #333; overflow-y: auto; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;  -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s;  -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); -o-transform: translateX(80px); transform: translateX(260px);font-size: 16px;line-height: 38px;color: #fff;display: block}
	#cd-lateral-nav.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0px);  -webkit-overflow-scrolling: touch;}
	#cd-lateral-nav .nav-name{padding-left: 2em;box-sizing: border-box;}
	#cd-lateral-nav .nav-name{line-height: 41px;border-bottom: 1px solid #2b2b2b;}
	#cd-lateral-nav ul li a{color: #fff}
	#cd-lateral-nav ul li{border-bottom: 1px solid #2b2b2b;}
	#cd-lateral-nav ul li{padding-left: 4.5em;box-sizing: border-box;font-size: 14px}
	#cd-lateral-nav ul li.cat-name{font-weight: 600;padding-left: 4em;box-sizing: border-box;font-size: 16px;background: url(../images/module-title-icon-hover.png) no-repeat 2em -345px;}
	#cd-lateral-nav ul li.cat-name:nth-child(4){background-position: 2em 8px}
	#cd-lateral-nav ul li.cat-name:nth-child(7){background-position: 2em -54px}
	#cd-lateral-nav ul li.cat-name:nth-child(15){background-position: 2em -124px}
	#cd-lateral-nav ul li.cat-name:nth-child(19){background-position: 2em -269px}
	#cd-lateral-nav ul li.cat-name:nth-child(22){background-position: 2em -197px}
	.maintransform{-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; }
	.lateral-menu-is-open { -webkit-transform: translateX(-260px);-moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px);}
	.mobile-user{display: block;position: absolute;left: 0;top: 0;width: 35px; height: 3.5em;}
	.mobile-user a{width: 35px; height: 3.5em; cursor: pointer;background-image: url(../images/toolbar-icons.png);display: inline-block;background-position: -40px 3px;}
	.mobile-user .login-after{width: 35px; height: 3.5em;overflow: hidden}
	.mobile-user .login-after .avatar{position:absolute;left:1em;top:calc(50% - 14px);height:28px;width:28px;border-radius:100%;display:inline-block;transform: none;background: #fff}
	.mobile-user .panel{position: absolute;width: 100vw; left: 0; border:solid 1px #ebebeb;background-color:#FFF;box-shadow:0 0 16px rgba(0,0,0,.32)}
	.mobile-user .panel .arrow{position:absolute;top:-8px;left: calc(1em + 7px);display:inline-block;width:13px;height:8px;background:url(../images/member/header_member.png) -112px 0 no-repeat}
	.mobile-user .panel .content{padding: .5em 1em;box-sizing: border-box;display: inline-block; width: 100%;}
	.mobile-user .panel .content dd{width: 33.3%; float: left}
	.mobile-user .panel .content dd a{width: 100%;background-image: none;height:32px;line-height: 32px;font-size: 14px;}
	.mobile-nav{margin: 0;position: fixed;z-index: 10; bottom: 0;height: 45px;line-height: 45px;background: #fff;padding: 10.5px 0 10.5px 1em; box-sizing: border-box;display: block;width: 100%;border-top: 1px solid #e8e8e8;-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform;
    -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s;transition-duration: 0.4s;}
	.mobile-nav.lateral-menu-is-open{ -webkit-transform: translateX(-260px);   -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px);}
	.mobile-nav .bdsharebuttonbox{width: 80%;float: left}
	.mobile-nav .bdsharebuttonbox a{margin: 0 10px 0 0;float: left;line-height: 24px;height: 24px;width: 24px;background: #fff;font-size: 20px;font-family: "icon";padding-left: 0}
	.mobile-nav .bdsharebuttonbox a:before{color:#2291f7}
	.mobile-nav .info_Comment {width: 20%;float: left;text-align: right}
	.mobile-nav .info_Comment a{color: #f75150;font-weight: 700;background:url(../images/comment-count.png) no-repeat top; width:24px;height: 24px; position: relative; display: inline-block; padding-top: 4px; background-size: auto 24px;margin: 0 1em 0 0}
	.comment-count span {display: block; width: 12px; height: 1px; margin: 2px auto 0; background: #555}
	/* pad&mobile nav end */
	.main .box{margin-top: 0}
	.c4box,.c2{margin-top: 0}
	.c1{width: 100%}
	.c2{float: none;width: 100%;display: block; margin: 0 0 20px;}
	.ch2-mod{z-index: 2;background: #fff;}
	.ch2-mod .hd{width: 25%;float: left;border-radius: 3px 0 0 3px;}
	.ch2-mod .bd{width: calc(75% - 2px);float: left;overflow: hidden;border-radius: 0 3px 3px;border: 1px solid #f0f0f0;height: 42px;line-height: 42px;position: relative;}
	.ch2-mod .bd .scroller{position: absolute;}
	.ch2-mod .ch2-list{width: calc(100% - 2px);float: left;height: 42px;line-height: 42px;border: 0 }
	.ch2-mod .ch2-list .item{float: left;padding: 0 5px;width: 8em;border-top: 0}
	
	.box{margin: 0;padding: 0}
	.page .part_bl:before, .page .part_br:before{display: none}
	.page .part_bl,	.page .part_br{width: 100%;margin: 0 0;padding: 0}
	.page .part_bl .col{width: 100%}
	.page .part_bl .col:nth-child(2){margin: 0}
	.part_br .module_intro img{width: 100%;height: auto}
	.part_all .Article_list li{width: 50%;}
	.part_all .Article_list li:nth-child(4n-1){margin-left: 0}
	.part_all .Article_list li:nth-child(n+9){display: none}
	.page .part_br .Article_list li{width: 50%}
	.page .part_br .Article_list li:nth-child(n+5){display: inline-block}
	
	.list_page .part_bl{width: 100%;margin: 0}
	.list_page .part_br{display: none}
	.list_page .cluster{width: 100%;margin: 0 0 20px; min-height: auto;}
	.list_page .info_list{width: 100%}
	.list_page .info_list li .picture{width: 33%; float: right;position: relative;pointer-events: none; transform: scale(1); overflow: hidden; border-radius: 3px;min-width: auto;margin: 0 0 0 15px;height: 10em}
	.list_page .info_list li .detail{width: calc(67% - 15px);float: left;height: 10em}
	.list_page .info_list li h3{font-size: 16px; line-height: 24px;max-height: 48px;overflow: hidden;height: auto;min-height: auto;}
	
	.module-title{margin: 10px 0;}
	.module_intro{height: 68px}
	
	.info_page #lefttool{width: 100%;padding: 0;margin: 0;}
	.info_page #lefttool .left-stick-wp{position: relative!important;top: 0!important;width: 100%}
	.info_page .info_date{display: inline-block}
	.info_page #lefttool .through:after{display: none}
	.info_page #lefttool .through span{padding: 0}
	.info_page #lefttool .year,.info_page #lefttool .md,.info_page #lefttool .time{float: left;font-size: 20px;padding:5px 5px 0 0;line-height: 1.5;margin-bottom: 0}
	.info_page #lefttool .readnum{width: auto;float: left;line-height:1.5;font-size: 16px; color: #484848;margin-left: 10px;padding:6px 5px 0 0;}
	.info_page #lefttool .readnum span{float: left;margin-right: 5px}
	.info_page #lefttool #hits{width: auto;float: left;margin-right: 15px}
	.info_page .info_date #favorite{width: auto;font-weight:normal; margin-right: 15px}
	.info_page .info_date #favorite a{margin-top: 2px;line-height: inherit;font-size: 14px;}
	.info_page .info_date #media_name{width: auto;line-height:1.4;font-size: 16px;}
	.info_page .info_date #media_name span{padding: 0}
	.info_page #lefttool .share-title{display: none}
	.info_page .bdsharebuttonbox,.info_page #lefttool .info_Comment{display: none}
	.info_page #lefttool .comment-count-title{display: none}
	
	.info_page #lefttool .left-stick-wp:after{display: none}
	.info_page .info_Content{width: 100%}
	@-webkit-keyframes strench{0%{width:12px}50%{width:3.5px}to{width:12px}}
	@keyframes strench{0%{width:12px}50%{width:3.5px}to{width:12px}}
}
@media screen and (max-width: 480px) {
	.a_list{margin: 0}
	.a_list li{width: 100%;font-size: 14px;line-height: 30px;height: 30px}
	.list_page .info_list li .picture,.list_page .info_list li .detail{height: 6.8em;}
	
	.info_page h1{height: auto}
	.info_page h1.main_info_tit{font-size: 20px}
	.info_page #lefttool .year, .info_page #lefttool .md, .info_page #lefttool .time{font-size:14px }
	.info_page #lefttool .readnum{font-size: 13px; padding: 4px 5px 0 0}
	.info_page .info_date #favorite,.info_page .info_date #favorite a{font-size: 13px}
	.info_page .info_date #media_name{font-size: 12px;padding-top: 2px}
	.info_page .info_Content{padding: 23px 0px 0;}
	.info_page .info_date{height: auto}
	.info_page .bar-con .item .txt{padding: 8px 0 0; }
	.info_page .bar-con .item .pic{height: 85px}
	.info_page .bar-con .item .txt a{margin-bottom: 10px}
	.content_tip_list{margin: 27px 5px}
	.related ul li{width: 100%}
	
	.foot{background-position: bottom left}
	.copyright{width: 90%;margin: 0 auto;line-height: 32px}
	#icpnumber{width: 90%;text-align: center;display: inline-block;}

	.ad_swiper ul li{width: 50% !important;}
	.ad_swiper .swiper-pagination{transform: translate(0, -70%);}
}