/* index */
.banner{ position: relative; height: 300px; margin-top: 10px; overflow: hidden;}

.banner a{ position: relative; width: 290px; height: 145px; border-radius: 5px; overflow: hidden; float: left;}
.banner a img{ position: relative; width: 290px; height: 145px; float: left; z-index: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.banner a:hover img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner a h2{ position: absolute; height: 40px; line-height: 20px; font-size: 14px; font-family: 'microsoft yahei ui bold', 'microsoft yahei ui regular', 'microsoft yahei ui'; color: #ffffff; padding: 10px 20px; background-image: url(/uploads/image/pimages/banner-shadowbg.png); background-size: contain; background-repeat: repeat-x; left: 0; right: 0; bottom: 0; z-index: 1;}
.banner a:first-child{ width: 600px; height: 300px;}
.banner a:first-child:before{ height: 100px;}
.banner a:first-child img{ width: 600px; height: 300px;}
.banner a:first-child h2{ height: 50px; line-height: 25px; font-size: 18px; padding: 40px 20px 10px 20px;}

.index-advert{ position: relative; padding: 20px; padding-top: 0;}
.index-advert:hover{ background: #fafafa;}
.index-advert h2{ line-height: 60px; font-size: 18px;}
.titlelist .index-advert h2{ font-weight: normal;}
.index-advert img{ position: relative; border-radius: 5px; z-index: 1;}
.index-advert .tip{ position: absolute; width: 35px; height: 20px; line-height: 20px; text-align: center; color: #ffffff; font-size: 11px; background: rgba(107,107,107,0.2); border-radius: 3px; right: 25px; bottom: 25px; z-index: 1;}
.advert-tip{ position: absolute; width: 35px; height: 20px; line-height: 20px; text-align: center; color: #ffffff; font-size: 11px; background: rgba(107,107,107,0.2); border-radius: 3px; right: 10px; bottom: 10px; z-index: 1;}
.advert-tip:hover{ color: #ffffff;}

.list-more{ height: 38px; line-height: 38px; font-size: 16px; text-align: center; color: #c9c9c9; background: #ffffff; border: #eeeeee 1px solid; margin: 20px; cursor: pointer; display: block;}
.list-more:hover{ color: #a1a1a1; background: #f5f5f5;}


/* index right */
.right-btn-more{ height: 38px; line-height: 38px; text-align: center; color: #0099ff; border: #0099ff 1px solid; background: #ffffff; border-radius: 5px; margin: 10px 20px; margin-bottom: 0; display: block;}
.right-btn-more:hover{ border-color: #e6f5ff; background: #e6f5ff;}

.index-list-ra{ position: relative;}
.index-list-ra li{ position: relative; padding: 10px 20px 10px 40px;}
.index-list-ra li:before{ position: absolute; width: 5px; height: 5px; background: #d7d7d7; border-radius: 50%; top: 15px; left: 20px; content: ""; z-index: 1;}
.index-list-ra li:after{ position: absolute; width: 1px; background: #eeeeee; left: 22px; top: 0; bottom: 0; content: ""; z-index: 0;}
.index-list-ra li:first-child:after{ top: 15px;}
.index-list-ra li a{ line-height: 17px; color: #333333; margin-bottom: 12px;}
.index-list-ra li:hover{ background: #fafafa;}
.index-list-ra li label{ line-height: 20px; text-align: right; color: #a1a1a1; display: block;}

.index-list-rb li{ line-height: 17px; padding: 20px;}
.index-list-rb li:hover{ background: #fafafa;}
.index-list-rb li .imgbox{ position: relative; width: 40px; height: 40px; border-radius: 50%; background-position: center; background-size: cover; float: left;}
.index-list-rb li .list-m{ margin-left: 60px;}

.index-list-rc li{ line-height: 17px; padding: 20px;}
.index-list-rc li:hover{ background: #fafafa;}
.index-list-rc li .imgbox{ position: relative; width: 80px; height: 60px; border-radius: 5px; background-position: center; background-size: cover; float: left;}
.index-list-rc li .list-m{ min-height: 60px; margin-left: 100px;}

/* 资讯-专栏 */
.special-t{ position: relative; height: 50px; line-height: 50px; padding-left: 10px; margin: 0 20px;}
.special-t:before{ position: absolute; width: 3px; height: 20px; background: #0099ff; left: 0; top: 15px; content: "";}
.special-m{ height: 200px; margin: 0 20px;}
.special-m a{ position: relative; width: 156px; height: 200px; text-align: center; border-radius: 5px; padding: 20px 15px; margin: 0 2px; box-sizing: border-box; float: left;}
.special-m a:hover{ background: #fafafa;}
.special-m a .imgbox{ width: 60px; height: 60px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto;}
.special-m a .follow{ width: 50px; height: 24px; line-height: 24px; text-align: center; color: #ffffff; background: #0099ff; border-radius: 12px; margin: 0 auto; display: inline-block; cursor: pointer;}
.special-m a .follow.ok{ color: #0099ff; background: #e5f5ff;}

/* 7x24小时 */
.setremind{ position: relative; height: 50px; line-height: 50px; font-weight: bold; padding-left: 22px; background: url(/uploads/image/pimages/icon-set.png) left center no-repeat; cursor: pointer; float: right;}
.remindlist{ position: absolute; width: 140px; height: 80px; background: #ffffff; box-shadow: 0 5px 10px rgba(0,0,0,0.2); border-radius: 5px; padding: 10px 0; top: 40px; right: 0; display: none; z-index: 11;}
.remindlist .remindli{ height: 20px; line-height: 20px; color: #333333; font-size: 13px; padding: 10px 20px;}
.remindlist .remindli .switch{ margin-top: 1px; margin-right: 6px;}
.remindlist.active{ display: block;}
.kuaixun{ padding: 0 20px;}
.kuaixun dt{ position: relative; height: 32px; line-height: 32px; padding: 14px 0; border-bottom: #eeeeee 1px solid;}
.kuaixun dt .search{ position: relative; width: 200px; height: 32px; background: #f6f6f6; border-radius: 16px; margin: 0 10px; float: left;}
.kuaixun dt .search input{ width: 100%; height: 32px; line-height: 32px; background: none; border: none; padding: 0 15px; box-sizing: border-box; float: left;}
.kuaixun dt .search .iconbox{ position: absolute; width: 32px; height: 32px; background: url(/uploads/image/pimages/icon-search.png) center no-repeat; top: 0; right: 5px; cursor: pointer;}
.kuaixun dt .datesearch{ position: relative; height: 32px; background: #f6f6f6; border-radius: 16px; padding: 0 20px; padding-left: 35px; background-image: url(/uploads/image/pimages/icon-date.png); background-repeat: no-repeat; background-position: 10px 5px; cursor: pointer; float: left;}
.kuaixun dt .clear{ position: absolute; width: 32px; height: 32px; background: url(/uploads/image/pimages/icon-clear.png) center no-repeat; top: 50%; margin-top: -16px; right: 30px; content: "";}
.kuaixun dt .datesearch .clear{ right: 5px;}
.kuaixun dd{ line-height: 20px; font-size: 14px; padding: 20px 0; border-bottom: #eeeeee 1px solid;}
.kuaixun dd:hover{ background: #fafafa;}
.kuaixun dd label{ position: relative; width: 60px; color: #868686; text-align: left; padding-left: 20px; float: left;}
.kuaixun dd label:before{ position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #868686; left: 10px; top: 9px; content: "";}
.kuaixun dd .detail{ margin-left: 80px; display: block;}
/* .kuaixun dd .detail p{ padding-top: 20px;}
.kuaixun dd .detail p:first-child{ padding-top: 0;} */
.kuaixun dd.hot{ color: #ff3366;}
.kuaixun dd.hot label{ color: #ff3366;}
.kuaixun dd.hot label:before{ background: #ff3366;}
.kuaixun dd .tip{ position: relative; height: 30px; line-height: 30px; color: #2faeff; padding-right: 16px; display: block;}
.kuaixun dd .tip:before,.kuaixun dd .tip:after{ position: absolute; width: 0; height: 0; border: transparent 6px solid; border-top-color: #3e8fe2; left: 35px; top: 12px; content: "";}
.kuaixun dd .tip:after{ border-top-color: #ffffff; top: 10px;}
.kuaixun dd .tip.open:before,.kuaixun dd .tip.open:after{ border-top: none; border-bottom-color: #3e8fe2;}
.kuaixun dd .tip.open:after{ border-bottom-color: #ffffff; top: 14px;}
.kuaixun .list-more{ margin: 10px 0;}
.list-more .loading-more{ margin-left: -65px;}
.datesearch ul{ position: absolute; width: 100px; height: 0; line-height: 30px; background: #fafafa; padding-top: 0; overflow: hidden; border-radius: 15px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); top: 80px; right: 0; opacity: 0; z-index: 0;}
.datesearch ul.show{ height: 240px; padding-top: 10px; top: 35px; opacity: 1.0; display: inline-block;}
.datesearch ul li{ position: relative; height: 30px; border-radius: 15px; padding: 0 10px; z-index: 1;}
.datesearch ul li label{ width: 50px; height: 30px; line-height: 30px; cursor: pointer; float: left;}
.datesearch ul li span{ width: 24px; height: 24px; line-height: 24px; text-align: center; color: #282828; border-radius: 50%; margin: 3px; float: right;}
.datesearch ul li:hover label{ color: #66bbff;}
.datesearch ul li:hover span{ color: #0099ff; background: #dde8ff;}
.datesearch ul li.active label{ color: #0099ff;}
.datesearch ul li.active span{ color: #ffffff; background: #0099ff;}
.datesearch ul .bgline{ position: absolute; width: 30px; height: 0; padding: 0; background: #dde8fa; border-radius: 15px; right: 10px; z-index: 0;}
.datesearch ul .btn{ line-height: 30px; color: #ffffff; text-align: center; background: #0099ff;}
.datesearch ul .btn:hover{ background: #0088ff;}
.datesearch ul .btn.disabled{ color: #a1a1a1; background: #f2f2f2;}

/* 新闻详情 */
.detail-l{ position: fixed; width: 130px; top: 61px; left: 50%; margin-left: -600px;}
.detail-l .collect{ height: 50px; line-height: 50px; text-align: center; color: #a1a1a1; padding-left: 15px; background: #ffffff; cursor: pointer; background-image: url(/uploads/image/pimages/icon-collect-big.png); background-repeat: no-repeat; background-position: 20px 13px; border-radius: 5px;}
.detail-l .collect:hover{ color: #ffcc00; background-image: url(/uploads/image/pimages/icon-collect-hover.png);}
.detail-l .collect.ok{ color: #ffcc00; padding-left: 25px; background-image: url(/uploads/image/pimages/icon-collect-selected.png);}
.detail-l .pagelist{ line-height: 20px; background: #ffffff; border-radius: 5px; margin-top: 10px;}
.detail-l .pagelist a{ color: #282828; padding: 15px; padding-left: 20px; display: block;}
.detail-l .pagelist a:hover{ background: #fafafa;}

.detail-m{ position: relative; width: 620px; margin-left: 140px; padding: 40px; border-radius: 5px; background: #ffffff; float: left;}
.detail-m .detail-type{ position: absolute; width: 80px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; background: #0099ff; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); border-top-right-radius: 15px; border-bottom-right-radius: 15px; top: 20px; left: 0;}
.detail-m article{ font-size: 16px; line-height: 29px; color: #666666; text-align: left; margin-top: 30px;}
.detail-m article ul,.detail-m article ol{ padding: 12px 0; padding-left: 20px;}
.detail-m article ul li{ list-style-type: disc;}
.detail-m article ol li{ list-style-type: decimal;}
.detail-m article h1{ line-height: 39px; font-size: 26px; font-weight: normal;}
.detail-m article img{ max-width: 100%; height: auto !important;}
.detail-m article p{ line-height: 29px; color: #666666; text-align:justify; padding: 12px 0;}
.detail-m article p.demo1,.detail-m article p.demo2,.detail-m article p.demo3,.detail-m article p.demo4,.detail-m article p.demo5{ position: relative; font-size: 14px; line-height: 24px; padding: 10px 15px; margin: 5px 0; background: #eeeeee;}
.detail-m article p.demo2:before{ position: absolute; width: 100%; height: 3px; background: #cccccc; left: 0; top: 0; content: "";}
.detail-m article p.demo3:before,.detail-m article p.demo3:after{ position: absolute; width: 10px; height: 10px; background: #cccccc; content: "";}
.detail-m article p.demo3:before{ left: 0; top: 0;}
.detail-m article p.demo3:after{ right: 0; bottom: 0;}
.detail-m article p.demo4:before{ position: absolute; width: 3px; background: #cccccc; left: 0; top: 0; bottom: 0; content: "";}
.detail-m article p.demo5:before,.detail-m article p.demo5:after{ position: absolute; width: 30px; height: 30px; border: #cccccc 3px solid; content: "";}
.detail-m article p.demo5:before{ border-right: none; border-bottom: none; left: 0; top: 0;}
.detail-m article p.demo5:after{ border-top: none; border-left: none; right: 0; bottom: 0;}
.detail-m article p.demo6{ position: relative; font-size: 18px; font-weight: bold; color: #0099ff; padding: 0 15px; margin: 10px 0;}
.detail-m article p.demo6:before{ position: absolute; width: 4px; background: #0099ff; left: 0; top: 3px; bottom: 3px; content: "";}
.detail-m article a{ color: #0099ff;}
.detail-m article a:hover{ color: #0088ff;}

.detail-m .btnlist{ height: 40px; margin-top: 30px;}
.detail-m .btnlist .collect{ width: 70px; height: 40px; line-height: 40px; color: #868686; padding-left: 50px; background-color: #f7f8fa; border-radius: 20px; background-image: url(/uploads/image/pimages/detail-collect.png); background-repeat: no-repeat; background-position: 18px 6px; float: left;}
.detail-m .btnlist .collect.ok{ color: #ffcc00; background-image: ;}
.detail-m .sharelist{ height: 40px; line-height: 40px; color: #868686; background-color: #f7f8fa; border-radius: 20px; padding: 0 20px; float: right;}
.detail-m .sharelist .bdshare-button-style1-24 .bds_weixin{ background-image: url(/uploads/image/pimages/share-wx.png); background-position: 0 3px; margin-left: 15px;}
.detail-m .sharelist .bdshare-button-style1-24 .bds_weixin:hover{ background-image: url(/uploads/image/pimages/share-wx-hover.png);}
.detail-m .sharelist .bdshare-button-style1-24 .bds_tsina{ background-image: url(/uploads/image/pimages/share-wb.png); background-position: 0 3px; margin-left: 15px;}
.detail-m .sharelist .bdshare-button-style1-24 .bds_tsina:hover{ background-image: url(/uploads/image/pimages/share-wb-hover.png);}
.detail-m .sharelist .bdshare-button-style1-24 .bds_sqq{ background-image: url(/uploads/image/pimages/share-qq.png); background-position: 0 0; margin-left: 15px;}
.detail-m .sharelist .bdshare-button-style1-24 .bds_sqq:hover{ background-image: url(/uploads/image/pimages/share-qq-hover.png);}

.detail-m section{ margin-top: 30px;}
.detail-m section h3{ height: 20px; line-height: 20px; padding-left: 15px; font-size: 16px; font-weight: normal; border-left: #0099ff 4px solid;}
.detail-m section ul{ background: #fafafa; padding: 10px 0; margin-top: 20px;}
.detail-m section li{ position: relative; height: 50px; padding: 10px 20px; padding-left: 40px;}
.detail-m section li:before{ position: absolute; width: 4px; height: 4px; background: #0099ff; border-radius: 50%; left: 20px; top: 18px; content: "";}
.detail-m section li a{ height: 20px; line-height: 20px;}
.detail-m section li label{ height: 20px; line-height: 20px; color: #868686; padding-top: 10px; display: block;}


.main-r .author{ background: #ffffff; border-radius: 5px;}
.main-r .author dt{ padding: 20px; padding-bottom: 15px;}
.main-r .author dt img{ width: 60px; height: 60px; border-radius: 30px; float: left;}
.main-r .author dt a{ line-height: 40px; font-size: 18px; font-weight: bold; display: block;}
.main-r .author dt a:first-child{ margin: 0;}
.main-r .author dt p{ color: #868686; line-height: 24px; clear: both; padding: 15px 0; display: block;}
.main-r .author dd{ padding: 10px 20px; padding-top: 0;}
.main-r .author dd h3{ color: #a0a0a0; font-size: 13px; line-height: 14px; font-weight: normal; border-left: #0099ff 2px solid; padding-left: 8px; margin-bottom: 5px;}
.main-r .author dd a{ position: relative; line-height: 20px; padding: 10px 0; padding-left: 10px; display: block;}

/* 搜索 */
.searchpage .title{ height: 49px; line-height: 49px; border-bottom: #eeeeee 1px solid; margin: 0 20px;}
.searchpage .title a{ font-size: 12px; color: #868686; float: right;}
.searchpage .title a:hover{ color: #282828;}
.searchpage .tabpanel-a .tap-head{ padding: 0 20px;}
.searchpage .tabpanel-a .tap-head li{ position: relative; width: 50px; font-size: 16px; color: #282828; margin-right: 30px; padding: 0;}
.searchpage .tabpanel-a .tap-head li.selected{ color: #0099ff; font-weight: normal;}
.searchpage .tabpanel-a .tap-head li.selected:after{ width: 50px; height: 2px; background: #0099ff; margin-left: -25px; border-radius: 0;}
.searchpage .search{ position: relative; height: 38px; border: #eeeeee 1px solid; border-radius: 20px; margin: 20px; margin-bottom: 10px;}
.searchpage .search input{ width: 100%; height: 38px; line-height: 38px; background: none; border: none; padding: 0 15px; box-sizing: border-box; float: left;}
.searchpage .search .iconbox{ position: absolute; width: 100px; height: 40px; line-height: 40px; color: #ffffff; text-align: center; padding-left: 20px; background-color: #0099ff; background-image: url(/uploads/image/pimages/icon-search-w.png); background-repeat: no-repeat; background-position: 35px 12px; border-radius: 20px; top: -1px; right: -1px; cursor: pointer;}
.searchpage .search .iconbox:hover{ background-color: #0088ff;}
.searchpage .search .clear{ position: absolute; width: 32px; height: 32px; background: url(/uploads/image/pimages/icon-clear.png) center no-repeat; top: 50%; margin-top: -16px; right: 125px; content: "";}

.searchpage .author li{ height: 60px; padding: 20px;}
.searchpage .author li:hover{ background: #fafafa;}
.searchpage .author img{ width: 60px; height: 60px; border-radius: 30px; float: left;}
.searchpage .author li a{ line-height: 40px; font-size: 18px;}
.searchpage .kuaixun dt{ height: 40px; line-height: 40px; padding: 0; border-bottom: none;}
.searchpage .kuaixun dd{ border-bottom: none;}

/* 专栏 */
.authorlist{ background: #ffffff; border-radius: 3px;}
.authorlist .tap-body{ padding: 20px; padding-left: 10px;}
.authorlist .authorbox{ width: 340px; height: 70px; padding: 15px 20px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-left: 10px; margin-bottom: 10px; float: left;}
.authorlist .authorbox:hover{ box-shadow: 0 2px 10px rgba(0,153,255,0.5);}
.authorlist .authorbox .imgbox{ position: relative; width: 50px; height: 50px; border-radius: 50%; background-position: center; background-size: cover; overflow: hidden; float: left;}
.authorlist .authorbox p{ margin-left: 60px; margin-right: 70px; display: block;}
.authorlist .follow{ width: 50px; height: 24px; line-height: 24px; text-align: center; color: #ffffff; background: #0099ff; border-radius: 12px; margin-top: 5px; float: right; cursor: pointer;}
.authorlist .follow.ok{ color: #0099ff; background: #e5f5ff;}

.authorlist .search{ position: relative; width: 200px; height: 32px; border: #e9ecf2 1px solid; background: #ffffff; border-radius: 16px; margin: 9px 10px; box-sizing: border-box; float: right;}
.authorlist .search input{ width: 100%; height: 30px; line-height: 30px; background: none; border: none; padding: 0 15px; box-sizing: border-box; float: left;}
.authorlist .search .iconbox{ position: absolute; width: 32px; height: 32px; background: url(/uploads/image/pimages/icon-search.png) center no-repeat; top: 0; right: 5px; cursor: pointer;}
.authorlist .search .clear{ position: absolute; width: 32px; height: 32px; background: url(/uploads/image/pimages/icon-clear.png) center no-repeat; top: 50%; margin-top: -16px; right: 30px; content: "";}

.author-l{ position: fixed; width: 300px; min-height: 400px; max-height: 520px; line-height: 50px; background: #ffffff; border-radius: 5px; padding: 25px; top: 61px; left: 50%; bottom: 170px; margin-left: -600px;}
.author-l .imgbox{ position: relative; width: 100px; height: 100px; border-radius: 50%; background-position: center; background-size: cover; overflow: hidden; margin: 0 auto;}
.author-l .count{ height: 60px; line-height: 60px; border-top: #eeeeee 1px dashed; margin-top: 20px;}
.author-l .follow{ width: 70px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; background: #0099ff; border-radius: 15px; margin: 0 auto; display: inline-block; cursor: pointer;}
.author-l .follow.ok{ color: #0099ff; background: #e5f5ff;}
.author-m{ width: 840px; background: #ffffff; border-radius: 5px; float: right;}

/* 数据 */
.data-screen{ padding: 10px 20px;}
.data-screen dl{ padding: 5px 0;}
.data-screen dt{ height: 40px; line-height: 40px; color: #b2bbcd; font-size: 12px; float: left;}
.data-screen dd{ min-height: 40px; margin-left: 70px;}
.data-screen dd span{ min-width: 50px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; background: rgba(240,242,245,1); padding: 0 10px; margin: 5px 10px; margin-left: 0; cursor: pointer; float: left;}
.data-screen dd span.selected{ position: relative; color: #0099ff; background: #ffffff;}
.data-screen dd span.selected:after{ position: absolute; border: #0099ff 1px solid; left: 0; top: 0; right: 0; bottom: 0; content: "";}

.data-result{ border-top: #eeeeee 1px solid; padding: 20px;}
.data-result li{ height: 120px; font-size: 12px; padding: 10px 20px; border: rgba(233,236,242,1.0) 1px solid; background: #ffffff; margin-top: 10px; cursor: pointer;}
.data-result li:first-child{ margin-top: 0;}
.data-result li .tips{ height: 20px; line-height: 20px; color: #0099ff; padding: 0 10px; background: rgba(0,153,255,0.1); border-radius: 10px; float: left;}
.data-result li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.data-result li .morelist{ line-height: 20px; border-top: #eeeeee 1px solid; padding-top: 10px; margin-top: 15px; display: none;}
.data-result li.active{ height: auto;}
.data-result li.active .morelist{ display: block;}

.data-t .search{ position: relative; width: 200px; height: 32px; background: #f6f6f6; border-radius: 16px; margin: 9px 10px; float: left;}
.data-t .search input{ width: 100%; height: 32px; line-height: 32px; background: none; border: none; padding: 0 15px; box-sizing: border-box; float: left;}
.data-t .search .iconbox{ position: absolute; width: 32px; height: 32px; background: url(/uploads/image/pimages/icon-search.png) center no-repeat; top: 0; right: 5px; cursor: pointer;}
.data-t .search .clear{ position: absolute; width: 32px; height: 32px; background: url(/uploads/image/pimages/icon-clear.png) center no-repeat; top: 50%; margin-top: -16px; right: 30px; content: "";}



/* 个人中心 */
.admin-l{ position: fixed; width: 200px; height: 360px; line-height: 50px; background: #ffffff; border-radius: 5px; padding: 20px; top: 61px; left: 50%; margin-left: -600px;}
.admin-l .imgbox{ position: relative; width: 80px; height: 80px; border-radius: 50%; background-position: center; background-size: cover; overflow: hidden; margin: 0 auto;}
.admin-l menu{ width: 140px; margin: 0 auto;}
.admin-l menu a{ height: 40px; line-height: 40px; padding: 0 15px; margin-bottom: 1px; display: block;}
.admin-l menu a:hover{ background: #fafafa;}
.admin-l menu a .iconbox{ width: 16px; height: 16px; background-color: #282828; border-radius: 3px; margin: 12px 10px; background-position: center; background-repeat: no-repeat; float: left;}
.admin-l menu a .iconbox.icona{ background-image: url(/uploads/image/pimages/icon-collect.png);}
.admin-l menu a .iconbox.iconb{ background-image: url(/uploads/image/pimages/icon-edit.png);}
.admin-l menu a .iconbox.iconc{ background-image: url(/uploads/image/pimages/icon-follow.png);}
.admin-l menu a.selected{ color: #0099ff; background: #fafafa;}
.admin-l menu a.selected .iconbox{ background-color: #0099ff;}
.admin-m{ width: 950px; background: #ffffff; border-radius: 5px; float: right;}
.admin-m.pannel-a h3{ color: #282828;}

.admin-m .authorbox{ height: 70px; padding: 15px 20px; background: #ffffff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 10px;}
.admin-m .authorbox:hover{ box-shadow: 0 2px 10px rgba(0,153,255,0.5);}
.admin-m .authorbox .imgbox{ position: relative; width: 50px; height: 50px; border-radius: 50%; background-position: center; background-size: cover; overflow: hidden; float: left;}
.admin-m .authorbox p{ margin-left: 60px; margin-right: 70px; display: block;}
.admin-m .follow{ width: 70px; height: 24px; line-height: 24px; text-align: center; color: #949494; background: #e9ecf2; border-radius: 12px; margin-top: 5px; float: right; cursor: pointer;}

.information li{ min-height: 40px; padding: 10px 20px;}
.information label{ width: 150px; line-height: 40px; text-align: right; float: left;}
.information label.radio{ width: auto; margin: 0 20px;}
.information label.radio i{ position: relative; width: 18px; height: 18px; border: #eeeeee 1px solid; border-radius: 50%; margin: 10px; float: left;}
.information label.radio.selected i{ border-color: #0099ff;}
.information label.radio.selected i:after{ position: absolute; width: 12px; height: 12px; background: #0099ff; border-radius: 50%; top: 3px; left: 3px; content: "";}
.information input[type=text],.information textarea{ width: 600px; height: 40px; line-height: 30px; font-size: 14px; padding: 5px 10px; border: #eeeeee 1px solid; border-radius: 4px; background: #ffffff; box-sizing: border-box; margin-left: 30px; float: left;}
.information input[type=text]:focus,.information textarea:focus{ border-color: #3e8fe2;}
.information input[type=text]:disabled,.information textarea:disabled{ color: #868686; background: #f6f6f6;}
.information input.short{ width: 248px; padding-left: 60px; margin-left: -60px;}
.information textarea{ height: 100px; line-height: 24px;}
.information .padding-t0{ padding-top: 0 !important;}
.information .padding-b0{ padding-bottom: 0 !important;}
.information .btn{ width: 100px; border-radius: 4px; margin-left: 30px; float: left;}

/* 关于我们 */
.about-l{ position: fixed; width: 140px; line-height: 40px; background: #ffffff; border-radius: 5px; padding: 20px 0; top: 61px; left: 50%; margin-left: -600px;}
.about-l menu{ position: relative; padding-left: 33px;}
.about-l menu:before{ position: absolute; width: 2px; background: #eeeeee; left: 33px; top: 20px; bottom: 20px; content: ""; z-index: 0;}
.about-l menu a{ position: relative; height: 40px; line-height: 40px; padding-left: 20px; display: block; z-index: 1;}
.about-l menu a:before{ position: absolute; width: 8px; height: 8px; background: #282828; border-radius: 50%; top: 16px; left: -3px; content: "";}
.about-l menu a:hover{ color: #0099ff;}
.about-l menu a.selected{ color: #0099ff;}
.about-l menu a.selected:before{ background: #0099ff;}
.about-m{ width: 970px; background: #ffffff; border-radius: 5px; padding: 40px; float: right;}
.about-m .detail article{ font-size: 16px; line-height: 24px; text-align: left;}
.about-m .detail article img{ max-width: 100%; height: auto !important;}
.about-m .detail article p{ padding: 12px 0;}
.about-m .detail article a{ color: #0099ff;}
.about-m .detail article a:hover{ text-decoration:underline;}

/* download */
.download-page{ background: #0099ff;}
.download-page .box{ height: 720px; background: #ffffff; border-radius: 20px;}
.download-page .boxleft{ position: relative; width: 700px; height: 720px; background: url(/uploads/image/pimages/download-img.png) center no-repeat; float: left;}
.download-page .boxleft:after{ position: absolute; width: 1px; height: 200px; background: #0099ff; top: 260px; right: 0; content: "";}
.download-page .boxright{ width: 200px; height: 560px; text-align: center; color: #0099ff; font-family: 'arial normal', 'arial'; padding: 80px 150px; float: left;}
.download-page .name{ line-height: 40px; padding-top: 29px; font-size: 26px;}
.download-page .intro{ line-height: 40px; font-size: 18px;}
.download-page .ewmbox{ width: 120px; height: 120px; border: #0099ff 1px solid; border-radius: 10px; padding: 9px; margin: 0 auto;}
.download-page .ewmbox img{ width: 120px; height: 120px; float: left;}
.download-page .boxright a{ width: 200px; height: 50px; line-height: 50px; font-size: 14px; color: #0099ff; border: #0099ff 1px solid; border-radius: 25px; box-sizing: border-box; margin: 0 auto; margin-top: 20px; display: block;}