@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0px; -moz-osx-font-smoothing: grayscale; }
.icon-kongxing:before { content: "\e624"; }
input, button, select, textarea, a, object { outline: none !important; }
ul{ margin: 0; padding: 0; list-style: none;}
html{ height: 100%;}
body {height: 100%;  background: #edf0f5; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #89a; font-size:14px;}
.text-left{ text-align: left !important;}
.text-right{ text-align: right !important;}
.text-center{ text-align: center !important;}
.text-padding-left{ padding-left:40px !important;}
.border-b-none{ border-bottom:none !important;}
.clearfix {display:block;}
.clearfix:after,.clearfix:before{ display:table;content:" "}
.clearfix:after{ clear:both;}

/*input::-webkit-input-placeholder {　color: #7a8a9a !important; 　}
input:-moz-placeholder {　color: #7a8a9a !important; 　}
input::-moz-placeholder {　color: #7a8a9a !important; 　}
input:-ms-input-placeholder {　color: #7a8a9a !important; }*/
a:focus{ text-decoration:none;}


/*.side-nav .open ul{ display:block !important;} */

@media (min-width:1600px) {
.col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 { float: left }
    .col-xlg-12 { width: 100% }
    .col-xlg-11 { width: 91.66666667% }
    .col-xlg-10 { width: 83.33333333% }
    .col-xlg-9 { width: 75% }
    .col-xlg-8 { width: 66.66666667% }
    .col-xlg-7 { width: 58.33333333% }
    .col-xlg-6 { width: 50% }
    .col-xlg-5 { width: 41.66666667% }
    .col-xlg-4 { width: 33.33333333% }
    .col-xlg-3 { width: 25% }
    .col-xlg-2 { width: 16.66666667% }
    .col-xlg-1 { width: 8.33333333% }
    .col-xlg-pull-12 { right: 100% }
    .col-xlg-pull-11 { right: 91.66666667% }
    .col-xlg-pull-10 { right: 83.33333333% }
    .col-xlg-pull-9 { right: 75% }
    .col-xlg-pull-8 { right: 66.66666667% }
    .col-xlg-pull-7 { right: 58.33333333% }
    .col-xlg-pull-6 { right: 50% }
    .col-xlg-pull-5 { right: 41.66666667% }
    .col-xlg-pull-4 { right: 33.33333333% }
    .col-xlg-pull-3 { right: 25% }
    .col-xlg-pull-2 { right: 16.66666667% }
    .col-xlg-pull-1 { right: 8.33333333% }
    .col-xlg-pull-0 { right: auto }
    .col-xlg-push-12 { left: 100% }
    .col-xlg-push-11 { left: 91.66666667% }
    .col-xlg-push-10 { left: 83.33333333% }
    .col-xlg-push-9 { left: 75% }
    .col-xlg-push-8 { left: 66.66666667% }
    .col-xlg-push-7 { left: 58.33333333% }
    .col-xlg-push-6 { left: 50% }
    .col-xlg-push-5 { left: 41.66666667% }
    .col-xlg-push-4 { left: 33.33333333% }
    .col-xlg-push-3 { left: 25% }
    .col-xlg-push-2 { left: 16.66666667% }
    .col-xlg-push-1 { left: 8.33333333% }
    .col-xlg-push-0 { left: auto }
    .col-xlg-offset-12 { margin-left: 100% }
    .col-xlg-offset-11 { margin-left: 91.66666667% }
    .col-xlg-offset-10 { margin-left: 83.33333333% }
    .col-xlg-offset-9 { margin-left: 75% }
    .col-xlg-offset-8 { margin-left: 66.66666667% }
    .col-xlg-offset-7 { margin-left: 58.33333333% }
    .col-xlg-offset-6 { margin-left: 50% }
    .col-xlg-offset-5 { margin-left: 41.66666667% }
    .col-xlg-offset-4 { margin-left: 33.33333333% }
    .col-xlg-offset-3 { margin-left: 25% }
    .col-xlg-offset-2 { margin-left: 16.66666667% }
    .col-xlg-offset-1 { margin-left: 8.33333333% }
    .col-xlg-offset-0 { margin-left: 0 }
}
a:hover{ text-decoration:none;}
.body-w{ background: #fff;}
.sidebar { width: 230px; height: 100%; background: #2a3542; float: left; margin-right: -100%; position: fixed; color: #7a8a9a; z-index: 200;}
.main { width: 100%; float: left; }
.main .main-content { margin-left: 230px; /*padding-top:66px; */}
.page { padding: 20px; }
.page-no-gap{ padding:0;}
.sidebar a { display: block; }
.sidebar i { padding-right: 10px; }
.sidebar a:link, .sidebar a:visited { color: #7a8a9a; text-decoration: none; }
.sidebar a:hover, .sidebar a:active { color: #fff; }
.sidebar nav{ height:100%; overflow:auto; overflow-x:hidden; padding-bottom:88px; font-size:14px !important;}
.sidebar ul { padding: 0;}
.sidebar li { min-height: 40px; line-height: 40px; list-style: none;}
.sidebar ul li a{ padding-left: 30px; }
.sidebar li ul { background: #26303b; padding-left:60px;}
.sidebar li ul li { list-style: disc; }
.sidebar li ul li a{ padding-left:0;}
.sidebar li.active { background: #26303b; }
.sidebar li.active > a, .sidebar li.active li.active, .sidebar li.active li.active > a { color: #fff; /*background:#374453;*/ }
.sidebar .fa-right { float: right; line-height: 40px; font-size: 14px; font-weight: bold; margin-right: 16px; display: inline; }
.sidebar .bg-color-red{ background-color:#e74c3c !important; font-weight:normal !important;}
.wrapper { background: #fff; padding: 20px; position: absolute; /*top: 66px;*/ top:0; left: 230px; right: 0; bottom: 0; }
.brand { height: 66px; background: #222b35; }
.brand .public-name { padding-top: 28px; }
.brand .brand-logo{ padding:15px 10px 0 30px;}
.brand .brand-logo a{ background:url(../images/logo-xiguazs.png) no-repeat; width:142px; height:35px; text-indent:-999em;}
.navbar-brand-text { font-size: 14px; color: #fff; font-weight: bold; display: block; }
.navbar-brand-url { font-size: 12px; color: #fff; display: block; margin-top: -3px; }
.topbar { height:66px; background: #fff; border-bottom: 1px solid #e5e9ed; position: fixed; top: 0; left: 0; width: 100%; z-index:100; padding-left: 230px; }
.topbar .iconfont { padding-right: 0; }
.topbar .icon-user { background: #9dabb9; width: 24px; height: 24px; margin-right: 6px; text-align: center; color: #fff; border-radius: 100%; font-size: 16px; }
.topbar .user-area { line-height: 24px; font-size: 14px; padding: 22px 40px 0 0; }
.topbar .user-area .fa-angle-down { font-size: 16px; }
.topbar .user-area a:link, .topbar .user-area a:visited { color: #89a; }
.topbar .user-area a:hover { color: #3498db; text-decoration: underline; }
.topbar .user-area a:active { color: #145bc7; text-decoration: underline; }
.topbar .nav-area { font-size: 18px; padding: 22px 0 0 40px; }
.topbar .nav-area a { margin-right: 40px; display: inline-block; text-decoration: none; position: relative; float: left; }
.topbar .nav-area a:link, .topbar .nav-area a:visited { color: #89a; }
.topbar .nav-area a:hover { color: #345; }
.nav-right-area { position: absolute; right: 0; top: 0; }
.btn-exit { display: block; width: 98px; height: 67px; color: #7a8a9a; border-left: 1px solid #e5e9ed; text-align: center; padding-top:22px; }
.btn-exit:hover { background: #e74c3c; color: #fff; text-decoration:none;}
.btn-exit:active { background: #d81f1b; color: #fff; }
.btn-exit:hover .ico-exit, .btn-exit:active .ico-exit { color: #fff; }
.ico-exit { font-size: 18px; color: #7a8a9a; }
.ico-new-msg { color: #e74c3c !important; font-size: 10px; position: absolute; right: -7px; top: -4px; }

/* 表格 */
.media-list{ display: table;}
.media-list .item-media{ display: table-cell; padding-right: 10px;}
.media-list .item-media img{ width:48px; height:48px; border-radius:3px;}
.media-list .item-inner{ display: table-cell; text-align: left; font-size: 14px; vertical-align: middle;}
.media-article{media-article}
.media-article .item-cover{ display: table-cell; padding-right:20px; vertical-align:middle;}
.media-article .item-cover img{ width:60px; height:60px; border-radius:3px;}
.mp-article-list .mp-article-title,.media-article .mp-article-title{display: table-cell; text-align: left; font-size:15px; vertical-align: middle;}
.table-rank{ width: 32px; height: 32px; line-height: 32px; display: inline-block; border-radius: 100%; background: #89a; color: #fff;  text-align: center; font-size: 14px;}
.table-rank1{ background: #e74c3c;}
.table-rank2{ background: #fe7d00;}
.table-rank3{ background: #46be68;}
/* 文章列表 */
.mp-article-list .table { border: 1px solid #e5e9ed; border-width:1px 0; background-color: #fff; margin-bottom:0;}
.mp-article-list .table-border{border-width:1px;}
.mp-article-list th{ font-size: 14px !important; vertical-align: middle !important; }
.mp-article-list td{ font-size: 14px !important; vertical-align: middle !important; }
.mp-article-list .table th { background-color: #f8f9fb; color: #696969; padding:10px; border-bottom: 1px solid #e5e9ed; }
.mp-article-list .table th:first-child,.mp-article-list .table tr td:first-child{ padding-left:40px;}
.mp-article-list .table th:last-child, .mp-article-list .table tr td:last-child{ padding:10px 0 10px 10px;}
.mp-article-list .table td { border-bottom: 1px solid #e5e9ed; padding:10px;}
.mp-article-list .table tr:visited, .mp-article-list .table tr:hover{ background:#edf0f5;}
.mp-article-list .risk-index { width:85px; height:28px; font-size: 16px; line-height:28px; font-weight:normal; display:block; padding:0 0 0 30px; color:#fff; border-radius:0 14px 14px 0;}
.mp-article-list .table-hover>tbody>tr:hover { background-color: #fbfdff; }
.mp-article-more-btn{ padding:30px 40px;}
.mp-article-more-btn .btn{ padding: 12px; border: 1px solid #e5e9ed; font-size:18px; color: #89a;}
.mp-article-more-btn .btn:hover{ background:#eceff3;}
.mp-article-more-btn .btn:active{ background:#d9e0e7; box-shadow:none; border:1px solid #d5dbe2; color:#7a8a9a;}
.table td:last-child .tooltip{ white-space:nowrap;}
.mp-article-list .artContentSort{color: #7a8a9a;}
.mp-article-list .item-media{ position:relative;}
.mp-article-list .item-media img{ width:60px; height:60px;}
.mp-article-list .item-media span{display: block; position: absolute; z-index: 1; left: 0; bottom: 0; width:60px; height: 24px; text-align:center; background: rgba(0,0,0,0.6); color: #FFF; font-size: 12px; line-height: 24px; cursor: pointer;}
.media-list a:link, .media-list a:visited{ color: #3498db; text-decoration: none;}
/*.mp-article-title a:link, .mp-article-title a:visited{ color:#2787c6;}*/
.mp-article-title a:link{ color:#2787c6;}
.mp-article-title a:visited{ color:#89a;}
.mp-article-title a:hover, .media-list a:hover, .item-source a:hover{ color:#1d6da2 !important; text-decoration:underline;}
.mp-article-title a:active , .media-list a:active, .item-source a:active{ color:#104e77 !important; text-decoration:underline;}
.mp-article-list .mp-article-title-current{ color:#a92ecc !important ;}
.mp-article-list .mp-article-title-current:hover{ color:#a92ecc !important; text-decoration:none;}
.item-source{ font-size:14px;}
.external-import{ font-size:16px !important; background:#89a; padding:0 0 0 10px !important;}

.label-color1{background: url(../images/sprites_icon.png) #e74c3c 10px -544px;}
.label-color2{background: url(../images/sprites_icon.png) #fe7d00 10px -544px; }
.label-color3{background: url(../images/sprites_icon.png) #91cc06 10px -544px; border:none;}
.label-color4{background: url(../images/sprites_icon.png) #89a 10px -544px; }
.label-import{ font-size:12px !important;-webkit-text-size-adjust:none;}

/*.list-ico-violations{ color: #e74c3c; }
.list-ico-graphic { color: #3c9ad9;}
.list-ico-text { color: #46be68; }
.list-ico-video { color: #b94ff0; }
.list-ico-original { color: #41cac0; }*/
.btn-batch{ margin-left:10px; height:26px; width:75px; font-size:12px; text-align:center; padding:0;}

/*.artContentSort{ display:inline-block; font-size:18px;}
.artContentSort .fa-file-text-o{ color:#46be68;}
.artContentSort .fa-picture-o{ color:#3c9ad9;}
.artContentSort .fa-video-camera{ color:#b94ff0;}
.artContentSort em{ display:none; font-size:13px; font-style:normal; color:#FFF; background:#305F81; padding:5px 6px; line-height:1; border-radius:2px;}
.artContentSort .fa-file-text-o em{ background:#46be68;}
.artContentSort .fa-file-text-o em:before{ content:"纯文字"}
.artContentSort .fa-picture-o em{ background:#3c9ad9;}
.artContentSort .fa-picture-o em:before{ content:"图文"}
.artContentSort .fa-video-camera em{ background:#b94ff0;}
.artContentSort .fa-video-camera em:before{ content:"视频"}
.artContentSort:hover em{ display:block;}
.artContentSort:hover .iconfont:before{ content:""}*/

.mp-article-list .tooltip-inner{text-align:left; padding:5px 10px; line-height:1.8;}
.mp-article-title .tooltip-inner { background: #4a4a4a !important; padding:5px 10px; font-size: 12px; line-height:1.8; text-align:left;}
.mp-article-title .tooltip-arrow { border-top-color: #4a4a4a !important; }
.mp-public-source { height: 60px; vertical-align: middle !important; line-height: 1.8; padding-top: 4px; font-size:14px !important;}
.mp-article-source a { width: 32px; height: 32px; background: none; border-radius: 50%; margin: 0 6px 0 0; text-align:center; line-height: 32px; text-decoration: none; display: inline-block; color: #fff; }
.mp-article-source a:last-child{ margin-right:0;}
.mp-article-source a i { margin:0 8px; }
.mp-article-source a:hover { color: #fff; }
.mp-article-source a.source-collect-current{ background:#ffb403;}
.mp-article-source a.source-collect-current:hover{ background:#ffb403 !important;}
.mp-article-source a.source-collect-current:active{ background:#ffb403 !important;}
.mp-article-source a.source-collect{background:#ffb403;}
.mp-article-source a.source-collect:hover {  background-color: #f4720a;}
.mp-article-source a.source-collect:active {  background-color: #de4b0a; }
/*.mp-article-source a.source-collect-current{background-color: #de4b0a; color:#fff; border:1px solid #fff; box-sizing:border-box;}
.mp-article-source a.source-collect-current:hover{ background-color: #de4b0a; color:#fff; border:1px solid #fff;}*/
.mp-article-source a.source-join{ background:#ffb403; }
.mp-article-source a.source-join:hover {background-color: #f4720a; }
.mp-article-source a.source-join:active { background-color: #de4b0a;}
/*.mp-article-source a.source-join-current{background-color: #fff; color:#ffb403; border:1px solid #ffb403; box-sizing:border-box;}
.mp-article-source a.source-join-current:hover{background-color: #fff;  color:#ff8203;}*/
.mp-article-source a.source-absence{ background:#a7bac8; box-sizing:border-box; color:#fff;}
.mp-article-source a.source-absence:hover { background-color: #7a8a9a; }
.mp-article-source a.source-absence:active { background-color: #627485; }
.mp-article-source a.source-analyze{ background:#50aeed;}
.mp-article-source a.source-analyze:hover { background-color: #409ad7; }
.mp-article-source a.source-analyze:active { background-color: #1f76b1; }
.mp-article-source a.source-analyze-disabled{ background:#a7bac8; cursor: default;}
.mp-article-source a.source-analyze-disabled:hover { background-color: #7a8a9a; }
.mp-article-source a.source-analyze-disabled:active { background-color: #627485; }

.mp-article-source a.tags-used{ background:#a7bac8; box-sizing:border-box; color:#fff;}
.mp-article-source a.tags-used:hover { background-color: #7a8a9a;}
.mp-article-source a.tags-used:active {  background-color: #627485;}
.mp-article-source a.move-folder{ background:#a7bac8; box-sizing:border-box; color:#fff;}
.mp-article-source a.move-folder:hover { background-color: #7a8a9a;}
.mp-article-source a.move-folder:active {background-color: #627485; }
.mp-article-source a.extract-url{ background:#fdfdfd; border:1px solid #e7ebef; box-sizing:border-box; color:#7a8a9a;}
.mp-article-source a.extract-url:hover {background-color: #f7f8fa;}
.mp-article-source a.extract-url:active { background-color: #d9e0e7;}
.mp-article-source a.add{ background:#3c9ad9;}
.mp-article-source a.add:hover { background-color: #3590cd; }
.mp-article-source a.add:active { background-color: #2f84bd; }


.mp-article-list .round-img{ border-radius: 100%;}
.mp-article-list .mp-article-label{ background: #acb9c6; color: #fff; display: inline-block; font-size: 12px; padding:3px 10px; border-radius:2px;}
.mp-article-list .violation-time{ font-size: 12px !important; line-height: 20px;}
.mp-article-list .btn-violation-detail{ padding: 8px 35px; color: #345; border: 1px solid #e5e9ed;}
.mp-article-list .mp-violation-label{background: #e74c3c; color: #fff; display: inline-block; font-size: 12px; padding:3px 10px; border-radius: 5px;}

/* 公众号列表 */
.mpArticleWrap .mp-account-list{ margin:0 -15px;}
.mpArticleWrap .mp-account-list .table td{ line-height:1.8;}
.mpArticleWrap .mp-account-list .flagIcon{ display:inline-block; padding:2px 5px; font-size:12px; color:#FFF; vertical-align:middle; border-radius:3px; margin:0 2px;}
.mpArticleWrap .mp-account-list .flagRead{ background:#46be68;}
.mpArticleWrap .mp-account-list .flagLike{ background:#3c9ad9;}
.mp-account-list .risk-index { width:60px; height: 30px; text-align: center; font-size: 16px; line-height: 30px; font-weight:normal; display:block; padding:0; color:#fff; border-radius:4px; margin:0 auto;}
.mp-account-list .table{ border: 1px solid #e5e9ed; border-width:1px 0; background:#fff; display:table;}
.mp-account-list .table>thead>tr>th{ border-bottom: 1px solid #e5e9ed; height:53px; display:table-cell; padding:0; vertical-align:middle; background: #f8f9fb; color: #696969; font-weight: bold; text-align: center;}
.mp-account-list .table td{ padding: 9px 0; height: 40px;  text-align: center; line-height: 40px; display:table-cell; vertical-align:middle;}
.mp-account-list .media-list{ line-height: 20px;}
.mp-account-list .media-list .item-title{  font-weight: bold;}
.mp-account-list .media-list .item-title a:link,
.mp-account-list .media-list .item-title a:visited{color: #345;}
.mp-account-list .media-list .item-sub-title{ color: #89a;}
.mp-account-list .btn-followed{ background: #edf0f5 !important; border: 1px solid #e5e9ed !important; color: #7a8a9a !important;}
.mp-account-list .btn-followed:hover{ background: #e0e4eb;}
.mp-account-list .icon-info{ color: #89a; font-size: 16px;}
.mp-account-list .article-title{ text-align:left;}
.mp-account-list .article-title a:link, .mp-account-list .article-title a:visited{ color: #345; text-decoration: none; }
.mp-account-list .article-title a:hover{ color: #3498db; text-decoration: none; }
.mp-account-list .article-title a:active{ color: #145bc7; text-decoration: none; }
.mp-account-list .mp-label{color: #fff; display: inline-block; font-size: 12px; padding:0 5px; height:22px; line-height:22px; border-radius:3px; margin:0 3px;}
.mp-account-list .mp-read-label{background: #46be68;}
.mp-account-list .mp-like-label{background: #3c9ad9;}
.mp-account-list .post-public{ padding-left:20px; text-align:left;}

/* 工作台 */
.dashboardBanner{ position:relative;}
.dashboardBanner ul,.dashboardBanner li{ margin:0 0 20px 0 !important;}
.dashboardBanner li.purchaseBanner{ background:#FF4B4A; text-align:center;}
.dashboardBanner li img{ display:block; margin:0 auto; max-width:100%;}
.dashboardBanner li a{ display:block;}
.dashboardBannerClose{ position:absolute; z-index:1; top:10px; right:10px; font-size:20px; color:#FFF; text-decoration:none; cursor:pointer; width:28px; height:28px; display:block; text-align:center; line-height:28px;}
.dashboardBannerClose:hover{ color:#FF0;}

.dashboardInfo{}
.dashboardInfo a{ color:#345;}
.dashboardInfo a:hover{ color:#3c9ad9;}
.dashboardInfo section{ margin:0;}
.dashboardInfo dl{ border:1px solid #e5e9ed; border-radius:5px; background:#fff; margin:6px 0; padding:0;}
.dashboardInfo dt,.dashboardInfo dd{ display:inline-block; vertical-align:middle;}
.dashboardInfo dt{ font-size:32px; font-weight:400; line-height:1.6; color:#345; padding:10px;}
.dashboardInfo dt.userInfo{ font-size:14px; line-height:1.8;}
.dashboardInfo span{ font-size:14px; display:block; color:#666;}
.dashboardInfo dt.userInfo span{ margin-top:3px;}
.dashboardInfoIcon{ width:126px; height:140px; border-radius:5px 0 0 5px; color:#FFF; font-size:20px; text-align:center;}
.dashboardInfo section:nth-child(1) .dashboardInfoIcon{ background: url(../images/1.png) #41cac0 no-repeat center center;}
.dashboardInfo section:nth-child(2) .dashboardInfoIcon{ background: url(../images/2.png) #91cc06 no-repeat center center;}
.dashboardInfo section:nth-child(3) .dashboardInfoIcon{ background: url(../images/4.png) #3c9ad9 no-repeat center center;}
.dashboardInfo section:nth-child(4) .dashboardInfoIcon{ background: url(../images/3.png) #e74c3c no-repeat center center;}
.tag-version{ background:#e74c3c; text-align:center; border-radius:2px; color:#fff; font-weight:normal; padding:1px 10px; margin-left:10px; font-size:12px; display:inline-block;}

.tag-link-entrance{ margin-top:10px; color:#fff;}
.tag-link-entrance .tag{ border-radius:3px; color:#fff !important; margin-right:10px; display:inline-block; padding:0 10px; height:32px; line-height:30px; display:inline-block;}
.tag-buy-upgrade{ background:#50c170;}
.tag-buy-upgrade:hover{ background:#42b161; color:#fff;}
.tag-to-invoice{ background:#41cac0;}
.tag-to-invoice:hover{ background:#3cbeb4;}
.tag-link-entrance .icon-invoice{background:url(../images/sprites_icon.png) no-repeat 0 -601px; width:16px; height:16px; display:inline-block; vertical-align:middle;}
.user-center{ color:#3c9ad9 !important;}

.page-dashboard .col-md-6, .page-dashboard .col-md-4 { padding: 0; }
.page-dashboard .row { margin-bottom: 15px; }
.page-dashboard .col-md-6:nth-of-type(1) { padding-right: 10px; }
.page-dashboard .col-md-6:nth-of-type(2) { padding-left: 10px; }
.page-dashboard .col-md-3:nth-of-type(1) { padding-right: 10px; }
.page-dashboard .col-md-3:nth-of-type(2) { padding-left: 10px; padding-right: 10px; }
.page-dashboard .col-md-3:nth-of-type(3) { padding-right: 10px;  padding-left: 10px; }
.page-dashboard .col-md-3:nth-of-type(4) { padding-left: 10px; }

.check-details { font-size: 14px; padding: 8px 0; border:1px solid #e5e9ed; color:#7a8a9a;}
.check-details:hover{ background:#f7f8fa !important; border:1px solid #e5e9ed; color:#7a8a9a;}
.check-details:focus, .check-details:active{ background:#d9e0e7 !important; border:1px solid #d3d9e0 !important; color:#7a8a9a !important; box-shadow:none;}
.check-details.actice{ box-shadow:none;border:1px solid #e5e9ed; background:#46be68 !important;}
.dash-operation-info, .dash-notice { min-height: 452px; background: #fff; border: 1px solid #e5e9ed; border-radius: 5px; }
.dash-operation-info { padding: 20px; }
.dash-operation-info .wechat-info { height: 55px; border-bottom: 1px solid #e5e9ed; position: relative; }
.dash-operation-info .wechat-id { width: 300px; }
.dash-operation-info .wechat-avatar { margin-right: 20px; width:40px; height:40px;}
.dash-operation-info .wechat-nickname { display: block; font-size: 16px; font-weight: bold; color: #345; }
.dash-operation-info .wechat-username { color: #89a; }
.dash-operation-info .btn-sync { font-size: 14px; font-weight: bold; border:none;}
.dash-operation-info .btn-sync:hover{}
.dash-operation-info .article-timeline { list-style: none; border-top: 1px solid #dbe1e8; padding: 0; position: relative; margin: 30px 15px 0; height: 40px; }
.dash-operation-info .article-timeline li { text-align: center; font-size: 10px; position: absolute; top: -9px; color: #b6b6b6; }
.dash-operation-info .article-timeline li .fa-circle { font-size: 10px; }
.dash-operation-info .article-timeline li:nth-of-type(1) { left: -10px; }
.dash-operation-info .article-timeline li:nth-of-type(2) { left: 15%; }
.dash-operation-info .article-timeline li:nth-of-type(3) { left: 31%; }
.dash-operation-info .article-timeline li:nth-of-type(4) { left: 47%; }
.dash-operation-info .article-timeline li:nth-of-type(5) { left: 63%; }
.dash-operation-info .article-timeline li:nth-of-type(6) { left: 80%; }
.dash-operation-info .article-timeline li:nth-of-type(7) { right: -10px; }
.dash-operation-info .article-timeline .article-published .fa-circle { color: #46be68; border:none;}
.dash-operation-info .article-timeline .article-unpublished .fa-circle { color: #dbe1e8 }
.dash-operation-info .article-timeline .tooltip-inner { background: #7a838f !important; }
.dash-operation-info .article-timeline .tooltip-arrow { border-top-color: #7a838f !important; }
.dash-operation-info .title-dash-operation { font-size: 12px; margin-top: 20px; color:#345;}
.dash-operation-info .title-dash-operation .article-time{ color:#424242; font-size:12px;}
.dash-operation-info .article-intro { color: #cacaca; }
.dash-operation-info .article-intro .fa-circle:nth-of-type(1) { color: #46be68; }
.dash-operation-info .article-intro .fa-circle:nth-of-type(2) { color: #b8bcc0; }
.diagnose-brief { list-style: none; padding: 20px 0; height:128px;}
.diagnose-brief ul { margin-left: -40px;}
.diagnose-brief li { padding-top: 20px; display: inline-block; text-align: center; color: #89a; width:32%;}
.diagnose-brief li span { font-weight: bold; font-size: 18px; color: #345;  text-align:center;}
.diagnose-brief-content{ line-height:90px; text-align:center; width:100%;}
.dash-public-unbounded{ text-align:center; padding:100px 0;}
.dash-public-unbounded .exclamation-circle{ background:url(../images/default/ico-db-error.png) no-repeat center center; width:82px; height:82px; margin:0 auto 20px; display:block; color:#7a8a9a;}
.dash-public-unbounded p{ color:#7a8a9a; margin-bottom:20px;}
.dash-public-unbounded a{ width:200px;}

.diagnose-brief .totalScore { width: 88px; height: 88px; position: relative; margin: 0 auto; }
.diagnose-brief .percent { position: absolute; left: 0; top: 0; width: 88px; height: 88px; line-height: 88px; text-align: center; font-size: 36px; color: #46be68 !important; }
.dash-notice { background: #f8f9fb; }
.dash-notice-title { background-color: #fff; border-radius: 5px 5px 0 0; font-size: 14px; font-weight: bold; color: #345; height: 60px; border-bottom: 1px solid #e5e9ed; padding: 20px; }
.dash-notice-title a { color: #345; }
.dash-notice-history { height: 385px; overflow-y: auto; padding: 10px 0; }
.history-review { color: #666; overflow: hidden; padding: 0 20px; }
.history-review-time { float: left; width: 94px; font-size: 14px; position: relative; z-index: 1; margin-top: 14px; }
.history-review-conent { margin-left: 94px; border-left: 1px solid #EEE; padding: 8px 0 8px 25px; }
.history-review-conent:first-child { margin-top: 10px; }
.history-review-conent:last-child { padding-bottom: 10px; }
.history-review-title { display: block; color: #345; cursor: pointer; font-weight: bold; text-decoration: none; }
.history-review-title:hover { text-decoration: none; color: #555; }
.history-review-title .fa { margin-top: 2px; color: #999; }
.history-review-entry { position: relative; background: #fff; border-radius: 3px; padding: 10px 20px; font-size: 14px; border: 1px solid #e5e9ed; position: relative; }
.history-review-detail { background: #FFF; padding: 6px 0; font-size: 13px; margin-top: 6px; line-height: 1.6; color: #89a; }
.history-review .fa-circle { position: absolute; z-index: 1; right: -6px; top: 5px; font-size: 11px; color: #50c170; }
.history-review .tag-new { background:url(../images/sprites_icon.png) no-repeat left -222px; width:29px; height: 15px; position: absolute; z-index: 1; right: -15px; top: 5px; display:block;}
.history-review .fa-square { position: absolute; z-index: 1; left: -6px; top: 12px; font-size: 12px; width: 12px; height: 12px; color: #fff; background-color: #fff; border: 1px solid #e5e9ed; border-width: 0 0 1px 1px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }

.index-message{ color:#345; font-size:16px; border:1px solid #e5e9ed; background:#fff; padding:40px 20px; text-align:center;}
.index-message a{ margin-left:20px;}
.activate-account{ background:#fff; padding:40px; text-align:center; margin-bottom:20px;}
.activate-account .control-search-code{ margin:0 auto;}
.activate-account img{ width:140px; height:140px; margin-right:30px; background:#edf0f5; padding:7px;}
.activate-account .control-search-code{ margin-top:10px;}
.activate-account .control-search-5{ height:auto !important;}
.activate-account .control-search-5 input{ margin-right:10px;}
.error-message{ color:#e74c3c; font-weight:bold; display:inline-block; margin-left:20px;}
.activate-account .info-tip{ color:#345; font-size:16px; padding:20px;}
.activate-account .scan-tip{ padding-top:20px;}
.activate-success-tip{ font-size:16px;}
.activate-account .activate-success{ width:100% !important; padding:20px !important;}
.activate-success-tip .icon-succse{ margin-bottom:20px !important;}
.activate-success-tip .info-tip{ color:#345; font-weight:bold; padding-bottom:10px;}
.activate-success-tip .data-tip{ margin-bottom:20px;}

.dashboard-guide{}
.dashboard-guide .guide-line{ font-size:14px; line-height:1.6; margin-bottom:30px;}
.guide-entry{ width:730px; height:318px; margin:0 auto 30px; display:block;}
.guide-entry section{ width:192px; height:318px; float:left; margin:0 25px 10px; display:inline-block; text-align:center; background:#f8f9fb; border:1px solid #e5e9ed; border-radius:3px; position:relative;}
.guide-entry section .icon{ display:block; position:absolute; z-index:1; left:-10px; top:-10px; width:26px; height:26px; border-radius:26px; color:#FFF; font-size:14px;  line-height:26px; font-style:normal; text-align:center; font-family:"Microsoft Yahei", "Helvetica Neue", Tahoma, Geneva, sans-serif;}
.guide-entry .iconfont-box{ width:30px; height:30px; text-align:center; color:#fff !important; margin:0 auto; display:block; border-radius:4px; margin-bottom:20px;}
.guide-entry .iconfont-box i{ padding-top:7px; display:block;}
.guide-entry .step1 .iconfont-box{ background:#91cc06;}
.guide-entry .step2 .iconfont-box{ background:#9646e0;}
.guide-entry .step3 .iconfont-box{ background:#3c9ad9;}
.guide-entry section:after{ background: url(../images/sprites_icon.png) no-repeat 0 -582px; content:""; display:inline-block; width:14px; height:12px; vertical-align:middle; display:inline-block; position:absolute; right:-32px; top:160px;}
.guide-entry section:last-child:after{ display:none;}
.guide-entry .step1 .icon{ background:#91cc06;}
.guide-entry .step2 .icon{ background:#9646e0;}
.guide-entry .step3 .icon{ background:#3c9ad9;}
.guide-entry h3{ margin:0; font-size:16px; text-align:center; padding:15px 0 20px 0; color:#345;}

.guide-entry li{ font-size:14px; margin-bottom:15px;}
.guide-entry li:last-child{ margin-bottom:0;}
.guide-entry li a{ display:block; color:#7a8a9a;}
.guide-entry li a .verify{ font-size:12px; background:#50c170; color:#fff; padding:2px; display:inline-block; line-height:1; border-radius:2px; margin-left:3px;}
.guide-entry li a:hover{ text-decoration:none; opacity:0.9;}
.guide-btns a{ width:100%;}

.no-add-dashboard .dash-notice-history{ height:435px;}
/*公众号搜素*/
.standard-search-main { max-width: 940px; margin: 0 auto; font-size: 14px; padding: 0 20px; }
.standard-search { margin: 100px auto 20px; max-width: 900px; }
.search-tag-tip { color: #46be68; padding-bottom: 20px; }
.search-tag-classify{ margin-bottom:20px;}
.search-tag-classify a { border-radius: 20px !important; }
.diagnose-result { max-width: 900px; margin: 0 auto 30px; }
.diagnose-result .result-info { }
.diagnose-result section { background: #fff; border: 1px solid #DFE3E9; border-radius: 5px; margin: 20px 0 0 0; padding: 20px; min-height: 100px; }
.mp-avatar img { display: block; width: 60px; height: 60px; float: left; margin-right: 10px; }
.mp-info { line-height: 1.8; }
.mp-info span { font-size: 16px; color: #345; }
.mp-info em { display: block; font-style: normal; font-size: 14px; color: #7a8a9a; }
.mp-intro { display: block; margin: 15px 0 0 0; color: #7a8a9a; line-height:1.6;}
.btn-attention { background: #46be68; color: #fff; height: 36px; line-height: 36px; display: block; border-radius: 5px; padding: 0 15px; border: none; }
.btn-attention:hover { background: #27a547; }
.btn-attention:active { background: #159328; box-shadow: none; }
.btn-has-attention { background: #edf0f5; border: 1px solid #e5e9ed; color: #a5afb7; }

.set-pull-right a{ color:#7a8a9a !important;}
.btn-set{ background:#fff; border:1px solid #e5e9ed; color:#7a8a9a !important; width:70px;}
.btn-set:hover{ background:#f7f8fa !important; color:#7a8a9a !important; box-shadow:none;border:1px solid #e5e9ed;}
.btn-set:focus,.btn-set:active{ color:#7a8a9a !important; background:#d9e0e7 !important;border:1px solid #d3d9e0 !important; box-shadow:none;}

/*公众号诊断*/
.public-diagnose { margin: -20px; }
.diagnose-nav { background: #fff; min-height: 65px; border-bottom: 1px solid #e5e9ed; color: #89a; padding: 18px 40px; }
.diagnose-nav li { float: left; display: inline-block; margin-right: 4px; }
.diagnose-nav li a { border-radius: 20px; text-decoration: none; height: 28px; line-height: 26px; padding: 0 20px; display: inline-block; color:#89a; font-weight:bold;}
.diagnose-nav li a:hover{ background:#7a8a9a; color:#fff;}
.diagnose-nav li.current a { background: #46be68; color: #fff; }
.diagnose-welcome { max-width: 900px; margin: 0 auto; padding: 30px 0; }
.diagnose-welcome h3 { font-size: 24px; margin: 0; padding: 0 0 50px 0; color: #345; }
.diagnose-welcome dl { float: left; width: 450px; margin-bottom: 30px; }
.diagnose-welcome dt { float: left; width: 72px; height: 72px; border-radius: 50%; text-align: center; line-height: 72px; color: #FFF; font-size: 36px; background: #4BA1EF; }
.diagnose-welcome dd { margin: 10px 0 0 90px; color: #89a; }
.diagnose-welcome dd strong { font-weight: normal; display: block; font-size: 18px; margin-bottom: 5px; color: #345; }
.diagnose-ico { background: url(../images/ico_diagnose.png) no-repeat; width: 36px; height: 36px; display: block; margin: 17px auto; }
.ico-users { background-position: 0 0; }
.ico-clock { background-position: 0 -72px; }
.ico-bug { background-position: 0 -36px; }
.ico-diamond { background-position: 0 -108px; }
.diagnose-welcome dl:nth-child(3) dt { background: #67AF27; }
.diagnose-welcome dl:nth-child(4) dt { background: #F35941; }
.diagnose-welcome dl:nth-child(5) dt { background: #7F73C5; }
.diagnose-main { padding: 20px 40px; }
.diagnose-main .row { margin-bottom: 20px; }
.diagnose-main .col { padding: 0; }
.diagnose-block { background-color: #fff; border: 1px solid #e5e9ed; border-radius: 5px; padding:20px; margin: 0 10px 10px 0; height:550px;}
.diagnose-record .totalScore { position: relative; width: 160px; height: 160px; margin: 0 auto 20px;}
.diagnose-record .ico-diagnose{background:url(../images/ico_time_sad.png) no-repeat; width:160px; height:160px; display:inline-block;}
.diagnose-record .ico-diagnose-time{ background-position:0 0;}
.diagnose-record .ico-diagnose-sad{ background-position:0 -160px;}
.diagnose-record .ico-diagnose-error{background-position:0 -320px;}
.diagnose-record .percent-number{ background:none; position: absolute; left: 0; top:-10px; width: 160px; text-align: center; font-size: 48px; font-weight: bold; color: #46be68; }

.diagnose-record .scoreName { position: absolute; top:98px; text-align: center; width: 100%; }
.diagnose-block .history-diagnose-info{ height:105px; border-bottom:1px solid #e5e9ed;}
.diagnose-block .history-diagnose-time{ text-align:center;}
.diagnose-block .history-diagnose-valu{ padding:20px 0; position:relative;-webkit-text-size-adjust:none; font-size:11px;}
.diagnose-block .history-diagnose-valu li{ text-align:center;}
.diagnose-block .history-diagnose-valu li.center-child{ padding:0 90px; text-align:center;}
.diagnose-block .history-diagnose-valu li:first-child{ width:90px; position:absolute; left:0; top:20px;}
.diagnose-block .history-diagnose-valu li:last-child{ width:100px;position:absolute; right:0; top:20px;}
.diagnose-block .history-diagnose-valu li span{ font-size:18px; font-weight:bold; color:#345;text-align:center;}
.diagnose-block .history-diagnose-details{border-bottom:1px solid #e5e9ed; margin-bottom:20px;}
.history-diagnose-heaad{ margin-bottom:10px;}
.history-diagnose-btn{margin:20px 0 10px;}
.history-diagnose-btn a{ width:100%;}
.history-diagnose-intro{ height:60px; font-size:14px; margin-bottom:20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.history-no-record{ padding-top:30px;}

.dialog-public-settings dl{ width:48%; height:76px; border:1px solid #e5e9ed; border-radius:3px; float:left; box-sizing:border-box; padding:17px 15px; position:relative; vertical-align:middle; margin:10px 0 10px;}
.dialog-public-settings dl:nth-child(even){ float:right;}
.dialog-public-settings dl dt{ float:right;}
.dialog-public-settings dl dd{ float:left;}
.dialog-public-settings dl input{ width:188px; margin-right:10px; display:inline-block; background:#fff; border:1px solid #e5e9ed; border-radius:3px; height:35px; line-height:35px; padding:0 10px; float:left;}
.control-checkbox-area{ position:absolute; top:5px; right:5px;}
.settings-group-name{ font-weight:bold; color:#345;}
.edit-area{ color:#345; font-size:16px; position:absolute; top:25px; right:20px;}
.edit-area a{ color:#345;}
.add-edit-area{ text-align:center; font-size:16px; line-height:42px; margin:0 auto; width:100%;}

.dialog-public-choose{}
.dialog-public-choose li{ width:32%; height:76px; border:1px solid #e5e9ed; border-radius:3px; float:left; box-sizing:border-box; margin:1% 2% 1% 0; color:#345; position:relative;}
.dialog-public-choose li:nth-child(3n){ margin-right:0;}
.dialog-public-choose li:hover,
.dialog-public-choose li.active{ border:1px solid #46be68;}
.dialog-public-choose li.active:after{ background:url(../images/icon-set.png) no-repeat 0 0; width:32px; height:32px; position:absolute; right:0; top:0; content:''; display:inline-block;}
.dialog-public-choose li a{ padding:17px 15px; cursor:pointer; display:block; color:#345;}
.dialog-public-choose li a:hover{ text-decoration:none;}
.dialog-public-choose li img{ width:42px; height:42px; border-radius:21px; margin-right:10px;}
.set-operations-public{ line-height:42px; width:100%; text-align:center;}
/*按钮*/
.view-details{ color:#7a8a9a; border:1px solid #e5e9ed; background:#fff;}
.view-details:hover{ color:#7a8a9a; background:#f7f8fa !important; box-shadow:none;border:1px solid #e5e9ed;}
.view-details:focus, .view-details:active{ color:#7a8a9a !important; background:#d9e0e7 !important;border:1px solid #e5e9ed !important;}
.view-details-disabled{ color:#c3cad0; border:1px solid #f2f4f6;}
.btn-load-more-green{ width:100%; height:63px; line-height:63px; color:#fff; background:#46be68; display:block; border-radius:3px; font-size:18px; text-align:center;}
.btn-load-more-green:focus, .btn-load-more-green:hover{ color:#fff; text-decoration:none; background:#28a547;}
.btn-load-more-green:active{ color:#fff; background:#168b27;}

.btn-success{ background:#46be68; border-color:#46be68;}
.btn-success:hover{ background:#28a547; box-shadow:none; border-color:#28a547;}
.btn-success:focus,.btn-success:active{ background:#168b27; border-color:#168b27 !important;}
.btn-default{ background:#e5e9ed; background:#fff; color:#7a8a9a;}
.btn-default:hover{color:#7a8a9a; background:#f7f8fa !important; box-shadow:none;border:1px solid #e5e9ed;}
.btn-default:focus, .btn-default:active{color:#7a8a9a !important; background:#d9e0e7 !important;border:1px solid #d3d9e0 !important}
.btn-info{background-color:#7a8a9a;border-color:#7a8a9a;}
.btn-info:hover{color:#fff;background-color:#73818e;border-color:#73818e;}
.btn-warning{background-color:#fe7d00;border-color:#fe7d00;}
.btn-warning:hover{background-color:#ec971f;border-color:#ec971f;}
/*颜色*/
.txt-color-green{ color:#46be68 !important;}
.txt-color-red{ color:#e74c3c !important;}
.txt-color-orange{ color:#fe7d00 !important;}
.txt-color-gray{ color:#89a !important;}

/*全网素材*/
.material-tag { border-bottom: 1px solid #e5e9ed; padding:20px 40px 10px 40px;}
.material-tag .material-tag-list{ padding:15px 0; margin-left:140px;}
.material-tag-list { padding: 15px 40px; background:#fff;}
.material-tag-list span { width: 100px; float: left; }
.material-tag-check { min-height: 60px; width: 140px; padding: 20px 0 0 40px; }
.material-tag-check input { margin-right: 10px; }
.disabled-tag{ background:#edf0f5 !important;}

.subscribe-article-list { padding:0 20px 20px 15px;}
.icon-kulou{ background:#e74c3c; color:#fff; font-size:12px; padding:2px; text-align:center;}
.time-select, .type-select { width: 150px; }
.material-search { width: 500px; }
.material-search-2 { width: 500px; }

.mp-user-article-timer{ padding:20px 40px;}
.alert{ padding:20px 40px; margin-bottom:0;}
.alert i{ margin-right:10px;}
.alert .close{ display:block; font-size:14px; font-weight:normal; opacity:1; color:#3298db;}
.alert .close i{ margin-right:0;}
.alert-info{ background:#eaecf0; border:1px solid #e5e9ed; border-width:0 0 1px 0; color:#89a;}
.alert-border{border-width:1px 0 0 0;}

.list-keywords{ padding:20px 40px; color:#7a8a9a; border-top:1px solid #e5e9ed;}
.list-keywords span{ color:#f00;}
.cut-material-box{ border-bottom:1px solid #e5e9ed; padding:20px 40px;}
.cut-material-title{width:100px; float:left; text-align:center; line-height:40px; display:inline-block;}
.cut-material-box .hot-words{ padding:20px 20px 0 0;}
.cut-material-box .hot-words a{ color:#3c9ad9; margin-left:10px;}
/*.control-search-5 { height: 42px; overflow: hidden;}*/
.control-search-5:hover [type=text] { background: #edf0f5; }
.control-search-5 [type=text] { width: 100%; height:40px; line-height:40px; padding: 0 20px; border-radius:3px; border: 1px solid #e5e9ed; color: #7a8a9a;}
.control-search-5 [type=text]:focus { background: #fff; border-color: #46be68; }
.control-search-5-submit { width: 100px; height: 40px; line-height: 40px; display: inline-block; border-radius:3px; background: #46be68; text-align: center; font-size: 16px; margin-left:5px;}
.control-search-5-submit:link, .control-search-5-submit:visited { color: #fff; text-decoration: none; }
.control-search-5-submit:hover { text-decoration: none; background: #27a547; }
.control-search-5-submit:active { background: #159328; }
.control-search-senior-submit { background: #fff; border:1px solid #e5e9ed; color:#7a8a9a !important;}
.control-search-senior-submit:hover { background: #f7f8fa; }
.control-search-senior-submit:active { background: #d9e0e7; border:1px solid #d3d9e0;}
.modal-dialog-500{ width:500px !important;}
.advanced-search-module ul.search-style-nav{ border-bottom:1px solid #e5e9ed; height:55px; background:#f8f9fb; margin:-15px -15px 0 -15px; padding:0 20px;}
.advanced-search-module ul.search-style-nav li{ margin-right:30px; display:inline-block;}
.advanced-search-module ul.search-style-nav li a{ height:55px; line-height:55px; display:block; color:#345;}
.advanced-search-module ul.search-style-nav li a:hover,.advanced-search-module ul.search-style-nav li a.active{ border-bottom:2px solid #46be68;}
.search-style-content{ padding:40px 25px 20px 25px;}
.search-style-option{ margin-bottom:10px; height:40px; clear:both;}
.search-style-option label{ width:80px; padding-right:20px; line-height:36px; text-align:right; font-weight:normal !important; float:left;}
.search-style-option .component-area{ padding:0;}
.search-style-option .component-area .btn-type{ width:112px;}
.search-style-option .search-style-element{ float:left; width:336px;}
.search-style-option .search-style-element input{ width:100%; border:1px solid #e5e9ed; border-radius:3px; height:36px; line-height:36px; padding:0 10px;}
.control-checkbox-style{ margin-top:8px !important;}
.search-style-btns button{ width:100%; margin-bottom:5px;}
.search-style-btns button.disabled{ background:#f8f9fb; border:1px solid #e5e9ed;}
.wechat-article-website label{ width:110px !important; font-weight:bold !important; text-align:left;}
.wechat-article-website .search-style-element{ width:306px !important;}
.search-style-content .search-keywords label{width:65px !important; font-weight:bold !important; text-align:left;}
.search-style-content .search-keywords .search-style-element{ width:352px !important;}

.mpAccountResultHead { margin:10px auto; max-width:900px; color: #7a8a9a;}
.mpAccountResultHead h3 { margin: 0; padding: 5px 0 ; font-size: 16px; font-weight: bold;  color: #345;}

.icon-cogradient{ background:url(../images/togerther.png); width:22px; height:16px; display:inline-block; margin:-3px auto !important}
.mp-article-source a.source-cogradient{ background:#3bc58c;}
.mp-article-source a.source-cogradient:hover{ background-color: #00bf70; }
.mp-article-source a.source-cogradient:active{ background-color: #05aa66; }
.footerBtns{ position:fixed; z-index:1040; right:10px; bottom:16px; width:26px; background:#fff; text-align:center; }
.footerBtns a{ color:#7a8a9a; display:block;  border-radius:4px; padding:10px 0 5px; border:1px solid #eee; line-height:18px;}
.footerBtns a:hover{ color:#fff; background:#7a8a9a;}
.footerBtns a:hover .up{ background-position:0 -10px;}
.up{ background:url(../images/up_bottom.png); width:14px; height:10px;  display:block; margin:0 auto 3px;}
.function-nav .elment1{ position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.function-nav .elment2{ position:absolute; right:38px; top:375px; }
.function-nav .elment3{ position:absolute; right:0; top:195px;}
.function-nav .elment4{ position:absolute; right:87px; top:347px;}
@media all and (max-width:1247px) {
	.function-nav .elment2{ position:absolute; right:38px; top:390px; }
    .function-nav .elment3{ position:absolute; right:0; top:211px;}
	.function-nav .elment4{ position:absolute; right:87px; top:364px;}
	
}
@media all and (max-width:1227px) {
	.function-nav .elment2{ position:absolute; right:38px; top:426px; }
    .function-nav .elment3{ position:absolute; right:0; top:243px;}
	.function-nav .elment4{ position:absolute; right:87px; top:400px;}
	
}
@media all and (max-width:1221px) {
	.function-nav .elment2{ position:absolute; right:38px; top:471px; }
    .function-nav .elment3{ position:absolute; right:0; top:282px;}
	.function-nav .elment4{ position:absolute; right:87px; top:444px;}
	
}
.new-function-mask{ background: rgba(0, 0, 0, 0.8);}

.component-area .add-new-badge{ margin:-20px 0 0 -3px; transform:scale(0.8); padding:2px;}

/*文章详情*/
.modal-dialog-960{ width:auto !important; max-width:960px;}
.modal-dialog-650{width:auto !important; max-width:650px;}
.modal-dialog-720{width:auto !important; max-width:720px;}
.modal-header{ background:#2a3542; color:#FFF; height:62px; border-radius:4px 4px 0 0;}
.modal-header .close{ margin:6px 0 0 0; background:#FFF; width:18px; height:18px; text-align:center; line-height:18px; font-size:14px; font-weight:bold; border-radius:50%; text-shadow:none; opacity:0.6;}
.modal-header .close:hover{ opacity:0.8;}
.modal-title{ font-size:14px; font-weight:bold; line-height:32px !important;}

.mpArticleHeader{ padding-bottom:15px;}
.mpArticleHeader .cover{ float:left; width:60px; height:60px; overflow:hidden; border-radius:5px; background:#CCC;}
.mpArticleHeader .fa{ color:#AAA;}
.mpArticleHeader .cover img{ width:60px; height:60px;}
.mpArticleHeader .mpArticleTitle{ margin:0 0 0 80px; font-size:18px; font-weight:bold; color:#334455; padding:8px 0 0;}
.mpArticleHeader .mpArticleTime{ margin:8px 0 0 80px; font-size:14px; color:#7a8a9a; overflow:hidden;}
.mpArticleHeader .mpArticleTime span{ float:left; padding-right:25px;}
.mpArticleInfo{ margin:10px -15px; font-size:14px; color:#666; padding:10px 0; border:1px solid #e5e9ed; text-align:center;}
.mpArticleInfo strong{ font-size:24px; padding:10px 0; color:#345;}
.mpArticleInfo section{ padding-top:12px;}
.mpArticleTab{ height:48px; margin:0 -15px; padding:0 20px; border-bottom:1px solid #d9dde2;}
.mpArticleTab li{ float:left;}
.mpArticleTab a{ float:left; height:35px; border:1px solid #d9dde2; border-width:1px 1px 0 1px; padding:0 15px; line-height:35px; background:#fff; font-size:16px; color:#666; border-radius:5px 5px 0 0; border-left:1px solid #d9dde2; margin:12px -1px 0 0;}
.mpArticleTab a:hover{ text-decoration:none; color:#8AC38B;}
.mpArticleTab a.current{ background:#FFF; border-top:4px solid #46be68; height:39px; line-height:35px; margin-top:9px;}
.mpArticleTab a.current:hover{ color:#666;}
.mpArticleTab .badge{ background-color:#F60; font-size:12px; font-weight:normal; border-radius:5px; vertical-align:middle}
.mpArticleWrap{}
.mpArticleRate{ display:inline-block; font-size:18px; color:#F90; margin-left:10px; font-weight:400;}
.mpArticleRate .fa{ margin:0; color:#F90;}
.mpArticleRate .fa-star-o{ color:#CCC;}
.mpArticleColTitle{ font-size:14px; font-weight:bold; margin:20px 0; color:#345;}
.mpArticleRelated{ border:1px solid #e5e9ed; margin:0 -15px;}
.mpArticleRelated .risk-index { width:60px; height: 30px; text-align: center; font-size: 16px; line-height: 30px; font-weight:normal; display:block; padding:0; color:#fff; border-radius:4px;}
.mpArticleRelated .table{ margin-bottom:0;}
.mpArticleRelated .table>thead>tr>th{ background:#f8f9fb; border-bottom:none; color:#696969; height:55px; font-size:14px; font-weight:bold;}
.mpArticleRelated .table>tbody>tr>td{ height:67px;}
.mpArticleRelated th,.mpArticleRelated td{ vertical-align:middle !important; font-size:14px !important;}
.mpArticleRelated td .mp-article-source a{ margin:0 !important;}
.mpArticleRelated .flagIcon{ display:inline-block; padding:2px 5px; font-size:12px; color:#FFF; vertical-align:middle; border-radius:3px; margin:0 2px;}
.mpArticleRelated .flagRead{ background:#46be68;}
.mpArticleRelated .flagLike{ background:#3c9ad9;}
.mpArticleRelated .flagAd{ background:#AB47BC;}
.mpArticleCanvas{ border:1px solid #CCC; min-height:60px; margin-bottom:20px;}
.mpArticleCompare{ border:1px solid #CCC; border-top:none;}
.mpArticleCompare th,.mpArticleCompare td{ vertical-align:middle; font-size:14px;}

.mpArticleCompare .mostEarly{display:inline-block; padding:2px 5px; font-size:12px; color:#FFF; vertical-align:middle; border-radius:3px; margin:0 2px; background:#F50057;}
.myArticleCover{ width:72px; height:72px; display:block; border-radius:3px; border:1px solid #DDD; text-align:center; overflow:hidden; position:relative; z-index:1;}
.myArticleCover span{ display:block; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:24px; background:rgba(0,0,0,0.6); color:#FFF; font-size:12px; line-height:24px; cursor:pointer;}
.myArticleCover img{ height:72px; display:block; margin:0 auto;}
.myArticleCover:hover{ opacity:0.8;}
.myArticleCover:hover span{ background:rgba(0,0,0,0.8);}
.btnArtUsed{ background:#BBB; border-color:#AAA;}
.btnArtUsed:hover{ background:#AAA; border-color:#999;}
.artPostOrder{ display:inline-block; margin:0 auto; background:#a5afba; border-radius:4px; font-size:14px; font-weight:bold; color:#FFF; min-width:42px; height:26px; line-height:26px; text-align:center;}
.mpArticleRelated tr:first-child .artPostOrder{ border-radius:4px;  background:#a5afba;}
.mpArticleRelated th:first-child,.mpArticleRelated td:first-child{ text-align:center;}
.mpArticleReader .row,.mpArticleReader .col{ margin:0; padding:0;}
.mpArticleCompare th:first-child,.mpArticleCompare td:first-child{ text-align:left; padding-left:30px;}

.txt-color-green{ color:#88B244 !important;}
.txt-color-blue{ color:#00BCD4 !important;}
.txt-color-orange{ color:#F90 !important;}
.txt-color-red{ color:#F30 !important;}
.txt-color-gray{ color:#AAA !important;}
/*指数分析性别比例*/
.mpArticleReader .noKeywordTip{ text-align:center; color:#89a;}

.mpArticleAge,.mpArticleGender{ padding:20px;}
.genderRatio{ border-top:1px solid #d9dde2; height:298px; width:90%;}
.maleRatio,.femaleRatio{ border-bottom:1px solid #d9dde2; height:150px; font-size:16px; padding:43px 30px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.maleRatio{ color:#24a6f4; position:relative;}
.maleRatio .ratio100{ position:absolute; right:-40px; top:-5px; color:#a5afb7; font-size:11px;}
.maleRatio .ratio0{ position:absolute; right:-30px; bottom:-10px; color:#a5afb7; font-size:11px;}
.genderRatio .ratioValues{background: url(../images/sex_ratio.png) no-repeat; width:30%; min-width:113px;}
.maleRatio .ratioValues{ padding:16px 0 0 40px; background-position: 0 0;} 
.femaleRatio{ color:#ff456c; position:relative;}
.femaleRatio .ratioValues{ background-position:0 -70px; padding:16px 0 0 40px;}
.femaleRatio .ratio100{ position:absolute; right:-40px; bottom:-5px; color:#a5afb7; font-size:11px;}
.genderRatio .percentile{width:108px; height:149px; position:absolute; left:55%; z-index: 10;}
.maleRatio .percentile{  bottom:0; background:#f3f3f3; transform:rotateX(180deg); -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg);}
.femaleRatio .percentile{ top:0; background:#f3f3f3;}
.maleRatio .percentile span{ display:block; }
.femaleRatio .percentile span{  display:block;}

.percentile i{ display:block; height:100%;-webkit-animation:easeHeight 0.8s 0s; -moz-animation:easeHeight 0.8s 0s; animation:easeHeight 0.8s 0s;}
.maleRatio .percentile i{ background:#24a6f4;}
.femaleRatio .percentile i{ background:#ff456c;}

.genderRatio hr{  overflow: hidden; border-top: 1px solid #d9dde2; margin: 0; width: 100%; height: 0;}
.ratioValuesLine{ position:absolute; right:0; top: 50%; color:#a5afb7; font-size: 11px; z-index: 1; width:65%}
.ratioValuesLine span{ position: absolute; right: -35px; top:-5px;}

/*文章阅读者年龄分布*/
.mpArticleAge ul{ margin:0; padding: 0;}
.articleAgeRatio{ height:280px;}
.articleAgeRatio ul{ list-style:none; padding:0 0 0 6%;}
.articleAgeRatio li{ height:70px; border-top:1px solid #d9dde2;position:relative;}
.articleAgeRatio .ratio{position:absolute; color:#a5afb7; font-size:11px; left:-8%; top:-5px;}
.ageDistribution{ margin-left: 6%; }
.ageDistribution ul{ list-style:none; width:100%; }
.ageDistribution li{ float:left; width:20%; text-align:center; padding-top: 5px;}
.ageRatio{ position: relative; margin-left: 6%; }
.ageRatio ul{ list-style:none; position:absolute; bottom:0; width:100%; left:0; }
.ageRatio ul li{ width:20%; float:left; position:relative; z-index:1;}

.columnarDistribution{width:36px; height:279px; margin:0 auto;}
.columnarDistribution span{ display:block; position:absolute; bottom:0; width:36px;}
.columnarDistribution i{ height:100%; width:36px; position:absolute; left:0; bottom:0; -webkit-animation:easeHeight 0.8s 0s; -moz-animation:easeHeight 0.8s 0s; animation:easeHeight 0.8s 0s;}
.columnarDistribution .distributionProportion1{ background:#50d2d0;display:block;}
.columnarDistribution .distributionProportion2{ background:#46be68;display:block;}
.columnarDistribution .distributionProportion3{ background:#ffb606;display:block;}
.columnarDistribution .distributionProportion4{ background:#ff8106; display:block;}
.columnarDistribution .distributionProportion5{ background:#e74c3c; display:block;}
.columnarDistribution em{ font-style:normal; position:absolute; height:16px; line-height:16px; top:-20px; left:0; width:36px; text-align:center;}
@-webkit-keyframes easeHeight{0%{width:0}100%{height:100%;}}
@-moz-keyframes easeHeight{0%{width:0}100%{height:100%;}}
@keyframes easeHeight{0%{ width:0}100%{height:100%;}}

.mpArticleGroup{ text-align:center; font-size:14px;}
.mpArticleGroup section{ width:16%; display:inline-block;}
.mpArticleGroup .groupPercent{ height:110px;}
.mpArticleGroup .groupBubble{ width:110px; height:110px; line-height:110px; margin:0 auto; -webkit-animation:easeSize 0.8s 0s; -moz-animation:easeSize 0.8s 0s; animation:easeSize 0.8s 0s;}
.mpArticleGroup .groupName{ color:#A5AFB7; font-weight:bold; margin-top:8px;}
.mpArticleGroup .groupBubble i{ display:inline-block; min-width:30px; min-height:30px; border-radius:50%; text-align:center; position:relative; z-index:1; vertical-align:middle;}
.mpArticleGroup .groupBubble:after{ display:inline;}
.mpArticleGroup .groupBubble em{ display:block; position:absolute; z-index:1; width:100%; line-height:1; height:14px; top:50%; margin-top:-7px; left:0; color:#FFF; font-weight:bold; font-style:normal;}
.mpArticleGroup .bubbleS1{ background:#50D2D0;}
.mpArticleGroup .bubbleS2{ background:#FFB606;}
.mpArticleGroup .bubbleS3{ background:#3498DB;}
.mpArticleGroup .bubbleS4{ background:#E74C3C;}
.mpArticleGroup .bubbleS5{ background:#FF8106;}
.mpArticleGroup .bubbleS6{ background:#46BE68;}
@-webkit-keyframes easeSize{0%{-webkit-transform:scale(0.01);opacity:0;}100%{-webkit-transform:scale(1.0);opacity:1;}}
@-moz-keyframes easeSize{0%{-moz-transform:scale(0.01);opacity:0;}100%{-moz-transform:scale(1.0);opacity:1;}}
@keyframes easeSize{0%{transform:scale(0.01);opacity:0;}100%{transform:scale(1.0);opacity:1;}}

.userActive{ width:640px; margin:0 auto; color:#666; box-shadow:0 0 2px rgba(0,0,0,0.1);}
.userActiveInfo{ width:620px; margin:0 auto; font-size:16px; padding:30px 0; color:#F30; line-height:1.5;}
.userActiveInfo .fa{ float:left; height:48px; margin:2px 10px 0 0; font-size:24px;}
.userActiveHeader{}
.userActiveHeader a{ float:left; width:50%; font-size:20px; font-weight:bold; border:1px solid #DDD; border-bottom:none; background:#FFF; text-align:center; line-height:48px; color:#666; margin-bottom:-1px; background:#F7F7F7;}
.userActiveHeader a:hover{ text-decoration:none; color:#FD1B59;}
.userActiveHeader a.current{ border-top:2px solid #FD1B59; color:#FD1B59; border-right:none; background:#FFF;}
.userActiveEntry{ background:#FFF; border:1px solid #DDD; border-radius:0 0 3px 3px; overflow:hidden;}
.userActiveEntry .qrcode{ float:right; width:320px; text-align:center; padding:40px 0;}
.userActiveFooter{ text-align:center; color:#AAA; font-size: 14px; padding:15px; text-align:center;}
.userActiveContent{ margin-right:320px; padding:60px 30px 0 30px; font-size:14px;}
.userActiveContent section{ padding-bottom:10px;}
.userActiveContent .form-control{ display:inline-block; width:200px;}
.userActiveContent .codeError{ margin-top:5px; color:#F30;}
.userActive .btn-primary{ background:#FF3C72; border-color:#CA0037;}
.userActive .btn-primary:hover{ background-color:#E1003E;}
.userActiveSuccess{ color:#8bc34a; font-size:24px; text-align:center; margin-top:-20px;}
.userActiveSuccess .activeTime{ font-size:14px; margin:10px 0;}

/*黑马爆文*/
.mp-classify-list { width: 200px; height: 100%; left: 0; bottom: 0; top: 0; background:#f8f9fb; color: #89a; float: left; font-weight: bold;}
.mp-classify-list ul {}
.mp-classify-list li { height:40px; line-height:39px; border-bottom:1px solid #e5e9ed; box-sizing:border-box;}
.mp-classify-list li:hover,
.mp-classify-list li.active{ color:#46be68 !important; padding-left:15px;}
.mp-classify-list li a { text-decoration: none; padding:0 0 0 40px; display:block;}
.mp-classify-list li a:link, .mp-classify-list li a:visited { color:#89a; }
.mp-classify-list li a:hover, .mp-classify-list li a:active, .mp-classify-list li.active a{ background:url(../images/list_doc.png) #fff no-repeat 25px center; border-bottom:1px solid #e5e9ed; color:#46be68 !important; text-decoration: none; margin-left:-15px;}

.mp-article-btn {}
.what-popular-article { text-align: right; padding-top: 8px; }
.page-popular-list .table{ border: 0;}
.page-popular-list .table th{ border-top: 1px solid #e5e9ed !important; height: 52px !important; line-height:1.3;}
.page-popular-list .mp-classify-list-head{ background:#f8f9fb; height: 53px; line-height: 53px; padding-left:40px; border-top: 1px solid #e5e9ed; border-bottom: 1px solid #e5e9ed; font-size: 14px; color: #696969; font-weight: bold;}
.page-popular-list .wrapper-col-left{ background:#fff; position: inherit;}
.page-popular-list .wrapper-col-right{ padding:0;}

/*热门公众号榜单*/
.popular-public-list{ background:#f8f9fb;}
.popular-public-list .wrapper-col-left{ position:inherit;}
.popular-public-list .wrapper-col-left .mp-classify-list{ border-right:none;}
.popular-public-list .wrapper-col-right{ background:#fff; padding:0;}
.popular-public-list .mp-account-list .table{ border-width:1px 0;}
.popular-public-list .mp-classify-title{ border: 1px solid #e5e9ed; border-width:1px 0; height: 54px; line-height: 54px; background: #f8f9fb; color: #696969; font-weight: bold; padding-left:40px;}
/*图文*/
.mp-article-list-bar{ margin:-20px -20px 20px -20px; background:#fff; padding:20px 40px;}
.mp-article-list-bar .component-area{ padding:0 !important;}
.icon-verify{color:#ffb400 !important; position:absolute; left:10px; top:3px; z-index:88;}
.graphic-keywords { border-bottom: 1px solid #e5e9ed; background: #fff; padding:14px 40px; margin:0;}
.graphic-keywords li{ position:relative; float:left; display:inline-block;}
.graphic-keywords a { display: inline-block; border: 1px solid #e5e9ed; border-radius:5px; padding: 6px; min-width: 250px; color: #89a; font-size: 14px; font-weight: bold; height: 42px; line-height: 28px; overflow: hidden; float: left; margin:6px; }
.graphic-keywords a img { margin-right: 6px; float: left; width: 28px; height: 28px; border-radius: 2px; }
.graphic-keywords a .icon-all{ margin-right: 6px; float: left; font-weight: normal; }
.graphic-keywords .amount { background: #7a8a9a; color: #fff; padding:0 5px; min-width:22px; height: 22px; line-height: 22px; text-align: center; vertical-align: middle; border-radius:20px; font-size:14px; font-weight:normal; margin-top: 3px; display: block; }
.graphic-keywords a:hover{background: #fff; border: 1px solid #46be68; text-decoration: none; color:#7a8a9a;}
.graphic-keywords a:hover .amount{background: #7a8a9a; color: #fff;}
.graphic-keywords .active { background: #46be68; border: 1px solid #46be68; color: #fff; text-decoration: none; }
.graphic-keywords .active .amount { background: #fff; color: #46be68; }
.add-appmsg-area { line-height: 1.3; height:66px; line-height:66px; vertical-align: middle; font-size: 16px; border: 1px dashed #e5e9ed; }
.add-appmsg-area i { font-size: 18px; }
.add-appmsg-area a { display: block; color: #89a; }
.add-appmsg-area:hover { border: 1px dashed #e5e9ed; box-sizing: border-box; }
.add-appmsg-item-btns { display:none; height:66px; line-height:66px; font-size: 16px; color: #89a; border:1px dashed #e5e9ed;}
.add-appmsg-item-btns a { margin: 0 24px; color: #89a; text-decoration:none;}
.add-appmsg-item-btns a:hover{ color:#345;}
.appmsg-list .col { padding: 0; }
.appmsg-list .row{ margin:0;}
.appmsg-list .container-fluid{ padding:0 5px;}
.appmsg-list section { width:320px; margin:8px; display:inline-block; float:left;}
.appmsg-list .container-fluid{ padding:}
.material-list { padding:10px; background: #fff; border: 1px solid #e5e9ed;}
.new-add-graphic{}
.add-appmsg-item { height:86px; padding:10px; text-align: center; max-width:320px; margin:0 0 15px 15px;}
.add-appmsg-item:hover .add-appmsg-item-btns{ display:block;}
.add-appmsg-item:hover .add-appmsg-area{ display:none;}
.appmsg-list-info { height: 36px; border-bottom: 1px solid #e5e9ed; }
.appmsg-list-info img { width: 28px; height: 28px; border-radius: 50%; margin-right: 10px; }
.appmsg-top { position: relative; }
.appmsg-top img { width: 100%; margin: 0 auto; z-index: 1; height:180px;}
.appmsg-item-title { position: absolute; left: 0; bottom: 0; background: #2a3542; height: 36px; width: 100%; z-index: 2; line-height: 36px; padding: 0 15px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; color: #fff; font-size: 14px; overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;}
.appmsg-item-title a{ color:#fff;}
.appmsg-item ul { -webkit-padding-start: 0; list-style: none; color: #345; }
.appmsg-item ul li { vertical-align: middle; border-bottom: 1px solid #f2f2f2; min-height: 80px; vertical-align: middle; padding: 15px 0; line-height: 1.8; }
.appmsg-item ul li img { float: right; margin-left: 20px; width: 48px; height: 48px; }
.appmsg-item ul li:last-child { border-bottom: none; }
.appmsg-item ul li a:link, .appmsg-item ul li a:visited { color: #334455; }
.appmsg-item ul li a:hover, .appmsg-item ul li a:active { color: #49a0dd; }
.appmsg-list-opr { height: 62px; background: #f8f9fb; margin:0 -10px -10px -10px; border-top: 1px solid #f2f2f2; }
.appmsg-list-opr ul { list-style: none; padding-left: 0; }
.appmsg-list-opr ul li { width: 33.3%; float: left; line-height: 62px; text-align: center; color: #89a; }
.appmsg-list-opr ul li a { display: block;color: #89a;}
.appmsg-list-opr ul li a:hover { background: #8899aa; color: #fff; }
.appmsg-tag { color: #fff; padding: 4px 10px; border-radius: 5px; }
.appmsg-tag:link, .appmsg-tag:visited { color: #fff; text-decoration: none; }
.appmsg-tag:hover { color: #fff; text-decoration: none; }
.appmsg-tag:active { color: #fff; text-decoration: none; }
.appmsg-send { background: #46be68; }
.appmsg-no-send { background: #89a; }
.waiting-mass { background: #f8b209; }
.appmsg-info { background: #3c9ad9; }
.editor-wrapper { background: #f8f9fb; top:115px; height: auto; background:#f8f9fb;}/**/
.editor-wrapper .editor-view { max-width: 400px; float: left; height:100%; position:fixed; overflow:auto; overflow-x:hidden; padding-bottom:135px;}
.editor-wrapper .editor-view .editor-appmsg-top { padding: 16px; position: relative; }
.editor-wrapper .editor-view .editor-appmsg-top img { max-width: 368px; width: 100%; }
.editor-view .editor-appmsg-top .editor-title { background: #2a3542; height: 36px; width: 100%; z-index: 2; line-height: 36px; padding: 0 15px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; color: #fff; font-size: 16px; margin-top: -36px; }
.editor-appmsg-list { vertical-align:middle; position:relative;list-style: none; border-bottom: 1px solid #e5e9ed; height:80px; margin-bottom:20px;}
.editor-appmsg-list a{ display:block; width:100%; height:100%;}
.editor-appmsg-list .li-mask{ background:#2a3542; opacity:0.9; width:100%; height:80px; position:absolute; left:0; top:0; color:#fff; text-align:center; line-height:80px;}
.editor-appmsg-list img{ width:44px; height:44px; float:right; margin-left:10px;}

.btn-save-edit{ display:block; padding:16px;}
.btn-save-edit a{ width:100%;}
.editor-style { margin-left:320px; position:relative; border-left:1px solid #e5e9ed;}
.editor-heading { height:49px; line-height: 47px; vertical-align: middle; background: #fff; padding:0 0 0 320px; border-bottom:1px solid #e5e9ed; box-sizing:border-box; position:fixed; left:230px; top:66px; right:0; z-index:88;}/**/
.editor-heading-content{ max-width:660px; margin:0 auto; }
.editor-heading-content strong{ font-weight:bold; color:#345;}
.editor-heading img { width: 30px; height: 30px; }
.editor-heading-btn i { margin-right: 10px; }
.editor-heading-btn a { margin-left: 30px; color: #89a; }
.editor-area-box{ overflow-x:hidden;}
.editor-area { min-height:50px; border-bottom: 1px solid #e5e9ed; margin: 0 auto; background: #edf0f5; padding:40px 0;}/**/
.edit-content-area{ border:1px solid #e5e9ed; position:relative;}
.appmsg-tag-box{ position:absolute; top:92px; right:-134px;}
.appmsg-tag-box .appmsg-tag{ display:block; margin-bottom:6px; border-radius:0 4px 4px 0; color:#fff;}
.appmsg-tag-box .appmsg-tag1{ background:#3d9ad9; border:1px solid #3d9ad9; width:134px;}
.appmsg-tag-box .appmsg-tag2{ background:#b94ff0; border:1px solid #b94ff0; width:134px;}
.appmsg-tag-box .appmsg-tag3{ background:#47be68; border:1px solid #47be68; width:106px;}
.appmsg-tag-box .appmsg-tag4{ background:#fff; color:#7a8a9a; border:1px solid #e5e9ed; width:106px;}
.appmsg-tag-box .appmsg-tag1:hover{ background:#2b83be;}
.appmsg-tag-box .appmsg-tag2:hover{ background:#a03cd4;}
.appmsg-tag-box .appmsg-tag3:hover{ background:#28a547;}
.appmsg-tag-box .appmsg-tag4:hover{ background:#f7f8fa;}
.appmsg-tag-box .appmsg-tag1:active{ background:#2275ad;}
.appmsg-tag-box .appmsg-tag2:active{ background:#8f2fc0;}
.appmsg-tag-box .appmsg-tag3:active{ background:#168b27;}
.appmsg-tag-box .appmsg-tag4:active{ background:#d9e0e7; border:1px solid #d3d9e0;}
.edit-field{ background:#f8f9fb; width:100%; min-height:92px; padding:10px 40px; border-bottom:1px solid #e5e9ed;}/**/
.edit-body{ padding:0; background:#fff;}
.area660 {max-width: 660px; margin: 0 auto; color: #a3a3a3; font-size: 14px; }
.area660 .checkbox-inline{ padding-left:0;}
.input-style textarea { border: none; width: 100%; }
.input-style { position:relative; max-width:660px;} 
.input-style input{ width:90%;border: none;}
.input-style em{color:#a3a3a3; position:absolute; right:0; top:5px;}
.input-style textarea { min-height:360px; color:#333;}
.input-style .enter-title { font-size: 24px; padding:0 0 20px 0; color:#333;}
.input-style .enter-author { padding-bottom: 20px; }
.control-checkbox-label{ padding:0 3px; height:30px; line-height:30px;}
.link-input{ border:1px solid #e5e9ed; width:100%; border-radius:3px; }
.edit-main-header{ border-bottom:1px solid #e5e9ed; padding:20px;}
.edit-main-body{ padding:10px; height:auto;}
.enter-footer { background:#fff; padding:25px 40px; border-top:1px solid #e5e9ed;}/**/
.enter-footer a { margin: 0 10px; color: #aaa; }
.enter-footer a:last-child { margin-right: 0; }
.enter-footer .link-box{ padding-top:10px;}
.editor-area-footer { background: #fff; padding: 18px 0; position:fixed; bottom:0; right:0; left:561px; border:1px solid #e5e9ed; border-width:1px 0 0 0; z-index:60; text-align:center;}
.editor-area-footer a { text-decoration: none; border-radius: 5px; padding:8px 22px; color: #6d8092; margin: 0 5px 0 0; }
.editor-area-footer a:link, .editor-area-footer a:visited { background: #fff; display: inline-block; border: 1px solid #e5e9ed; }
.editor-area-footer a:hover, .editor-area-footer a:active { background: #27a547; color: #fff; }
.editor-area-footer a.save{ background:#46be68; color:#fff;}
.editor-area-footer a.save:hover, .editor-area-footer a.save:active { background: #27a547; color: #fff; }
.textarea-area{max-width:700px; width:100%; height:100px;}
.ico-danger{ background:#e74c3c;}
/*图文生成操作模式*/
.articleGuideCart{}
.articleGuideCartHeader{ margin:0; border-bottom:1px solid #e5e9ed; padding:0 12px; font-size:16px; height:50px; line-height:50px; font-weight:bold; color:#345;}
.articleGuideCartHeader .goBack{ float:right; font-size:14px; font-weight:normal; margin-top:2px;}
.articleGuideCartHeader .goBack:hover{ text-decoration:none;}
.articleGuideCart .cartView{ position:absolute; overflow:auto; overflow-x:hidden; width:100%; height:100%; top:44px; padding-bottom:172px;}
.articleGuideCart .cartItem{ border-bottom:1px solid #e5e9ed; background:#FFF; padding:10px 15px; position:relative; z-index:1;}
.articleGuideCart .cartItem .appmsgWrap{ overflow:hidden; position:relative; z-index:1;}
.articleGuideCart .cartItem .appmsgTitle{ color:#345; float:left; font-size:14px; line-height:1.2; overflow:hidden; width:222px; padding-top:5px;}
.articleGuideCart .cartItem .appmsgCover{ float:right; width:48px; height:48px; overflow:hidden;}
.articleGuideCart .cartItem .appmsgCover img{ width:48px; height:48px; display:block; width:100%; height:100%;}
.articleGuideCart .cartItem .appmsgMark{ display:none; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(51,68,85,0.9); text-align:center;}
.articleGuideCart .cartItem:hover .appmsgMark{ display:block;}
.articleGuideCart .cartItem .appmsgBtn{ display:block; background:#E74B3B; position:absolute; z-index:2; top:50%; margin-top:-20px; right:15px; height:40px; width:40px; border-radius:50%; line-height:40px; font-size:18px; color:#FFF;}
.articleGuideCart .cartItem .appmsgBtn:hover{ color:#FF0;}
.articleGuideCart .cartItem .appmsgTips{ width:100%; padding-right:55px; color:#FFF; position:absolute; z-index:1; left:0; top:50%; margin-top:-10px;}
.articleGuideCart .cartItem .appmsgTips:before,.articleGuideCart .cartItem .appmsgTips:after{ content:"\f07d"; font-family:FontAwesome; padding-right:5px;}
.articleGuideCart .cartItem .appmsgTips:after{ padding:0 0 0 5px;}
.articleGuideCart .cartItem:active,.articleGuideCart .cartItem:focus{ cursor:move;}
.articleGuideCart .cartItem a{ color:#999; cursor:pointer;}
.articleGuideCart .cartItem a:hover{ color:#333;}
.articleGuideCart .cartItem.topItem{ padding:18px 15px;}
.articleGuideCart .cartItem.topItem .appmsgCover{ float:none; width:100%; height:200px;}
.articleGuideCart .cartItem.topItem .appmsgCover img{ height:200px;}
.articleGuideCart .cartItem.topItem .appmsgTitle{ color:#fff; margin:0; width:100%; position:absolute; z-index:9; left:0; bottom:0; background-color:rgba(0,0,0,0.7); text-overflow:ellipsis; padding:10px; height:40px; white-space:nowrap;}
.articleGuideCart .cartItemBtn{ padding:10px; border-top:1px solid #EDEDED; position:fixed; width:320px; bottom:0; background:#fff; border-right:1px solid #EDEDED; z-index:888;}
.articleGuideCart .cartItemBtn a{ display:block; height:42px; line-height:42px; text-align:center; color:#FFF; background:#44B549; font-size:14px; border-radius:5px; cursor:pointer;}
.articleGuideCart .cartItemBtn a:hover{ text-decoration:none; background:#3DA042;}
.articleGuideCart .cartItemBtn a.disabled,.articleGuideCart .cartItemBtn a.disabled:hover{ cursor:default; background:#F0F0F0; color:#909090;}
.cartViewTips{ text-align:center; padding:200px 0;  font-size:14px;}
.cartViewTips a{ color:#43B549;}
.cartViewTips a:hover{ color:#3DA042;}
.articleGuideList{ margin-left:360px;}

.view-fold .editor-heading{ padding:0 0 0 88px;}
.view-fold .wrapper-col-left{ width:88px !important;}
.view-fold .wrapper-col-right{ margin-left:88px !important;}
.view-fold .graphic-title span{ display:none;}
.view-fold .articleGuideCart .cartItem.topItem{ padding:10px 15px; height:70px;}
.view-fold .articleGuideCart .cartItem.topItem .appmsgCover img{ height:48px;}
.view-fold .articleGuideCart .cartItem .appmsgTitle{ display:none;}
.view-fold .cartView .appmsgMark .appmsgTips{ display:none;}
.view-fold .articleGuideCart .cartItem .appmsgCover{ float:none; margin:0 auto;}
.view-fold .articleGuideCart .cartItem .appmsgBtn{ right:50%; margin-right:-20px;}
.view-fold .cartItemBtn{ width:88px;}
.view-fold .cartViewTips{ padding:40px 30px; writing-mode:tb-rl; word-wrap:break-word;word-break:nomal;}
.view-fold .cartView .cartItemBtn{ padding:0;}
.view-fold .cartView .cartItemBtn a{ background:#46be68 !important; border-radius:0; padding:20px; height:80px; width:88px; display: block; height:80px; line-height:1.5; color:#fff;}
.view-fold .cartView .cartItemBtn a.disabled{background:#d9e0e7 !important; color:#7a8a9a;}

.material-all-show .wrapper-col-left{ display:none !important;}
.material-all-show .wrapper-col-right{ margin-left:0 !important;}
.articleCart{ position:fixed; z-index:1000; right:40px; top:86px; color:#7a8a9a;}
.articleCart .cartBtn{ display:block; border:1px solid #e5e9ed; background:#fff; border-radius:3px; text-align:center; font-size:14px; height:35px; line-height:33px; padding:0 20px; color:#7a8a9a; text-align:none; position:relative; z-index:1; margin:0;}
.articleCart .cartBtn:hover{ text-decoration:none;}
.articleCart .cartBtn .fa{ color:#7a8a9a;}
.articleCart .cartBtn .faNumber{ display:inline-block; min-width:18px; height:18px; border-radius:18px; font-size:14px; color:#FFF; text-align:center; line-height:18px; background:#e74c3c; font-style:normal; margin-left:10px;}
.articleCart:hover{box-shadow:0 0 16px rgba(167,186,200,0.3);}
.articleCart:hover .cartBtn{ border-radius:3px 3px 0 0; border-bottom-color:#F3F3F3;}
.articleCartList{ display:none; position:absolute; z-index:0; top:34px; right:0; width:322px; border:1px solid #e5e9ed; background:#fff; border-radius:5px 0 5px 5px; box-shadow:0 0 16px rgba(167,186,200,0.3);}
.articleCartList dl{ overflow:hidden;}
.articleCartList dl:hover{ position:relative;}
.articleCart:hover .articleCartList{ display:block;}
.articleCart:hover .cartBtn{ border-bottom:none;}
.articleCartList .btnRemove{ position:absolute; top:0; font-size:18px; right:0; left:0; display:none; line-height:1;}
.articleCartList .btnRemove a{ color:#F00; cursor:pointer;}
.articleCartList .btnRemove a:hover{ color:#C00;}
.articleCartList dl:hover .btnRemove{ display:block; background:#2a3542; width:100%; height:100%;opacity:0.9;}
.articleCartList dl:hover .btnDeleteArticleDetail{ width:32px; height:32px; text-align:center; line-height:32px; margin:14px auto 0; display:block; background:#f00; color:#fff; border-radius:16px;}
.articleCartList dl{ padding:10px; border-bottom:1px solid #e5e9ed; margin:0;}
.articleCartList dt{ float:left; width:40px; height:40px; border:1px solid #DDD; text-align:center; background:#FFF; overflow:hidden;}
.articleCartList dt img{ display:block; height:40px; margin:0 auto;}
.articleCartList .articleTitle{ margin-left:50px; font-size:13px; margin-top:2px;}
.articleCartNone{ text-align:center; padding:10px; font-size:14px; color:#7a8a9a;}
.articleCartNone .fa{ color:#7a8a9a; display:block; margin:20px auto; font-size:80px;}
.articleCartFooter{ text-align:center; padding:20px;}
.articleCartFooter .btn{ display:block; border-radius:2px;}
.btnDeleteArticleDetail{ background:#fff; color:#f00;}
/*图文编辑*/
.editorView{ float:left; width:320px; height:100%; height:auto;}
.editorViewAdd{ display:block; border:1px dashed #e5e9ed; border-width:1px 0; background:#FFF; text-align:center; height:80px; line-height:80px; font-size:20px; color:#345; overflow:hidden;}
.editorViewAdd:hover{ border-color:#e5e9ed; color:#345;}
.editorViewAdd a{ cursor:pointer; margin:0 10px; color:#7a8a9a;}
.editorViewAdd a:hover{ text-decoration:none; color:#345;}
.editorViewAdd .editorViewAddBtns{ display:none;}
.editorViewAdd .editorViewAddPrev{ display:inline-block; font-size:52px; line-height:76px;}
.editorViewAdd:hover .editorViewAddPrev{ display:none;}
.editorViewAdd:hover .editorViewAddBtns{ display:block;}
.editorViewItem{ border-bottom:1px solid #e5e9ed; background:#FFF; padding:15px; position:relative; z-index:1;}
.editorViewItem:last-child{ border-bottom:none;}
.editorViewItem.itemSelected{ background-color:#f1f5fc;}
.editorViewItem .arrow{ display:none; width:20px; height:20px; background:#FFF; border:1px solid #e5e9ed; border-width:0 0 1px 1px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; z-index:10; right:-32px; top:50%; margin-top:-15px;}
.editorViewItem.itemSelected .arrow{ display:block;}
.editorViewItem .appmsgWrap{ overflow:hidden; position:relative; z-index:1;}
.editorViewItem h4{ margin:0;}
.editorViewItem .appmsgTitle{ color:#345; float:left; font-size:14px; height:48px; line-height:1.6; overflow:hidden; width:232px;}
.editorViewItem .appmsgCover{ float:right; width:48px; height:48px; overflow:hidden;}
.editorViewItem .appmsgCover img{ display:block; width:100%; height:100%;}
.editorViewItem .appmsgCover .defaultCover{ display:block; background:#f1f5fc; color:#7a8a9a; font-style:normal; font-size:16px; line-height:48px; height:48px; text-align:center;}
.editorViewItem .appmsgMark{ display:none; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(42,53,66,0.9); text-align:center;}
.editorViewItem:hover .appmsgMark{ display:block;}
.editorViewItem:active,.editorViewItem:focus{ cursor:move;}
.editorViewItem.itemSelected:active .arrow{ display:none;}
.editorViewItem .appmsgBtn{ display:inline-block; margin:10px 6px 0 6px; font-size:20px;}
.editorViewItem .appmsgBtn:hover{ color:#ff0;}
.editorViewItem .appmsgDelete{ background:#e74c3c; width:32px; height:32px; border-radius:16px; color:#fff;}
.editorViewItem .appmsgEditor{ background:#46be68; width:32px; height:32px; border-radius:16px; color:#fff;}
.editorViewItem .appmsgTips{ margin-top:13px; color:#fff;}
.editorViewItem .appmsgTips span{ padding-right:20px;}
.editorViewItem a{ color:#7a8a9a; cursor:pointer;}
.editorViewItem a:hover{ color:#7a8a9a;}
.editorViewItem.topItem .appmsgCover{ float:none; width:100%; height:200px;}
.editorViewItem.topItem .appmsgCover img{ height:200px;}
.editorViewItem.topItem .appmsgCover .defaultCover{ width:100%; height:100%; line-height:120px;}
.editorViewItem.topItem .appmsgTitle{ margin:0; color:#fff; width:100%; position:absolute; z-index:9; left:0; bottom:0; background-color:rgba(0,0,0,0.7); text-overflow:ellipsis; padding:10px; height:40px; white-space:nowrap;}
.editorViewItem.topItem .appmsgBtn{ margin-top:90px; margin-bottom:30px;}
.editorViewItem-last{ border-bottom:none;}
.graphic-title{ border-bottom:1px solid #e5e9ed; height:44px; line-height:44px; font-weight:bold; color:#345; padding:0 15px;}
.graphic-title .fold-button{ float:right; font-weight:normal; color:#7a8a9a;}
.graphic-title .fold-button em{ font-style:normal;}
.graphic-title .fold-button a{ display:inline-block; color:#7a8a9a;}
.graphic-title .fold-button i{ font-size:16px; color:#7a8a9a; padding-left:3px;}
.view-fold .editor-view{ width:88px; text-align:center;}
.view-fold .editorView{width:88px;}
.view-fold .editor-view .graphic-title{ float:none;}
.view-fold .editor-view .graphic-title span{ display:none;}
.view-fold .editor-view .graphic-title .fold-button{ margin-right:5px;}
.view-fold .editor-style{ margin-left:88px;}
.view-fold .editorViewItem.topItem .appmsgCover{  height:48px !important;}
.view-fold .editorViewItem.topItem .appmsgCover img{ height:48px;}
.view-fold .editorViewItem.topItem .appmsgCover .defaultCover{ line-height:48px;}
.view-fold .editorViewItem.topItem .appmsgTitle{ display:none;}
.view-fold .editorViewItem.topItem .appmsgBtn{ margin-top:10px;}
.view-fold .editorViewItem.topItem .appmsgMark .appmsgTips span{ display:none;}
.view-fold .editorViewItem .appmsgTitle{ display:none;}
.view-fold .editorViewItem .appmsgCover{ float:none; margin-left:5px;}
.view-fold .editorViewItem .appmsgMark .appmsgTips span{ display:none;}
.view-fold .editor-area-footer{ left:329px;}
.view-fold .editorViewAdd{ font-size:16px;}
.view-fold .editorViewAdd .editorViewAddBtns{ padding:0 10px;}
.view-fold .editorViewAdd a{ display:table-cell;}
@media all and (max-width:1366px) {
	.area660{ margin:0 auto 0 30px; max-width:600px;}
	.view-fold .area660{ margin:0 auto;}}
@media all and (min-width:1367px) and (max-width:1440px){
	.area660{ margin:0 auto 0 40px;}
	.view-fold .area660{ margin:0 auto;}
	}

.editor-area-padding{ padding:30px 10px 90px; background:#f8f9fb;}
.editorGroup{ margin-bottom:15px;}
.editorGroup .editorLabel{ font-size:14px; font-weight:normal; margin-bottom:20px;}
.editorGroup .btn{ margin-right:15px;}
.editorGroup .uploadCover{ display:inline-block; position:relative; z-index:1; vertical-align:bottom; margin-top:10px;}
.editorGroup .uploadCoverBtn{ width:98px; position:relative; z-index:1; overflow:hidden; margin-bottom:10px}
.editorGroup .uploadCoverBtn .uploadFile{ display:block; width:80px; height:32px; position:absolute; z-index:1; left:0; top:0; opacity:0; cursor:pointer;}
.editorGroup .uploadCoverBtn .btn{ min-width:80px;}
.editorGroup .uploadCoverBtn:hover .btn{ background:#EBEBEB; border-color:#ADADAD;}
.editorGroup .uploadCoverImg img{ display:block; max-height:120px; max-width:190px;}
.editorGroup .uploadCoverProcess{ position:absolute; width:100%; height:100%; z-index:2; left:0; top:0; overflow:hidden;}
.editorGroup .uploadCoverProcess span{ display:block; width:100%; background:rgba(0,0,0,0.3); font-size:0; line-height:0; overflow:hidden; position:absolute; left:0; bottom:0;}
.editorGroup .uploadCoverProcess span i{ width:18px; height:18px; font-size:18px; color:#fff; margin:0 auto; z-index:88; display:block; margin-top:10px;}
.editorGroup .uploadCoverProcess span a{ text-decoration:none;}
.editorGroup .checkShowCover{ padding:20px 0 0;}
.editorInput textarea{ max-width:660px; width:100%; min-height:126px; border:1px solid #e5e9ed; background:#fff; padding:10px;}
/*我的素材库*/
.material-library-box{}
.material-library-box .import-material-library{ padding:15px 40px !important; border-bottom:1px solid #e5e9ed; position:fixed; top:66px; left:230px; right:0; z-index:9999;}
.material-library-box .import-material-library span{ width:100px; line-height:40px; text-align:right;}
/*.material-library-box .import-material-library a{ margin-left:10px;}*/
.material-library-box .material-folder{ padding:20px 0 15px !important; border-bottom:none; margin-top:77px;}
.material-library-box .material-folder .material-tag-check{ padding-top:10px !important;}
.material-library-box .material-folder .material-tag-list{ padding:0 0 15px 0 !important;}
.material-library-box .material-folder .material-file{ display:inherit;}
.material-folder .material-tag-check{ width:120px;}

.import-clip a{ margin-left:10px !important;}
.my-material{ background:#f8f9fb;}
.my-material .wrapper-col-left{ width:320px; display:-webkit-box; display:-webkit-flex; display:flex; flex-flow:column; position:fixed !important; height:100%; border-right:1px solid #e5e9ed;}
.my-material .wrapper-col-right{ padding:0; margin-left:320px; height:100%;border-left:none !important;}
.my-material .wrapper-col-right-gray{ padding:0; margin-left:400px; height:100%; overflow:auto; overflow-x:hidden; background:#edf0f5;}
.my-selected-graphic{ height:50px; line-height:50px; border-bottom:1px solid #f2f2f2; font-size:16px; font-weight:bold; color:#345; padding:0 20px; vertical-align:middle;}
.my-selected-graphic a{ color:#1592ff; font-size:14px; font-weight:normal; float:right; }
.new-graphic{ color:#7a8a9a; text-align:center; -webkit-box-flex:1; -webkit-flex:1; flex:1; position:relative;}
.new-graphic-main{ height:100px; top:50%; margin-top:-50px; position:absolute; text-align:center; width:100%;}
.new-graphic-btns{padding:20px; border-top:1px solid #f2f2f2;}

.btns-gray{ background:#edf0f5; color:#89a; border:1px solid #e5e9ed; width:100%; margin:0 auto; }
.btns-green{ background:#44b549; font-size:14px; color:#fff; text-align:center; border:none; width:120px; margin:40px auto;}

.art-mp-user{ margin:5px 0 0 0;}
.art-mp-user li{ float:left; margin-right:10px;}
.art-mp-user li img{ width:22px; height:22px; border-radius:50%;}
.my-material-settings>li>a{ width:150px !important; margin:0;}

.bulkManage{background:#edf0f5; height:60px;padding: 20px 0 0 40px;}
.bulkManage-checkbox{ margin-right:3px;}
.bulkManage-checkbox input{ background:#fff;}
.bulkManage-checkbox label{ margin-right:20px;}
.bulkManage-checkbox a{ color:#1592ff;}
.bulkManage-btns{ margin:-8px 0 0 15px;}
.bulkManage-btns a{ background:#fff; color:#7a8a9a; border:1px solid #e5e9ed; border-radius:4px; width:126px; height:34px; line-height:34px; display:inline-block; text-align:center; margin:0 5px; text-decoration:none;}
.bulkManage-btns a:hover{ border:1px solid #46be68; background:#f7f7f7;}
.selectMark{ cursor:pointer;}
.selectMark td:first-child{ position:relative; background-clip:padding-box;}
.selectMark td:first-child:before{ display:block; position:absolute;content:"\f00c"; color:#fff; left:1px; top:0; font-family:FontAwesome; z-index:2;}
.selectMark td:first-child:after{ width:0; height:0; border-bottom:30px solid rgba(0,0,0,0); border-left:30px solid #7a8a9a; position:absolute; display:block; left:0; content:""; top:-1px; z-index:1;}
.selectMark .hasSelected td:first-child,.selectMark .hasSelected:hover td:first-child{}
.selectMark .hasSelected td:first-child:after{ border-left-color:#46be68;}
.selectMark .hasSelected td{ background-color:#F5FAF5; border-color:#46be68;}

.artTagsSelector > a,.hasDropNav{ display:inline-block; cursor:pointer; font-size:16px; vertical-align:middle;}
.artTagsSelector a em{ margin:2px 0 0 5px; float:right; font-style:normal; font-size:12px; padding:0 5px; min-width:20px; height:20px; line-height:20px; background:#999; color:#FFF; border-radius:20px; text-align:center;}
.artTagsSelector > a:hover{ border-color:#8AC38B; color:#8AC38B;}
.artTagsSelector > a:hover em{ background:#8AC38B;}
.artTagsSelector > a.selectedTag{ background:#8AC38B; border-color:#8AC38B; box-shadow:0 -2px 0 rgba(0, 0, 0, 0.05) inset; color:#FFF; }
.artTagsSelector > a.selectedTag em{ background:#FFF; color:#8AC38B;}
.hasDropNav{ position:relative; z-index:2;}
.hasDropNav.open{ border-color:#46be68; color:#2cbe6d;}
.hasDropNav.open > a{ color:#46be68;}
.hasDropNav > a{ display:block; float:left; text-decoration:none; color:#666;}
.hasDropNav .dropdown-menu > li{ padding:0;}
.hasDropNav .dropdown-menu > li > a{ font-size:14px; padding:5px 20px; color:#666;}
.hasDropNav .dropdown-menu > li > a:focus,.hasDropNav .dropdown-menu > li > a:hover{ background-color:#46be68; color:#FFF;}

.setFolderDrop{ display:inline-block; margin:0;}
.setFolderDrop .btn{ margin:0;}
.setFolderDrop.open .btn{ background-color:#296191; border-color:#1f496d; color:#FFF;}
.dropdown-menu{ right:0 !important; left:inherit;}
.setFolderDrop .dropdown-menu > li > a{ font-size:14px; padding:6px 12px; height:34px; color:#666; border-bottom:1px solid #e5e9ed; margin:0; width:100%; border-radius:0;}
.setFolderDrop .dropdown-menu > li > a > i{ margin:0 10px 0 0; font-size:12px; color:#AAA; content:'\f00c';}
.setFolderDrop .dropdown-menu > li:last-child > a{ border-bottom:none;}
.setFolderDrop .dropdown-menu > li > a:focus,.setFolderDrop .dropdown-menu > li > a:hover{ background-color:#f7f8fa; color:#7a8a9a;}
.setFolderDrop .dropdown-menu > li > a:focus .fa-check, .setFolderDrop .dropdown-menu > li > a:hover .fa-check{ border-color:#46be68; background:#46be68;}
.setFolderDrop .dropdown-menu > li > a:focus .fa-check:before, .setFolderDrop .dropdown-menu > li > a:hover .fa-check:before{ color:#FFF;}
.setFolderDrop .dropdown-menu .fa-check{ float:left; margin-right:10px; width:22px; height:22px; background:#edf0f5; border-radius:16px; text-align:center; line-height:22px;}
.setFolderDrop .dropdown-menu .fa-check:before{ font-size:12px; color:#fff; content:'\f00c';}
.setFolderDrop .dropdown-menu .current a .fa-check:before,.setFolderDrop .dropdown-menu a:active .fa-check:before,.setFolderDrop .dropdown-menu a:focus .fa-check:before{ background:#f7f8fa; content:"\f00c";}
.setFolderDrop .dropdown-menu .current a:hover .fa-check:before{ color:#FFF;}
.dropdown-menu.dropdown-menu-2col{ right:-100px; width:320px; left:inherit; padding:0;}
.dropdown-menu.dropdown-menu-2col li{ float:left; width:50%;}
.dropdown-menu.dropdown-menu-2col li:nth-child(odd) a{ border-right:1px solid #e5e9ed;}
/*我关注的公众号*/
.public-attention .wrapper-col-left{ width:250px; display:-webkit-box; display:-webkit-flex; display:flex; flex-flow:column; position:fixed !important; height:100%; border-right:1px solid #e5e9ed;}
.public-attention .wrapper-col-right{ padding:0; margin-left:250px; height:100%;border-left:none !important;}
.wrapper-col-gray{ background:#edf0f5 !important; position:inherit;}
.search-focused-public{ background:#f8f9fb; height:57px; border-bottom:1px solid #e5e9ed; color:#a5afb7; font-size:14px; padding:10px; display:block;}
.search-focused-public i{ color:#7a8a9a; font-size:14px; font-weight:normal;}
.search-focused-public input{ border:none; background:#f8f9fb; height:30px; line-height:30px;}

.attention-add-group{ height:56px; line-height:56px; border-bottom:1px solid #e5e9ed; text-align:center;}
.attention-add-group i{ margin-right:10px;}
.attention-add-group a{ display:block; color:#7a8a9a;}
.attention-add-group a:hover{ color:#345;}
.attention-new-group input{ width:136px; height:35px; line-height:35px; margin-right:10px; padding:0 5px; border:1px solid #eceff2; box-sizing:border-box; border-radius:3px; vertical-align:middle;}
.follwedArticleSide{ float:left; width:249px; font-size:15px;  margin:0; overflow:hidden; padding-top:1px;}
.follwedArticleSide.fixedSide{ position:fixed; top:122px;}
.follwedArticleSide .itemScroll{/* position:relative;*/ z-index:1; width:100%; height:400px; overflow-x:hidden; overflow-y:auto;}
.follwedArticleSide a.current{ color:#46be68 !important;}
.follwedArticleSide .itemGroup a{ display:block; padding:0 20 0 30px; height:56px; cursor:pointer; color:#7a8a9a; line-height:56px; border-bottom:1px solid #e5e9ed;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.follwedArticleSide .itemGroup a:hover,.follwedArticleSide .active .itemGroup a{ text-decoration:none; color:#46be68; background-color:rgba(255,255,255,0.5);}
.follwedArticleSide .itemBtn{ position:relative; z-index:1;}
.follwedArticleSide .fa-angle-up{ float:left; font-size:16px; width: 16px; height: 16px; text-align:center; line-height:16px; background: #7a8a9a; border-radius: 8px; color: #fff; position: absolute;left: 20px; top: 20px;}
.follwedArticleSide .fa-angle-down{ float:left; font-size:16px; width: 16px; height: 16px; text-align:center; line-height:18px; background: #7a8a9a; border-radius: 8px; color: #fff; position: absolute;left: 20px; top: 20px;}
.follwedArticleSide .itemGroup .collapseIcon{ height:100%; line-height:43px; width:40px; text-align:center; cursor:pointer; color:#fff; padding-right:10px;}
.follwedArticleSide .itemGroup .collapseIcon .fa-plus{ border-radius:16px; font-size:10px; font-weight:normal; background:#7a8a9a; width:16px; height:16px; line-height:17px;}
.follwedArticleSide .itemGroup .collapseIcon:hover .fa-plus{ color:#fff; border-color:#83B984; background:#345;}
.follwedArticleSide .itemGroup .collapseIcon .fa-times{ line-height:48px;}
.follwedArticleSide .itemGroup .collapseIcon:hover .fa-times{ color:#F60;}
.follwedArticleSide .expanded .itemGroup.fixed{ position:absolute !important; z-index:2; width:100%;}
.follwedArticleSide .expanded .itemGroup .collapseIcon .fa-plus:before{ content:"\f068";}
.follwedArticleSide .expanded .itemGroup.fixed + .itemList{ margin-top:48px;}
.follwedArticleSide .itemGroup a .fa-tag,.follwedArticleSide .itemGroup a .fa-search{ margin-right:10px;}    
.follwedArticleSide .itemList{ display:none; height:0; overflow:hidden;}
.follwedArticleSide .expanded{ border-bottom:0;}
.follwedArticleSide .expanded .itemList{ display:block; height:auto; background:#fff; border-top:0;}
.follwedArticleSide .itemList li{ border-bottom:1px solid #e5e9ed;}
.follwedArticleSide .itemList a{ display:block; line-height:28px; font-size:14px; color:#345; padding:10px 10px 10px 20px; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.follwedArticleSide .itemList .loading,.follwedArticleSide .itemList .noResult{ display:block; text-align:center; color:#999; font-size:14px;}
.follwedArticleSide .itemList .noResult{ color:#F80;}
.follwedArticleSide .itemList a:hover{ color:#46be68; background:#edf0f5; text-decoration:none;}
.follwedArticleSide .itemList a.current{ border-left:0 solid #399E0C; background:#edf0f5; padding-left:10px;}
.follwedArticleSide .itemList .avatar{ border-radius:3px; float:left; height:32px; margin:0 10px 0 10px; vertical-align:middle; width:32px;}
.follwedArticleSide .itemGroup a.current{ background-color:rgba(255,255,255,0.5);}
.follwedArticleSide .expanded .itemGroup a{ background:#FFF;}
.follwedArticleSide li:first-child .itemGroup a,.follwedArticleSide .itemGroup.fixed a{ margin-top:0 !important;}
.follwedArticleSide .current .itemGroup .collapseIcon{ right:-1px;}
.follwedArticleSide a.itemSearchResult,.follwedArticleSide a.itemSearchResult:hover{ color:#666; cursor:default;}

.public-management{ background:#fff; height:58px; line-height:58px; border:1px solid #e5e9ed; border-width:0 1px 1px 0; font-size:16px; width:250px; text-align:center;}
.public-management span{float:left;width:50%;}
.public-management span:first-child{ border-right:1px solid #e5e9ed; box-sizing:border-box;}
.public-management .exit-management{ margin:0 auto; display:block;}
.dropdown-menu-attention{ position:absolute; right:-80px !important; top:90px; z-index:999; background:#fff; border:1px solid #999; min-width:110px;}
.itemBtn .collapseIcon{ margin-right:10px;}

.public-management i{ padding-right:10px;}
.public-management a{ color:#89a;}
.noIncluded{ font-size:14px !important; padding:10px 0 0 40px; font-weight:normal !important; color:#7a8a9a; line-height:1.6;}
.classify-loading{ font-size:14px !important; padding:10px 0 0 40px; font-weight:normal !important; color:#7a8a9a; line-height:1.6;}
.classify-loading i{ font-size:14px; margin-right:5px;}
.headlines-input{margin-top:3px; display:inline-block;}

.follwedArticleSide .dropdown-menu-attention a{ height:32px; line-height:32px; padding-left:20px;}
.itemBtn .dropdown{ position:static !important;}

/*我关注的公众号详情*/

.wrapper-col-left-bg{ background:#fff;}
.title-public-classify{ height:60px; line-height:60px; border-bottom:1px solid #e5e9ed; padding:0 40px; font-size:14px; color:#345; font-weight:bold;}
.title-public-classify i{ padding-right:10px; color:#89a; font-size:16px;}
.title-public-classify a{ font-size:18px; color:#7a838f;}
.title-public-classify .back-link{ color:#77b3e3; font-weight:normal; font-size:14px;}

.public-list-classify li{ padding:10px 0 10px 40px; border-bottom:1px solid #e5e9ed;}
.public-list-classify li.active,.public-list-classify li:hover{ background:#edf0f5;}
.public-search-results-info{ height:34px; line-height:34px; padding-left:40px; border-bottom:1px solid #e5e9ed;}
.public-list-classify .item-title{ color:#345; font-weight:bold;}
.public-list-classify a{color:#89a; text-decoration:none; }
.public-details-header{ padding:20px 40px; border-bottom:1px solid #e5e9ed;}
.public-details-header .media-list .item-media img{ width:60px; height:60px;}
.public-details-header .media-list .item-inner .item-title a{ font-size:15px; color:#345; font-weight:bold; line-height:1.6;}
.data-update-time{ line-height:60px;}
.data-update-time a{color:#fff; text-decoration:none; margin-left:2px;}
.data-update-time .renewdata{ background:#46be68;}
.data-update-time .renewdata:hover{ background:#28a547;}
.data-update-time .renewing-data{ background:#7a8a9a;}
.sub-list-nav{ color:#89a; font-size:15px; padding:20px; border-bottom:1px solid #e5e9ed;}
.sub-list-nav li{ float:left; margin-right:10px; display:inline;}
.sub-list-nav li a{ border-radius:10px; padding:2px 16px; text-align:center; height:28px; line-height:26px; color:#8899aa; text-decoration:none; cursor:pointer;}
.sub-list-nav li a:hover{ background:#7a8a9a; color:#fff;}
.sub-list-nav li.active a{ background:#46be68; color:#fff; }
.public-details-main{padding:0 20px 0;}
.public-details-main .mp-article-more-btn{ padding:30px 20px;}
.public-details-content{ border-left:2px solid #d7dde3; padding:0 20px 0;}
.public-details-content .mpArticleRelated{ margin:0 0 20px 0; background:#fff;}
.public-article-time{ margin:20px 0 20px -28px; color:#334455; font-weight:bold;}
.public-article-time .circle{width:14px; height:14px; border-radius:50%; background:#edf0f5; border:3px solid #46be68; display:inline-block; margin-right:20px;}
.public-article-time em{ padding-right:30px; font-style:normal;}

.component-area{ background:#fff; padding:20px 40px 10px;}
.component-area .btn-group{ margin-bottom:10px;}
.component-area .btn-type{ background:#fff; color:#7a8a9a; border-color:#e5e9ed; border-width:1px 1px 1px 0;}
.component-area .btn-type:hover, .component-area .btn-type:active{ background:#edf0f5; box-shadow:none;}
.component-area .btn-type.active{ background:#7a8a9a; color:#fff; border-color:#7a8a9a; box-shadow:none;}
.component-area .btn-type:first-child{border-width:1px;}
.component-area .btn-group .btn+.btn{ margin-left:0;}.component-area .btn-group .btn+.btn{ margin-left:0;}
.component-area .btn-group .tooltip{ white-space:nowrap;}
.recent-days{ margin-right:16px;}
.recent-days button{ height:36px;}
.display-headlines{ height:30px; line-height:30px; float:left;}

.add-new-badge{ background:#ff3537; color:#fff; font-size:10px; border-radius:3px; margin:-10px 0 0 -14px; position:absolute; padding:0 1px;}
.similar-list .total-number span{ color:#ff3537;}
.search-result-list{ padding:0 30px;}
.search-block{ min-width:375px;}
.similarAttention:hover{box-shadow:0 8px 8px 0 rgba(0,0,0,0.08); cursor:pointer; }
.search-block-head{height:97px; box-sizing:border-box; position:relative; padding:0 20px;}
.search-block-head dl{ padding:20px 0; display:table;}
.search-block-head dt{ width:80px; float:left;}
.search-block-head dt img{ width:60px; height:60px; border-radius:50%;}
.search-block-head dd.public-name{ width:160px; display:table-cell; vertical-align:middle; line-height:1.5; color:#9e9e9e;}
.search-block-head dd.public-name h5{ color:#345; font-size:14px; font-weight:bold; margin:0; padding-bottom:4px;}
.search-block-head .m-qr-code{ background:url(../images/qr-code-m.png) no-repeat; width:20px; height:20px; position:absolute; right:20px; top:20px;}
.b-qr-code{background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,0.16); border-radius:4px; width:140px; height:167px; position:absolute; right:40px; top:42px;text-align:center;}
.b-qr-code img{ width:120px; height:120px; margin:10px 10px 0 10px;}
.b-qr-code p{ line-height:30px; color:#333;}
.search-block-content{ height:58px; margin-bottom:10px; line-height:26px; overflow:hidden; padding:0 20px;}
.search-statistical{ height:78px; border-top:1px solid #eee; background:#fbfbfb !important; border-radius:0 0 4px 4px; }
.search-statistical li{ width:50%; display:inline-block; float:left; text-align:center; padding:15px 0; font-size:12px; color:#999;}
.search-statistical li span{ font-size:16px; display:block; color:#585858;}
.similarAttention{ margin:10px;  background:#fff; height:245px; border-radius:4px; display:inline-block; float:left; position:relative; border:1px solid #e5e9ed;}
.total-number{ color:#333; font-size:14px; padding:7px 0 4px 40px;}
.icon-searchAdd{ background:url(../images/icon_searchadd.png); width:16px; height:16px; display:inline-block;  margin-right:5px; vertical-align:middle;}
.searchAdd{ border:1px solid #e5e9ed; line-height:243px; margin:10px; display:block; text-align:center; color:#89a; font-size:16px; clear:both;}
.searchAdd:hover{  text-decoration:none; color:#46be68; border-color:#46be68;}
.no-use-tip{ font-size:18px; color:#666; width:840px; margin:70px auto 20px; }
.no-use-tip span{ border:1px solid #e5e9ed; padding:10px 36px; border-radius:4px;}
.btn-grade-up{ background:#e74c3c; font-size:20px; color:#fff; display: inline-block; padding:9px 25px; border-radius:4px; margin-left:15px;}
.btn-grade-up:hover{ color:#fff;}
.btn-grade-up:visited{ color:#fff;}
.load-more{ text-align:center; font-size:16px; color:#999; clear:both; height:16px; line-height:16px;}
.load{animation: inner-circle 4s linear 0s infinite; background:url(../images/load.png) no-repeat; width:14px; height:14px; display:inline-block; vertical-align:middle; margin-right:10px;}
@keyframes inner-circle{from{transform: rotate(360deg);}}

@media (max-width: 1074px){.search-result-list section{ width:100%;}}

/*原创文章*/
.original-articles{ padding:15px 35px;}
.original-number{ padding:15px 0;}
.mp-article-original-timer{ border-top:1px solid #e5e9ed;}
.original-table th:first-child, .original-table td:first-child{ padding-left:40px;}
.reading-great-number{font-size:14px; line-height:1.8;}
.reading-great-number span{ margin-right:25px;}
.media-list .original-author img{ width:54px; height:54px; border-radius:50%; border:1px solid #e7ebee; box-sizing:border-box;}
/*边距和背景*/
.wrapper-no-gap { padding: 0;  background:#fff; }
.wrapper-col-left{ background: #f8f9fb; width: 200px; float: left; height: 100%; position: fixed;}
.wrapper-col-right{ margin-left: 200px; padding: 40px; border-left: 1px solid #e5e9ed; min-height:890px; height:100%;} 
/*消息*/
.message-panel { display: none; border: 1px solid #e5e9ed; background: #fff; width: 368px; position:fixed; top: 70px; left:216px; color: #8899aa; z-index:555;}
.message-panel:before,.message-panel:after{ display:block; content:" "; position:absolute; z-index:1; top:-10px; left:47%; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #e5e9ed;}
.message-panel:after{ top:-9px; z-index:2; border-bottom:10px solid #f8f9fb;}
.message-panel-head, .message-panel-foot { height: 42px; line-height: 42px; text-align: center; color: #345; font-size: 14px; font-weight: bold; border-bottom: 1px solid #e5e9ed; background: #f8f9fb;}
.message-panel-foot { font-weight: normal; }
.message-panel-foot a:link,.message-panel-foot a:visited { display:block; color: #89a; text-decoration:none;}
.message-panel ul { margin: 0; padding: 0; list-style: none; max-height:410px; overflow:hidden; overflow-y:auto;}
.message-panel p { margin: 0; padding: 0; }
.message-panel li { border-bottom: 1px solid #e5e9ed; padding: 15px 35px 15px 40px; position: relative; }
.message-panel li:last-child{ border-bottom:none;}
.message-panel li .ico-new-msg { top: 19px; left: 19px; }
.message-panel .message-title { color: #345; padding-bottom: 5px; }
.message-panel .message-content { height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
/*客服*/
.customer-service{left:272px;}
.customer-service li{ padding:20px; font-size:14px; border-bottom: 1px solid #e5e9ed; position:relative;}
.customer-service li img{ width:40px; height:40px; border-radius:50%; margin-right:20px; float:left;}
.customer-service .customer-media{}
.customer-service .customer-nickname{ color:#345; font-weight:bold;}
.customer-service .customer-qqnumber{color:#7a8a9a;}
.customer-service .btns-conversation{ width:66px; height:32px; line-height:32px; background:#47be68; border-radius:3px; display:inline-block; position:absolute; right:20px; top:23px; text-align:center; color:#fff;}
.customer-service .btns-conversation:hover{ background:#28a547;}
.customer-service .btns-conversation:active{ background:#168b27;}
/*个人信息*/
.left-message-list ul { list-style: none; padding: 0; margin: 0; }
.left-message-list li { height: 47px; border-bottom: 1px solid #e5e9ed; line-height: 46px; color:#89a !important; font-weight:bold; font-size:14px;}
.left-message-list li a{ color: #89a;}
.left-message-list li a:link { padding-left: 40px;}
.left-message-list li:hover a, .left-message-list li.active a{ background: #46be68; color: #fff; display: block; text-decoration: none; }

.right-message-content {}
.right-message-content section { margin-bottom: 30px; }
.right-message-content ul, .right-message-content li { list-style: none; }
.right-message-content .diagnose-nav { margin-bottom: 0; }
.right-message-content h4 { background: url(../images/sprites_icon.png) no-repeat left -168px; font-size: 14px; padding-left: 13px; font-size: 16px; font-weight: bold; }
.basic-information { margin: 20px 0; min-height: 80px; }
.basic-information dl { padding: 20px; height: 80px; vertical-align: middle; }
.basic-information dt { background: url(../images/sprites_icon.png) no-repeat left -60px; width: 80px; height: 80px; float: left; }
.basic-information dd { padding-left: 100px; line-height: 1.8; }
.basic-information dd span { color: #345; }
.basic-information dd .premium { background: #46be68; padding: 2px 5px; font-size: 10px; margin-left: 10px; color: #fff; border-radius: 3px; }
.account-security dl { padding: 20px; border-bottom: 1px solid #e5e9ed; margin: 0; color: #345; }
.account-security dt { float: left; width: 52px; height: 52px; margin-right: 20px; }
.account-security dd { vertical-align: middle; line-height: 1.6; }
.account-security .right-btns { margin-top: 11px; }
.account-security p { color: #91a0b0; }
.account-security .ico-phone { background: url(../images/sprites_icon.png) no-repeat 0 0; }
.account-security .ico-clok { background: url(../images/sprites_icon.png) no-repeat -52px 0; }
.set-public-type { padding: 10px 0; }
.btn-setting { margin-left: 35px;}
.account-security-title { font-size: 16px; color: #345; }

/* 表格 */
.info-table { border: 1px solid #e5e9ed; background-color: #fff; }
.info-table th, .info-table td { font-size: 14px !important; vertical-align: middle !important;  padding: 12px 10px !important;}
.info-table.table th { background-color: #f8f9fb; color: #696969; border-bottom: 1px solid #e5e9ed; text-align: center; }
.info-table td { border-bottom: 1px solid #e5e9ed; border-right: 1px solid #e5e9ed; line-height: 1.8;}
.info-table td span { color: #46be68; font-weight: bold; }


/*索取发票*/
.invoice-nav { padding: 0 !important; }
.invoice-nav .col-md-3 { padding: 0; }
.invitation-statistics { text-align: center; border-bottom: 1px solid #e5e9ed; padding:35px 0 45px; }
/*.invitation-statistics li { width: 25%; float: left; }*/
.invitation-statistics span { font-size: 36px; color: #345; font-weight: bold }
.invite-link-table { height: 48px; color: #485664; }
.my-invitation-link { background: #f8f9fb; color: #89a;}
.invite-link-table .copylink input{ background: none; border: 0; width: 100%;}
.invite-link-table .btn-copy { padding:0 !important; margin:0;}
.invite-link-table .btn-copy a {background: #46be68; border:1px solid #46be68; color: #fff; text-decoration: none; font-size: 16px; display: block; width:110px; line-height:45px; }
.invite-link-table .btn-copy a:hover{background:#28a547; border-color:#28a547;}
.invite-link-table .btn-copy a:focus,.invite-link-table .btn-copy a:active{ background:#168b27; border-color:#168b27 !important;}

.invitation-table { padding: 40px; text-align: center; }
.has-change { color: #e74c3c; }

/* 西瓜币兑换 */
.coupon-exchange{ padding: 35px 25px; }
.coupon{float: left; padding: 0 15px; margin-bottom: 30px; width: 100%;}
.coupon-inner{}
.coupon-desc{ background: url(../images/bg_coupon.png) 25px center no-repeat #46be68; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #fff;  padding:10px 0 0 175px; font-size: 12px; height: 168px; position: relative;}
.coupon-desc .coupon-value{ font-size: 54px; font-weight: bold;}
.coupon-desc .coupon-value:before{ content: '￥'; font-size: 14px; position: absolute; top: 21px; left: 165px;}
.coupon-desc .coupon-name{ font-size: 18px;}
.coupon .coupon-price{ border: 1px solid #e5e9ed;  border-top:0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 18px; position: relative; color: #89a; font-weight: bold; font-size: 14px;}
.coupon .coupon-details{ padding:8px 10px 0 0;}
.coupon .coupon-price span{ color: #46be68;}
.btn-coupon-exchange{ position: absolute; top: 11px; right: 18px; padding-right: 25px; padding-left: 25px;}

.normalDialogTip{ font-size:14px; color:#7a8a9a; text-align:center; padding:20px; line-height:2;}
.normalDialogTip p{ padding:0; margin:0;}
.normalDialogTip .icon{ font-size:64px; line-height:1.2;}
/* 系统消息 */
.system-message ul{ width: 90%; max-width: 850px; margin: 0 auto;}
.system-message li{ font-size: 14px; border-bottom: 1px solid #e5e9ed; padding: 30px 20px; position: relative;}
.system-message li .ico-new-msg{ top: 53px; left: 1px;}
.system-message li h3{ font-weight: bold; color: #345; font-size: 14px; padding-bottom: 5px;}
.system-message li h3 span{ color: #89a; font-weight: normal;}
.system-message li p{ line-height: 1.6;}
.system-message .message-loading{ text-align: center; margin: 30px 0;}
/*索取发票*/
.invoice-table{ margin:0; border:1px solid #e5e9ed; border-width:0 1px;}
.invoice-table .table th,.invoice-table .table td{ padding:0 10px;}
.warm-prompt h5{ font-size:14px; font-weight:bold; color:#345;}
.warm-prompt{ text-align:left; margin-bottom:30px;} 
.no-orders{ text-align:center; font-weight:bold;}
.user-invoice-total{ text-align:left;}
.user-invoic-amount{ text-align:right;}
/*热点风向标*/
.left-hot-list{ width:360px; background:#f8f9fb !important; height:100%; overflow:auto; overflow-x:hidden; padding-bottom:80px;}
.right-hot-content{margin-left: 360px;}
.left-hot-list .left-hot-title{ height:60px; font-size:16px; font-weight:bold; color:#89a; border-bottom:1px solid #e5e9ed;}
.left-hot-list .left-hot-title .flag-ico{ background:#fff; border:1px solid #e9ecf0; border-radius:50%; width:34px; height:34px; text-align:center; line-height:34px; display:inline-block; margin:11px 25px 0 23px;}
.left-hot-list ul li{ height:77px; border-bottom:1px solid #e5e9ed; padding:18px 0 0 84px; position:relative;}
.left-hot-list ul li:hover,.left-hot-list ul li.active{ background:#46be68; color:#fff;}
.left-hot-list ul li:hover a,.left-hot-list ul li:hover .keyword-title,
.left-hot-list ul li.active a,.left-hot-list ul li.active .keyword-title{ color:#fff; text-decoration:none;}
.left-hot-list ul li:hover a,.left-hot-list ul li:hover .keyword-time,
.left-hot-list ul li.active a,.left-hot-list ul li.active .keyword-time{ color:#fff; text-decoration:none;}

.left-hot-list ul li:before{display: block; width:24px; height: 24px; border: 7px solid #fff; background: #46be68; content: ""; position: absolute; z-index: 1; top: 25px; left:28px; border-radius:12px;-webkit-box-shadow:0 0 1px 0 #e5e9ed); box-shadow:0 0 1px 0 #e5e9ed;}
.left-hot-list ul li:after{content: ""; position: absolute; z-index: 0; top: 0; left:40px; width:2px; height:77px; background:#d7dde3;}
.left-hot-list ul li:hover:after,.left-hot-list ul li.active:after{ width:0;}

.keyword-title{ font-size:14px; color:#345; font-weight:bold; margin-bottom:2px;}
.keyword-time{ color:#89a;}
.keyword-time i{ margin-right:3px;}
.keyword-sub-title{ background:#e5e9ed; line-height:77px; line-height:77px; padding-left:84px; font-size:12px; font-weight:bold; position:relative;}
.keyword-sub-title:before{content: ""; position: absolute; z-index: 0; top: 0; left:40px; width:2px; height:77px; background:#d7dde3;}

.right-hot-title{ width:270px; padding:0 50px 0 13px; height:42px; line-height:42px; color:#fff; background:#3c9ad9; position:relative; margin-bottom:40px;}
.right-hot-title .arrow-left {width:0; height:0; border-top:21px solid transparent; border-bottom:21px solid transparent; border-right:21px solid #fff; position:absolute; right:0; top:0;}
.hot-index-title{background: url(../images/sprites_icon.png) no-repeat left -168px; font-size: 14px; padding-left: 13px; font-size: 16px; color:#345; line-height:14px; padding-bottom:20px;}

.hot-index-entry{ margin-bottom:40px;}
.hot-index-entry img{ max-width:1250px; width:100%;}
.hot-index-kol{ position:relative; z-index:1; background:url(../images/hotindex_line_solid.png) repeat-y center top; min-height:100px; padding:32px 0;}
.hot-index-kol:before,.hot-index-kol:after{ display:block; width:10px; height:10px; background:#d7dde3; border-radius:10px; position:absolute; z-index:1; left:50%; margin-left:-5px; content:""; overflow:hidden;}
.hot-index-kol:before{ top:-5px;}
.hot-index-kol:after{ bottom:-5px;}
.hot-index-kol section{ margin:0 auto 32px auto; width:64px; height:64px; border:1px solid #CCC; background:#FFF; border-radius:64px; padding:1px; position:relative; z-index:1;}
.hot-index-kol section:last-child{ margin-bottom:24px;}
.hot-index-kol section .avatar{ width:60px; height:60px; border-radius:60px; overflow:hidden;}
.hot-index-kol section .avatar img{ display:block; width:60px; height:60px;}
.hot-index-kol .kol-main{ position:absolute; z-index:1; width:410px; border:1px solid #e5e9ed; padding:15px; top:-10px; border-radius:5px; background:#fff; color:#89a;}
.hot-index-kol section:nth-child(odd) .kol-main{ left:-425px;}
.hot-index-kol section:nth-child(even) .kol-main{ right:-425px;}
.hot-index-kol section:nth-child(odd) .kol-main:before,.hot-index-kol section:nth-child(odd) .kol-main:after{ display:block; content:" "; position:absolute; z-index:1; top:30px; right:-10px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #e8ecef;}
.hot-index-kol section:nth-child(odd) .kol-main:after{ right:-9px; z-index:2; border-left:10px solid #fff;}
.hot-index-kol section:nth-child(even) .kol-main:before,.hot-index-kol section:nth-child(even) .kol-main:after{ display:block; content:" "; position:absolute; z-index:1; top:30px; left:-10px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #e8ecef;}
.hot-index-kol section:nth-child(even) .kol-main:after{ left:-9px; z-index:2; border-right:10px solid #fff;}
.hot-index-kol .kol-main-header{ font-size:12px;}
.hot-index-kol .kol-main-header strong{ color:#666; font-weight:normal;}
.hot-index-kol .kol-main-header em{ font-style:normal; font-size:12px; margin-left:10px;}
.hot-index-kol .kol-main-header .read-like{ float:right; margin:0;}
.hot-index-kol .kol-main-header .read-like li{ display:inline-block; padding-left:8px;}
.hot-index-kol .kol-main-title{ font-size:16px; padding:10px 0 8px 0;}
.hot-index-kol .kol-main-title a{ color:#345; text-decoration:none;}
.hot-index-kol .kol-main-title a:hover{ color:#214E75;}
.hot-index-kol .kol-main-footer{ text-align:right; font-size:14px;}
.hot-index-kol .kol-main-footer strong{ font-weight:normal; color:#46be68;}

.hot-hint-area{ text-align:center; font-size:16px;}
.hot-hint-area h4{ font-size:48px; color:#345; padding:100px 0 25px 0;}
.hot-hint-area p{ padding-bottom:30px;}
.hot-hint-area .btns-upgraded-version{ padding:0 40px; height:42px; line-height:42px; font-size:16px;}
/*注册*/
.login-box{ max-width:440px; margin:0 auto; border-radius:3px; color:#a5afb7; position:relative; top:10%;}
.login-box .login-logo{background:url(../images/logon-logle.png) no-repeat center top; width:233px; height:50px; margin:0 auto 30px;}
.login-box .login-logo a{width:233px; height:50px; display:block;}
.login-box .form-control{color:#a5afb7; border:1px solid #e5e9ed; box-shadow:none; height: 38px !important;}/**/

.login-box-inner{ padding:40px; background:#fff; border-radius:3px; border:1px solid #e5e9ed; }
.login-box-inner .form-group{ margin-bottom:0;}
.uesr-ico{ background:url(../images/sprites_icon.png) no-repeat 0 -266px; width:14px; height:16px; display:inline-block;}
.password-ico{ background:url(../images/sprites_icon.png) no-repeat 0 -250px; width:14px; height:16px; display:inline-block;}
.login-box-inner .input-group-addon{ border:1px solid #e5e9ed; background:#f1f4f8; border-right: 0;}
.login-box-inner .input-group-addon input{ border:none;}
.login-box-inner .input-group{ margin-bottom:20px;}
.login-box-inner .remember-account{ padding-top:20px; vertical-align:middle;}
.login-box-inner .free-register{ float:right; padding-top:5px;}
.login-box-inner .control-checkbox-label{ height:22px !important;}

.verify-code-img{ width:100px; height:38px; position:absolute; right: 0; top:0; z-index: 5;}/**/
.verify-code-img img{ max-width:156px; display:block; width:100%;height:100%;  border-radius:0 3px 3px 0;}

.login-box-inner .smart-form .checkbox, .loginBoxInner .smart-form .radio{ font-size:14px; color:#666;}
.login-box-inner .smart-form .checkbox input:checked+i, .login-box-inner .smart-form .radio input:checked+i, .login-box-inner .smart-form .toggle input:checked+i{border-color:#00BBC0;}
.login-box-inner .smart-form .checkbox input+i:after{ color:#00BBC0;}
.login-box-inner .smart-form .select{ margin-top:10px;}
.login-box-inner .smart-form .select i{ margin-top:4px;}
.login-button{ text-align:center;}
.login-button .btn-primary{ width:100%; text-align:center;}
.login-extra{ text-align:right; padding:20px 0 0 0; display:block;}
.user-agreement{ padding-bottom:15px;}

.login-copyright{color:#89a; font-size:14px; line-height:2; text-align:center; position:absolute; margin:30px -90px;}
.login-copyright .loginCopyrightTips{ font-size:14px;}
.login-copyright a{ color:#666; text-decoration:none; border-bottom:1px dotted #999;}
.login-copyright a:hover{ color:#333;}
.register-col-left{ width:290px; float: left; position: relative;}/**/
.register-col-right{ width: 43%; float: right;}
.replace{ float: right; line-height: 36px;background: url(../images/icon-refresh.png) no-repeat left 10px;padding-left: 18px; cursor: pointer;}/**/
.help-info{ font-size: 14px; line-height: 14px; color: #a5afb7; text-align: center; padding-top: 20px;}
.help-info a{text-decoration: underline; color: #a5afb7;}
em.invalid{ color:#e74c3c; font-style:normal; display:block; margin-top:-15px; padding-bottom:15px;}
.forgot-password{ position:absolute; right:6px; top:8px; z-index:2;}
.b-agreement{ font-size: 12px; line-height: 12px; text-align: center; padding-top: 10px; display:block;}
.b-agreement a{ color: #3ea2ff;}

/*登录*/
.logon{ width:530px; margin: 0 auto; position:relative; top:8%;}
.logon .logon-nopadding{ padding:0;}
.logon .logon-nopadding .logon-box-inner{ padding:20px 40px 40px;}
.logon .logon-logo{ background:url(../images/logon-logle.png) no-repeat center top; width:330px; height:50px; margin:0 auto;}
.logon .logon-logo a{ display:block; width:330px; height:50px;}
.logon-frame{ width:440px; margin:30px auto; border:1px solid #e5e9ed; background:#fff; padding:35px 40px; border-radius:3px;}
.logon-frame dl{ margin-bottom:0 !important;}
.logon-sort{ height:48px;}
.logon .input-group .form-control{ height:38px; border:1px solid #e5e9ed; box-shadow:none;}
.logon .input-group .input-group-addon{border:1px solid #e5e9ed; background:#f1f4f8; border-width:1px 0 1px 1px;}
.logon .logon-sort a{ border-radius:3px 0 0 0; display:inline-block; float:left; width:50%; line-height:48px; text-align:center; border-right:1px solid #e5e9ed; color:#7a8a9a; background:#f8f9fb; border-bottom:1px solid #e5e9ed;}
.logon .logon-sort a:last-child{ border-right:none; border-radius:0 3px 0 0;}
.logon .logon-sort .active{ background:#fff; color:#345; border-bottom:none;}
.logon .qr-code{ padding:40px; }
.logon .qr-code img{ display:block; width:240px; padding:10px; border:1px solid #e5e9ed; background:#f8f9fb; margin:0 auto 20px; border-radius:3px;}
.logon .qr-code p{ text-align:center; margin-bottom:0; font-size:16px; color:#89a;}
.logon .logon-copyright{ text-align:center; font-size:14px; color:#89a; line-height:2;}
.logon .logon-copyrightTip{ font-size:12px;}
.logon .logon-frame .logon-box-inner{  margin:20px 0 0 0;}
.logon .logon-frame .input-group{ margin-bottom:20px; position:relative; z-index:1;}
.logon .logon-frame .btn-primary{ width:100%; background-color:#46be68; }
/*.logon .logon-button{ margin-top:18px;}*/
.logon .account-bar{ position:relative; margin-bottom: 10px;}
.logon .forgotpassword{ position:absolute; z-index:10; top:8px; right:0; color: #3498db;}
.logon em.invalid{ color:#e74c3c; font-style:normal; margin-top:-15px; padding-bottom:10px;}
.logon .uesr-icon{ background: url(../images/sprites_icon.png) no-repeat 0 -266px; width:14px; height:16px; display:inline-block;}
.logon .password-icon{ background:url(../images/sprites_icon.png) no-repeat 0 -250px; width:14px; height:16px; display:inline-block;}
.logon .verify-ico{background:url(../images/sprites_icon.png) no-repeat 0 -492px; width:14px; height:16px; display:inline-block;}
.logon .uesrphone-ico{background:url(../images/sprites_icon.png) no-repeat 0 -476px; width:14px; height:16px; display:inline-block;}
.logon .first-checked{ background: url(../images/check-icon.png) no-repeat 0 0; width:40px; height:40px; display:inline-block; float:left; position:absolute; top:15%; left:0; }
.logon .no-checked{  background: url(../images/check-icon.png) no-repeat 0 -40px; width:40px; height:40px; display:inline-block; float:left; position:absolute; top:30%; left:0;}
.logon .qr-ico{background:url(../images/sprites_icon.png) no-repeat 0 -525px; width:14px; height:14px; display:inline-block; margin-right:8px;}
.logon .top-distance{ top:20%;}
.logon .use-publicnum{position:relative;}
.logon .usetitle{ color:#345; font-weight:bold; padding-left:60px;}
.logon .usesmall{ color:#7a8a9a; line-height:24px;font-weight:normal; padding-left: 60px;}
.logon .register-left{ float:left; width:72%;}
.logon .register-right{ float:right; width:28%;}
.logon .no-paddingbottom{ padding-bottom:0;}
.logon .no-radius .form-control{ border-radius:0;}
.logon .register-right .btn-primar{border-radius:0 4px 4px 0; margin-left:-1px; width:100px; height:38px; background:#46be68;}
.logon .bottom-distance{ padding-bottom:0px;}
.logon .verify-code-imgs{ height:38px; border:1px solid #e5e9ed; border-radius:0 4px 4px 0; margin-left:-2px}
.logon .logon-frame .click-change{ display:block;}
.logon .logon-frame a.click-change:active .no-checked{background: url(../images/check-icon.png) no-repeat 0 0; width:40px; height:40px; display:inline-block; float:left; position:absolute; top:30%; left:0;  }
.logon .hidden-case .first-checked{ background: url(../images/check-icon.png) no-repeat 0 -40px; width:40px; height:40px; display:inline-block; float:left; position:absolute; top:20%; left:0; }
.logon .hidden-case .bling-publicnum{ display:none;}
.ignore-user a {
    color: #abb5bc;
    display: block;
    text-align: center;
    text-decoration: underline;
    padding-top: 11px;
}
.register-right .btn.disabled, .register-right .btn[disabled], fieldset[disabled] .btn {
    cursor:default;
}
.free-registration { border-bottom: 1px solid #f1f4f8; text-align: center; height: 30px; display: block;}
.free-registration span { background: #fff; padding: 0 20px; height: 20px; line-height: 60px;}
.binding-mobile .icon-phone{ background: url(../images/icon-phone.png) no-repeat 0 0; width:22px; height:32px; display:inline-block; float:left; position:absolute; top:5%; left:0; }
.binding-mobile .usetitle{ padding-left: 42px !important;}
.binding-mobile .usesmall{ padding-left: 42px !important;line-height: 22px; font-size: 13px;}
.binding-complete { text-align: center; color: #7a8a9a; font-size: 14px;}
.binding-complete .icon-successed{ background: url(../images/icon-successed.png) no-repeat 0 0; width:82px; height:82px; display:block; margin: 0 auto 20px;}
.binding-complete h5{ font-size: 16px; color: #345; font-weight: bold;}
.binding-complete p{ padding-bottom: 20px;}
.binding-head{ background:#f8f9fb; height:92px; border-radius:10px 10px 0 0; margin: -40px -40px 40px -40px;}
.binding-head .piece{ width:330px; margin:0 auto; padding:20px 0 20px;}
.binding-head .piece dl{ float:left; width:110px; position:relative;}
.binding-head .piece dl:first-child .progress{ width:71px; left:40px; }
.binding-head .piece dl:last-child .progress{ width:71px; right:40px; }
.binding-head .piece dd{ color:#999; font-size:12px; text-align:center; padding-top:5px;}
.binding-head .piece .active dd{ color:#46be68;}
.binding-head .piece .active dt{ background:#46be68; color:#fff;}
.binding-head .piece .progress{ height:2px; background:#d2d2d2; position:absolute; top:14px; width:116px; z-index:1;}
.binding-head .sequence{ width:30px; height:30px; border-radius:50%; background:#d2d2d2; text-align:center; line-height:30px; color:#fff; margin:0 auto; position:relative; z-index:20;}
.binding-body dl{margin-bottom: 30px !important;}
.binding-footer{ border-top: 1px solid #e5e9ed; padding-top: 20px; margin-top: 20px; height: 36px; line-height: 36px;}
.binding-footer .btn-next-step{ width: 100px !important;  float: right;}
.binding-footer a{ color:#abb5bc;}
/* 关键词订阅 */
.subscribeContainer{ border: 1px solid #e5e9ed; background: #f8f9fb; margin-top:20px;}
.subscribeSide{ position: relative;}
.subscribeList{ background:#FFF; border-right:1px solid #e5e9ed; text-align: center; position: relative; min-height: 600px; padding:0 !important;}
.subscribeList h1{ padding-top: 10px; color: #345; font-size: 24px !important; margin-bottom: 0;}
.subscribeCharts{ background: url(../images/subscribe/demand-bg.png) no-repeat center top; position:relative; min-height:640px; max-width:1150px; margin:0 auto; }
.subscribeSubTitle{ color: #89a; font-size: 14px;}
.subscribeList .subscribe-item{ position:absolute; width:auto; text-align:center; font-size:16px; cursor:pointer;}
.subscribeList .subscribe-item .bubble{ display:block; border-radius:100%; transition:all .18s; transform:scale(1.0);}
.subscribeList .subscribe-item .bubble:hover{transition:all .18s; transform:scale(1.1);}
.subscribeWrap{ position:absolute; z-index:0; width:88px; top:0; left:50%; margin-left:-44px;}
.subscribe-item:hover{ text-decoration:none;}
.subscribe-item .bubble{ background:#e74c3c;}
.subscribe-item em{ color:#e74c3c; font-style:normal; position:absolute; width:100%; left:0; text-align:center; line-height:1.2;}
.subscribe-item .bubble-s1{ background:#e74c3c;}
.subscribe-item .bubble-s1 + em{ color:#e74c3c;}
.subscribe-item .bubble-s2{ background:#d34ad8;}
.subscribe-item .bubble-s2 + em{ color:#d34ad8;}
.subscribe-item .bubble-s3{ background:#ff8106;}
.subscribe-item .bubble-s3 + em{ color:#ff8106;}
.subscribe-item .bubble-s4{ background:#ffb606;}
.subscribe-item .bubble-s4 + em{ color:#ffb606;}
.subscribe-item .bubble-s5{ background:#46be68;}
.subscribe-item .bubble-s5 + em{ color:#46be68;}
.subscribe-item .bubble-s6{ background:#50d2d0;}
.subscribe-item .bubble-s6 + em{ color:#50d2d0;}
.subscribe-item .bubble-w1{ width:52px; height:52px;}
.subscribe-item .bubble-w2{ width:48px; height:48px;}
.subscribe-item .bubble-w3{ width:42px; height:42px;}
.subscribe-item .bubble-w4{ width:34px; height:34px;}
.subscribe-item .bubble-w5{ width:26px; height:26px;}
.subscribe-item .bubble-w1 + em{ top:57px;}
.subscribe-item .bubble-w2 + em{ top:52px;}
.subscribe-item .bubble-w3 + em{ top:46px;}
.subscribe-item .bubble-w4 + em{ top:38px;}
.subscribe-item .bubble-w5 + em{ top:30px;}
.subscribe-item .bubble-w3 + em,.subscribe-item .bubble-w4 + em,.subscribe-item .bubble-w5 + em{ width:46px; font-size:14px; left:50%; margin-left:-23px;}
.subscribe-item-1{ left:0; top:275px;}
.subscribe-item-1 .bubble{ background:#e74c3c !important; width:88px !important; height:88px !important;}
.subscribe-item-1 em{ color:#e74c3c !important; top:93px !important;}
.subscribe-item-2{ left:-82px; top:167px;}
.subscribe-item-3{ left:-107px; top:370px;}
.subscribe-item-4{ right:-120px; top:200px;}
.subscribe-item-5{ right:-15px; top:455px;}
.subscribe-item-6{ right:-215px; top:345px;}
.subscribe-item-7{ left:-75px; top:515px;}
.subscribe-item-8{ left:-220px; top:260px;}
.subscribe-item-9{ right:-10px; top:120px;}
.subscribe-item-10{ right:-160px; top:485px;}
.subscribe-item-11{ right:-140px; top:60px;}
.subscribe-item-12{ left:-200px; top:130px;}
.subscribe-item-13{ right:-230px; top:180px;}
.subscribe-item-14{ left:-220px; top:480px;}
.subscribe-item-15{ right:-300px; top:460px;}
.subscribe-item-16{ left:-340px; top:220px;}
.subscribe-item-17{ right:-370px; top:365px;}
.subscribe-item-18{ left:-350px; top:420px;}
.subscribe-item-19{ right:-340px; top:120px;}
.subscribe-item-20{ left:-320px; top:60px;}

.subscribeAdvice{ position:absolute; z-index:999; left:0; top:0; height:75px; width:100%; background:#f8f9fb; border-bottom:1px solid #E5E9ED; text-align:center; font-size:14px;}
.subscribeAdvice p{ padding-top:25px; margin:0;}
/*.subscribeAdvice .btn-success{ background:#46be68; border-color:#46be68;}
.subscribeAdvice .btn-success:hover{ background:#3EAE5C;}*/
.subscribeAdvice h1{ padding-top:5px;}
.subscribeAdvice h1 .btn{ position:absolute; z-index:1; left:20px; top:22px;}
.subscribeLoading{ background:rgba(255,255,255,0.95); position:absolute; z-index:998; left:0; top:0; right:0; bottom:0; width:100%; height:100%; text-align:center; padding-top:300px; font-size:14px;}

.subscribeChosen p{ font-size: 14px; color: #345;}
.subscribeChosen ul{ list-style: none; padding: 0; margin:0;}
.subscribeChosen li{ display: inline-block; font-weight: bold; font-size: 14px; padding: 0 10px; line-height: 36px; background: #89a; border-radius: 5px; color: #fff; margin:0 6px 10px 0;}
.subscribeChosen li:hover{ background: #9babbb;}
.subscribeChosen li i{ cursor: pointer; margin-left: 5px; font-weight: normal; color: #bac4ce;}
.subscribeChosen .tips{ font-size:14px;}
.subscribeChosen .tips .fa{ color:#7a8a9a;}
.addKeyword{ padding: 13px 0;}
.addKeyword .btn{ background: #edf0f5; color: #89a; border: 1px solid #e5e9ed; box-shadow: none !important;}
.addKeyword .col-md-9{ padding-right: 0;}
.subscribeBtn{ padding:20px 0; width: 100%; }
.subscribeBtn .btn{ background: #46be68;}
.subscribeBtn .disabled{ opacity:0.45;}
.keywordInput{ border-radius: 5px!important; border: 1px solid #e5e9ed;}

.topBar{ height: 85px; border-bottom: 1px solid #e5e9ed; background: #fff; margin-top: -10px;}
.topBar .userIcon{ background: #9dabb9; width:24px; height: 24px; margin-right: 6px; text-align: center; color: #fff; border-radius: 100%; font-size: 16px;}
.topBar .userArea{ line-height: 24px; color: #89a; font-size: 14px; padding: 32px 40px 0 0;}
.topBar .userArea .fa-angle-down{ font-size: 16px;}
.topBar .navArea{ color: #89a; font-size: 18px; padding: 32px 0 0 40px;}
.topBar .navArea a{ margin-right: 40px; display: inline-block;}
.topBar .navArea a:link,
.topBar .navArea a:visited{ color: #89a;}
.topBar .navArea a:hover{ color: #a3b7ca;}

.subscribeKeywords{ /*border-bottom: 1px solid #e5e9ed; */ background: #fff; margin:0;}
.subscribeKeywords li{ display:inline-block; margin:0 12px 12px 0;}
.subscribeKeywords a{ display:inline-block; border: 1px solid #e5e9ed; border-radius:5px 0 0 5px; width:208px; padding:6px; color: #89a; font-size: 14px; font-weight: bold; height: 42px; line-height: 28px; overflow:hidden; float:left; cursor:pointer;}
.subscribeKeywords .mv-x a { display: inline-block; background: #FFF; border: 1px solid #e5e9ed; border-radius: 5px; width: 248px; padding: 6px;color: #89a; font-size: 14px; font-weight: bold; height: 42px; line-height: 28px; overflow: hidden; float: left;cursor: pointer;}
.subscribeKeywords .mv-x .viewKeyword{ display:none;}
.subscribeKeywords a img{ margin-right: 6px; float: left;}
.subscribeKeywords a:hover{ text-decoration:none;}
.subscribeKeywords a.viewKeyword{ margin-left:-1px; width:40px; border-radius:0 5px 5px 0; padding:0; font-size:18px; line-height:40px; text-align:center;}
.subscribeKeywords .active a{ background: #46be68; border: 1px solid #46be68; color:#fff;}
.subscribeKeywords .active a.viewKeyword{ background:#27A547;}
.subscribeKeywords .active a.viewKeyword.expanded .fa:before{ content:"\f0d8"; font-family:FontAwesome;}
.subscribeKeywords li:hover a{ border-color:#46be68; color:#46be68;}
.subscribeKeywords li.active:hover a{ color:#FFF;}
.sub-list-unstyled{ padding:20px 40px 3px;}
.subscribeKeywords .sub-list-style{ padding:0 40px 3px 40px;}
.subscribeKeywords .sub-list-style a{border-radius:5px;}
.subscribeKeywords .sub-list-style .add-public{ text-align:center;}

.mpKeywords{ background:#edf0f5; border-bottom:1px solid #e5e9ed; padding:15px 32px; font-size:14px; margin:0;}
.mpKeywords a:first-child{ margin-right:15px;}
.mpKeywords a{ display:inline-block; background:#FFF; text-decoration:none; color:#666; padding:8px 15px; border:1px solid #e5e9ed; border-radius:4px; float:left; margin:5px; cursor:pointer;}
.mpKeywords a:hover{ border-color:#46be68; color:#46be68;}
.mpKeywords a.selectedKey{ background:#46be68; border-color:#46be68; color:#FFF;}
.artToKeyword{ border-radius:3px; background:#C5CFD9; font-size:12px; padding:4px 5px; margin:0 5px; line-height:1; color:#FFF; text-align:center;}
.keywordArticleEmpty{ background:#FFF; text-align:center; font-size:14px; margin:15px 6px; padding:40px;}
.keywordArticleEmpty .btn{ background:#46BE68; color:#FFF; padding:8px 15px; margin-top:10px;}
.keywordArticleEmpty .btn:hover{ background:#27A547;}

.subscribeEmpty{ width: 452px; margin: 100px auto; color: #89a; font-size: 18px;}
.subscribeEmpty p:nth-of-type(1){ padding-bottom: 20px;}
.subscribeEmpty ul{ list-style: none; margin: 0; padding: 40px 0;}
.subscribeEmpty li{ float: left; width: 33.3%; margin: 0; padding: 0; overflow: hidden; font-size: 14px; text-align: center;}
.subscribeEmpty li i{ margin-bottom: 5px; text-align:center;}
.subscribeEmpty li:nth-of-type(1){  padding-right: 80px;}
.subscribeEmpty li:nth-of-type(1) i{ background:url(../images/subscribe/subscribe_icon1.png) no-repeat; width:48px; height:48px; display:block; margin-left:11px;}
.subscribeEmpty li:nth-of-type(2) i{background:url(../images/subscribe/subscribe_icon2.png) no-repeat;width:48px; height:48px; display:block; margin-left:52px;}
.subscribeEmpty li:nth-of-type(3){ text-align: center; padding-left: 80px;}
.subscribeEmpty li:nth-of-type(3) i{ background:url(../images/subscribe/subscribe_icon3.png) no-repeat;width:48px; height:48px; display:block; margin-left:11px;}
.subscribeAddAccount .btn{ padding: 14px; background: #44b549; font-size: 22px;}
.subscribeEmptyWrap{height: 100%; background: #fff; margin:0 -14px;}
.subscribeGuide{ position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(255,255,255,.9); font-size: 18px; color: #89a;}
.subscribeGuideIn{ width: 220px; margin: 120px auto;}
.subscribeGuide img{ margin-bottom: 10px;}
.subscribeGuide .btn{ background: #44b549;}
.subscribeArticleList{ padding:0 !important;}
.subscribeArticleList ul:nth-of-type(1){ margin-right: 10px;}
.mpUserArticleTimer{ clear:both; padding:0 6px 0 6px; overflow:hidden;}
.mpUserArticleTimer .topArticleSwitch{ float:left; font-size:14px; color:#666;}
.mpUserArticleTimer ul{ float:right; margin:0;}
.mpUserArticleTimer li{ float:left;}
.mpUserArticleTimer li a{ float:left; margin-left:-1px; height:36px; border:1px solid #CCD4D6; font-size:14px; background:#FFF; line-height:36px; padding:0 12px; text-decoration:none; color:#6C7477; cursor:pointer;}
.mpUserArticleTimer li a:hover{ background-color:#EDEEEF;}
.mpUserArticleTimer li a.current{ background:#767E81; color:#FFF; box-shadow:0 0 3px rgba(0,0,0,0.4) inset; border-color:#767E81;}
.mpUserArticleTimer li:first-child a{ border-radius:5px 0 0 5px;}
.mpUserArticleTimer li:last-child a{ border-radius:0 5px 5px 0;}


.timeSelect{ width: 130px; color:#89a; font-size:14px;}
.timeSelect.select2-container .select2-choice .select2-arrow{ background: none; border-left:0;}
.timeSelect.select2-container .select2-choice{ border-radius: 5px; height: 36px; line-height: 36px; border: 1px solid #ccd4d6;}
.timeSelect.select2-dropdown-open .select2-choice{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.timeSelectDropdown.select2-drop-active { border-color: #ccd4d6;}
.timeSelectDropdown .select2-highlighted{ background: #ccd4d6;}

.subscribeGuidanceWrap{height: 100%; background: #fff; margin:-10px -14px;}
.subscribeGuidance{ margin:50px auto; max-width:926px; text-align:center;}
.subscribeGuidance img{ width:100%; padding-bottom:30px;}
.subscribeGuidance h3{ color:#334455; font-size:24px; font-family:"Microsoft YaHei"; line-height:2.3; padding-bottom:20px;}
.subscribeGuidance h3 small{ color:#8899aa; font-size:16px; display:block; line-height:1.6;}
.subscribeGuidance .btn{ max-width:600px; margin:0 auto; padding:8px; background: #44b549; font-size:14px; border:none;}
/*无关键字提示*/
.noKeywordTip{ background:#fff; font-family:"Microsoft YaHei"; font-size:16px;}
.subscribeGuideTip{ margin:120px auto; padding:0 20px;}
.subscribeGuideTip p{ padding-bottom:30px;}
.subscribeGuideTip .fa{ font-size:130px;}

.subscribe-control-list{ padding:20px 40px;}
.subscribe-control-list .control-list{ margin-right:10px;}
.wrapper .alert{ border-radius:0; margin-bottom:0;}
.alert-success{ background:#46be68 !important; color:#fff !important;}
/*违规曝光台*/
.violations-nav li a{border:1px solid #fff;}
.violations-nav li a:hover{ background:#7a8a9a; color:#fff;}
.violations-nav li.current a { color:#fff;}
.bar-danger{ background:#e74c3c; padding:24px 50px 24px 40px; font-size:14px; color:#fff; position:relative;}
.bar-danger i{ margin-right:10px;}
.bar-danger a i{ position:absolute; top:24px; right:20px; color:#fff;}
.violations-search{ margin:80px auto 40px !important;}

.mp-danger-list a:hover, .mp-danger-list a:active { color: #e74c3c;}
.mp-danger-list .active { color: #46be68 !important; background:url(../images/list_doc.png) #fff no-repeat 25px center;}
.violations-statistics span{ color:#e74c3c;}
.danger-text{ color:#e74c3c;}
/*原创优选*/
.btns-hot-newest{ margin:0 10px 0 0; border:1px solid #e5e9ed; background:#fff; border-radius:4px;}
.btns-hot-newest a{ width:80px; text-align:center; display:inline-block; text-decoration:none; color:#7a8a9a; height:35px; line-height:35px;}
.btns-hot-newest a:hover{ background:#edf0f5;}
.btns-hot-newest a.active:first-child{ background:#7a8a9a; border-radius:4px 0 0 4px; color:#fff;}
.btns-hot-newest a:hover{ background:#edf0f5;}
.btns-hot-newest a.active:last-child{ background:#46be68; border-radius:0 4px 4px 0; color:#fff;}
.original-article-source a{ margin:0 5px; padding:6px 16px; font-size:14px;}
/*申请白名单授权*/
.public-accredit-list{ }
.public-accredit{ width:294px; height:68px; border:1px solid #edf0f3; box-sizing:border-box; border-radius:3px; float:left; margin-right:20px; position:relative;}
.public-accredit .media-list{padding:9px;}
.public-accredit .media-list .item-title{ color:#345 !important; font-weight:bold;}
.public-accredit:last-child{ margin-right:0;}
.public-accredit:hover,
.public-accredit.active{ border:1px solid #46be68;}
.public-accredit.active:after{ background:url(../images/sprites_icon.png) no-repeat 0 -306px; width:32px; height:32px; content:""; position:absolute; right:-1px; bottom:-1px; display:block;}
.access-accredit{ height:102px; display:inline-table; border:1px solid #e5e9ed; border-radius:3px; margin-bottom:20px; padding:0 20px;}

.access-accredit a{ width:42px; height:42px; background:#e5e9ed; display:inline-block; border-radius:21px; margin:30px 20px 30px 0;}
.access-accredit .selected{ background:#46be68;}
.access-accredit a i{ background:url(../images/sprites_icon.png) no-repeat 0 -290px; width:20px; height:15px; display:block; margin:14px 0 0 12px;}
.access-accredit-info{ display:table-cell; vertical-align:middle; width:100%;}
.access-accredit-title{ font-size:16px; color:#345;}
.price-accredit{ font-size:12px; padding-bottom:30px;}
.price-accredit span{ color:#345; font-size:14px; font-weight:bold;}
.price-accredit em{ color:#46be68; font-size:24px; font-weight:bold; font-style:normal;}
.btns-payment a{ background:#46be68; border-radius:3px; text-decoration:none; width:260px; height:46px; margin:0 auto; text-align:center; line-height:46px; font-size:18px; color:#fff; display:block; margin-bottom:20px;}
/*弹出层*/
.diagnoseWarn{ text-align:center; font-size:14px; color:#7a8a9a; padding:20px;}
.diagnoseWarn .resultIcon{ color:#7a8a9a; font-size:64px;}
.corporate-account-layer{ position: fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8);}
.modal-payment{ top:280px;}
.pay-dialog-wide{ width:auto !important; max-width:760px; }
.pay-dialog-wide .modal-body{ padding:20px 40px 40px;}
.pay-success-title{ color:#345; text-align:center; font-weight:bold; margin-bottom:30px;}
.complete-payment{ font-size:18px; padding-bottom:25px; line-height:1.6;}
.payment-btn{ text-align:center;}
.payment-btn .btn-payment{ width:260px; display:inline-block; margin:0 20px;}
.payment-btn .btn-ensure{ width:118px;}
.payment-state{ background:#5ac36a; width:64px; height:64px; border-radius:50%; margin:20px auto 0; padding:20px 0;}
.payment-state i{background:url(../images/sprites_icon.png) no-repeat 0 0; width:33px; height:24px; display:block; margin:0 auto 60px;}
.payment-state .ioc-succeed{ background-position:0 -369px;}
.payment-state .ioc-failure{ background-position:0 -345px;}
.payment-success{ font-size:16px; color:#345; padding:20px 0 10px; font-weight:bold; text-align:center;}
.payment-success-tip{ padding-bottom:30px; font-size:16px; line-height:1.8;}
.expecial-distance{ padding:40px 20px;}
.expecial-distance .control-search-2 [type=text]{ border-radius:4px;}
.expecial-distance .control-search-2-submit{ border-radius:4px;}
.publicnum-content p{ color:#7a8a9a; padding:20px 0; line-height:1.5;}
.publicnum-list{ border:1px solid #e5e9ed; background:#f8f9fb; padding:20px 0 0px 20px; max-height:310px; overflow:auto; overflow-x:hidden;}
.publicnum-list .media-list{ width:47%; border:1px solid #e5e9ed; margin:0; padding:13px 20px; display:inline-block; margin:0 15px 15px 0; background:#fff;}
.publicnum-list .item-inner{ font-weight:normal;}
.publicnum-list .item-title{ color:#345;}
.publicnum-list .item-sub-title{ color:#7a8a9a;}
.publicnum-list .btn{ margin-top:6px; color:#fff !important;}
.publicnum-list .btn:hover{ color:#fff !important; text-decoration:none; box-shadow:none; border-color:#28a547; /*background:#28a547;*/}
.publicnum-list .dropdown-menu{ right:inherit !important;}
.publicnum-list .setFolderDrop.open .btn{ background:#46be68;}
.publicnum-list dl:nth-child(even){ margin-right:0 !important;}
.publicnum-list .media-list .item-media img{ width:48px; height:48px; border-radius:24px;}

/*public-set*/
.dada-public-set{ max-width:810px; margin:0 auto; padding:20px 0;}
.dada-public-set .dada-public-set-title{ font-size:24px; color:#345; line-height:80px;}
.dada-public-set .form-group label{ font-weight:normal; font-size:14px; color:#345;}
.dada-public-set .price-input{ width:130px; text-align:center; float:left;}
.unit-price-set{line-height:42px; color:#a5afb7;}
.unit-price-set strong{ font-weight:bold; color:#345; padding:0 10px;}
.problem-timeliness a{ width:130px; padding:10px 0; text-align:center; margin:0 20px 0 0;}
.btns-set-save{ width:130px; height:42px; font-size:16px;}
/*.public-set-btn .btn-success{ background:#46be68 !important; border-color:#46be68 !important;}
.public-set-btn .btn-success:hover{ background:#27a547 !important; box-shadow:none;}*/

.dada-public-set .form-control{ border:1px solid #e5e9ed;-webkit-box-shadow:none; color:#7a8a9a; min-height:42px;}
.operator-set-box{border:1px solid #e5e9ed; border-radius:5px; margin-bottom:20px;}
.operator-set-title{border-radius:5px 5px 0 0; height:40px; line-height:40px;border-bottom:1px solid #e5e9ed; padding:0 10px; background:#f8f9fb;}
.operator-set-title span{ float:right;}
.perator-set-content{ padding:20px; position:relative;}
.perator-set-content .btns{ position:absolute; right:20px; top:27px;}
.perator-set-content .item-sub-title a:link,.perator-set-content .item-sub-title a:visited{ color:#3498db;}
.add-auxiliary-operating{ text-align:center; padding:20px; font-size:16px;}

.xigua-dada{ background:#fff; border-bottom:1px solid #e5e9ed; padding:20px 0 30px; font-size:15px; line-height:1.6;}
.xigua-dada-content{ max-width:940px; margin:0 auto; padding:0 20px;}
.xigua-dada-title{ font-size:32px; color:#345; padding-bottom:10px;}
.dada-certified-public{ text-align:center; max-width:670px; padding:60px 20px 20px 20px; margin:0 auto; font-size:16px;}
.dada-certified-public .media-list{ margin:30px auto 40px;}
.dada-certified-public .item-media img{ width:68px; height:68px; border-radius:34px;}
.dada-certified-public .item-title{ padding-bottom:5px;}
.dada-certified-public .item-title a{ font-size:18px; color:#345;}
.dada-certified-tip{ text-align:left; padding-bottom:40px}
.btns-dada-certified{ width:160px;}
.xigua-dada-qrcode{ padding:10px 0 30px;}
.xigua-dada-qrcode img{ max-width:160px; height:160px; width:100%;}
.xigua-public-choose-box{ padding-bottom:120px;}
.xigua-public-choose{ background:none; max-width:940px; margin:0 auto;}
.xigua-public-choose .col-md-4{ padding:10px;}
.xigua-public-choose-title{ padding:20px 20px 10px 20px; font-size:16px; color:#345;}
.public-choose-list{ width:100%; border:1px solid #e5e9ed; background:#fff; padding:20px; float:left; height:100px;display:block;}
.public-choose-list .item-media img{ width:60px; height:60px; border-radius:3px;}

.public-choose-list:hover,.public-choose-list.active{ border:1px solid #46be68;}
.public-choose-list.active:before{background:url(../images/sprites_icon.png) no-repeat 0 -412px; width:36px; height:36px; content:""; display:inline-block; position:absolute; right:10px; top:10px;}
.public-choose-list .item-title{ font-size:16px; color:#345;}
.public-choose-list .item-sub-title{ color:#7a8a9a;}
.public-choose-list-add{ text-align:center; color:#7a8a9a; font-size:16px; vertical-align:middle;}
.public-choose-list-add i{ font-size:20px; padding-top:10px;}
.xigua-dada-btns-box{ position:fixed; bottom:0; right:0; left:230px; background:#fff; padding:30px 0;}
.xigua-dada-btns{ max-width:900px; margin:0 auto; text-align:right;}

.opened-head{ padding:20px 0;}
.opened-head a{ float:right; padding-right:5px;}
.opened-public-list{ max-width:940px; margin:0 auto; padding:0 20px;}
.opened-public-list .opened-list li{ position:relative; padding:20px; margin-bottom:20px; background:#fff; border:1px solid #e5e9ed; border-radius:5px;}
.opened-public-list .item-media img{ width:60px; height:60px; border:3px;}
.opened-public-list .item-title{ font-size:16px; color:#345;}
.set-pull-right{ position:absolute; right:20px; top:32px;}
.xigua-dada-guide{ color:#3498db; background:#fff; border:1px solid #e5e9ed; border-radius:3px; padding:20px; margin-top:20px;}
.xigua-dada-guide h4{ font-size:16px; color:#345; font-weight:bold; padding-bottom:10px;}
.xigua-dada-guide li{ float:left; width:50%; padding-bottom:10px;}
.xigua-dada-guide li:nth-child(2n){ border-left:1px solid #edf0f5; box-sizing:border-box; padding-left:20px;}
.how-to-access{ position:absolute; right:30px; top:10px;}
/*小弹窗*/
.pop-box{ max-width:520px; width:100%; border-radius:5px; background:#fff; position:absolute; top:50%; left:50%; margin:-200px 0 0 -260px;}
.pop-box .pop-title{ background:#2a3542;border-radius:4px 4px 0 0; height:62px; line-height:62px; padding:0 20px; color:#fff; font-size:18px;}
.pop-box .close{ width:20px; height:20px; border-radius:50%; background:#fff; position:absolute; right:20px; top:20px; opacity:0.6;}
.pop-main{ padding:20px 20px 30px;}
.pop-main p{ padding-bottom:20px;}
.pop-search{ margin-bottom:20px;}
.search-media-list{ text-align:center;}
.search-media-list .media-list{ margin:0 auto;}
.search-media-list .media-list .item-media{ display:table-caption; padding-right:0; float:none; margin-bottom:10px;}
.search-media-list .media-list .item-inner{ text-align:center; padding-bottom:20px;}
.search-media-list .media-list .item-inner .item-title{ color:#345 !important; font-weight:bold; font-size:16px;}
.btn-block-add{ width:130px; margin:0 auto; display:block; background:#46be68;}
.btn-add-disabled{ background:#e5e9ed; color:#7a8a9a;}
.pop-main-entry{ height:200px; line-height:200px; text-align:center; font-size:18px;}

/*加载*/
.loading-page{ position:absolute; top:50%; left:50%; display:block; font-size:24px; color:#fff; margin:-35px 0 0 -150px;}
.loading-page i{ float:left;}
.loading-page span{ line-height:70px; padding-left:20px;}
/*404*/
.error{ background:url(../images/cover_error404.png) no-repeat center top; margin:120px auto 50px auto; width:600px; padding-top:400px; text-align:center;}
.error h1{ font-size:24px; color:#334355;}
.error h2{ font-size:18px; padding:15px 0 30px 0;}
.error .btn{ display:inline-block; width:160px; background:#45BD67; border-radius:42px; color:#FFF; text-decoration:none;}
.error .btn:hover{ background:#3CA659;}
.wrapper-loading{ text-align:center; color:#345;}
/*我运营的公众号*/
.my-operate-public{ background:#fff; border-bottom:1px solid #e5e9ed; padding:18px 40px; margin:-20px -20px 20px -20px;}
.btn-edit-list{ height:40px; line-height:40px; display:inline-block; border:1px solid #e5e9ed; padding:0 12px; border-radius:3px; color:#7a8a9a;}
.btn-edit-list:hover{ color:#46be68; border:1px solid #46be68; text-decoration:none;}
.btn-edit-list.editing{color:#46be68; border:1px solid #46be68;text-decoration:none;}

.no-padding{ padding:0 !important;}
.myMpAccountGuide{ text-align:center; margin:100px 0 50px 0;}
.myMpAccountGuide p{ font-size:20px; padding:0;}
.myMpAccountGuide dl{ display:inline-block; margin:30px; padding:0;}
.myMpAccountGuide dt{ margin:0 auto; border-radius:50%; width:72px; height:72px; line-height:72px; color:#FFF; background:#4BA1F0; font-size:32px;}
.myMpAccountGuide dd{ margin-top:5px; font-size:18px;}
.myMpAccountGuide .s2 dt{ background:#68AF27;}
.myMpAccountGuide .s3 dt{ background:#F45A41;}
.myMpAccountGuide .s4 dt{ background:#FDB900;}
.myMpAccountGuide .s5 dt{ background:#64D7EF;}
.myMpAccountGuide .s6 dt{ background:#646EEF;}
.bigBtn{ margin-top:20px;}
.bigBtn a{ display:inline-block; height:60px; line-height:60px; padding:0 30px; color:#FFF; background:#44B549; font-size:22px; border-radius:5px;}
.bigBtn a:hover{ text-decoration:none; background:#3DA042;}
.myMpAccountTips{ margin:10px 6px; text-align:right;}
.btnEditList{ display:inline-block; color:#424242; font-size:14px; background:#FFF; border-radius:3px; border:1px solid #E5E9ED; padding:10px 15px;}
.btnEditList:hover{ color:#FE7D00; border-color:#FE7D00; text-decoration:none;}
.btnEditList.editing{ color:#FE7D00; border-color:#FE7D00;}
.myMpAccount{ margin-top:10px;}
.myMpAccount section{ min-width:388px;}
.myMpAccountItem,.myMpAccountAdd{ display:block; height:332px; border:1px solid #E5E9ED; margin:10px; background:#FFF; max-width:100%;}
.myMpAccountItem:hover{ z-index:2;}
.myMpAccountItem .mpHeader{ border-bottom:1px solid #F1F4F8; padding:20px; background:#f8f9fb; border-bottom:1px solid #f1f4f8;}
.myMpAccountItem .mpCover{ float:left; width:50px; height:50px; border-radius:5px; overflow:hidden;}
.myMpAccountItem .mpCover img{ display:block; width:48px; height:48px; border-radius:3px;}
.myMpAccountItem .mpName{ margin:0 80px 0 60px; padding:0; font-size:16px; color:#345; font-weight:bold; line-height:1.6;}
.myMpAccountItem .mpName .iconfont{ color:#FE7D00; font-size:15px;}
.myMpAccountItem .iconVerify{ display:inline-block; width:16px; height:16px; background:url(../images/icon_verify.png) no-repeat; vertical-align:middle;}
.myMpAccountItem .mpInfo{ font-size:12px; color:#7a8a9a; margin:2px 0 0 0; font-weight:normal;}
.myMpAccountItem .myMpAccountBtn{ float:right; position:absolute; right:20px; top:20px;}
.myMpAccountItem .myMpAccountBtn .btn{ display:inline-block; color:#7a8a9a; padding:6px; line-height:1; margin:5px 0 0 0; border-radius:3px; position:static !important; box-shadow:none; font-size:16px;}
.myMpAccountItem .myMpAccountBtn .btn:hover,.myMpAccountItem .myMpAccountBtn .dropdown.open .btn{ border:1px solid #E5E5E5;}
.myMpAccountItem .myMpAccountBtn .btn-moving{ color:#FE7D00;}
.myMpAccountItem .myMpAccountBtn .btn-moving:hover{ border-color:#FE7D00;}
.myMpAccountItem .myMpAccountBtn .btn-moving:active{ cursor:move; border-color:#FE7D00; background:#FFF5EC;}
.myMpAccountItem .myMpAccountBtn .dropdown-menu{ font-size:14px; border-color:#E5E9ED; box-shadow:1px 1px 5px rgba(0,0,0,0.15); left:-120px;}
.myMpAccountItem .myMpAccountBtn .dropdown-menu a .fa{ margin-right:5px;}
.myMpAccountItem .myMpAccountBtn .dropdown-menu a{ color:#7b7b7b; padding:7px 20px;}
.myMpAccountItem .myMpAccountBtn .dropdown-menu a:hover{ background:#8AC38B; color:#FFF;}
.myMpAccountItem .myMpAccountBtn .dropdown-menu a.danger{ color:#C30;}
.myMpAccountItem .myMpAccountBtn .dropdown-menu a.danger:hover{ background:#C30; color:#FFF;}
.myMpAccountItem .tooltip{ white-space:nowrap;}

.myMpAccountDiag{ height:132px; padding:20px;}
.myMpAccountDiag .iconfont{ font-size:15px !important;}
.myMpAccountDiag .totalScore{ float:left; margin-left:5px; width:70px; height:70px; position:relative; z-index:1; background:#fff; border-radius:50%; color:#444b4f;}
.myMpAccountDiag .totalScore .easyPieChart{ display:block;}
.myMpAccountDiag .totalScore .scoreName{ position:absolute; top:80px; left:0; text-align:center; font-size:12px; width:74px; line-height:1.2; color:#7a8a9a;}
.myMpAccountDiag .totalScore .percent{ display:block; position:absolute; left:0; top:0; width:100%; line-height:70px; font-size:30px; font-weight:bold; text-align:center; color:#46be68;}
.myMpAccountDiag .totalScore canvas{ width:70px !important; height:70px !important; position:absolute;}
.myMpAccountDiag .info-box{ border-left:1px solid #f1f4f8; margin-left:100px; height:92px;}
.myMpAccountDiag .illegalInfo{ margin:5px 0 0 30px; font-size:14px; color:#46BE68;}
.myMpAccountDiag .illegalInfo.danger{ color:#E74C3C;}
.myMpAccountDiag .diagTime{ margin:5px 0 0 30px; color:#7D7D7D;}
.myMpAccountDiag .none{ text-align:center; font-size:14px; color:#E74C3C;}
.myMpAccountDiag .none .btns-links{ margin:15px 0 0 0;}
.myMpAccountDiag .waiting{ font-size:14px; text-align:center; color:#7a8a9a;}
.myMpAccountDiag .waitingIcon{ margin-bottom:15px; font-size:28px;}
.myMpAccountDiag .noresult{ font-size:14px; text-align:left; color:#7a8a9a; margin-top:-10px;}
.myMpAccountDiag .noresult a{ color:#3276b1;}
.myMpAccountDiag .noresultIcon{ font-size:36px; text-align:center;}
.myMpAccountDiag .btns-links{ margin:0 0 0 30px;}
.myMpAccountDiag .btns-links .btn{ margin-right:0;}
.myMpAccountDiag .btns-links a{ border:1px solid #f1f4f8; margin-top:11px; color:#7a8a9a;}

.myMpAccountToday{ border-top:1px solid #f1f4f8; background:#f8f9fb;}
.myMpAccountToday dl{ margin:0 15px; border-bottom:1px solid #f1f4f8;}
.myMpAccountToday dl:last-child{ border-bottom:none;}
.myMpAccountToday dl .iconfont{ color:#46be68; font-size:15px;}
.myMpAccountToday dl.danger .iconfont{ color:#E74C3C;}
.myMpAccountToday dl.tips{ color:#7a8a9a;}
.myMpAccountToday dt{ float:left; font-size:14px; font-weight:normal; line-height:54px; color:#7a8a9a;}
.myMpAccountToday dt .iconfont{ font-size:18px;}
.myMpAccountToday dd{ float:right; line-height:54px;}
.myMpAccountToday dd .btn{ font-size:12px;}
.myMpAccountAdd{ line-height:320px; text-align:center; font-size:18px; color:#666; cursor:pointer; border-style:dashed;}
.myMpAccountAdd:hover{ text-decoration:none; color:#46be68; border-color:#46be68;}
.addMyAccountType{ font-size:14px;}
.addMyAccountType .select select{ font-size:14px !important; color:#666;}
.addMyAccountType .tab-content{ padding:15px;}
.addMyAccountType fieldset{ padding:0; margin:0;}
.addMyAccountType .control-label{ text-align:right; line-height:30px;}
.addMyAccountType .input input{ font-size:14px; line-height:18px; height:36px;}
.addMyAccountType .icon-append{ height:26px; line-height:26px;}
.addMyAccountType .form-group{ max-width:280px; margin:0 auto; padding:5px 0 10px 0}
.addMyAccountType .form-group + p{ max-width:280px; margin:0 auto;}
.addMyAccountType em{ display:block; font-size:12px;}
.addMyAccountType .input + p{ margin-top:10px;}
.addMyAccountType .note{ margin-top:10px; color:#999; line-height:1.6 !important; background:#F9F9F9; padding:8px 12px 6px 12px; border:1px solid #EEE;}
.addMyAccountType .sendArticleAccountCheck{ margin:0 0 15px 0 !important;}
.addMyAccountType .checkbox{ font-size:14px; color:#666;}
.addMyAccountWarn{ margin:20px; font-size:14px;}
.addMyAccountWarn .alert{ padding:15px; line-height:1.8;}
.addMyAccountWarn p{ padding-left:20px; color:#666;}
.hasVerify{ vertical-align:middle;}
.hasVerify .input{ display:inline-block; width:100px; vertical-align:middle;}
.hasVerify .verifyImg{ display:inline-block; height:36px; vertical-align:middle;}
.myMpAccountTips{}
.articleTemp{ padding:20px 20px 0 20px; color:#666;}
.articleTemp h3{ margin:0; padding:0 0 10px 0; font-size:14px;}
.articleTemp .fa-exclamation-circle{ vertical-align:middle;}
.articleTempEditor{ margin-bottom:15px; font-size:14px;}
.articleTempEditor .edui-default .edui-editor{ border:1px solid #ddd;}
.articleTempEditor .note{ font-size:14px !important; margin-top:8px;}
.articleTemp .tooltip{ z-index:9999999;}
.sendAlert{ color:#7a8a9a !important; padding:20px;}
.sendAlert label{ font-weight:normal; color:#345; height:24px; line-height:24px; margin-bottom:20px !important;}     
.sendAlert .text-input{ width:206px; height:34px; line-height:34px; background:#f8f9fb; border:1px solid #e5e9ed; border-radius:3px; padding:0 4px; margin-bottom:2px;}
.sendAlert .note{ padding:10px 0;}
.sendAlert .testGetCode{ display:inline-block; margin-left:10px;}
.modal-footer button{ padding:0 30px; height:36px;}

.addMyAccountStep{ margin:15px; font-size:14px;}
.addMyAccountStep .form-group{ padding:15px 0 0 0;}
.addMyAccountStep .note{ margin:0; color:#999; line-height:1.6 !important; background:#F9F9F9; padding:8px 12px 6px 12px; border:1px solid #EEE;}
.addMyAccountStep .smart-form .input input, .addMyAccountStep .smart-form .select select, .addMyAccountStep .smart-form .textarea textarea{ height:36px; font-size:14px;}
.addMyAccountStep .smart-form .icon-append, .addMyAccountStep .smart-form .icon-prepend{ height:26px; line-height:26px;}
.addMyAccountStep .mpAccountConfirm{ text-align:center; margin:30px auto;}
.addMyAccountStep .mpAccountConfirm dt{ display:inline-block; width:100px; height:100px; border-radius:50%; overflow:hidden;}
.addMyAccountStep .mpAccountConfirm dt img{ display:block; width:100px;}
.addMyAccountStep .mpAccountConfirm dd{ margin-top:5px;}
.addMyAccountStep .dialog-sub-title{ color:#345 !important; font-size:14px; margin:10px 0; font-weight:normal; line-height:1.6;}

.modal-body .smart-form .row{ margin:0 10px !important;}
/*群发日志*/
.mp-log-list{ background:#fff; width:100%; border:1px solid #e5e9ed;}
.mp-log-list th{ height:54px; border-bottom:1px solid #e5e9ed; background:#f8f9fb; padding:0 20px; font-weight:normal !important;}
.mp-log-list td{ padding:20px;border-bottom:1px solid #e5e9ed;}
.mp-log-list td img{ width:80px; height:80px; border-radius:5px;}
.mp-log-list td strong{ font-weight:bold; color:#345;}
.mp-log-list .btn{ width:145px;}
.mp-log-list .links-jump a{ color:#7a8a9a !important;}
.serial-number{ background:#7a8a9a; width:18px; height:18px; border-radius:3px; text-align:center; line-height:18px; display:inline-block; color:#fff; margin-right:5px;}
.mass-log-btns a{ margin-bottom:15px;}
.mass-log-btns a:last-child{ margin-bottom:0;}
/*switch*/
.mui-switch {width: 42px; height: 20px; position: relative; background-color: #7a8a9a; border-radius:2px; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; background-clip: content-box; display: inline-block; -webkit-appearance: none; user-select: none; outline: none; }
.mui-switch:before { content: ''; width: 16px; height: 16px; position: absolute; top: 2px; left:2px; border-radius:2px; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; background-color: #fff;}
.mui-switch:checked { border-color:#46be68;background-color: #46be68; }
.mui-switch:checked:before { left: 23px; }
.mui-switch.mui-switch-animbg {transition: background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:before { transition: left 0.3s; }
.mui-switch.mui-switch-animbg:checked { background-color: #46be68;transition: border-color 0.4s, background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:checked:before {transition: left 0.3s; }
.mui-switch.mui-switch-anim { transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s; }
.mui-switch.mui-switch-anim:before { transition: left 0.3s; }
.mui-switch.mui-switch-anim:checked {background-color: #35ca78;transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s; }
.mui-switch.mui-switch-anim:checked:before { transition: left 0.3s; }

/*个人信息改密和绑定手机*/
.verify-binding{font-size:14px; color:#345; clear:both; border-top:1px solid #e5e9ed; padding:20px 0 ;}
.verify-binding .form-group{ margin-bottom:20px;}
.verify-binding label{ width:103px; font-weight:normal;}
.phone-number{ padding-top:7px;}
.test-btn .btn{ display:inline-block; margin-right:6px; padding:0 30px; height:34px; line-height:34px;}
.verify-element-input{width:322px; height:36px; border:1px solid #e5e9ed; background:#fff; padding:0 5px; border-radius:3px;}

.userInvoiceStep2{ padding:60px 0;}
.userInvoiceNumber{ text-align:left;}
.userInvoiceBtns{ text-align:left;}
.bulkManage-checkbox-left{ margin-left:10px; float:left;}
/*查找关注更多的公众号*/
.find-more-public{ background:#fff; padding:9px 40px 0; margin:-20px; border-bottom:1px solid #e5e9ed;}    
.find-malet-area a{ margin:0 10px 8px 0;}
.find-malet-search{ margin:0 10px 8px 0;}
.find-malet-search [type=text] {border-radius:3px !important;}
.find-malet-search .control-search-2-submit {border-radius:3px;}
.view-grouping .material-tag-list{ padding:0 !important;}
.view-grouping-title{ clear:both;padding:15px 0;}
.view-grouping-title a{ color:#8899aa; text-decoration:none;}
.view-grouping-title .iconfont{ padding-right:10px;}
.view-grouping .btn-unify{ background:#fff;}
.view-grouping .btn-unify a{ margin:3px; border:1px solid #e5e9ed !important; background: none; display: inline-block;}
.view-grouping-list{ padding:30px 20px;}
.view-grouping-list section{ min-width:400px;}/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
.view-grouping-list .mp-article-more-btn{ padding:10px 0;}
.view-grouping-list .row{ margin:5px -10px !important;}
.view-grouping-block{ position:relative; background:#fff; padding:20px; border:1px solid #e5e9ed; overflow:hidden; display:inline-block;margin:10px; display:list-item; height:240px;}/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
.view-grouping-block .tag-area a.tag{ text-decoration:none; background:#e5e9ed; padding:5px 10px; border-radius:4px; color:#8899aa; margin-right:5px;}
.view-grouping-block .tag-area a.tag:hover{ background:#d6dbe1;}
.view-grouping-block .data-update{ color:#8899aa; font-size:12px; line-height:1.8; clear:both;}
.view-grouping-block .pull-left{ padding:0 10px 5px 0;}
.view-grouping-block .data-update a.renewdata{ color:#fff;  background:#46be68; padding:0 10px; border-radius:4px; display:inline-block; margin:0 3px 5px 0;}
.view-grouping-block .data-update a.renewing-data{ color:#7a8a9a; background:#e5e9ed; padding:0 10px; border-radius:4px; display:inline-block;}
.view-grouping-block .data-update a{ text-decoration:none;}
.view-grouping-block .data-update a.renewdata:hover{ background:#41b361;}
.view-grouping-block .data-update a.renewing-data:hover{ background:#d6dbe1;}
.view-grouping-head{ margin-bottom:15px; clear:both;}
.view-grouping-head .media-list .item-media img{ width:60px; height:60px;}
.view-grouping-head .media-list .item-inner{ line-height:1.8;}
.view-grouping-head .item-title a{ font-size:14px; font-weight:bold; font-family:inherit; color:#345;}
.view-grouping-content{ height:80px; overflow-x:hidden;}
.idnum-right{ float:right; position:absolute; right:20px; top:20px; font-size:16px;}
.idnum-right a{ color:#7a8a9a; margin-left:10px; display:inline-block;}
/*错误提示页*/
.error-message-page{ text-align:center;}
.icon-error{ background:url(../images/ico-error.png) #c5cbd5 no-repeat center center; width:98px; height:98px;  border-radius:50%;display:block; margin:0 auto 20px;}
/*缺省页*/
.default-page{ text-align:center;}
.default-page h3{ font-size:24px; font-weight:bold;  color:#334455; text-align:center;}
.default-page small{ font-size:14px; display:block; line-height:1.5; text-align:left; }
.default-page span{ font-size:14px; display:block;}

.keyword-default{ max-width:580px; margin:0 auto; padding:210px 20px;} 
.keyword-default .keyword-default-title{ margin:40px 0; font-weight:normal;}
.keyword-default-title span{  padding-top:35px;}
.special-material-default{ max-width:690px; margin:0 auto; padding:40px 20px;}
.hot-hint-default{margin:0 auto; padding:140px 20px;}
.graphic-default{max-width:780px; margin:0 auto; padding:50px 0;}
.graphic-default-title{ margin:40px 0;}
.graphic-default-title small{ padding-top:35px;}
.graphic-default-btns .btn{ width:198px; margin:0 auto; padding:8px 0;}
.myattention-default{max-width:728px; margin:0 auto; padding:100px 20px;}
.myattention-default-title{margin:20px 0; font-size:20px;}
.myattention-default-title span{color:#8899aa;  font-weight:normal; padding-top:20px;}
.myattention-default-title span a{ color:#1592ff;}
.operation-default{ max-width:900px; margin:0 auto; padding:130px 20px;}
.operation-default-title{ padding-bottom:55px; font-weight:normal; text-align:center;}
.operation-defaul-content{ width:100%; margin-bottom:36px;}
.operation-defaul-content dl.senior-classify{ width:138px; display: inline-block; }
.operation-defaul-content dl.senior-classify dt{width:78px; height:78px; line-height:76px; font-size:32px; border-radius:39px; color:#fff; text-align:center; margin:0 auto 5px;}
.operation-defaul-content dl.senior-classify dd{ text-align:center;}
.operation-defaul-content .c-blue{ background:#5497eb; }
.operation-defaul-content .c-green{ background:#73be46;}
.operation-defaul-content .c-red{ background:#e74c3c;}
.operation-defaul-content .c-orange{ background:#fea700;}
.operation-defaul-content .c-lightblue{ background:#54bbeb}
.operation-defaul-content .c-purple{ background:#a959db;}
.operation-defaul-btns{ width:260px; margin:0 auto;}
.material-library-default{max-width:570px; margin:0 auto; padding-top:120px; text-align:left;}
.my-material-default{ background: url(../images/default/material-library-default.png) no-repeat left top; color:#8e9eaf; padding-top:120px; margin-top:30px;}
.my-material-default span{ padding-top:20px;}
.my-material-default a{ color:#1592ff;}
.material-special-default{max-width:730px; margin:0 auto; padding:100px 20px;}
.material-special-default .add-public{ width:384px; height:120px; border:1px solid #e5e9ed; border-radius:3px; margin:0 auto;}
.material-special-default h3{ font-size:24px; font-weight:normal;}
.material-special-default small{ color:#7a8a9a; padding:20px 0 30px 0; }
.material-special-default .add-public{ display:block;  width:384px; height:120px; border:1px solid #e5e9ed; margin:0 auto; padding-top:35px; font-size:18px; }
.material-special-default .add-public i{ font-size:24px;}
.material-special-default .add-public a{ display:block; color:#8899aa; }
/*专享素材*/
.explain-content{ background:#f8f9fb; padding:20px 40px; border-bottom:1px solid #e5e9ed; position:relative;}
.explain-content p{ line-height:2.2; padding-left:40px; margin-bottom:0;}
.explain-content p span{ color:#eb847c;}
.explain-tip{font-size:20px; margin-right:30px; position:absolute; top:35px; left:40px;}
.tab-privileged-material{ padding-top:20px !important;}
.dropdown, .dropup{ display:inline-block;}
.iconfont-size{font-size:12px !important; margin-right:4px;}
/*yl add pop*/
.withdraw-user{ color:#fff; width:100%; background-color:rgba(0,0,0,.8); padding:20px; position:absolute; top:35%;}
.messagebox-tip .mb-title{ font-size:24px; letter-spacing:-1px; font-weight:300;}
.messagebox-tip .pText{ font-size:14px !important; font-weight:normal;}
.quit-color-orange{ color:#a57225;}
.messagebox-button{ float:right;}
.messagebox-tip{ position:relative; width:60%; left:20%; }
.messagebox-tip .botTempo{ margin-right:7px; padding:5px 15px; font-size:14px;}
.mb-title em{ font-style:normal;}

.material-file-title{ float:left; padding:12px 5px 0 0;}
.material-file{ padding-top:5px; display:inline;}
.material-file a{ margin:5px !important;}
.material-file a em{background: #7a8a9a; color: #fff; padding:0 5px; min-width:22px; height: 22px; line-height: 22px; text-align: center; vertical-align: middle; border-radius:20px; font-size:14px; font-weight:normal; font-style:normal; margin-left:5px;}
.material-file a.active em{ background:#FFF; color:#8AC38B;}

.withdraw-user{ color:#fff; width:100%; background-color:rgba(0,0,0,.8); padding:20px; position:absolute; top:35%;}
.messagebox-tip .mb-title{ font-size:24px; letter-spacing:-1px; font-weight:300;}
.messagebox-tip .pText{ font-size:14px !important; font-weight:normal;}
.quit-color-orange{ color:#a57225;}
.messagebox-button{ float:right;}
.messagebox-tip{ position:relative; width:60%; left:20%; }
.messagebox-tip .botTempo{ margin-right:7px; padding:5px 15px; font-size:14px;}
.mb-title em{ font-style:normal;}

.welcome-mask{ width:100%; height:100%; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7);  z-index:9998;}
.welcome{ max-width:960px; border:1px solid #e5e9ed; margin:0 auto; background:#fff; border-radius:8px; z-index:10000;}
.public-type-box{ padding:30px; }
.welcome h3, .welcome h5{ text-align:center; margin:0; padding:0;  text-align:center;}
.welcome h3{ color:#345; font-weight:bold; padding-top:40px;}
.welcome h5{ color:#7a8a9a; padding:18px 0 0 0;}
.welcome-tab{ width:50%; float:left;}
.welcome-tab li{ display:inline-block; position:relative; margin:8px; }
.welcome-tab li a{ border:1px solid #e5e9ed; display:block; color:#7a8a9a; text-decoration:none; text-align:center;  font-size:16px; padding:20px 0; width:130px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.welcome-tab li a:hover{ border:1px solid #2cbe6d;}
.welcome-tab .active{ border:1px solid #2cbe6d; background: url(../images/selected.png) no-repeat right top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.relevant-num{ width:46%; background:#edf0f5; float:left; height:460px; overflow-y:auto; margin-left:30px; margin-top:10px;border:1px solid #e5e9ed;}
.relevant-head{ padding:16px 12px;  background:#f8f9fb; font-size:16px; color:#7a8a9a;}
.relevant-head em{ color:#334455; font-weight:bold; font-style:normal;}
.relevant-content{ padding:12px; }
.num-details{ padding:20px; background:#fff; margin-bottom:20px; }
.num-details:last-child{ margin-bottom:0;}
.num-details img{ float:left; padding:0 10px 5px 0;}
.num-list{ clear:both;}
.num-name { color:#304454; font-weight:bold;}
.num-name span{ display:block; font-size:12px; font-weight:normal;}
.num-list li{ font-size:12px; padding:5px 0; border-bottom:1px dotted #e5e9ed; color:#7a8a9a;}
.describe-num{ color:#345; font-size:12px; padding:28px 0 8px 0;}
.btn-next{ display:block; width:256px; height:66px; line-height:50px; text-align:center; font-size:28px; margin:40px auto; background:#2cbe6d;}
.relevant-nocontent{ text-align:center; padding-top:120px;}
.relevant-nocontent i{ font-size:60px;}
.relevant-list{ border-bottom:1px solid #e5e9ed; margin-bottom:20px;}
.relevant-list:last-child{ margin-bottom:0;}
.relevant-list img{ float:left; padding-right:10px;}
.relevant-list .length-no{ padding:0 0 10px 0; margin-left:58px;}
.relevant-white{ background:#fff;}


.finished{ width:270px; margin:40px auto;}
.finished p{ color:#345; font-size:24px; padding:35px 0 160px 0; text-align:center; }
.finished img{ display:block; width:150px; margin:220px auto 0;}
.finished i{ display:block; margin:180px auto 30px; font-size:120px;}

.select-keyword .control-search-2{ margin:10px;}
.select-keyword p{ padding-left:20px;}

.welcome-loading i{ display:block; margin:20px auto;}
.welcome-loading p{ text-align: center;}
.publicnum-redcolor{ color:#eb847c;}

.type-select-1{ width:100%; height:34px; color:#7a8a9a; border-radius:5px; border:1px solid #e5e9ed; margin-top:10px;}
.type-select-1:hover{  background: #edf0f5;}
.type-select-1:focus{ background: #fff; border-color:#46be68;}
.fa-colorgray{ color:#7a8a9a;}
.daterangepicker .dropdown-menu{ width:596px; z-index:9999;}
.day-selectstyle{ border:1px solid #e5e9ed; height:34px; padding:0 10px; border-radius:3px; margin-left:6px; vertical-align:middle;}

.material-tag .whole-choose:hover{ border-bottom:1px solid #337ab7;}
.publicnum-type{ padding-bottom:10px; display:inline-block; margin-right:20px;}
.publicnum-genre .control-checkbox-label{ padding:0; color:#7a8a9a; font-weight:bold; padding-left:2px;}
.publicnum-genre li{ display:inline-block; margin:0 20px 5px 0;}
.like-danger{ color:#e74c3c; padding:2px 6px; border:1px solid #e74c3c; border-radius:3px; font-size:14px; margin:0 6px 0 5px;}
.like-original{ color:#41cac0; padding:2px 6px; border:1px solid #41cac0; border-radius:3px; font-size:14px;}
.mp-article-list .item-title a{ color:#3298db; text-decoration:none;}
.get-video{ display:block; width:56px; margin-top:2px; color:#2787c6;}
.mp-article-source .no-use{ pointer-events:none; background:#dce3e9 !important;}
.mp-article-source a.move-folder i{ font-weight:bold;}

.attention-btns{ border-bottom:1px solid #e5e9ed; padding:15px 40px; /*position:fixed;*/ top:66px; left:480px; right:0; z-index:99999; background:#fff;}
.attention-btns a{ display:inline-block;  padding:10px 15px; border:1px solid #e5e9ed; border-radius:3px; color:#89a;}
.attention-btns a:hover, .attention-btns .active{ background:#46be68; color:#fff; border:1px solid #46be68;}
.attention-btns a:first-child{ margin-right:18px;}


.follwedArticleSide .itemGroup .btn-down{ padding:0 !important;}
.follwedArticleSide .itemGroup .btn-down:hover{ background:#f8f9fb;}
.itemGroup .down-next{ position:absolute; top:0; right:20px;}
.follwedArticleSide .down-next .attention-dropdown-menu{ position:absolute; top:36px; right:-170px !important; z-index:10000;}
.follwedArticleSide .publicnum-attention a{ border-bottom:0;}
.follwedArticleSide .publicnum-attention{ border-bottom:1px solid #e5e9ed;}
.btn-down{ margin-right:20px;}
.import-material-library .icon-tuwentongbu{ font-size:14px;}
.material-tag .material-tag-list{ margin-left:120px !important;}

.publicnum-item{ width:225px; margin:80px auto; font-size:16px; color:#345;}
.publicnum-item img{ display:block; width:60px; height:60px; border-radius:50%; margin:0 auto 20px;}
.function-nav .elment5{ position:absolute; top:63px; left:185px;}

/*提示*/
.tip-success{background:#2cbe6d; padding:15px 20px; border-radius:4px; line-height:1.8; min-width:480px; color:#fff; position:absolute; right:10px; top:10px; z-index:8888; font-size:14px;}
.tip-success .tip-title{ font-size:16px;}
.tip-success .close{ color:#fff; opacity:1; position:absolute; right:20px; top:30px;}
.tip-error{ background:#f04b43;}

/*弹窗通用*/
.mpUserTagsSelector{ padding:10px;}
.mpUserTags a,.addNewTag,.editTagArea{ display:block; border:1px solid #e5e9ed; border-radius:3px; background:#fff; margin:6px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px 12px; height:60px; position:relative; z-index:1; text-decoration:none; font-size:16px; color:#345; cursor:pointer;}
.addNewTag{ cursor:default; text-align:center; padding:0;}
.mpUserTags .col{ position:relative;}
.mpUserTags a .fa-circle{ position:absolute; right:12px; top:50%; margin-top:-10px; font-size:20px; color:#AAA;}
.mpUserTags a:hover{ border-color:#46be68;}
.mpUserTags a .fa-circle{ width:18px; height:18px; border:2px solid #BBB; border-radius:14px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mpUserTags a .fa-circle:before{ content:"";}
.mpUserTags a.selectedTag .fa-circle{ border:none; width:18px; height:18px;}
.mpUserTags a.selectedTag .fa-circle:before{content:"\f058"; color:#46be68;}
.mpUserTags .stat{ display:block; color:#7a8a9a; font-size:12px;}
.mpUserTags .tagName{ color:#345;}
.addNewTagArea{ padding-top:13px; text-align:center;}
.addNewTagArea .input{ width:158px; margin:0 5px 0 0;}
.addNewTagArea .input,.addNewTagArea .btn{ display:inline-block; vertical-align:middle;}
.addNewTag a{ margin:0; border:none; box-shadow:none; color:#46be68; padding:0; line-height:60px; background:none;}
.addNewTag a:hover{ color:#27a547;}
.addNewTag .fa{ position:static; display:inline-block; color:#46be68; margin-right:5px;}
.addNewTagArea .btn{ background:#46be68; border-color:#46be68; color:#FFF;}
.addNewTagArea .btn:hover{ background:#27a547;}
.addNewTagArea .btn:active{ box-shadow:none; background:#159328; color:#fff !important;}
.addNewTagArea .btn-cancel{ background:#FFF; border-color:#CCC; color:#7a8a9a;}
.addNewTagArea .btn-cancel:hover{ background-color:#EFEFEF;}
.editTagArea{ cursor:default;}
.editTagArea .addNewTagArea{ padding-top:3px;}
.editTagAreaBtn{ float:right; margin:8px 0 0 0;}
.editTagAreaBtn a{ display:inline-block; padding:0; height:auto; background:none; color:#7a8a9a; text-decoration:none; margin:0 5px; border:none; box-shadow:none; border-radius:0; font-size:18px;}
.editTagAreaBtn a:hover{ color:#AAA;}
.smart-form .mpUserTags section{ margin:0 5px 0 -5px;}
.smart-form .mpUserTags.mpUserTagsEdit section{ margin:0;}

.sendArticleTitle{ padding:15px 15px 0 15px; font-size:16px; margin:0;}
.sendArticleAccountCheck{ margin:15px; font-size:14px;}
.sendArticleAccount{ padding:10px; color:#666; font-size:14px;}
.sendArticleAccount dl,.sendArticleAccount .addAccount{ display:block; cursor:pointer; margin:5px; background:#F9F9F9; height:58px; padding:10px; border:1px solid #CCC; border-radius:5px; color:#7a8a9a;}
.sendArticleAccount dl:hover,.sendArticleAccount .addAccount:hover{ text-decoration:none; color:#666; border-color:#8AC38B;}
.sendArticleAccount .addAccount{ text-align:center; line-height:36px; border-style:dashed;}
.sendArticleAccount dl.selected{ border-color:#8AC38B !important; background:#F3FAF3;}
.sendArticleAccount dl.selected::after{ border-left:30px solid rgba(0, 0, 0, 0); border-top:30px solid #8AC38B; line-height:30px;}
.sendArticleAccount dl.selected::before{ right:2px; top:1px;}
.sendArticleAccount dt{ float:left; width:36px; height:36px; border-radius:36px; border:1px solid #CCC; overflow:hidden;}
.sendArticleAccount dt img{ display:block; width:100%;}
.sendArticleAccount dd{ margin:5px 0 0 45px; line-height:1.5;}
.sendArticleAccount .notDt dt{ display:none;}
.sendArticleAccount .notDt dd{ margin:0; line-height:36px;}
.sendArticleAccountForm{ padding:15px; font-size:14px; color:#666;}
.sendArticleAccountForm .form-group{ padding:5px 0 10px 0; max-width:280px; margin:0 auto;}
.sendArticleAccountForm .input input{ font-size:14px; line-height:18px; height:36px;}
.sendArticleAccountForm .icon-append{ height:26px; line-height:26px;}
.sendArticleAccountForm .form-group + p{ max-width:280px; margin:0 auto;}
.sendArticleAccountForm p:first-child{ margin-bottom:9px !important;}
.sendArticleAccountForm .btnWechat{ background:#00BC0C; font-size:16px; border:none; padding:8px 15px !important;}
.sendArticleAccountForm .btnWechat:hover,.sendArticleAccountForm .btnWechat:active{ background-color:#00B20B;}

.sendArticleResult{ color:#666; text-align:center; padding:50px 30px;}
.sendArticleResult h1{ padding:0 0 10px 0; margin:0; font-size:52px;}
.sendArticleResult h2{ margin:0; padding:0; font-size:16px; letter-spacing:0;}
.sendArticleResult .sending .fa{ color:#34B8F8;}
.sendArticleResult .sendFailed .fa{ color:#E4261A;}
.sendArticleResult .sendSuccess .fa{ color:#91CC06;}
.sendArticleResult.oneRow h1,.sendArticleResult.oneRow h2{ display:inline-block; vertical-align:middle;}
.sendArticleResult.oneRow h2{ margin-left:15px; text-align:left;}
.linkMpGuide{ border-top:1px solid #DDD; max-width:600px; text-align:center; margin:0 auto; padding:30px 0; font-size:16px; color:#666;}
.linkMpGuideTips{ background:url(../images/page_guide_connect_mp.png) no-repeat center bottom; padding-bottom:230px;}
.linkMpGuideBtn{ margin-top:30px;}
.sendArticleResult .warning .fa{ color:#34B8F8;}
.sendArticleResult .warning h2{ font-size:14px; line-height:1.8;}
.sendArticleResult .warningBtns{ margin-top:15px;}
.sendArticleResult .warningBtns .btn{ margin:0 8px;}

.import-material fieldset{ padding:20px 10px;}
.import-material .label{ color:#345 !important; float:left; line-height:1.8; margin-bottom:20px;} 
.folder-settings .label{color:#7a8a9a !important; padding:10px 20px;}

.videoLinkTitle{ text-align:center; font-size:16px; color:#666;}
.videoLinkTitle a{ color:#666;}
.videoLinkList{ padding-bottom:20px;}
.videoLinkList dt{ width:400px; margin:0 auto;}

.videoLinkList dd{ border:1px solid #ADD6AE; background:#F5FAF5; margin:5px auto 0 auto; font-size:14px; color:#52A054; padding:5px 10px; width:400px; word-wrap:break-word; overflow:hidden;}
.videoLinkList dd::selection{background:#52A054; color:#FFF;}
.videoLinkList dd::-moz-selection{background:#52A054; color:#FFF;}
.videoLinkList dd::-webkit-selection{background:#52A054; color:#FFF;}
.videoLinkTips{ text-align:center; color:#999; font-size:14px; padding:0 15px;}

.type-select-1{ width:100%; height:34px; color:#7a8a9a; border:1px solid #e5e9ed; margin-top:10px;}
.type-select-1:hover{  background: #edf0f5;}
.type-select-1:focus{ background: #fff; border-color:#46be68;}
.distance-element{ margin-bottom:20px;}
/*编辑器*/
.editorGroupFooter{ background:#F9F9F9; border:1px solid #D4D4D4; border-top:none; padding:10px; max-width:700px; text-align:right;}
.editorGroupFooter a{ display:inline-block; padding:5px 10px; color:#75A505; cursor:pointer; background:#FFF; border:1px solid #91CC06; border-radius:3px; margin-left:10px;}
.editorGroupFooter a:hover{ color:#333; text-decoration:none; background:#FAFFEE; border-color:#709D04; color:#709D04;}
.quickEditorLayer{ position:fixed; z-index:1050; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6);}
.quickEditorMain{ width:820px; margin:5px auto 0 auto; padding:5px; background:#FFF;}
.quickEditorFooter{ width:820px; position:absolute; z-index:1; left:50%; bottom:5px; margin-left:-410px; background:#F9F9F9; border-top:1px solid #DDD; padding:15px 20px;}
.quickEditorBtns{ text-align:right; margin:0 auto;}
.quickEditorFooter .btn{ cursor:pointer; line-height:32px; height:32px; padding:0 22px; margin:0 5px;}
.xiguaEditorLayer{ position:fixed; z-index:1050; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6);}
.xiguaEditorWrap{ width:auto; max-width:1136px; margin:0 auto; padding:5px 0an y 66px 0; height:100%; position:relative; z-index:1;}
.xiguaEditorMain{ width:100%; height:100%; padding:0; background:#FFF;}
.xiguaEditorFooter{ width:100%; position:absolute; z-index:1; left:0; bottom:5px; height:63px; background:#F8F8F8; border-top:1px solid #DDD; padding:15px 20px;}
.xiguaEditorFooter:before{ display:block; content:" "; position:absolute; z-index:1; left:0; top:-1px; background:#2B2F33; width:200px; height:64px;}
.xiguaEditorBtns{ text-align:right; margin:0 auto;}
.xiguaEditorFooter .btn{ cursor:pointer; line-height:32px; height:32px; padding:0 22px; margin:0 5px;}

/*公众号详情*/
.public-details-info{ background:#f8f9fb; border-bottom:1px solid #e5e9ed;}
.mp-account-header{ padding:20px 20px 0 40px; border-right:1px solid #e5e9ed;}
.mp-account-intro{ display: block; margin:20px 0 25px; color: #7a8a9a; clear:both;}
.mp-account-btns{ background:#46be68; padding:2px 10px; border-radius:2px; color:#fff; font-size:12px;}
.mp-account-btns i{ font-size:12px;}
.mp-account-time{ color:#46be68; padding-bottom:10px;}
.mp-account-info{ line-height:1.4; line-height:1.6;}
.mp-account-data{ border-top:1px solid #e5e9ed;}
.mp-account-data li{ width:50%; float:left; text-align:center; padding:20px 20px 30px;}
.mp-account-data li span{ font-size:32px; color:#345;}
.mp-account-chart{ padding:20px; text-align:center; height:315px;}
.public-details-padding{ padding:40px 20px 20px 40px;}
.mp-article-list-border .table th{ border-top:none !important;}
/*按钮收起*/
.menu-pack-up .sidebar{display:none;}
.menu-pack-up .topbar{padding-left:0;}
.menu-pack-up .wrapper{left:0;}
.menu-pack-up .main-content{ margin-left:0 !important;}
.menu-pack-up .message-panel{ left:-25px;}
.menu-pack-up .customer-service{ left:33px;}

/*重新登入激活*/
.activation-header{ padding-left:0;}
.activation-header .xigua-logo{ background: url(../images/xigia-logo-page.png) no-repeat; width:142px; height:35px; margin:14px 30px;}
.mainbox{ margin-top:89px; padding:80px 0 30px; text-align:center;}
.login-again .icon-error{ background:url(../images/ico-state.png) 0 0; width:142px; height:142px; display:block; margin:0 auto 40px;}
.active-main h4{ font-size:24px; color:#345; font-weight:bold; text-align:center; margin-top:-3px;}
.active-main h5{ color:#345; font-size:18px; padding-bottom:20px;}
.active-main p{ font-size:14px;}
.active-main .version-tip{ padding-bottom:40px;}
.active-main a{ font-size:18px; letter-spacing:3px;}
.page-copyright{ width:100%; color:#7a8a9a; font-size:14px; line-height:2; text-align:center; padding-top:20px;}
/*公号类型选择*/
.type-selection{ background:#fff; border-radius:5px; padding:40px 20px; width:444px; margin:0 auto;}
.type-selection .type-title{ font-size:18px; font-weight:bold; padding-bottom:20px;}
.type-selection .type-prompt{ color:#e74c3c; font-size:16px; line-height:1.5; padding-bottom:20px; text-align:left;}
.type-selection ul li{cursor:pointer; border:1px solid #e5e9ed; border-radius:3px; width:128px; height:34px; line-height:34px; text-align:center; margin:0 10px 10px 0; float:left; box-sizing:border-box; position:relative;}
.type-selection ul li:nth-child(3n){ margin-right:0;}
.type-selection ul li:hover,
.type-selection ul li.active{ border:1px solid #46be68;}
.type-selection ul li.active:after{background:url(../images/sprites_icon.png) no-repeat 0 -448px; width:26px; height:26px; content:""; display:inline-block; position:absolute; right:0; top:0;}
.btns-use a{ width:100%; margin-top:30px;}
/*激活成功*/
.activate-success{ background:#fff; border-radius:5px; padding:40px; width:340px; margin:0 auto; }
.activate-success .icon-succse{background:url(../images/ico-state.png) 0 -142px; width:142px; height:142px; display:block; margin:0 auto 40px;}
.due-time{ padding-top:10px; text-align:center;}
.activation-code{ text-align:center; margin-bottom:10px;}
.activation-code img{ width:180px; height:180px; margin:0 auto;}
.control-search-code { width:256px; height:36px; overflow: hidden; position: relative; margin:30px 0 -10px;}
.control-search-code:hover [type=text] { background: #edf0f5; }
.control-search-code [type=text] { width: 100%; height: 36px; line-height: 36px; padding: 0 10px; border-radius:3px; border: 1px solid #e5e9ed; color: #7a8a9a; margin-right: 60px; border-right: 0; }
.control-search-code [type=text]:focus { background: #fff; border-color: #46be68; }
.control-search-code-submit { width:60px; height: 36px; line-height:36px; display: block; position: absolute; top: 0; right: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #46be68; text-align: center; font-size: 16px !important; }
.control-search-code-submit:link, .control-search-2-submit:visited { color: #fff; text-decoration: none; }
.control-search-code-submit:hover { text-decoration: none; background: #28a547; }
.control-search-code-submit:active { background: #168b27; }
/*忘记密码*/
.find-password{ border-radius:3px; margin-bottom:20px;}
.find-steps{ background:#e5e9ed; width:100%; height:36px; border-radius:18px;}
.find-steps{ margin-bottom:35px;}
.find-steps ul{ margin:0; padding:0;}
.find-steps li{ float:left; width:50%; height:36px; line-height:36px; border-radius:18px; font-size:16px; padding:0 25px; position:relative; z-index:1;}
.find-steps li.active{ background:#46be68; border-radius:18px; color:#fff;}
.find-steps li em{ width:18px; height:18px; line-height:18px; text-align:center;  border-radius:50%; color:#FFF; background:#7a8a9a; display:inline-block; margin-top:5px; font-style:normal; margin-right:10px;}
.find-steps li.active em{ background:#fff; color:#46be68; }
.authenticated{ padding-bottom:20px; font-size:16px; color:#7a8a9a;}
.find-password button{ margin-bottom:0; width:100%; height:36px; border-radius:2px; font-size:16px;}
.verify-account{ font-size:16px;}
.verify-account-tip{ font-size:14px; padding-bottom:40px;}
.find-password .register-col-left1{ width:213px;}
.find-password .register-col-left1 .form-control{ border-radius:0;}
.find-password .register-col-right1{ width:145px;}
.find-password .register-col-right1 .btn{ width:100%; border-radius:0 4px 4px 0; background:#46be68; border:1px solid #46be68; color:#fff; height: 38px;}
.find-password .register-col-right1 .btn:hover{ background:#28a547; border:1px solid #28a547;}
.find-password .register-col-right1 .btn:focus,.find-password .register-col-right1:active{background:#168b27;  border-radius:0 4px 4px 0;}
/*统计数据*/
.statistic-data .wrapper-col-left{ width:300px; display:-webkit-box; display:-webkit-flex; display:flex; flex-flow:column; position:fixed !important; height:100%; border-right:1px solid #e5e9ed;}
.statistic-data .wrapper-col-right{ padding:0; margin-left:300px; height:100%;border-left:none !important;}
.statistic-nav dl{ padding:0; margin:0;}
.statistic-nav dl dt{ padding:0 40px; color:#345;}
.statistic-nav dl dt,.statistic-nav dl dd{ height:56px; line-height:56px; font-size:16px;}
.statistic-nav dt a{ color:#345 !important;}
.statistic-nav dd a{ color:#89a !important; padding:0 40px 0 66px;}
.statistic-nav a{ padding:0 40px; display:block;}
.statistic-nav a:hover{ background:#edf0f5;}
.statistic-nav a:active{ background:#46be68; color:#fff !important;}
.statistic-nav a.active{ background:#46be68; color:#fff !important;}
.statistic-nav i{ background:url(../images/statistic-ico.png) no-repeat; width:14px; height:14px; margin:23px 12px 0 0; display:inline-block;}
.statistic-nav i.user-analysis{ background-position:0 0;}
.statistic-nav i.graphic-analysis{ background-position:0 -14px;}
.statistic-nav a:hover i.user-analysis{ background-position:0 -28px;}
.statistic-nav a:hover i.graphic-analysis{ background-position:0 -42px;}
.statistic-public{ height:88px; background:#fff; padding:20px 40px; border-bottom:1px solid #e5e9ed;}
.statistic-public .media-list{ float:left;}
.statistic-public .media-list .item-title a{ color:#345; font-size:16px; font-weight:bold;}
.switch-weChat{ font-size:16px;}
.switch-weChat a{ display:inline-block; margin-top:10px; color:#7a8a9a !important;}
.switch-weChat i{ margin-left:12px;}
.statistic-list-content .sub-header{ padding:10px 40px;}
.turn-page{  display:inline-block; width:12px; margin-left:8px; vertical-align:middle;}
.turn-page a{ display:block; width:12px; height:12px;}
.turn-page-up{ background:url(../images/statistic-ico.png) no-repeat 0 -56px; width:12px; height:12px; display:block; }
.turn-page-up1{ background-position:0 -80px;}
.turn-page-down{background:url(../images/statistic-ico.png) no-repeat 0 -68px;width:12px; height:12px; display:block; }
.turn-page-down1{ background-position:0 -92px;}
.icon_rank{display: inline-block; vertical-align: middle; margin-top: -3px; position: relative; width: 10px; height: 12px;}
.statistic-list-content .mp-account-list .table tr:hover,
.statistic-list-content .mp-account-list .table>tbody>tr.active>td{ background:#f8f9fb !important; }
.statistic-list-content .mp-account-list .table td{ text-align:right; line-height:1.2; padding:20px 0; vertical-align:middle;}
.statistic-list-content .mp-account-list th:first-child,.statistic-list-content .mp-account-list td:first-child{ text-align:left; padding-left:40px;}
.statistic-list-content .mp-account-list .table>thead>tr>th{ font-weight:normal !important; color:#345; text-align:right;}
.statistic-list-content .mp-account-list .table>thead>tr>th:first-child{ text-align:left;}
.statistic-list-content .mp-account-list .table>thead>tr>th:last-child{ padding-right:40px;}
.statistic-list-content .td-last{ padding-right:40px !important; color:#3498db; position:relative;}
.statistic-list-content .article-title{ color:#345; text-align:left; min-width:200px;}
.element-block{ float:right; width:90px;}
.chart-area{ background:#f8f9fb; min-height:414px; padding:0;}
.chart-area .row{ padding:0; margin:0;}
.read-source-chart{ float:left; max-width:480px; padding:0 40px;}
.read-source-chart img{ max-width:400px; width:100%;}
.read-develop-chart{ float:left; max-width:900px; padding:0 40px 20px 0;}
.read-develop-chart .sub-header{ display:inline-block;}
.read-develop-chart img{ max-width:860px; width:100%;}
.chart-title{ height:60px; line-height:60px;}
.chart-content{}
.percent-conversion{ padding:0 40px;}
.percent-conversion img{max-width:1300px; width:100%;}
.single-graphic{}
.statistic-default{ padding:120px 20px 20px 20px;}
.statistic-default .btn-accredit{ width:256px; height:66px; font-size:24px; line-height:46px;}
.statistic-default-title{ color:#345; font-size:24px; margin-top:40px; font-weight:normal !important;}
.statistic-default-title small{ color:#7a8a9a; text-align:center; padding-top:20px; font-size:16px; line-height:1.6;}

.more-weChatID{ padding:20px 40px; background:#f8f9fb; border-bottom:1px solid #e5e9ed;}
.more-weChatID ul{ width:100%;}
.more-weChatID li{ width:312px; height:68px; border:1px solid #e5e9ed; margin:4px 8px 4px 0; border-radius:3px; float:left; box-sizing:border-box; color:#345; position:relative;}
.more-weChatID li nth-child(4n){ margin-right:0;}
.more-weChatID li:hover,
.more-weChatID li.active{ border:1px solid #46be68;}
.more-weChatID li.active:after{ background:url(../images/icon-set.png) no-repeat 0 0; width:32px; height:32px; position:absolute; right:0; top:0; content:''; display:inline-block;}
.more-weChatID li a{ padding:10px; cursor:pointer; display:block; color:#345;}
.more-weChatID li a:hover{ text-decoration:none;}
.more-weChatID li img{ width:48px; height:48px; border-radius:3px; margin-right:10px;}
.more-weChatID .add-new-public a{ line-height:42px; width:100%; text-align:center; font-size:16px; color:#7a8a9a !important;}
.more-weChatID .item-title{ font-weight:bold;}
.more-weChatID .item-sub-title{ color:#7a8a9a;}

.daily-paper{}
.target-list-title{ background:#f8f9fb; height:56px; line-height:56px; font-size:16px; padding-left:40px; border-bottom:1px solid #e5e9ed;}
.target-list{ border-bottom:1px solid #e5e9ed; background:#fff; text-align:center;}
.target-list-block{ display:block; border-right:1px solid #e5e9ed; box-sizing:border-box; color:#345; text-align:center; margin:0 auto; padding:40px; min-width:140px;}
.target-list-block-last{ border-right:0;}
.target-list .row{ margin:0; padding:0;}
.target-list .row .col{ margin:0; padding:0;}
.read-number-title{ color:#7a8a9a;}
.number-title{ color:#345; font-size:32px; text-align:center; padding:8px 0;}
.index-time-distance{margin-left:20px; width:80px; display:inline-block; text-align:left;}
.esp-distance{ text-align:center; color:#7a8a9a;}
.target-component-area{ padding:10px 40px !important; background:#f8f9fb;border-bottom:1px solid #e5e9ed;}
.target-component-area .title{ margin-right:20px;}
.green-color{ color:#46be68;}
.red-color{ color:#e74c3c;}
.target-component-select{ margin-right:5px !important; display:inline-block;}
.target-component-chart{ background:#fff; padding:20px 40px; min-height:312px;border-bottom:1px solid #e5e9ed;}
.target-component-chart img{ max-width:1304px; width:100%;}
.mp-target-list .table>thead>tr>th{ background:#fff;}
.mp-target-list .table{ border-top:none;} 
.mp-target-list .td-last{ padding-right:40px !important; color:#7a8a9a;}
.target-nav{ text-align:center; border-bottom:1px solid #e5e9ed;}
.target-nav button{ width:90px;}
.sources-read-chart{ text-align:center;}
.sources-read-chart img{ max-width:500px; height:310px; width:100%; margin:0 auto;}
.trend-component-area{ padding:20px 0;}
.trend-component-area .title{ margin-right:20px;}
.trend-chart{ padding:20px 40px;}
.trend-list{ border:1px solid #e5e9ed; border-width:0 1px; margin-top:40px;}
.trend-list .table>thead>tr>th{ background:#fff; text-align:center !important; border:1px solid #e5e9ed; border-collapse:collapse;}
.trend-list .table>thead>tr>th:first-child{ padding-left:0 !important; border-left:0;}
.trend-list .table>thead>tr>th:last-child{ padding-left:0 !important; border-right:0;}
.trend-list .table td{ padding-right:10px;}
.trend-list .table td.times-box{border-right:1px solid #e5e9ed; background:#fff; height:100%; vertical-align:middle;}
.trend-list .amount-style{ float:left; margin-left:10px;}
.trend-list .turn-page{ float:right; margin-right:10px;}
.trend-list .table>thead>tr>th:last-child{ padding-right:0 !important;}
.hours-paper{}
.no-border{ border-bottom:none;}
.mp-article-ranking{ border-top:0;}
.mp-article-ranking .table>thead>tr>th{ background:#fff;}
.mp-article-ranking .table td { height:58px !important; text-align:center;}

.checkbox-inline .checkbox{ border:1px solid #7a8a9a;width: 14px; height: 14px; vertical-align:middle; z-index:9999;}
/*违规检测 违规详情*/
.public-details-bar{ color:#345; height:56px; line-height:56px; background:#fff; border-bottom:1px solid #e5e9ed; display:block; position: fixed; left: 230px; top: 66px; right: 0; z-index:100;}
.public-details-bar span{ color:#7a8a9a; padding-left:20px; font-size:12px;}
.public-details-bar dl{ padding:12px 20px; display:table;}
.public-details-bar dt{ background:#7a8a9a; width:32px; height:32px; border-radius:16px; margin:0 20px; display:table-cell;}
.public-details-bar dt img{width:32px; height:32px; border-radius:16px;}
.public-details-bar dd{ vertical-align:middle; display:table-cell; vertical-align:middle; padding-left:20px; font-weight:bold;}
.public-details-bar dd span{ font-weight:normal;}

.public-details-box{ margin:56px 0 0 0; z-index: 88;}
.public-details-box .mp-article-list .table{ border-width:0;}
.public-details-box .wrapper-col-left{ width:250px !important; display:-webkit-box; display:-webkit-flex; display:flex; flex-flow:column; position:fixed !important; height:100%; border-right:1px solid #e5e9ed;}
.public-details-box .wrapper-col-right{ padding:0; margin-left:250px; height:100%;border-left:none !important;}
.public-details-box .mp-article-list .table td{ padding:30px 10px;}
.public-details-box .mp-article-title span{ margin-left:10px;}
.public-details-box .mp-article-list .tag-date{ background:#3d9ad9; padding:0 5px; height:30px; line-height:30px; border-radius:3px; font-size:16px; display:inline-block; color:#fff;}
.public-details-box .btn-operation{ border:1px solid #e5e9ed; color:#7a8a9a; width:110px; cursor:pointer; margin-right:6px; background:#fff;}
.public-details-box .btn-operation:hover{ background:#46be68; color:#fff; box-shadow:none;}
.public-details-box .btn-operation:focus, .public-details-box .btn-operation::active{ background:#d9e0e7; border:1px solid #d3d9e0;}
.public-details-box .disabled{ background:#46be68; color:#fff;}
.public-details-box .iconfont{ margin-right:10px;}
.public-details-box .mp-article-list .table th{ padding:18px 10px;}
.public-details-box .mp-article-list .table td:last-child .tooltip{ white-space:normal !important; width:200px; z-index:150;}

.violations-grouping-list{ padding:30px 20px;}
.list-tip{ padding:30px 0; text-align:center; font-size:16px;}
.violations-grouping-list section{ min-width:388px;}
.follwedArticleSide .itemGroup .article-number{ background:#e74c3c; min-width:22px; height:22px; border-radius:11px; padding:0 5px; color:#fff; text-align:center; line-height:22px; font-style:normal; position:absolute; right:20px; top:16px; font-size:11px;}

.public-details-maincontent .alert{ margin:-20px;}
.public-details-block{ background:#fff; padding:20px; border:1px solid #e5e9ed; overflow:hidden; display:inline-block;margin:10px; display:list-item; height:354px;}
.public-details-block .mp-avatar img { display: block; width: 60px; height: 60px; border-radius:30px; float: left; margin-right: 10px; }
.public-details-block .test-model em{ background:url(../images/test-status.png) no-repeat; width:172px; height:112px; display:block; margin:5px auto 20px;} 
.public-details-block .test-model em.test{ background-position:0 0;}
.public-details-block .test-model em.test-no-record{ background-position:0 -112px; position:relative;}
.public-details-block .test-model em.test-no-record .hourglass{ background:url(../images/hourglass.png) no-repeat; width:32px; height:43px; position:absolute; bottom:7px; right:35px; display:block;
-webkit-animation:loader 2.5s infinite linear; -moz-animation:loader 2.5s infinite linear; animation:loader 2.5s infinite linear;}
@keyframes loader {  
    0% { transform: rotate(0deg); }  
    100% { transform: rotate(180deg); }
	}  
.public-details-block .test-model em.test-failure{ background-position:0 -224px;}
.public-details-block .test-model em.test-no-result{ background-position:0 -336px;}
.public-details-block .test-model h3{ font-size:16px; color:#345; text-align:center;}
.public-details-block .test-model p{ font-size:14px; color:#7a8a9a; text-align:center; line-height:1.8;}
.public-details-block .test-model .fa-ico{ color:#7a8a9a;}

.flex{ display:-webkit-box; display:-webkit-flex; display:flex;}
.inspection-situation{ padding-top:12px; border-top:1px solid #e5e9ed;}
.public-details-heaad{ margin-bottom:20px; position:relative;}
.public-details-heaad .re-examine{ position:absolute; right:0; top:0; border:1px solid #e5e9ed;}
.testing-time{ padding:20px 0 30px; text-align:center;}
.article-states{ margin-bottom:20px;}
.article-states dl{ -webkit-box-flex:1; -webkit-flex:1; flex:1; text-align:center;}
.article-states dt{ display:inline-block; background:#e74c3c; line-height:50px; width:50px; height:50px; border-radius:50px; text-align:center; font-size:16px; color:#FFF;}
.article-states dd{ margin-top:5px;}
.article-states .no-violation dt{ background:#46be68; color:#fff;}
.article-states .danger dt{ background:#e74c3c;}
.initiative-delete dt{ background:#9faebc;}
.test-status{ background:url(../images/test-status.png) no-repeat center top;}
.menu-pack-up .public-details-bar{ left:0;}
.modal-dialog-800{ width:800px !important;}
.snapshot-title{ background:#f8f9fb; padding:20px 60px; border-bottom:1px solid #e5e9ed; line-height:1.6;}
.snapshot-title span{ color:#345;}
.snapshot-content{ padding:40px 60px; min-height:600px; line-height:1.6;}
.snapshot-content .snapshot-error{ background:url(../images/ico-error.png) #e74c3d no-repeat center center; width:98px; height:98px;  border-radius:50%;display:block; margin:30px auto;}

.toolkit-box{ padding:30px 20px;}
.toolkit{ background:#fff; padding:20px; border:1px solid #e5e9ed; display:block; margin:10px; border-radius:4px; z-index:1; height:142px;}
.toolkit .toolkit-ico{ background: url(../images/toolkit-ico.png) no-repeat; display: block; width: 100px; height: 100px; float: left;}
.toolkit .toolkit-ico.ico1{ background-position:0 0;}
.toolkit .toolkit-ico.ico2{ background-position:0 -100px;}
.toolkit .toolkit-ico.ico3{ background-position:0 -200px;}
.toolkit .toolkit-ico.ico4{ background-position:0 -300px;}
.toolkit .toolkit-ico.ico5{ background-position:0 -400px;}
.toolkit .toolkit-ico.ico6{ background-position:0 -500px;}
.toolkit .toolkit-ico.ico7{ background-position:0 -600px;}
.toolkit .toolkit-ico.ico8{ background-position:0 -700px;}
.toolkit .toolkit-main{ padding-left:120px;}
.toolkit .toolkit-main h5{ font-size:16px; font-weight:bold; text-align:left; margin-bottom:10px; color:#345; padding-top:15px; font-family:initial;}
.toolkit .toolkit-main h5 a{color:#345;}
.toolkit .toolkit-main p{ color:#7a8a9a; font-size:14px; line-height:1.6;}
.toolkit .button-state{ position:absolute; right:30px; top:30px; background:#fff; padding:4px 8px; border:1px solid #e3e5e4; border-radius:4px; text-align:center; color:#67747d;}
.toolkit .button-state i{ font-size:14px;}
.toolkit .tooltip{ white-space:nowrap;}
@media all and (min-width:1200px) and (max-width:1630px){.toolkit{height:162px;}}
@media all and (max-width:768px) {
    .sidebar { display: none;}
    .main { float: none; }
    .main .main-content { margin-left: 0; }
    .wrapper { left: 0; }
    .topbar { padding-left: 0; }
	.message-panel{ left:-25px;}
	.customer-service{ left:33px;}
    .page-dashboard .col-md-6, .page-dashboard .col-md-4 { padding-bottom: 20px; }
    .page-dashboard .row:nth-of-type(1) { margin-bottom:10px; }
    .page-dashboard .col-md-6:nth-of-type(1) { padding-right: 0; }
    .page-dashboard .col-md-6:nth-of-type(2) { padding-left: 0; }
	.page-dashboard .col-md-3{ padding-bottom:5px;}
    .page-dashboard .col-md-3:nth-of-type(1) { padding-right:15px; }
    .page-dashboard .col-md-3:nth-of-type(2) { padding-left: 15px; padding-right:15px;}
    .page-dashboard .col-md-3:nth-of-type(3) { padding-left: 15px; padding-right:15px;}
	.page-dashboard .col-md-3:nth-of-type(4) { padding-left: 15px;}
	.xigua-dada-btns-box{ left:0;}
	
}
@media all and (max-width:1820px){ .row-dashboard .col-md-6{ width:100%}
	.page-dashboard .col-md-6:nth-of-type(1) { padding:0 0 20px 0 !important;}
    .page-dashboard .col-md-6:nth-of-type(2) { padding:0 0 20px 0 !important; }
	}
@media all and (min-width:769px) and (max-width:990px){
	.page-dashboard .col-md-6, .page-dashboard .col-md-3 { padding-bottom: 10px; }
    .page-dashboard .row:nth-of-type(1) { margin-bottom: 0; }
    .page-dashboard .col-md-6:nth-of-type(1) { padding-right: 0; }
    .page-dashboard .col-md-6:nth-of-type(2) { padding-left: 0; }
	.xigua-dada-btns-box{ left:0;}
	}
@media all and (min-width:769px) and (max-width: 860px) {
    .coupon{ width: 100%;}
    .coupon .coupon-desc{ height: 200px;}
    .coupon-desc .coupon-name{ display: block; margin-top: -10px;}
}
@media all and (min-width:1400px) {.coupon{ width: 50%;}
    }

@media all and (min-width:1600px) {.coupon{ width: 33%;}}

@media screen and (min-width:992px) and (max-width:1850px){
.dashboardInfoIcon{ width:100% !important; border-radius:5px 5px 0 0; display:block;}
.dashboardInfo dt{ height:108px; display:table-cell; display:block; text-align:center;}
.dashboardInfo dt.userInfo{ text-align:left; line-height:1.2; display:table-cell; word-wrap:break-word;word-break:break-all;}
.dashboardInfo .tag-version{}
}

@media all and (max-width:1105px){ 
.control-search-5-submit{ margin-top:10px;}
	}





.advance-search{ max-width:900px; margin:120px auto 0;}
.advance-search-type a{ color:#345; margin-right:20px;}
.advance-search-type a:hover,.advance-search-type a:active,.advance-search-type .active{ color:#46be68; border-bottom:2px solid #46be68; padding-bottom:4px; }
.control-search-tiangle [type=text] {height:40px; border:1px solid #e5e9ed; width:76%; padding:0 20px;}
.control-search-tiangle{ max-width:900px; position:relative;}
.control-search-tiangle .control-select{ width:120px; height:40px; border:1px solid #e5e9ed; margin-right:-5px; padding-left:20px;}
.control-search-tiangle .control-search-2-tiangle{ border-radius:0;}
.advance-search-type{ margin-bottom:20px;}
.advance-search-tip{ margin-top:20px;}
.lbhot{ color:#7a8a9a; font-weight:normal; margin-right:10px;}
.advance-search-hot a{ color:#3298db; margin-right:8px;}
.similar-control-search [type=text], .some-control-search [type=text]{ width:100%;}
.similar-article-search p{ color:#7a8a9a; padding-top:20px;}
.webchatID-search-result{ max-width:900px; margin:20px auto 0;}
.webchatID-proper{ border:1px solid #e5e9ed; padding:20px;}
.webchatID-proper .mp-info span{ font-weight:bold;}
.webchatID-proper .control-search-tiangle{ margin-top:20px;}
.webchatID-wrong{ border:1px solid #e5e9ed; padding:40px; text-align:center; color:#e74c3c;}
.only-uppernumber{ display:inline-block; margin:4px 0 0 10px;}
.uppernumber-tip{ position:absolute; top:380px; left:385px;}
.uppernumber-tip p{ color:#fff; font-size:24px; font-weight:normal; margin:-16px 0 0 60px;}
.uppernumber-tip p small{ font-size:18px; display:block; margin-top:10px;}
.uppernumber-tip .btn-success{ margin:40px 0 0 220px; padding:0; width:158px; height:50px; line-height:50px; font-size:18px;}


.wechat-verify{ border-top:1px solid #e5e9ed; padding:20px 0;}
.wechat-scancode{ text-align:center;}
.account-qrcode{ width:200px; height:200px; border:1px solid #e5e9ed; margin:20px auto;}




/*首次登陆*/
.welcome-mask{ width:100%; height:100%;  position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7);  z-index:1020;}
.first-customer{ max-width:900px; padding:0 40px; border:1px solid #e5e9ed; background:#fff; margin:-327px 0 0 -450px; text-align:center; color:#7a8a9a; position:absolute; left:50%; top:50%; z-index:1050;}
.first-reconmend{ max-width:950px;}
.first-customer h3{ color:#345; font-size:24px; margin:0; padding:35px 0 15px; }
.first-customer .public-type-box{ text-align:left; padding:0; margin-top:30px;}
.first-customer .public-type-box h4{ color:#333; font-size:16px; padding-bottom:10px;}
.first-customer .public-type-box h4 span{ color:#7a8a9a;}
.consult-wechat select{ width:100%;}
.type-tag{ margin-top:20px;}
.type-tag li{ display:inline-block; width:100px; text-align:center; margin:0 15px 20px 0; }
.consult-wechat-tag .selectedTag, .consult-wechat-tag .selectedTag:hover{ background:#46be68; border-color:#46be68; color:#FFF;}
.type-tag li:nth-child(7n){ margin-right:0;}
.type-tag li a{ display:block; text-decoration:none; color:#7a8a9a; padding:15px 0; border:1px solid #e5e9ed; border-radius:4px;}
.type-tag li a:hover{ border-color:#46be68; color:#46be68}
.publicnum-box{ border:1px solid #e5e9ed; margin-top:20px;} 
.recommend-publicnum{ padding:20px 40px; overflow:scroll; overflow-x:hidden; height:404px;}
.recommend-publicnum section:nth-child(odd){ margin-right:22px;}
.some-publicmun{ width:372px; padding:20px; margin-bottom:20px; border:1px solid #e5e9ed; float:left; text-align:left;}
.some-publicmun .mp-avatar img { display: block; width: 60px; height: 60px; border-radius:30px; float: left; margin-right: 10px; }
.publicnum-summary{ padding-top:20px;}
.consult-wechat-tag{ margin-top:40px;}
.first-customer .btn-back{ width:100px; height:40px; line-height:25px; display:inline-block; border-radius:4px; text-align:center; font-size: 16px; margin-left:5px; background:#fff; border:1px solid #e5e9ed; color:#7a8a9a; margin:49px auto 40px;}
.first-customer .btn-next{ font-size:24px; width:180px; height:50px; line-height:35px; color:#fff;}
.first-customer .btn-back:hover{ background: #f7f8fa !important; box-shadow:none;}
.first-customer .btn-back:active{ background: #d9e0e7 !important; border:1px solid #d3d9e0;}
/*.consult-wechat .select2-container .select2-selection--single{ height:42px; line-height:42px;}
.consult-wechat .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:42px;}*/

/*排版模型*/
.matter-tag{ padding:15px 40px; background:#fff;}
.matter-tag .control-checkbox{ float:left; margin-top:7px;}
.matter-tag .control-checkbox-label{ padding:0 14px 0 0;}
.matter-tag .search-tag-classify{ float:left; margin-bottom:0;}
.composing-type{ background:#eee !important;}
.modify-list{ padding:20px 0 30px 28px;}
.modify-list section{ width:385px; background:#fff; text-align:center; margin:10px;}
.modify-list section a{ display:block; padding:20px 15px 12px ; }
.modify-list section a img{ display:inline-block; max-width:355px; max-height:600px;}
.some-tag{ border-top:1px solid #eee; text-align:left; padding:14px 20px 14px 20px; background:#fbfbfb; }
.some-tag span{ border-radius:20px; background:#acb9c6; color:#fff; padding:5px 20px; display:inline-block; }
.some-tag em{ font-style:normal; color:#999; margin-left:8px;}
.shade{ position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); overflow-y:auto; width:100%; margin:0; overflow-x:hidden; z-index:2000;}
.shade-main{  max-width:690px; height:92%; margin:40px auto; position:relative; }
.shade-content{ max-width:408px; height:100%; overflow-y:auto; overflow-x:hidden; background:#fff; border-radius:5px;}
.preview-code{ position:absolute; top:0; right:0; }
.preview-essay { padding:20px; background:#fff; border-radius:5px;}
.preview-essay img{ width:224px; height:224px; margin:0 auto;}
.preview-essay p{ color:#333; font-size:16px; margin:18px 0 0 0 ; text-align:center;}
.btn-adopt{ width:264px; height:56px; background:#1dc48b; border-radius:5px; color:#fff; display:block; text-align:center; margin-top:20px; font-size:16px; padding-top:7px;}
.btn-adopt:visited{ color:#fff;}
.btn-adopt:hover{ color:#fff;  background: #1abb84;}
.number-code{ width:224px; height:224px;}
.sidebar .icon-modify{ background:url(../images/nav_icon.png); width:16px; height:16px; background-position:-16px 0; margin:-4px 10px 0 0; vertical-align:middle; padding-right:0; display:inline-block; }
.sidebar a:hover .icon-modify, .sidebar li.active .icon-modify{  background-position:0 0; }
.store-up-icon{ background:url(../images/modify_icon.png) no-repeat; width:18px; height:16px; display:inline-block; vertical-align:middle; margin-right:10px; background-position:-19px -1px;}
.store-out-icon{ background:url(../images/modify_icon.png) no-repeat; width:16px; height:14px; display:inline-block; vertical-align:middle; margin-right:10px; background-position:-38px -2px;}
.use-now-icon{ background:url(../images/modify_icon.png) no-repeat; width:18px; height:18px; display:inline-block; vertical-align:middle; margin-right:10px;}
.btns-out-adopt{ background:#999; line-height:42px;}
.btns-out-adopt:hover{background:#999; }
.btn-adopt-space{ line-height:42px;}
.btn-adopt span{ display:block; font-size:12px; padding-top:2px;}
.modify-list section .some-tag a{ padding:5px 0 0 0; color:#d63739;}
.collect-in{ background:url(../images/modify_icon.png) no-repeat; width:18px; height:17px; display:inline-block; margin-right:8px; vertical-align:middle; background-position:-56px 0;}
.collect-out{ background:url(../images/modify_icon.png) no-repeat; width:16px; height:14px; display:inline-block; margin-right:8px; vertical-align:middle;background-position:-75px -1px;}


.intel-modify .editor-area-box{ margin-left:510px;}
.intel-modify{ background:#edf0f5; min-width:1180px; }
.intel-modify-left{ width:540px; position:fixed; height:100%; z-index:10;}
.intel-modify-tab{ width:128px; margin-top:85px; float:left;}
.intel-modify-tab a{ height:128px; width:128px; display:block; color:#345;  border-bottom:1px solid #e5e9ed; text-align:center; padding:32px 0; }
.intel-modify-tab a:hover, .intel-modify-tab a.active{ background:#fff;}
.intel-modify-tab .modify-icon{ background:url(../images/intel_modify_icon.png) no-repeat; width:33px; height:32px; background-position:-32px 0; display:block; margin:0 auto 8px;} 
.intel-modify-tab .type-icon{ background:url(../images/intel_modify_icon.png) no-repeat; width:32px; height:32px; display:block; margin:0 auto 8px; } 
.modify-choose, .modify-pattern{ position:absolute; left:128px; top:0; bottom:0; right:0; border-left:1px solid #e5e9ed;  }
.title-tab a{ height:85px; text-align:center; line-height:85px; width:50%; float:left; color:#345; background:#fff;}
.title-tab a:first-child{ border-right: 1px solid #e5e9ed;}
.title-tab a:hover, .title-tab a.active{ color:#46be68; border-bottom:2px solid #46be68;}
.modify-content{ /*height:885px;*/ background:#f8f9fb; overflow-y:auto; overflow-x:hidden; padding:20px 0; position: absolute; top:85px; bottom:0; }
/*.present-modify{ position:relative;}*/
.item-modify{ border:1px solid #e5e9ed; float:left; margin:0 0 20px 10px; position:relative;}
.item-modify a{ display:block; width:184px; height:246px; text-align:center; }
.item-modify img{ max-width:100%; height:246px;}
.body-v{ background:#edf0f5;}
.more-modify{ /*position: absolute; bottom:20px; left:15px; */}
.more-modify p, .no-modify-tip p{ height:45px; line-height:45px; border:1px solid #e5e9ed;  text-align:center; background:#fff;  font-size:16px; width:370px; margin:0 auto;}
.modify-mask{ background:rgba(42,53,66,0.8); position:absolute; top:0; left:0; right:0; bottom:0; display:none; padding-top:40px;}
.modify-collcet-mask{ padding-top:15px;}
.item-modify:hover .modify-mask{ display:block;}
.modify-mask a{ display:block; width:120px; height:36px; line-height:36px; color:#fff; border:1px solid #fff; text-align:center; margin:20px auto 0; border-radius:4px;}
.item-modify h4{ position:absolute; left:0; right:0; bottom:-10px; font-size:14px; height:36px; line-height:36px; text-align:center; color:#fff; background:rgba(42,53,66,0.8); z-index:1;}
.intel-modify .editor-area{ padding:0; border-bottom:0;}
.intel-modify .input-style textarea{ min-height:700px; height:100%;}
.intel-modify .appmsg-tag-box{ top:auto; bottom:20px; right:-132px;}
.intel-modify .appmsg-tag-box .appmsg-tag3, .intel-modify .appmsg-tag-box .appmsg-tag1{ width:120px; text-align:center; padding:6px; margin-bottom:10px; border-radius:4px;}
.intel-modify .appmsg-tag-box .appmsg-tag1{ background:#374453; border:0; margin:0;}
.intel-modify .appmsg-tag-box .appmsg-tag1:first-child{ border-bottom:1px solid #636c77; border-radius:4px 4px 0 0;}
.intel-modify .pattern-tag-box .appmsg-tag1:nth-of-type(2){ border-radius:0 0 4px 4px;}
.intel-modify .area660{ max-width:500px; height:100%; background:#fff;}
.modify-name{ height:56px; line-height:56px; padding:0 30px 0 20px; border-bottom:1px solid #e5e9ed;}
.modify-name h3{ font-size:16px; color:#345; }
.close-up{ color:#345;}
.modify-element{ /*height:820px;*/ overflow-y:auto; overflow-x:hidden; padding:20px 10px; position:absolute; top:141px; bottom:0; background:#f8f9fb; width:411px;}
.modify-use{ background:#f8f9fb;}
.pattern-title{  height:85px; background:#fff; line-height:85px; padding:0 15px;}
.pattern-title a{ color:#89a; padding:0 10px ;}
.pattern-title a:hover, .pattern-title a.active{ color:#46be68; border-bottom:2px solid #46be68; padding-bottom:5px;}
.modify-pattern-content{ height:885px; overflow-x:hidden; overflow-y:auto; padding:20px 10px; background:#f8f9fb;}
.pattern-element{ background:#fff;}
.intel-modify .pattern-tag-box{ position:absolute; right:-132px; top:90px;}
.pattern-tag-box .change-color-icon{ background:url(../images/patterns_icon.png) no-repeat; width:12px; height:12px; display:inline-block; vertical-align:middle; margin-right:5px;}
.pattern-tag-box .choosed-color-icon{  background:url(../images/patterns_icon.png) no-repeat; background-position:-12px 0; width:12px; height:12px; display:inline-block; vertical-align:middle; margin-right:5px;}
.pattern-tag-box .color-icon{  width:14px; height:14px;  display:inline-block; vertical-align:middle; margin-left:5px; background:#F00; border-radius:50%;}
.mask-element{ position:absolute; background:rgba(42,53,66,0.8); left:0; right:0; top:0; bottom:0; display:none;}
.click-use{ display:block; width:120px; height:36px; line-height:36px; color:#fff; border:1px solid #fff; text-align:center; position:absolute; top:50%; left:50%; margin:-18px 0 0 -60px;}
.click-use:hover, .click-use:visited{ color:#fff;}

.modify-element .sector-elment{ position:relative; margin-bottom:10px;}
.modify-element .sector-elment:hover .mask-element{ display:block;}
.color-choose{ padding:10px 15px; width:304px; position:absolute; right:0; top:86px; z-index:2; background:#fff;}
.color-btns li{display:inline-block; height:24px; margin:10px 5px; float:left; }
.color-btns li i{ display:block; width:24px; height:24px; border-radius:50%; cursor:pointer; text-align:center; line-height:24px;}
.color-btns .addColor {border:2px solid #B4B7BB; border-radius:50%; width:24px; height:24px; background:#FFF; cursor:pointer; text-align:center;}
.color-btns .addColor:before{ display:inline-block; width:12px; height:12px; margin-top:4px; content:""; background:url(../images/patterns_icon.png) no-repeat -24px 0; vertical-align:top;}
.colorSelectorFooter{ border-top:1px solid #F2F2F2; padding:10px 0 15px 0; text-align:right;}
.colorSelectorFooter .btnReset{ float:left; padding:5px 0; color:#F8675E; margin:0 5px; cursor:pointer;}
.colorSelectorFooter .btnClose{ display:inline-block; padding:5px 15px; color:#696969; border:1px solid #F0F0F0; border-radius:2px; cursor:pointer;}
.colorSelectorFooter .btnClose:hover{ color:#333; border-color:#EEE; background:#F9F9F9;}
.color-btns li i.active:before{ display:inline-block; width:15px; height:11px; content:" "; background:url(../images/patterns_icon.png) no-repeat -36px 0;}

.style-shade{ max-width:408px; height:auto;}
.style-shade .shade-content{ max-height:540px; height:auto;}
.style-code{ top:auto; left:0; right:0; margin-top:25px;}
.style-code .btn-adopt{ margin:15px auto; }
.style-shade .btn-adopt{ line-height:40px;} 




.bg-preview{ background:url(../images/bg_phone.png); width:368px; height:735px; max-width:368px;  position:absolute; top:50%; left:50%; width:375px ; margin:-368px 0 0 -187px;}
.bg-previe-content{ position:absolute; top:140px; bottom:80px; border:1px solid #e5e9ed; border-width:0 1px 1px; padding:20px 15px; margin:0 22px; overflow-y:scroll; overflow-x:hidden; }
.pre-close{ position:absolute; top:3px; right:-80px; width:70px; height:28px; line-height:28px; text-align:center; background:#87888a; border-radius:3px; color:#fff;}
.pre-close:hover, .pre-close:visited{ color:#fff;}
/*违规曝光台*/
.test-result{ max-width:850px; margin:0 auto; font-size:16px;}
.test-result .title{ color:#333; font-size:20px;}
.check-outcome{ margin-top:20px;}
.no-danger span{ color:#46be68;}
.have-danger span{ color:#e74c3c;}


.search-style{ margin-top:14px; margin-bottom:-5px;}




/*头条号文章*/
.get-person-info{ width:470px; height:590px; background:#fff; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.get-person-info .title{ color:#345; text-align:center;}
.get-person-info .title h3{ font-size:20px; font-weight:bold; padding-top:15px; }
.get-person-info .form-group{ border-bottom:1px solid #e5e9ed; margin-bottom:27px;}
.get-person-info .group-identify{ border-bottom:none !important;}
.get-person-info .form-group input{ width:91%; height:42px; border-width:0; margin-left:14px;}
.get-person-info .form-group select{ border-width:0;}
/*.get-person-info .group-identify input{ border-width:0 0 1px 0; border-color:#e5e9ed;}*/
.set-ins{ padding:35px 80px 0 60px;}
.set-ins input::-webkit-input-placeholder {color: #c2cbd3; }
.set-ins input:-moz-placeholder {color: #c2cbd3;}
.set-ins input:-ms-input-placeholder {color: #c2cbd3;}?
.get-person-info .group-identify{ width:82%; }
.get-person-info .group-identify input{ width:82%; }
.messege-identify{ float:right; font-size:12px; width:100px; height:28px; line-height:28px; color:#fff; text-align:center; background:#46be68; border-radius:4px; margin-top:14px;}
.messege-identify:hover{ color:#fff;  background:#28a547;}
.messege-identify:visited{ color:#fff;}
.get-person-info .set-ins span.info-icons{ background:url(../images/first_icon.png); width:12px; height:14px; display:inline-block; vertical-align:middle;}
.get-person-info .set-ins span.name-icon{ width:12px; height:14px;  background-position:0 0; }
.get-person-info .set-ins span.phone-icon{ width:12px; height:18px; background-position:0 -16px; }
.get-person-info .set-ins span.vetify-icon{ width:14px; height:14px; background-position:0 -37px; }
.get-person-info .set-ins span.corporation-icon{ width:14px; height:14px;background-position:0 -54px; }
.get-person-info .set-ins span.type-icon{ width:14px; height:12px; background-position:0 -69px; }

.get-person-info .btn-success{ width:158px; padding:9px 12px; display:block;  margin:55px auto 0; box-sizing:border-box;}
.get-person-info .select2-container--default .select2-selection--single{ border:0;}
.get-person-info .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #c2cbd3;}
.get-person-info .select2-container--default .select2-selection--single:hover,.get-person-info .select2-container--open.select2-container--default .select2-selection--single{background-color: #fff;}

.get-person-info .form-group .verify-number{ border-bottom:1px solid #e5e9ed;}

/*试用版用户策咯调整*/
.version-main{ width: 640px; margin: 114px auto 60px;}
.version-main h3{ font-size: 18px; color:#345; margin-bottom: 30px; font-weight: bold;}
.version-notice{ height: 30px; color:#334455; background: url(../images/icon-notice.png) no-repeat left 3px; padding-left: 16px; margin:0 20px; position: relative;}
.version-notice ul{height: 30px; overflow: hidden;}
.version-notice .symbol{ float: left; margin-right: 5px; display: inline;}
.version-notice li{ float: left; margin-right: 20px; display: inline; height: 30px;}
.version-notice .close{ position: absolute; right: 0; top:0; width: 30px; height: 30px; text-align: center;}
.version-block{ background: #fff; margin-bottom: 30px; -webkit-box-shadow: 0 0 20px 0 rgba(51,64,76,0.1); box-shadow: 0 0 20px 0 rgba(51,64,76,0.1); width: 640px; padding: 30px 0; }
.version-block .version-pic img{ width: 240px; height:180px; margin:0 auto 30px; display:block;}
.version-block h5{ color:#345; text-align: center; font-size: 16px; font-weight:bold; margin-bottom: 40px;}
.version-block ul{ width: 350px; margin: 0 auto;}
.version-block li{ list-style: disc; color: #7a8a9a; margin-bottom: 20px; line-height: 1;}
.version-block li .btn{ width: 280px; margin: 20px auto 0; position: relative;}
.version-block .version-table{ margin:-30px 0;}
.version-table{ background:#fff; border:1px solid #e5e9ed; width:100%; box-sizing:border-box;border-collapse:collapse;}
.version-table th{ padding:20px 0; background:#f8f9fb; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; border:1px solid #e5e9ed; box-sizing:border-box;}
.version-table td{ padding:20px 0; vertical-align:middle;border:1px solid #e5e9ed; box-sizing:border-box; text-align:center; font-weight:bold;}

.t-color{ color:#3498db; text-decoration: underline;}
.t345{ color:#345;}
.t-color:hover{ color: #1a699f; text-decoration: none;}
.ribbon { display: inline-block; position: absolute; width: 60px; height: 16px; line-height: 15px; text-align: center; background: #ffb159; right: -5px; top: 4px; font-size: 12px; border-radius: 4px 0 0 4px; }
.ribbon:before, .ribbon:after { content: ""; position: absolute;}
.ribbon:before { height: 0;  width: 0;  border-top: 4px solid #ca802c; border-right: 4px solid transparent; top: 16px; right:0; }
.ribbon1{height: 18px; line-height: 17px;}
.ribbon1:before{top: 18px;}
.page-copyright{margin-bottom: 30px; text-align: center;}
.check a{ color:#7a8a9a; text-decoration: underline;}
.a-code{ padding:20px 0 0;}
.a-code img{ width: 170px; height:170px; padding:8px; display:block; border:1px solid #efefef; border-radius:4px; margin:0 auto 20px;}
.a-code .input-group{ width:280px; margin:0 auto !important;}
.a-code .input-group .form-control{ width: 180px; float:left;border: 1px solid #e5e9ed;
    -webkit-box-shadow:none; box-shadow:none; -webkit-transition:none; -o-transition:none; transition:none;}
.a-code .btn{ width: 100px !important; float:left; border-radius:0 4px 4px 0 !important; margin:0 !important; }