@charset "UTF-8"; /*-- 页面辅助文字 --*/ /*-- 页面辅助文字 --*/ /* -- 按钮 -- */ /*-- 文本截取,超出一行行加省略号 --*/ /*-- 文本截取,超出两行加省略号 --*/ /*-- 圆角 --*/ /*-- inline-block --*/ /*-- 透明度 --*/ /*-- 一级下拉菜单样式 --*/ /*-- 导航下拉菜单原始样式 --*/ /*-- 导航下拉菜单hover样式 --*/ /*-- new标记 --*/ /*-- 分隔符 --*/ .home-information-box .information-headimg-box { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } /*-- 按钮通用 --*/ /*-- 卡片透明度 --*/ /*-- 小三角朝下投影效果 --*/ .pop-share-more { position: fixed; top: 50%; left: 50%; margin-left: -210px; margin-top: -170px; z-index: 13; background: #ffffff; border-radius: 4px; } .pop-share-more .bds-box { width: 420px; padding: 20px 60px; background: #ffffff; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; z-index: 1; *zoom: 1; } .pop-share-more .bds-box:after { content: ""; display: table; } .pop-share-more .bds-box:after { clear: both; } .bds-r-icon { margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .bds-r-icon a, .bds-r-icon > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .weixin-box { width: 120px; padding-right: 30px; text-align: center; *zoom: 1; } .weixin-box:after { content: ""; display: table; } .weixin-box:after { clear: both; } .weixin-box .work-weixin { display: block; margin-top: 0px; } .weixin-code-box { text-align: center; } .weixin-code-box .active-wexin-code { width: 100px; height: 100px; padding: 10px; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .share-to-box .work-sina .jtico, .share-to-box .work-qq .jtico, .share-to-box .work-qzone .jtico { padding-left: 0 !important; padding-top: 40px; background-position: center top; } .share-to-box .work-weixin .jtico, .share-to-box .work-sina .jtico, .share-to-box .work-qq .jtico, .share-to-box .work-qzone .jtico { padding-left: 30px; font-size: 12px; margin-bottom: 6px; overflow: initial; display: inline-block; } .share-to-box .bds-r-icon .icon { width: 40px; height: 40px; margin-bottom: 6px; overflow: initial; display: inline-block; } .share-to-box .work-weixin .jtico { line-height: 36px; padding-left: 0 !important; background: none !important; display: inline !important; float: none; } .share-to-box .work-sina .icon { background-image: url(../images/svg/sina-icon2.svg); } .share-to-box .work-qq .icon { background-image: url(../images/svg/qq-icon2.svg); } .share-to-box .work-qzone .icon { background-image: url(../images/svg/qzone2.svg); } .share-to-box .work-copy .icon { background-image: url(../images/svg/share-icon-copy.svg); } .WB_share_button .ico_share_btn_mini { height: 19px; background-image: url(../images/svg/qq-icon2.svg); } .share-to-box .work-weixin .jtico, .share-to-box .work-sina .jtico, .share-to-box .work-qq .jtico, .share-to-box .work-qzone .jtico, .share-to-box .app-jtico { font-size: 14px; color: #999; } .share-to-box .app-jtico { line-height: 32px; display: block; text-align: center; } .app-code, .app-code img { width: 120px; height: 120px; margin: auto; } .clear { *zoom: 1; } .clear:after { content: ""; display: table; } .clear:after { clear: both; } .colorpicker { z-index: 1; } .cover-loadding { position: absolute; left: 50%; margin-left: -21px; } .config-home-wrap { background: #ffffff; display: none; } .config-head-box { padding: 30px 0; font-size: 16px; line-height: 16px; } .config-home-content-wrap { min-height: 375px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .config-home-content-wrap .config-home-box { width: 1190px; margin: 0 auto; padding: 30px 0; color: #666666; *zoom: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .config-home-content-wrap .config-home-box:after { content: ""; display: table; } .config-home-content-wrap .config-home-box:after { clear: both; } .config-home-content-wrap .config-home-box p { margin-top: 5px; font-size: 12px; } .config-home-content-wrap .config-home-box .config-bg-pic { width: 200px; height: 200px; overflow: hidden; margin-bottom: 6px; } .config-home-content-wrap .config-home-box .config-upimg-btn { width: 116px; height: 34px; line-height: 34px; margin: 0 auto; margin-top: 10px; position: relative; } .config-home-content-wrap .config-home-box .config-upimg-btn input { width: 117px; height: 35px; opacity: 0; position: absolute; top: 0; left: 0; cursor: pointer; } .config-home-content-wrap .config-home-box .config-center-con { margin-left: 20px; color: #444444; line-height: 1; } .config-home-content-wrap .config-home-box .config-center-con .show-bg-box { margin-bottom: 30px; } .config-home-content-wrap .config-home-box .config-center-con .checkbox-wrap { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-right: 7px; } .config-home-content-wrap .config-home-box .config-center-con .config-caption { margin-right: 6px; color: #666666; } .config-home-content-wrap .config-home-box .config-center-con .arrange-box { margin-top: 30px; } .config-home-content-wrap .config-home-box .config-center-con .align-box { margin-top: 25px; } .config-home-content-wrap .config-home-box .config-center-con .align-box label { margin-right: 10px; } .config-home-content-wrap .config-home-box .config-center-con .people-home-background { margin-top: 18px; } .config-home-content-wrap .config-home-box .config-center-con .people-home-background .choose-color { width: 119px; height: 36px; margin-right: 6px; } .config-home-content-wrap .config-home-box .config-center-con .people-home-background .color-box { width: 44px; height: 36px; border: 1px solid #aaaaaa; background: #666666; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-top: -3px; } .config-home-content-wrap .config-home-box .config-cover-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f4f4f4; margin-bottom: 6px; } .config-home-content-wrap .config-home-box .config-cover-box { width: 698px; } .config-home-content-wrap .config-home-box .config-cover-box .config-cover-pictrue { width: 100%; height: 94px; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .config-home-content-wrap .config-home-box .config-cover-box .config-cover-pictrue img { max-width: 100%; width: 100%; margin: 0 auto; } .config-home-content-wrap .config-home-box .cover-zoom-box { position: absolute; right: -41px; top: 0; } .config-home-content-wrap .config-home-box .cover-zoom-box .magnifier, .config-home-content-wrap .config-home-box .cover-zoom-box .reduce { width: 18px; height: 18px; background-image: url(../images/svg/fangda.svg?v=1); display: block; cursor: pointer; } .config-home-content-wrap .config-home-box .cover-zoom-box .zoom-bar { width: 4px; height: 143px; margin: 10px auto 10px; background: #eeeeee; border-radius: 50px; position: relative; } .config-home-content-wrap .config-home-box .cover-zoom-box .zoom-bar span { width: 100%; height: 100%; background: #cdcdcd; display: block; position: absolute; bottom: 0; left: 0; border-radius: 50px; } .config-home-content-wrap .config-home-box .cover-zoom-box .zoom-bar span:before { content: ""; display: block; width: 18px; height: 18px; position: absolute; top: 0; left: 50%; margin-left: -9px; background: #dddddd; border-radius: 50%; cursor: pointer; } .config-home-content-wrap .config-home-box .cover-zoom-box .zoom-bar span:hover { background: #ffba00; } .config-home-content-wrap .config-home-box .cover-zoom-box .zoom-bar span:hover:before { background: #ffe300; } .config-home-content-wrap .config-home-box .cover-zoom-box .reduce { background-image: url(../images/svg/suoxiao.svg?v=1); } .config-home-content-wrap .statusBar { display: none; } .config-home-content-wrap .statusBar .progress { width: 152px; height: 6px; margin-right: 10px; border-radius: 10px; overflow: hidden; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .config-home-content-wrap .statusBar .per { width: 45px; font-size: 12px; text-align: center; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .config-home-content-wrap .statusBar .filling-progress { width: 0%; height: 6px; background: #ffe300; display: block; border-radius: 10px; } .people-cover-wrap { position: relative; } .config-foot-box { padding: 30px 0; } .config-btn { width: 120px; height: 36px; margin-right: 12px; } .people-home-bg { width: 100%; height: 344px; line-height: 1; margin: 0 auto; background: #000000; position: relative; -webkit-transition: 2s linear; transition: 2s linear; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; align-self: center; } .people-home-bg:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); } .people-home-bg .bg-image { margin: 0 auto; } .people-home-bg .peoplebg { width: 2560px; max-width: 2560px; display: block; } .data-wraper { width: 100%; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; } .data-wraper .data-wrap-box { width: 1130px; margin: 0 auto; padding: 0 16px 23px; *zoom: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .data-wraper .data-wrap-box:after { content: ""; display: table; } .data-wraper .data-wrap-box:after { clear: both; } .data-wraper .data-wrap-box .data-list-box { width: 220px; color: rgba(255, 255, 255, 0.5); font-size: 14px; position: relative; text-align: center; } .data-wraper .data-wrap-box .data-list-box .data-number { color: white; font-size: 24px; display: block; margin-top: 14px; } .data-wraper .data-wrap-box .data-list-box:first-of-type:after, .data-wraper .data-wrap-box .data-list-box:last-of-type:after { content: ""; width: 1px; height: 32px; background: rgba(255, 255, 255, 0.5); display: block; position: absolute; right: 0; top: 50%; margin-top: -16px; } .share-report-wrap { height: 40px; position: absolute; top: 30px; right: 117px; z-index: 1; } .share-report-wrap:before { content: ""; display: block; width: 42px; height: 24px; background-color: rgba(0, 0, 0, 0.5); background-image: url(../images/selectwhitearrow.png); background-repeat: no-repeat; background-position: center; border-radius: 50px; cursor: pointer; } .share-report-wrap .share-report-item { min-width: 95px; padding: 10px 0; background: #ffffff; position: absolute; top: 40px; left: 50%; margin-left: -47px; white-space: nowrap; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); } .share-report-wrap .share-report-item li { line-height: 40px; padding: 0 20px; text-align: center; cursor: pointer; } .share-report-wrap .share-report-item li:hover { background: #f2f2f2; } .share-report-wrap .share-report-item:before { content: ""; display: block; width: 0; height: 0; border-top: none; border-width: 8px; border-color: #fff; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -8px; left: 50%; margin-left: -8px; -webkit-box-shadow: -4px -4px 8px rgba(0, 0, 0, 0.1); box-shadow: -4px -4px 8px rgba(0, 0, 0, 0.1); } .share-report-wrap:hover .share-report-item { display: block; } .home-information-wrap { background: #ffffff; line-height: 1; } .home-information-box { margin: 0 auto; padding-bottom: 35px; position: relative; } .home-information-box .information-headimg-box { width: 120px; height: 120px; border: 4px solid #ffffff; background-color: #ffffff; position: absolute; left: 50%; margin-left: -64px; top: -65px; overflow: hidden; } .home-information-box .information-content-wrap { padding-top: 60px; } .home-information-box .people-nick-name { margin-top: 20px; font-size: 24px; color: #444444; } .home-information-box .people-nick-name a { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .home-information-box .user-signature { margin-top: 20px; line-height: 20px; font-size: 14px; color: #666666; } .home-information-box .btn-now { width: 120px; height: 36px; } .home-information-box .attention { float: left; } .home-information-box .private-letter { float: right; margin-right: 0; } .subnav-contentbox { position: relative; } .user-background { margin-top: 10px; font-size: 12px; color: #bbbbbb; } .canceled-wrap { height: 255px; margin-bottom: 153px; background-color: #ffffff; } .canceled-text { font-size: 24px; color: #282828; padding-top: 82px; text-align: center; } .shielding-pop-confirm { width: 370px; margin-left: -185px; } .community-gossip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -28px; } .community-gossip .gossip-text-field { height: 24px; line-height: 24px; padding: 0 22px; background: #eeeeee; position: relative; border-radius: 50px; cursor: pointer; } .community-gossip .gossip-text-field div { width: 468px; height: 32px; line-height: 32px; text-align: center; background: #282828; color: #fff; position: absolute; top: 30px; left: 50%; margin-left: -234px; z-index: 3; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: none; } .community-gossip .gossip-text-field div::before { content: ""; border-top: none; border-right: 8px solid transparent; border-bottom: 8px solid #282828; border-left: 8px solid transparent; display: block; position: absolute; top: -4px; left: 50%; margin-left: -4px; } .community-gossip .gossip-text-field:hover div { display: block; } .selected-box > span { width: 500px; }