.header .wrapper .main-top-nav .saas-logo a {
    position: absolute;
    top: 12.5px;
    left: 10px;
    width: 113px;
    height: 35px
}

.header .wrapper .main-top-nav .saas-logo a img {
    max-width: 93%
}

.header .wrapper .main-top-nav .main-hd-nav li.spacer {
    overflow: hidden;
    margin: 3px 5px 0;
    padding: 0;
    width: 1px;
    height: 13px;
    background-color: #ccc
}

.header .wrapper .main-top-nav .main-hd-nav li {
    position: relative;
    float: left;
    padding: 0 10px
}

.header .wrapper .main-top-nav .main-hd-nav li a {
    color: #6c6c6c;
    font-size: 12px;
}

.header .wrapper .main-top-nav .main-hd-nav li a.on {
    color: #d3b365
}

.header .wrapper .main-top-nav .main-hd-nav li a:hover {
    color: #d3b365
}

.header .wrapper .main-top-nav .yun-tab {
    margin-left: 10px;
    font-size: 12px;
}

.main-content {
    position: relative;
    width: 100%
}

.login-area {
    width: 100%;
    height: 792px;
    background: url(../images/login-bg-x.jpg) center center no-repeat;
    background-size: cover;
    text-align: center
}

.login-area-zsz {
    width: 100%;
    height: 850px;
    background: url(../images/banner01.png) center center no-repeat;
    background-size: cover;
    text-align: center
}

.login-box {
    position: relative;
    margin: 0 auto;
    padding-top: 160px;
    width: 457px;
    height: auto
}

.login-box-kuang {
    position: relative;
    width: 457px;
    height: auto
}

.tab-content {
    width: 457px;
    height: 322px;
    background: rgba(63, 66, 72, .7)
}

.input-boxFirst,
.zh-telbox {
    margin: 0 auto;
    padding-top: 50px;
    width: 355px;
    border-radius: 2px
}

.input-boxFirst .login-bar {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 45px;
    border: 1px solid #dab866;
    border-radius: 2px;
    background: rgba(63, 66, 72, .7);
    text-align: center;
    line-height: 43px
}

.input-boxFirst .login-icon {
    position: absolute;
    left: 15px
}

.input-boxFirst .login-icon i {
    color: #d3b365;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0
}

.input-boxFirst .login-bar .login-psw {
    padding: 12px;
    padding-left: 55px;
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
    color: #e5e2da;
    font-size: 14px
}

.error-tip-txt {
    margin-bottom: 16px;
    height: 15px;
    color: red;
    text-align: left;
    font-size: 8px;
    line-height: 15px
}

.error-tip-txt span {
    display: none
}

.yanzheng-tip-txt {
    display: none;
    margin-bottom: 16px;
    margin-left: 57px;
    height: 15px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    line-height: 15px
}

.yanzheng-tip-txt span {
    display: inline-block;
    padding-right: 30px;
    color: red
}

input[id=usertel] {
    display: none
}

.loginIn-btn {
    display: block;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 3px;
    background-color: rgba(218, 184, 102, .5);
    color: #fff;
    text-align: center;
    letter-spacing: 5px;
    font-weight: 500;
    font-size: 15px;
    line-height: 45px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.loginIn-btn:hover {
    background-color: #d3b365
}

.zhanghao-menu a {
    height: 21px;
    color: rgba(218, 184, 102, .7);
    vertical-align: middle;
    font-size: 12px;
    line-height: 21px;
    position: relative
}

.zhanghao-menu a:hover {
    color: #d3b365
}

.login-bar input::-webkit-input-placeholder {
    color: #fff
}

.zhanghao-menu a .icon-you {
    margin-right: 71%;
    margin-top: -32%;
    font-size: 22px;
    color: rgba(218, 184, 102, .7)
}

.header .wrapper .header-main {
    padding-top: 33px;
    height: 70px
}

.header .wrapper .header-main .wel-logo a {
    position: absolute;
    top: 10px;
    left: 0;
    width: 115px;
    height: 39px
}

.header .wrapper .header-main .wel-logo a .saas-logo {
    max-width: 100%
}

.header .wrapper .header-main .wel-logo span {
    display: inline-block;
    margin-left: 130px;
    color: #6c6c6c
}

.header .wrapper .header-main ul li {
    position: relative;
    float: left;
    padding: 0 10px
}

.header .wrapper .header-main ul li a {
    color: #6c6c6c
}

.header .wrapper .header-main ul li a:hover {
    color: #d3b365
}

.iconfontXljt {
    position: absolute;
    right: 2%;
    top: 29%;
    color: #fff
}

.layui-input-block {
    margin-left: 112px !important
}

.ZSfirstTab ul li:nth-child(1) {
    float: left
}

.ZSfirstTab ul li:nth-child(2) {
    float: right
}

.ZSlogin-box {
    position: relative;
    margin: 0 auto;
    padding-top: 77px;
    height: auto;
    width: 100%
}

.cz-information {
    position: relative;
    top: -34px;
    width: 84px;
    height: 20px;
    background: #fff;
    color: rgba(212, 179, 101, 1);
    font-weight: 400;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    line-height: 20px
}

.ZSfirstTab ul {
    border: none;
    margin: auto;
    width: 270px;
    height: 50px
}

.ZSfirstTab ul li {
    width: 90px;
    color: #6c6c6c;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    padding: 0 !important
}

.ZSfirstTab .tabHover {
    display: none
}

.ZSfirstTab .content {
    margin-top: 18px;
    padding: 0 !important;
    width: 100%
}

.ZSfirstTab .layui-tab-bar {
    display: none
}

.ZSfirstTab .tabs .layui-this {
    border-bottom: 3px solid #d3b365;
    border-radius: 2px;
    color: #d3b365 !important
}

.fontsize12 {
    font-size: 25px !important;
    line-height: 50px
}

.czTime {
    width: 1200px
}

.czMin {
    height: 33px;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 30px 0 30px;
    background: rgba(212, 179, 101, 1)
}

.new-iconfont {
    cursor: pointer;
    top: 4px;
    color: #fff;
    font-size: 20px;
    z-index: 99999
}

.leftzc {
    width: 50%;
    float: left
}

.dianRed {
    color: #e74e4e
}

.inputbox {
    width: 445px !important;
    height: 33px !important;
    vertical-align: middle
}

.leftzcL .layui-form-item .layui-form-label .new-iconfont,
.leftzcL2 .layui-form-item .layui-form-label .new-iconfont {
    top: 2px
}

.leftzcL2 {
    width: 597px;
    height: 190px;
    border-radius: 2px;
    margin-top: 6px;
    border: 1px solid rgba(244, 246, 248, 1);
    padding: 20px 16px 20px 14px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: none
}

.leftzcL2 .layui-form-item .layui-input-inline select {
    padding-left: 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 400;
    color: #999 !important;
    line-height: 33px;
    width: 104px !important;
    height: 33px
}

.firser1 {
    border: 1px solid rgba(230, 230, 230, 1);
    margin-left: 17px !important;
    width: 104px !important;
    margin-right: 0 !important
}

.firser2,
.firser3,
.firser4 {
    margin-left: 9px !important;
    width: 104px !important;
    margin-right: 0 !important;
    border: 1px solid rgba(230, 230, 230, 1)
}

.dianRedtwo {
    color: #e74e4e;
    right: -19px;
    top: 2px
}

.leftzcL2 .layui-form-item .layui-form-label {
    margin-top: 0 !important
}

.rightzc {
    width: 50%;
    float: right
}

.rightzcR .layui-form-item .ggxf {
    padding-top: 12px;
    width: 158px;
    height: 38px;
    margin-left: 54px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(212, 179, 101, 1);
    line-height: 17px
}

.rightzcR .layui-form-item .upimg {
    width: 112px;
    height: 88px;
    margin-left: 92px;
    background: rgba(234, 238, 242, 1)
}

.rightzcR .layui-form-item .layui-form-label .rightWing,
.rightzcR2 .layui-form-item .layui-form-label .rightWing {
    color: #e74e4e;
    right: -17px;
    top: 0
}

.rightzc .rightzcR .layui-form-item .upimg .addIconI {
    font-size: 30px;
    color: #d4b365;
    right: 40px;
    top: 24px
}

.fisrRight {
    width: 115px !important
}

.layui-form-item .layui-input-block .inputboxRight {
    margin-left: 24px;
    width: 423px;
    height: 33px;
    line-height: 33px
}

.rightzcR2 {
    width: 597px;
    height: 190px;
    border-radius: 2px;
    margin-top: 6px;
    border: 1px solid rgba(244, 246, 248, 1);
    padding: 20px 14px 20px 14px;
    border-left: none !important;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.new-iconfont {
    z-index: 99 !important
}

.firser1 .layui-form-selected dl,
.firser2 .layui-form-selected dl,
.firser3 .layui-form-selected dl,
.firser4 .layui-form-selected dl {
    min-width: 100% !important
}

.leftzcL .layui-form-item .sexItem input {
    display: none
}

.rightzc .rightzcR .layui-form-item .fisrRight {
    margin-top: 0
}

.sexItem .layui-form-radio {
    line-height: 33px;
    margin: 0 10px 0 0 !important
}

.leftzc .leftzcL .layui-form-item .layui-form-label {
    width: 91px;
    line-height: 33px !important
}

.leftzcL .layui-form-item .layui-form-label {
    margin-top: 0 !important
}

.imgupDete .heightWidth {
    width: 112px;
    height: 88px
}

.leftzcL .layui-form-item .sexItem {
    width: 165px;
    color: rgba(74, 74, 74, 1);
    line-height: 28px;
    float: right
}

.marginL {
    margin-left: 30px !important
}

.inputbox2 {
    margin-left: 22px
}
.layui-form-radio>i {
    font-size: 17px;
}
.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #d4b365 !important;
    font-size: 17px;
    line-height: -12px
}

.layui-form-select dl dd.layui-this {
    background-color: #d4b365 !important;
    color: #fff !important
}

.selHide {
    display: none
}

.selStyle {
    border: 1px solid #e6e6e6;
    width: 445px !important;
    height: 33px !important
}

.selStyle .layui-unselect dl {
    min-width: 100% !important;
    max-height: 500px
}

.moneyBox .money {
    width: 100px;
    height: 39px;
    border: none;
    margin-right: 0 !important
}

.moneyBox .moneyLong {
    width: 225px;
    height: 39px;
    margin-left: 6px
}

.left10 {
    margin-left: 17px !important
}

.moneyLong input {
    width: 233px;
    height: 33px;
    border: 1px solid #e6e6e6;
    padding-left: 10px
}

.money .layui-form-select dl {
    min-width: 100% !important;
    display: none
}

.layui-input-block .dateStyle {
    color: #ddd;
    top: 3px;
    position: absolute;
    right: 4%;
    font-size: 18px
}

.suhybox .suhy {
    border: 1px solid #ddd;
    width: 218px;
    margin-right: 0 !important
}

.suhybox .suhy1 {
    border: 1px solid #ddd;
    margin-left: 17px;
    width: 217px
}

.suhy .layui-form-select dl,
.suhy1 .layui-form-select dl {
    min-width: 100% !important
}

.rightzcR .layui-form-item .layui-inline,
.rightzcR2 .layui-form-item .layui-inline {
    margin-right: 0
}

.rightzcR .layui-form-item .layui-inline .ipai,
.rightzcR2 .layui-form-item .layui-inline .ipai {
    width: 100px;
    margin-left: 22px
}

.rightzcR .layui-form-item .layui-inline .ipai input,
.rightzcR .layui-form-item .layui-inline .ipai3 input,
.rightzcR2 .layui-form-item .layui-inline .ipai input,
.rightzcR2 .layui-form-item .layui-inline .ipai3 input {
    width: 100px;
    height: 33px;
    line-height: 33px
}

.rightzcR .layui-form-item .layui-inline .ipai2,
.rightzcR2 .layui-form-item .layui-inline .ipai2 {
    width: 172px
}

.rightzcR .layui-form-item .layui-inline .ipai2 input,
.rightzcR2 .layui-form-item .layui-inline .ipai2 input {
    width: 172px;
    height: 33px;
    line-height: 33px
}

.rightzcR .layui-form-item .layui-inline .ipai3,
.rightzcR2 .layui-form-item .layui-inline .ipai3 {
    margin-right: 0;
    width: 100px
}

.suhybox2 .suhy {
    border: 1px solid #ddd;
    width: 206px;
    margin-right: 0 !important
}

.suhybox2 .suhy1 {
    border: 1px solid #ddd;
    margin-left: 22px;
    width: 206px
}

.gsxzChage .layui-input-block .layui-form-select {
    width: 420px;
    height: 33px;
    border: 1px solid #ddd;
    margin-left: 26px
}

.gsxzChage .layui-input-block .layui-form-select input {
    width: 402px;
    height: 30px;
    line-height: 32px
}

.gsxzChage .layui-input-block .layui-form-select dl {
    min-width: 100% !important
}

.leftzcLTwo .leftzcL,
.rightzcTwo .rightzcR {
    height: 144px !important;
    border: none
}

.selectUlTwo {
    height: 144px !important;
    border: 1px solid rgba(244, 246, 248, 1)
}

.yzmSet {
    width: 228px;
    height: 39px;
    line-height: 39px
}

.yzmSet input {
    width: 275px;
    height: 33px;
    margin-left: 22px;
    line-height: 33px
}

.rightzcTwo .rightzcR .layui-form-item .setMig {
    cursor: pointer;
    width: 136px;
    height: 33px;
    margin-left: 108px;
    background: rgba(212, 179, 101, 1);
    border-radius: 2px;
    color: #fff;
    margin-right: 0;
    line-height: 33px;
    text-align: center
}

.rightzcTwo .rightzcR .layui-form-item .setMig input {
    width: 136px;
    height: 39px;
    line-height: 39px
}

.sfsure {
    height: 20px;
    position: relative;
    width: 688px;
    font-size: 14px;
    top: 20px;
    text-align: center;
    font-weight: 400;
    color: rgba(212, 179, 101, 1);
    line-height: 20px;
    margin: auto
}

.layui-form-checkbox[lay-skin=primary] {
    display: none
}

.sfsure input {
    width: 18px;
    height: 18px;
    left: 8px;
    top: 2px;
    position: absolute
}

.sfsure a {
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC;
    font-weight: 400;
    color: rgba(212, 179, 101, 1);
    line-height: 20px
}

.tjsubm {
    width: 180px;
    margin: auto;
    height: 33px;
    display: block;
    line-height: 33px;
    position: relative;
    top: 54px;
    background: rgba(212, 179, 101, 1);
    border-radius: 2px
}

.rightzcR2 .layui-form-item .layui-form-label {
    margin-top: 0 !important
}

.leftzcL2 .layui-form-item .selStyle .layui-form-select dl {
    left: 0 !important;
    top: 38px
}

.layui-form-item .imgupDete {
    height: 88px
}

.divItem {
    margin-bottom: 100px
}

.register-detail-info {
    position: relative;
    width: 760px;
    margin: auto
}

.register-detail-info h4 {
    margin-bottom: 8px;
    height: 24px;
    text-align: left;
    font-size: 16px;
    line-height: 24px
}

.register-detail-info .register-roleBox {
    padding: 23px 23px 23px 23px;
    height: 598px;
    border: 1px solid rgba(244, 246, 248, 1);
    background: rgba(255, 255, 255, 1);
    color: #4a4a4a
}

.register-detail-info .register-roleBox2 {
    margin-top: 34px;
    height: 160px
}

.register-detail-info .register-roleBox3 {
    margin-top: 34px;
    height: 264px
}

.register-detail-info .register-role {
    margin-bottom: 12px;
    width: 100%;
    color: #4a4a4a
}

.register-detail-info .register-role .title-txt {
    margin-right: 20px;
    width: 135px;
    text-align: right;
    font-size: 13px;
    line-height: 33px
}

.register-detail-info .register-role .title-txt b {
    float: right;
    display: block;
    margin-top: 14px;
    margin-left: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(231, 78, 78, 1)
}

.register-detail-info .register-role input {
    padding-left: 10px;
    width: 483px;
    height: 33px;
    border: 1px solid rgba(230, 230, 230, 1);
    border-radius: 2px;
    background: rgba(255, 255, 255, 1);
    color: #999;
    font-size: 13px
}

input::-webkit-input-placeholder {
    color: #999
}

.lp-front-l {
    margin-left: 156px
}

.register-roleBox4 {
    padding: 23px 23px 14px 23px
}

.register-detail-info .agree-rule {
    margin: 5px auto 0;
    padding-left: 144px;
    color: #d3b365
}

.register-detail-info .agree-rule a {
    color: #d3b365
}

.register-detail-info .rule-check_a {
    margin: auto;
    width:91%;
    text-align: center;
}

.register-detail-info .rule-check_a a {
    float: right;
    display: block;
    color: #d3b365;
    line-height: 19px
}

.register-detail-info .get-phone-code {
    display: inline-block;
    width: 80px;
    height: 32px;
    border-radius: 2px;
    background-color: #d3b365;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 33px
}

.register-detail-info .get-phone-code:hover {
    color: #fff
}

.layui-upload-btn {
    position: relative;
    width: 187px;
    height: 137px;
    border: none;
    background: rgba(244, 246, 248, 1);
    cursor: pointer
}

.layui-upload-btn img {
    width: 30px;
    height: 30px
}

.layui-upload-btn-reset {
    padding: 0;
    border: none;
    background-color: #fff;
    color: #00a5d4;
    line-height: 33px;
    cursor: pointer
}

.upload-imgs-tips {
    display: inline-block;
    width: 500px;
    color: #d4b365;
    line-height: 39px
}

.business-imgs-list {
    margin-left: 156px
}

.layui-upload-list {
    margin: 0
}

.layui-upload-img {
    display: block;
    width: 70px;
    height: 80px
}

.lp-front-r {
    margin-right: 50px
}

.contact-name-bar {
    margin-bottom: 12px
}

.register-detail-info .register-role input.contact-code {
    width: 400px
}

.register-detail-info .register-role input.agree-btn {
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.JS-submit-btn {
    display: block;
    margin: 0 auto;
    width: 180px;
    height: 33px;
    border-radius: 2px;
    background-color: #d3b365;
    font-size: 14px;
    line-height: 33px
}

.heightChage {
    margin-right: 54px;
    height: 119px !important
}

.heightChage p {
    position: absolute;
    bottom: 8px;
    margin-left: 82px;
    color: rgba(155, 155, 155, 1);
    text-align: center;
    font-weight: 400;
    font-size: 12px
}

.agree-btn {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(212, 179, 101, 1);
    border-radius: 2px;
    background: rgba(253, 250, 239, 1) !important
}

.successBox {
    margin-top: 260px;
    text-align: center
}

.iconsucc {
    width: 70px;
    height: 70px;
    margin: auto
}

.iconsucc img {
    display: block
}

.successBox h2 {
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    color: rgba(74, 74, 74, 1);
    line-height: 65px
}

.successBox p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: rgba(155, 155, 155, 1);
    line-height: 34px
}

.closeOff {
    width: 100px;
    border: 1px solid #ffd4B365
}

.successBox button {
    width: 162px;
    height: 40px;
    margin-top: 100px;
    background: rgba(212, 179, 101, 1);
    border-radius: 2px;
    text-align: center;
    padding: 0;
    border: 1px solid transparent;
    outline: 0;
    font-size: 14px;
    font-family: PingFangSC;
    font-weight: 400;
    line-height: 40px
}

.successBox button a {
    color: rgba(255, 255, 255, 1)
}

.marginTop {
    margin-top: 50px
}

.activehover {
    color: red !important;
    font-size: 20px
}

#filters li span {
    display: block;
    margin-left: 22px;
    color: #9b9b9b;
    text-decoration: none;
    cursor: pointer;
    line-height: 39px
}

#filters li span.active {
    border-bottom: 2px solid #d4b365;
    color: #d4b365
}

.portfolio .DbjImg2 {
    height: 13rem;
    min-height: 13rem;
    background: -o-linear-gradient(224deg, #9ff 0, rgba(113, 88, 228, 1) -70%, #9cf 70%);
    background: linear-gradient(226deg, #9ff 0, rgba(113, 88, 228, 1) -70%, #9cf 70%)
}

.portfolio .DbjImg .yushou {
    color: #fff;
    width: 19%;
    text-align: center;
    margin-top: -4%;
    background-color: red;
    float: right;
    height: 30px;
    line-height: 30px
}

.dateStyle {
    margin-left: 20px
}

.infoTime {
    padding: 3% 8%
}

.portfolio {
    float: left;
    display: block;
    margin-left: 9px;
    margin-top: 1%;
    width: 24.4%
}

.infoTime li {
    line-height: 26px
}

.infoTime li em {
    color: rgba(153, 153, 153, 1);
    font-weight: 400;
    font-size: .8rem;
    line-height: 20px
}

.infoTime li em i {
    padding-left: 5px;
    width: 73px;
    height: 20px;
    color: #4a4a4a;
    margin-left: 2%;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    -webkit-background-clip: text
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid transparent !important
}

.minzh {
    margin: auto;
    padding-top: 16%;
    width: 70px
}

.minzh .addzh {
    display: block;
    width: 60px !important;
    height: 60px !important;
    margin-left: 10%
}

.ssh2 {
    color: #4a4a4a;
    text-align: center;
    font-size: 16px;
    line-height: 58px;
    font-weight: 600;
    /* width:71px */
}

.bigBox {
    position: relative;
    height: 400px
}

.portfolio-wrapperxjHz {
    margin-right: 8px;
    height: 236px;
    padding: 0 4%;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    border: 1px solid rgba(235, 235, 235, 1) !important
}

.portfolio-wrapperxjHz:hover {
    -webkit-box-shadow: 2px 2px 5px #adadad;
    box-shadow: 2px 2px 5px #adadad
}

.portfolio-wrapperxjHz h4 {
    margin-bottom: 8px;
    display: inline-block;
    height: 50px;
    color: #4a4a4a;
    font-weight: 600;
    font-size: 16px;
    line-height: 50px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.portfolio-wrapperxjHz p {
    width: 30%;
    float: right;
    display: block;
    margin-top: 3%
}

.portfolio-wrapperxjHz .bj,
.portfolio-wrapperxjHz .del {
    font-size: 1rem !important;
    color: #2f9dff !important
}

.portfolio-wrapperxjHz .bj {
    margin-right: 30%
}

.makeItem {
    width: 100%;
    height: 126px;
    display: flex;
    justify-content: space-between;
}
.makeItem>a{
    flex: 1;
    /* padding-top: 18px; */
    /* height: 107px; */
    background: #f9fafb;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.makeItem>a+a{
    margin-left: 10px;
}
.makeItem>a img {
    width: 29px;
    height: 37px;
    /* margin: auto; */
    display: block
}
.makeItem>a h6{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: rgba(47, 157, 255, 1);
    /* line-height: 50px */
    margin-top: 10px;
}

.openOff {
    width: 40%;
    float: left;
    margin-tp: 8%;
    margin-top: 3%
}

.openOff button {
    cursor: pointer;
    border-radius: 2px;
    width: 30%;
    background: rgba(249, 250, 251, 1);
    height: 27px;
    padding: 0;
    border: 1px solid transparent;
    outline: 0;
    font-size: 12px;
    font-family: PingFangSC;
    font-weight: 400;
    color: rgba(145, 158, 171, 1);
    line-height: 27px
}

.openOff .openit {
    color: #fff;
    background: #2f9dff;
    border-radius: 2px
}

/*参展商资料上传*/
.portfolio-wrapperxjHz h3 {
    margin-top: 8px;
    display: inline-block;
    height: 50px;
    color: #4a4a4a;
    font-weight: normal;
    font-size: 24px;
    line-height: 50px
}

.portfolio-wrapperxjHz .exhCity {
    height: 25px;
    line-height: 25px;
    color: #4A4A4A;
}

.portfolio-wrapperxjHz .exhTime {
    font-size: 14px;
    color: #AC7A04;
    margin-top: 10%;
    margin-bottom: 13px;
}

.portfolio-wrapperxjHz .lookMeans {
    width: 162px;
    height: 39px;
    background: rgba(212, 179, 101, 1);
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    line-height: 39px;
    text-align: center;
    margin: 0 auto;
}

.ddglWarp {
    width: 1162px;
    margin: auto;
    padding-top: 70px
}

.jbxi {
    padding: 26px 80px 0 80px;
    border-top: 1px solid #f4f6f8;
    margin-top: 40px;
    position: relative
}

.jbxi h6,
.jbxi2 h6 {
    width: 80px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 121px;
    color: rgba(212, 179, 101, 1);
    position: absolute;
    top: -12px;
    background: #fff;
    z-index: 9;
    text-align: center
}

.jbxiIn {
    padding: 0 193px 0 193px
}

.inoutlab {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 39px
}

.inputStyle {
    width: 500px;
    height: 39px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1)
}

.hidestyle {
    display: none !important
}

#zoomgBigImg {
    background-color: red;
    position: absolute;
    z-index: 99;
    width: 32px;
    height: 30px;
    opacity: 1;
    margin-left: 84%;
    top: 80%
}

.main-content {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box
}

.set-main {
    margin-bottom: 30px
}

.set-main .set-title-txt {
    margin-bottom: 10px;
    color: #d3b365;
    text-align: left;
    font-size: 17px
}

.set-main .set-title-txt h3 {
    line-height: 22px
}

.set-main .select-role {
    width: 616px;
    color: #6c6c6c;
    position: relative
}

.set-main .select-role .select-role-title {
    line-height: 39px;
    float: left;
    width: 16%;
    font-size: 14px;
    text-align: right;
    font-weight: 400;
    color: rgba(74, 74, 74, 1)
}

.set-main .select-role .city-slider {
    position: absolute;
    z-index: 9999;
    display: none;
    width: 503px;
    top: 33px;
    left: 111px;
    background-color: #fff;
    border: 1px solid #ddd
}

.set-main .select-role .city-search-slider {
    position: absolute;
    z-index: 99;
    display: none;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd
}

.set-main .select-role .option-slide-content {
    height: 505px;
    overflow-y: scroll
}

.set-main div input,
.set-main div select {
    position: relative;
    z-index: 10;
    vertical-align: middle;
    background: 0 0;
    width: 504px;
    padding: 5px 8px;
    height: 33px;
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1);
    float: right;
    color: #4a4a4a;
    font-size: 13px
}

.set-main .select-role .select-role-csper {
    width: 206px
}

.set-main .select-role .select-role-csper:-moz-placeholder {
    text-align: right
}

.set-main .select-role .select-role-csper::-moz-placeholder {
    text-align: right
}

.set-main .select-role .select-role-csper:-ms-input-placeholder {
    text-align: right
}

.set-main .select-role .select-role-csper::-webkit-input-placeholder {
    text-align: right
}

.set-main .select-role .option-slide-content {
    float: left;
    width: 100%;
    display: block;
    overflow: auto;
    min-height: 250px
}

.set-main .select-role .city-search-slider .exhibition-search-content {
    float: left;
    width: 100%;
    display: block;
    overflow: auto;
    height: auto
}

.set-main .select-role .city-search-slider .exhibition-search-content ul {
    position: relative;
    display: block;
    float: left;
    width: 100%
}

.set-main .select-role .city-search-slider .exhibition-search-content ul li {
    float: left;
    width: 100%
}

.set-main .select-role .city-search-slider .exhibition-search-content ul li a {
    padding: 5px 10px;
    display: block;
    border-bottom: 1px solid #f3f3f3
}

.set-main .select-role .option-slide-content ul {
    float: left;
    width: 100%;
    display: block;
    position: relative
}

.set-main .select-role .option-slide-content ul li {
    float: left;
    width: 100%
}

.set-main .select-role .option-slide-content ul li .selected-city-title {
    display: block;
    float: left;
    padding-left: 5px;
    width: 100%;
    line-height: 22px;
    background-color: #ddd;
    color: #fff
}

.set-main .select-role .exhibition-host-unit-item-bar {
    position: relative;
    margin-bottom: 5px
}

.set-main .select-role .exhibition-hall-number-item-bar {
    position: relative;
    float: left;
    margin-bottom: 5px;
    margin-right: 33px
}

.set-main .select-role .option-slide-content ul li ul {
    float: left;
    width: 100%;
    display: block
}

.set-main .select-role .option-slide-content ul li ul li a {
    padding: 5px 10px;
    display: block;
    border-bottom: 1px solid #f3f3f3
}

.set-main .select-role .option-slide-content ul li ul li a:hover {
    background-color: #e5e5e5
}

.set-main div.exhibition-btn-container {
    margin-top: 30px
}

.set-main div.exhibition-btn-container .exhibition-submit-btn {
    display: block;
    margin: 0 auto;
    width: 132px;
    height: 31px;
    line-height: 31px;
    border-radius: 2px;
    background: #d4b365;
    color: #fff;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.add-reduce-btns {
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 99;
    background-color: #c4cdd5
}

.add-reduce-kw {
    position: absolute;
    right: 1px;
    top: 0;
    line-height: 33px;
    padding-right: 10px
}

input::-webkit-input-placeholder {
    color: #aab2bd
}

.add-exhibition-hall-number-btn,
.add-exhibition-host-unit-btn,
.remove-exhibition-hall-number-btn,
.remove-exhibition-host-unit-btn {
    display: block;
    width: 32px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-size: 14px; 
    background-color: #c4cdd5;
    cursor: pointer;
}

.add-exhibition-hall-number-btn,
.add-exhibition-host-unit-btn {
    margin-bottom: 0;
    height: 33px;
    width: 33px;
    line-height: 33px
}

.set-main .select-role .exhibition-hall-number-item-bar:nth-child(4n) {
    margin-right: 0
}

.set-main div.exhibition-city .option-slide-nav {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    margin-bottom: 0;
    width: auto;
    height: 504px;
    min-height: 250px;
    background-color: #d2d2d2
}

.set-main div.exhibition-city .option-slide-nav ul li a {
    padding: 3px;
    line-height: 13px;
    text-align: center;
    color: #fff;
    display: block;
    text-transform: uppercase;
    cursor: pointer
}

.close-slider-bg {
    position: absolute;
    display: none;
    z-index: 20;
    top: 0;
    height: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0
}

.close-slider-btn {
    display: block;
    width: 100%;
    height: 100%;
    cursor: default
}

.new-exhibition-bd {
    padding: 70px 0 0 200px
}

.demotxt {
    font-size: 12px;
    color: red
}

.exhibition-hall-number,
.exhibition-hall-number-item-bar {
    width: 105px
}

.edit-save-btn {
    margin-top: 30px
}

.caozuoyuan {
    position: absolute;
    display: none;
    top: 28px;
    left: 99px;
    width: 356px;
    background-color: #fff;
    z-index: 2;
    border: 1px solid #ddd
}

.caozuoyuan li {
    border-bottom: 1px solid #ddd;
    height: 27px;
    line-height: 27px
}

.caozuoyuan li a {
    display: block;
    color: #6c6c6c
}

.fix-field-box {
    position: fixed;
    top: 70px;
    left: 200px;
    width: 100%;
    background-color: #fff;
    z-index: 10
}

.layui-form-label {
    line-height: 33px !important;
    font-size: 13px;
    margin-top: 17px;
    color: #4a4a4a;
    padding: 0 !important
}

.displayNone {
    display: none
}

.layui-form-select .layui-edge {
    top: 13px !important;
    margin-top: 0 !important
}

.layui-form-select dl {
    left: 0 !important;
    top: 42px
}

.jbxi2 {
    padding: 0 80px 0 80px;
    border-top: 1px solid #f4f6f8;
    position: relative;
    padding-top: 30px
}

.layuiStyle {
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 22px !important;
    position: absolute;
    z-index: 9
}

.rightzcR .imgupDete {
    height: auto
}

.menudate {
    margin-right: 16px !important
}

.uploadImg p {
    /* margin-top: 35%; */
    height: 37px;
    font-size: 12px;
    font-weight: 400;
    left: 34%;
    top: 68px;
    color: rgba(212, 179, 101, 1);
    line-height: 22px;
    position: absolute
}

.rightColor p {
    font-size: 12px;
    font-weight: 400;
    color: rgba(212, 179, 101, 1);
    line-height: 35px
}

.zhaddLeft #exhibition-host-unit-nn {
    margin-right: 8px;
    width: 120px;
    height: 33px;
    padding: 5px 8px;
    border: 1px solid #e6e6e6;
    font-size: 13px;
    font-weight: 400;
    color: #4a4a4a;
    line-height: 33px
}

.zhaddLeft #exhibition-host-unit-nnNew {
    margin-right: 8px;
    padding-left: 6px;
    padding-right: 40px;
    box-sizing: border-box;
    width: 115px;
    height: 33px;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 20px
}

.zhadd {
    margin-bottom: 30px
}

.add-reduce-btns-zghButton {
    position: absolute;
    left: 88px;
    top: 0;
    background-color: #c4cdd5
}

.add-reduce-btns-zghButtonNew {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #c4cdd5
}
.unit-box{
    position: absolute;
    width: 40px;
    right: 33px;
    top: 6px;
}
.unit-box>select{
    border: none;
}
.unit-box>.unit-name{
    margin-left: 4px;
}

.cloose {
    position: absolute;
    border: none;
    right: 0;
    display: inline-block;
    width: 70px;
    height: 38px;
    background: rgba(212, 179, 101, 1);
    border-radius: 1px;
    top: 1px;
    text-align: center;
    color: #fff
}

.margin-bottom {
    margin-bottom: 10px
}

.margin-bottom1 {
    margin-bottom: 32px;
    margin-top: 54px
}

.inputHeight {
    width: 340px;
    vertical-align: middle;
    height: 33px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1);
    font-size: 13px;
    font-weight: 400;
    color: #4a4a4a !important
}

.zkRight {
    width: 148px !important;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block
}

.layui-upload {
    margin-bottom: 10px;
    height: 140px
}

.zktwo {
    margin-top: 10px
}

.inputHeight select {
    display: none !important
}

.zhkouHeight {
    position: absolute
}

.layui-select-title input {
    /* height: 30px !important; */
    /* border: none; */
    color: #555
}

.zhkouHeight .layui-form-selected .layui-anim-upbit {
    min-width: 346px !important
}

.save {
    width: 360px;
    height: 33px;
    margin: auto;
    position: relative;
    top: 30px;
    padding-bottom: 100px
}

.save button {
    width: 140px;
    height: 33px;
    float: left;
    color: #fff !important;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: 0
}

.save .saveing {
    position: absolute;
    right: 0;
    background: #d4b365 !important
}

.save .del {
    background: #919eab !important
}

.linesp {
    border-top: 1px solid #f4f6f8;
    margin-top: 30px
}

.cloosew {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 70px;
    height: 38px;
    background: rgba(212, 179, 101, 1);
    border-radius: 1px;
    top: 1px;
    text-align: center;
    color: #fff
}

.addRight {
    margin-left: 4px
}

#container1s {
    position: relative;
    top: 15px;
    height: 53px
}

#delIts {
    width: 32px;
    position: absolute;
    height: 33px;
    left: 88px;
    top: 0;
    color: #fff;
    font-size: 14px;
    background-color: #c4cdd5;
    line-height: 33px;
    text-align: center;
    z-index: 9
}

#container1silm {
    position: relative;
    /* height: 33px */
}

#delItsilm {
    width: 33px;
    position: absolute;
    height: 33px;
    right: 193px;
    top: 0;
    color: #fff;
    font-size: 14px;
    background-color: #c4cdd5;
    line-height: 33px;
    text-align: center;
    z-index: 9;
    cursor: pointer;
}

.rule-check .layui-form-checkbox {
    display: none
}

.layui-layer-title {
    color: rgba(212, 179, 101, 1) !important
}

.Nav-chain {
    padding: 0 20px 0 20px;
    background: #fff
}

.navHeadlist {
    width: 100%;
    background: #fff;
    height: 50px
}

.navHeadlist p {
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 50px
}

.navHeadlist a {
    color: rgba(153, 153, 153, 1)
}

.useIsWarp {
    width: 100%;
    background: #f9fafb;
    height: 50px;
    padding: 0 21px 0 21px
}

.useIs {
    width: 514px;
    height: 50px;
    float: left
}

.useIs div {
    display: inline-block;
    width: 125px;
    height: 50px
}

.useIs div p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(212, 179, 101, 1);
    width: 87px;
    float: right;
    line-height: 50px
}

.useIs i {
    width: 20px;
    height: 20px;
    display: block;
    margin-top: 15px;
    float: left;
    margin-left: 7px
}

.useIs i img {
    display: block;
    overflow: hidden
}

.firstone {
    width: 88px !important
}

.firstone p {
    width: 50px !important
}

.firstTow {
    margin-left: 10px
}

.firstFour {
    width: 88px !important;
    margin-left: 30px
}

.firstFour p {
    width: 50px !important
}

.firstThere {
    margin-left: 20px
}

.seachTop {
    margin-top: 6px
}

.chooseLBox2 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    /* float: left;
    width: 79.6%; */
    position: relative;
    -webkit-box-shadow: 1px 0 1px -1px rgba(223, 227, 232, 1);
            box-shadow: 1px 0 1px -1px rgba(223, 227, 232, 1)
}

.chooseRbox {
    /* width: 20.1%; */
    width: 350px;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: auto;
    position: relative;
    float: right;
    background: rgba(249, 250, 251, 1);
    /* overflow: hidden */
}

.aniu li i {
    height: 24px;
    width: 24px;
    display: block;
    margin-top: 13px;
    margin-right: 10px;
    float: left
}

.chagea {
    background: rgba(212, 179, 101, 1)
}

.chagec {
    background: rgba(174, 174, 174, 1)
}

.liLeft {
    float: left
}

.chagebg {
    background: rgba(212, 179, 101, 1) !important;
    color: #fff !important
}

.chooseRhead {
    width: 64px;
    height: 50px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(212, 179, 101, 1);
    line-height: 50px
}

/* .chooseRbox span {
    height: 22px;
    display: block;
    font-size: 15px;
    text-align: center;
    margin-top: 100%;
    font-weight: 500;
    color: rgba(145, 158, 171, 1);
    line-height: 22px
} */

.suersub {
    width: 94%;
    height: 40px;
    background: rgba(212, 179, 101, 1);
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 20px
}

.suersub2 {
    width: 91%;
    height: 40px;
    background: rgba(212, 179, 101, 1);
    border-radius: 2px;
    font-size: 14px;
    position: absolute;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
    bottom: 0;
    position: absolute
}

.chooseRbox button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: 0
}

.aniuList {
    width: 2%;
    position: absolute;
    right: 0;
    top: 0
}

.aniuList li {
    width: 32px;
    height: 32px;
    font-size: 23px;
    border: 1px solid #dfe3e8;
    text-align: center;
    line-height: 32px;
    color: #919eab;
    background: #fff
}

.aniuList li img {
    width: 16px;
    height: 16px;
    margin-top: -5px
}

.aniuList li:nth-child(2) {
    border-top: none !important
}

.aniuList li:nth-child(3) {
    border-top: none !important
}

.close {
    width: 11px !important;
    height: 10px !important
}

.aniuInfoa {
    background: rgba(253, 250, 239, 1);
    border: 1px solid rgba(212, 179, 101, 1)
}

.aniuInfob {
    border: 1px solid rgba(151, 151, 151, 1);
    background: rgba(110, 156, 79, 1)
}

.aniuInfoc {
    background: rgba(231, 78, 78, 1);
    border: 1px solid rgba(151, 151, 151, 1)
}

.canvasLeftNav {
    position: relative;
    width: 12.6%;
    float: left;
    -webkit-box-shadow: 1px 0 1px -1px rgba(223, 227, 232, 1);
            box-shadow: 1px 0 1px -1px rgba(223, 227, 232, 1)
}

.canvasLeftNavTitle {
    padding: 15px;
    background: #eaeef2;
    height: 50px
}

.canvasLeftNavTitle em,
.canvasLeftNavTitle i {
    width: 56px;
    height: 20px;
    font-size: 14px;
    float: left;
    font-weight: 400;
    color: rgba(99, 115, 129, 1);
    line-height: 20px
}

.canvasLeftNavTitle em {
    display: inline-block
}

.canvasLeftNavTitle i {
    display: inline-block;
    margin-left: 55px
}

.cloneBox {
    padding: 31px 20px 20px 20px
}

.cloneBox div {
    margin-top: 30px
}

.cloneita {
    width: 30px;
    height: 30px;
    margin-top: 0 !important;
    background: rgba(253, 250, 239, 1);
    border: 1px solid rgba(212, 179, 101, 1)
}

.cloneitb {
    width: 60px;
    height: 60px;
    background: rgba(253, 250, 239, 1);
    border: 1px solid rgba(212, 179, 101, 1)
}

.cloneitc {
    width: 60px;
    height: 120px;
    background: rgba(253, 250, 239, 1);
    border: 1px solid rgba(212, 179, 101, 1)
}

.warP p {
    width: 24px;
    height: 80px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 20px
}

.warP {
    position: absolute;
    right: 20px;
    top: 9%
}

.warPthir {
    margin-top: 38px
}

.warPthirA {
    margin-top: 54px
}

.warPthirB {
    margin-top: -7px
}

.chooseRheadplice {
    top: 12.5px;
    left: 10px;
    width: 113px;
    height: 50px;
    line-height: 50px;
    margin-left: 20px;
    padding-right: 20px
}

.header .wrapper .main-top-nav .saas-logo span {
    display: inline-block;
    margin-left: 140px;
    color: #6c6c6c;
    font-size: 12px;
}

.czMin p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 33px
}

.leftzc .leftzcL {
    /* height:188px; */
    border-right: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    /* border:1px solid rgba(244,246,248,1); */
    padding: 0 26px 0 14px;
    border-right: none
}

.dianwired {
    color: transparent
}

.rightzc .rightzcR {
    /* height:188px; */
    border-left: none !important;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    /* border:1px solid rgba(244,246,248,1); */
    padding: 0 14px 0 14px
}

.selectUl {
    overflow: hidden;
    min-height: 400px;
}

.indexBody {
    background: #f9fafb !important
}

.zhIndex-container {
    padding: 0 23px 0 33px;
    border: 1px solid transparent
}

#filters {
    margin: 1%;
    padding: 0;
    list-style: none
}

#filters li {
    float: left;
    color: rgba(155, 155, 155, 1);
    font-weight: 400;
    font-size: 13px;
    line-height: 39px
}

.portfolio-wrapper {
    margin-right: 8px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    position: relative
}

.portfolio .DbjImg {
    position: relative;
    height: 13rem;
    background: -o-linear-gradient(224deg, rgba(166, 70, 237, 1) 0, rgba(113, 88, 228, 1) 50%, rgba(14, 85, 191, 1) 100%);
    background: linear-gradient(226deg, rgba(166, 70, 237, 1) 0, rgba(113, 88, 228, 1) 50%, rgba(14, 85, 191, 1) 100%)
}

.DbjImg>img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.demo-input {
    margin-left: 10px;
    padding-left: 10px;
    height: 33px;
    min-width: 274px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #fff;
    color: #9b9b9b;
    line-height: 33px
}

.starTime {
    margin-right: 16px
}

.seachZh {
    border-radius: 3px;
    float: right;
    padding-left: 10px;
    width: 31%;
    height: 33px;
    border: 1px solid #e6e6e6;
    background-color: #fff
}

.sousuo {
    cursor: pointer;
    float: right;
    margin: 0;
    padding: 0;
    width: 76px;
    height: 33px;
    outline: 0;
    border: 1px solid transparent;
    border-radius: 0 2px 2px 0;
    background: rgba(212, 179, 101, 1);
    color: rgba(255, 255, 255, 1);
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    line-height: 33px
}

.placeholder {
    margin-left: 9px;
    width: 61%;
    border: none;
    color: rgba(153, 153, 153, 1);
    font-weight: 400;
    font-size: 13px;
    line-height: 33px
}

.search {
    float: left;
    display: block;
    margin-top: 6px;
    color: #999;
    font-size: 20px !important
}

.portfolio-wrapper h4 {
    padding: 0 16px 0 16px;
    height: 50px;
    color: #4a4a4a;
    font-weight: 600;
    font-size: 16px;
    line-height: 50px
}

.BigImgZindex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: justify;
    top: 0;
    right: 0;
    position: absolute;
    overflow: hidden;
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 1);
}

.BigImgZindex_2 {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 1);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: justify;
}

.gjChange {
    background-color: #ffff !important
}

.makeRight img {
    width: 34px;
    height: 37px;
    margin: auto;
    display: block
}

.makeRight {
    padding-top: 18px;
    width: 46%;
    height: 107px;
    float: right;
    background: #f9fafb
}

.layui-form-select dl {
    left: 0 !important;
    top: 42px
}

#portfoliolist {
    width: 100%;
    /* border: 1px solid #e4e4e4; */
    /* margin-top: 6%; */
}

.choosehead {
    width: 100%;
    height: 50px
}

.chooseL {
    height: 50px;
    float: left
}

.chooseR {
    /* width: 23%; */
    height: 50px;
    float: left;
    margin-left: 3%
}

.chooseR span {
    /* width: 36%; */
    float: left;
    white-space: nowrap;
    min-width: 250px;
}

.chooseR span em {
    font-size: .8rem;
    color: #444
}

.chooseL p {
    height: 50px;
    font-size: 1.1rem;
    font-weight: 600;
    color: rgba(74, 74, 74, 1);
    line-height: 50px
}

.chooseR span i {
    font-size: .8rem;
    font-weight: 600;
    color: #999;
    padding-left: 5%;
    line-height: 50px
}

.chooseWarp {
    background: #fff;
    width: 100%;
    height: calc( 100vh - 122px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chooseLBox {
    width: 100%;
    position: relative;
    -webkit-box-shadow: 1px 0 1px -1px rgba(223, 227, 232, 1);
            box-shadow: 1px 0 1px -1px rgba(223, 227, 232, 1)
}
.choosIn {
    height: 50px;
    width: 100%
}

.choosIn_le {
    margin-left: 32px;
    height: 50px;
    font-size: 1rem;
    float: left;
    font-weight: 600;
    color: #999;
    line-height: 50px
}

.aniu {
    width: 13%;
    margin: auto
}

.aniu li {
    float: left;
    line-height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    border-radius: 2px
}

.liright {
    float: right !important
}

.chooseH1 {
    width: 30%;
    display: block;
    padding-top: 17px;
    height: 120px;
    border: 1px solid #fff;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    color: rgba(74, 74, 74, 1);
    margin: auto;
    line-height: 5rem
}

.zgchoose {
    width: 46%;
    margin: 2% auto
}

.zgchoose li {
    width: 32%;
    float: left;
    height: 128px;
    margin: 9%;
    margin-top: -6%;
    background: #d4b365 !important;
    z-index: 11;
    line-height: 128px;
    text-align: center;
    font-size: 24px;
    font-family: PingFangSC;
    font-weight: 500;
    color: #fff
}

.midden {
    width: 20%;
    margin: auto;
    height: 200px;
    border: 1px solid transparent
}

.midden img {
    width: 20%;
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 27%
}

.titleBig {
    width: 100%;
    height: 52px;
    background: rgba(249, 250, 251, 1)
}

.midden p {
    width: 20%;
    height: 33px;
    font-size: 24px;
    margin-top: -4%;
    font-weight: 500;
    color: rgba(249, 250, 251, 1);
    line-height: 33px;
    text-align: center;
    position: absolute
}

.aniuInfo {
    width: 32%;
    margin: auto
}

.aniuInfo li {
    float: right;
    line-height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    border-radius: 2px;
    margin-left: 44px
}

.aniuInfo li i {
    height: 24px;
    width: 24px;
    display: block;
    margin-top: 13px;
    margin-right: 10px;
    float: left;
    opacity: .3
}

.choosIn_le i {
    padding-left: 20px
}

.canvasCantain {
    border: 1px solid #f4f4f4;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc(100% - 52px);
    background-color: #fff;
    overflow: auto;
}

.chooseRheadplice em,
.chooseRheadplice i,
.qu em,
.qu i {
    width: 64px;
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(212, 179, 101, 1);
    line-height: 22px
}

.chooseRheadplice .delClear {
    display: inline-block;
    float: right;
    line-height: 50px;
    font-size: 14px;
    width: 33px;
    font-weight: 400;
    color: rgba(47, 157, 255, 1)
}

.jbxx {
    font-size: 14px;
    padding-left: 20px;
    font-weight: 400;
    background: #f4f6f8;
    color: #4a4a4a;
    line-height: 50px
}

.qu em {
    color: rgba(164, 164, 164, 1);
    line-height: 50px;
    font-size: 14px
}

.qu i {
    display: inline-block;
    line-height: 50px;
    float: right;
    font-size: 14px;
    width: 33px;
    font-weight: 400;
    color: #4a4a4a
}

.qu .placeh {
    margin-top: 10px;
    border: 1px solid rgba(230, 230, 230, 1);
    height: 30px;
    width: 60%;
    float: right;
    padding-left: 10px
}

.mjlist {
    height: 80px;
    margin-left: 13px
}

.mjlist p {
    height: 40px;
    font-size: 14px;
    text-align: right;
    font-weight: 400;
    color: rgba(155, 155, 155, 1);
    line-height: 40px
}

.bz1 {
    padding-right: 20px;
    float: right;
    /* margin-left: 16% */
}

.bz1 em {
    height: 50px;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 50px
}

.bz1 .radioltem {
    width: 16px;
    height: 16px;
    background: rgba(212, 179, 101, 1);
    float: left;
    margin-top: 17px
}

.bz1 .inputtwo {
    width: 80px;
    height: 30px;
    margin-left: 40px;
    padding-left: 10px;
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1)
}

.inputHeighttwo2 .layui-form-select .layui-form-select .layui-input {
    font-size: 12px
}

.chooseRbox .colorA4 em {
    color: #a4a4a5
}

.inputHeighttwo .layui-form-selected .layui-anim-upbit {
    min-width: 100% !important
}

.zkList {
    margin-top: 0;
    height: 50px;
    line-height: 50px
}

.zkList .clickit,
.zkList2 .clickit {
    float: right;
    line-height: 50px
}

.mjlist2 .djplice {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 50px
}
.mjlist2 .layui-form-radio{
    margin-top: 0;
}

.showConmtain {
    width: 100%
}

.showConmtain ul li {
    padding-left: 6%;
    width: 100%;
    height: 50px;
    background: #fff;
    padding-right: 20px
}

.showConmtain ul li:hover {
    background: rgba(253, 250, 239, 1)
}

.showConmtain ul li p {
    font-size: 14px;
    font-weight: 400;
    float: left;
    color: rgba(164, 164, 164, 1);
    line-height: 50px;
    font-family: PingFangSC-Regular, PingFangSC;
}

.showConmtain ul li em {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #e74e4e;
    width: 20%;
    line-height: 50px;
    text-align: right;
    font-family: PingFangSC-Regular, PingFangSC;
}

.showConmtain ul form .inputHeighttwo2 {
    line-height: 34px;
    width: 93%;
    margin-top: 10px;
    margin-left: 0;
    height: 34px;
    margin-right: 0;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1);
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    margin-bottom: 10px !important;
    color: #999 !important
}

.zkBL {
    float: right
}

.butZk {
    width: 43%;
    float: right
}

.butZk button {
    width: 45%;
    color: #fff
}

.butZk .zkqxiao {
    float: left;
    height: 30px;
    background: rgba(145, 158, 171, 1);
    border-radius: 2px
}

.butZk .suerBtu {
    float: right;
    height: 30px;
    background: rgba(212, 179, 101, 1);
    border-radius: 2px
}

.chooseInC {
    padding: 0 13px 13px 13px;
    height: 62px
}

.zkList2 {
    margin-top: 58px;
    height: 50px;
    line-height: 50px;
    background: #f4f6f8
}

.jiaS {
    height: 50px;
    padding-right: 20px
}

.jiaS p {
    width: 70%;
    font-size: 14px;
    font-weight: 400;
    float: left;
    color: rgba(164, 164, 164, 1);
    line-height: 50px;
    font-family: PingFangSC-Regular, PingFangSC;
}

.jiaS em {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #e74e4e;
    line-height: 50px;
    font-family: PingFangSC-Regular, PingFangSC;
}

.numAdd i {
    font-size: 14px;
    font-weight: 400;
    padding-right: 1%;
    color: rgba(231, 78, 78, 1);
    font-family: PingFangSC-Regular, PingFangSC;
}

.butzW {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 6%;
    /* position: absolute;
    bottom: 0;
    width: 100%; */
    background-color: #fff
}

.Titlezl {
    height: 50px;
    padding: 0 21px 0 21px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 50px;
    font-family: PingFangSC;
}

.Titlezl a {
    color: rgba(153, 153, 153, 1)
}

.containerBoxZl {
    width: 1200px;
    height: 1000px;
    margin: auto
}

.containerBoxZl ul {
    height: 60px
}

.containerBoxZl ul li {
    background: #eaeef2;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 60px;
    color: #999;
    width: 599px;
    height: 60px;
    float: left;
    font-family: PingFangSC;
}

.containerBoxZl ul li:nth-child(2) {
    margin-left: 1px
}

.activeThis .layui-this {
    color: #fff !important;
    background: rgba(212, 179, 101, 1) !important
}

.offUp {
    width: 100%;
    height: 70px
}

.offUp li p {
    height: 30px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 30px;
    font-family: PingFangSC;
}

.setupBox .layui-show .offUp li .layui-form-item label {
    width: 180px;
    padding-right: 10px !important
}

.offUp .leftwidth0 {
    margin-left: 0 !important
}

.upMin {
    display: block;
    position: absolute;
    top: 29%;
    left: 42%;
    z-index: -1
}

.upMin2 {
    display: block;
    position: relative;
    margin: auto;
    top: 41%
}

.register-box-con2-box-upload {
    position: relative;
    width: 187px;
    height: 140px;
    float: left;
    cursor: pointer;
}

.register-box-con2-box-upload .register-box-con2-box-upload-ti {
    position: relative;
    left: 0;
    top: 0;
    border: 1px solid #f4f4f4;
    height: 140px;
    text-align: center;
    padding: 2%;
    font-size: 18px;
    border-radius: 8px;
    color: #207fb3;
    overflow: hidden !important;
    text-align: center
}

.register-box-con2-box-upload .register-box-con2-box-upload-ti img {
    vertical-align: middle;
    width: 100%;
    /* height:100%; */
    margin: 0 auto;
    display: block;
    z-index: 2;
    position: relative;
    background: #fff;
}

.register-box-con2-box-upload input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.containerBoxZl .layui-tab-content {
    margin-top: 22px;
    padding: 0 !important
}

.setupBox .layui-show .offUp li:nth-child(1) {
    width: 252px;
    margin-left: 0
}

.readonly input {
    width: 131px;
    padding-right: 4px !important;
    padding-left: 4px !important;
    border: none
}

#dvInput {
    height: 0
}

#dvInput input {
    width: 131px;
    padding-right: 10px !important
}

.setupBox .layui-show .offUp li {
    height: 30px;
    position: relative;
    width: 25% !important;
    float: left;
    margin-left: 157px
}

.bianji1 {
    color: #d4b365;
    position: relative;
    cursor: pointer;
    right: -6px;
    top: 4px;
    font-size: 14px
}

.marginLeft10 {
    margin-left: 10px
}

.inputSeach {
    position: absolute;
    width: 303px;
    height: 33px;
    border: 1px solid rgba(230, 230, 230, 1);
    left: 0;
    color: #999;
    padding-left: 10px;
    line-height: 33px;
    padding-right: 19%
}

.listWidth {
    width: 334px !important;
    margin-top: 18px;
    margin-left: 69px !important
}

.setupBox .layui-tab-item .offUp .lastChild {
    width: 386px !important;
    line-height: 66px
}

.toggle--neon {
    width: 74px;
    float: right;
    margin-top: 5%
}

.toggle--neon .toggle--btn {
    font-family: Audiowide;
    font-size: 11px;
    color: #333;
    text-align: center;
    line-height: 30px
}

.toggle--neon .toggle--btn:after,
.toggle--neon .toggle--btn:before {
    display: inline-block;
    -webkit-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out
}

.toggle--neon .toggle--btn:before {
    content: attr(data-label-off);
    -webkit-animation: neon 1.5s ease-in-out infinite alternate;
            animation: neon 1.5s ease-in-out infinite alternate;
    -webkit-animation-delay: 90ms;
            animation-delay: 90ms;
    background: #d4b365;
    width: 37px;
    height: 30px;
    display: block;
    float: right;
    color: #f1f1f1
}

.toggle--neon .toggle--btn:after {
    content: attr(data-label-on);
    background: #f4f4f4;
    width: 37px;
    height: 30px;
    display: block
}

.toggle--neon .toggle--checkbox:checked+.toggle--btn:before {
    -webkit-animation: none;
            animation: none;
    background: #ddd;
    color: #333
}

.toggle--neon .toggle--checkbox:checked+.toggle--btn:after {
    -webkit-animation: neon 1.5s ease-in-out infinite alternate;
            animation: neon 1.5s ease-in-out infinite alternate;
    -webkit-animation-delay: 90ms;
            animation-delay: 90ms;
    background: #d4b365;
    color: #f1f1f1
}

.toggle--checkbox {
    display: none
}

.searchbg {
    position: absolute;
    right: 210px;
    color: #eaeef2;
    top: 2px
}

.searchbg2 {
    color: #6ccb2b;
    right: 41%;
    position: absolute;
    top: 2px
}

#confirmOverlay #confirmBox .spanImg {
    background: url(../images/gth.png) no-repeat 0 0;
    background-position: 0 0;
    display: block;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: 30px auto
}

.item {
    padding-bottom: 0;
    display: inline-block;
    margin-bottom: 15px;
    position: relative
}

.item .delete {
    cursor: pointer
}

.item a {
    background-color: #fafafa;
    border: none;
    display: block;
    padding: 10px;
    text-decoration: none
}

#confirmOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(ie.png);
    background: -moz-linear-gradient(rgba(11, 11, 11, .1), rgba(11, 11, 11, .6)) repeat-x rgba(11, 11, 11, .2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(11, 11, 11, .1)), to(rgba(11, 11, 11, .6))) repeat-x rgba(11, 11, 11, .2);
    z-index: 100000
}

#confirmBox {
    background: #fff;
    width: 609px;
    position: fixed;
    left: 50%;
    padding: 20px;
    height: 300px;
    top: 50%;
    margin: -130px 0 0 -300px;
    border: 1px solid rgba(33, 33, 33, .6);
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, .6) inset;
            box-shadow: 0 0 2px rgba(255, 255, 255, .6) inset
}

#confirmBox h6 {
    margin-top: 13px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    color: rgba(212, 179, 101, 1);
    line-height: 20px;
    font-family: PingFangSC;
}

#confirmBox p {
    padding-top: 5px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    text-align: center;
    line-height: 22px;
    font-family: PingFangSC;
}

#confirmButtons {
    padding: 48px 0 25px;
    text-align: center
}

#confirmBox .button {
    display: inline-block;
    color: #fff;
    position: relative;
    font: 17px/33px Cuprum, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    margin-right: 15px;
    padding: 0 35px 0 40px;
    text-decoration: none;
    width: 162px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px
}

#confirmBox .button:last-child {
    margin-right: 0
}

#confirmBox .button span {
    position: absolute;
    top: 0;
    right: -5px;
    background: url(buttons.png) no-repeat;
    width: 5px;
    height: 33px
}

#confirmBox .blue {
    background: #919eab
}

#confirmBox .gray {
    background: #d4b365
}

