.resource-body{background:#f1f1f1;padding:14px 0px;}
.resource-detail,.resource-top{margin:0 auto;width:1200px}
.res-main{float:left;width:72%}
.res-link a{color:#666}
.res-link .current{color:#999}
.res-hd{padding-top:20px}
.nav-area .list-nav a{}
.nav-area .list-nav a.on{width:180px;background:#89c6ed;color:#0a64a1;font-weight:bold}
.hd-des{float:left;width:72%}
.side-top{position:relative;float:right;width:320px}
.res-title{margin:0;color:#333;font-size:20px;font-weight:bold;height:30px;line-height:30px;max-width:790px;overflow:hidden;padding-left:0px;position:relative;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.res-title .icon{position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url("../images/icon-unkown.png");background-position:center center;background-repeat:no-repeat;background-size:cover}
.res-title .icon.pdf{background-image:url("../images/icon-pdf.png")}
.res-title .icon.txt{background-image:url("../images/icon-word.png")}
.res-title .icon.ppt{background-image:url("../images/icon-ppt.png")}
.res-title .icon.word{background-image:url("../images/icon-word.png")}
.res-title .icon.doc{background-image:url("../images/icon-word.png")}
.res-title .icon.excel{background-image:url("../images/icon-excel.png")}
.res-title .icon.xls{background-image:url("../images/icon-excel.png")}
.res-title .icon.zip{background-image:url("../images/icon-zip.png")}
.res-title .icon.rar{background-image:url("../images/icon-zip.png")}
.res-title .icon.video{background-image:url("../images/icon-media.png")}
.res-title .icon.swf{background-image:url("../images/icon-media.png")}
.res-title .icon.flv{background-image:url("../images/icon-media.png")}
.res-title .icon.audio{background-image:url("../images/icon-audio.png")}
.res-title .icon.mp3{background-image:url("../images/icon-audio.png")}
.res-title .icon.nothing{background-image:url("../images/icon-unkown.png")}
.res-title .icon.other{background-image:url("../images/icon-unkown.png")}
.res-des{position: relative;line-height:35px}
.res-des .des{float:left;margin-right:10px;font-size:12px;color:#666;}
.res-des .des .icon{display:inline-block;margin-right:5px;font-size:14px;color:#666;vertical-align:top;}
.res-des .zan{position:relative;}
.res-des .zan .icon-tuijian1{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.res-des .zan:hover .icon-tuijian{opacity:0;filter:alpha(opacity=0);}
.res-des .zan:hover .icon-tuijian1{opacity:1;filter:alpha(opacity=100);color:#f79520;}
.res-des .share{float:right;margin:8px 0 0;padding-left:0;width:50px;height:20px}
.res-des .share .bds_more{display:block;margin:0;padding:0;width:50px;height:20px;line-height:20px;background:none !important;}
.res-des .share .jiathis_style{display:none;width:220px}
.res-des .share:hover .bshare-custom{display:block}
.res-des .share:hover .jiathis_style{display:block}
.res-des .user a,.res-des .school a{display:inline-block;min-width:41px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.res-des .info .info-hd{padding:0 10px;border: 1px solid transparent;}
.res-des .info:hover .info-hd{position:relative;z-index:3;border-color:#ddd;border-bottom-color:#fff;background:#fff;}
.res-des .info .iconfont{display:inline-block;font-size:14px;color:#666;transition: all 0.2s;}
.res-des .info:hover .iconfont{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.res-des .info .dropdown{display:none;position:absolute;top:35px;left:0;z-index:2;padding:15px 30px;width:802px;border:1px solid #ddd;background:#fff;}
.res-des .info:hover .dropdown{display:block;}
.res-des .info .dropdown p span{margin-right:20px;}
.res-con .m-read{position:absolute;top:0;right:180px;}
.m-read .name{display:block;width:40px;height:48px;cursor:pointer;background:url(../images/res-icon.png) no-repeat -272px -134px}
.m-read:hover .code{display:block;color:#1d7ad9}
.m-read .code{display:none;position:absolute;top:35px;left:-38px;width:118px;padding-bottom:10px;border:1px solid #e5e5e5;background:#fff;text-align:center}
.m-read .code-name{padding-top:10px;display:block;text-align:center;font-size:12px;color:#333;line-height:18px}
.res-con .con-top{position:relative;height:48px;border:1px solid #ddd;border-bottom:none;background:#e7e7e7;}
.res-con .con-top .copyright{position:absolute;top:20px;left:-3px;width:150px;}
.res-con .page{margin:14px auto 0;width:160px}
.res-con .page .btn{width:20px;float:left;height:20px;border:none;background:url(../images/res-icon.png) no-repeat -195px 3px}
.res-con .page .prev{background-position:-178px 3px}
.res-con .page .num{float:left;font-size:12px;color:#666}
.res-con .page .current{width:45px;height:20px;border:none;text-align:center}
.res-con .change-button{position:absolute;right:0;top:0}
.res-con .content-list{background:#fff;border:1px solid #ddd;border-top:none;padding:50px 72px;margin-bottom:3px;min-height:900px}
//.res-con .content-list img{width:100%}
.res-con .scanned{margin-top:15px;padding:30px 0 26px;border:1px solid #ddd;text-align:center;font-size:18px;color:#333;background:#fff}
.res-con .scan-tip{display:inline-block;padding-left:26px;background:url(../images/res-icon.png) no-repeat -283px -183px}
.res-con .scan-tool .tool{display:inline-block;margin:0 30px;width:40px;}
.res-con .scan-tool .tool .name{font-size:14px;line-height:20px;color:#666;}
.res-con .scan-tool .tool-icon{position:relative;display:block;width:40px;height:40px;font-size:16px;line-height:40px;color:#666;text-align:center;border-radius:50%;border:1px solid #ddd;cursor:pointer;}
.res-con .scan-tool .tool-icon .icon-hover{position:absolute;top:0;left:0;width:40px;height:40px;opacity:0;filter:alpha(opacity=0);}
.res-con .scan-tool .tool-icon:hover .icon-hover,.res-con .scan-tool .tool-icon.active .icon-hover{opacity:1;filter:alpha(opacity=100);color:#f79520;}
.res-con .scan-tool .tool-icon:hover .icon-shoucang-danse1,.res-con .scan-tool .tool-icon.active .icon-shoucang-danse1{color:#fb5614;}
.res-con .scan-btn,.res-con .scan-tool{margin-top:20px}
.res-con .scan-btn .add-car{background:#f68e11}
.res-con .scan-btn .add-car:hover{background-color:#faa034}
.res-con .scan-btn .download:hover{background-color:#3390ed}
.res-con .scan-btn .btn,.res-con .scan-btn .add-car{display:inline-block;width:140px;height:40px;line-height:40px;margin:0 10px;color:#fff;border:none;background:#1d7ad9;font-size:16px}
.change-button .btn{float:left;width:60px;height:48px;border:none;background:none;cursor:pointer}
.change-button .btn i{display:inline-block;width:22px;height:22px;background:url(../images/res-icon.png) no-repeat -37px 0;vertical-align:middle;}
.change-button .small i{background-position:0 1px}
.change-button .btn.unClick{opacity:.3;filter:alpha(opacity=30);cursor:inherit}
.change-button .limit i{background-position:-76px 0}
.change-button .limit.limitBig i{background-position:-231px 1px}
.res-relation{margin-top:15px;position:relative;border:1px solid #ddd;background:#fff;overflow:hidden}
.res-relation .title{margin:20px 0;padding-left:15px;font-size:18px;line-height:1;border-left:3px solid #4b98ff;}
.res-relation .re-box{padding:0 15px 15px;overflow:hidden;}
.res-relation .re-item{position:relative;float:left;width:50%;}
.res-relation .re-item:before{content:'';position:absolute;top:15px;left:10px;width:4px;height:4px;border-radius:50%;background:#999;}
.res-relation .re-item a{display:block;padding:0 20px;line-height:35px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.res-relation .re-item .txt:hover{color:#1d7ad9}
.res-relation .re-item a img{width:100%}
.res-relation .topic-resource{position:absolute;top:10px;right:20px;z-index:2;padding:0 10px;width:300px;line-height:30px;border:1px solid #fff;background:#fff;}
.res-relation .topic-resource .iconfont{float:left;margin-top:2px;transition:all 0.3s;}
.res-relation .topic-resource .topic-list{display:none;position:absolute;top:30px;left:-1px;right:-1px;padding:0 10px;border:1px solid #ccc;background:#fff;}
.res-relation .topic-resource .selected,.res-relation .topic-resource .topic-list li{width:280px;height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;}
.res-relation .topic-resource .selected{float:left;}
.res-relation .topic-resource:hover{border:1px solid #ccc;}
.res-relation .same-resource{max-height:525px;overflow:hidden;}
.res-relation .same-resource ul{padding:0 30px 10px 15px;}
.res-relation .same-resource li{position:relative;padding-left:35px;height:35px;color:#999;line-height:35px;counter-increment:decimal;}
.res-relation .same-resource li:before{content:counter(decimal);position:absolute;top:0;left:0;width:25px;text-align:center;}
.res-relation .same-resource li a{float:left;width:540px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.res-relation .same-resource li a:hover,.res-relation .topic-resource .topic-list li:hover,.res-relation .topic-resource .topic-list li.current{color:#1d7ad9;}
.res-relation .same-resource li span{float:right;width:120px;text-align:right;}
.res-relation .show-more{padding:15px 0;line-height:20px;text-align:center;color:#999;}
.res-relation .show-more:hover{color:#333;}
.res-relation .show-more span {cursor:pointer;}
.res-relation .show-more .iconfont{display:inline-block;height:20px;transition:all 0.3s;vertical-align:middle;}
.res-relation .topic-resource:hover .iconfont,.res-relation .show-more.open .iconfont{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}

.change{position:absolute;right:0;top:28px;font-size:12px;color:#333}
.change:hover{color:#1d7ad9}
.side-top .download{float:left;position:relative;width:180px;height:50px;cursor:pointer;background:#1d7ad9 url(../images/res-icon.png) no-repeat -258px -340px}
.side-top .download:hover{background-color:#3390ed}
.side-top .txt{position:absolute;right:18px;width:auto;top:16px;text-align:center;line-height:110%;font-size:14px;color:#fdd000}
.side-top .name{position: absolute;left: 49px;width: auto;top: 14px;text-align: center;line-height: 110%;font-size: 16px;color: #fff;}
.side-top .add-car{margin-left: 10px;position: relative;float: left;cursor: pointer;width: 50px;height: 50px;line-height: 50px;color: #fff;text-align: center;background: #f68e11 url(../images/res-icon.png) no-repeat -262px -281px;}
.side-top .add-car.join-prepare {background: #1E8CF5;width: 70px;}
.side-top .add-car.join-prepare:hover {background: #1570C7;}
.side-top .add-car.join-prepare.active {background: #990000;}
.side-top .add-car:hover{background-color:#faa034}
.side-top .thirdparty-tips{display:none;position:absolute;top:50px;left:0;z-index:2;width:318px;height:40px;font-size:14px;line-height:40px;text-align:center;color:#ff4d4d;border:1px solid #ff4d4d;background:#fff;}
.side-top:hover .thirdparty-tips{display:block;}
.res-side{float:right;width:26.66%}
.side-top .add-basket .add-car:before {position: absolute;top: 10px;right: 10px;background: red;width: 12px;height: 12px;line-height: 12px;border-radius: 100%;}
.side-top .add-basket[name='removecart'] .add-car:before {content: '-';}
.side-top .add-basket[name='addcart'] .add-car:before {content: '+';}
.res-side .introduce{padding:20px;background:#fff;-webkit-box-shadow:0 2px 5px #999;-moz-box-shadow:0 2px 5px #999;box-shadow:0 2px 5px #999;*border:1px solid #ddd}
.res-side .introduce .pic{float:left;width:70px;height:70px;border-radius:50%;overflow:hidden}
.res-side .introduce .pic img{width:100%}
.res-side .introduce .txt{float:left;margin-left:14px}
.res-side .introduce .txt h5{margin-top:20px;font-weight:bold;font-size:16px;color:#333}
.res-side .introduce .txt .sum{margin-top:14px;font-size:14px;color:#333}
.res-side .intro-con{margin-top:20px}
.res-side .intro-con .name{font-size:14px;color:#333;font-weight:normal}
.res-side .intro-con .intro-text{text-indent:30px;font-size:14px;color:#666;line-height:30px;word-wrap:break-word;}
.res-side .intro-con .more{display:block;padding-bottom:6px;text-align:right;font-size:14px;color:#1d7ad9}
.res-side .intro-tip{padding-top:10px;border-top:1px dotted #e5e5e5;font-size:12px;color:#666;line-height:30px}
.res-side .intro-tip .name{color:#333}
.res-side .promote{padding:20px;background:#fff;*border:1px solid #ddd;-webkit-box-shadow:0 2px 5px #999;-moz-box-shadow:0 2px 5px #999;box-shadow:0 2px 5px #999}
.res-side .pro-list{padding:0 20px 20px;}
.res-side .pro-list a{display:inline-block;margin-top:10px;background:#f3f3f3;padding:0 10px;height:30px;font-size:15px;line-height:30px;transition:all .2s ease;color:#333;}
.res-side .pro-list a:hover{color:#fff;background:#057ee1}
.res-side .news{position:relative;margin-bottom:15px;width:320px;background:#fff;}
.res-side .news.fixed{position:fixed;top:50px;z-index:99}
.res-side .title{position:relative;font-weight:400;font-size:18px;line-height:1;padding:20px 0 10px;overflow:hidden;}
.res-side .title span{float:left;padding-left:15px;border-left:3px solid #4b98ff;}
.res-side .title .more{float:right;padding-right:15px;font-size:14px;}
.res-side .change{top:20px;right:20px}
.res-side .news-list,.res-side .res-list{padding:0 20px 20px;overflow:hidden}
.res-side .news-list li{margin-top:10px}
.res-side .news-list i{margin-top:4px;float:left;width:18px;height:18px;background-image:url("../images/icon-unkown.png");background-position:center center;background-repeat:no-repeat}
.res-side .news-list a{float:right;width:92%;color:#333;font-size:14px;line-height:24px;max-height:48px;overflow:hidden}
.res-side .news-list a:hover,.res-side .res-list a:hover{color:#1d7ad9}
.res-side .news-list .pdf i{background-image:url("../images/icon-pdf.png")}
.res-side .news-list .txt i{background-image:url("../images/icon-word.png")}
.res-side .news-list .ppt i{background-image:url("../images/icon-ppt.png")}
.res-side .news-list .word i{background-image:url("../images/icon-word.png")}
.res-side .news-list .doc i{background-image:url("../images/icon-word.png")}
.res-side .news-list .excel i{background-image:url("../images/icon-excel.png")}
.res-side .news-list .xls i{background-image:url("../images/icon-excel.png")}
.res-side .news-list .zip i{background-image:url("../images/icon-zip.png")}
.res-side .news-list .rar i{background-image:url("../images/icon-zip.png")}
.res-side .news-list .video i{background-image:url("../images/icon-media.png")}
.res-side .news-list .swf i{background-image:url("../images/icon-media.png")}
.res-side .news-list .flv i{background-image:url("../images/icon-media.png")}
.res-side .news-list .audio i{background-image:url("../images/icon-audio.png")}
.res-side .news-list .mp3 i{background-image:url("../images/icon-audio.png")}
.res-side .news-list .nothing i{background-image:url("../images/icon-unkown.png")}
.res-side .news-list .other i{background-image:url("../images/icon-unkown.png")}
.res-side .res-list li{position:relative;margin-top:10px;padding-left:10px;}
.res-side .res-list li:before{content:'';position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50%;background:#999;}
.res-side .res-list li a{display:block;max-height:24px;white-space:nowrap;text-overflow:ellipsis;line-height:24px;overflow:hidden;}
.res-side .series{padding:10px 20px;}
.res-side .series li{font-size:12px;line-height:40px;}
.res-side .series li label{color:#999;}
.res-side .series li a{display:inline-block;margin:0 3px;padding:0 10px;line-height:24px;border:1px solid #bbb;border-radius:2px;}
.res-side .series li a:hover,.res-side .series li a.current{color:#1e8cf5;border:1px solid #1e8cf5;}
.res-side .series li span{display:inline-block;margin:0 5px;}
.res-side .series li .tick{margin-right:3px;color:#1e8cf5;}

.flex-head{display:none;position:fixed;width:100%;left:0;right:0;top:0;z-index:9999;background:#e7e7e7;-webkit-box-shadow:0 1px 2px #000;-moz-box-shadow:0 1px 2px #000;box-shadow:0 1px 2px #000}
.flex-head .res-title{margin-top:14px;width:51%;float:left;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flex-head .m-read{position:relative;margin-left:4px;height:48px;width:60px;float:left}
.flex-head .m-read .code{top:51px;left:-52%}
.flex-head .m-read .name{position:absolute;left:0;right:0;top:14px;height:20px;width:15px;padding-left:0;margin:0 auto;background-position:-286px -149px}
.flex-head .m-read:hover .name{background-position:-166px -151px}
.flex-head .m-read .code-name{background:url(../images/res-icon.png) -155px -64px no-repeat}
.flex-head .change-button{float:left}
.flex-head .change-button .btn{float:left;background:#e7e7e7}
.flex-head .side-top{float:right}
.flex-head .side-top .add-car{margin-left:8px}
.flex-head .side-top .download:hover{background-color:#3390ed}
.flex-inner{width:1200px;margin:0 auto}
.change-button .small:hover i{background-position:-165px -118px}
.change-button .big:hover i{background-position:-196px -117px}
.change-button .limit:hover i{background-position:-227px -117px}
.change-button .limitBig:hover i{background-position:-196px -151px}
.top{position:fixed;z-index:100;opacity:0;filter:alpha(opacity=0);height:48px;width:48px;bottom:100px;right:100px;background:#fff url(../images/res-icon.png) no-repeat -147px -190px;border:1px solid #a1a1a1;cursor:pointer}
.top:hover{border:1px solid #1d7ad9;background-position:-207px -190px;background-color:#1d7ad9}
.res-des .collection{float:right;margin-right:20px;line-height:35px;height:35px;cursor:pointer;}
.res-des .collection .icon{display:inline-block;font-size:14px;color:#666;margin-right: 5px;}
.res-des .collection.active .icon-shoucang-xian1:before{content:"\e6db";color:#fb5614;}
.res-des .collection span{display:inline-block;vertical-align:top;font-size:12px;color:#666}
.footer .copyright{border:none;padding-top:0}
.footer{font-size:14px}
.footer .copyright{border:none;padding-top:0}
div#Shade_Div{position:fixed!important}
.copyright-zx{width:320px;height:67px;margin-bottom:20px;}
.hd-des .you{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAARCAYAAACrfj41AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMxMDgwQUFEMUFBMDExRTdCNzlDOTlFNUEzMUJFOTZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMxMDgwQUFFMUFBMDExRTdCNzlDOTlFNUEzMUJFOTZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzEwODBBQUIxQUEwMTFFN0I3OUM5OUU1QTMxQkU5NkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzEwODBBQUMxQUEwMTFFN0I3OUM5OUU1QTMxQkU5NkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Oe5WjAAACJElEQVR42sxWOywEQRiedas5jYijJKLzLCR0Co1qGxIK0Uk8ck6iVChEqXASITrNKTRe0VDoFJ6hFiq5k1yUwt2t/5ub2Zud3WW32z/5Mo/9d+b7n7vG90QzC5A5wjaLidQF7FuELRYj8SM6SMgREnEm2kk4ISTDvGz0DDMze+Os6w8++Ii9xMyGSw/PMDrvrRw6ulGJpgjnYgz38pDF7Kcrz35pcYAZLW0OWej8TKY4OZBMWOkaedLDKCGN0cUUY1J4sjNKOHAoSEmxC281suvjHn2QrRuZdubSo+oZQWKKXMyJ3KyR6B9h5uxm9dKdDLMfLt3exIX5V+41ebkafimVy31uEDyHeXlvmY9RxaD2lKUxrT+o33lmrLG1uvjMs5/ZbreFyC0iqnoOewiz/fLoIQNjjI4+TjgovDJN/KIBjzaEsMe1ghdxoU1E1TRgyjpIJAmcIQ0KE34U0wLhznPg7hJ5ssDs4jvNM27aRBIh9BSWkqP/mk5nRG1PX4QxQtEVgvsLCncXK8338rmfV/TCqlwfe9uXaEOe/G5t900PP3216hGzKcLpH1+rQOFtiMLOW9WQ5e9Byk8nbbRuoRahHimdKBM9dI2wGrVFwROy3ejhRTrgOYB55SjrIROmPRnaTwm8eUYY/TdncDm8RyHExbLxY1/9KiFN0ODLx1tcB4XzV34GVb3h8/fURLgltMf9p6Qoiusr7kSZaFcLcSL6K8AAB7fYMDJqOtUAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;display:inline-block;height:30px;width:42px;}
.add-side{margin-top:15px;height:130px}
.add-side img{width:100%}
.add-side .ad{width:155px;height:130px;}
/*2018-11-8 new update*/
.flex-head .res-title{margin-top:14px;width:37.66%;float: left;height:22px;line-height:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.flex-head .m-read{position: relative;margin-left:4px;height:48px;width:60px;float: left;}
.flex-head .m-read .code{top: 51px;left: -52%;}
.flex-head .m-read .name{position: absolute;left:0;right:0;top: 14px;height: 20px;width:15px;padding-left:0;margin:0 auto;background-position: -286px -149px}
.flex-head .m-read:hover .name{background-position: -166px -151px}
.flex-head .m-read .code-name{background:url(../images/res-icon.png) -155px -64px no-repeat;}
.flex-head .change-button{float: left;}
.flex-head .change-button .btn{float: left;background: #e7e7e7;}
.change-button .small:hover i{background-position: -165px -118px;}
.change-button .big:hover i{background-position: -196px -117px;}
.change-button .limit:hover i{background-position: -227px -117px;}
.change-button .limitBig:hover i{background-position: -196px -151px;}
.flex-head .side-top{float: right;}
.flex-head .side-top .add-car{margin-left: 8px;}

/*2018-11-8 new update*/
.flex-head .page{float: left}
.res-con .page,.flex-head .page{margin:0 auto 0;width:160px;}
.res-con .page .btn,.flex-head .page .btn{float:left;width:40px;height:48px;border:none;background: none}
.page .unable .iconfont{color:#ccc}
.res-con .page .iconfont,.flex-head .page .iconfont{font-size: 20px; }
.res-con .page .prev,.flex-head .page .prev{background-position: -178px 3px;}
.res-con .page .num,.flex-head .page .num{float:left;height:48px;line-height:48px;font-size: 14px;color:#666;}
.res-con .page .num, .flex-head .page .sum {display: inline-block}
.res-con .page .current,.flex-head .page .current{width:20px;height:48px;display:inline-block;font-size: 14px;background:none;vertical-align:top;border: none;text-align: center}
.flex-head .side-top .download:hover{background-color: #3390ed;}
.top{position: fixed;z-index:100;opacity:0;filter:alpha(opacity=0);height: 48px;width:48px;bottom:100px;right:100px; background:#fff url(../images/res-icon.png) no-repeat -147px -190px; border: 1px solid #a1a1a1;cursor: pointer;}
.top:hover{border: 1px solid #1d7ad9;background-position: -207px -190px;background-color: #1d7ad9;}
* {outline: none;}


/*2019-5-16 pingjia beike*/
.draw-bean .shadow { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background: rgba(0, 0, 0, 0.9); }

.flash { display: none; position: fixed; z-index: 10001; left: 0; right: 0; margin: -135px auto 0; top: 50%; width: 480px; height: 270px; }
.flash .flash-flame { z-index: 1; width: 100%; height: 100%; background: url(../images/flame.png) no-repeat center center; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0.3; filter: alpha(opacity=30); }
.flash .flash-star { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/star-big.png) no-repeat center center; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); }
.flash .flash-tip { position: absolute; top: 50%; left: 0; right: 0; margin: -84px auto 0; width: 230px; color: #fff; height: 168px; text-align: center; z-index: 3; }
.flash .flash-tip .title { display: block; font-size: 16px; }
.flash .flash-tip .pea { display: block; font-size: 16px; height: 116px; line-height: 116px; color: #ff3601; }
.flash .flash-tip .pea .pea-num { font-weight: bold; font-size: 40px; font-style: normal }
.flash .flash-tip .close { display: none; margin: 0 auto; width: 78px; height: 36px; line-height: 36px; text-align: center; border-radius: 36px; background: #ff3601; cursor: pointer; }
.flash.active .flash-star { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.flash.active .flash-flame { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); -webkit-animation: flame 5s infinite; /* Safari ?????? Chrome */ animation: flame 5s infinite; }
.flash.active .flash-tip .title { font-size: 18px; }
.flash.active .flash-tip .close { display: block; }

@-webkit-keyframes flame {
    from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; filter: alpha(opacity=0); }
    50% { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); opacity: 1; filter: alpha(opacity=100); }
    to { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); opacity: 0; filter: alpha(opacity=0); }
}

@-moz-keyframes flame {
    from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; filter: alpha(opacity=0); }
    50% { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); opacity: 1; filter: alpha(opacity=100); }
    to { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); opacity: 0; filter: alpha(opacity=0); }
}

@-o-keyframes flame {
    from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; filter: alpha(opacity=0); }
    50% { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); opacity: 1; filter: alpha(opacity=100); }
    to { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); opacity: 0; filter: alpha(opacity=0); }
}

@keyframes flame {
    from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; filter: alpha(opacity=0); }
    50% { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); opacity: 1; filter: alpha(opacity=100); }
    to { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); opacity: 0; filter: alpha(opacity=0); }
}

.side-top:hover {display: block;}
.side-top:hover {display: block;}
.minapp {margin-bottom: 15px;padding-bottom:10px;background: #fff;overflow: hidden;}
.minapp .qrcode {margin:0 auto;width: 200px;}
.minapp .qrcode img {width: 200px;height: 250px;}
.minapp .txt {margin:0px auto;text-align:center;}
.minapp p {font-size: 14px;line-height: 30px;}
.minapp p a {color:#0068A2}
.minapp .sub {font-size: 14px;color: #666;}

.content-list .preview-main {
  line-height: 24px;
  margin-bottom: 15px;
  text-indent: 2em
}
.content-list .preview-main p {
  line-height: 24px;
  margin-bottom: 15px;
  text-indent: 2em
}
/* scrollbar */
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox { position: relative; overflow: hidden; max-width: 100%; outline: none; direction: ltr; }
.mCSB_container { overflow: hidden; width: auto; height: auto; }
.mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; }
.mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; }
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; }
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }