@charset "utf-8";

body,

html {

    width: 100%;

    color: #333;

    font-weight: normal;

    font-size: 14px;

    background: #fff;

    font-family: "微软雅黑";

}



* {

    box-sizing: border-box;

    padding: 0;

    margin: 0;

}





html,

body,

dl,

dt,

dd,

ol,

ul,

li,

p,

span,

em,

cite,

del,

a,

img,

h1,

h2,

h3,

h4,

h5,

h6,

object,

pre,

code,

form,

fieldset,

legend,

pre,

input,

select,

textarea,

blockquote,

q,

table,

caption,

thead,

tbody,

tfoot,

th,

td,

button {

    margin: 0;

    padding: 0;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    background: transparent;

}



html,

body {

    width: 100%;

    word-wrap: break-word

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



img,

fieldset,

abbr,

acronym {

    border: none;

    vertical-align: top

}



a img {

    border: none;

    padding: 0;

    margin: 0;

}



ul,

li {

    list-style: none;

}



input,

button,

textarea {

    outline: none;

    font-family: '微软雅黑';

}



.fr {

    float: right;

}



.fl {

    float: left;

}



.borderb {

    border-bottom: 0!important;

}





/* 模板中心样式 */



.template-contain {

    width: calc(100% - 20px);

    margin: 15px auto;

}



.template-list {

    width: 100%;

    padding: 15px 13px;

    margin-bottom: 15px;

    background: #fff;

    border-radius: 10px;

}



.template-title {

    font-size: 20px;

    font-weight: 500;

    padding-bottom: 12px;

}



.template-item {

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 15px;

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-bottom: 15px;

}



.template-list .template-item:last-child {

    border-bottom: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}



.template-img {

    width: 125px;

    height: 60px;

    display: block;

    float: left;

    /*    margin-right: 10px;*/

    border-radius: 5px;

}



.template-right {

    height: 60px;

    width: -webkit-calc(100% - 140px);

    width: -moz-calc(100% - 140px);

    width: calc(100% - 140px);

    /*    display: -webkit-inline-flex;



    display: -moz-inline-flex;



    display: -ms-inline-flex;



    display: -o-inline-flex;*/

    display: block;

    float: right;

    /*    flex-direction: column;



    justify-content: space-between;*/

    vertical-align: top;

}



.template-name {

    font-size: 19px;

    font-weight: normal;

    padding-bottom: 10px;

}



.template-desc {

    font-size: 15px;

    color: #666;

}



.template-desc .temp-see:nth-child(1) {

    display: none;

}



.temp-see {

    display: inline-block;

    padding-right: 10px;

    color: #666;

}



.temp-see span {

    display: inline-block;

    padding-left: 6px;

}



.green-color {

    color: #02bf95;

}



.blue-color {

    color: #3c9bf7;

}



.template-title img {

    width: 14px;

    height: 14px;

    margin-left: 6px;

    vertical-align: middle;

}





/* 立即创建样式 */



.estab-banner {

    width: 100%;

    height: 125px;

    overflow: hidden;

}



.swiper-wrapper {

    width: 100%;

    height: 150px;

}



.estab-banner img {

    width: 100%;

    height: 100%;

}



.estab-contain {

    width: 100%;

    /* background: #fff; */

}



.estab-title {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    padding: 15px;

    font-size: 20px;

    font-weight: 500;

    /* background: #fff; */

}



.estab-title1 {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    padding: 15px;

    font-size: 15px;

    font-weight: 600;

    background: #fff;

}



.estab-title span {

    display: block;

    float: left;

    width: 5px;

    height: 14px;

    background: url(../images/liner.png) no-repeat center;

    background-size: 5px 14px;

    margin-right: 6px;

}



.estab-title img,

.estab-title1 img {

    width: 14px;

    height: 14px;

    margin-left: 6px;

    vertical-align: middle;

}



.estab-content {

    padding: 0;

    width: 100%;

    margin-top: 10px;

    background: #fff;

}



.itemInfo {

    padding: 0 15px;

}



.estab-list {

    padding: 0 15px 15px 15px;

    background: #fff;

}



.zupu-content .estab-list:nth-child(1) {

    padding-bottom: 0

}



.estab-avatar {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.estab-upload-btn {

    display: block;

    font-size: 13px;

    color: #fff;

    border-radius: 3px;

    background-image: -moz-linear-gradient( 0deg, rgb(60, 155, 247) 0%, rgb(2, 191, 149) 100%);

    background-image: -webkit-linear-gradient( 0deg, rgb(60, 155, 247) 0%, rgb(2, 191, 149) 100%);

    background-image: -ms-linear-gradient( 0deg, rgb(60, 155, 247) 0%, rgb(2, 191, 149) 100%);

    padding: 3px 5px;

    width: calc(100% - 20px);

    margin: 10px auto 0 auto;

    text-align: center;

}



.estab-avatar li {

    position: relative;

    float: left;

    width: 75px;

    height: 75px;

    margin-right: 10px;

    padding: 0;

    border: none;

    cursor: pointer;

    overflow: hidden;

    /* margin-bottom: 10px; */

}



.estab-list-title span {

    display: block;

    float: left;

    width: 5px;

    height: 14px;

    background: url(../images/liner.png) no-repeat center;

    background-size: 5px 14px;

    margin-right: 6px;

}



.upload-item {

    background: url(../images/img-upload.png) center no-repeat;

    background-size: 100%;

}



.upload-item img {

    width: 75px;

    height: 75px;

}



.estab-list-title {

    font-size: 14px;

    color: #666;

    padding: 10px 0;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

}



.estab-list-title1 {

    font-size: 15px;

    color: #999;

    padding: 10px 0;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

}



.estab-list-input {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 15px;

    padding-top: 15px;

    font-size: 15px;

    color: #999;

}



.estab-list-input span,

.estab-list-picker span {

    color: #f44336;

}



.estab-list-picker {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 15px;

    font-size: 15px;

    color: #999;

}



.estab-input {

    flex: 1;

    width: 72%;

    border: 0;

    font-size: 18px;

    color: #333;

    margin-left: 20px;

}



.estab-input::-webkit-input-placeholder {

    color: #999;

}



.estab-list-picker .estab-input {

    background: url(../images/icon-arrow-right.png) center right no-repeat;

    background-size: 7px 12px;

}



.estab-list-wrap {

    border-bottom: 10px solid #f5f5f5;

    background: #fff;

    padding-top: 15px;

}



.estab-list-wrap1 {

    background: #fff;

    padding-top: 15px;

    margin-bottom: 10px;

}



.estab-list-wrap .estab-list:last-child {

    border-bottom: 0;

    padding-bottom: 0;

}



.estab-textarea-wrap {

    margin-bottom: 10px;

    background: #fff;

}



.estab-textarea {

    width: calc(100% - 30px);

    height: 90px;

    padding: 15px;

    box-sizing: border-box;

    color: #333;

    border: 0;

    background: #f5f5f5;

    border-radius: 5px;

    font-size: 15px;

    resize: none;

}



.estab-two {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

}



.estab-label {

    display: -webkit-inline-flex;

    display: -moz-inline-flex;

    display: -ms-inline-flex;

    display: -o-inline-flex;

    display: inline-flex;

    align-items: center;

    margin-left: 20px;

}



.estab-label input {

    margin-right: 4px;

}



.estab-label input[type="radio"] {

    /* width: 16px;



    height: 16px; */

}



.btn {

    display: block;

    width: calc(100% - 30px);

    padding: 10px 0;

    font-size: 16px;

    border: 0;

    border-radius: 5px;

    margin: 0 auto 65px auto;

}



.btn-primary {

    background: #02bf95;

    color: #fff;

}



.btn-primary1 {

    background: #3b9bf6;

    color: #fff;

}



.btn-primary2 {

    background: linear-gradient(to right, #02bf95 0%, #3c9bf7 100%);

    color: #fff;

}



#zupu_detail {

    width: 100%;

    margin: 30px auto 65px;

}



.clearfix::after {

    display: block;

    content: '';

    height: 0;

    overflow: hidden;

    clear: both;

}





/* 上传图片开始 */



.upload-ul {

    position: relative;

    display: inline-block;

    *display: inline;

    *zoom: 1;

}



.upload-ul li {

    position: relative;

    float: left;

    display: inline-block;

    width: 86px;

    height: 110px;

    margin-right: 15px;

    padding: 0;

    cursor: pointer;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    overflow: hidden;

    border-radius: 3px;

    /* border: 1px dashed #ccc; */

}



.upload-pick {

    background: url(../images/img-upload.png) no-repeat 0 0;

    background-size: 86px 110px;

    margin-right: 9px;

}



.webuploader-pick {

    position: relative;

    display: inline-block;

    vertical-align: top;

    width: 100%;

    height: 100%;

}



.webuploader-container {

    position: relative;

    width: 100%;

    height: 100%;

}



.webuploader-container label {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

}



.webuploader-element-invisible {

    opacity: 0;

    width: 100%;

    height: 100%;

    clip: rect(1px 1px 1px 1px);

    clip: rect(1px, 1px, 1px, 1px);

}



.viewThumb {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius: .3rem;

}



.viewThumb img {

    width: 100%;

    height: 100%

}



.diyBar {

    position: absolute;

    display: none;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url(../images/bgblack.png);

    z-index: 3;

}



.diyProgress {

    position: absolute;

    left: 0;

    top: 33px;

    width: 100%;

    height: 25px;

    line-height: 25px;

    font-size: 14px;

    text-align: center;

    color: #FFF;

    background: rgba(10, 168, 241, .7);

    z-index: 3;

}



.diyControl {

    position: absolute;

    display: none;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 24px;

    line-height: 24px;

    font-size: 14px;

    background: rgba(0, 0, 0, 0.5);

    z-index: 3;

}



.viewThumb:hover .diyControl {

    display: block;

    text-align: center;

}



.diyControl span {

    display: inline-block;

    width: 25px;

    height: 25px;

}



.diyControl span i {

    display: block;

    width: 25px;

    height: 25px;

    opacity: .7;

}



.diyControl span i:hover {

    opacity: 1;

    cursor: pointer;

}



.diyLeft i {

    background: url(../images/upload-icons.png) no-repeat 3px -20px;

}



.diyCancel i {

    background: url(../images/upload-icons.png) no-repeat -47px -20px;

}



.diyRight i {

    background: url(../images/upload-icons.png) no-repeat -22px -20px;

}



.goods-edit .upload-tip {

    font: 12px/23px "Microsoft YaHei";

    color: #a3a3a3;

    vertical-align: top;

}





/* 上传图片结束 */





/* 族谱开始 */



.zupu-maxbj {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: url(../images/zupu-cbj.jpg) center center;

    background-size: 100% 1px

}



.zupu-content {

    padding: 15px;

}



.zupu-content1 {

    background: url(../images/zupu-topbj.jpg) center top no-repeat;

    background-size: 100% 417px;

    min-height: calc(100vh - 264px);

    height: auto;

    overflow: hidden;

    padding-top: 20px;

}



.zupu-bot {

    width: 100%;

    height: 220px;

    overflow: hidden;

    background: url(../images/zupu-botbj.png) center center;

    background-size: 100% 100%

}



.zupu-bot1 {

    width: calc(100% - 48px);

    height: auto;

    line-height: 22px;

    text-align: center;

    margin: 116px auto 0;

    font-size: 12px;

    color: #333333;

}



.zupu-bot1 font {

    display: inline-block;

    vertical-align: top;

}



.zupu-bot1 span {

    display: inline-block;

    vertical-align: top;

}



.zupu-bot1 span img {

    width: 16px;

    height: 8px;

    display: inline-block;

    margin: 7px 3px 0;

    vertical-align: top;

}



.zupu-bot2 {

    width: calc(100% - 110px);

    height: auto;

    overflow: hidden;

    line-height: 18px;

    padding-top: 4px;

    margin: 0 auto;

    font-size: 10px;

    color: #fbb217;

}



.zupu-bot2 span {

    width: 36px;

    display: block;

    float: left;

    height: auto;

    overflow: hidden;

}



.zupu-bot2 font {

    width: calc(100% - 36px);

    display: block;

    float: left;

    height: auto;

    overflow: hidden;

}



.zupu-name {

    display: inline-block;

    width: 60px;

}



.zupu-my {

    width: 260px;

    height: 38px;

    border-radius: 38px;

    background: linear-gradient(to right, #3b9bf6 0%, #03bf98 100%);

    text-align: center;

    line-height: 38px;

    color: #fff;

    font-size: 15px;

    margin: 0 auto;

}



.zupu-ul::before {

    content: '';

    width: 1px;

    height: 20px;

    background: #ffffff;

    position: absolute;

    bottom: -20px;

}



.zupu-ul {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding-bottom: 20px;

    margin-bottom: 20px;

}



.zupu-ul1::before {

    content: '';

    width: 1px;

    height: 20px;

    background: #fff;

    position: absolute;

    top: -20px;

}



.zupu-ul1 {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding-top: 20px;

    margin-top: 20px;

}



.zupu-list {

    width: 60px;

    height: 60px;

    border-radius: 5px;

    background: #fff;

    font-size: 14px;

    text-align: center;

    color: #333;

    padding: 10px 4px;

    margin: 0 10px;

    box-sizing: border-box;

}



.zupu-list span {

    display: block;

    height: 19px;

    line-height: 19px;

    overflow: hidden;

}



.zupu-list::after {

    content: '';

    display: inline-block;

    width: 1px;

    height: 20px;

    background: #fff;

    margin-top: 12px;

}



.zupu-list1 {

    position: relative;

    width: 60px;

    height: 60px;

    border-radius: 5px;

    background: #fff;

    font-size: 14px;

    text-align: center;

    color: #333;

    padding: 10px 4px;

    margin: 0 10px;

    box-sizing: border-box;

}



.zupu-list1::after {

    content: '';

    display: inline-block;

    width: 1px;

    height: 20px;

    background: #fff;

    margin-top: -20px;

    position: absolute;

    top: 0;

}



.zupu-relation {

    display: block;

    color: #02bf95;

    font-size: 13px;

    /*    padding-top: 5px;*/

}



.zupu-line {

    position: absolute;

    bottom: 0;

    width: 50px;

    height: 1px;

    background: #fff;

}



.zupu-line1 {

    position: absolute;

    top: 0;

    width: 50px;

    height: 1px;

    background: #fff;

}



.rotate180 {

    transform: rotate(180deg);

}



.fixed-wrap {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0px;

    text-align: center;

}



.btn img {

    width: 18px;

    height: 18px;

    margin-right: 5px;

    vertical-align: middle;

    display: none;

}





/* 族谱结束 */





/* 登录注册 */



.login-icon {

    width: 18px;

    height: 18px;

    margin-right: 8px;

    vertical-align: middle;

    margin-top: -2px;

}



.login-list-input {

    border-bottom: 1px solid #f1f1f1;

    margin-bottom: 20px;

    padding: 0 8px;

    font-size: 15px;

}



.login-input {

    border: 0;

    padding-bottom: 15px;

    width: 90%;

    font-size: 15px;

}



.logo-login {

    display: block;

    width: 90px;

    height: 90px;

    border-radius: 50%;

    margin: 30px auto;

}



.btn-login {

    width: 100%;

    padding: 10px 0;

    background-image: -moz-linear-gradient( -180deg, rgb(26, 184, 128) 1%, rgb(29, 200, 66) 100%);

    background-image: -webkit-linear-gradient( -180deg, rgb(26, 184, 128) 1%, rgb(29, 200, 66) 100%);

    background-image: -ms-linear-gradient( -180deg, rgb(26, 184, 128) 1%, rgb(29, 200, 66) 100%);

    color: #fff;

    border-radius: 5px;

    font-size: 16px;

    border: 0;

    margin: 30px 0 10px 0;

}



.go-login {

    font-size: 14px;

    text-align: center;

    color: #999;

}



.go-login span {

    color: #02bf95;

}



.get-code {

    float: right;

    border: 0.5px solid #02bf95;

    color: #02bf95;

    font-size: 14px;

    padding: 6px;

}



.login-input-code {

    width: 60%;

}



.forget-password {

    float: right;

    color: #02bf95;

    font-size: 14px;

}



.pdt15 {

    padding-top: 15px;

}



.shenqing-xqbox {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: auto;

    line-height: 26px;

    overflow: hidden;

    min-height: 100px;

    font-size: 16px;

    color: #333;

    margin: 15px auto 30px;

}





/* 海报页面样式开始 */



.poster-container {

    width: 100%;

    min-height: 100vh;

    height: auto;

    overflow: hidden;

}



.poster-img {

    position: relative;

    height: calc(100% - 160px);

}



.img-poster {

    width: 100%;

    min-height: 503px;

    height: 100%;

}



.img-logo {

    position: absolute;

    top: 20px;

    left: 20px;

    width: 75px;

    height: 75px;

}



.poster-picture {

    display: inline-block;

    width: 58px;

    height: 70px;

    border: 1px solid #02bf95;

    margin-right: 10px;

}



.poster-picture img {

    width: 100%;

    height: 100%;

}



.poster-tip {

    font-size: 15px;

    color: #999;

    text-align: center;

    padding-top: 25px;

    padding-bottom: 20px;

}



.poster-content {

    padding: 20px 25px 10px 25px;

}



.poster-msg {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    font-size: 18px;

    color: #333;

    font-weight: 600;

}



.img-ewma {

    width: 85px;

    height: 85px;

    margin-left: auto;

}





/* 海报页面样式结束 */



.el-upload-dragger {

    width: 100%!important;

}





/* 新上传头像样式 */



.estab-list .van-uploader {

    width: 86px;

    height: 110px;

}



.estab-list .van-uploader__wrapper {

    width: 100%;

    height: 100%;

}



.estab-list .van-uploader__preview {

    width: 100%;

    height: 100%;

}



.estab-list .van-uploader__upload {

    width: 100%;

    height: 100%;

}



.estab-list .van-uploader__preview-image {

    width: 100%;

    height: 100%;

}



.member-fixed {

    position: sticky;

    top: 0;

    left: 0;

    right: 0;

    background: #fff;

    height: 44px;

    line-height: 44px;

    border-bottom: 1px solid #eee;

    padding: 0 10px;

    font-size: 15px;

    box-sizing: border-box;

    z-index: 999;

    display: flex;

    align-items: center;

}



.icon-back-wrap {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    float: left;

    padding: 0;

    margin: 0;

}

.icon-back-wrap a{ text-decoration:none}

.title {

    font-size: 17px;

    color: #333;

    display: block;

    width: calc(100% - 92px);

    text-align: center;

}



.member-num {

    float: right;

    color: #02bf95;

}



.icon-back {

    width: 16px;

    height: 16px;

}



.member-fixed a {

    color: #383838;

}





/*登录开始*/



.denglu-max {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: relative;

    background: url(../images/denglu-bj.jpg) center center no-repeat;

    background-size: 100%;

}



.denglu-an {

    width: 290px;

    height: 49px;

    overflow: hidden;

    position: absolute;

    z-index: 9999;

    left: calc(50% - 145px);

    bottom: 85px;

    background: #04a20f;

    border-radius: 25px;

}



.denglu-an1 {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}



.denglu-an11 {

    width: 100%;

    height: 100%;

    overflow: hidden;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: center;

}



.denglu-an11 img {

    width: 22px;

    height: 18px;

    overflow: hidden;

    display: inline-block;

    flex-wrap: nowrap;

    align-items: center;

}



.denglu-an11 font {

    display: inline-block;

    font-size: 18px;

    color: #ffffff;

    padding-left: 6px;

}



.denglu-xy {

    width: 290px;

    height: 38px;

    overflow: hidden;

    position: absolute;

    z-index: 9999;

    left: calc(50% - 145px);

    bottom: 32px;

}



.denglu-xy1 {

    width: 100%;

    height: 100%;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: center;

}



.denglu-xy1 font {

    display: inline-block;

    font-size: 15px;

    color: #fff;

    padding-left: 6px;

}



.denglu-xy1 font a {

    color: #fff;

    text-decoration: none;

}



.denglu-tczz {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6);

}



.denglu-tcbox {

    width: calc(100% - 76px);

    height: 400px;

    position: fixed;

    top: calc(50vh - 200px);

    left: 38px;

    background: #fff;

    z-index: 99999;

    overflow: hidden;

    border-radius: 5px;

}



.denglu-tc1 {

    width: calc(100% - 30px);

    height: 40px;

    line-height: 30px;

    font-weight: bold;

    text-align: center;

    overflow: hidden;

    font-size: 15px;

    color: #333;

    margin: 10px auto 0;

    border-bottom: 1px solid #f2f3f5;

    padding-bottom: 10px;

}



.denglu-tc2 {

    width: calc(100% - 30px);

    height: 314px;

    overflow: auto;

    margin: 15px auto 0;

}



.denglu-tc21 {

    width: 100%;

    height: auto;

    overflow: hidden;

    line-height: 24px;

    font-size: 13px;

    color: #666;

}



.denglu-tc3 {

    width: 100px;

    line-height: 14px;

    font-size: 14px;

    text-align: center;

    font-size: #666;

    background: #f2f3f5;

    padding: 10px 0;

    border-radius: 18px;

    margin: 20px auto 0

}





/*	.denglu-tcgb{ width:0; height:0; position:relative; margin-right:0; float:right;}*/



.denglu-tcgb1 {

    width: 20px;

    height: 20px;

    overflow: hidden;

    position: fixed;

    z-index: 99999;

    top: calc(50vh - 235px);

    right: 38px;

}



.denglu-tcgb img {

    width: 15px;

    height: 15px;

    display: block;

    vertical-align: top;

    float: right

}





/*登录结束*/





/*多选按钮开始*/



.denglu-xy1 label {

    width: 22px;

    height: 22px;

    float: left;

    display: inline-block;

    border-radius: 50%;

    margin-top: 1px;

}



.mgc1 {

    cursor: pointer;

    position: relative;

    width: 22px;

    height: 22px;

    background-clip: border-box;

    /*   margin: -.15px .6px 0 0;*/

    /*    vertical-align: text-bottom;*/

    border-radius: 50%;

    /*  -webkit-transition: background-color .25s;

    transition: background-color .25s;





   

	 border-width: 0 0 2px 2px;*/

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    outline: none;

    -webkit-transform: rotate(-0deg);

    /*background:#fff;*/

    background: url(../images/xuanze-1.png) center center no-repeat;

    background-size: 22px 22px;

}



.mgc1:checked:after {

    content: '';

    display: block;

    /*    height: 6px;

    width: 12px;

    border: 0 solid #333;

    border-width: 0 0 2px 2px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    position: absolute;

    top: 5px;

    left: 4px;  */

    background: url(../images/xuanze-1.png) center center no-repeat;

    background-size: 22px 22px;

}



.mgc-primary1:checked {

    /*    background-color: #007aff;

    border-color: #007aff;*/

    background: url(../images/xuanze-11.png) center center no-repeat;

    background-size: 22px 22px;

}



.mgc-circle1 {

    border-radius: 50%;

}



.mgc-primary1:checked:after {

    border-color: #fff;

}





/*多选按钮结束*/





/*注册页面开始*/



.zhuce-box {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #fff;

    border-top: 10px solid #f5f5f5;

    padding: 0 15px;

}



.zhuce-1 {

    width: 100%;

    height: 50px;

    overflow: hidden;

    border-bottom: 1px solid #f1f1f1;

}



.zhuce-11 {

    width: 60px;

    height: 100%;

    line-height: 50px;

    overflow: hidden;

    float: left;

    font-size: 15px;

    color: #999;

}



.zhuce-12 {

    width: calc(100% - 61px);

    height: 50px;

    overflow: hidden;

    float: left;

}



.zhuce-12 input {

    display: block;

    width: 100%;

    height: 100%;

    line-height: 50px;

    color: #333;

    font-size: 18px;

    overflow: hidden;

    border: none;

    background: none;

    outline: none;

}



.zhuce-13 {

    width: calc(100% - 161px);

    height: 50px;

    overflow: hidden;

    float: left;

}



.zhuce-13 input {

    display: block;

    width: 100%;

    height: 100%;

    line-height: 50px;

    color: #333;

    font-size: 18px;

    overflow: hidden;

    border: none;

    background: none;

    outline: none;

}



.zhuce-14 {

    width: 100px;

    height: 50px;

    overflow: hidden;

    float: right;

}



.zhuce-14 input {

    display: block;

    width: 100%;

    height: 50px;

    text-align: right;

    line-height: 50px;

    color: #ed735f;

    font-size: 18px;

    overflow: hidden;

    border: none;

    background: none;

    outline: none;

}



.zhuce-an {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: auto;

    text-align: center;

    margin-top: 0px;

    width: 100%;

}



.zhuce-an input {

    width: -webkit-calc(100% - 30px);

    width: -moz-calc(100% - 30px);

    width: calc(100% - 30px);

    height: 44px;

    background: -webkit-gradient(linear, left, right, color-stop(0%, #02bf96), color-stop(100%, #3b9cf5));

    background: -webkit-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -o-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: -ms-linear-gradient(left, #02bf96 0%, #3b9cf5 100%);

    background: linear-gradient(to right, #02bf96 0%, #3b9cf5 100%);

    color: #fff;

    border-radius: 5px;

    font-size: 16px;

    border: 0;

    margin: 30px 0;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}





/*注册页面结束*/



.estab-list0 {

    padding-bottom: 0

}



.estab-contain0 {

    margin-bottom: 40px;

}



.estab-contain0 .estab-content {

    margin-top: 0

}



.zengjiarw-box {

    width: 51px;

    height: 51px;

    background: rgba(0, 0, 0, 0.4);

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.4);

    position: fixed;

    right: 3px;

    bottom: 200px;

    overflow: hidden;

}



.zengjiarw-box a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.zengjiare-1 {

    width: 21px;

    height: 21px;

    margin: 7px auto 0;

    overflow: hidden;

}



.zengjiare-1 img {

    width: 100%;

    height: 100%;

}



.zengjiare-2 {

    width: 100%;

    height: 19px;

    line-height: 19px;

    text-align: center;

    font-size: 12px;

    color: #ffffff;

    overflow: hidden;

}



.zanwu-box {

    width: 92%;

    height: auto;

    overflow: hidden;

    margin: 30px auto;

}



.zanwu-1 {

    width: 100px;

    height: auto;

    overflow: hidden;

    margin: 0 auto 15px;

}



.zanwu-1 img {

    width: 100%

}



.zanwu-2 {

    width: 100%;

    height: auto;

    line-height: 24px;

    font-size: 13px;

    text-align: center;

    overflow: hidden;

    color: #333;

}



.shanchu-zz {

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9990;

    background: rgba(0, 0, 0, 0.8);

}



.shanchu-tcbox {

    width: 300px;

    height: 130px;

    overflow: hidden;

    position: fixed;

    top: calc(50vh - 100px);

    left: calc(50% - 150px);

    z-index: 9999;

    background: #fff;

    border-radius: 6px;

}



.shanchu-tc1 {

    width: 90%;

    height: 28px;

    line-height: 28px;

    font-size: 16px;

    text-align: center;

    color: #333;

    overflow: hidden;

    margin: 10px auto 0;

}



.shanchu-tc2 {

    width: 90%;

    height: 28px;

    line-height: 24px;

    font-size: 14px;

    text-align: center;

    color: #333;

    overflow: hidden;

    margin: 5px auto 15px;

}



.shanchu-tc3 {

    width: 100%;

    height: 100px;

    overflow: hidden;

    border-top: 1px solid #f2f3f5;

    margin-top: 10px;

}



.shanchu-tc31 {

    width: -webkit-calc(33.3% - 1px);

    height: 50px;

    line-height: 47px;

    text-align: center;

    float: left;

    font-size: 14px;

    color: #f52c2c;

    border-right: 1px solid #f2f3f5;

}



.shanchu-tc32 {

    width: -webkit-calc(33.3% - 1px);

    height: 50px;

    line-height: 47px;

    text-align: center;

    float: left;

    font-size: 14px;

    color: #02bf95;

    border-right: 1px solid #f2f3f5;

}



.shanchu-tc33 {

    width: -webkit-calc(33.3% - 1px);

    height: 50px;

    line-height: 47px;

    text-align: center;

    float: right;

    font-size: 14px;

    color: #666;

}





/*家族开始*/



.caozuo-gb {

    width: 40px;

    height: 40px;

    z-index: 99999;

    position: fixed;

    top: calc(50vh - 90px);

    right: calc(50% - 140px);

}



.caozuo-gb img {

    width: 20px;

    height: 20px;

    display: block;

    float: right

}



.l_tree_container {

    box-sizing: content-box;

    width: 100%;

    height: 100%;

    position: relative;

}



.l_tree {

    width: 100%;

    height: 100%;

    box-sizing: content-box;

    padding-left: 42px;

}



.l_tree_branch {

    width: 100%;

    height: 100%;

    display: block;

    padding: 13px;

    position: relative;

}



.l_tree_branch .l_tree_children_btn {

    width: 19px;

    height: 19px;

    background-color: #23b1f0;

    font-size: 14px;

    text-align: center;

    color: #ffffff;

    outline: none;

    border: 0;

    cursor: pointer;

}



ul.l_tree:before {

    content: '';

    border-left: 1px dashed #999999;

    height: calc(100%);

    position: absolute;

    left: 10px;

    top: 0px;

}



.l_tree .l_tree_branch:last-child::before {

    content: '';

    width: 3px;

    height: calc(100% - 24px);

    display: block;

    /*	background-color: #ffffff;*/

    position: absolute;

    bottom: 0;

    left: -34px;

}



.l_tree,

.l_tree_branch {

    position: relative;

}



.l_tree_branch::after {

    content: '';

    width: 40px;

    height: 0;

    border-bottom: 1px dashed #999999;

    position: absolute;

    right: calc(100% - 9px);

    top: 22px;

}



.l_tree_container>.l_tree::before,

.l_tree_container>.l_tree>.l_tree_branch::after {

    display: none;

}



.l_tree_container>.l_tree {

    padding-left: 0

}



.el-tree {

    background: none !important;

    color: #333 !important

}



.el-tree-node:focus>.el-tree-node__content {

    background: none !important

}



.el-tree-node__expand-icon {

    background: #none !important

}



.el-tree-node__content:hover {

    background: none !important

}



.el-icon-caret-right:before {

    color: #333;

    display: none;

}



.el-icon-caret-right {

    background: url(../images/zupuxl.png) center center no-repeat;

    background-size: 16px 16px;

}



.ziji {

    width: 282px;

    height: 58px;

    overflow: hidden;

    background: url(../images/zupu-w.png) center center no-repeat;

    background-size: 100% 100%;

    font-size: 20px;

    font-weight: 600;

    border-radius: 16px;

    margin: 25px auto 10px;

}



.caozuo-tczz {

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    background: rgba(0, 0, 0, 0.6)

}



.caozuo-tcbox {

    width: 270px;

    height: 270px;

    background: url(../images/caozuo-bj.png) center center no-repeat;

    background-size: 100% 100%;

    position: fixed;

    top: calc(50vh - 135px);

    left: calc(50% - 135px);

    z-index: 9999;

    border-radius: 50%;

}



.caozuo-tcmin {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}



.caozuo-tc1 {

    width: 88px;

    height: 88px;

    line-height: 88px;

    text-align: center;

    font-size: 16px;

    color: #333333;

    position: absolute;

    left: 91px;

    top: 0px;

    z-index: 9;

}



.caozuo-tc2 {

    width: 88px;

    height: 88px;

    line-height: 88px;

    text-align: center;

    font-size: 16px;

    color: #333333;

    position: absolute;

    left: 0;

    top: 90px;

    z-index: 9;

}



.caozuo-tc3 {

    width: 88px;

    height: 88px;

    line-height: 88px;

    text-align: center;

    font-size: 16px;

    color: #333333;

    position: absolute;

    right: 0;

    top: 90px;

    z-index: 9;

}



.caozuo-tc4 {

    width: 88px;

    height: 88px;

    line-height: 88px;

    text-align: center;

    font-size: 16px;

    color: #ffffff;

    position: absolute;

    left: 91px;

    bottom: 0px;

    z-index: 9;

}



.el-tree-node__label {

    font-size: 16px !important;

    padding-bottom: 0px;

    color: #333333 !important

}



.el-tree-node__content>.el-tree-node__expand-icon {

    margin-left: 0px;

    margin-bottom: 0px;

    width: 28px;

    height: 28px;

}



.el-tree-node__content {

    margin-bottom: 0px !important;

}





/*.zupu-content1>.el-tree>.el-tree-node>.el-tree-node__content>span{ background:#42a0f5;}

.zupu-content1>.el-tree>.el-tree-node>.el-tree-node__content>span.expanded{ padding:9px 6px !important; color:#fff !important; border-radius:15px 0 0 15px; overflow:hidden;}*/



.zupu-content1>.el-tree>.el-tree-node>.el-tree-node__content>span.el-tree-node__label {

    font-size: 19px !important;

    color: #cf292d !important;

    background: url(../images/zupu-fl.png) left center no-repeat;

    background-size: 18px 13px;

    text-indent: 23px;

}



.zupu-content1>.el-tree>.el-tree-node>.el-tree-node__content>span.el-tree-node__expand-icon:before {

    color: #163bf7 !important;

}





/*.zupu-content1>.el-tree>.el-tree-node>.el-tree-node__content>span.el-tree-node__label{ font-size:20px !important; background:#42a0f5; color:#fff !important; width:140px; padding:4px 0; text-indent:20px; border-radius:18px; }*/



.zupu-content1>.el-tree>.el-tree-node .el-tree-node__children .el-tree-node__content>.el-tree-node__label {

    font-size: 19.5px !important;

    color: #222222 !important;

    background: url(../images/zupu-gr.png) left center no-repeat;

    background-size: 13px 16px;

    text-indent: 20px;

}



.zupu-content1>.el-tree>.el-tree-node .el-tree-node__children .el-tree-node__children .el-tree-node__content>.el-tree-node__label {

    font-size: 18.5px !important;

    color: #555555 !important;

}



.zupu-content1>.el-tree>.el-tree-node .el-tree-node__children .el-tree-node__children .el-tree-node__children .el-tree-node__content>.el-tree-node__label {

    font-size: 17.5px !important;

    color: #777777 !important;

}



.zupu-content1>.el-tree>.el-tree-node .el-tree-node__children .el-tree-node__children .el-tree-node__children .el-tree-node__children .el-tree-node__content>.el-tree-node__label {

    font-size: 16.5px !important;

    color: #888 !important;

}



.el-tree-node__content>.el-tree-node__expand-icon {

    margin-top: 0px;

}





/*家族结束*/



.zupu-maxbjxin .zupu-content1 {

    background: url(../images/zupu-topbj1.jpg) center top no-repeat;

    background-size: 100% 121px;

    min-height: calc(100vh - 264px);

    height: auto;

    overflow: hidden;

    padding: 25px 15px 0;

    width: 100%;

}



.zupu-maxbjxin {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #faf4da;

}



.el-tree-node__content {

    border-bottom: 0.5px solid #fbf7e6

}



.el-tree-node__content {

    height: 42px !important;

    line-height: 42px !important;

}



.zupu-content1>.el-tree>.el-tree-node>.el-tree-node__children {

    background: rgba(211, 61, 63, 0.1) !important

}



.zupu-content1>.el-tree>.el-tree-node>.el-tree-node__content {

    border-bottom: none;

}



.dss-tcbox {

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999999;

    overflow: hidden;

    background: rgba(0, 0, 0, 0.8)

}



.dss-tc1 {

    width: 230px;

    height: auto;

    overflow: hidden;

    position: fixed;

    top: calc(50vh - 50px);

    left: calc(50% - 115px);

    border-radius: 10px;

    vertical-align: top;

    background: #fff;

}



.dss-tc11 {

    width: calc(100% - 20px);

    height: 24px;

    line-height: 24px;

    text-align: center;

    font-size: 16px;

    color: #333;

    overflow: hidden;

    padding-top: 7px;

    vertical-align: top;

    margin: 0 auto;

}



.dss-tc12 {

    width: calc(100% - 20px);

    height: 24px;

    line-height: 24px;

    font-size: 14px;

    overflow: hidden;

    color: #666;

    text-align: center;

    padding-top: 0px;

    vertical-align: top;

    margin: 0 auto;

}



.dss-tc13 {

    width: 100%;

    height: 32px;

    overflow: hidden;

    margin-top: 7px;

    border-top: 1px solid #eee;

    vertical-align: top;

}



.dss-tc131 {

    width: calc(50% - 1px);

    overflow: hidden;

    height: 32px;

    line-height: 32px;

    float: left;

    color: #333;

    text-align: center;

    font-size: 14px;

    border-right: 1px solid #eee;

    vertical-align: top;

}



.dss-tc132 {

    width: 50%;

    overflow: hidden;

    height: 32px;

    float: right;

    vertical-align: top;

}



.dss-tc132 input {

    display: block;

    width: 100%;

    height: 32px;

    line-height: 32px;

    overflow: hidden;

    color: #02bf95;

    font-size: 14px;

    border: none;

    background: none;

    outline: none;

}


.liuyan1-srtcbox{width:100%; height:auto; background:#fff;   z-index:10000000; background:#fff; border-radius:8px;  }

.liuyan1-srtc1{ width:calc(100% - 30px); height:auto; overflow:hidden; background:#f5f5f5;  border-radius:8px; margin:15px auto 0;}
.liuyan1-srtc1 textarea{ display:block; width:calc(100% - 20px); height:72px; line-height:24px; overflow:auto; margin:10px auto 0; font-size:14px; color:#333; border:none; background:none; outline:none; padding:0 10px;}
.liuyan1-srtc1 span{ display:block; width:calc(100% - 20px); height:20px; line-height:20px; overflow:hidden; color:#b6b6b6; margin:5px auto 10px; text-align:right;}

.liuyan1-srtc2{  width:calc(100% - 30px);  height:40px; overflow:hidden; margin:20px auto 0;  border-radius:5px; background: linear-gradient(to right, #02bf95 0%,#3b9bf6 100%);}
.liuyan1-srtc2 input{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; color:#f3f3f3; border:none; background:none; outline:none;}