.imgupDete #bigimgone {
    width: 112px;
    height: 88px
}

.imgupDete #bigimgone .left20px {
    width: 112px;
    height: 88px;
    line-height: 5px;
    border-radius: 1px
}

.rightzcR2 .layui-form-item .layui-inline .shenheInput {
    width: 423px
}

.rightzcR .layui-form-item .layui-inline .shenheInput {
    width: 423px
}

.rightzcR2 .layui-form-item .layui-inline .shenheInput input {
    width: 423px
}

.rightzcR .layui-form-item .layui-inline .shenheInput input {
    margin-left: 20px;
    width: 423px
}

.suhybox .syhy0nel {
    width: 445px;
    margin-right: 0
}

.suhybox2 .syhy0nel {
    width: 423px;
    margin-right: 0
}

.selHide5 {
    display: block;
    width: 423px;
    line-height: 33px;
    padding-left: 12px;
    border: 1px solid #ddd;
    height: 33px;
    color: #999;
    margin-left: 24px
}

.selHide6 {
    display: block;
    width: 443px;
    padding-left: 12px;
    line-height: 30px;
    height: 33px;
    color: #999;
    border: none;
    margin-left: 0
}

.fisrRight .fisrRight {
    width: 100%
}

.square-flip {
    position: relative;
    width: 75px;
    height: 75px;
    overflow: visible;
    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
}

.square-flip .flip {
    position: absolute;
    display: block;
    top: 0;
    height: 42px;
    width: 121px;
    -webkit-animation: rotateplane 1.5s infinite linear;
            animation: rotateplane 1.5s infinite linear
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: rotateY(0);
                transform: rotateY(0)
    }

    25% {
        -webkit-transform: rotateY(90deg);
                transform: rotateY(90deg)
    }

    50% {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg)
    }

    75% {
        -webkit-transform: rotateY(270deg);
                transform: rotateY(270deg)
    }

    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg)
    }
}

@keyframes rotateplane {
    0% {
        -webkit-transform: rotateY(0);
                transform: rotateY(0)
    }

    25% {
        -webkit-transform: rotateY(90deg);
                transform: rotateY(90deg)
    }

    50% {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg)
    }

    75% {
        -webkit-transform: rotateY(270deg);
                transform: rotateY(270deg)
    }

    100% {
        -webkit-transform: rotateY(360deg);
                transform: rotateY(360deg)
    }
}

.loadingBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    width: 170px;
    margin: auto;
    margin-top: 22%;
    height: 170px;
    background: rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .5);
            box-shadow: 0 0 14px 0 rgba(0, 0, 0, .5);
    border-radius: 85px;
    opacity: .5;
    border-radius: 50%
}

.square-flip p {
    position: absolute;
    top: 69px;
    font-size: 14px;
    font-weight: 400;
    opacity: .7;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
    font-family: PingFangSC;
}

.upMin2 {
    display: block;
    position: relative;
    margin: auto;
    top: 47%
}

.register-box-con2-box-upload .uploadImg2 {
    position: absolute;
    top: 7px;
    border: 1px solid #f4f4f4;
    width: 187px;
    height: 140px;
    text-align: center;
    line-height: 88px;
    font-size: 18px;
    border-radius: 8px;
    color: #207fb3;
    overflow: hidden;
    text-align: center
}

#container1 p {
    position: absolute;
    font-size: 14px;
    color: rgba(74, 74, 74, 1);
    line-height: 40px;
    left: 14px
}

#container1 {
    position: relative;
    height: 40px;
    margin-top: 15px
}

#container1 #delIt {
    display: block;
    width: 33px;
    top: 0;
    height: 33px;
    line-height: 33px;
    position: absolute;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #c4cdd5;
    cursor: pointer;
}

#containerIn #delItBut {
    display: block;
    width: 32px;
    top: 0;
    height: 39px;
    line-height: 39px;
    position: absolute;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #c4cdd5
}

.layui-tab .tabs .layui-this:after {
    border-width: 0 !important
}

.h6margin-top {
    padding: 0 20px 0 20px
}

.h6margin-top h6 {
    margin-top: 20px;
    height: 27px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 27px;
    font-family: PingFangSC-Regular;
}

.h6margin-top h6 em {
    font-size: 12px;
    margin-left: 10px;
    font-weight: 400;
    color: rgba(212, 179, 101, 1);
    font-family: PingFangSC;
}

.orderWarp {
    margin: 4px 20px 0 20px
}

.orderIn,
.orderIn2 {
    height: 367px;
    width: 90%;
    margin: 0 auto;
}

.orderIn h2 {
    font-size: 20px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 48px;
    height: 48px;
    padding-left: 20px;
    font-family: PingFangSC;
}

.tabHead2 {
    background-color: #fff !important
}

.orderIn ul {
    display: block;
    width: 25%;
    float: left
}

.orderIn ul li {
    height: 30px;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 30px;
    font-family: PingFangSC;
}

.orderIn ul li i {
    margin-left: 40px;
    color: rgba(74, 74, 74, 1);
    width: 57%;
    display: inline-block
}

.orderIn ul li em {
    margin-left: 40px;
    color: #e74e4e;
    width: 183px;
    display: block;
    float: right
}

.orderIn ul li span {
    color: #e74e4e
}

.orderIn ul li:first-child {
    margin-top: 32px;
    font-size: 14px;
    margin-bottom: 28px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 30px;
    font-family: PingFangSC;
}

.sumPlice,
.sumPlice2 {
    font-size: 14px;
    float: right;
    font-weight: 400;
    text-align: right;
    color: rgba(74, 74, 74, 1);
    line-height: 20px;
    font-family: PingFangSC;
}

.sumPlice i,
.sumPlice2 i {
    font-size: 14px;
    font-weight: 400;
    margin-left: 4px;
    color: rgba(231, 78, 78, 1);
    font-family: PingFangSC;
}

.sumPlice em,
.sumPlice2 em {
    height: 32px;
    font-size: 23px;
    font-weight: 400;
    color: rgba(231, 78, 78, 1);
    line-height: 32px;
    font-family: PingFangSC;
}

/*.orderIn2{height:98px;padding-top:31px;margin:4px 20px 0 20px}*/
.orderIn2 {
    height: 55px;
    margin: 4px 20px 0 20px
}

.selectBox {
    height: 39px;
    margin-bottom: 15px
}

.lione .displauNone {
    display: none
}

.lione .layui-form-radio {
    margin: 0 !important
}

.lione em {
    width: 14px;
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
}

.orderIn2 .layui-form .lione {
    width: 25%;
    display: inline-block
}

.displauNone{
    display: none
}

.lableL {
    float: left;
    line-height: 39px !important;
    font-size: 14px;
    width: 95px;
    font-weight: 400;
    text-align: right;
    color: #4a4a4a
}

.inputWar {
    width: 80px;
    height: 39px;
    padding-left: 10px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #ddd;
    border-radius: 2px
}

.selectBox .firser1 .layui-form-select,
.selectBox .firser2 .layui-form-select,
.selectBox .firser3 .layui-form-select,
.selectBox .firser4 .layui-form-select {
    display: none
}

.selectBox .firser1,
.selectBox .firser2,
.selectBox .firser3,
.selectBox .firser4 {
    display: block;
    float: left
}

.selectBox .firser1 select,
.selectBox .firser2 select,
.selectBox .firser3 select,
.selectBox .firser4 select {
    width: 100%;
    height: 33px !important;
    border: none;
    line-height: 33px;
    font-size: 13px;
    font-family: PingFangSC;
    padding-left: 4%;
    font-weight: 400;
    padding-right: 4%;
    color: rgba(153, 153, 153, 1)
}

.firser1 select option,
.firser2 select option,
.firser3 select option,
.firser4 select option {
    width: 100%;
    height: 39px !important;
    line-height: 39px !important;
    color: #999 !important;
    background: rgba(255, 255, 255, 1) !important;
    border-radius: 2px !important;
    border: 1px solid rgba(230, 230, 230, 1) !important
}

.money .layui-form-select .layui-select-title {
    display: none
}

.suhy1 .layui-form-selected .layui-anim-upbit {
    display: none
}

.suhy .layui-form-select .layui-select-title,
.suhy1 .layui-form-select .layui-select-title {
    display: none
}

.suhy select,
.suhy1 select {
    width: 100% !important;
    border: none;
    line-height: 33px;
    color: #999;
    padding-left: 10px;
    height: 33px
}

.orderIn3 {
    background-color: #fff;
    margin: 4px 20px 0 20px;
    padding: 18px 105px 46px 105px
}

.orderIn3 li {
    margin: 12px;
    margin-top: 21px;
    width: 187px;
    height: 137px;
    float: left;
    border: 1px solid #ddd;
    position: relative
}

.left10 {
    margin-left: 33px
}

.upupIW {
    background: rgba(249, 250, 251, 1)
}

.upupIW .upImgjh {
    display: block;
    margin: 20% 44% 4%;
    cursor: pointer
}

.orderWarp .orderIn .colorChage li span {
    color: rgba(74, 74, 74, 1);
    width: 19%;
    display: block;
    float: left
}

.orderWarp .orderIn .colorChage li i {
    width: 71%;
    float: right
}

.upupIW p {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    color: rgba(212, 179, 101, 1);
    line-height: 38px
}

.upImgjh2 {
    display: block;
    margin-left: 43%;
    margin-top: 20%
}

.upImgBig {
    display: block;
    width: 187px;
    height: 137px;
    overflow: hidden
}

.left10 span {
    width: 101%;
    position: absolute;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    bottom: -2px;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    background: rgba(0, 0, 0, 1);
    opacity: .75;
    font-family: PingFangSC;
}

.img-box .up-p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #555
}

.z_photo .z_file {
    position: relative
}

.z_file .file {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

.z_photo .up-section {
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px
}

.up-section .close-upimg {
    position: absolute;
    top: 6px;
    right: 8px;
    display: none;
    z-index: 10
}

.up-section .up-span {
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .5)
}

.up-section:hover .close-upimg {
    display: block
}

.up-section:hover .up-span {
    visibility: visible
}

.z_photo .up-img {
    display: block;
    width: 100%;
    height: 100%
}

.loading {
    background: url(../images/loading.gif) no-repeat center
}

.up-opcity {
    opacity: 0
}

.img-name-p {
    display: none
}

.upimg-div .up-section {
    width: 187px;
    height: 137px
}

.img-box .upimg-div .z_file {
    width: 185px;
    height: 135px;
    background: rgba(249, 250, 251, 1)
}

.z_file .add-img {
    display: block;
    width: 187px;
    height: 137px
}

.mask {
    z-index: 1000;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.mask .mask-content {
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -80px;
    background: #fff;
    height: 137px;
    text-align: center
}

.mask .mask-content .del-p {
    color: #555;
    height: 94px;
    line-height: 94px;
    font-size: 18px
}

.mask-content .check-p {
    height: 66px;
    line-height: 66px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.mask-content .check-p span {
    width: 49%;
    display: inline-block;
    text-align: center;
    color: #d4361d;
    font-size: 18px
}

.left20 {
    margin-left: 22px
}

.updivBox {
    position: absolute;
    bottom: 0;
    width: 100%
}

.updivBox em {
    width: 100%;
    position: absolute;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    bottom: 0;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    background: rgba(0, 0, 0, 1);
    opacity: .75;
    font-family: PingFangSC;
}

.z_file p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: rgba(212, 179, 101, 1);
    line-height: 35px;
    font-family: PingFangSC;
}

.width500 {
    width: 36%;
    height: 40px;
    margin: auto;
    margin-top: 2%;
    padding-bottom: 2%
}

.butBottom {
    width: 100%;
    clear: both
}

.width500 button {
    display: inline-block;
    width: 38%;
    height: 40px;
    cursor: pointer;
    border-radius: 2px;
    padding: 0;
    border: 1px solid transparent;
    outline: 0;
    font-size: 14px;
    font-family: PingFangSC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 40px
}

.width500 button:hover {
    opacity: .9
}

.but40 {
    margin-left: 15px;
    background: #d4b365
}

.but240 {
    background: rgba(145, 158, 171, 1)
}

.paddingWarp20 {
    padding: 2%;
    margin-top: 50px
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: rgba(212, 179, 101, 1) !important;
    background-color: rgba(212, 179, 101, 1) !important;
    color: #fff
}

.width700 {
    width: 700px;
    margin: 70px auto;
    padding-top: 60px
}

.userWar .layui-input-block .userBox {
    width: 500px;
    height: 33px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1)
}

.userWar label {
    margin-top: 0;
    height: 33px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 39px;
    font-family: PingFangSC;
}

.width700 .layui-form .userWar {
    margin-bottom: 20px
}

.reg-box .item {
    height: 68px;
    line-height: 34px;
    position: relative;
    z-index: 5
}

.reg-box .item .item-ifo {
    position: relative;
    width: 270px
}

.reg-box .close {
    position: absolute;
    top: 5px;
    right: 25px;
    font-size: 24px
}

.reg-box .error,
.reg-box .focus,
.reg-box .focusa {
    line-height: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 280px;
    width: 270px;
    padding: 0 5px;
    z-index: 3;
    font-weight: 400;
    font-size: 12px;
    color: #999
}

.reg-box .error span,
.reg-box .focus span {
    line-height: 16px;
    display: block;
    padding: 3px 0
}

.showpwd {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/showPwd.png) no-repeat center center;
    background-size: 16px 16px;
    position: absolute;
    top: 9px;
    right: -12px;
    cursor: pointer
}

.showpwd.hidepwd {
    background-image: url(../images/hidePwd.png)
}

.passwordBox2 {
    width: 350px;
    height: 33px;
    margin-left: 17px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1)
}

.userWar .layui-input-inline {
    margin-right: 0;
    width: 350px;
    height: 39px
}

.userWar .xgmim {
    width: 140px;
    height: 39px;
    margin-left: 27px
}

.userWar .xgmim input {
    width: 140px;
    text-align: center;
    color: #fff;
    line-height: 33px;
    background: rgba(212, 179, 101, 1);
    border: none;
    border-radius: 2px
}

#mask {
    display: none;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0
}

#login {
    display: none;
    background: #fff;
    width: 639px;
    height: 264px;
    position: absolute;
    left: 43%;
    top: 270px;
    margin-left: -200px;
    margin-top: -125px
}

#login #close_login {
    position: absolute;
    top: 2%;
    font-size: 20px;
    color: rgba(212, 179, 101, 1);
    width: 20px;
    right: 2%;
    height: 20px;
    cursor: pointer
}

#login h3 {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    color: rgba(212, 179, 101, 1);
    line-height: 58px;
    border-bottom: 1px solid #f4f6f8;
    font-family: PingFangSC;
}

.userWarAlert label {
    height: 39px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 39px;
    font-family: PingFangSC;
}

.userWarAlert .layui-input-block .userBoxAlert {
    width: 470px;
    height: 39px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1)
}

.surepw {
    width: 296px;
    margin: 24px auto
}

.surepw button {
    width: 140px;
    display: inline-block;
    line-height: 39px;
    color: #fff;
    border: none
}

.surepw .qx {
    width: 140px;
    display: inline-block;
    line-height: 39px;
    background: #919eab
}

.surepw .qr {
    width: 140px;
    display: inline-block;
    line-height: 39px;
    margin-left: 10px;
    background: #d4b365
}

.OrderWarp h1 {
    font-size: 24px;
    color: #555;
    line-height: 40px;
    padding: 10px;
    font-weight: 600
}

.tableLeftW {
    margin-top: 4%;
    padding-left: 10px
}

.baoguan {
    position: relative;
    z-index: 10;
    background: 0 0;
    width: 503px;
    padding: 5px 8px;
    height: 33px;
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1);
    float: right;
    color: #4a4a4a;
    font-size: 13px;
    line-height: 33px
}

.myhomeWarp {
    margin: 4px 20px 0 20px;
    min-width: 1200px
}

.myhomeWarp h1 {
    padding-top: 21px;
    font-size: 20px;
    font-weight: 600;
    color: rgba(74, 74, 74, 1);
    line-height: 28px;
    font-family: PingFangSC;
}

.myhomeBox {
    width: 500px !important;
    height: 33px !important;
    line-height: 33px
}

.grxin .layui-form .layui-form-item label {
    width: 145px
}

.grxin .layui-form .layui-form-item .layui-input-block input {
    margin-left: 38px !important
}

.grxin {
    margin-top: 6%;
    width: 41%;
    margin: 6% auto
}

.imggr {
    background-color: #fff;
    left: 6px;
    width: 101px;
    height: 110px;
    border: 1px solid rgba(230, 230, 230, 1);
    position: relative
}

.imggr img {
    width: 30px;
    height: 30px;
    left: 33%;
    position: absolute;
    top: 34%
}

.updataWrp {
    width: 100%;
    position: absolute;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    bottom: 0;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
    background: rgba(0, 0, 0, 1);
    opacity: .5;
    font-family: PingFangSC;
}

.myhomelest2 {
    display: inline-block;
    margin-left: 6%
}

.inforMy {
    width: 100%;
    display: block
}

.grxin .layui-form .layui-form-item .zhizhao1 {
    width: 175px
}

.infozhizhao {
    margin-bottom: 30px;
    margin-top: 30px
}

.myhomeLefti {
    display: block;
    float: left;
    padding-top: 10px
}

.myhomeRight {
    display: block
}

.mymone,
.mymoneRight {
    display: inline-block;
    position: relative
}

.myhomeRight label {
    text-align: right;
    width: 145px
}

.myhomeRight .mymone,
.myhomeRight .mymoneRight {
    width: 144px;
    height: 100px;
    margin-top: 3%;
    display: inline-block;
    border: 1px solid rgba(230, 230, 230, 1)
}

.myhomeRight .mymone img,
.myhomeRight .mymoneRight img {
    width: 100%;
    height: 100px;
    overflow: hidden
}

.myhomeRight .mymone span,
.myhomeRight .mymoneRight span {
    width: 100%;
    position: absolute;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    bottom: -3px;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
    background: rgba(0, 0, 0, 1);
    opacity: .5;
    font-family: PingFangSC;
}

.mymoneRight {
    margin-left: 4%
}

.butShizhi {
    margin: 10% auto;
    width: 26%;
    height: 33px;
    line-height: 33px;
    display: block;
    color: #fff;
    background: #d4b365
}

.seveBut {
    margin-top: 10%
}

.seveBut .seveButR {
    width: 163px;
    height: 33px;
    text-align: center;
    background: #d4b365;
    line-height: 33px;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    margin: auto;
    display: block
}

.cityBox .layui-form-select .layui-select-title input {
    display: none
}

.cityBox .layui-form-select .layui-select-title i {
    display: none
}

.zhaddRight .upwenjian {
    height: 33px;
    border: none;
    zoom: 1;
    line-height: 33px
}

.height39 {
    height: 33px !important;
    margin-left: 26.4%;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px
}

.zhaddLeft .left0 {
    position: absolute
}

.addright30 {
    margin-top: -33px;
    display: block
}

.selectBox .marginLeft12 {
    margin-left: 17px !important
}

.displanone input {
    display: none
}

.displanone .layui-form-onswitch {
    width: 64px;
    background-color: #d4b365 !important;
    border-color: #d4b365 !important
}

.displanone .layui-form-switch {
    width: 56px;
    background-color: #ddd;
    border-color: #ddd;
    margin-top: 4px
}

.displanone .layui-form-switch i {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 40px
}

.displanone .layui-form-switch em {
    right: 22px !important
}

.displanone .layui-form-onswitch em {
    left: 16px
}

.listWidth .layui-form-item .width99 {
    width: 50px;
    margin-left: 10px;
    margin-right: 31px
}

.top6 .layui-form-switch {
    margin-top: 5px
}

#zkBox .layui-form-label {
    margin-top: 0 !important
}

.jbxiIn .layui-form-label {
    margin-top: 0 !important
}

.discount .layui-form-label {
    margin-left: 1px !important
}

