@charset "utf-8";
.res-hd{padding-top:20px;}
.res-hd .share{position:relative;}
.res-hd .y-fx{position:absolute;top:100%;right:0;z-index:999;background:#fff;padding:5px 10px;border-radius:5px;display:none;width:max-content;}
.social-share .social-share-icon{width:25px !important;height:25px !important;line-height:25px !important;font-size:16px !important;}
.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-des{position: relative;line-height:35px}
.res-des .des{float:left;margin-right:10px;font-size:12px;color:#666;}
.res-des .des a{transition: all 0.4s;}
.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 .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;}
.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:750px}
.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;}
.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(../img/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}
.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;}
.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(../img/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;}
.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}

.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 .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(../img/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}


.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 .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;}


.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(../img/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;}

.side-top:hover {display: block;}
.side-top:hover {display: block;}

.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
}