/**
  	作者：582366190@qq.com
  	时间：2019-9-4
  	描述：公用样式
 **/

/*头部*/
header {
    background-color: #F0575E;
}

.mui-bar-nav {
    display: flex;
    align-items: center;
}

.mui-bar-nav img {
    width: 50px;
    height: 50px;
}

/*首页国旗*/
.csstb{margin-top:80px;margin-left:5px;}
.csstb div,
.csstb li{
float:left;
text-align:left;
width:100px;
height:30px;
line-height:20px;/*行高*/}
.csstb ul{margin:0;padding:0;list-style:none;}

/*底部*/
.footer {
    line-height: 20px !important;
}

.footer>p {
    margin: 0;
    padding: 0;
    text-align: center;
}

.mui-tab-item i {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #EE565C;
    position: absolute;
    top: 30%;
    margin-left: 1%;
    border-radius: 100%;
}

.footnav {
    width: 90%;
    margin: auto;
}

.mui-tab-item {
    position: relative;
}

.mui-tab-item hr {
    display: inline-block;
    width: 40%;
    height: 2px;
    border: 0;
    background: #EE565C;
    position: absolute;
    bottom: 10%;
    left: 30%;

}

.mui-bar-tab {
    background: #FFFFFF;
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8));
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);; /*FireFox*/
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);  /* Opear */
    background: -ms-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8)); /*IE10及IE10+*/
}

/*注册*/
.in-logo img {
    width: 100.5px;
    height: 82px;
    margin: 1.25rem auto 10px;
}

.reg {
    width: 85%;
    margin: 20px auto;
}
.remb {
    text-align: center;
    margin-top: 20px;
}

.reg input {
    width: 100%;
    height: 40px;
    text-align: center;
    border: 0;
    margin: 10x 0;
    border-bottom: 1px solid #BEBEBE;
}

.remb input {
    width: 14.5px;
    height: 15px;
}

.reg button {
    width: 100%;
    height: 40px;
    margin: 20px 0 1px;
    border-radius: 5px;
}

/*注册成功*/

.success {
    width: 80%;
    margin: 20px auto;
}

.success img {
    width: 200px;
    height: 200px;
    margin: 10px auto 10px;
}

.success-text {
    /*margin-top: 120px;*/
    margin-top: 20px;
}

.success-ewm {
    margin-top: 0px;
}

.success-ewm img {
    width: 150px;
    height: 150px;
    margin: 0px auto;
}

textarea {
    font-size: 13px;
}

/*联系方式*/
.contact img {
    width: 168px;
    height: 168px;
    margin: 40px auto;
}

.contact-text {
    width: 80%;
    margin: auto;
}

.contact-text p {
    margin: 10px 0;
}

.contact-tip {
    margin-top: 60px;
}

/*关于我们*/
.about {
    width: 90%;
    margin: 40px auto 0;
}

.about>div {
    margin: 20px 0;
    font-size: 13px;
    color: #033232;
}

.about img {
    width: 100%;
}

/*店铺列表*/
.headbox {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    background: #FFFFFF;
}

.headbox button {
    width: 28%;
}

.headbox button,
.headbox>div,
.headbox>nav {
    height: 25px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    background: #EAEDF2;
    padding: 0 2%;
    border-radius: 5px;
    font-size: 11px;
    line-height: 0;
}

.headbox button img,
.headbox>div img {
    width: 7px;
    height: 9px;
}

.headbox>div {
    width: 32%;
}

.headbox>div>div {
    width: 90%;
}

.headbox>nav {
    width: 36%;
    font-size: 11px;
}

.headbox input {
    width: 90%;
    background: none;
}

.headbox>nav img {
    width: 11.5px;
    height: 11px;
}

.sorting img {
    width: 13.5px;
    height: 9.5px;
}

.Sorting {
    top: 50px;
}

.sorting {
    position: relative;
    top: 0;
    left: 0;
    z-index: 9;
    border-top: 1px solid #CBCBCB;
}