.layui-table tbody tr td .layui-btn-normal {
    background-color: transparent;
    color: rgba(212, 179, 101, 1)
}

.layui-table tbody tr td .layui-btn-danger {
    background-color: transparent;
    color: rgba(212, 179, 101, 1)
}

.widthright25 #organizers {
    width: 472px;
    margin-right: 33px
}

#container1 input {
    width: 468px;
    margin-right: 33px
}

.canvasCantain .tanBWarp .headbigBox li:hover {
    background: rgba(212, 179, 101, 1);
    color: #fff
}

.zhanguanIn {
    margin: 0 5% 5% 5%;
    border: 1px solid transparent
}

.headbigBox .zgInBox {
    paading-left: 5%
}

.zhIndex-container .layui-laypage {
    width: 17%;
    margin-left: 4%
}

.zhIndex-container .layui-laypage ul li {
    float: left;
    margin: 2%
}

#layui-laypage-24 ul li {
    float: left;
    margin: 1%;
    display: none
}

.grxin .layui-form .layui-form-item .layui-form-label {
    margin-top: 0
}

.layui-inline .dianhau1 input {
    margin-left: 22px !important;
    width: 423px
}

.sexItem .layui-form-radio>i {
    font-size: 17px !important
}

.upWidth140 .register-box-con2-box-upload .uploadImg img {
    /* height:100%; */
    margin: 0 auto;
    display: block;
}

.layui-form-checked i,
.layui-form-checked:hover i {
    border-radius: 2px;
    border-color: #d4b365 !important;
    background-color: #d4b365 !important;
    color: #fff !important
}

.layui-form-checkbox i {
    width: 18px !important;
    height: 18px !important;
    color: transparent;
    border-left: 1px solid #ddd;
    border-radius: 2px;
    font-size: 17px
}

.layui-form-checkbox {
    background-color: transparent !important;
    height: 18px !important;
    line-height: 18px !important
}

.pbar .ui-progressbar-value,
.ui-progressbar .ui-progressbar-value {
    display: block !important;
    height: 100%;
    border-radius: 6px
}

.pbar {
    overflow: hidden;
    width: 100%;
    position: relative;
    top: 0;
    height: 13px;
    background: rgba(99, 115, 129, 1) !important;
    border-radius: 8px
}

.elapsed {
    top: 0;
    position: absolute;
    right: 10px;
    width: 120px;
    height: 13px;
    font-size: 11px !important;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 16px
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    background: #f6a828;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-widget-overlay {
    background: #666
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

#myImg:hover {
    opacity: .7
}

.modal {
    position: fixed;
    top: 0;
    z-index: 9999;
    z-index: 1;
    display: none;
    overflow: auto;
    padding-top: 100px;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.modal-content {
    display: block;
    margin: auto;
    width: 45%;
    max-width: 45%
}

#caption,
.modal-content {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: .6s;
    animation-name: zoom;
    animation-duration: .6s
}

.orderIn3 .upupIW .moreImgList {
    background: url(../images/uppic01.png) no-repeat 0 0;
    background-position: 0 0;
    display: block;
    background-size: 100% 100%
}

.move_r .zgInBox .layui-this {
    background: #ffe097 !important
}

.move_r .zgInBox li {
    width: 40%;
    float: left;
    margin: 3% 5%;
    display: block
}

.searchnew {
    width: 38%;
    height: 46px;
    float: left
}

.selectbox .layui-form-select dl {
    min-width: 100% !important
}

.searchInput {
    width: 66.99%;
    border: 1px solid #ddd;
    float: left;
    height: 32px;
    line-height: 34px;
    padding-left: 4%;
    border-radius: 0;
    border-left: none
}

.addnewSearch {
    font-size: 20px;
    color: #d3b365;
    position: inherit;
    right: 0
}

.addbutton {
    right: 2%;
    position: relative;
    float: right;
    line-height: 30px
}

.selectbox .layui-select-title input {
    height: 37px !important;
    border: none;
    color: #a4a4a4
}

.searchnew .layui-form-select .layui-edge {
    top: 18px !important
}

.gsSearch {
    border: none;
    height: 33px;
    width: 87%;
    padding-left: 3%;
    display: block;
    float: left
}

.choseSeach {
    color: #a4a4a4;
    float: left;
    display: block;
    font-size: 20px !important
}

.baifenbi {
    display: block;
    right: 24%;
    color: rgba(153, 153, 153, 1);
    top: 24%;
    position: absolute
}

.searchBut {
    border-radius: 2px;
    width: 14%;
    height: 33px;
    margin-left: 3%;
    line-height: 33px;
    color: #fff;
    border: none;
    background-color: #d3b365
}

.inputSelect {
    width: 93%;
    float: left
}

.inputchang {
    float: left;
    width: 28.6%
}

.additCon {
    width: 100%;
    border: 1px solid rgba(230, 230, 230, 1);
    height: 34px;
    border-radius: 0;
    padding-left: 22%;
    color: #444
}

.seachButton {
    width: 5%;
    line-height: 33px;
    padding: 0 .5% 0 .5%;
    background-color: #d3b365;
    color: #fff;
    border-radius: 2px;
    float: left;
    text-align: center;
    font-size: .9rem;
    cursor: pointer
}

.newSearchBoxW {
    display: none
}

.searchBox {
    width: 67%;
    float: left
}

.newWidths {
    width: 23.7%;
    height: 46px;
    margin-right: 1%;
    position: relative
}

.reseatIt {
    width: 12%;
    height: 33px;
    margin-left: 2%;
    line-height: 33px;
    color: #606266;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(220, 223, 230, 1)
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        -webkit-transform: scale(0);
                transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
                transform: scale(1)
    }
}

.close {
    position: absolute;
    top: 10%;
    right: 23%;
    z-index: 99999999;
    width: 100px;
    height: 100px;
    background-color: red;
    color: #f1f1f1;
    font-weight: 700;
    font-size: 40px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.close:focus,
.close:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.zgInBox li {
    width: 86px;
    height: 36px;
    z-index: 9999;
    margin: 1%;
    background: #fff;
    display: block;
    float: left;
    margin-left: 11%
}

.chooseRheadplice em,
.qu em {
    display: inline-block
}

.pingf,
.qu,
.zkList,
.zkList2 {
    padding-left: 20px;
    height: 50px;
    padding-right: 20px
}

.pingf,
.zkList,
.zkList2 {
    background: #f4f6f8;
    padding-right: 20px
}

.pingf em,
.zkList em,
.zkList2 em {
    width: 28px;
    font-size: 14px;
    font-weight: 400;
    color: #a4a4a4;
    line-height: 50px
}

.pingf i {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 50px
}

.mjlist {
    height: 80px;
    margin-left: 13px
}

.pingf .chageback {
    color: #919eab !important
}

.inputHeighttwo {
    line-height: 39px;
    width: 92%;
    border: 1px solid rgba(230, 230, 230, 1);
    margin-top: 10px;
    margin-left: 13px;
    height: 33px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    margin-bottom: 10px !important;
    color: #999 !important
}

.inputHeighttwo select {
    display: none !important
}

.numAdd {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(74, 74, 74, 1)
}

.numAdd em {
    font-size: 23px;
    padding-left: 3%;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(231, 78, 78, 1);
    line-height: 32px
}

.inputSeach {
    position: absolute;
    width: 147px;
    height: 33px;
    border: 1px solid rgba(230, 230, 230, 1);
    left: 0;
    color: #555;
    padding-left: 10px;
    line-height: 33px;
    padding-right: 19%
}

.layui-upload .zoomImg {
    position: absolute;
    color: #555;
    right: 17%;
    top: -6%
}

.upMin2 {
    display: block;
    position: relative;
    margin: auto;
    top: 47%
}

#containerIn {
    position: relative;
    height: 40px;
    margin-top: 15px;
    border: 1px solid red
}

.orderIn,
.orderIn2 {
    height: 100%;
    background-color: #fff;
    border: 1px solid rgba(153, 153, 153, 1);
    width: 87%;
    margin: 10px auto;
}

.orderIn h2 {
    font-size: 20px;
    font-family: PingFangSC;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
    line-height: 45px;
    border-bottom: 1px solid #C0C4CC;
    padding-left: 20px;
}

.orderIn ul {
    display: block;
    width: 31%;
    float: left;
    padding-left: 20px;
}

.left10 {
    margin-left: 33px
}

.orderWarp .orderIn .colorChage li span {
    color: rgba(74, 74, 74, 1);
    width: 23%;
    display: block;
    float: left
}

.upupIW p {
    font-size: 14px;
    font-family: PingFangSC;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: inline-block;
    table-layout: fixed;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    width: 100%;
    text-align: center;
    color: rgba(212, 179, 101, 1);
    line-height: 38px
}

.canvasCantain .tanBWarp {
    position: relative
}

.headbigBox {
    z-index: 99;
    position: absolute;
    border-radius: 2px;
    margin-top: 0;
    overflow: hidden;
    float: left;
    left: -82.8%;
    width: 260px;
    height: 260px;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    display: block;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0)
}

.canvasCantain .tanBWarp .headbigBox li {
    width: 45px;
    height: 37px;
    position: relative;
    z-index: 9999;
    margin: 1%;
    background: #fff;
    display: block;
    float: left;
    color: #444;
    min-width: 53px;
    margin-left: 12.5%
}

.headbigBox .zgInBox {
    display: block;
    height: 164px;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    margin-top: 18%;
    pading-left: 5%
}

.zhanguanIn img {
    display: block;
    width: 100%;
    height: auto;
    /* position: absolute */
}

#layui-laypage-24 {
    width: 50%;
    margin-left: 4%
}

.searchnewlist {
    width: 25%;
    float: left;
    height: 46px;
    position: relative
}

.inputchanglist {
    width: 27%;
    float: left
}

.searchInputlist {
    width: 64%;
    border: 1px solid #ddd;
    float: left;
    height: 32px;
    line-height: 32px;
    padding-left: 4%;
    border-left: none
}

.newSeachIcon {
    font-size: 17px;
    margin-right: 3%
}

.wenm {
    height: 5.5rem;
    width: 33%;
    border: 1px solid #ddd;
    color: #a4a4a4;
    position: absolute;
    margin: 0 0 0 1%;
    padding: 1%
}

.positionH {
    position: relative;
    height: 138px
}

.populetion {
    width: 33%;
    border: 1px solid #ddd;
    color: #a4a4a4;
    position: absolute;
    margin: 0 0 0 1%;
    padding: 1% 1% 2% 1%;
}

.lineHeght {
    margin-top: 1%
}

.qiyejianjieIN label {
    font-size: 13px;
    color: #a4a4a4;
    padding-right: 1%
}

.contentcount {
    height: 5%;
    float: left;
    display: block
}

.numMore {
    position: absolute;
    margin-left: 32%;
    top: 80%;
    color: #ddd
}

.numMore em {
    float: left
}

.widthright25 #quyuList {
    width: 426px;
    margin-right: 80px
}

#containerQuyu #delItQuyu {
    display: block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    position: absolute;
    z-index: 9999;
    float: right;
    right: 47px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #c4cdd5;
    cursor: pointer;
}

#containerQuyu {
    position: relative;
    height: 38px;
    margin-top: 15px
}

#containerQuyu .yuqyW {
    right: 47px
}

.chooseColorIt {
    width: 5.5%;
    height: 33px;
    background: #0ff;
    position: absolute;
    right: 0
}

#containerQuyu #quyuWidth {
    width: 426px;
    margin-right: 80px
}

.chooseColorItIn {
    width: 16%;
    height: 12rem;
    border: 1px solid red;
    display: none;
    position: absolute;
    right: -10.5%;
    top: 96%;
    z-index: 999;
    background-color: #fff
}

#delContain {
    color: #d3b365;
    position: absolute;
    right: 7%;
    line-height: 34px;
    font-size: 1.1rem;
    top: 0 !important
}

.portfolio-wrapperxjHz p i {
    float: right
}

.zhanguanMap {
    width: 64%;
    position: relative;
    margin: auto
}

.zhanguanMap .BJMap1 {
    display: block;
    width: 100%
}

.zhanguanMap li {
    width: 5%;
    border-bottom: 10rem solid #828282;
    border-left: 1.6rem solid transparent;
    border-right: 1.6rem solid transparent;
    text-align: center;
    position: absolute;
    color: #444
}

.zhanguanMap li:nth-child(2) {
    left: 22.5%;
    top: 62%;
    width: 5%;
    -webkit-transform: rotate(101deg);
        -ms-transform: rotate(101deg);
            transform: rotate(101deg)
}

.zhanguanMap li:nth-child(3) {
    left: 25%;
    top: 46%;
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg)
}

.zhanguanMap li:nth-child(4) {
    left: 30%;
    top: 33%;
    -webkit-transform: rotate(139deg);
        -ms-transform: rotate(139deg);
            transform: rotate(139deg)
}

.zhanguanMap li:nth-child(5) {
    left: 37.2%;
    top: 24%;
    -webkit-transform: rotate(157deg);
        -ms-transform: rotate(157deg);
            transform: rotate(157deg)
}

.zhanguanMap li:nth-child(6) {
    right: 45.5%;
    top: 20.5%;
    -webkit-transform: rotate(177deg);
        -ms-transform: rotate(177deg);
            transform: rotate(177deg)
}

.zhanguanMap li:nth-child(7) {
    right: 37.3%;
    top: 23%;
    -webkit-transform: rotate(197deg);
        -ms-transform: rotate(197deg);
            transform: rotate(197deg)
}

.zhanguanMap li:nth-child(8) {
    right: 30%;
    top: 31%;
    -webkit-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
            transform: rotate(216deg)
}

.zhanguanMap li:nth-child(9) {
    right: 24.5%;
    top: 43.4%;
    -webkit-transform: rotate(236deg);
        -ms-transform: rotate(236deg);
            transform: rotate(236deg)
}

.zhanguanMap li:nth-child(10) {
    right: 21.5%;
    top: 58.8%;
    -webkit-transform: rotate(258deg);
        -ms-transform: rotate(258deg);
            transform: rotate(258deg)
}

.zhanguanMap a {
    display: block;
    font-size: 1.5rem;
    line-height: 3rem;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    width: 44%;
    margin-top: 94%;
    left: 29%;
    color: #f7d7a3;
    position: absolute
}

.zhanguanMap .HaveMap {
    border-bottom: 10rem solid #d4b365 !important
}

.zhanguanMap .HaveMap a {
    color: #fff !important
}

.zhanguanMap .HaveMap:hover {
    border-bottom: 10rem solid #f7d674 !important;
    cursor: pointer
}

.zhanguanMap2 {
    width: 64%;
    position: relative;
    margin: auto
}

.zhanguanMap2 .BJMap2 {
    display: block;
    width: 100%
}

.zhanguanMap2 li {
    width: 5.3%;
    height: 9rem;
    background-color: #828282;
    position: absolute
}

.zhanguanMap2 li:nth-child(2) {
    right: 36%;
    top: 23%;
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg)
}

.zhanguanMap2 li:nth-child(3) {
    right: 40.5%;
    top: 14%;
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg)
}

.zhanguanMap2 li:nth-child(4) {
    left: 41.2%;
    top: 14.1%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg)
}

.zhanguanMap2 li:nth-child(5) {
    right: 58%;
    top: 23%;
    -webkit-transform: rotate(134deg);
        -ms-transform: rotate(134deg);
            transform: rotate(134deg)
}

.zhanguanMap2 li:nth-child(6) {
    left: 36.5%;
    top: 50%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg)
}

.zhanguanMap2 li:nth-child(7) {
    left: 41%;
    top: 59%;
    -webkit-transform: rotate(44deg);
        -ms-transform: rotate(44deg);
            transform: rotate(44deg)
}

.zhanguanMap2 li:nth-child(8) {
    right: 41%;
    top: 59%;
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg)
}

.zhanguanMap2 li:nth-child(9) {
    right: 36.5%;
    top: 50%;
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg)
}

.zhanguanMap2 li:nth-child(10) {
    left: 31.4%;
    top: 17.7%;
    -webkit-transform: rotate(134deg);
        -ms-transform: rotate(134deg);
            transform: rotate(134deg)
}

.zhanguanMap2 li:nth-child(11) {
    left: 33.8%;
    top: 60%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg)
}

.zhanguanMap2 li:nth-child(12) {
    left: 38%;
    top: 68.4%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg)
}

.zhanguanMap2 li:nth-child(13) {
    right: 35.4%;
    top: 64.6%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
}

.zhanguanMap2 li:nth-child(14) {
    right: 31%;
    top: 55.4%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
}

.zhanguanMap2 li a {
    display: block;
    font-size: 1.2rem;
    line-height: 3rem;
    -webkit-transform: rotate(-177deg);
        -ms-transform: rotate(-177deg);
            transform: rotate(-177deg);
    width: 100%;
    margin-top: 20%;
    text-align: center;
    color: #f7d7a3;
    position: absolute;
}

.zhanguanMap2 li:nth-child(2),
.zhanguanMap2 li:nth-child(4),
.zhanguanMap2 li:nth-child(6),
.zhanguanMap2 li:nth-child(8) {
    -webkit-clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 46px);
            clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 46px);
}

.zhanguanMap2 li:nth-child(15),
.zhanguanMap2 li:nth-child(3),
.zhanguanMap2 li:nth-child(5),
.zhanguanMap2 li:nth-child(7),
.zhanguanMap2 li:nth-child(9) {
    -webkit-clip-path: polygon(0 0, 52% 0, 100% 33%, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 52% 0, 100% 33%, 100% 100%, 0 100%);
    background: #828282
}

.zhanguanMap2 li:nth-child(10),
.zhanguanMap2 li:nth-child(12),
.zhanguanMap2 li:nth-child(14) {
    -webkit-clip-path: polygon(0 0, 44% 0, 100% 33%, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 44% 0, 100% 33%, 100% 100%, 0 100%);
    background-color: #adadad
}

.zhanguanMap2 li:nth-child(11),
.zhanguanMap2 li:nth-child(13) {
    -webkit-clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%, 0 46px);
            clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%, 0 46px);
    background-color: #adadad;
}

.zhanguanMap2 .HaveMap2 {
    width: 5.3%;
    height: 9rem;
    background-color: #d4b365 !important;
    position: absolute;
}

.zhanguanMap2 .HaveMap2 a {
    color: #fff !important
}

.zhanguanMap2 .HaveMap2:hover {
    background-color: #f7d674 !important;
    cursor: pointer
}

.zhanguanMap3 {
    width: 64%;
    position: relative;
    margin: auto;
    top: 7%
}

.zhanguanMap3 .BJMap3 {
    display: block;
    width: 100%
}

.zhanguanMap3 li {
    background-color: #828282;
    position: absolute
}

.zhanguanMap3 li:nth-child(2) {
    left: 47%;
    line-height: 7.6rem
}

.zhanguanMap3 li:nth-child(3) {
    left: 57%;
    line-height: 7.6rem
}

.zhanguanMap3 li:nth-child(4) {
    top: 74%
}

.zhanguanMap3 li:nth-child(5) {
    top: 68.7%
}

.zhanguanMap3 li:nth-child(6) {
    top: 55%
}

.zhanguanMap3 li:nth-child(7) {
    top: 49.68%
}

.zhanguanMap3 li:nth-child(8) {
    top: 36%
}

.zhanguanMap3 li:nth-child(9) {
    top: 30.68%
}

.zhanguanMap3 li:nth-child(10) {
    top: 17%
}

.zhanguanMap3 li:nth-child(11) {
    right: 36.1%
}

.zhanguanMap3 li:nth-child(12) {
    right: 43%
}

.zhanguanMap3 li:nth-child(13) {
    top: 31%
}

.zhanguanMap3 li:nth-child(14) {
    top: 50%
}

.zhanguanMap3 li:nth-child(15) {
    left: 58.8%
}

.zhanguanMap3 li:nth-child(16) {
    left: 48.8%
}

.zhanguanMap3 li:nth-child(5),
.zhanguanMap3 li:nth-child(7),
.zhanguanMap3 li:nth-child(9) {
    width: 5.5%;
    right: 25.1%;
    height: 1.86rem;
    z-index: 99;
    line-height: .4rem
}

