@charset "utf-8";
/* 头部 */
.navbar{width:100%; background:#fff; height:72px; position:fixed; top:0; left:0; z-index:1099}
.navbar-main {width:1200px; height:72px; margin: 0 auto;}
.navbar-logo{width:140px; height:40px; margin: 16px 98px 16px 0; cursor: pointer; float:left}
.navbar-logo img{width:140px; height:40px;}
.navbar-list{ float:left;}
.navbar-list a{ float:left; margin-right:64px; line-height:72px; font-size:14px; color:#2a75ed;}
.navbar-list2{ float:left; margin-right:64px; line-height:72px; font-size:14px; color:#2a75ed;}
.navbar-right{width:200px; float:right; text-align:right; line-height:72px;}
.navbar-right .no-login{color: #2a75ed; float:right; font-size:14px;}
.navbar-right .icon-wrapper{ height: 72px; float:right; margin-right:25px}
.navbar-right .icon-wrapper i{width:16px; height:16px; margin-top:28px; float:left}
.navbar-right .icon-wrapper i.icon01{ background:url(../images/icon_01.png) no-repeat center top}
.navbar-right .icon-wrapper i.icon02{ background:url(../images/icon_02.png) no-repeat center top}

/* 尾部 */
/* .footer{width: 100%; min-width: 1200px; min-height: 160px; background: #333234; padding-top: 33px; box-sizing: border-box; font-size: 12px; font-weight: 400;  color: #888; position:fixed; bottom:0; left:0; z-index:99} */
.footer{width: 100%; min-width: 1200px; min-height: 160px; background: #333234; padding-top: 33px; box-sizing: border-box; font-size: 12px; font-weight: 400;  color: #888;  bottom:0; left:0; z-index:99}
.footer .company-info{ text-align:center; padding-top:30px}
.footer .company-info a{text-decoration: underline; margin-left: 8px; color:#888}
.footer .technical-support{ display: flex; justify-content: center;  align-items: center; width: 100%; height: 50px; margin-top: 22px;  border-top: 1px solid #2d2c2e;}


.content-wrapper{width:1140px; min-height:800px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.01), 0 6px 12px 0 rgba(0,0,0,.06); border-radius: 6px; padding:30px; margin:90px auto 10px auto;}
.index-middle{margin: 90px auto 10px auto; width: 1140px;}
.index-middle-content{display:flex;flex-direction: column;justify-content:center;align-items:center;font-size: 14px;width: 100%;height: 100%;font-weight:bold}
.index-middle-content .btn {font-weight:bold}

/* 评论 */
.comment-title{width:100%;line-height: 22px; font-size: 16px;}
.comment-title span{color: #888;margin-left: 10px;}
.comment-title .btn_px{float:right;cursor: pointer;color:#2a75ed;}
.comment-list{ overflow:hidden; width:100%;}
.comment-list ul li{width:100%; overflow:hidden; margin-top: 28px;}
.comment-list ul li:first-child {margin-top: 16px;}
.comment-list ul li .item-avatar{float: left; width: 40px;  height: 40px; border-radius: 20px;  font-size: 40px; color: #d1dbed;cursor: pointer}
.item-right{margin-left: 56px; font-size: 16px;}
.item-right .item-header{height: 20px; width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}
.item-right .item-header .item-time{font-size: 12px; color: #b2b2b2; margin-left: 10px;}
.item-right .item-header .item-record{font-size: 12px;color: #2a75ed; margin-left: 10px;}
.item-right .item-content{line-height: 22px; color: #666; margin-top: 6px; word-break: break-all;white-space:pre-line;}
.item-name{color: #2a75ed;cursor: pointer;}
.item-replay-author{color: #2a75ed;cursor: pointer;}
.expansion{overflow: hidden;-webkit-line-clamp: 1;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

.item-right .item-src{ position: relative; padding: 7px 16px;  background: #f8f8f8; margin-top: 10px;}
.item-right .item-src .item-src-name{height: 20px; color: #888;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}
.item-right .item-src .item-src-time{margin-left:10px}
.item-right .item-src .item-src-content{line-height: 20px; color: #888; margin-top: 5px;margin-bottom:10px}
.item-right .item-footer{margin-top: 10px; color: #b2b2b2; overflow: hidden;}
.item-right .item-footer .item-icon-wrap{float: right;}
.item-right .item-footer .item-icon-wrap i{width:16px; height:16px; margin-left:25px; float:right}
.item-right .item-footer .item-icon-wrap i.icon01{background:url(../images/icon_03.png) no-repeat center top}
.item-right .item-footer .item-icon-wrap i.icon02{background:url(../images/icon_04.png) no-repeat center top}

.item-src-avatar{ width: 25px;  height: 25px; border-radius: 20px;  font-size: 40px; color: #d1dbed;}
.logo-avatar{float: right; width: 32px;  height: 32px; border-radius: 20px;  font-size: 40px; color: #d1dbed; vertical-align:middle;margin:18px}

.content-page{width:1140px; min-height:35px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.01), 0 6px 12px 0 rgba(0,0,0,.06); border-radius: 6px; padding:10px 30px 10px 30px; margin:12px auto 10px auto;}


.page-bar{}
ul,li{margin: 0px; padding: 0px;}
li{list-style: none}
.page-bar li:first-child>a { margin-left: 0px}
.page-bar a{border: 1px solid #ddd;text-decoration: none;position: relative;float: left; padding: 6px 12px; margin-left: -1px;line-height:22px; color: #337ab7; cursor: pointer}
.page-bar a:hover{ background-color: #eee;}
.page-bar a.banclick{cursor:not-allowed;}
.page-bar .active a{color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.page-bar i{font-style:normal;color: #d44950; margin: 0px 4px;font-size: 14px;}

.toast {position: fixed;z-index: 2000;left: 50%;top:45%;transition:all .5s;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);text-align: center;border-radius: 5px;color:#FFF;background: rgba(17, 17, 17, 0.7); height: 45px;line-height: 45px;padding: 0 15px;max-width: 150px;}
.el-upload--picture-card {width: 98px;height: 98px;line-height: 96px;}
.el-upload-list--picture-card .el-upload-list__item{width: 98px;height: 98px;}

.div_col{display: flex;justify-content: flex-start;}
.div_card_z{padding:0px 5px 0px 0px;width: 98px;height:98px;}
.div_card_c{padding:0px 5px 10px 0px;width: 98px;height:98px;}
.images_card { width: 100%; max-height:98px;display: block;border-radius: 5px}
.el-image-viewer__close{top:80px}