.sorting ul li {
    padding: 3%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.brideList,
.brideList-tc-mian {
    padding: 1% 5% 1%;
    background: #FFFFFF;
}

.brideList-tc-mian,
.brideList-tc-mian-one {
    padding: 1% 5%;
}

.brideList-main,
.brideList-tc-cont {
    padding: 3% 0 2%;
}

.brideList-main,
.brideList-cont-title,
.brideList-tc-cont,
.showmore,
.shop-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.brideList-main>nav{
    width: 20%;
}
.brideList-main>nav>img {
    display: block;
    width: 100%;
    height: 100%;
}

.brideList-cont {
    width: 78%;
}

.brideList-cont-title span {
    display: inline-block;
    border: 1px solid #898989;
    width: 13%;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

.brideList-cont-title div {
    width: 85%;
}

.brideList-tc-cont>nav {
    width: 78%;
}

.mui-table-view li {
    background: #E5E6E8;
    padding-bottom: 10px;
}

.showmore {
    width: 100%;
    position: relative;
    z-index: 9999999999;
    height: 75px;
    margin-top: -5px;
    justify-content: center;
    background: #FFFFFF;

}

.showmore img {
    width: 11px;
    height: 6.5px;
    margin: 0 6px;
}

/*注册*/
.register {
    width: 80%;
    padding: 2rem 0 0;
    margin: auto;
    align-items: center;
    font-size: 16px;
}

.register div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 30px;
    margin: 10px 0;
}
.register div label {
    width: 30%;
}

.register nav button {
    width: 100%;
    height: 40px;
    margin: 20px 0;
}

/*店铺*/
.returnHead {
    position: absolute;
    z-index: 999;
    background: none;
    padding: 10px 16px;
}

.returnHead img {
    width: 28px;
    height: 28.56px;
}

.shop-main ul,
.shop-main-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-content: center;
}

.shop-main ul li {
    height: 40px;
    line-height: 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
}

.shop-main ul li>img {
    width: 18.5px;
    height: 18.5px;
    margin: 10px;
}

.shop-main ul li div>img {
    width: 13px;
    height: 14.5px;
    margin: 1px 10px;
}

.shop-main-title {
    justify-content: space-between;
}

.shop-main-title div {
    width: 90%;
}

.shop-main {
    padding: 3% 5%;
}

.shop-main ul li div {
    padding: 0 10px;
}

.collected {
    display: none;
}

.shopSpokesman ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-content: center;
}

.shopSpokesman ul li {
    position: relative;
}

.shopSpokesman ul li img {
    position: relative;
    width: 124px;
    height: 124px;
}

.shopSpokesman ul li div {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 10px;
}

.shopSpokesman ul li a {
    text-shadow: 3px 2px 2px #000;
    color: #FFFFFF;
    font-weight: bold;
}


.shopSpokesman {
    padding: 3% 0;
    border-top: 1px solid #E4E5E6;
    border-bottom: 1px solid #E4E5E6;
}

.shopSpokesman>div {
    margin-top: 10px;
}

.shop-title {
    padding: 3%;
    justify-content: flex-start;
}

.shop-title div {
    display: inline-block;
    padding: 1% 3%;
    border-radius: 3px;
    margin-right: 10px;
}

.shop-brideList-tc-mian {
    padding: 0 3%;
}

.mui-table-view-cell a {
    display: block;
}

.shop-brideList-tc-mian {
    margin-bottom: 10px;
}

.brideList-tc-mian a,
.shop-brideList-tc-mian a {
    display: block;
    border-bottom: 1px solid #E4E5E6;
}

.brideList-tc-mian a:last-child,
.shop-brideList-tc-mian a:last-child {
    border-bottom: 0;
}

.shopfoot {
    background: #F2F4F8;
    padding: 2%;
}

.underline {
    text-decoration: underline;
}

.shop-brideList-tc-mian .brideList-tc-cont>nav {
    width: 70%;
}

/*套餐详情*/

.pack-head {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 80px;
}

.pack-head img {
    margin-top: 16px;
}

.pack-head>div {
    width: 85%;
}

.pack-head>div p {
    color: #FFFFFF;
}

.pack-price {
    margin-top: -16px;
}

.package {
    width: 90%;
    margin: auto;
    margin-top: 60px;
}

.package-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #B1B1B1;
}

.package img {
    width: 100%;
}


/*代言人列表*/

.spoken-title select {
    width: 24%;
    margin: 0 1%;
}

.spoken-title div {
    width: 48%;
    margin: 0 1%;
}

.spkesman-main {
    border-top: 1px solid #E2E2E3;
    padding: 3%;
}

.spkesman-main ul li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EDEDED;
}

.spkesman-main ul li:last-child {
    border-bottom: 0;
}

.spkesman-main img {
    width: 25px;
    height: 35px;
}