.zhanguanMap3 li:nth-child(10),
.zhanguanMap3 li:nth-child(4),
.zhanguanMap3 li:nth-child(6),
.zhanguanMap3 li:nth-child(8) {
    width: 7%;
    right: 24.5%;
    height: 5rem
}

.zhanguanMap3 li:nth-child(2),
.zhanguanMap3 li:nth-child(3) {
    top: 40%;
    width: 8%;
    height: 8rem
}

.zhanguanMap3 li:nth-child(11),
.zhanguanMap3 li:nth-child(12) {
    width: 6.5%;
    height: 5.5rem;
    top: 11.5%
}

.zhanguanMap3 li:nth-child(13),
.zhanguanMap3 li:nth-child(14) {
    width: 9%;
    left: 33.5%;
    height: 7rem
}

.zhanguanMap3 li:nth-child(15),
.zhanguanMap3 li:nth-child(16) {
    width: 8%;
    height: 8rem;
    top: 34.5%
}

.zhanguanMap3 li a {
    text-align: center;
    color: #f7d7a3;
    font-size: 1rem;
    width: 100%;
    display: block;
    position: absolute;
    line-height: -31%;
    top: 40%
}

.moreH {
    top: 79% !important
}

.zhanguanMap3 .HaveMap3 {
    background-color: #d4b365;
    position: absolute;
    line-height: 1rem !important
}

.zhanguanMap3 .HaveMap3 a {
    color: #fff !important
}

.zhanguanMap3 .HaveMap3:hover {
    background-color: #f7d674 !important;
    cursor: pointer
}

.zhanguanMap4 {
    width: 64%;
    position: relative;
    margin: auto
}

.zhanguanMap4 .BJMap4 {
    display: block;
    width: 100%
}

.zhanguanMap4 li:nth-child(2) {
    top: 19%
}

.zhanguanMap4 li:nth-child(3) {
    top: 30.2%;
    font-size: 12px !important
}

.zhanguanMap4 li:nth-child(4) {
    top: 37%
}

.zhanguanMap4 li:nth-child(5) {
    top: 52%
}

.zhanguanMap4 li:nth-child(6) {
    top: 63.1%
}

.zhanguanMap4 li:nth-child(7) {
    top: 70%
}

.zhanguanMap4 li:nth-child(8) {
    top: 19%
}

.zhanguanMap4 li:nth-child(9) {
    top: 30.2%
}

.zhanguanMap4 li:nth-child(10) {
    top: 37%
}

.zhanguanMap4 li:nth-child(11) {
    top: 52%
}

.zhanguanMap4 li:nth-child(12) {
    top: 63.1%
}

.zhanguanMap4 li:nth-child(13) {
    top: 70%
}

.zhanguanMap4 li {
    line-height: .9rem;
    background-color: #828282;
    position: absolute
}

.zhanguanMap4 li:nth-child(2),
.zhanguanMap4 li:nth-child(4),
.zhanguanMap4 li:nth-child(5),
.zhanguanMap4 li:nth-child(6),
.zhanguanMap4 li:nth-child(7),
.zhanguanMap4 li:nth-child(8) {
    width: 13%;
    height: 4rem;
    left: 33.6%
}

.zhanguanMap4 li:nth-child(3),
.zhanguanMap4 li:nth-child(6) {
    left: 40.6%;
    width: 6%;
    height: 2.4rem;
    line-height: .4rem !important;
    font-size: 12px !important
}

.zhanguanMap4 li:nth-child(10),
.zhanguanMap4 li:nth-child(11),
.zhanguanMap4 li:nth-child(13),
.zhanguanMap4 li:nth-child(8) {
    width: 13%;
    height: 4rem;
    left: 53.6%
}

.zhanguanMap4 li:nth-child(12),
.zhanguanMap4 li:nth-child(9) {
    width: 6%;
    height: 2.4rem;
    right: 40.4%;
    line-height: .4rem !important
}

.zhanguanMap4 li a {
    text-align: center;
    color: #f7d7a3;
    font-size: 1rem;
    width: 100%;
    display: block;
    position: absolute;
    line-height: -31%;
    top: 43%
}

.map4H {
    top: 29% !important
}

.zhanguanMap4 .HaveMap4 {
    background-color: #d4b365 !important;
    position: absolute
}

.zhanguanMap4 .HaveMap4 a {
    color: #fff !important
}

.zhanguanMap4 .HaveMap4:hover {
    background-color: #f7d674 !important;
    cursor: pointer
}

.zhanguanMap5 {
    width: 64%;
    position: relative;
    margin: auto
}

.zhanguanMap5 .BJMap5 {
    display: block;
    width: 100%
}

.zhanguanMap5 li {
    background-color: #828282;
    position: absolute;
    width: 4%;
    height: 7.66rem;
    border-radius: 4px
}

.zhanguanMap5 li:nth-child(2) {
    top: 57.8%;
    left: 35%;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg)
}

.zhanguanMap5 li:nth-child(3) {
    top: 32%;
    left: 37%;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg)
}

.zhanguanMap5 li:nth-child(4) {
    top: 55.3%;
    left: 29%;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg)
}

.zhanguanMap5 li:nth-child(5) {
    top: 29.4%;
    left: 31%;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg)
}

.zhanguanMap5 li:nth-child(6) {
    top: 53%;
    left: 23%;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg)
}

.zhanguanMap5 li:nth-child(7) {
    top: 27.4%;
    left: 25%;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg)
}

.zhanguanMap5 li:nth-child(8) {
    top: 51%;
    left: 17%;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg)
}

.zhanguanMap5 li:nth-child(9) {
    top: 49%;
    left: 11%;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg)
}

.zhanguanMap5 li:nth-child(10) {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    right: 34.6%;
    top: 57%
}

.zhanguanMap5 li:nth-child(11) {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    right: 37%;
    top: 32%
}

.zhanguanMap5 li:nth-child(12) {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    right: 28.6%;
    top: 55%
}

.zhanguanMap5 li:nth-child(13) {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    right: 31%;
    top: 29.4%
}

.zhanguanMap5 li:nth-child(14) {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    right: 22.6%;
    top: 53%
}

.zhanguanMap5 li:nth-child(15) {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    right: 25%;
    top: 27.4%
}

.zhanguanMap5 li:nth-child(16) {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    right: 16.6%;
    top: 51%
}

.zhanguanMap5 li:nth-child(17) {
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    right: 10.6%;
    top: 49%
}

.zhanguanMap5 li a {
    text-align: center;
    color: #f7d7a3;
    font-size: .92rem;
    width: 100%;
    display: block;
    position: absolute;
    line-height: -31%;
    top: 43%
}

.zhanguanMap5 .HaveMap5 {
    background-color: #d4b365 !important;
    position: absolute
}

.zhanguanMap5 .HaveMap5 a {
    color: #fff !important
}

.zhanguanMap5 .HaveMap5:hover {
    background-color: #f7d674 !important;
    cursor: pointer
}

.zhanguanMap6 {
    width: 64%;
    position: relative;
    margin: auto
}

.zhanguanMap6 .BJMap6 {
    display: block;
    width: 100%
}

.zhanguanMap6 li {
    background-color: #828282;
    position: absolute;
    width: 3.4%;
    height: 6.4rem;
    border-radius: 4px
}

.zhanguanMap6 li:nth-child(2) {
    top: 13%;
    left: 40%
}

.zhanguanMap6 li:nth-child(3) {
    top: 13%;
    left: 44.6%
}

.zhanguanMap6 li:nth-child(4) {
    top: 13%;
    left: 49.4%
}

.zhanguanMap6 li:nth-child(5) {
    top: 13%;
    left: 54.4%
}

.zhanguanMap6 li:nth-child(6) {
    top: 13%;
    right: 37.4%
}

.zhanguanMap6 li:nth-child(7) {
    top: 34%;
    left: 31.3%
}

.zhanguanMap6 li:nth-child(8) {
    top: 43.4%;
    left: 31.3%
}

.zhanguanMap6 li:nth-child(9) {
    top: 52.8%;
    left: 31.3%
}

.zhanguanMap6 li:nth-child(10) {
    top: 62.4%;
    left: 31.3%
}

.zhanguanMap6 li:nth-child(11) {
    top: 71.8%;
    left: 31.3%
}

.zhanguanMap6 li:nth-child(12) {
    right: 54%;
    top: 75.4%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg)
}

.zhanguanMap6 li:nth-child(13) {
    right: 50.5%;
    top: 68.6%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg)
}

.zhanguanMap6 li:nth-child(14) {
    right: 46.8%;
    top: 61.6%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg)
}

.zhanguanMap6 li:nth-child(15) {
    right: 43.3%;
    top: 54.8%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg)
}

.zhanguanMap6 li:nth-child(16) {
    right: 39.8%;
    top: 48.2%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg)
}

.zhanguanMap6 li:nth-child(17) {
    right: 36.5%;
    top: 41.6%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg)
}

.zhanguanMap6 li:nth-child(18) {
    right: 33%;
    top: 35%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg)
}

.zhanguanMap6 li:nth-child(10),
.zhanguanMap6 li:nth-child(11),
.zhanguanMap6 li:nth-child(7),
.zhanguanMap6 li:nth-child(8),
.zhanguanMap6 li:nth-child(9) {
    width: 8.5% !important;
    height: 2.5rem !important;
    line-height: .7rem
}

.zhanguanMap6 li a {
    text-align: center;
    color: #f7d7a3;
    font-size: .92rem;
    width: 100%;
    display: block;
    position: absolute;
    line-height: -31%;
    top: 39%
}

.zhanguanMap6 .HaveMap6 {
    background-color: #d4b365 !important;
    position: absolute
}

.zhanguanMap6 .HaveMap6 a {
    color: #fff !important
}

.zhanguanMap6 .HaveMap6:hover {
    background-color: #f7d674 !important;
    cursor: pointer
}

.zhanguanMap7 {
    width: 64%;
    position: relative;
    margin: auto
}

.zhanguanMap7 .BJMap7 {
    display: block;
    width: 100%
}

.zhanguanMap7 li {
    background-color: #828282;
    position: absolute;
    width: 4%;
    height: 5.2rem
}

.zhanguanMap7 li:nth-child(2) {
    top: 19%;
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg);
    left: 38.6%
}

.zhanguanMap7 li:nth-child(3) {
    top: 25%;
    left: 36.8%;
    -webkit-transform: rotate(140deg);
        -ms-transform: rotate(140deg);
            transform: rotate(140deg)
}

.zhanguanMap7 li:nth-child(4) {
    top: 27%;
    -webkit-transform: rotate(129deg);
        -ms-transform: rotate(129deg);
            transform: rotate(129deg);
    left: 34%
}

.zhanguanMap7 li:nth-child(5) {
    top: 34.2%;
    left: 32.8%;
    -webkit-transform: rotate(118deg);
        -ms-transform: rotate(118deg);
            transform: rotate(118deg)
}

.zhanguanMap7 li:nth-child(6) {
    top: 37.2%;
    -webkit-transform: rotate(107deg);
        -ms-transform: rotate(107deg);
            transform: rotate(107deg);
    left: 30.6%
}

.zhanguanMap7 li:nth-child(7) {
    top: 45.8%;
    left: 30.8%;
    -webkit-transform: rotate(97deg);
        -ms-transform: rotate(97deg);
            transform: rotate(97deg)
}

.zhanguanMap7 li:nth-child(8) {
    top: 49.6%;
    -webkit-transform: rotate(89deg);
        -ms-transform: rotate(89deg);
            transform: rotate(89deg);
    left: 29.6%
}

.zhanguanMap7 li:nth-child(9) {
    top: 58.19%;
    left: 30.8%;
    -webkit-transform: rotate(79deg);
        -ms-transform: rotate(79deg);
            transform: rotate(79deg)
}

.zhanguanMap7 li:nth-child(10) {
    top: 62%;
    -webkit-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
            transform: rotate(70deg);
    left: 30.6%
}

.zhanguanMap7 li:nth-child(11) {
    top: 69.9%;
    left: 32.6%;
    -webkit-transform: rotate(59deg);
        -ms-transform: rotate(59deg);
            transform: rotate(59deg)
}

.zhanguanMap7 li:nth-child(12) {
    top: 72.6%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    left: 33.6%
}

.zhanguanMap7 li:nth-child(13) {
    top: 19%;
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg);
    right: 41.2%
}

.zhanguanMap7 li:nth-child(14) {
    top: 25%;
    right: 39.4%;
    -webkit-transform: rotate(221deg);
        -ms-transform: rotate(221deg);
            transform: rotate(221deg)
}

.zhanguanMap7 li:nth-child(15) {
    top: 26.8%;
    -webkit-transform: rotate(51deg);
        -ms-transform: rotate(51deg);
            transform: rotate(51deg);
    right: 36.4%
}

.zhanguanMap7 li:nth-child(16) {
    top: 34.5%;
    right: 35.6%;
    -webkit-transform: rotate(243deg);
        -ms-transform: rotate(243deg);
            transform: rotate(243deg)
}

.zhanguanMap7 li:nth-child(17) {
    top: 37.5%;
    -webkit-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
            transform: rotate(72deg);
    right: 33.2%
}

.zhanguanMap7 li:nth-child(18) {
    top: 46.2%;
    right: 33.2%;
    -webkit-transform: rotate(262deg);
        -ms-transform: rotate(262deg);
            transform: rotate(262deg)
}

.zhanguanMap7 li:nth-child(19) {
    top: 49.9%;
    -webkit-transform: rotate(92deg);
        -ms-transform: rotate(92deg);
            transform: rotate(92deg);
    right: 32%
}

.zhanguanMap7 li:nth-child(20) {
    top: 58.4%;
    right: 33.4%;
    -webkit-transform: rotate(284deg);
        -ms-transform: rotate(284deg);
            transform: rotate(284deg)
}

.zhanguanMap7 li:nth-child(21) {
    top: 62.2%;
    -webkit-transform: rotate(113deg);
        -ms-transform: rotate(113deg);
            transform: rotate(113deg);
    right: 33.2%
}

.zhanguanMap7 li:nth-child(22) {
    top: 69.9%;
    -webkit-transform: rotate(302deg);
        -ms-transform: rotate(302deg);
            transform: rotate(302deg);
    right: 35.6%
}

.zhanguanMap7 li:nth-child(23) {
    top: 72.6%;
    -webkit-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
            transform: rotate(130deg);
    right: 36.6%
}

.zhanguanMap7 li:nth-child(11),
.zhanguanMap7 li:nth-child(14),
.zhanguanMap7 li:nth-child(16),
.zhanguanMap7 li:nth-child(18),
.zhanguanMap7 li:nth-child(20),
.zhanguanMap7 li:nth-child(22),
.zhanguanMap7 li:nth-child(3),
.zhanguanMap7 li:nth-child(5),
.zhanguanMap7 li:nth-child(7),
.zhanguanMap7 li:nth-child(9) {
    width: 1%;
    border-left: .6rem solid transparent;
    border-right: .6rem solid transparent;
    border-bottom: 3.4rem solid #828282;
    height: 0%;
    background-color: transparent
}

.zhanguanMap7 li a {
    width: 100%;
    display: block;
    text-align: center;
    color: #f7d7a3;
    font-size: 1rem;
    top: 40%;
    z-index: 9999999;
    position: absolute
}

.zhanguanMap7 li .widthNewD {
    width: 3rem;
    left: -143%;
    margin-top: 155%;
    -webkit-transform: rotate(95deg);
        -ms-transform: rotate(95deg);
            transform: rotate(95deg)
}

.zhanguanMap7 li .widthNewA {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    width: 3rem;
    left: -143%;
    margin-top: 155%
}

.zhanguanMap7 li .deg9 {
    -webkit-transform: rotate(193deg);
        -ms-transform: rotate(193deg);
            transform: rotate(193deg)
}

.zhanguanMap7 .HaveMap7 {
    background-color: #d4b365 !important
}

.zhanguanMap7 .HaveMap7:hover {
    background-color: #f7d674 !important;
    cursor: pointer
}

.zhanguanMap7 .HaveMap7Chage {
    border-bottom: 3.4rem solid #d4b365 !important
}

.zhanguanMap7 .HaveMap7Chage:hover {
    border-bottom: 3.4rem solid #f7d674 !important;
    cursor: pointer
}

.zhanguanMap7 .HaveMap7 a {
    color: #fff !important
}

.zhanguanMap7 .HaveMap7Chage a {
    color: #fff !important
}

.zhanguanMap8 {
    width: 64%;
    position: relative;
    margin: auto
}

.zhanguanMap8 .BJMap8 {
    display: block;
    width: 100%
}

.zhanguanMap8 li {
    background-color: #828282;
    position: absolute;
    width: 5%;
    height: 5.6rem
}

.zhanguanMap8 li:nth-child(2) {
    top: 49%;
    left: 22%
}

.zhanguanMap8 li:nth-child(3) {
    top: 49%;
    left: 28%
}

.zhanguanMap8 li:nth-child(4) {
    top: 49%;
    left: 34%
}

.zhanguanMap8 li:nth-child(5) {
    top: 49%;
    left: 40%
}

.zhanguanMap8 li:nth-child(6) {
    top: 49%;
    left: 46%
}

.zhanguanMap8 li:nth-child(7) {
    top: 17%;
    left: 22%
}

.zhanguanMap8 li:nth-child(8) {
    top: 17%;
    left: 28%;
    height: 3.6rem
}

.zhanguanMap8 li:nth-child(9) {
    top: 17%;
    left: 34%
}

.zhanguanMap8 li:nth-child(10) {
    top: 49%;
    right: 36%
}

.zhanguanMap8 li:nth-child(11) {
    top: 49%;
    right: 30%
}

.zhanguanMap8 li:nth-child(12) {
    top: 49%;
    right: 24%
}

.zhanguanMap8 li:nth-child(13) {
    top: 17%;
    right: 28%
}

.zhanguanMap8 li:nth-child(14) {
    top: 17%;
    right: 22%
}

.zhanguanMap8 li:nth-child(15) {
    left: 37%;
    top: 79%
}

.zhanguanMap8 li:nth-child(16) {
    left: 43%;
    top: 79%
}

.zhanguanMap8 li:nth-child(17) {
    left: 56%;
    top: 79%
}

.zhanguanMap8 li:nth-child(18) {
    top: 44%;
    left: 23%
}

.zhanguanMap8 li:nth-child(19) {
    top: 44%;
    left: 29%
}

.zhanguanMap8 li:nth-child(20) {
    top: 44%;
    left: 35%
}

.zhanguanMap8 li:nth-child(21) {
    top: 44%;
    left: 41%
}

.zhanguanMap8 li:nth-child(22) {
    top: 44%;
    left: 47%
}

.zhanguanMap8 li:nth-child(23) {
    top: 44%;
    right: 35%
}

.zhanguanMap8 li:nth-child(24) {
    top: 44%;
    right: 29%
}

.zhanguanMap8 li:nth-child(25) {
    top: 44%;
    right: 23%
}

.zhanguanMap8 li:nth-child(26) {
    top: 12%;
    right: 27%
}

.zhanguanMap8 li:nth-child(27) {
    top: 12%;
    right: 21%
}

.zhanguanMap8 li:nth-child(28) {
    top: 74%;
    left: 38%
}

.zhanguanMap8 li:nth-child(29) {
    top: 74%;
    left: 44%
}

.zhanguanMap8 li:nth-child(30) {
    left: 57%;
    top: 75%
}

.zhanguanMap8 li:nth-child(31) {
    top: 39%;
    right: 34%
}

.zhanguanMap8 li:nth-child(32) {
    top: 39%;
    right: 28%
}

.zhanguanMap8 li:nth-child(33) {
    top: 39%;
    right: 22%
}

.zhanguanMap8 li:nth-child(34) {
    left: 39%;
    top: 69%
}

.zhanguanMap8 li:nth-child(35) {
    left: 45%;
    top: 69%
}

.zhanguanMap8 li:nth-child(36) {
    left: 58%;
    top: 69%
}

.zhanguanMap8 li:nth-child(37) {
    left: 40%;
    top: 64%
}

.zhanguanMap8 li:nth-child(38) {
    left: 46%;
    top: 64%
}

.zhanguanMap8 li:nth-child(39) {
    left: 59%;
    top: 64%
}

.zhanguanMap8 .height2rem {
    height: 3.6rem
}

.zhanguanMap8 li:nth-child(18),
.zhanguanMap8 li:nth-child(19),
.zhanguanMap8 li:nth-child(20),
.zhanguanMap8 li:nth-child(21),
.zhanguanMap8 li:nth-child(22),
.zhanguanMap8 li:nth-child(23),
.zhanguanMap8 li:nth-child(24),
.zhanguanMap8 li:nth-child(25),
.zhanguanMap8 li:nth-child(26),
.zhanguanMap8 li:nth-child(27),
.zhanguanMap8 li:nth-child(28),
.zhanguanMap8 li:nth-child(29),
.zhanguanMap8 li:nth-child(30) {
    background-color: #adadad !important
}

.zhanguanMap8 li:nth-child(31),
.zhanguanMap8 li:nth-child(32),
.zhanguanMap8 li:nth-child(33),
.zhanguanMap8 li:nth-child(34),
.zhanguanMap8 li:nth-child(35),
.zhanguanMap8 li:nth-child(36) {
    background-color: #cbcbcb !important
}

.zhanguanMap8 li:nth-child(37),
.zhanguanMap8 li:nth-child(38),
.zhanguanMap8 li:nth-child(39) {
    background-color: #e2e2e2 !important
}

.zhanguanMap8 li a {
    width: 100%;
    display: block;
    text-align: center;
    color: #f7d7a3;
    font-size: 1rem;
    bottom: 4%;
    z-index: 9999999;
    position: absolute;
}

.zhanguanMap8 li .chageColr {
    color: #d4b365 !important
}

.zhanguanMap8 .HaveMap8 {
    background-color: #d4b365 !important;
    position: absolute
}

.zhanguanMap8 .HaveMap8 a {
    color: #fff !important
}

.zhanguanMap8 .HaveMap8:hover {
    background-color: #f7d674 !important;
    cursor: pointer
}

.zhanguanMap9 {
    width: 64%;
    position: relative;
    margin: auto
}

.zhanguanMap9 .BJMap9 {
    display: block;
    width: 100%
}

.zhanguanMap9 li {
    background-color: #828282;
    position: absolute;
    width: 6%;
    height: 10.4rem;
}

.zhanguanMap9 li:nth-child(2) {
    top: 34%;
    right: 10%;
    -webkit-transform: rotate(14deg);
        -ms-transform: rotate(14deg);
            transform: rotate(14deg)
}

.zhanguanMap9 li:nth-child(3) {
    top: 30.2%;
    right: 18.5%;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg)
}

.zhanguanMap9 li:nth-child(4) {
    top: 28.1%;
    right: 26.2%;
    -webkit-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
            transform: rotate(8deg)
}

.zhanguanMap9 li:nth-child(5) {
    top: 26.1%;
    right: 35.2%;
    -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
            transform: rotate(4deg)
}

.zhanguanMap9 li:nth-child(6) {
    top: 25.3%;
    right: 43.6%;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

.zhanguanMap9 li:nth-child(7) {
    top: 25.7%;
    right: 52.4%;
    -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
            transform: rotate(-2deg)
}

.zhanguanMap9 li:nth-child(8) {
    top: 27.1%;
    left: 33.2%;
    -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
            transform: rotate(-5deg)
}

.zhanguanMap9 li:nth-child(9) {
    top: 28.7%;
    left: 25%;
    -webkit-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
            transform: rotate(-8deg)
}

.zhanguanMap9 li:nth-child(10) {
    top: 32%;
    left: 16.6%;
    -webkit-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
            transform: rotate(-13deg)
}

.zhanguanMap9 li:nth-child(11) {
    top: 52%;
    left: 5%
}

.zhanguanMap9 li:nth-child(12) {
    right: 17.22%;
    -webkit-transform: rotate(192deg);
        -ms-transform: rotate(192deg);
            transform: rotate(192deg);
    top: 48%
}

.zhanguanMap9 li:nth-child(13) {
    right: 22.6%;
    top: 47%
}

.zhanguanMap9 li:nth-child(14) {
    right: 19.8%;
    top: 48%
}

.zhanguanMap9 li:nth-child(15) {
    right: 41.6%;
    -webkit-transform: rotate(181deg);
        -ms-transform: rotate(181deg);
            transform: rotate(181deg);
    top: 41.8%
}

.zhanguanMap9 li:nth-child(16) {
    right: 58.4%;
    -webkit-transform: rotate(176deg);
        -ms-transform: rotate(176deg);
            transform: rotate(176deg);
    top: 42.4%
}

.zhanguanMap9 li:nth-child(17) {
    left: 23.6%;
    -webkit-transform: rotate(169deg);
        -ms-transform: rotate(169deg);
            transform: rotate(169deg);
    top: 46.4%
}

.zhanguanMap9 li:nth-child(18) {
    top: 61%;
    left: 53.4%
}

.zhanguanMap9 li:nth-child(19) {
    top: 59%;
    left: 41%
}

.zhanguanMap9 li:nth-child(20) {
    top: 67%;
    left: 30%
}

.zhanguanMap9 li:nth-child(21) {
    top: 65.5%;
    left: 31%
}

.zhanguanMap9 li:nth-child(13),
.zhanguanMap9 li:nth-child(14) {
    height: 3.2rem !important;
    width: 1.8% !important;
    background-color: #eee;
    -webkit-transform: rotate(190deg);
        -ms-transform: rotate(190deg);
            transform: rotate(190deg);
    display: none;
}

.zhanguanMap9 li:nth-child(12),
.zhanguanMap9 li:nth-child(15),
.zhanguanMap9 li:nth-child(16),
.zhanguanMap9 li:nth-child(17) {
    width: 1.4%;
    border-left: .2rem solid transparent;
    border-right: .2rem solid transparent;
    border-bottom: 4rem solid #eee;
    height: 0%;
    background-color: transparent
}

.zhanguanMap9 li:nth-child(11) {
    width: 8%;
    border-left: 2.6rem solid transparent;
    border-right: .01rem solid transparent;
    border-bottom: 4.5rem solid #828282;
    height: 0%;
    background-color: transparent;
    -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
            transform: rotate(-18deg)
}

.zhanguanMap9 li:nth-child(18) {
    width: 1.4%;
    border-left: .01rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 3.4rem solid #828282;
    height: 0%;
    background-color: transparent;
    -webkit-transform: rotate(89deg);
        -ms-transform: rotate(89deg);
            transform: rotate(89deg)
}

.zhanguanMap9 li:nth-child(19) {
    width: 3.4%;
    border-left: .01rem solid transparent;
    border-right: 1.6rem solid transparent;
    border-bottom: 8.4rem solid #828282;
    height: 0%;
    background-color: transparent;
    -webkit-transform: rotate(86deg);
        -ms-transform: rotate(86deg);
            transform: rotate(86deg)
}

.zhanguanMap9 li:nth-child(20) {
    width: 4.6%;
    border-bottom: 4.4rem solid #828282;
    height: 0;
    background-color: transparent;
    -webkit-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
            transform: rotate(-9deg);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 76%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 76%)
}

.zhanguanMap9 li:nth-child(21) {
    width: 4.8%;
    border-bottom: 4.2rem solid #828282;
    height: 0;
    background-color: transparent;
    -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
            transform: rotate(-2deg);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 76%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 76%)
}

.zhanguanMap9 li:nth-child(22) {
    width: 4.8%;
    border-bottom: 3rem solid #828282;
    height: 0;
    background-color: transparent;
    -webkit-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
            transform: rotate(1deg);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 76%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 76%);
    top: 65.6%;
    left: 24%
}

.zhanguanMap9 li:nth-child(19) a {
    left: -6%;
    margin-top: -15%;
    -webkit-transform: rotate(-4deg) !important;
        -ms-transform: rotate(-4deg) !important;
            transform: rotate(-4deg) !important
}

.zhanguanMap9 li a {
    width: 100%;
    display: block;
    text-align: center;
    color: #f7d7a3;
    font-size: .92rem;
    top: 46%;
    z-index: 9999999;
    position: absolute
}

.zhanguanMap9 li .chageColr {
    color: #d4b365 !important
}

.Acolor {
    color: #999 !important;
    -webkit-transform: rotate(183deg);
        -ms-transform: rotate(183deg);
            transform: rotate(183deg);
    margin-top: -29%
}

.rote90 {
    -webkit-transform: rotate(183deg) !important;
        -ms-transform: rotate(183deg) !important;
            transform: rotate(183deg) !important;
    margin-top: 143%
}

.sizeTop10 {
    margin-top: 10%
}

.rote45 {
    -webkit-transform: rotate(-90deg) !important;
        -ms-transform: rotate(-90deg) !important;
            transform: rotate(-90deg) !important;
    margin-top: 143%
}

.rote46 {
    -webkit-transform: rotate(-90deg) !important;
        -ms-transform: rotate(-90deg) !important;
            transform: rotate(-90deg) !important;
    margin-top: 142%;
    margin-left: -20%
}

.zhanguanMap9 li i {
    width: 4rem;
    display: block;
    text-align: center;
    -webkit-transform: rotate(-88deg);
        -ms-transform: rotate(-88deg);
            transform: rotate(-88deg);
    color: #f7d7a3;
    z-index: 9999999;
    margin-top: 153%;
    position: absolute;
    left: 0
}

.zhanguanMap9 .HaveMap9 {
    /* border-bottom:3.4rem solid #d4b365!important */
    background-color: #d4b365 !important;
}

.zhanguanMap9 .HaveMap9 a {
    color: #fff !important
}

.zhanguanMap9 .HaveMap9:hover {
    /* border-bottom:3.4rem solid #f7d674!important; */
    cursor: pointer;
    background-color: #f7d674 !important;
}

.zhanguanMap9 .chagesColor {
    border-bottom: 4rem solid #d4b365 !important
}

.zhanguanMap9 .chagesColor a {
    color: #fff !important
}

.zhanguanMap9 .chagesColor:hover {
    border-bottom: 4rem solid #f7d674 !important;
    cursor: pointer
}

.zhanguanMap10 {
    width: 64%;
    position: relative;
    margin: auto
}

.zhanguanMap10 .BJMap10 {
    display: block;
    width: 100%
}

.zhanguanMap10 li {
    background-color: #828282;
    position: absolute;
    width: 3.2%;
    height: 6.5rem
}