.spkesman-main ul li div,
.shopsmanDetails div {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;

}

.spkesman-main ul li div>span,
.shopsmanDetails div>span {
    width: 50%;
    color: #666666;
    margin: 6px 0;
}

/*代言人详情*/
.shopsmanDetails div {
    padding: 3% 5%;
}

.shopsmanDetails nav {
    padding: 1% 5%;
    color: #666666;
}

.shopsmanDetails img {
    width: 85%;
    margin: 60px auto;
}

.spokBtn {
    width: 80%;
    margin: 20px auto;
}

.spokBtn button {
    width: 40%;
    height: 36px;
}

.spokBtn button:first-child {
    border: 1px solid #EF565D;
}

.spokBtn button:last-child {
    background: #F3F3F3;
    border: 1px solid #BDBDBD;
}

/*基础版 首页*/
.shop-head,
.recom-title {
    padding: 3%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.head-img {
    width: 50px;
    height: 50px;
}

.next {
    width: 11.5px;
    height: 17.5px;
}

.shop-head>div {
    width: 83%;
}

.shopMain ul li {
    padding: 0 3%;
    background: #FFFFFF;
    margin: 0.80px auto;
    border-bottom: 1px solid #EDEDED;
}

.shop-list-title {
    height: 30px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    border-bottom: 1px solid #EDEDED;
}

.shop-list-title b {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-right: 6px;
}

.shopMain nav {
    padding: 3%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.shopMain nav a {
    width: 33.33333333%;
    margin: 6px 0;
}

.set-tip ul li {
    height: 30px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EDEDED;
}

.set-tip ul li:last-child {
    border: 0;
}

/*推荐记录*/
.recom-title {
    padding: 3% 5%;
}

.recom-title select,
.recom-title div {
    height: 30px;
    border-radius: 3px;
}

.recom-title select {
    width: 30%;
    font-size: 11px;
}

.recom-title div {
    width: 68%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 3%;
}

.recom-title div input {
    width: 85%;
    border: 0;
    background: none;
    font-size: 11px;
}

.recom-title div img {
    width: 11.5px;
    height: 11px;
}

.recomTable table,
.bannerList table {
    width: 100%;
    margin: auto;
}

.recomTable tr,
.bannerList tr {
    height: 40px;
}

.recomTable tr:last-child,
.bannerList tr:last-child {
    border-bottom: 0;
}

.recomTable td,
.bannerList td {
    color: #666666;
    font-size: 11px;
}

/*套餐列表*/
.recomTable,
.bannerList {
    text-align: center;
}

.recomTable img,
.bannerList img {
    width: 9px;
    height: 9px;
}

.recomTable th,
.bannerList th {
    color: #666666;
}

.pacl-title {
    width: 90%;
    margin: 40px auto;
}

.packList {
    padding: 5% 0;
}

.packList img {
    margin-right: 5px;
}

/*套餐管理*/
.packmage {
    padding: 0 5px;
    color: #656565;
}

.packmage-main {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin: 10px auto;
}

.packmage-main-n {
    width: 100%;
    align-items: center;
    margin: 10px auto;
}

.packmage-main label {
    width: 25%;
}

.packmage-main-n label {
    width: 25%;
}

.packmage-main-n div {
    width: 75%;
    float: right;
}

.packmage-main input[type="radio"] {
    width: 14.5px;
    height: 15px;
    -webkit-appearance: none;
    background: url(../images/select.png) no-repeat;
    vertical-align: middle;
    background-size: 100%;
    margin: 0 10px;
}

.packmage-main input[type="radio"]:checked {
    background: url(../images/selected.png) no-repeat;
    background-size: 100%;
}

.packmage-main button {
    width: 50%;
    height: 30px;
    margin: 16px auto;
}

.packmage-main-o {
    width: 95%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px dashed #3F3F3F;
}

.packmage-main-t {
    justify-content: flex-end;

}

.packmage-main-o button {
    width: 40%;
    height: 30px;
}

.packmage-main input[type="text"],
.packmage-main input[type="password"] {
    width: 94%;
    height: 30px;
    border: 1px solid #BDBDBD;
    padding: 0 3%;
}

.am-icon-chevron-left:before {
    width: 20px;
    height: 20px;
    background: url(../images/close.png);
    background-size: 100%;
}

.packmage-main>div,
.packmage-main>ul {
    width: 75%;
}

.packmage-cont {
    align-items: flex-start;
}

/*网站二维码*/
.code {
    margin-top: 60px;
}

.code button {
    margin: 20px auto;
    padding: 2% 4%;
}

/*续费升级*/
.upgrade {
    padding: 5% 0;
}

.upgrade img {
    width: 100%;
}

.upgrade>div {
    width: 60%;
    margin: 10px auto;
}

.upgradeimg {
    margin-top: 10px;
}

.upgrade ul li {
    padding: 1% 3%;
    color: #666666;
}

.upgrade ul li:first-child {
    color: #EF575D;
}

.img img {
    width: 100%;
}

/*推广开店*/
.pop-tips {
    padding: 5%;
    border-bottom: 1px solid #BEBEBE;
    color: #666666;
}

.pop-tips-main {
    width: 100%;
    margin: 10px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.pop-tips-main>div {
    width: 40%;
    text-align: center;
}

.pop-tips-main>nav {
    width: 70%;
    line-height: 24px;
}

.pop-tips-main img {
    /*width: 110px;
    height: 110px;
    margin: 10px auto;*/
    width: 80px;
    height: 80px;
    margin: 10px auto;
}

.pop-tips-main button {
    padding: 1% 7%;
    margin: 10px auto;
}

/*权限提示*/
.Tips {
    position: relative;
    top: 50%;
    left: 50%;
    width: 200px;
    padding: 30px;
    transform: translateX(-50%) translateY(-50%);
    background: #FFFFFF;
    z-index: 999999;
    border-radius: 10px;
}

.Tips img {
    position: absolute;
    top: 10%;
    right: 5%;
    width: 28.5px;
    height: 28.5px;

}


/*奖励政策*/
.reward {
    padding: 5%;
    color: #666666;
    border-bottom: 1px solid #E6E6E8;
}

.reward nav {
    height: 30px;
    line-height: 30px;
    border: 1px solid #BDBDBD;
    margin: 10px auto 16px;
    padding: 0 2%;
}

/*录入客户*/
.packmage-main textarea {
    width: 94%;
    height: 100px;
    border: 1px solid #BDBDBD;
    padding: 0 3%;
}

.packmage-main select {
    width: 94%;
    height: 30px;
    padding-left: 2%;
    border: 1px solid #BDBDBD !important;
}

.packmage-main button {
    width: 94%;
    text-align: left;
    padding: 0 2%;
}

/*上传图片插件的样式*/
.img-box {
    width: 94%;
    padding: 2%;
    border: 1px solid #BDBDBD;
}

.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: 0px;
    left: 0px;
    z-index: 100;
}

.z_photo {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.z_photo>div {
    width: 30%;
    float: left;
}

.z_photo input,
.z_photo button {
    width: 100% !important;
    height: 20px !important;
    margin: 6px;
    text-align: center;
}

.z_photo .up-section {
    position: relative;
}

.up-section .close-upimg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    z-index: 10;
    width: 20px;
    height: 20px;
}

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

.up-section:hover {
    border: 2px solid #f15134;
}

.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 {
    border: 1px solid #D1D1D1;
    background: url(../img/loading.gif) no-repeat center;
}

.up-opcity {
    opacity: 0;
}

.img-name-p {
    display: none;
}

.upimg-div .up-section {
    width: 50px;
    height: 60px;
    margin: 10px;
}

.img-box .upimg-div .z_file {
    width: 50px;
    height: 60px;
    margin: 10px;
}

.z_file .add-img {
    display: block;
    width: 50px;
    height: 60px;
}
/*=============================*/
/*上传图片(详细图)插件的样式*/
.img-box1 {
    width: 94%;
    padding: 2%;
    border: 1px solid #BDBDBD;
}

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

.z_photo1 .z_file1 {
    position: relative;
}

.z_file1 .file1 {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.z_photo1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.z_photo1>div {
    width: 30%;
    float: left;
}

.z_photo1 input,
.z_photo1 button {
    width: 100% !important;
    height: 20px !important;
    margin: 6px;
    text-align: center;
}

.z_photo1 .up-section1 {
    position: relative;
}

.up-section1 .close-upimg1 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    z-index: 10;
    width: 30px;
    height: 30px;
}

.up-section1 .left-upimg1 {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 10;
    width: 30px;
    height: 30px;
}

.up-section1 .right-upimg1 {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    z-index: 10;
    width: 30px;
    height: 30px;
}

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

.up-section1:hover {
    border: 2px solid #f15134;
}

.up-section1:hover .close-upimg1 {
    display: block;
}

.up-section1:hover .up-span1 {
    visibility: visible;
}

.z_photo1 .up-img1 {
    display: block;
    width: 100%;
    height: 100%;
}

.loading1 {
    border: 1px solid #D1D1D1;
    background: url(../img/loading.gif) no-repeat center;
}

.up-opcity1 {
    opacity: 0;
}

.img-name-p1 {
    display: none;
}

.upimg-div1 .up-section1 {
    width: 80px;
    height: 120px;
    margin: 2px;
}

.img-box1 .upimg-div1 .z_file1 {
    width: 50px;
    height: 60px;
    margin: 10px;
}

.z_file1 .add-img1 {
    display: block;
    width: 50px;
    height: 60px;
}
/*===================================*/
/*遮罩层样式*/
.mask {
    z-index: 1000;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}

.mask .mask-content {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 10%;
    background: white;
    height: 100px;
    text-align: center;
}

.mask .mask-content .del-p {
    height: 60px;
    line-height: 60px;
    font-size: 13px;
    border-bottom: 1px solid #D1D1D1;
}

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

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

.check-p .del-com {
    border-right: 1px solid #D1D1D1;
}

.packmage-data nav {
    border-bottom: 1px solid #D1D1D1;

}

.packmage-data nav div {
    margin: 10px 0;
}

.packmage-data>div,
.packmage-data-img ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}
.packmage-data-img2 ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.packmage-data ul {
    width: 92%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.packmage-data ul li {
    width: 50%;
    margin: 3px 0;
}

.packmage-data img {
    width: 25px;
    height: 34px;
}

.packmage-data-img ul li {
    width: 70px;
    height: 110px;
    margin: 5px 1px 5px 1px;
}

.packmage-data-img ul li img{
    width: 100%;
    height: 80%;
}
.packmage-data-img2 ul li {
    width: 30%;
    margin: 5px 1px 5px 1px;
}

.packmage-data-img2 ul li img{
    width: 100%;
    height: 80%;
}

/*录入库存*/
.packmage-main-center select {
    width: 46%;
}

.packmage-data-list {
    margin: 16px 0;
    padding: 6px 0 25px;
    border-bottom: 1px solid #D1D1D1;
}

/*客户查询*/
.query-title {
    padding: 15px 0px;
}

.query-title div,
.query-title nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}

.query-title div select,
.query-title nav select {
    width: 31%;
    background: #EAEDF2;
    padding: 2%;
    border-radius: 5px;
    color: #666666;
}

.query-list>ul>li {
    padding: 5px 0 16px;
    margin: 5px 0;
    border-bottom: 1px solid #D1D1D1;
}

.query-list-dd>ul>li {
    padding: 5px 0 32px;
    margin: 5px 0;
    border-bottom: 1px solid #D1D1D1;
}

.query-title nav button {
    width: 27%;
    height: 30px;
    border-radius: 5px;
    color: #666666;
    background: #EAEDF2;
}

.querysearch {
    width: 98%;
    padding: 0 2%;
    height: 36px;
    margin: 10px auto 0;
    background: #EAEDF2;
    justify-content: space-between !important;
}

.querysearch_1 {
    width: 66%;
    padding: 0 2%;
    height: 36px;
    background: #EAEDF2;
    justify-content: space-between !important;
}


.query-title>input {
    width: 80%;
    height: 100%;
    padding-left: 2%;
}

.query-title img {
    width: 65px;
    height: 30px;
}

.query-kh-list ul {
    padding: 0 5%;
}

.query-kh-list ul li {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    color: #666666;
    padding: 3% 0;
    border-bottom: 1px solid #D1D1D1;
}

.query-kh-list img {
    width: 100%;
    /*height: 100%;*/
    height: 102px;
}

.query-kh-list ul li>div {
    width: 80%;
}

.query-kh-list ul li>nav{
    width: 15%;
}
/*客户查询*/
.query-kh-title div select {
    width: 48%;
}

/*轮播图列表*/
.bannerList .banner {
    width: 168px;
    height: 67.5px;
    margin: 10px 0;
}

.bannerList .gonext {
    width: 22.5px;
    height: 34px;
}

.bannerList .showhide {
    display: flex;
    flex-flow: row wrap;
}

.packmage-main-ba {
    justify-content: center;
}

/*轮播图管理*/
.packmage-main-ba button {
    width: 50% !important;
    text-align: center;
    margin-left: 20% !important;
}

.packmage-main .banner {
    width: 168px;
    height: 67.5px;
    margin: 10px 0 0;
}

.packmage-main .banner-o {
    width: 91.5px;
    height: 159.5px;
    margin: 10px 0 0;
}

/*添加员工*/
.add button {
    width: 50%;
    justify-content: center;
    text-align: center;
    margin-top: 40px;
}

/*员工列表*/
.addEmployee {
    padding: 5% 3% 3%;
}

.addEmployee button {
    padding: 1% 2%;
}

.Employee ul li>div>span:last-child {
    width: 100%;
}

.Employee {
    border-top: 0;
}

.Employee ul li {
    padding: 0 0 10px 0;
}

/*代言人提交*/
.application button {
    width: 80%;
    height: 36px;
    margin: 20px auto;
}

/*代言人列表*/
.spoken-man {
    position: relative;
}

.spoken-man-icon {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 20px;
    z-index: 9999;
}

.spoken-man-icon img {
    width: 50px;
    height: 50px;
}

.spoken-man-ico {
    position: absolute;
    width: 90%;
    left: 50%;
    top: 20px;
    z-index: 999;
}

.spoken-man-ico img {
    width: 166px;
    height: 50px;
}

.spoken-man ul li {
    position: relative;
    height: auto;
    color: #FFFFFF;
}

.spoken-man ul li div img {
    position: relative;
    width: 100%;
    z-index: 0;
}

.spoken-man ul li>div {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
}

.spoken-man ul li>div>div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3% 5%;
    background-color: rgba(0, 0, 0, 0.3);
}