.zhanguanMap10 li:nth-child(2) {
    top: 5.7%;
    right: 54%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.zhanguanMap10 li:nth-child(3) {
    top: 14.5%;
    right: 50.4%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.zhanguanMap10 li:nth-child(4) {
    top: 20.6%;
    right: 47.8%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.zhanguanMap10 li:nth-child(5) {
    top: 29.2%;
    right: 44.1%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.zhanguanMap10 li:nth-child(6) {
    top: 37.2%;
    right: 41%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.zhanguanMap10 li:nth-child(7) {
    top: 46%;
    right: 37.5%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.zhanguanMap10 li:nth-child(8) {
    width: 5%;
    border-left: 1.2rem solid transparent;
    border-right: 1.2rem solid transparent;
    border-bottom: 2.6rem solid #828282;
    height: 0%;
    right: 33.4%;
    background-color: transparent;
    -webkit-transform: rotate(115deg);
        -ms-transform: rotate(115deg);
            transform: rotate(115deg);
    top: 64%
}

.zhanguanMap10 li:nth-child(9) {
    top: 65%;
    right: 41.7%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.zhanguanMap10 li:nth-child(10) {
    top: 65%;
    right: 47.2%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.zhanguanMap10 li:nth-child(11) {
    top: 65%;
    right: 52.5%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.zhanguanMap10 li:nth-child(12) {
    top: 65%;
    right: 57.9%
}

.zhanguanMap10 li:nth-child(13) {
    top: 65%;
    right: 63.37%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.zhanguanMap10 li:nth-child(14) {
    top: 31.2%;
    right: 39.5%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.zhanguanMap10 li:nth-child(15) {
    top: 39.8%;
    right: 36.1%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.zhanguanMap10 li:nth-child(16) {
    top: 71.6%;
    right: 43.3%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.zhanguanMap10 li:nth-child(17) {
    top: 71.6%;
    right: 48.7%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.zhanguanMap10 li:nth-child(18) {
    top: 19.2%;
    right: 54.8%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
}

.zhanguanMap10 li:nth-child(19) {
    top: 34%;
    right: 48.7%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
}

.zhanguanMap10 li:nth-child(20) {
    top: 50.7%;
    right: 42%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg)
}

.zhanguanMap10 li:nth-child(21) {
    top: 65%;
    right: 45.1%
}

.zhanguanMap10 li:nth-child(22) {
    top: 65%;
    right: 55.87%
}

.zhanguanMap10 li:nth-child(23) {
    top: 44.6%;
    right: 40.5%;
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    background-color: #adadad
}

.zhanguanMap10 li:nth-child(24) {
    top: 71.7%;
    right: 46.7%
}

.zhanguanMap10 li:nth-child(25) {
    top: 65%;
    right: 61.3%
}

.zhanguanMap10 li:nth-child(18),
.zhanguanMap10 li:nth-child(19),
.zhanguanMap10 li:nth-child(20),
.zhanguanMap10 li:nth-child(21),
.zhanguanMap10 li:nth-child(22),
.zhanguanMap10 li:nth-child(23),
.zhanguanMap10 li:nth-child(24),
.zhanguanMap10 li:nth-child(25) {
    width: 1.86% !important;
    height: 2.3rem !important
}

.zhanguanMap10 li:nth-child(14),
.zhanguanMap10 li:nth-child(15),
.zhanguanMap10 li:nth-child(16),
.zhanguanMap10 li:nth-child(17),
.zhanguanMap10 li:nth-child(24),
.zhanguanMap10 li:nth-child(25) {
    background-color: #adadad
}

.zhanguanMap10 li a {
    width: 100%;
    display: block;
    text-align: center;
    color: #f7d7a3;
    font-size: 1rem;
    bottom: 33%;
    z-index: 9999999;
    position: absolute
}

.fontLeft11 {
    color: red;
    top: 38% !important
}

.zhanguanMap10 li .fontSize12 {
    font-size: 12px;
    width: 2rem;
    left: -29%;
    margin-bottom: -52%
}

.yuanbao1 {
    -webkit-transform: rotate(268deg) !important;
        -ms-transform: rotate(268deg) !important;
            transform: rotate(268deg) !important;
    width: -10% !important;
    top: 11% !important;
    margin-left: 9%;
    height: 2rem !important;
    text-align: center;
    height: 3rem
}

.zhanguanMap10 .HaveMap10 {
    background-color: #d4b365 !important
}

.zhanguanMap10 .HaveMap10 a {
    color: #fff !important
}

.zhanguanMap10 .HaveMap10:hover {
    background-color: #f7d674 !important;
    cursor: pointer
}

.zhanguanMap10 .chages10Color {
    background-color: #d4b365 !important
}

.zhanguanMap10 .chages10Color a {
    color: #fff !important
}

.zhanguanMap10 .chages10Color:hover {
    background-color: #f7d674 !important;
    cursor: pointer
}

.zhanguanMap7 li:nth-child(15) a {
    left: 0;
    margin-top: 3%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
}

.zhanguanMap7 li:nth-child(17) a {
    left: -1%;
    margin-top: 2%;
    -webkit-transform: rotate(-63deg);
        -ms-transform: rotate(-63deg);
            transform: rotate(-63deg)
}

.zhanguanMap7 li:nth-child(19) a {
    left: -2%;
    margin-top: 1%;
    -webkit-transform: rotate(-91deg);
        -ms-transform: rotate(-91deg);
            transform: rotate(-91deg)
}

.zhanguanMap7 li:nth-child(21) a {
    left: 0;
    margin-top: -1%;
    -webkit-transform: rotate(-91deg);
        -ms-transform: rotate(-91deg);
            transform: rotate(-91deg)
}

.zhanguanMap7 li:nth-child(23) a {
    left: 0;
    margin-top: -3%;
    -webkit-transform: rotate(-87deg);
        -ms-transform: rotate(-87deg);
            transform: rotate(-87deg)
}

.zhanguanMap7 li:nth-child(12) a {
    left: 0;
    margin-top: 7%
}

.zhanguanMap11 {
    width: 45%;
    position: relative;
    margin: auto
}

.zhanguanMap11 .BJMap2 {
    display: block;
    width: 100%
}

.zhanguanMap11 li {
    position: absolute;
}

.zhanguanMap11 li:nth-child(2) {
    left: 2%;
    top: 2%;
    width: 40%;
    height: 41.4%;
    background: url(../images/map11-1.png) no-repeat;
    background-size: contain;
}

.zhanguanMap11 li:nth-child(3) {
    background-color: #828282;
    right: 12%;
    top: 2%;
    width: 40%;
    height: 41.4%;
}

.zhanguanMap11 li:nth-child(4) {
    background-color: #828282;
    right: 27%;
    bottom: 28%;
    width: 28%;
    height: 26%;
}

.zhanguanMap11 li a {
    font-size: 40px;
    color: #f7d7a3;
    width: 100%;
    height: 100%;
    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;
}

.zhanguanMap11 .HaveMap11 {
    cursor: pointer;
}

.zhanguanMap11 .HaveMap11 a {
    color: #fff;
}

.zhanguanMap11 li:nth-child(2).HaveMap11 {
    background: url(../images/map11-1-has.png) no-repeat;
    background-size: contain;
}

.zhanguanMap11 li:nth-child(2).HaveMap11:hover {
    background: url(../images/map11-1-on.png) no-repeat;
    background-size: contain;
}

.zhanguanMap11 li:nth-child(3).HaveMap11,
.zhanguanMap11 li:nth-child(4).HaveMap11 {
    background-color: #d4b365
}

.zhanguanMap11 li:nth-child(3).HaveMap11:hover,
.zhanguanMap11 li:nth-child(4).HaveMap11:hover {
    background-color: #f7d674;
}

.OrderWarp {
    padding: 0 15px 15px 15px
}

.right_add {
    height: 50px;
    float: right;
    width: 20%
}

.right_add button {
    width: 28%;
    border-radius: 2px;
    border: 1px solid rgba(220, 223, 230, 1);
    background: #fff;
    height: 33px;
    color: #606266;
    float: right;
    margin-left: 3%;
    line-height: 33px;
    margin-top: 1%
}

.waimp {
    height: 40px;
    padding-top: 10px
}

.title5ls {
    background: #f9fafb !important;
    height: 50px;
    color: rgba(153, 153, 153, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 50px;
    padding-left: 20px;
    margin-top: 10px
}

.title5ls a {
    color: rgba(153, 153, 153, 1)
}

.width1200l {
    height: 200px;
    width: 1000px;
    margin: 20px auto
}

.width1200l_left {
    float: left;
    width: 48%
}

.width1200l_right {
    float: right;
    width: 48%
}

.height33line input {
    height: 33px;
    line-height: 33px
}

.height33line {
    height: 33px
}

.savedel {
    width: 25%;
    margin: 3% auto;
    height: 33PX
}

.savedel_l {
    float: left;
    background: rgba(145, 158, 171, 1)
}

.savedel_r {
    float: right;
    background: rgba(212, 179, 101, 1)
}

.savedel button {
    width: 48%;
    border-radius: 2px;
    border: none;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    height: 33px;
    line-height: 33px
}

.zhanguanMap7 li .widthNewB {
    -webkit-transform: rotate(88deg);
        -ms-transform: rotate(88deg);
            transform: rotate(88deg);
    width: 3rem;
    left: -143%;
    margin-top: 155%
}

.zhanguanMap4 li:nth-child(3) a {
    font-size: 12px
}

.zhanguanMap4 li:nth-child(9) a {
    font-size: 12px
}

.zhanguanMap4 li:nth-child(6) a {
    font-size: 12px
}

.zhanguanMap4 li:nth-child(12) a {
    font-size: 12px
}

.zhanguanMap9 li:nth-child(12) a {
    font-size: 12px
}

.zhanguanMap9 li:nth-child(15) a {
    font-size: 12px
}

.zhanguanMap9 li:nth-child(16) a {
    font-size: 12px
}

.zhanguanMap9 li:nth-child(17) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(3) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(5) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(7) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(9) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(11) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(14) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(16) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(18) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(20) a {
    font-size: 12px
}

.zhanguanMap7 li:nth-child(22) a {
    font-size: 12px
}

.zhanguanMap6 li:nth-child(12) a {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
}

.zhanguanMap6 li:nth-child(13) a {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
}

.zhanguanMap6 li:nth-child(14) a {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
}

.zhanguanMap6 li:nth-child(15) a {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
}

.zhanguanMap6 li:nth-child(16) a {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
}

.zhanguanMap6 li:nth-child(17) a {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
}

.zhanguanMap6 li:nth-child(18) a {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
}

.zhanguanMap2 li:nth-child(6) a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

.zhanguanMap2 li:nth-child(7) a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

.zhanguanMap2 li:nth-child(11) a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

.zhanguanMap2 li:nth-child(12) a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

.zhanguanMap2 li:nth-child(9) a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

.zhanguanMap2 li:nth-child(8) a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

.zhanguanMap2 li:nth-child(13) a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

.zhanguanMap2 li:nth-child(14) a {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

.zhanguanMap3 li:nth-child(5) a {
    font-size: 12px
}

.zhanguanMap3 li:nth-child(7) a {
    font-size: 12px
}

.zhanguanMap3 li:nth-child(9) a {
    font-size: 12px
}

.zhanguanMap10 li:nth-child(7) a {
    bottom: 3%
}

.zhanguanMap10 li:nth-child(6) a {
    bottom: 3%
}

.zhanguanMap10 li:nth-child(9) a {
    top: 6% !important
}

.zhanguanMap10 li:nth-child(10) a {
    top: 6% !important
}

.settableWarp {
    width: 100%;
}

.settableWarp tr th {
    padding: 0px 17px;
    font-weight: 500;
    font-size: 14px;
    color: rgba(94, 94, 94, 1);
    text-align: left;
    width: 20px;
    /* text-align: center; */
}

.settableWarp tr td {
    font-size: 14px;
    color: rgba(74, 74, 74, 1);
    padding: 0px 17px;
}

.addziduan {
    width: 6%;
    height: 33px;
    background-color: #D4B365;
    margin: 15px 0px 15px 0px;
    border: none;
    line-height: 33px;
    border-radius: 2px;
    color: #fff;
    height: 33px;
    font-size: 14px;
    min-width: 120px;
}

.jiahaoIcon {
    font-size: 16px;
    margin-right: 4%;
}

.tableBjImg {
    /* width: 13%; */
    /* height:16px; */
    background: url(../images/paixu.png) no-repeat 21px center;
    background-size: 16px 16px;
    cursor: pointer;
    padding-left: 58px;
}











@media screen and (max-width:1680px) {
    .portfolio {
        width: 24.2%
    }

    @media screen and (max-width:1441px) {
        .portfolio {
            width: 32% !important;
        }
    }


    .aniu {
        width: 15%
    }

    .aniuInfo {
        width: 47%
    }

    .canvasLeftNav {
        width: 18.6%
    }

    .orderIn ul li em {
        margin-left: 13px;
        width: 64px
    }

    /* .portfolio .DbjImg{height:9rem} */
    .BigImgZindex {
        font-size: 1.1rem
    }

    .BigImgZindex_2 {
        font-size: 1.1rem
    }

    .chooseR {
        /* width: 38% */
    }

    .zgchooseLeft li,
    .zgchooseRight li {
        height: 100px;
        line-height: 100px
    }

    .zgchoose li {
        height: 6rem;
        line-height: 6rem
    }

    .portfolio-wrapperxjHz p {
        width: 24%
    }

    .orderWarp .orderIn .colorChage li span {
        width: 34%
    }

    .orderWarp .orderIn .colorChage li i {
        width: 66%;
        margin-left: 20px;
    }

    .headbigBox .zgInBox {
        margin-top: 12%
    }

    .move_r .zgInBox li {
        margin: 3% 4%
    }

    .infoTime li em i {
        padding-right: 0;
        padding-left: 13px;
        width: 69px;
        height: 20px;
        color: rgba(74, 74, 74, 1);
        font-weight: 400;
        font-size: 10px;
        font-family: PingFangSC-Regular;
        line-height: 20px;
        -webkit-background-clip: text
    }

    .infoTime li em {
        font-size: .65rem;
        height: 10px !important;
        line-height: 10px !important
    }

    .processbar2 {
        font-size: .6rem !important;
        height: 10px !important;
        line-height: 10px !important
    }

    .processcontainer2 {
        height: 10px !important
    }

    .progress3 {
        margin-top: -17px !important;
    }

    .headbigBox {
        margin-top: -6.5% !important
    }

    .minzh {
        padding-top: 24%
    }

    .numMore {
        margin-left: 30%;
        top: 80%;
    }

    .zhanguanMap4 li a {
        top: 29%
    }

    .zhanguanMap4 li:nth-child(2),
    .zhanguanMap4 li:nth-child(4),
    .zhanguanMap4 li:nth-child(5),
    .zhanguanMap4 li:nth-child(6),
    .zhanguanMap4 li:nth-child(7),
    .zhanguanMap4 li:nth-child(8) {
        height: 2.4rem
    }

    .zhanguanMap4 li:nth-child(3),
    .zhanguanMap4 li:nth-child(6) {
        left: 38.6%;
        width: 8%;
        height: 1.6rem
    }

    .zhanguanMap4 li:nth-child(3) {
        top: 29.7%
    }

    .zhanguanMap4 li:nth-child(6) {
        top: 62.6%
    }

    .zhanguanMap4 li:nth-child(10),
    .zhanguanMap4 li:nth-child(11),
    .zhanguanMap4 li:nth-child(13),
    .zhanguanMap4 li:nth-child(8) {
        height: 2.4rem
    }

    .zhanguanMap4 li:nth-child(12),
    .zhanguanMap4 li:nth-child(9) {
        width: 8%;
        height: 1.6rem;
        right: 38.4%
    }

    .zhanguanMap4 li:nth-child(9) {
        top: 29.7%
    }

    .zhanguanMap3 li:nth-child(15),
    .zhanguanMap3 li:nth-child(16) {
        height: 6rem
    }

    .zhanguanMap3 li:nth-child(13),
    .zhanguanMap3 li:nth-child(14) {
        width: 9%;
        left: 33.5%;
        height: 3rem
    }

    .zhanguanMap3 li:nth-child(2),
    .zhanguanMap3 li:nth-child(3) {
        height: 6rem
    }

    .zhanguanMap3 li:nth-child(11),
    .zhanguanMap3 li:nth-child(12) {
        height: 4.5rem
    }

    .zhanguanMap3 li:nth-child(10),
    .zhanguanMap3 li:nth-child(4),
    .zhanguanMap3 li:nth-child(6),
    .zhanguanMap3 li:nth-child(8) {
        height: 3.16rem
    }

    .zhanguanMap3 li:nth-child(5),
    .zhanguanMap3 li:nth-child(7),
    .zhanguanMap3 li:nth-child(9) {
        height: 1.4rem;
        z-index: 999
    }

    .zhanguanMap3 li:nth-child(9) {
        top: 30.1%
    }

    .zhanguanMap3 li:nth-child(7) {
        top: 49%
    }

    .zhanguanMap3 li:nth-child(5) {
        top: 68%
    }

    .zhanguanMap3 li a {
        font-size: .8rem;
        top: 15%
    }

    .zhanguanMap7 li {
        background-color: #828282;
        position: absolute;
        width: 3%;
        height: 4rem
    }

    .zhanguanMap7 li:nth-child(2) {
        top: 18.4%;
        -webkit-transform: rotate(150deg);
            -ms-transform: rotate(150deg);
                transform: rotate(150deg);
        left: 39.3%
    }

    .zhanguanMap7 li:nth-child(3) {
        top: 23.6%;
        left: 36.9%;
        -webkit-transform: rotate(140deg);
            -ms-transform: rotate(140deg);
                transform: rotate(140deg)
    }

    .zhanguanMap7 li:nth-child(4) {
        top: 25.9%;
        -webkit-transform: rotate(129deg);
            -ms-transform: rotate(129deg);
                transform: rotate(129deg);
        left: 34.8%
    }

    .zhanguanMap7 li:nth-child(5) {
        top: 32.3%;
        left: 33.2%;
        -webkit-transform: rotate(118deg);
            -ms-transform: rotate(118deg);
                transform: rotate(118deg)
    }

    .zhanguanMap7 li:nth-child(6) {
        top: 36.5%;
        -webkit-transform: rotate(107deg);
            -ms-transform: rotate(107deg);
                transform: rotate(107deg);
        left: 31.6%
    }

    .zhanguanMap7 li:nth-child(7) {
        top: 43.8%;
        left: 30.8%;
        -webkit-transform: rotate(97deg);
            -ms-transform: rotate(97deg);
                transform: rotate(97deg)
    }

    .zhanguanMap7 li:nth-child(8) {
        top: 48.4%;
        -webkit-transform: rotate(89deg);
            -ms-transform: rotate(89deg);
                transform: rotate(89deg);
        left: 30.6%
    }

    .zhanguanMap7 li:nth-child(9) {
        top: 55.4%;
        left: 31%;
        -webkit-transform: rotate(79deg);
            -ms-transform: rotate(79deg);
                transform: rotate(79deg)
    }

    .zhanguanMap7 li:nth-child(10) {
        top: 60%;
        -webkit-transform: rotate(70deg);
            -ms-transform: rotate(70deg);
                transform: rotate(70deg);
        left: 31.6%
    }

    .zhanguanMap7 li:nth-child(12) {
        top: 70.4%;
        -webkit-transform: rotate(50deg);
            -ms-transform: rotate(50deg);
                transform: rotate(50deg);
        left: 34.6%
    }

    .zhanguanMap7 li:nth-child(14) {
        top: 23.6%;
        right: 39.2%;
        -webkit-transform: rotate(221deg);
            -ms-transform: rotate(221deg);
                transform: rotate(221deg)
    }

    .zhanguanMap7 li:nth-child(15) {
        top: 26%;
        -webkit-transform: rotate(51deg);
            -ms-transform: rotate(51deg);
                transform: rotate(51deg);
        right: 37%
    }

    .zhanguanMap7 li:nth-child(16) {
        top: 32.5%;
        right: 35.4%;
        -webkit-transform: rotate(243deg);
            -ms-transform: rotate(243deg);
                transform: rotate(243deg)
    }

    .zhanguanMap7 li:nth-child(17) {
        top: 36.4%;
        -webkit-transform: rotate(72deg);
            -ms-transform: rotate(72deg);
                transform: rotate(72deg);
        right: 34.2%
    }

    .zhanguanMap7 li:nth-child(18) {
        top: 43.3%;
        right: 33.5%;
        -webkit-transform: rotate(262deg);
            -ms-transform: rotate(262deg);
                transform: rotate(262deg)
    }

    .zhanguanMap7 li:nth-child(19) {
        top: 48%;
        -webkit-transform: rotate(92deg);
            -ms-transform: rotate(92deg);
                transform: rotate(92deg);
        right: 33%
    }

    .zhanguanMap7 li:nth-child(20) {
        top: 55.2%;
        right: 33.4%;
        -webkit-transform: rotate(284deg);
            -ms-transform: rotate(284deg);
                transform: rotate(284deg)
    }

    .zhanguanMap7 li:nth-child(21) {
        top: 59.6%;
        -webkit-transform: rotate(113deg);
            -ms-transform: rotate(113deg);
                transform: rotate(113deg);
        right: 34.2%
    }

    .zhanguanMap7 li:nth-child(22) {
        top: 66.1%;
        -webkit-transform: rotate(302deg);
            -ms-transform: rotate(302deg);
                transform: rotate(302deg);
        right: 35.6%
    }

    .zhanguanMap7 li:nth-child(23) {
        top: 71%;
        -webkit-transform: rotate(129deg);
            -ms-transform: rotate(129deg);
                transform: rotate(129deg);
        right: 37%
    }

    .zhanguanMap7 li:nth-child(11),
    .zhanguanMap7 li:nth-child(14),
    .zhanguanMap7 li:nth-child(16),
    .zhanguanMap7 li:nth-child(18),
    .zhanguanMap7 li:nth-child(20),
    .zhanguanMap7 li:nth-child(22),
    .zhanguanMap7 li:nth-child(3),
    .zhanguanMap7 li:nth-child(5),
    .zhanguanMap7 li:nth-child(7),
    .zhanguanMap7 li:nth-child(9) {
        border-left: .6rem solid transparent;
        border-right: .6rem solid transparent;
        border-bottom: 3.4rem solid #828282;
        height: 0%;
        background-color: transparent
    }

    .zhanguanMap7 li a {
        width: 100%;
        display: block;
        text-align: center;
        color: #f7d7a3;
        font-size: .72rem;
        top: 40%;
        z-index: 9999999;
        position: absolute
    }

    .zhanguanMap7 li .widthNewD {
        width: 3rem;
        left: -143%;
        margin-top: 155%;
        -webkit-transform: rotate(95deg);
            -ms-transform: rotate(95deg);
                transform: rotate(95deg)
    }

    .zhanguanMap7 li .widthNewA {
        -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
                transform: rotate(270deg);
        width: 3rem;
        left: -208%;
        margin-top: 155%
    }

    .zhanguanMap7 li .deg9 {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg)
    }

    .zhanguanMap7 li:nth-child(15) a {
        left: -46%;
        margin-top: 3%
    }

    .zhanguanMap7 li:nth-child(17) a {
        left: -43%;
        margin-top: 2%
    }

    .zhanguanMap7 li:nth-child(19) a {
        left: -44%;
        margin-top: 1%
    }

    .zhanguanMap7 li:nth-child(21) a {
        left: -46%;
        margin-top: -1%
    }

    .zhanguanMap7 li:nth-child(23) a {
        left: -45%;
        margin-top: -3%
    }

    .zhanguanMap7 li:nth-child(12) a {
        left: -44%;
        margin-top: 7%
    }

    .zhanguanMap6 li {
        width: 3.4%;
        height: 4rem
    }

    .zhanguanMap6 li:nth-child(10),
    .zhanguanMap6 li:nth-child(11),
    .zhanguanMap6 li:nth-child(7),
    .zhanguanMap6 li:nth-child(8),
    .zhanguanMap6 li:nth-child(9) {
        width: 8% !important;
        height: 6.4% !important
    }

    .zhanguanMap6 li a {
        font-size: .72rem;
        top: 29%
    }

    .zhanguanMap8 li {
        width: 4.4%;
        height: 4rem
    }

    .zhanguanMap li:nth-child(5) {
        left: 36.6%;
        top: 24%;
        -webkit-transform: rotate(157deg);
            -ms-transform: rotate(157deg);
                transform: rotate(157deg)
    }

    .zhanguanMap .HaveMap {
        border-bottom: 7rem solid #d4b365 !important
    }

    .zhanguanMap li {
        width: 3.6%;
        border-bottom: 7rem solid #828282;
        border-left: 1.6rem solid transparent;
        border-right: 1.6rem solid transparent;
        text-align: center;
        position: absolute;
        color: #444
    }

    .zhanguanMap a {
        margin-top: 112%
    }

    .zhanguanMap li:nth-child(2) {
        left: 21.5%
    }

    .zhanguanMap .HaveMap:hover {
        border-bottom: 9rem solid #f7d674 !important
    }

    .zhanguanMap10 li {
        width: 3.2%;
        height: 4.5rem
    }

    .zhanguanMap10 li:nth-child(18),
    .zhanguanMap10 li:nth-child(19),
    .zhanguanMap10 li:nth-child(20),
    .zhanguanMap10 li:nth-child(21),
    .zhanguanMap10 li:nth-child(22),
    .zhanguanMap10 li:nth-child(23),
    .zhanguanMap10 li:nth-child(24),
    .zhanguanMap10 li:nth-child(25) {
        width: 1.86% !important;
        height: 2rem !important
    }

    .zhanguanMap10 li:nth-child(18) {
        top: 17%;
        right: 54.5%
    }

    .zhanguanMap10 li:nth-child(18) {
        top: 17%
    }

    .zhanguanMap10 li:nth-child(23) {
        top: 42.3%;
        right: 40%
    }

    .zhanguanMap10 li:nth-child(20) {
        top: 48.7%;
        right: 41.6%
    }

    .zhanguanMap5 li {
        width: 4%;
        height: 6rem
    }

    .zhanguanMap9 li {
        background-color: #828282;
        position: absolute;
        width: 5.2%;
        height: 7.4rem
    }

    .zhanguanMap9 li:nth-child(16) {
        right: 58.4%;
        -webkit-transform: rotate(176deg);
            -ms-transform: rotate(176deg);
                transform: rotate(176deg);
        top: 43%
    }

    .zhanguanMap9 li:nth-child(17) {
        left: 23%;
        -webkit-transform: rotate(169deg);
            -ms-transform: rotate(169deg);
                transform: rotate(169deg);
        top: 46.9%
    }

    .zhanguanMap9 li:nth-child(11) {
        width: 6%;
        border-bottom: 3.5rem solid #828282
    }

    .zhanguanMap9 li a {
        font-size: .62rem
    }

    .zhanguanMap9 li:nth-child(15) {
        right: 41%;
        top: 42.3%
    }

    .zhanguanMap9 li:nth-child(19) {
        top: 58%;
        left: 41%
    }

    .zhanguanMap9 li:nth-child(12) {
        right: 16.4%
    }

    .zhanguanMap9 li:nth-child(13),
    .zhanguanMap9 li:nth-child(14) {
        height: 2.4rem !important
    }

    .zhanguanMap9 li:nth-child(12) {
        top: 48.5%;
        right: 16.6%
    }

    .zhanguanMap9 li:nth-child(13) {
        right: 22%;
        top: 48%
    }

    .zhanguanMap9 li:nth-child(14) {
        top: 49%
    }

    .zhanguanMap9 li:nth-child(19) {
        border-bottom: 5.4rem solid #828282
    }

    .zhanguanMap9 li:nth-child(22) {
        top: 61.6%;
        left: 24%
    }

    .zhanguanMap9 li:nth-child(21) {
        top: 63.2%;
        left: 31%
    }

    .zhanguanMap9 li:nth-child(22) {
        top: 63.6%;
        left: 24%
    }

    .zhanguanMap9 li:nth-child(18) {
        top: 57%;
        left: 53.4%
    }

    .zhanguanMap9 li:nth-child(12),
    .zhanguanMap9 li:nth-child(15),
    .zhanguanMap9 li:nth-child(16),
    .zhanguanMap9 li:nth-child(17) {
        border-bottom: 3rem solid #adadad
    }

    .zhanguanMap9 li:nth-child(21) {
        border-bottom: 3.2rem solid #828282
    }

    .zhanguanMap9 li:nth-child(22) {
        border-bottom: 2rem solid #828282
    }

    .zhanguanMap2 .HaveMap2 {
        height: 6rem
    }

    .zhanguanMap2 li {
        width: 5.5%;
        height: 6rem;
    }

    .zhanguanMap2 .HaveMap2 {
        /* height:7rem!important */
    }

    .zhanguanMap li:nth-child(2) {
        width: 3.4%
    }

    .zhanguanMap .HaveMap:hover {
        border-bottom: 7rem solid #f7d674 !important
    }

    .addziduan {
        width: 11%;
        min-width: 120px;
    }

    .portfolio-wrapperxjHz h3 {
        font-size: 18px;
        font-weight: bold;
    }
}