/*代言人详情*/
.spkenbody,
.spkesmanDetails {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000000;
}

.spkesmanDetailsBox {
    background: #000000;
    position: relative;
    margin-top: 0;
}

.spkesmanDetailsText {
    position: relative;
    bottom: 0;
    left: 0;
    background: #000000;
    margin-top: 15%;
}

.spkesmanDetailsText>div {
    padding: 0 3%;
}

.spkesmanDetailsText>nav {
    padding: 3%;
}

.spkesmanDetails>a>img {
    position: absolute;
    width: 28.5px;
    height: 28.5px;
    top: 5%;
    right: 5%;
    transform: translateX(-25%) translateY(-5%);
    z-index: 99999999;
}

.info select {
    width: 30.6%;
    padding: 0;
}

.pack-mians {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.pack-mians>nav {
    width: 20%;
}

.pack-mians>nav img {
    position: relative;
    width: 70px;
    height: auto;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}
.pack-mians>nav>div{
    position: relative;
    margin: 0;
    width: auto !important;
}
.pack-mians>nav span{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px;
}
.pack-mians>div {
    width: 80%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
}

.pack-mians>div ul {
    width: 80%;
}

.pack-mians2 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.pack-mians2>nav {
    width: 20%;
}

.pack-mians2>nav img {
    position: relative;
    width: 100%;
    height: 102px;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}
.pack-mians2>nav>div{
    position: relative;
    margin: 0;
    width: auto !important;
}
.pack-mians2>nav span{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px;
}
.pack-mians2>div {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
}

.pack-mians2>div ul {
    width: 100%;
}


/*分页*/
.tcdPageCode {
    padding: 15px 20px;
    text-align: left;
    color: #ccc;
    text-align: center;
}

.tcdPageCode a {
    display: inline-block;
    color: #428bca;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    border: 1px solid #ddd;
    margin: 0 2px;
    border-radius: 4px;
    vertical-align: middle;
    background: #FFFFFF;
    color: #989898;
}

.tcdPageCode a:hover {
    text-decoration: none;
    border: 1px solid #0AA0E7;
}

.tcdPageCode span.current {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    color: #fff;
    background-color: #0AA0E7;
    border: 1px solid #0AA0E7;
    border-radius: 4px;
    vertical-align: middle;
}

.tcdPageCode span.disabled {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    color: #bfbfbf;
    background: #f2f2f2;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    vertical-align: middle;
}

/*案例详情*/

.url {
    padding: 20px 0;
    border-bottom: 1px solid #CBCBCB;
}

.link_other {
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 50px auto;
    border-radius: 5px;
}