.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
  .btn,span,b{
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
  }
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
  table {border-collapse:none;border-spacing:0;} 
  fieldset,img {border:0} 
  address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
  ol,ul {list-style:none} 
  caption,th {text-align:left} 
  h1,h2,h3,h4,h5,h6,b {font-size:100%;font-weight:normal;} 
  q:before,q:after {content:''}
  abbr,acronym { border:0}
  img{vertical-align: top;}
  a{text-decoration: none;outline: none;}
  body,input{font-family:"Arial";font-size: 14px;outline: none;}
  input {margin: 0;padding: 0;border: none;outline: none;}
  input[type="submit"], input[type="reset"], input[type="button"], button {border: 0;-webkit-appearance: none;}
  *{margin: 0;padding:0;}
  /*取消按钮在inphone上的默认样式*/
  input[type=button]{-webkit-appearance:none;outline:none} 
  input::-webkit-input-placeholder{color:#a0a0a0;font-size:12px;}
  input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:12px;color:#a0a0a0;} 
  input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:12px;color:#a0a0a0;} 
  input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:12px;color:#a0a0a0;}
  textarea::-webkit-input-placeholder{color:#a0a0a0;}
  input::-webkit-input-speech-button {display:none}
  th {text-align:inherit;}
  fieldset,img {border:none;}
  abbr,acronym {border:none;font-variant:normal;}
  del {text-decoration:line-through;}
  sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
  sup {top:-0.5em;}
  sub {bottom:-0.25em;}
  ins,a,a:hover {text-decoration:none;}
  a:focus,*:focus {outline:none;}
  input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
  .clearfix{*zoom: 1;clear:both;} 
  .clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";} 
  .clearfix:after {clear: both;}
  
  .footer{width: 100%;height: 40px;background: #a0a0a0;min-width: 1440px;}
  .footer p{font-size: 12px;color: #fff;line-height: 40px;text-align: center;}
  
  .member-head{width: 100%;min-width: 1440px;margin: 0 auto;height: 61px;background: #484848;position: relative;z-index: 12;}
.member-head .logo{float: left;display: flex;flex-direction: row;align-items: center;}
.member-head .logo img.logo-big{width: 200px;height: 60px;}
.member-head .logo img.avatar{ width: 40px; height: 40px; margin-left: 35px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.member-head .item{line-height: 60px;color: #fff;font-size:19px;margin-left: 20px;}
.member-head .line{float: left;height: 40px;border-left: 1px solid #646464;border-right: 1px solid #323232;margin-top: 10px;}
  .member-head .faceid{float: right;height: 60px;line-height: 60px;cursor: pointer;position: relative;}
  .member-head .faceid .upload{float: left;width: 140px;height: 30px;background: #1e82e6;text-align: center;line-height: 30px;border-radius: 5px;color: #fff;margin-top: 15px;}
  .member-head .faceid .addorder{float: left;width: 140px;height: 30px;background: #ea4c89;text-align: center;line-height: 30px;border-radius: 5px;color: #fff;margin-top: 15px;margin-right: 20px;}
  .member-head .faceid .addorder i{vertical-align: middle;margin-right: 10px;}
  .member-head .faceid .upload:hover{background: #156bc1;}
  .member-head .faceid .addorder:hover{background: #c62463;}
  .member-head .faceid span,.member-head .faceid .face,.member-head .faceid .face-box{float: left;}
  .member-head .faceid .u_code{float: left;color: #fff;margin-left: 20px;}
  .member-head .faceid .face-box{padding: 0 40px;}
  .member-head .faceid .face{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-top: 10px;}
  .member-head .faceid .face img{width: 40px;height: 40px;vertical-align:top;}
  .member-head .faceid .id{color: #fff;margin-left: 20px;}
  .member-head .faceid .id i{font-size: 12px;margin-left: 10px;}
  .member-head .faceid .backguide{float: left;width: 140px;height: 40px;text-align: center;line-height: 40px;background: #313131;margin-right: 40px;color: #fff;border-radius: 20px;}
  .member-head .faceid .backguide i{color: #fff;font-size: 24px;margin-right: 10px;vertical-align: middle;}
  .member-head .faceid .backguide:hover{background: #000;}
  .member-head .faceid ul{position: absolute;width: 100%;top: 60px;z-index: 10;background: #484848;width: 160px;right: 0;display: none;}
  .member-head .faceid ul li{height: 40px;line-height: 40px;}
  .member-head .faceid ul li a{display: block;height: 40px;line-height: 40px;color:#fff;padding-left: 50px;font-size: 12px;}
  .member-head .faceid ul li a:hover{background: #888;}
  .member-head .faceid .face,.member-head .faceid .face-box:hover ul{display: block;}
  
  .member-bar{width: 100%;background: #383838;min-width: 1140px;margin: 0 auto;}
  .member-bar .member-bar-con{width: 1140px;margin: 0 auto;padding-top: 40px;position:relative;}
  .member-bar .member-bar-con .info .face{float: left;width: 112px;height: 112px;border-radius: 50%;overflow: hidden;border:5px solid #fff;}
  .member-bar .member-bar-con .info .face img{width: 112px;height: 112px;}
  .member-bar .member-bar-con .info .face-name{float: left;height: 117px;line-height: 117px;font-size: 24px;color: #fff;margin-left: 40px;}
  .member-bar .member-bar-con .info .face-name span{display: inline-block;background: #50c8c8;font-size: 10px;height: 20px;width: 70px;vertical-align: middle;line-height: 20px;text-align: center;border-radius: 10px;margin-left: 8px;}
  .member-bar .member-bar-con .info .face-name .company{background: #dc2850;}
  .member-bar .member-bar-con .member-nav{padding-left: 220px;}
  .member-bar .member-bar-con .member-nav a{display: inline-block;color: #fff;font-weight: 600;min-width: 82px;text-align: center;border-bottom:3px solid #383838;height: 35px;line-height: 35px;}
  .member-bar .member-bar-con .member-nav span{color: #fff;margin: 0 18px;height: 20px;width: 1px;background: #fff;display: inline-block;position: relative;top: 5px;}
  .member-bar .member-bar-con .member-nav a.selected{border-bottom:3px solid #23b7e5;}
  
  .member-dealer-bar .member-bar-con .bar-info{width: 568px;height: 40px;line-height: 40px;background: #313131;border-radius: 20px;position: absolute;right: 0;top: 30px;}
  .member-dealer-bar .member-bar-con .bar-info a{float: left;width: 142px;height: 40px;line-height: 40px;color: #7e8e98;font-size: 12px;text-align: center;}
  .member-dealer-bar .member-bar-con .bar-info:hover{background: #000;}
  .member-dealer-bar .member-bar-con .bar-info a:hover{color: #fff;}
  .member-dealer-bar .member-bar-con .member-nav a.selected{border-bottom:3px solid #23b7e5;}
  
  .member-comment{width: 1140px;margin: 0 auto;min-height: 600px;}
  .member-comment .member-filenav{width: max-content;height: 38px;margin: 0 auto;border:1px solid #1e82e6;border-radius: 10px;overflow: hidden;margin-top: 80px;}
  .member-comment .member-filenav a{float: left;width: 120px;height: 38px;text-align: center;line-height: 38px;color: #1e82e6;}
  .member-comment .member-filenav a.selected{background: #23b7e5;color: #fff;font-weight: 600;}
  .member-dealer-comment .member-filenav{border:1px solid #1e82e6;}
  .member-dealer-comment .member-filenav a.selected{background: #23b7e5;}
  
  .member-comment .member-card-show{width: 540px;margin: 0 auto;border:1px solid #dcdcdc;border-radius: 10px;margin-top: 60px;margin-bottom: 40px;position: relative;}
  .member-comment .member-card-show .item{width: 510px;height: 100px;background: url(../images/mimage/card-bg.jpg) no-repeat center;padding-left: 30px;padding-top: 19px;position: relative;border-radius: 10px;}
  .member-comment .member-card-show .item h5{font-size: 18px;color: #fff;font-weight: 600;line-height: 30px;}
  .member-comment .member-card-show .item h5 i{font-size: 30px;vertical-align: middle;margin-right: 20px;font-weight: normal;}
  .member-comment .member-card-show .item .face{position: absolute;width: 100px;height: 100px;display: block;overflow: hidden;border-radius: 50%;border:10px solid #fff;left: 50%;margin-left: -60px;top: 60px;}
  .member-comment .member-card-show .item .face img{width: 100px;height: 100px;}
  .member-comment .member-card-show .info{margin-top: 80px;padding-bottom: 45px;}
  .member-comment .member-card-show .info .ewm{width: 100px;height: 100px;overflow: hidden;float: left;margin-left: 40px;margin-right: 50px;}
  .member-comment .member-card-show .info .ewm img{width: 100px;height: 100px;}
  .member-comment .member-card-show .info .info-c{float: left;}
  .member-comment .member-card-show .info .info-c dl{width: 350px;border-bottom: 1px solid #dcdcdc;line-height: 45px;}
  .member-comment .member-card-show .info .info-c dl dt{float: left;color: #3b454c;font-weight: 600;width: 80px;}
  .member-comment .member-card-show .info .info-c dl dt i{font-size: 18px;vertical-align: middle;color: #7e8e98;margin-right: 5px;}
  .member-comment .member-card-show .info .info-c dl dd{float: left;color: #3b454c;}
  .member-comment .resivecard-b{display: block;width: 120px;height: 40px;text-align: center;line-height: 40px;right: 0;bottom: 0;background: #1e82e6;color: #fff;margin: 0 auto 40px auto;border-radius: 5px;}
  .member-comment .resivecard-b a{display: block;width: 120px;height: 40px;color: #fff;}
  .member-comment .resivecard-b:hover{background: #1768b8;}
  .member-comment .card-tips{width: 350px;background: #f0f0f0;margin: 0 auto 200px auto;padding: 10px 50px;border-radius: 10px;}
  .member-comment .card-tips p{font-size: 12px;color: #7e8e98;line-height: 24px;}
  .member-comment .member-card-show .card-show-opbox{position: absolute;right: -160px;top: 35px;}
  .member-comment .member-card-show .card-show-opbox h5{font-size: 12px;color: #3b454c;font-weight: 600;margin-bottom: 20px;padding-left: 35px;}
  .member-comment .member-card-show .card-show-opbox p{line-height: 20px;color: #3b454c;font-size: 12px;margin-bottom: 20px;cursor: pointer;}
  .member-comment .member-card-show .card-show-opbox p span{display: inline-block;width: 18px;height: 18px;border:1px solid #dcdcdc;text-align: center;line-height: 18px;margin-right: 15px;}
  .member-comment .member-card-show .card-show-opbox p span i{font-size: 12px;color: #26be58;}
  
  .member-comment .member-company-card{width: 540px;margin: 0 auto;border:1px solid #dcdcdc;border-radius: 10px;margin-top: 60px;margin-bottom: 40px;position: relative;}
  .member-comment .member-company-card .item{width: 510px;height: 100px;background: url(../images/mimage/card-bg.jpg) no-repeat center;padding-left: 30px;padding-top: 19px;position: relative;border-radius: 10px;}
  .member-comment .member-company-card .item h5{font-size: 18px;color: #fff;font-weight: 600;line-height: 30px;}
  .member-comment .member-company-card .item h5 i{font-size: 30px;vertical-align: middle;margin-right: 20px;font-weight: normal;}
  .member-comment .member-company-card .item .face{position: absolute;width: 100px;height: 100px;display: block;overflow: hidden;border-radius: 50%;border:10px solid #fff;left: 50%;margin-left: -60px;top: 60px;}
  .member-comment .member-company-card .item .face img{width: 100px;height: 100px;}
  .member-comment .member-company-card .info{margin-top: 70px;padding-bottom: 35px;}
  .member-comment .member-company-card .info .ewm{width: 100px;height: 100px;overflow: hidden;float: left;margin-left: 40px;margin-right: 50px;}
  .member-comment .member-company-card .info .ewm img{width: 100px;height: 100px;}
  .member-comment .member-company-card .info .info-c{width: 480px; margin: 0 auto;}
  .member-comment .member-company-card .info .info-c dl{border-bottom: 1px solid #dcdcdc;height: 45px; padding-left: 50px;display: flex;flex-direction: row;align-items: center;}
  .member-comment .member-company-card .info .info-c dl dt{color: #3b454c;font-weight: 600;width: 80px;}
  .member-comment .member-company-card .info .info-c dl dt i{font-size: 18px;vertical-align: middle;color: #7e8e98;margin-right: 5px;}
  .member-comment .member-company-card .info .info-c dl dd{color: #3b454c;max-width: 350px;}
  .member-comment .resivecard-b{display: block;width: 120px;height: 40px;text-align: center;line-height: 40px;right: 0;bottom: 0;background: #1e82e6;color: #fff;margin: 0 auto 40px auto;border-radius: 5px;}
  .member-comment .resivecard-b a{display: block;width: 120px;height: 40px;color: #fff;}
  .member-comment .resivecard-b:hover{background: #1768b8;}
  .member-comment .card-tips{width: 350px;background: #f0f0f0;margin: 0 auto 200px auto;padding: 10px 50px;border-radius: 10px;}
  .member-comment .card-tips p{font-size: 12px;color: #7e8e98;line-height: 24px;}
  
  
  .member-dealer-comment .factory-cardshow{margin: 40px auto 0;width: 540px;}
  .member-dealer-comment .factory-cardshow .card-box{width: 540px;height: 324px;margin-bottom: 30px; background: #FFFFFF;box-shadow: 0px 2px 4px 0px rgba(188,188,188,0.5);border-radius: 8px;overflow: hidden;}
  .member-dealer-comment .factory-cardshow .card-box .card-top{width: 100%;height: 164px; background-size: 100%; display: flex;flex-direction: row;align-items: center;}
  .member-dealer-comment .factory-cardshow .card-box .card-top .avatar{margin-left: 30px; margin-right: 30px;width: 95px;height: 95px;border-radius: 50%;}
  .member-dealer-comment .factory-cardshow .card-box .card-top .name{width: 350px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 20px; font-weight: 600;color: #fff;}
  .member-dealer-comment .factory-cardshow .card-box .info{height: 160px; display: flex; flex-direction: column; justify-content: center;}
  .member-dealer-comment .factory-cardshow .card-box .info li{font-size: 14px; color: #333333; line-height: 20px;padding-left: 154px;}
  .member-dealer-comment .factory-cardshow .card-box .info li:not(:first-child){margin-top: 20px;}
  .member-dealer-comment .factory-cardshow .card-box .info li span{width: 1em;display: inline-block;}
  .member-dealer-comment .factory-cardshow .btn a{display: block;margin: 0 auto;width: 120px;height: 50px;text-align: center;line-height: 50px;font-size: 14px;color: #fff;background: #E18018;border-radius: 4px;}
  
  .member-comment .cardedit-con{width: 840px;margin: 60px auto;}
  .member-comment .cardedit-con .cardedit-box{width: 100%; display: flex; flex-direction: row; justify-content: space-between;align-items: center;}
  .member-comment .cardedit-con .ewm-upload{width: 395px;}
  .member-comment .cardedit-con .ewm-upload .img-box{width: 190px;height: 172px;margin: 0 auto;border:1px solid #c8c8c8;position: relative;}
  .member-comment .cardedit-con .ewm-upload .img-box img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .member-comment .cardedit-con .ewm-upload .upload-btn{width: 80px;height: 30px;border:1px solid #dcdcdc;text-align: center;line-height: 30px;border-radius: 5px;font-size: 12px;color: #3b454c;margin: 20px auto;cursor: pointer;}
  .member-comment .cardedit-con .ewm-upload .upload-btn:hover{background: #dcdcdc}
  .member-comment .cardedit-con .ewm-upload .tips{width: 375px;background: #f0f0f0;margin: 0 auto 0 auto;padding: 10px 10px;border-radius: 10px;}
  .member-comment .cardedit-con .ewm-upload .tips p{font-size: 12px;color: #7e8e98;line-height: 24px;}
  .member-comment .cardedit-con .infoedit{margin-left: 40px;}
  .member-comment .cardedit-con .infoedit dl{margin-bottom: 20px;}
  .member-comment .cardedit-con .infoedit dl dt{float: left;width: 85px;text-align: center;line-height: 40px;color: #3b454c;}
  .member-comment .cardedit-con .infoedit dl dd{float: left;}
  .member-comment .cardedit-con .infoedit dl dd p{line-height: 40px;color: #484848;font-weight: 600;}
  .member-comment .cardedit-con .infoedit dl dd input{width: 188px;height: 18px;line-height: 18px;padding: 10px;border-radius: 5px;border: 1px solid #c8c8c8;color: #484848;font-size: 12px;font-weight: 600;}
  .member-comment .cardedit-con .infoedit select{width: 120px;height: 40px;border:1px solid #c8c8c8;margin-right: 20px;border-radius: 5px;font-size: 12px;color: #484848;font-weight: 600;}
  .member-comment .submitbtn{width: 120px;height: 40px;background: #1e82e6;text-align: center;line-height: 40px;clear: both;margin:50px auto 0 auto;color: #fff;cursor: pointer;border-radius: 5px;}
  
  .member-comment .company-card-edit{width: 840px;margin: 60px auto;}
  .member-comment .company-card-edit .ewm-upload{float: left;width: 395px;}
  .member-comment .company-card-edit .ewm-upload .img-box{width: 190px;height: 172px;margin: 0 auto; border: 1px solid #b7b7b7;box-sizing: border-box;overflow: hidden;position: relative;}
  .member-comment .company-card-edit .ewm-upload .img-box img{display: block;width:auto; height: 100%;    position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .member-comment .company-card-edit .ewm-upload .upload-btn{display: block; width: 120px;height: 30px;border:1px solid #dcdcdc;text-align: center;line-height: 30px;border-radius: 5px;font-size: 12px;color: #3b454c;margin: 20px auto;cursor: pointer;}
  .member-comment .company-card-edit .ewm-upload .upload-btn:hover{background: #dcdcdc}
  .member-comment .company-card-edit .ewm-upload .tips{width: 375px;background: #f0f0f0;margin: 0 auto;padding: 10px 10px;border-radius: 10px;}
  .member-comment .company-card-edit .ewm-upload .tips p{font-size: 12px;color: #7e8e98;line-height: 24px;}
  .member-comment .company-card-edit .infoedit{float: left;margin-left: 40px;}
  .member-comment .company-card-edit .infoedit dl{margin-bottom: 20px;}
  .member-comment .company-card-edit .infoedit dl dt{float: left;width: 85px;text-align: center;line-height: 40px;color: #3b454c;}
  .member-comment .company-card-edit .infoedit dl dd{float: left;}
  .member-comment .company-card-edit .infoedit dl dd p{line-height: 40px;color: #484848;font-weight: 600;}
  .member-comment .company-card-edit .infoedit dl dd input{width: 310px;height: 40px;line-height: 40px;padding: 10px;border-radius: 5px;border: 1px solid #c8c8c8;color: #484848;font-size: 12px;font-weight: 600; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .member-comment .company-card-edit .infoedit select{width: 130px;height: 40px;border: 1px solid #c8c8c8;border-radius: 5px;font-size: 12px;color: #484848;font-weight: 600;float: left;padding-left: 7px;}
  
  .l-btn{display:inline-block;outline:none;resize:none;padding:5px 10px;background:#23b7e5;color:#fff;border:solid 1px #23b7e5;border-radius:3px;font-size:14px;float: left;margin-left: 5px;}
  .l-btn:hover{background:#8078e3;animation:anniu 1s infinite}
  .l-btn:active{box-shadow:0 2px 3px rgba(0,0,0,.2) inset}
  .hidden{display:none}
  .tailoring-container,.tailoring-container div,.tailoring-container p{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
  .tailoring-container{position:fixed;width:100%;height:100%;z-index:1000;top:0;left:0}
  .tailoring-container .black-cloth{position:fixed;width:100%;height:100%;background:#111;opacity:.9;z-index:1001}
  .tailoring-container .tailoring-content{position:absolute;width:768px;height:560px;background:#fff;z-index:1002;left:0;top:0;border-radius:10px;box-shadow:0 0 10px #000;padding:10px}
  .tailoring-content-one{height:40px;width:100%;border-bottom:1px solid #ddd}
  .tailoring-content .choose-btn{float:left}
  .tailoring-content .close-tailoring{display:inline-block;height:30px;width:30px;border-radius:100%;background:#eee;color:#fff;font-size:22px;text-align:center;line-height:30px;float:right;cursor:pointer}
  .tailoring-content .close-tailoring:hover{background:#ccc}
  .tailoring-content .tailoring-content-two{width:100%;height:460px;position:relative;padding:5px 0}
  .tailoring-content .tailoring-box-parcel{width:520px;height:450px;position:absolute;left:0;border:solid 1px #ddd}
  .tailoring-content .preview-box-parcel{display:inline-block;width:228px;height:450px;position:absolute;right:0;padding:4px 14px}
  .preview-box-parcel p{color:#555}
  .previewImg{width:200px;height:200px;overflow:hidden}
  .preview-box-parcel .square{margin-top:10px;border:solid 1px #ddd}
  .preview-box-parcel .circular{border-radius:100%;margin-top:10px;border:solid 1px #ddd}
  .tailoring-content .tailoring-content-three{width:100%;border-top:1px solid #ddd;padding-top:10px}
  .tailoring-content-three .gap{background:#23b7e5;border-radius:3px;float: left;margin-left: 5px;width: 3px;height: 31px;}
  .sureCut{float:right}
  @media all and (max-width:768px){
      .tailoring-container .tailoring-content{width:100%;min-width:320px;height:460px}
      .tailoring-content .tailoring-content-two{height:360px}
      .tailoring-content .tailoring-box-parcel{height:350px}
      .tailoring-container .tailoring-box-parcel{width:100%}
      .tailoring-container .preview-box-parcel{display:none}
  }
  /*.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
  .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
  .autocomplete-no-suggestion { padding: 2px 5px;}
  .autocomplete-selected { background: #F0F0F0; }
  .autocomplete-suggestions strong { font-weight: bold; color: #000; }
  .autocomplete-group { padding: 2px 5px; }
  .autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }*/
  #tips{
      border: 1px solid #dddddd;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: #FFF;
      cursor: default;
      overflow: auto;
      -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
      -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
      box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
      width: 220px;
      line-height: 30px;
      padding: 2px 10px;
      color: #333333;
      border-radius: 4px;
      display: none;
  }
  
  .member-comment .member-info-con{width: 650px;margin: 40px auto 60px auto;}
  .member-comment .member-info-con .member-face{float: left;width: 225px;}
  .member-comment .member-info-con .member-face .faceimg{width: 160px;height: 160px;margin: 0 auto;position: relative;border:1px solid #c8c8c8;border-radius: 50%;margin: 0 auto;overflow: hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .member-comment .member-info-con .member-face .faceimg img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .member-comment .member-info-con .member-face .img-box{width: 160px;height: 160px;margin: 0 auto;position: relative;border:1px solid #c8c8c8;border-radius: 50%;margin: 0 auto;overflow: hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .member-comment .member-info-con .member-face .img-box img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .member-comment .member-info-con .member-face .upload-btn{width: 80px;height: 30px;border:1px solid #dcdcdc;text-align: center;line-height: 30px;border-radius: 5px;font-size: 12px;color: #3b454c;margin: 20px auto;cursor: pointer;}
  .member-comment .member-info-con .member-face .upload-btn:hover{background: #dcdcdc}
  .member-comment .member-info-con .member-face .resiveinfobtn{width: 80px;height: 30px;border:1px solid #dcdcdc;text-align: center;line-height: 30px;border-radius: 5px;font-size: 12px;color: #3b454c;margin: 20px auto;cursor: pointer;}
  .member-comment .member-info-con .member-face .resiveinfobtn a{display: block;color: #3b454c;}
  .member-comment .member-info-con .member-face .resiveinfobtn:hover{background: #dcdcdc;}
  .member-comment .member-info-con .member-face .tips{width: 185px;background: #f0f0f0;font-size: 12px;color: #7e8e98;line-height: 24px;padding: 10px 20px;border-radius: 10px;}
  .member-comment .member-info-con .member-info-box{float: left;margin-left: 35px;padding-top: 45px;}
  .member-comment .member-info-con .member-info-box dl{margin-bottom: 20px;}
  .member-comment .member-info-con .member-info-box dl dt{width: 80px;float: left;text-align: right;line-height: 40px;margin-right: 25px;color: #3b454c;}
  .member-comment .member-info-con .member-info-box dl dd{float: left;line-height: 40px;font-size: 12px;color: #484848;font-weight: 600;}
  .member-comment .member-info-con .member-info-box dl dd input{width: 188px;height: 18px;line-height: 18px;padding: 10px;border-radius: 5px;border: 1px solid #c8c8c8;color: #484848;font-size: 12px;font-weight: 600;}
  .member-comment .member-info-con .member-info-box dl dd select{border: 1px solid #c8c8c8;width: 120px;height: 38px;border-radius: 5px;margin-right: 20px;}
  .member-comment .member-info-con .member-info-box .tips{width: 210px;font-size: 12px;color: #7e8e98;line-height: 24px;background: #f0f0f0;margin: 0 auto 0 auto;padding: 10px 15px;border-radius: 10px;}
  
  .security-content{ width: 900px; height: 120px; border: 1px solid #c8c8c8; box-sizing: border-box; margin: 30px auto; background: #f8f8f8; overflow: hidden; display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 59px; }
  .security-content .lock-cont{display: flex;flex-direction: row;align-items: center;}
  .security-content .lock-png, .security-edit .lock-png{ width: 30px; height: 30px; margin: 1px 0;}
  .security-content .lock-png img, .security-edit .lock-png img{ width: 100%; vertical-align: middle; }
  .security-content .lock-title01, .security-edit .lock-title01{ color: #3b454c; font-size: 14px; line-height: 32px; margin-left: 34px; }
  .security-content .lock-title02{ color: #7e8e98; font-size: 12px; line-height: 32px; margin-left: 88px; margin-right: 20px; }
  .security-content .lock-div{ width: 60px; height: 10px; margin-right: 2px; }
  .security-content .lock-div01{ background: red; }
  .security-content .lock-div02, .security-content .lock-div03{ background: #a0a0a0; }
  .security-content .lock-tips01{ color: red; font-size: 18px; line-height: 32px; margin-left: 28px; }
  .security-content .lock-tips02{ color: #FF9900; font-size: 18px; line-height: 32px; margin-left: 28px; }
  .security-content .lock-tips03{ color: #06b172; font-size: 18px; line-height: 32px; margin-left: 28px; }
  .security-content .lock-button, .security-edit .title-cont .lock-button{ float: right; width: 82px; height: 32px; color: #3b454c; box-shadow: 0 0 1px 1px #dddddd; line-height: 32px; text-align: center; background: #fff; border-radius: 5px; }
  
  .security-edit{ width: 900px; border: 1px solid #c8c8c8; box-sizing: border-box; margin: 60px auto; background: #fff; overflow: hidden; }
  .security-edit .title-cont{ background: #f8f8f8; height: 59px; border-bottom: 1px solid #c8c8c8; padding: 0 60px; box-sizing: border-box; overflow: hidden;display: flex;flex-direction: row;align-items: center;justify-content: space-between; }
  .security-edit .title-cont .title-cont-left{display: flex;flex-direction: row;align-items: center;}
  .security-edit .edit-cont{ padding: 40px 60px 0 240px; width: 100%; box-sizing: border-box; overflow: hidden; }
  .security-edit .edit-cont .security-box{ height: 40px; line-height: 40px; overflow: hidden; }
  .security-edit .edit-cont .security-box .ask{ color: #3b454c; float: left; margin-right: 20px; }
  .security-edit .edit-cont .security-box input{ float: left; width: 240px; height: 40px; padding-left:1em; line-height: 40px; box-sizing: border-box; border: 1px solid #c9c9c9; border-radius: 5px; }
  .security-edit .edit-cont .security-box input:focus{border: 1px solid #1e82e6;}
  .security-edit .edit-cont .security-box .tips{ color: #f05000; margin-left: 20px; display:none; }
  .security-edit .edit-cont .security-box .sec-title{ color: #7e8e98; font-size: 12px; margin-left: 90px; margin-right: 20px; }
  .security-edit .lock-tips01{ color: red; font-size: 18px; line-height: 40px; margin-left: 26px; }
  .security-edit .lock-tips02{ color: #FF9900; font-size: 18px; line-height: 40px; margin-left: 26px; }
  .security-edit .lock-tips03{ color: #06b172; font-size: 18px; line-height: 40px; margin-left: 26px; }
  .security-edit .edit-cont .security-submit{ width: 80px; height: 30px; color: #fff; background: #1e82e6; border-radius: 5px; border: 0; margin: 30px 0 30px 180px; }
  .level_block_group{ height:10px; margin-left: 96px; }
  .level_text_group{ height:20px; margin-left: 96px; }
  .level_block{ float:left; width:70px; margin-right:5px; height:5px; margin-top:5px; background:#d6d3d3; }
  .level_text{ float:left; width:70px; margin-right:5px; text-align:center; color:#b0adad; font-size:12px; }
  .level_1_active{ float:left; background:#ff3300; width:70px; height:5px; margin-top:5px; margin-right:5px; }
  .level_2_active{ float:left; background: #ff6400; width:70px; height:5px; margin-top:5px; margin-right:5px; }
  .level_3_active{ float:left; background: #06b172; width:70px; height:5px; margin-top:5px; margin-right:5px; }
  .mb-20{ margin-bottom: 20px; }
  
  .app-tel-add{ width: 900px; border: 1px solid #c8c8c8; box-sizing: border-box; margin: 60px auto; background: #fff; overflow: hidden; }
  .app-tel-add .title-cont{ background: #f8f8f8; height: 59px; border-bottom: 1px solid #c8c8c8; padding: 0 60px; box-sizing: border-box; overflow: hidden;display: flex;flex-direction: row;align-items: center;justify-content: space-between; }
  .app-tel-add .title-cont .title-cont-left{display: flex;flex-direction: row;align-items: center;}
  .app-tel-add .title-cont .title-cont-left .lock-title01{ color: #3b454c; font-size: 14px; line-height: 32px; margin-left: 34px; }
  .app-tel-add .title-cont .lock-button{ width: 82px; height: 32px; color: #3b454c; box-shadow: 0 0 1px 1px #dddddd; line-height: 32px; text-align: center; background: #fff; border-radius: 5px; }
  .app-tel-add .app-tel-cont{ padding: 40px 60px 0 240px; width: 100%; box-sizing: border-box; overflow: hidden; }
  .app-tel-add .app-tel-cont .app-tel-item{ height: 40px; overflow: hidden;display: flex;flex-direction: row;align-items: center; }
  .app-tel-add .app-tel-cont .app-tel-item .ask{ color: #3b454c;  margin-right: 20px; }
  .app-tel-add .app-tel-cont .app-tel-item input{ width: 240px; height: 40px; padding-left:1em; line-height: 40px; box-sizing: border-box; border: 1px solid #c9c9c9; border-radius: 5px; }
  .app-tel-add .app-tel-cont .app-tel-item input:focus{border: 1px solid #1e82e6;}
  .app-tel-add .app-tel-cont .app-tel-item .tips{ color: #f05000; margin-left: 20px; display:none; }
  .app-tel-add .app-tel-cont .app-tel-item .sec-title{ color: #7e8e98; font-size: 12px; margin-left: 90px; margin-right: 20px; }
  .app-tel-add .lock-tips01{ color: red; font-size: 18px; line-height: 40px; margin-left: 26px; }
  .app-tel-add .lock-tips02{ color: #FF9900; font-size: 18px; line-height: 40px; margin-left: 26px; }
  .app-tel-add .lock-tips03{ color: #06b172; font-size: 18px; line-height: 40px; margin-left: 26px; }
  .app-tel-add .app-tel-cont .app-tel-item .send-btn{display: inline-block;margin-left: 5px;width: 100px;height: 40px;text-align: center;line-height: 40px;background: #3c64a0;color: #fff;font-size: 12px;font-weight: normal;border-radius: 5px;cursor: pointer;}
  .app-tel-add .app-tel-cont .app-tel-submit{ width: 80px; height: 30px; color: #fff; background: #1e82e6; border-radius: 5px; border: 0; margin: 30px 0 30px 180px; }
  
  
  .member-comment .safelist-box{min-height: 600px;margin-top: 60px;}
  .member-comment .safelist-box .list{width: 898px;height: 118px;background: #f8f8f8;border:1px solid #c8c8c8;margin: 0 auto 30px auto;}
  .member-comment .safelist-box .list .item{float: left;width: 240px;text-align: center;line-height: 118px;color: #3b454c;font-weight: 600;}
  .member-comment .safelist-box .list .item i{font-size: 34px;color: #1e82e6;font-weight: normal;vertical-align: middle;margin-right: 40px;}
  .member-comment .safelist-box .list .context{float: left;width: 480px;line-height: 118px;color: #7e8e98;font-size: 12px;}
  .member-comment .safelist-box .list .context span{margin-left: 20px;display: inline-block;}
  .member-comment .safelist-box .list .context span b{display: inline-block;width: 60px;height: 10px;background: #a0a0a0;margin-right: 2px;}
  .member-comment .safelist-box .list .context span.level1 .l1,.member-comment .safelist-box .list .context span.level2 .l1{background: #faa03c;}
  .member-comment .safelist-box .list .context span.level2 .l2,.member-comment .safelist-box .list .context span.level2 .l1{background: #faa03c;}
  .member-comment .safelist-box .list .context span.level3 .l3,.member-comment .safelist-box .list .context span.level3 .l2,.member-comment .safelist-box .list .context span.level3 .l1{background: #faa03c;}
  .member-comment .safelist-box .list .context strong{font-size: 18px;color: #faa03c;margin-left: 30px;}
  .member-comment .safelist-box .list .btn{float: right;margin-right: 58px;line-height: 118px;}
  .member-comment .safelist-box .list .btn a{display: inline-block;width: 80px;height: 30px;background: #fff;border:1px solid #dcdcdc;text-align: center;line-height: 30px;color: #3b454c;font-size: 12px;border-radius: 5px;}
  .member-comment .safelist-box .list .btn a:hover{border:1px solid #484848;color: #484848;}
  
  .member-comment .safe-box{width: 900px;margin: 60px auto 60px auto;border:1px solid #c8c8c8;padding-bottom: 40px;}
  .member-comment .safe-box .item{background: #f8f8f8;border-bottom:1px solid #c8c8c8;height: 58px;margin-bottom: 40px;}
  .member-comment .safe-box .item h5{float: left;color: #3b454c;font-weight: 600;line-height: 58px;}
  .member-comment .safe-box .item h5 i{font-size: 34px;color: #1e82e6;font-weight: normal;vertical-align: middle;margin-right: 40px;margin-left: 60px;}
  .member-comment .safe-box .step{padding-top: 70px;min-height: 180px;}
  .member-comment .safe-box .step dl{margin-left: 250px;margin-bottom: 20px;display: flex;flex-direction: row;}
  .member-comment .safe-box .step dl dt{width: 100px;text-align: right;color: #3b454c;line-height: 40px;margin-right: 20px;}
  .member-comment .safe-box .step dl dd{min-width: 500px; display: flex;flex-direction: row;align-items: center;font-size: 12px;color: #484848;font-weight: 600;}
  .member-comment .safe-box .step dl dd input{height: 18px;border:1px solid #dcdcdc;width: 228px;padding: 10px 15px;line-height: 18px;border-radius: 5px;color: #484848;font-size: 12px;}
  .member-comment .safe-box .step dl dd input:focus{border:1px solid #23b7e5;}
  .member-comment .safe-box .step dl dd .tips{margin-left: 20px;font-size: 12px;color: #f05000;display: none;}
  .member-comment .safe-box .step .choice{position: relative;cursor: pointer;height: 40px;display: flex;flex-direction: row;align-items: center;}
  .member-comment .safe-box .step .choice label{width: 80px;display: inline-block;}
  .member-comment .safe-box .step .choice input[type=radio]{position: absolute; left:-9999px; clip: rect(0,0,0,0);}
  .member-comment .safe-box .step .choice input[type=radio] + label::before{content: '';background: #fff;border: 1px solid #c2c7cb;width: 15px;height: 15px;border-radius: 50%;float: left;margin-right: 6px;margin-top: 2px;box-sizing: border-box;}
  .member-comment .safe-box .step .choice input[type=radio]:checked + label::before{background-color: #76c025;background-clip: content-box;padding: 3px;box-sizing: border-box;}
  .member-comment .safe-box .step dl dd .codesend{display: inline-block;margin-left: 5px;width: 100px;height: 40px;text-align: center;line-height: 40px;background: #3c64a0;color: #fff;font-size: 12px;font-weight: normal;border-radius: 5px;cursor: pointer;}
  .member-comment .safe-box .step .nextbtn{width: 80px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 12px;background: #1e82e6;margin: 40px auto 0 auto;border-radius: 5px;cursor: pointer;}
  .member-comment .safe-box .step .nextbtn:hover{background: #1972cb;}
  
  
  .forgot-bg{width:100%;min-width: 1440px;background: url(../images/bimage/forgot-bg.png) repeat-x center;height: 240px;line-height: 240px;text-align: center;font-size: 36px;color: #484848;font-weight: 600;box-shadow: 0 5px 5px #ccc;}
   
  .member-comment  .member-authorizelist-con{width: 1140px;margin: 60px 0;min-height: 600px;}
  .member-comment  .member-authorizelist-con .list{height: 60px;border-bottom: 1px solid #dcdcdc;line-height: 60px;}
  .member-comment  .member-authorizelist-con .list:hover{background: #f8f8f8;}
  .member-comment  .member-authorizelist-con .list .list1{float: left;width: 660px;padding-left: 40px;}
  .member-comment  .member-authorizelist-con .list .list1{font-size: 12px;color: #3b454c;font-weight: 600;}
  .member-comment  .member-authorizelist-con .list .list1 .strong{color: #7e8e98;font-size: 14px;}
  .member-comment  .member-authorizelist-con .list .list1 .strong:hover{color: #23b7e5;text-decoration: underline;}
  .member-comment  .member-authorizelist-con .list .list2{float: left;width: 270px;height: 60px;}
  .member-comment  .member-authorizelist-con .list .list2 span{float: left;margin-right: 20px;cursor: pointer;}
  .member-comment  .member-authorizelist-con .list .list2 .comfirmbtn{width: 80px;height: 30px;background: #1e82e6;text-align: center;line-height: 30px;color: #fff;margin-top: 15px;cursor: pointer;font-size: 12px;border-radius: 3px;}
  .member-comment  .member-authorizelist-con .list .list2 .relieve,.member-comment  .member-authorizelist-con .list .list2 .refuse{float: left;width: 78px;height: 28px;border:1px solid #dcdcdc;text-align: center;line-height: 28px;margin-top: 15px;background: #fff;border-radius: 3px;color: #3b454c;font-size: 12px;}
  .member-comment  .member-authorizelist-con .list .list3{float: left;width: 170px;font-size: 12px;color: #7e8e98;}
  
  .personal-join-win{width: 780px;height: 360px;background: #fff;position: fixed;left: 50%;top: 50%;margin-top: -180px;margin-left: -390px;z-index: 21;box-shadow: 0 0 10px #484848;border-radius: 5px;overflow: hidden;}
  .personal-join-win .item{background: #f8f8f8;height: 60px;line-height: 60px;position: relative;text-align: center;font-size: 18px;font-weight: 600;color: #8dacc4;}
  .personal-join-win .item .closebtn{position: absolute;right: 20px;top: 2px;cursor: pointer;}
  .personal-join-win .item .closebtn i{color: #7c8387;font-size: 24px;}
  .personal-join-win .context{margin: 60px 0 60px 210px;}
  .personal-join-win .context{color: #484848;line-height: 24px;}
  .personal-join-win .btn{width: 220px;margin: 0 auto;}
  .personal-join-win .btn span{display: block;text-align: center;margin-bottom: 10px;cursor: pointer;border-radius: 5px;}
  .personal-join-win .btn .confirm-joinbtn{width: 220px;height: 30px;background: #1e82e6;line-height: 30px;color: #fff;}
  .personal-join-win .btn .confirm-joinbtn:hover{background: #1463b2;}
  .personal-join-win .btn .cancelbtn{width: 218px;height: 28px;line-height: 28px;border:1px solid #dcdcdc;font-size: 12px;color: #3b454c;}
  .personal-join-win .btn .cancelbtn:hover{background: #dcdcdc;color: #484848;}
  .personal-join-win .btn .relievebtn,.personal-join-win .btn .refusebtn{width: 220px;height: 30px;background: #e36159;line-height: 30px;color: #fff;}
  .personal-join-win .btn .relievebtn:hover,.personal-join-win .btn .refusebtn:hover{background: #d02f25;}
  
  .member-comment .member-businesscard-con{margin: 60px -20px 200px -20px;}
  .member-comment .member-businesscard-con .tips{width: 190px;font-size: 12px;color: #7e8e98;line-height: 24px;background: #f0f0f0;padding: 10px 15px;border-radius: 10px;margin-left: 20px;}
  .member-comment .member-businesscard-con .cardlist{float: left;width: 550px;height: 160px;border:1px solid #dcdcdc;border-radius: 10px;overflow: hidden;margin: 20px 19px;}
  .member-comment .member-businesscard-con .cardlist .item{float: left;width: 80px;background: #1c2b36;height: 115px;text-align: center;padding-top: 55px}
  .member-comment .member-businesscard-con .cardlist .item i{color: #8dacc4;font-size: 26px;}
  .member-comment .member-businesscard-con .cardlist .item span{display: block;color: #8dacc4;font-size: 12px;margin-top: 3px;}
  .member-comment .member-businesscard-con .cardlist .cardinfo{float: left;width: 470px;position: relative;padding: 40px 0;}
  .member-comment .member-businesscard-con .cardlist .cardinfo .img{float: left;width: 80px;height: 80px;border:1px solid #dcdcdc;overflow: hidden;border-radius: 50%;margin: 0 20px;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .member-comment .member-businesscard-con .cardlist .cardinfo .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .member-comment .member-businesscard-con .cardlist .cardinfo h5{float: left;color: #000000;line-height: 80px;}
  .member-comment .member-businesscard-con .cardlist .cardinfo h5 a{color: #000000;}
  .member-comment .member-businesscard-con .cardlist .cardinfo h5 a:hover{color: #23b7e5;}
  .member-comment .member-businesscard-con .cardlist .cardinfo .card-op{position: absolute;right: 20px;bottom: 20px;width: 118px;height: 38px;border:1px solid #dcdcdc;text-align: center;line-height: 38px;font-size: 12px;color: #3b454c;border-radius: 3px;font-weight: 600;}
  .member-comment .member-businesscard-con .cardlist .cardinfo .card-op span{display: inline-block;width: 20px;height: 20px;border:1px solid #dcdcdc;vertical-align: middle;line-height: 20px;cursor: pointer;margin-right: 15px;}
  .member-comment .member-businesscard-con .cardlist .cardinfo .card-op span i{vertical-align: top;font-size: 18px;color: #26be58;font-weight: normal;}
  
  .member-comment .member-safecenter-con{width: 900px;margin: 0 auto;margin-top: 60px;}
  .member-comment .member-safecenter-con .safelist{width:900px;height: 120px;background: #f8f8f8;border:1px solid #dcdcdc;margin-bottom: 30px}
  .member-comment .member-safecenter-con .safelist .item{float: left;line-height: 120px;width: 240px;text-align: center;}
  .member-comment .member-safecenter-con .safelist .item i{font-size: 32px;color: #1e82e6;vertical-align: middle;}
  .member-comment .member-safecenter-con .safelist .item span{color: #3b454c;font-weight: 600;margin-left: 35px;}
  .member-comment .member-safecenter-con .safelist .tips{width: 460px;float: left;height: 120px;line-height: 120px;color: #7e8e98;font-size: 12px;padding-left: 40px;}
  .member-comment .member-safecenter-con .safelist .op{float: right;width: 80px;height: 30px;background: #fff;border:1px solid #dcdcdc;text-align: center;line-height: 30px;font-size: 12px;color: #3b454c;border-radius: 3px;margin-top: 45px;margin-right: 60px;cursor: pointer;}
  
  .member-comment .member-safecenter-con .safelist-open{height: 60px;margin-bottom: 0px}
  .member-comment .member-safecenter-con .safelist-open .item{line-height: 60px;}
  .member-comment .member-safecenter-con .safelist-open .tips{display: none;}
  .member-comment .member-safecenter-con .safelist-open .op{float: right;margin-top: 15px;margin-right: 60px;cursor: pointer;}
  .member-comment .member-safecenter-con .box{width: 900px;padding: 40px 0;border:1px solid #dcdcdc;border-top: 0;margin-bottom: 30px;}
  .member-comment .member-safecenter-con .box dl{padding-left: 200px;}
  .member-comment .member-safecenter-con .box dl dt{float: left;width: 100px;text-align: right;line-height: 40px;color: #3b454c;margin-right: 20px;}
  .member-comment .member-safecenter-con .box dl dd input{height: 18px;line-height: 18px;padding: 10px 35px;width: 185px;border:1px solid #dcdcdc;border-radius: 5px;margin-bottom: 20px;}
  .member-comment .member-safecenter-con .box dl dd span{font-size: 12px;color: #f05000;margin-left: 20px;}
  .member-comment .member-safecenter-con .box .bthbox{position: relative;width: 900px;margin-top: 20px;}
  .member-comment .member-safecenter-con .box .bthbox .keepbtn{width: 80px;height: 30px;background: #26be58;font-size: 12px;color: #fff;text-align: center;line-height: 30px;margin: 0 auto;border-radius: 3px;cursor: pointer;}
  .member-comment .member-safecenter-con .box .bthbox .forgetold{color: #3b454c;font-size: 12px;font-weight: 600;position: absolute;right:60px;top: 8px;text-decoration: underline;cursor: pointer;}
  
  .member-dealer-comment .certification-box{width: 1100px;margin: 60px auto;border:1px solid #dcdcdc;padding: 20px 20px 60px 20px;border-radius: 8px;}
  .member-dealer-comment .certification-box .item{width: 100%;height: 40px;background: #1c2b36;line-height: 40px;text-align: center;color: #fff;font-size: 12px;font-weight: 600;margin-bottom: 60px;}
  .member-dealer-comment .certification-box .item span{float: right;color: #c8c8c8;font-weight: normal;margin-right: 20px;}
  .member-dealer-comment .certification-box dl{margin-bottom: 20px;margin-left: 300px;display: flex;flex-direction: row;}
  .member-dealer-comment .certification-box dl dt{width: 70px;text-align: left;margin-right: 30px;color: #484848;line-height: 40px;}
  .member-dealer-comment .certification-box dl dd{font-size: 12px;color: #3b454c;font-weight: 600;line-height: 40px;}
  .member-dealer-comment .certification-box dl dd select{width: 280px;height: 38px;border:1px solid #c8c8c8;border-radius: 5px;color: #3b454c;font-size: 12px;font-weight: 600;padding: 0 12px;}
  .member-dealer-comment .certification-box dl dd select.area{width: 160px;margin-right: 20px;}
  .member-dealer-comment .certification-box dl dd input{height: 40px;line-height: 40px;border:1px solid #c8c8c8;padding: 0 15px;width: 342px;border-radius: 5px;font-size: 12px;color: #3b454c;font-weight: 600;box-sizing: border-box;}
  .member-dealer-comment .certification-box dl dd input:focus{border:1px solid #23b7e5;}
  .member-dealer-comment .certification-box dl dd .tips{color: #f05000;font-size: 12px;margin-left: 10px;font-weight: normal;display: none;}
  .member-dealer-comment .certification-box dl dd .upload-img{float: left;width: 100px;margin-right: 40px;}
  .member-dealer-comment .certification-box dl dd .upload-img .img-box{width: 100px;height: 100px;position: relative;}
  .member-dealer-comment .certification-box dl dd .upload-img .img-box img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .member-dealer-comment .certification-box dl dd .upload-img .uploadbtn{width: 78px;height: 28px;border:1px solid #dcdcdc;text-align: center;line-height: 28px;font-size: 12px;color: #3b454c;border-radius: 5px;margin: 10px auto 0 auto;cursor: pointer;font-weight: normal;}
  .member-dealer-comment .certification-box dl dd .upload-img .uploadbtn:hover{border:1px solid #484848;color: #484848;}
  .member-dealer-comment .certification-box dl dd .upload-tips{float: left;width: 310px;padding: 10px 20px;background: #f0f0f0;border-radius: 5px;font-weight: normal;}
  .member-dealer-comment .certification-box dl dd .upload-tips p{font-size: 12px;color: #7e8e98;line-height: 24px;}
  .member-dealer-comment .certification-box .confirmbtn{width: 140px;height: 30px;text-align: center;line-height: 30px;font-size: 12px;color: #fff;background: #1e82e6;margin: 0 auto;border-radius: 5px;margin-top: 60px;cursor: pointer;}
  .member-dealer-comment .certification-box .confirmbtn:hover{background: #1a6abb;}
  .member-dealer-comment .certification-box .sh-tips{width: 350px;height: 75px;text-align: center;line-height: 75px;margin: 60px auto 0 auto;background: #f0f0f0;color: #7e8e98;border-radius: 10px;}
  .member-dealer-comment .certification-box .sh-failed-box{width: 455px;margin: 40px auto 0 auto;}
  .member-dealer-comment .certification-box .sh-failed-box .failed-item{float: left;width: 80px;color: #f05000;margin-right: 25px;padding-top: 10px;}
  .member-dealer-comment .certification-box .sh-failed-box .failed-tips{float: left;width: 310px;padding: 10px 20px;background: #f0f0f0;font-size: 12px;color: #7e8e98;line-height: 24px;border-radius: 5px;}
  .member-dealer-comment .certification-box .brand-certification-btn{width: 140px;height: 30px;text-align: center;line-height: 30px;color: #fff;background: #1e82e6;margin: 20px auto 40px auto;border-radius: 5px;}
  .member-dealer-comment .certification-box .brand-certification-btn a{color: #fff;display: block;width: 140px;height: 30px;}
  .member-dealer-comment .certification-box table{width: 904px;margin: 0 auto;}
  .member-dealer-comment .certification-box table thead td{background: #1c2b36;border-right: 1px solid #fff;height: 40px;color: #fff;font-size: 12px;font-weight: 600;text-align: center;border-bottom: 30px solid #fff;}
  .member-dealer-comment .certification-box table tbody td{text-align: center;line-height: 60px;height: 60px;border-bottom: 1px solid #f0f0f0;font-size: 12px;color: #484848;}
  .member-dealer-comment .certification-box table tbody td span.success{color: #23b7e5;font-weight: 600;}
  .member-dealer-comment .certification-box table tbody td span.failed{color: #e36159;font-weight: 600;}
  .member-dealer-comment .certification-box table tbody td span.reviewing{color: #a0a0a0;font-weight: 600;}
  .member-dealer-comment .certification-box table tbody td a.success{display: inline-block;width: 80px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 12px;background: #23b7e5;border-radius: 5px;}
  .member-dealer-comment .certification-box table tbody td a.failed{display: inline-block;width: 80px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 12px;background: #e36159;border-radius: 5px;}
  .member-dealer-comment .certification-box table tbody td a.reviewing{display: inline-block;width: 80px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 12px;background: #a0a0a0;border-radius: 5px;}
  .member-dealer-comment .certification-box table tbody tr:hover td{background: #f8f8f8;}
  
  .member-dealer-comment .certification-box .no-context{width: 400px;margin: 0 auto;padding: 50px 0;}
  .member-dealer-comment .certification-box .no-context .pic{width: 200px;height: 200px;margin: 0 auto;}
  .member-dealer-comment .certification-box .no-context .link{height: 40px;line-height: 40px;margin-top: 50px;text-align: center;color:#484848;}
  .member-dealer-comment .certification-box .no-context .link a{display: inline-block;width: 120px;height: 40px;text-align: center;line-height: 40px;color:#fff;background: #1e82e6;margin-left: 15px;border-radius: 5px;}
  .member-dealer-comment .certification-box .no-context .link a:hover{background: #1867b6;}
  
  .guide{width: 100%;min-width: 1440px;background: #383838;height: 40px;padding: 10px 0;line-height: 40px;position: relative;z-index: 11;}
  .guide .back{float: left;margin-left: 200px;}
  .guide .back i{color: #fff;font-size: 32px;}
  .guide h5{font-size: 24px;color: #fff;float: left;margin-left: 260px;}
  .guide ul{float: right;height: 40px;background: #252525;border-radius: 20px;margin-right: 40px;}
  .guide ul li{min-width: 115px;float: left;text-align: center;font-size: 12px;color: #fff;padding: 0 15px;}
  .guide ul li a{color: #fff;}
  .other-guide span{float: left;margin: 0 20px;}
  .other-guide span i{color: #fff;font-size: 12px;}
  .other-guide .link{float: left;padding: 0 30px;height: 30px;text-align: center;line-height: 30px;background: #252525;font-size: 12px;color: #fff;margin-top: 5px;border-radius: 15px;}
  .other-guide .link:hover{background: #888;}
  .other-guide .stopedit{float: right;margin-right: 30px;height: 30px;width: 120px;background: #fff;border-radius: 5px;margin-top: 5px;line-height: 30px;color: #484848;}
  .other-guide .stopedit i{margin: 0 15px 0 10px;}
  .other-guide .batch-opbox{width: 120px;height: 30px;float: right;margin-right: 40px;margin-top: 5px;position: relative;}
  .other-guide .batch-opbox .btn{width: 120px;height: 30px;text-align: center;line-height: 30px;background: #fff;color: #484848;cursor: pointer;border-radius: 5px;}
  .other-guide .batch-opbox .btn:hover{background: #f0f0f0;}
  .other-guide .batch-opbox .op-list{width: 100px;background: #fff;box-shadow: 0px 0px 8px #888;position: absolute;top: 40px;right: 2px;overflow: hidden;border-radius: 5px;z-index: 10;display: none;}
  .other-guide .batch-opbox .op-list span{display: block;height: 30px;line-height: 30px;text-align: center;color: #7e8e98;font-size: 12px;cursor: pointer;font-weight: 600;text-align: center;float: none;margin: 0;}
  .other-guide .batch-opbox .op-list span:hover{color: #23b7e5;}
  .other-guide .batch-opbox .op-list span b{display: inline-block;width: 18px;height: 18px;border:1px solid #dcdcdc;text-align: center;line-height: 18px;margin-right: 10px;vertical-align: middle;}
  .other-guide .batch-opbox .op-list span b i{font-weight: normal;color: #23b7e5;font-size: 12px;}
  .other-guide .d-c-op{float: right;padding-right: 40px;padding-top: 5px;}
  .other-guide .d-c-op a{float: left;width: 140px;height: 30px;background: #252525;color: #fff;text-align: center;line-height: 30px;border-radius: 5px;margin-left: 20px;position: relative;}
  .other-guide .d-c-op a i{margin-right: 10px;font-size: 18px;vertical-align: middle;}
  .other-guide .d-c-op a .tips{position:absolute;display: block;padding: 0 10px;height: 20px;line-height: 20px;background: #26be58;text-align: center;color: #fff;font-size: 12px;top: -10px;right: -40px;border-radius: 10px;}
  .other-guide .d-c-op a:hover{background: #888;}
  .other-guide .d-c-op a.authorized{background: #1e82e6;}
  .other-guide .d-c-op a.authorized:hover{background: #186cc0;}
  .other-guide .d-c-op a.view-intopage-set{background: #26be58;}
  .other-guide .d-c-op a.view-intopage-set:hover{background: rgb(26, 167, 73);}
  .other-guide .d-c-op a.finished{background: #fff;color: #484848;}
  .other-guide .d-c-op a.finished:hover{background: #888;color: #fff;}
  .other-guide a.upload{float: right;width: 140px;height: 30px;background: #1e82e6;text-align: center;line-height: 30px;border-radius: 5px;color: #fff;margin-top: 5px;margin-right: 30px;}
  .other-guide a.upload:hover{background: #156bc1;}
  .other-guide a.upload.last-btn{margin-right: 185px;}
  .other-guide .c-addgroup-btn{float: right;margin-right: 40px;width: 120px;height: 30px;text-align: center;line-height: 30px;color: #fff;background: #1e82e6;border-radius: 5px;margin-top: 5px;}
  .other-guide .c-addgroup-btn:hover{background: #1768b9;}
  
  
  .other-guide .look-isdel-btn{background: #ff6901;}
  .other-guide .batch-move-btn{float: right; margin-right: 60px;width: 120px;height: 30px;text-align: center; line-height: 30px;border-radius: 5px;color: #fff;margin-top: 5px; cursor: pointer;}
  .other-guide .batch-move-btn.move-start, .other-guide .batch-move-btn.move-over{background: #26be58;}
  .other-guide .batch-move-btn.move-end{background: #F4F4F4; color: #000;}
  
  .container{width: 100%;min-width: 1440px;min-height: 800px;overflow: hidden;position: relative;}
  .company-left-content{width: 200px;background: #1c2b36;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;padding-top: 120px;}
  .company-left-content ul li{width: 100%;height: 67px;border-bottom: 1px solid #263845;box-sizing: border-box;}
  .company-left-content ul li a{display: flex;color: #8dacc4;width: 100%;height: 100%;flex-direction: row;position: relative;align-items: center;}
  .company-left-content ul li a img{width: 36px;height: 36px;margin-left: 35px;}
  .company-left-content ul li span{line-height: 22px;margin-left: 25px;color: rgba(255,255,255,0.7);}
  .company-left-content ul li a .new-tips{position: absolute; width: 41px; height: 18px; top: 18px; right: 4px;}
  .company-left-content ul li.selected,.company-left-content ul li:hover{background: #38577E;}
  .company-left-content ul li.selected a::after{position: absolute; content: ''; left: 0; top: 0; width: 8px; height: 66px; background: #5F89FF; }
  .company-left-content ul li.selected span{color: #fff;line-height: 25px;}
  
  .factory-left-content{width: 200px;background: #2C2E2F;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;padding-top: 120px;}
  .factory-left-content ul li{width: 100%;height: 67px;border-bottom: 1px solid #263845;box-sizing: border-box;}
  .factory-left-content ul li a{display: flex;width: 100%;height: 100%;flex-direction: row;position: relative;align-items: center;}
  .factory-left-content ul li a img{width: 36px;height: 36px;margin-left: 35px;}
  .factory-left-content ul li span{line-height: 22px;margin-left: 25px;color: rgba(255,255,255,0.7);font-size: 16px;}
  .factory-left-content ul li.selected,.factory-left-content ul li:hover{background: rgba(225, 128, 24, 0.2);}
  .factory-left-content ul li.selected span{color: #E18018;font-size: 18px;line-height: 25px;}
  
  
.mid-popup-css{
    width: 400px;
    height: 210px;
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.mid-popup-css .item {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background: #f0f0f0;
    color: #484848;
    font-weight: 600;
    position: relative;
}

.mid-popup-css .item .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
}

.mid-popup-css .item .close i {
    font-size: 18px;
    color: #484848;
    font-weight: 400;
}

.mid-popup-css .item .close:hover i {
    color: #1e82e6;
}

.mid-popup-css .edit-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 300px;
    margin: 40px auto;
}

.mid-popup-css .edit-box .able-item-box {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mid-popup-css .edit-box .able-item-box strong {
    font-size: 12px;
    color: #3b454c;
    font-weight: 600;
}

.mid-popup-css .edit-box .able-item-box b {
    width: 20px;
    height: 20px;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
}

.mid-popup-css .edit-box b i {
    font-size: 14px;
    color: #26be58;
    opacity: 0;
    filter: alpha(opacity=0);
    font-weight: normal;
    position: relative;
    z-index: 2;
}

.mid-popup-css .edit-box .able-item-box.check i {
    opacity: 1;
    filter: alpha(opacity=100);
}


.mid-popup-css .btn {
    width: 300px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.mid-popup-css .btn span {
    width: 120px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #dcdcdc;
    border-radius: 8px;
    cursor: pointer;
    color: #484848;
}

.mid-popup-css .btn .confirm-btn {
    background: #1e82e6;
    color: #fff;
    margin-right: 20px;
}

.mid-popup-css .btn .confirm-btn:hover {
    background: #1765b4;
}

.mid-popup-css .btn .close:hover {
    background: #888;
    color: #fff;
}
  
  .upload-left-content{width: 478px;background: #f0f0f0;position: fixed;left: 0;top: 0;right: 0;bottom: 0;padding-top: 220px;z-index: 6;overflow: hidden;transition: width 0.5s;-webkit-transition: width 0.5s; /* Safari */}
  .upload-left-content .item{height: 65px;background: #1c2b36;padding-top: 35px;position: fixed;top: 120px;left: 0;width: 478px;z-index: 5;overflow: hidden;transition: width 0.5s;-webkit-transition: width 0.5s; /* Safari */}
  .upload-left-content .item .uploadbtn{display: block;width: 200px;height: 30px;text-align: center;line-height: 30px;background: #26be58;color: #fff;margin: 0 auto 0 auto;border-radius: 4px;}
  .upload-left-content .item .uploadbtn:hover{background: #22a84e;}
  .upload-left-content .block{height: 40px;width: 100%;}
  .upload-left-content .item span{color: #fff;font-weight: 600;font-size: 12px;margin: 10px 0 0 30px;display: inline-block;}
  .upload-left-content .p-list{width: 440px;height: 120px;margin: 0 auto 8px auto;border:1px solid #dcdcdc;background: #fff;border-radius: 5px;overflow: hidden;position: relative;}
  .upload-left-content .p-list .linkto-btn{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
  .upload-left-content .p-list .cover{float: left;width: 30px;height: 120px;color: #fff;padding: 0 5px; margin-right: 10px;font-size: 12px;line-height: 14px;font-weight: 600;position: relative;z-index: 2;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}

  .upload-left-content .cover-selected .cover{background: #f0f0f0;color: #23b7e5;}
  .upload-left-content .p-list .nums{position: absolute;top: 4px;left: 40px;font-size: 12px; color: #3b454c; z-index:1;}
  .upload-left-content .p-list .pic{margin: 10px 0;width: 100px;height: 100px;float: left;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .upload-left-content .p-list .pic img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .upload-left-content .p-list .cs{float: left;width: 210px;margin-left: 20px;padding-top: 10px;}
  .upload-left-content .p-list .cs p{color: #8dacc4;font-size: 12px;line-height: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  .upload-left-content .p-list .cs p strong{font-weight: 600;color: #26be58;}
  .upload-left-content .p-list .tips{position: absolute;top: 20px;right: 10px;font-size: 12px;color: #3b454c;}
  .upload-left-content .not-show .tips{color: #e9817a;}
  .upload-left-content .p-list.selected,.upload-left-content .p-list:hover{box-shadow: 0 0 15px #a0a0a0;}
  .upload-left-content .p-list.selected .cover{background: #23b7e5;}
  .upload-left-content .p-list.selected .cover span{display: inline-block;width: 18px;height: 18px;border:1px solid #dcdcdc;text-align: center;line-height: 18px;margin-bottom: 5px;cursor: pointer;overflow: hidden;background: #fff;border-radius: 2px;overflow: hidden;}
  .upload-left-content .p-list.selected .cover span i{color: #23b7e5;font-weight: normal;font-size: 14px;}
  .upload-left-content .p-list.selected .tips,.upload-left-content .p-list:hover .tips{line-height: 20px;height: 20px;z-index: 2;}
  .upload-left-content .p-list.selected .tips span,.upload-left-content .p-list:hover .tips span{display: inline-block;width: 18px;height: 18px;border:1px solid #dcdcdc;text-align: center;line-height: 18px;margin-right: 10px;cursor: pointer;vertical-align: top;}
  .upload-left-content .p-list.selected .tips span i,.upload-left-content .p-list:hover .tips span i{color: #26be58;font-weight: normal;font-size: 14px;}

  .site-leftupload-move-btn{transition: left 0.5s;-webkit-transition: left 0.5s; /* Safari */}
  .small-screen-uploadleft{display: none;width: 56px;height: 56px;position: fixed;left: 0;top: 50%;margin-top: -30px;z-index: 5;border:2px solid #1c2b36;transition: left 0.5s;-webkit-transition: left 0.5s; /* Safari */}
  .small-screen-uploadleft .p-box{width: 56px;height: 56px;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);cursor: pointer}
  .small-screen-uploadleft .p-box img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  
  .right-content{margin-left: 200px;padding: 40px 30px;overflow: hidden;min-height: 800px;}
  .dealer-guide-content .dealer-guide-top{display: flex;flex-direction: row;}
  .dealer-guide-content .guide-list{
    width: 470px;
    margin-right: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .dealer-guide-content .guide-list .g-list{
    width: 225px;
    height: 255px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    position: relative;
    overflow: hidden;
  }
  .dealer-guide-content .guide-list .g-list:first-child{
    background: #E77871;
  }
  .dealer-guide-content .guide-list .g-list:nth-child(2){
    background: #44C0E8;
  }
  .dealer-guide-content .guide-list .g-list:nth-child(3){
    background: #7366BA;
  }
  .dealer-guide-content .guide-list .g-list:last-child{
    background: #FA9853;
  }
  .dealer-guide-content .guide-list .g-list:not(:nth-child(2n)){margin-right: 20px;}
  .dealer-guide-content .guide-list .g-list:nth-child(n+3) {margin-top: 30px;}
  .dealer-guide-content .guide-list .g-list .box{display: block;width: 100%;height: 100%; overflow: hidden;}
  .dealer-guide-content .guide-list .g-list h5{font-size: 25px;color: #fff;margin-top: 15px;margin-left: 20px;}
  .dealer-guide-content .guide-list .g-list strong{display: block;text-align: center;color: #fff;font-size: 50px;margin-top: 52px;}
  
  .dealer-guide-content .guide-list .g-list .tips{display: block;position: absolute;right: 20px;top: -10px;height: 20px;background: #26be58;padding: 0 8px;border-radius: 10px;color: #fff;font-size: 12px;line-height: 20px;box-shadow: 1px 2px 2px #000;}
  .dealer-guide-content .guide-list .g-list b{position: absolute;font-weight: 600;color: #fff;right: 40px;top: 75px;}
  
  .dealer-guide-content .banner-show{width: 1100px;height: 540px;overflow: hidden;}
  .dealer-guide-content .banner-show-swiper{overflow: hidden;/*border:1px solid #dcdcdc;border-radius: 5px;*/width: 1100px; height: 540px;position: relative;}
  .dealer-guide-content .banner-show-swiper .swiper-wrapper {height: 540px;}
  .dealer-guide-content .banner-show-swiper .swiper-wrapper .img-list {width: 1100px!important;height: 540px;}
  .dealer-guide-content .banner-show-swiper .swiper-wrapper .img-list a{display: block;width: 100%;height: 100%; overflow: hidden;}
  .dealer-guide-content .banner-show-swiper .swiper-wrapper .img-list img{width: 100%;}
  .dealer-guide-content .banner-show-swiper .swiper-wrapper .img-list a.img-04-btn{position: absolute;display: block; bottom: 105px; width: 230px;height: 60px;}
  .dealer-guide-content .banner-show-swiper .swiper-wrapper .img-list a.img-04-btn01{left: 140px;}
  .dealer-guide-content .banner-show-swiper .swiper-wrapper .img-list a.img-04-btn02{left: 435px;}
  
  .shop-role-forbid-popup{
    width: 360px;
    height: 285px;
    background: linear-gradient( 180deg, #FFFFFF 0%, #E7ECFF 0%, #FFFFFF 100%);
    border-radius: 12px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 29;
  }
  .shop-role-forbid-popup .closebtn{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
  .shop-role-forbid-popup .closebtn img{
    display: block;
    margin: 10px auto;
    width: 20px;
    height: 20px;
  }
  .shop-role-forbid-popup .forbid-pic{
    margin: 30px auto 16px;
    width: 170px;
    height: 90px;
    display: block;
  }
  .shop-role-forbid-popup .info{
    width: 240px;
    font-size: 16px;
    color: #363636;
    line-height: 22px;
    text-align: justify;
    margin: 0 auto;
  }
  .shop-role-forbid-popup .tools-area{
    width: 280px;
    margin: 33px auto 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .shop-role-forbid-popup .tools-area a{
    width: 126px;
    height: 42px;
    border: 1px solid #5F89FF;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
  }
  .shop-role-forbid-popup .tools-area a:first-child{
    color: #5F89FF;
    background: #fff;
  }
  .shop-role-forbid-popup .tools-area a:last-child{
    color: #FFFFFF;
    background: #5F89FF;
  }
  
  .trends-con{margin-top: 40px;display: flex;flex-direction: row;}
  .trends-con .trends-box{width: 770px;border:1px solid #dcdcdc;border-radius: 5px;padding-top: 20px;min-height: 400px;}
  .trends-con .trends-box .item{margin-bottom: 8px;width: 90%;margin: 0 auto 10px auto;}
  .trends-con .trends-box .item h5{float: left;font-size: 18px;color: #3b454c;position: relative;line-height: 24px;}
  .trends-con .trends-box .item h5 a{display: block;position: absolute;right: -35px;top: -10px;height: 20px;background: #26be58;padding: 0 8px;border-radius: 10px;color: #fff;font-size: 12px;line-height: 20px;box-shadow: 1px 2px 2px #000;}
  .trends-con .trends-box .item .morelink{float: right;color: #3b454c;line-height: 24px;}
  .trends-con .trends-box dl{width: 90%;margin: 0 auto;height: 60px;line-height: 60px;border-bottom: 1px solid #dcdcdc;}
  .trends-con .trends-box dl:hover{background: #f0f0f0;}
  .trends-con .trends-box dl dt{overflow: hidden;padding-left: 2%;color: #3b454c;font-weight: 600;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;}
  .trends-con .trends-box dl dt a{color: #3b454c;}
  .trends-con .trends-box dl dt strong{font-weight: normal;color: #7e8e98;font-size: 14px;}
  .trends-con .trends-box dl dd{float: right;width: 160px;text-align: center;color: #7e8e98;font-size: 12px;}
  .trends-con .trends-box-right{margin-left: 60px;}
  
  .left-content .file-box{background: #131e25;overflow: hidden;}
  .left-content .file-box .file-list{border-bottom: 1px solid #1c2b36;height: 40px;line-height: 40px;}
  .left-content .file-box .file-list a{display:block;width: 100%;height: 40px;color: #8dacc4;font-size: 12px;position: relative;}
  .left-content .file-box .file-list a span{float: left;padding-left: 60px;}
  .left-content .file-box .company-file-list a i{position: absolute;left: 30px;font-size: 14px;}
  .left-content .file-box .company-file-list a span{width: 120px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  
  .left-content .file-box .case-file-list a i{position: absolute;left: 30px;font-size: 14px;}
  .left-content .file-box .case-file-list a span{width: 160px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  
  .left-content .file-box .file-list a b{float: right;margin-right: 15px;}
  .left-content .file-box .file-list a:hover{color: #fff;}
  .left-content .file-box .file-list.selected{border-bottom: 1px solid #131e25;}
  .left-content .file-box .file-list.selected a{color: #fff;}
  .left-content .file-box .filelist-box{border-bottom:1px solid #1c2b36;}
  .left-content .file-box .filelist-box .file-mlist{height: 40px;line-height: 40px;position: relative;}
  .left-content .file-box .filelist-box .file-mlist a{width: 100%;height: 40px;color: #8dacc4;font-size: 12px;display: block;}
  .left-content .file-box .filelist-box .file-mlist a:hover{color: #fff;}
  .left-content .file-box .filelist-box .file-mlist.selected a{color: #fff;}
  .left-content .file-box .filelist-box .file-mlist a .iconfont{font-size: 14px;margin: 0 20px;float: left;}
  .left-content .file-box .filelist-box .file-mlist a span{float: left;width: 140px;height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  .left-content .file-box .filelist-box .file-mlist a span input{border:0;background: #fff;height: 25px;padding: 0 5px;width: 120px;font-size: 12px;color: #484848;}
  .left-content .file-box .filelist-box .file-mlist .icon-bianji1{position: absolute;right: 28px;top: 0px;color: #fff;cursor: pointer;display: none;}
  .left-content .file-box .filelist-box .file-mlist .icon-shanchu{position: absolute;right: 28px;top: 0px;color: #fff;cursor: pointer;font-size: 14px;}
  .left-content .file-box .filelist-box .file-mlist:hover .icon-bianji1{display: inline-block;}
  .left-content .file-box .filelist-box .file-mlist:hover strong{display: none;}
  .left-content .file-box .filelist-box .file-mlist .icon-bianji1:hover{color: #ff6b31;}
  .left-content .file-box .filelist-box .file-mlist .icon-shanchu:hover{color: #ff6b31;}
  .left-content .file-box .filelist-box .file-slist{height: 40px;line-height: 40px;position: relative;}
  .left-content .file-box .filelist-box .file-slist a{width: 100%;height: 40px;color: #8dacc4;font-size: 12px;display: block;}
  .left-content .file-box .filelist-box .file-slist.selected a,.left-content .file-box .filelist-box .file-slist a:hover{color: #fff;}
  .left-content .file-box .filelist-box .file-slist a .iconfont{font-size: 14px;margin: 0 10px 0 30px;float: left}
  .left-content .file-box .filelist-box .file-mlist a strong,.left-content .file-box .filelist-box .file-slist a strong{position: absolute;right: 28px;top: 0px;color: #fff;}
  .left-content .file-box .filelist-box .file-slist a span{float: left;width: 140px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  .left-content .file-box .filelist-box .file-slist a span input{border:0;background: #fff;height: 25px;padding: 0 5px;width: 120px;font-size: 12px;color: #484848;}
  .left-content .file-box .filelist-box .file-slist .icon-bianji1{position: absolute;right: 28px;top: 0px;color: #fff;cursor: pointer;display: none;}
  .left-content .file-box .filelist-box .file-slist:hover .icon-bianji1{display: inline-block;}
  .left-content .file-box .filelist-box .file-slist:hover strong{display: none;}
  .left-content .file-box .filelist-box .file-slist .icon-shanchu{position: absolute;right: 28px;top: 0px;color: #fff;cursor: pointer;font-size: 14px;}
  .left-content .file-box .filelist-box .file-slist .icon-bianji1:hover{color: #ff6b31;}
  .left-content .file-box .filelist-box .file-slist .icon-shanchu:hover{color: #ff6b31;}
  .left-content .file-box .addfile{width: 80px;height: 22px;text-align: center;line-height: 22px;color: #fff;background: #23b7e5;font-size: 12px;border-radius: 5px;margin: 15px auto;cursor: pointer;}
  .left-content .file-box .addfile:hover{background: #1fa6d0;}
  .left-content .file-box .c-filelist{height: 40px;line-height: 40px;position: relative;border-bottom: 1px solid #1c2b36;}
  .left-content .file-box .c-filelist a{width: 100%;height: 40px;color: #8dacc4;font-size: 12px;display: block;}
  .left-content .file-box .c-filelist a:hover{color: #fff;}
  .left-content .file-box .c-filelist.selected a{color: #fff;}
  .left-content .file-box .c-filelist a span{float: left;padding-left: 20px;width: 150px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  .left-content .file-box .c-filelist a span i{margin-right: 20px;}
  .left-content .file-box .c-filelist a b{float: right;margin-right: 15px;}
  .left-content .file-box .c-fixed-filelist a span{padding-left: 60px;width: auto;}
  .left-content .file-box .add-c-group{display: block;width: 80px;height: 22px;text-align: center;line-height: 22px;color: #fff;background: #23b7e5;font-size: 12px;border-radius: 5px;margin: 15px auto;cursor: pointer;}
  .left-content .file-box .add-c-group:hover{background: #1fa6d0;}
  
  .dealer-productupload-content{margin-left: 478px;padding: 40px;background: #f8f8f8;transition: all 0.5s;-webkit-transition: all 0.5s; /* Safari */}
  .dealer-productupload-content .productupload-content{border:1px solid #dcdcdc;border-radius: 5px;background: #fff;padding: 20px;}
  .dealer-productupload-content .productupload-content .item{height: 40px;background: #1c2b36;position: relative;margin-bottom: 40px;}
  .dealer-productupload-content .productupload-content .item h5{float: left;width: 100px;text-align: center;line-height: 40px;background: #23b7e5;color: #fff;font-weight: 600;}
  .dealer-productupload-content .productupload-content .item span{float: right;font-size: 12px;color: #fff;font-weight: 600;margin-right: 60px;line-height: 40px;}
  .dealer-productupload-content .productupload-content .item .btn{position: absolute;top: 0;right: 10px;cursor: pointer;font-size: 12px;color: #fff;font-weight: 600;line-height: 40px;}
  
  .dealer-productupload-content .productupload-content dl{margin-bottom: 40px;}
  .dealer-productupload-content .productupload-content dl dt{float: left;width: 100px;text-align: right;color: #484848;line-height: 40px;margin-right: 30px;}
  .dealer-productupload-content .productupload-content dl dt b{color: #ff0000;font-weight: 600;font-size: 14px;}
  .dealer-productupload-content .productupload-content dl dt strong{display: block;line-height: 12px;color: #3b454c;font-size: 12px;margin-top: -8px;}
  .dealer-productupload-content .productupload-content dl dd{float: left;position: relative;z-index:1;}
  .dealer-productupload-content .productupload-content dl dd input{height: 18px;padding: 10px 10px;border:1px solid #dcdcdc;border-radius: 5px;color: #484848;}
  .dealer-productupload-content .productupload-content dl dd input:focus{border:1px solid #23b7e5;}
  .dealer-productupload-content .productupload-content dl dd input.long-text{width: 378px;}
  .dealer-productupload-content .productupload-content dl dd input.mid-text{width: 258px;}
  .dealer-productupload-content .productupload-content dl dd input.short-text{width: 40px;}
  .dealer-productupload-content .productupload-content dl dd select{height: 38px;border:1px solid #dcdcdc;border-radius: 5px;color: #3b454c;font-size: 12px;font-weight: 600;margin-right: 20px;}
  .dealer-productupload-content .productupload-content dl dd select.long-select{width: 278px;}
  .dealer-productupload-content .productupload-content dl dd select.mid-select{width: 158px;}
  .dealer-productupload-content .productupload-content dl dd .brand-link{display: inline-block;width: 120px;height: 30px;text-align: center;line-height: 30px;background: #1e82e6;color: #fff;font-size: 12px;border-radius: 5px;}
  .dealer-productupload-content .productupload-content dl dd .brand-link:hover{background: #1b71c8;}
  .dealer-productupload-content .productupload-content dl dd .select-box{padding-top: 9px;}
  .dealer-productupload-content .productupload-content dl dd .select-box span ,.dealer-productupload-content .productupload-content dl dd .tips span{display: inline-block;margin-right: 20px;color: #8dacc4;font-size: 12px;font-weight: 600;line-height: 12px;cursor: pointer;margin-bottom: 10px;}
  .dealer-productupload-content .productupload-content dl dd .select-box span b,.dealer-productupload-content .productupload-content dl dd .tips span b{display: inline-block;width: 8px;height: 8px;border:2px solid #8dacc4;vertical-align: top;margin-right: 5px;}
  .dealer-productupload-content .productupload-content dl dd .select-box span:hover,.dealer-productupload-content .productupload-content dl dd .select-box span.selected,.dealer-productupload-content .productupload-content dl dd .tips span:hover,.dealer-productupload-content .productupload-content dl dd .tips span.selected{color: #23b7e5;}
  .dealer-productupload-content .productupload-content dl dd .select-box span:hover b,.dealer-productupload-content .productupload-content dl dd .tips span:hover b{border:2px solid #23b7e5;}
  .dealer-productupload-content .productupload-content dl dd .select-box span.selected b,.dealer-productupload-content .productupload-content dl dd .tips span.selected b{background: url(../images/icon/11_03.png) no-repeat center;border:2px solid #23b7e5;background-color: #23b7e5;}
  .dealer-productupload-content .productupload-content dl dd .tips{padding-top: 15px;}
  .dealer-productupload-content .productupload-content dl dd .tips b{font-size: 12px;color: #c8c8c8;font-weight: 600;}
  .dealer-productupload-content .productupload-content dl dd textarea{width: 700px;height: 150px;border:1px solid #dcdcdc;padding: 20px;line-height: 20px;color: #484848;resize:none;border-radius: 5px;font-size: 14px;}
  .dealer-productupload-content .productupload-content dl dd textarea:focus{border:1px solid #23b7e5;}
  .dealer-productupload-content .productupload-content dl dd .color-box{margin-bottom: -10px;}
  .dealer-productupload-content .productupload-content dl dd .color-box span{display: inline-block;width: 28px;height: 23px;border:1px solid #e3e3e3;text-align: center;line-height: 23px;margin-right: 10px;margin-bottom: 10px;cursor: pointer;position: relative;}
  .dealer-productupload-content .productupload-content dl dd .color-box span i{font-size: 14px;color: #fff;opacity: 0;filter:alpha(opacity=0);font-weight: normal;position: relative;z-index: 2;}
  .dealer-productupload-content .productupload-content dl dd .color-box span.selected i{opacity: 1;filter:alpha(opacity=100);}
  .dealer-productupload-content .productupload-content dl dd .color-box span img{position: absolute;font-size: 12px;display: block;width: 28px;color:#888;}
  .dealer-productupload-content .productupload-content dl dd .word{color: #484848;font-weight: 600;margin: 0 20px 0 10px;}
  .dealer-productupload-content .productupload-content dl dd .zdy{padding-top: 20px;}
  .dealer-productupload-content .productupload-content dl dd .zdy input{height: 18px;padding: 10px 10px;border:1px solid #888;border-radius: 5px;color: #484848;width: 170px;}
  .dealer-productupload-content .productupload-content dl dd .zdy input:focus{border:1px solid #23b7e5;}
  .dealer-productupload-content .productupload-content dl dd ul li{float: left;margin-right: 20px;position: relative;}
  .dealer-productupload-content .productupload-content dl dd ul li .deletebtn{position: absolute;width: 18px;height: 18px;border:1px solid #dcdcdc;top: 0;right: 0;background: #fff;cursor: pointer;text-align: center;line-height: 18px;z-index: 2;}
  .dealer-productupload-content .productupload-content dl dd ul li .deletebtn i{font-size: 10px;color: #484848;}
  .dealer-productupload-content .productupload-content dl dd ul li .list{width: 100px;height: 100px;padding: 5px;border:1px solid #dcdcdc;cursor: pointer;position: relative;}
  .dealer-productupload-content .productupload-content dl dd ul li .list span{display: block;width: 100px;height: 100px;background: #8dacc4;text-align: center;line-height: 100px;position: relative;}
  .dealer-productupload-content .productupload-content dl dd ul li .list span i{color: #fff;font-size: 30px;}
  .dealer-productupload-content .productupload-content dl dd ul li .list span b{display: block;position: absolute;width: 100%;text-align: center;font-size: 12px;color: #fff;left: 0;bottom: 10px;line-height: 14px;}
  .dealer-productupload-content .productupload-content dl dd ul li .list img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .dealer-productupload-content .productupload-content dl dd ul li .setting{text-align: center;font-size: 12px;color: #484848;line-height: 20px;padding-top: 5px;}
  .dealer-productupload-content .productupload-content dl dd ul li .setting b{display: inline-block;width: 18px;height: 18px;border:1px solid #dcdcdc;text-align: center;line-height: 18px;margin-right: 10px;cursor: pointer;}
  .dealer-productupload-content .productupload-content dl dd ul li .setting b i{font-size: 12px;color: #23b7e5;}
  .dealer-productupload-content .productupload-content dl dd ul li .setting span{vertical-align: top;}
  .dealer-productupload-content .productupload-content dl dd ul li:hover .list{padding: 4px;border:2px solid #8dacc4;}
  .dealer-productupload-content .productupload-content dl dd ul li:hover .setting{color: #8dacc4;font-weight: 600;}
  .dealer-productupload-content .productupload-content .keepbtn{width: 140px;height: 30px;background: #26be58;text-align: center;line-height: 30px;color: #fff;margin: 0 auto;border-radius: 5px;cursor: pointer;border: 0;display: block;}
  .dealer-productupload-content .productupload-content .keepbtn:hover{background: #21a34c;}
  
  .product-content{height: 700px;background: #fff;position: relative;overflow:hidden;border-radius:10px;}
  .product-content .product-content-left{overflow: hidden;background: #fff;margin: 50px 0;position: relative;}
  .product-content .product-content-left .copy-avatar{ position: absolute; left: 50px; top: 0; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; overflow: hidden; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12); z-index: 2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
  .product-content .product-content-left .copy-avatar img{width: 100%;height: 100%;}
  .product-content .product-content-left .picbox{margin: 0 50px 40px 50px;height: 500px;position: relative;}
  .product-content .product-content-left .picbox img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .product-content .product-content-left .piclist{width: 100%;box-sizing: border-box;padding: 0 0 0 50px;overflow: hidden;}
  .product-content .product-content-left .piclist ul{float: left;}
  .product-content .product-content-left .piclist ul li{float: left;width: 58px;height: 58px;overflow: hidden;position: relative;margin-right: 20px;border:1px solid #fff;border-radius: 5px;cursor: pointer;}
  .product-content .product-content-left .piclist ul li img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 90%;max-height: 90%;}
  .product-content .product-content-left .piclist ul li.selected,.product-content .product-content-left .piclist ul li:hover{border:1px solid #bcbcbc;box-shadow: 0 0 10px #888;}
  
  .product-content .product-content-left .card{cursor: pointer; position: absolute; right: 100px; bottom: 0;background: #fff;}
  .product-content .product-content-left .card-company{cursor: pointer; position: absolute; right: 282px; bottom: 0;background: #fff;}
  .product-content .product-content-left .card .op, .product-content .product-content-left .card-company .op{float: left;}
  .product-content .product-content-left .card .opface, .product-content .product-content-left .card-company .opface{width: 40px;height: 40px;overflow: hidden;border:1px solid #b7b7b7;border-radius: 50%;margin-top: 10px;cursor: pointer;}
  .product-content .product-content-left .card .opface img, .product-content .product-content-left .card-company .opface img{display: block;width: 100%;height: 100%;}
  .product-content .product-content-left .card .opname, .product-content .product-content-left .card-company .opname{color: #3b454c;line-height: 60px;margin-left: 20px;width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .product-content .product-content-left .card:hover .opface, .product-content .product-content-left .card-company:hover .opface{border:1px solid #000;}
  .product-content .product-content-left .card:hover .opname, .product-content .product-content-left .card-company:hover .opname{color: #000;font-weight: 600;}
  
  .single-share-code{position: absolute;z-index: 10;width: 280px; padding: 15px 20px;box-sizing: border-box; border-radius: 10px;background: #fff;overflow: hidden;box-shadow: 0 0 10px #888;display: none;}
  .single-share-code .code-head{width: 100%; overflow: hidden;}
  .single-share-code .code-head span{float: left; height: 20px;line-height: 20px;font-size: 12px; color: #000;}
  .single-share-code .code-head a{float: right; height: 20px;line-height: 20px;font-size: 26px;color: #999; width: 20px; text-align: center; text-decoration: none;}
  .single-share-code .code-pic{ width: 220px; height: 220px;margin: 10px auto;}
  .single-share-code .code-pic img{width: 100%; height: 100%;}
  .single-share-code .code-tips{line-height: 20px;font-size: 12px; color: #000;}
  
  .card-showbox-win{position: absolute;z-index: 10;width: 540px;border-radius: 10px;background: #fff;overflow: hidden;box-shadow: 0 0 10px #888;display: none;}
  .card-showbox-win .item{width: 510px;height: 100px;background: url(../images/mimage/card-bg.jpg) no-repeat center;padding-left: 30px;padding-top: 19px;position: relative;}
  .card-showbox-win .item h5{font-size: 18px;color: #fff;font-weight: 600;line-height: 30px;}
  .card-showbox-win .item h5 i{font-size: 30px;vertical-align: middle;margin-right: 20px;font-weight: normal;}
  .card-showbox-win .item .face{position: absolute;width: 100px;height: 100px;display: block;overflow: hidden;border-radius: 50%;border:10px solid #fff;left: 50%;margin-left: -60px;top: 60px;}
  .card-showbox-win .item .face img{width: 100px;height: 100px;}
  .card-showbox-win .info{margin-top: 80px;padding-bottom: 45px;}
  .card-showbox-win .info .ewm{width: 100px;height: 100px;overflow: hidden;float: left;margin-left: 40px;margin-right: 50px;}
  .card-showbox-win .info .ewm img{width: 100px;height: 100px;}
  .card-showbox-win .info .info-c{float: left;}
  .card-showbox-win .info .info-c dl{width: 350px;border-bottom: 1px solid #dcdcdc;line-height: 45px;}
  .card-showbox-win .info .info-c dl dt{float: left;color: #3b454c;font-weight: 600;width: 80px;}
  .card-showbox-win .info .info-c dl dt i{font-size: 18px;vertical-align: middle;color: #7e8e98;margin-right: 5px;}
  .card-showbox-win .info .info-c dl dd{float: left;color: #3b454c;}
  .card-company-show-box-win{position: absolute;z-index: 10;width: 540px;border-radius: 10px;background: #fff;overflow: hidden;box-shadow: 0 0 10px #888;display: none;}
  .card-company-show-box-win .item{width: 540px;height: 119px;background: url(../images/mimage/card-bg.jpg) no-repeat center;padding-left: 30px;padding-top: 19px;position: relative;box-sizing: border-box;}
  .card-company-show-box-win .item h5{font-size: 18px;color: #fff;font-weight: 600;line-height: 30px;}
  .card-company-show-box-win .item h5 i{font-size: 30px;vertical-align: middle;margin-right: 20px;font-weight: normal;}
  .card-company-show-box-win .item .face{position: absolute;width: 120px;height: 120px;display: block;overflow: hidden;border-radius: 50%;border:10px solid #fff;left: 50%;margin-left: -60px;top: 60px;box-sizing: border-box;}
  .card-company-show-box-win .item .face img{width: 100px;height: 100px;}
  .card-company-show-box-win .info{margin-top: 80px;padding-bottom: 45px;}
  .card-company-show-box-win .info .info-c{width: 480px;margin: 0 auto;}
  .card-company-show-box-win .info .info-c dl{    border-bottom: 1px solid #dcdcdc;line-height: 45px;padding-left: 50px;}
  .card-company-show-box-win .info .info-c dl dt{float: left;color: #3b454c;font-weight: 600;width: 80px;}
  .card-company-show-box-win .info .info-c dl dt i{font-size: 18px;vertical-align: middle;color: #7e8e98;margin-right: 5px;}
  .card-company-show-box-win .info .info-c dl dd{float: left;color: #3b454c;max-width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  
  .product-content .product-content-right{width: 800px;float: right;height: 700px;}
  .product-content .product-content-right .detail-box{padding: 0 30px;width: 400px;float: left;height: 600px;margin-top: 50px;border-left: 1px solid #dcdcdc;position: relative;box-sizing: border-box;}
  .product-content .product-content-right .detail-box .opbtn{width: 28px;height: 28px;border:1px solid #23b7e5;position: absolute;top: -30px;right: 20px;text-align: center;line-height: 28px;cursor: pointer;}
  .product-content .product-content-right .detail-box .opbtn i{color: #23b7e5;}
  .product-content .product-content-right .detail-box .opbtn:hover{background: #23b7e5;}
  .product-content .product-content-right .detail-box .opbtn:hover i{color: #fff;}
  .product-content .product-content-right .detail-box .top{border-bottom: 1px solid #dcdcdc;}
  .product-content .product-content-right .detail-box .top h5{color: #3b454c;font-size: 18px;font-weight: 600;line-height: 30px;margin-bottom: 15px;}
  .product-content .product-content-right .detail-box .top .price-box{display: flex;flex-direction: row;align-items: center;}
  .product-content .product-content-right .detail-box .top .price-title{font-size: 12px;color: #999999;}
  .product-content .product-content-right .detail-box .top .price-cont{color: #3b454c;font-size: 18px;font-weight: 600;margin-left: 15px;}
  .product-content .product-content-right .detail-box .top .price-cont span{font-size: 14px;}
  .product-content .product-content-right .detail-box .top .price-cont.price-cost{color: #F0AF01;}
  .product-content .product-content-right .detail-box .middle{border-bottom: 1px solid #dcdcdc;padding-bottom: 15px;box-sizing: border-box;}
  .product-content .product-content-right .detail-box .middle dl{padding: 15px 0 20px 0;}
  .product-content .product-content-right .detail-box .middle dl dt{font-size: 12px;font-weight: 600;color: #3b454c;line-height: 24px;}
  .product-content .product-content-right .detail-box .middle dl dd{font-size: 12px;color: #3b454c;line-height: 24px;word-break: break-all;max-height: 192px;overflow-y: auto;}
  .product-content .product-content-right .detail-box .middle p{color: #3b454c;font-size: 12px;line-height: 24px;}
  .product-content .product-content-right .detail-box .middle p strong{font-weight: 600;}
  .product-content .product-content-right .detail-box .middle .price{color: #3b454c;font-size: 12px;line-height: 24px;font-weight: 600;margin-top: 25px;margin-bottom: 15px;}
  
  .product-content .product-content-right .detail-box .share{padding-top: 15px; position: relative;}
  
  .product-content .product-content-right .detail-box .share .flex-row{display: flex;flex-direction: row;align-items: center;margin-bottom: 10px;}
  
  .product-content .product-content-right .detail-box .share .editlink,.product-content .product-content-right .detail-box .share .add-quotation{
      width: 100px;height: 34px;border: 1px solid #C4C4C4; background: #F4F4F4;display: block;line-height: 32px; color: #333333;font-size: 14px;border-radius: 18px;margin-right: 8px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);text-align: center;box-sizing: border-box;
  }
  
  .product-content .product-content-right .detail-box .share .open-upper-card{
    width: 100px;
    height: 34px;
    border: 1px solid #C5D5FF;
    background: #F3F6FF;
    display: block;
    line-height: 32px;
    color: #5E88FE;
    font-size: 14px;
    border-radius: 18px;
    box-shadow: 0px 1px 4px 0px rgba(188,189,195,0.3);
    text-align: center;
    box-sizing: border-box;
}
  
  .product-content .product-content-right .detail-box .share .sharebtn{float: left;margin-left: 10px;}
  
  .product-content .product-content-right .detail-box .share .share-expand{display: flex;flex-direction: row;align-items: center;}
  .product-content .product-content-right .detail-box .share .share-expand .zip-download{width: 78px;height: 36px;line-height: 36px;font-size: 14px;color: #fff;border-radius: 18px;text-align: center;}
  .product-content .product-content-right .detail-box .share .share-expand .zip-download.zip3d{ background: linear-gradient(270deg, #C3D3FF 0%, #608AFF 100%); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);}
  .product-content .product-content-right .detail-box .share .share-expand .zip-download.ziphd{ background: linear-gradient(270deg, #9DFFA6 0%, #72EF7C 100%); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);}
  .product-content .product-content-right .detail-box .share .share-expand .zip-download.zipsu{ background: linear-gradient(270deg, #B6ECFF 0%, #3FCCEF 100%); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);}
  .product-content .product-content-right .detail-box .share .share-expand .zip-download.zipplan{ background: linear-gradient(270deg, #F8EDAC 0%, #F6DD34 100%); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);}
  .product-content .product-content-right .detail-box .share .share-expand .zip-download:not(:first-child){margin-left: 8px;}
  
  .product-content .product-content-right .product-helper{float: left;width: 400px;background: #f0f0f0;height: 700px;display: block;}
  .product-content .product-content-right .product-helper .item{height: 40px;line-height: 40px;text-align: center;background: #23b7e5;color: #fff;font-weight: 600;position: relative;}
  .product-content .product-content-right .product-helper .item i{font-weight: normal;position: absolute;right: 40px;font-size: 20px;}
  .product-content .product-content-right .product-helper .cs-select-box{padding: 20px 20px 40px 20px;height: 660px;box-sizing: border-box;}
  .product-content .product-content-right .product-helper .cs-select-box dl{margin-bottom: 20px;}
  .product-content .product-content-right .product-helper .cs-select-box dl dt{float: left;width: 50px;text-align: right;font-size: 12px;color: #3b454c;font-weight: 600;line-height: 30px;}
  .product-content .product-content-right .product-helper .cs-select-box dl dt strong{display: block;font-weight: 600;margin-top: -15px;margin-right: 5px;}
  .product-content .product-content-right .product-helper .cs-select-box dl dd{float: left;width: 286px;margin-left: 15px;}
  .product-content .product-content-right .product-helper .cs-select-box dl dd span{float: left;padding: 0 20px;height: 28px;background: #fff;border:1px solid #dcdcdc;margin-right: 15px;margin-bottom: 10px;text-align: center;line-height: 26px;border-radius: 5px;overflow: hidden;font-size: 12px;color: #8dacc4;font-weight: 600;cursor: pointer;box-sizing: border-box;}
  .product-content .product-content-right .product-helper .cs-select-box dl dd span:hover{border:1px solid #23b7e5;}
  .product-content .product-content-right .product-helper .cs-select-box dl dd span.selected{border:2px solid #23b7e5;line-height: 24px;box-shadow: 0 0 5px #999;color: #23b7e5;}
  .product-content .product-content-right .product-helper .cs-select-box dl dd span.disabled{background: #f0f0f0;border:1px solid #dcdcdc;box-shadow: 0 0 0 #999;cursor:not-allowed;}
  .product-content .product-content-right .product-helper .detail{height: 215px;background: #dcdcdc;padding: 25px 40px 0 40px;position: relative;}
  .product-content .product-content-right .product-helper .detail .price_original{position: absolute;top: 0;right: 0;width: 80px;height: 30px;text-align: center;line-height: 30px;background: #23b7e5;font-size: 12px;font-weight: 600;color:#fff;cursor: pointer;}
  .product-content .product-content-right .product-helper .detail .one-box{margin-bottom: 20px;}
  .product-content .product-content-right .product-helper .detail .one-box p{float: left;width: 150px;color: #3b454c;font-size: 12px;line-height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-right: 10px;}
  .product-content .product-content-right .product-helper .detail .one-box p strong{font-weight: 600;}
  .product-content .product-content-right .product-helper .detail .two-box{margin-bottom: 20px;}
  .product-content .product-content-right .product-helper .detail .two-box p{color: #3b454c;font-size: 12px;line-height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-right: 10px;}
  .product-content .product-content-right .product-helper .detail .two-box p strong{font-weight: 600;}
  .product-content .product-content-right .product-helper .detail .three-box p{color: #3b454c;font-size: 12px;line-height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-right: 10px;}
  .product-content .product-content-right .product-helper .detail .three-box p strong{font-weight: 600;}
  .product-description-item{color: #ffffff;font-weight: 600;font-size: 24px;margin: 60px 0 20px 0;}
  .product-description-box{background: #fff;border-radius: 10px;padding: 80px 100px;margin-bottom: 60px;}
  .product-description-box img{max-width: 100%;}
  .product-description-box p{line-height: 24px;color: #3b454c;}


  .product-desc-box{background: #fff;border-radius: 10px;margin-top: 40px;overflow: hidden;}
  .product-desc-box .desc_top{display: flex; flex-direction: row; box-sizing: border-box; padding: 30px 20px 0; justify-content: space-between;}
  .product-desc-box .desc_top li{box-sizing: border-box; text-align: center; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 205px; height: 121px; border-radius: 8px; padding: 0 15px;}
  .product-desc-box .desc_top li:nth-child(1){
    background: linear-gradient( 90deg, #D5DBE0 1%, #EAEEF0 100%);
  }
  .product-desc-box .desc_top li:nth-child(2){
    background: linear-gradient( 90deg, #DADAD1 1%, #EEEEE8 100%);
  }
  .product-desc-box .desc_top li:nth-child(3){
    background: linear-gradient( 90deg, #D9D2DB 1%, #EEE8EE 100%);
  }
  .product-desc-box .desc_top li:nth-child(4){
    background: linear-gradient( 90deg, #DED6D6 1%, #EDE8E8 100%);
  }
  .product-desc-box .desc_top li:nth-child(5){
    background: linear-gradient( 90deg, #D4DAD2 1%, #E9EEE8 100%);
  }
  .product-desc-box .desc_top li:nth-child(6){
    background: linear-gradient( 90deg, #D7D8E2 1%, #EBEBF1 100%);
  }
  .product-desc-box .desc_top li.on{}
  .product-desc-box .desc_top li div{font-size: 20px; color: #333; line-height: 28px;}
  .product-desc-box .desc_top li img{height: 65px; width: auto;}
  
  
  .product-desc-box .desc_body{width: 100%; overflow: hidden;}
  .product-desc-box .desc_body li{width: 100%; padding: 25px 100px; box-sizing: border-box; overflow: hidden; display: none;}
  .product-desc-box .desc_body li img{max-width: 100%;}
  .product-desc-box .desc_body li p{line-height: 24px;color: #3b454c;}
  
  .product-desc-box .desc_body li.sales-guide{padding: 0 100px 25px; position: relative;}
  .product-desc-box .desc_body li.sales-guide .sales-tips-box{border-bottom: 1px solid #F3F3F3; padding-bottom: 20px;}
  .product-desc-box .desc_body li.sales-guide .sales-tips{margin-top: 20px; line-height: 24px;color: #999;font-size: 14px;}
  .product-desc-box .desc_body li.sales-guide .sales-tips img{width: 19px; height: 18px; margin-right: 10px;}
  .product-desc-box .desc_body li.sales-guide .sales-tips-box .upper-box{margin-top: 20px;display: flex;flex-direction: row;align-items: center;}
  .product-desc-box .desc_body li.sales-guide .sales-tips-box .upper-box .avatar{ width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden;}
  .product-desc-box .desc_body li.sales-guide .sales-tips-box .upper-box .name{font-size: 16px;color: #1A1A1A;line-height: 22px;margin-left: 8px;}
  .product-desc-box .desc_body li.sales-guide .sales-tips-box .upper-box .tel-icon{ width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden;display: flex;align-items: center;justify-content: center;background: #F3F9FF;margin-left: 16px;}
  .product-desc-box .desc_body li.sales-guide .sales-tips-box .upper-box .tel-icon img{width: 15px;height: 15px;}
  .product-desc-box .desc_body li.sales-guide .sales-tips-box .upper-box .tel-text{margin-left: 6px;font-size: 14px;color: #5E88FE;line-height: 20px;}
  .product-desc-box .desc_body li.sales-guide .sales-item{margin-top: 20px;display: flex;flex-direction: row;}
  .product-desc-box .desc_body li.sales-guide .sales-item .sales-line-box{ overflow: hidden;}
  .product-desc-box .desc_body li.sales-guide .sales-item .sales-line-box .sales-cc{display: flex; flex-direction: row; overflow: hidden;}
  .product-desc-box .desc_body li.sales-guide .sales-item .sales-line-box .sales-cc div{height: 23px; line-height: 23px; overflow: hidden; color: #333333; font-size: 14px;}
  .product-desc-box .desc_body li.sales-guide .sales-item .sales-line-box .sales-cc div:first-child{width: 90px; font-weight: bold;}
  .product-desc-box .desc_body li.sales-guide .sales-item .sales-line-box .sales-cc div:last-child{min-width: 300px; max-width: 460px; white-space: nowrap; text-overflow: ellipsis; }
  .product-desc-box .desc_body li.sales-guide .sales-price-item{display: flex;flex-direction: row;align-items: center;justify-content: space-between; margin-top: 20px; border-top: 1px solid #F3F3F3; padding-top: 20px;}
  .product-desc-box .desc_body li.sales-guide .sales-price-item div:first-child{height: 20px; line-height: 20px; overflow: hidden; font-weight: bold; color: #333333; font-size: 14px;}
  .product-desc-box .desc_body li.sales-guide .sales-price-item div:last-child{height: 22px; line-height: 22px; overflow: hidden; font-weight: bold; color: #333333; font-size: 16px;}
  .product-desc-box .desc_body li.sales-guide .sales-price-item div:last-child.price-cost{color: #F0AF01;}
  .product-desc-box .desc_body li.sales-guide .sales-remarks{ margin: 20px 0 20px; height: 20px; line-height: 20px; font-size: 18px; color: #333333;font-weight: bold;border-top: 1px solid #F3F3F3; padding-top: 20px;}
  .product-desc-box .desc_body li.sales-guide .sales-remarks-cont{width: 100%; box-sizing: border-box; overflow: hidden;}
  .product-desc-box .desc_body li.sales-guide .sales-remarks-cont img{max-width: 100%;}
  .product-desc-box .desc_body li.sales-guide .sales-remarks-cont p{line-height: 24px;color: #3b454c;}
  
  
  .flex-wrap {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
  }
  
  .row-between {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  
  /*通用滚动条样式*/
  .scroll-box {
      -webkit-overflow-scrolling: touch;
      overflow: auto !important;
  }
  
  .scroll-box::-webkit-scrollbar {
      width: 3px;
      height: 1px;
      background: rgba(255, 255, 255, 0);
      z-index: 9;
      /*height: 4px;*/
  }
  
  .scroll-box::-webkit-scrollbar-thumb {
      border-radius: 2px;
      /*-webkit-box-shadow: inset 0 0 5px rgba(216, 216, 216, 1);*/
      background: rgba(216, 216, 216, 1);
      z-index: 9;
  }
  
  .scroll-box::-webkit-scrollbar-track {
      /*-webkit-box-shadow: inset 0 0 5px rgba(216, 216, 216, 1);*/
      background: rgba(255, 255, 255, 0);
      display: none;
      opacity: 0;
      z-index: 9;
  }

  .upper-card-box-popup, .upper-card-box-popup *{
    box-sizing: border-box;
  }
  
  .upper-card-box-popup{
      display: none;
      width: 400px;
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 9999;
      background: linear-gradient( 181deg, #E6ECFF 3%, #F4F8FB 26%);
      border-radius: 12px;
      overflow: hidden;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      padding: 40px;
  }

  .upper-card-box-popup .close-btn{
    position: absolute;
    right: 16px;
    top: 16px;
    width: 30px;
    height: 30px;
  }

  .upper-card-box-popup .avatar-box.avatar-sub{
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .upper-card-box-popup .avatar-box.avatar-fac{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .upper-card-box-popup .avatar-box img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #fff;
    overflow: hidden;
  }

  .upper-card-box-popup .avatar-box div{
    font-size: 22px;
    color: #000000;
    font-weight: 600;
    line-height: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .upper-card-box-popup .avatar-box.avatar-sub div{
    margin-left: 16px;
  }

  .upper-card-box-popup .avatar-box.avatar-fac div{
    margin-top: 19px;
  }

  .upper-card-box-popup .item-cont{
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .upper-card-box-popup .item-cont .title{
    width: 48px;
    font-size: 16px;
    color: #999999;
    line-height: 22px;
  }

  .upper-card-box-popup .item-cont .cont{
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    line-height: 22px;
  }

  .upper-card-box-popup .item-cont .copy-btn{
    margin-left: 12px;
    font-size: 14px;
    color: #5E88FE;
    line-height: 20px;
  }
  .upper-card-box-popup .item-cont.address{
    align-items: flex-start;
  }

  .upper-card-box-popup .item-cont.address .cont{
    display: table;
    max-width: 272px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  .add-quotation-box-popup, .add-quotation-box-popup *{
      box-sizing: border-box;
  }
  
  .add-quotation-box-popup{
      display: none;
      width: 1155px;
      height: 680px;
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 9999;
      background: #F8F8F8;
      border-radius: 8px;
      overflow: hidden;
  }
  
  .add-quotation-box-popup .title {
      width: 100%;
      height: 45px;
      background: #5F89FF;
      text-align: center;
      line-height: 45px;
      position: relative;
      color: #fff;
      font-weight: 600;
      font-size: 16px;
  }
  
  .add-quotation-box-popup .title .closebtn {
      display: block;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 45px;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
  }
  
  .add-quotation-box-popup .choose-cont{
      width: 100%;
      height: 555px;
      padding-top: 30px;
      display: flex;
      flex-direction: row;
  }
  
  .add-quotation-box-popup .list-cont, .add-quotation-box-popup .area-cont{
      max-height: 525px;
  }
  
  .add-quotation-box-popup .list-cont{
      width: 780px;
      border-right: 1px solid #E6E6E6;
  }
  
  .add-quotation-box-popup .list-cont ul{
      width: 708px;
      margin-left: 34px;
  }
  
  .add-quotation-box-popup .list-cont ul li{
      width: 150px;
      height: 167px;
      background: #FFFFFF;
      border-radius: 8px;
      border: 1px solid #FFFFFF;
      margin-bottom: 30px;
      text-align: center;
  }
  
  .add-quotation-box-popup .list-cont ul li:not(:nth-child(4n)) {
      margin-right: 35px;
  }
  
  .add-quotation-box-popup .list-cont ul li.on{
      border: 1px solid #5F89FF;
  }
  
  .add-quotation-box-popup .list-cont ul li.add-new{
      border: 1px solid rgba(95, 137, 255, 0.03);
      background: rgba(95, 137, 255, 0.03);
  }
  
  .add-quotation-box-popup .list-cont ul li:hover{
      box-shadow: 0px 2px 4px 1px rgba(227, 227, 227, 0.5);
  }
  
  .add-quotation-box-popup .list-cont ul li img{
      display: block;
      width: 92px;
      height: 78px;
      margin: 15px auto;
  }
  
  .add-quotation-box-popup .list-cont ul li .quo-name{
      height: 44px;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  .add-quotation-box-popup .list-cont ul li .quo-name p{
      display: table;
      margin: 0 auto;
      text-align: left;
      max-width: 116px;
      font-size: 16px;
      color: #333333;
      line-height: 22px;
      word-break: break-all;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
  }
  
  .add-quotation-box-popup .list-cont ul li.add-new img{
      width: 93px;
  }
  
  .add-quotation-box-popup .list-cont ul li.add-new p, .add-quotation-box-popup .list-cont ul li.on p{
      color: #5F89FF;
  }
  
  .add-quotation-box-popup .area-cont{
      width: 375px;
  }
  
  .add-quotation-box-popup .area-cont ul{
      width: 305px;
      margin-left: 34px;
  }
  
  .add-quotation-box-popup .area-cont ul li{
      width: 305px;
      height: 55px;
      border-radius: 4px;
      background: #FFFFFF;
      border: 1px solid #FFFFFF;
      line-height: 55px;
      font-size: 14px;
      color: #333333;
      margin-bottom: 12px;
      padding: 0 14px;
      text-align: left;
  }
  
  .add-quotation-box-popup .area-cont ul li.on{
      color: #5F89FF;
      border: 1px solid #5F89FF;
  }
  
  .add-quotation-box-popup .area-cont ul li.add-new{
      color: #5F89FF;
  }
  
  .add-quotation-box-popup .area-cont ul li:hover{
      box-shadow: 0px 2px 4px 1px rgba(227, 227, 227, 0.5);
  }
  
  
  .add-quotation-box-popup .empty-content{
      width: 230px;
      margin: 60px auto 0;
  }
  
  .add-quotation-box-popup .empty-content .empty-pic{
      width: 204px;
      height: 131px;
      margin: 0 auto;
  }
  
  .add-quotation-box-popup .empty-content .explain{
      margin-top: 20px;
      line-height: 20px;
      color: #666;
      font-size: 14px;
      text-align: center;
  }
  
  
  .add-quotation-box-popup .choose-add {
      width: 100%;
      height: 80px;
      background: #FFFFFF;
      overflow: hidden;
      box-shadow: 0px -2px 4px 0px rgba(227, 227, 227, 0.6);
      border-radius: 0px 0px 8px 8px;
  }
  
  .add-quotation-box-popup .choose-add .re-go-add {
      margin: 15px auto 0;
      width: 120px;
      height: 50px;
      background: #5F89FF;
      border-radius: 4px;
      text-align: center;
      line-height: 50px;
      font-size: 16px;
      color: #fff;
      font-weight: 600;
      cursor: pointer;
  }
  
  
  .dealer-introduce-content .introduce-item{padding-bottom: 20px;border-bottom:10px solid #dcdcdc;}
  .dealer-introduce-content .introduce-item .item-left{float: left;width: 770px;}
  .dealer-introduce-content .introduce-item .item-left dl dt{float: left;width: 78px;height: 78px;border:1px solid #dcdcdc;border-radius: 50%;overflow: hidden;background: #fff;margin-right: 20px;}
  .dealer-introduce-content .introduce-item .item-left dl dt img{width: 78px;height: 78px}
  .dealer-introduce-content .introduce-item .item-left dl dd{float: left;padding-top: 15px;}
  .dealer-introduce-content .introduce-item .item-left dl dd .wz{color: #929292;}
  .dealer-introduce-content .introduce-item .item-left dl dd .wz i{color: #e36159;vertical-align: top;margin-right: 15px;}
  .dealer-introduce-content .introduce-item .item-left dl dd .name{margin-top: 5px;}
  .dealer-introduce-content .introduce-item .item-left dl dd .name h5{float: left;font-size: 20px;color: #6f6f6f;}
  .dealer-introduce-content .introduce-item .item-left dl dd .name span{float: left;width: 80px;height: 20px;text-align: center;line-height: 20px;color: #fff;font-size: 10px;background: #dc2850;border-radius: 10px;margin-top: 5px;margin-left: 25px;}
  .dealer-introduce-content .introduce-item .item-right{float: right;padding-top: 30px;}
  .dealer-introduce-content .introduce-item .item-right span{float: left;}
  .dealer-introduce-content .introduce-item .item-right .addtagbtn{width: 198px;height: 38px;border:1px solid #dcdcdc;text-align: center;line-height: 38px;color: #3b454c;background: #fff;display: block;border-radius: 5px;cursor: pointer;margin-right: 40px;}
  .dealer-introduce-content .introduce-item .item-right .addpicbtn{width: 198px;height: 38px;border:1px solid #23b7e5;text-align: center;line-height: 38px;color: #fff;background: #23b7e5;display: block;border-radius: 5px;cursor: pointer;}
  .dealer-introduce-content .introduce-item .item-right .addtagbtn:hover{background: #ededed;}
  .dealer-introduce-content .introduce-item .item-right .addpicbtn:hover{background: #1798c0;border:1px solid #1798c0;}
  .dealer-introduce-content .tag-box{overflow: hidden;padding-top: 30px;padding-right: 150px;position: relative;height: 50px;}
  .dealer-introduce-content .tag-box a{float: left;min-width: 50px;height: 28px;line-height: 28px;text-align: center;padding: 0 15px;border:1px solid #c8c8c8;color: #6f6f6f;font-size: 12px;border-radius: 5px;margin-right: 20px;margin-bottom: 20px;cursor: pointer;}
  .dealer-introduce-content .tag-box a:hover{border:1px solid #ea4c89;}
  .dealer-introduce-content .tag-box a.selected{border:1px solid #ea4c89;background: #ea4c89;color: #fff;}
  .dealer-introduce-content .tag-box .slidebtn{width: 60px;height: 28px;border:1px solid #c8c8c8;background: #dcdcdc;text-align: center;line-height: 28px;position: absolute;right: 0;top: 30px;border-radius: 15px;cursor: pointer;}
  .dealer-introduce-content .tag-box .slidebtn i{color: #484848;}
  .dealer-introduce-content .tag-box .slidebtn:hover{background: #23b7e5;border:1px solid #23b7e5;}
  .dealer-introduce-content .tag-box .slidebtn:hover i{color: #fff;}
  
  .dealer-introduce-content .introduce-con{position: relative;margin-top: 20px;}
  .dealer-introduce-content .introduce-con .box {float: left;position:relative;}
  .dealer-introduce-content .introduce-con .box:hover {box-shadow: 0 0 10px #484848;}
  .dealer-introduce-content .introduce-con .box img{width: 245px; }
  .dealer-introduce-content .introduce-con .box .link{display: block;position: absolute;width: 30px;height: 30px;text-align: center;line-height: 30px;background: #fff;border-radius: 5px;left: 10px;top: 10px;}
  .dealer-introduce-content .introduce-con .box .link i{color: #252525;font-size: 24px;}
  .dealer-introduce-content .introduce-con .box .link:hover{background: #23b7e5;}
  .dealer-introduce-content .introduce-con .box .link:hover i{color: #fff;}
  .dealer-introduce-content .introduce-con .box .deletebtn{display: none;position: absolute;width: 30px;height: 30px;text-align: center;line-height: 30px;background: #fff;border-radius: 5px;right: 10px;top: 10px;cursor: pointer;}
  .dealer-introduce-content .introduce-con .box:hover .deletebtn{display: block;}
  .dealer-introduce-content .introduce-con .box .deletebtn i{color: #252525;font-size: 20px;}
  .dealer-introduce-content .introduce-con .box .deletebtn:hover{background: #888;}
  .dealer-introduce-content .introduce-con .box .deletebtn:hover i{color: #fff;}
  
  .dealer-intro-addpicwin,.dealer-intro-addtagwin{width: 1020px;height: 600px;background: #fff;position: fixed;left: 50%;top: 50%;margin-left: -510px;margin-top: -300px;z-index: 21;overflow: hidden;border-radius: 10px;display: none;}
  .dealer-intro-addpicwin .item,.dealer-intro-addtagwin .item{height: 60px;text-align: center;line-height: 60px;background: #f8f8f8;position: relative;font-size: 18px;font-weight: 600;color: #8dacc4;margin-bottom: 70px;}
  .dealer-intro-addpicwin .item .closebtn,.dealer-intro-addtagwin .item .closebtn{position: absolute;right: 20px;top: 20px;line-height: 1;cursor: pointer;}
  .dealer-intro-addpicwin .item .closebtn i,.dealer-intro-addtagwin .item .closebtn i{color: #3b454c;font-size: 20px;}
  .dealer-intro-addpicwin .item .closebtn:hover i,.dealer-intro-addtagwin .item .closebtn:hover i{color: #8dacc4;}
  .dealer-intro-addpicwin dl{padding-left: 245px;margin-bottom: 20px;}
  .dealer-intro-addpicwin dl dt{float: left;width: 75px;text-align: right;color: #484848;line-height: 40px;margin-right: 25px;}
  .dealer-intro-addpicwin dl dd{float: left;position: relative;width: 565px;}
  .dealer-intro-addpicwin dl dd .tag-box{width: 450px;position: absolute;top: 0;left: 0;z-index: 2;background: #fff;padding-top: 5px;padding-left: 5px;overflow: hidden;height: 40px;}
  .dealer-intro-addpicwin dl dd .slidebtn{width: 60px;height: 28px;border:1px solid #c8c8c8;background: #dcdcdc;text-align: center;line-height: 28px;position: absolute;right: 40px;top: 30px;border-radius: 15px;cursor: pointer;position: absolute;top:5px;}
  .dealer-intro-addpicwin dl dd .slidebtn i{color: #484848;}
  .dealer-intro-addpicwin dl dd .slidebtn:hover{background: #23b7e5;border:1px solid #23b7e5;}
  .dealer-intro-addpicwin dl dd .slidebtn:hover i{color: #fff;}
  .dealer-intro-addpicwin dl dd .tag-box span{float: left;min-width: 50px;margin-right: 20px;margin-bottom: 20px;height: 28px;line-height: 28px;text-align: center;padding: 0 15px;border:1px solid #c8c8c8;color: #6f6f6f;font-size: 12px;border-radius: 5px;cursor: pointer;}
  .dealer-intro-addpicwin dl dd .tag-box span.selected{background: #ea4c89;color: #fff;border:1px solid #ea4c89;}
  .dealer-intro-addpicwin dl dd input{width: 378px;height: 18px;border:1px solid #dcdcdc;border-radius: 5px;padding: 10px;line-height: 18px;color: #484848;}
  .dealer-intro-addpicwin dl dd input:focus{border:1px solid #1e82e6;}
  .dealer-intro-addpicwin dl dd .input-tip{color: #7e8e98;font-size: 12px;margin-left: 10px;}
  .dealer-intro-addpicwin dl dd .upload-box{float: left;margin-right: 20px;}
  .dealer-intro-addpicwin dl dd .upload-box img{width: 100px;height: 100px;border:1px solid #c8c8c8;}
  .dealer-intro-addpicwin dl dd .upload-box .btn{display: block;width: 80px;height: 28px;text-align: center;line-height: 28px;color: #3b454c;font-size: 12px;border:1px solid #dcdcdc;margin: 10px 0 0 9px;border-radius: 5px;cursor: pointer;}
  .dealer-intro-addpicwin dl dd .upload-box .btn:hover{border:1px solid #1e82e6;background: #1e82e6;color: #fff;}
  .dealer-intro-addpicwin dl dd .tips{float: left;width: 315px;height: 50px;padding: 10px 15px;background: #f0f0f0;border-radius: 10px;}
  .dealer-intro-addpicwin dl dd .tips p{font-size: 12px;color: #7e8e98;line-height: 24px;}
  .dealer-intro-addpicwin .submitbtn{width: 140px;height: 30px;text-align: center;line-height: 30px;background: #1e82e6;color: #fff;margin: 40px auto 0 auto;border-radius: 5px;cursor: pointer;}
  .dealer-intro-addpicwin .submitbtn:hover{background: #1a6fc3;}
  
  .dealer-intro-addtagwin .tag-c{width: 700px;margin: 0 auto;}
  .dealer-intro-addtagwin .tag-c dl dt{float: left;width: 80px;text-align: center;line-height: 30px;color: #484848;}
  .dealer-intro-addtagwin .tag-c dl dd{float: left;width: 620px;}
  .dealer-intro-addtagwin .tag-c dl dd .tag-list{float: left;min-width: 50px;margin-right: 20px;margin-bottom: 20px;cursor: pointer;position: relative;height: 30px;}
  .dealer-intro-addtagwin .tag-c dl dd span{display: inline-block;min-width: 50px;height: 28px;line-height: 28px;text-align: center;padding: 0 15px;border:1px solid #c8c8c8;color: #6f6f6f;font-size: 12px;border-radius: 5px;}
  .dealer-intro-addtagwin .tag-c dl dd .tag-list.selected span{background: #ea4c89;color: #fff;border:1px solid #ea4c89;}
  .dealer-intro-addtagwin .tag-c dl dd b{display: block;width: 20px;height: 20px;background: #c8c8c8;position: absolute;border-radius: 50%;top: -10px;right: -10px;text-align: center;line-height: 20px;cursor: pointer;}
  .dealer-intro-addtagwin .tag-c dl dd b i{font-size: 12px;vertical-align: middle;color: #fff;margin-left: 1px;}
  .dealer-intro-addtagwin .tag-c dl dd b:hover{background: #23b7e5;}
  .dealer-intro-addtagwin .tag-c dl dd .addtag{float: left;width: 80px;height: 30px;text-align: center;line-height: 30px;background: #23b7e5;border-radius: 5px;cursor: pointer;}
  .dealer-intro-addtagwin .tag-c dl dd .addtag i{color: #fff;font-size: 14px;}
  .dealer-intro-addtagwin .tag-c dl dd .addtag:hover{background: #1798c0;}
  .dealer-intro-addtagwin .tagform{position: absolute;left: 0;right: 0;bottom: 0;height: 150px;background: #f8f8f8;padding-top: 50px;}
  .dealer-intro-addtagwin .tagform dl{float: left;}
  .dealer-intro-addtagwin .tagform .dl{margin-left: 180px;}
  .dealer-intro-addtagwin .tagform dl dt{float: left;width: 120px;text-align: center;color: #484848;line-height: 40px;}
  .dealer-intro-addtagwin .tagform dl dd{float: left;}
  .dealer-intro-addtagwin .tagform dl dd input{height: 18px;padding: 10px 10px;width: 178px;border:1px solid #c8c8c8;border-radius: 5px;color:#484848;}
  .dealer-intro-addtagwin .tagform dl dd input:focus{border:1px solid #23b7e5;}
  .dealer-intro-addtagwin .tagform .confirmbtn{clear:both;width: 140px;height: 30px;text-align: center;line-height: 30px;color: #fff;background: #1e82e6;margin: 70px auto 0 auto;border-radius: 5px;cursor: pointer;}
  .dealer-intro-addtagwin .tagform .confirmbtn:hover{background: #176bbe;}
  
  .dealer-order-content{padding: 40px 10px;}
  .dealer-order-content .search-box{max-width: 1093px;margin: 0 auto;padding: 0 40px;}
  .dealer-order-content .search-box .search-input{width: 898px;border:1px solid #dcdcdc;float: left;height: 63px;overflow: hidden;background: #fff;border-radius: 10px;box-shadow: 0 0 8px #bbb;margin-right: 30px;margin-bottom: 20px;}
  .dealer-order-content .search-box .search-input input{width: 803px;height: 18px;padding: 22px 15px;border:0;line-height: 18px;font-size: 18px;color: #484848;margin-top: 1px;float: left;}
  .dealer-order-content .search-box .search-input input::-webkit-input-placeholder{color:#8dacc4;font-size:18px;}
  .dealer-order-content .search-box .search-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:18px;color:#8dacc4;} 
  .dealer-order-content .search-box .search-input input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:18px;color:#8dacc4;} 
  .dealer-order-content .search-box .search-input input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:18px;color:#8dacc4;}
  .dealer-order-content .search-box .search-input textarea::-webkit-input-placeholder{font-size:18px;color:#8dacc4;}
  .dealer-order-content .search-box .search-input .searchbtn{float: right;width: 60px;height: 63px;vertical-align: top;line-height: 63px;text-align: center;cursor: pointer;}
  .dealer-order-content .search-box .search-input .searchbtn i{font-size: 30px;color: #3b454c;font-weight: 600;}
  .dealer-order-content .search-box .search-input .text-con{display: none;width: 565px;padding: 0 15px;height: 63px;line-height: 63px;float: left;}
  .dealer-order-content .search-box .search-input .text-con span{display: inline-block;width: auto;background: #ea4c89;height: 30px;vertical-align: middle;text-align: center;line-height: 30px;font-size: 12px;font-weight: 600;color: #fff;overflow: hidden;border-radius: 5px;margin-right: 10px;}
  .dealer-order-content .search-box .search-input .text-con span strong{padding: 0 20px;float: left;}
  .dealer-order-content .search-box .search-input .text-con span b{display: inline-block;width: 20px;border-left: 1px solid #c82878;cursor: pointer;}
  .dealer-order-content .search-box .search-input .text-con span b i{font-size: 12px;}
  .dealer-order-content .search-box .sort-box{float: left;border:1px solid #dcdcdc;border-radius: 10px;height: 63px;background: #fff;box-shadow: 0 0 8px #bbb;}
  .dealer-order-content .search-box .sort-box dl dt{float: left;width: 40px;line-height: 63px;text-align: center;font-size: 12px;color: #3b454c;font-weight: 600;border-right: 1px solid #dcdcdc;}
  .dealer-order-content .search-box .sort-box dl dd{float: left;width: 120px;position: relative;color: #3b454c;font-size: 12px;font-weight: 600;cursor: pointer;}
  .dealer-order-content .search-box .sort-box dl dd span{display: block;width: 100px;padding-left: 20px;line-height: 63px;}
  .dealer-order-content .search-box .sort-box dl dd b{color: #3b454c;font-size: 12px;font-weight: 600;}
  .dealer-order-content .search-box .sort-box dl dd:hover b{color: #23b7e5;}
  .dealer-order-content .search-box .sort-box dl dd i{position: absolute;right: 10px;font-size: 12px;font-weight: 400;color:#3b454c;}
  .dealer-order-content .search-box .sort-box dl dd ul{position: absolute;background: #fff;width: 120px;z-index: 8;top: 60px;box-shadow: 0 0 8px #bbb;border-radius: 0 0 10px 10px;display: none;}
  .dealer-order-content .search-box .sort-box dl dd ul li{height: 40px;line-height: 40px;font-size: 12px;color: #3b454c;font-weight: 600;cursor: pointer;text-align: center;}
  .dealer-order-content .search-box .sort-box dl dd ul li:hover{color: #23b7e5;}
  .dealer-order-content .search-box .sort-box dl dd:hover ul{display: block;}
  .dealer-order-content .table{padding: 20px 40px 40px 40px;}
  .dealer-order-content table{width: 100%;}
  .dealer-order-content .table-one{margin-bottom: 20px;}
  .dealer-order-content .table-one thead td{height: 40px;background: #1c2b36;color: #fff;font-size: 12px;font-weight: 600;text-align: center;border-right: 1px solid #dcdcdc;}
  .dealer-order-content .table-c{border:1px solid #dcdcdc;background: #fff;border-radius: 5px;padding: 20px;box-shadow: 0 0 8px #bbb;margin-bottom: 60px;min-height: 600px;}
  .dealer-order-content table tbody td{height: 60px;text-align: center;color: #484848;border-bottom: 1px solid #f0f0f0;font-size: 12px;}
  .dealer-order-content table tbody tr:hover td{background: #f8f8f8;}
  .dealer-order-content table tbody td .pic{display: inline-block;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;border:1px solid #dcdcdc;vertical-align: middle;margin-right: 20px;}
  .dealer-order-content table tbody td .pic img{width: 40px;height: 40px;}
  .dealer-order-content table tbody td .name{color: #7e8e98;font-size: 14px;}
  .dealer-order-content table tbody td .filename{margin-left: 10%;color: #3b454c;font-weight: 600;}
  .dealer-order-content table tbody td .filename i{font-weight: normal;color: #1e82e6;font-size: 24px;vertical-align: middle;margin-right: 10px;}
  .dealer-order-content table tbody td .filename:hover{color: #1e82e6;}
  .dealer-order-content table tbody td .area,.dealer-order-content table tbody td .date{color: #7e8e98;}
  .dealer-order-content table tbody td .red{font-weight: 600;color: #e36159;}
  .dealer-order-content table tbody td .blue{font-weight: 600;color: #23b7e5;}
  
  .dealer-consultant-list .search-box{width: 1093px;margin: 0 auto;}
  .dealer-consultant-list .search-box .search-input{width: 898px;border:1px solid #dcdcdc;float: left;height: 63px;overflow: hidden;background: #fff;border-radius: 10px;box-shadow: 0 0 8px #bbb;}
  .dealer-consultant-list .search-box .search-input input{width: 803px;height: 18px;padding: 22px 15px;border:0;line-height: 18px;font-size: 18px;color: #484848;margin-top: 1px;}
  .dealer-consultant-list .search-box .search-input input::-webkit-input-placeholder{color:#8dacc4;font-size:18px;}
  .dealer-consultant-list .search-box .search-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:18px;color:#8dacc4;} 
  .dealer-consultant-list .search-box .search-input input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:18px;color:#8dacc4;} 
  .dealer-consultant-list .search-box .search-input input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:18px;color:#8dacc4;}
  .dealer-consultant-list .search-box .search-input textarea::-webkit-input-placeholder{font-size:18px;color:#8dacc4;}
  .dealer-consultant-list .search-box .search-input .searchbtn{display: inline-block;width: 60px;height: 63px;vertical-align: top;line-height: 63px;text-align: center;cursor: pointer;}
  .dealer-consultant-list .search-box .search-input .searchbtn i{font-size: 30px;color: #3b454c;font-weight: 600;}
  .dealer-consultant-list .search-box .search-input .text-con{display: none;width: 565px;padding: 0 15px;height: 63px;line-height: 63px;}
  .dealer-consultant-list .search-box .search-input .text-con span{display: inline-block;width: auto;background: #ea4c89;height: 30px;vertical-align: middle;text-align: center;line-height: 30px;font-size: 12px;font-weight: 600;color: #fff;overflow: hidden;border-radius: 5px;margin-right: 10px;}
  .dealer-consultant-list .search-box .search-input .text-con span strong{padding: 0 20px;float: left;}
  .dealer-consultant-list .search-box .search-input .text-con span b{display: inline-block;width: 20px;border-left: 1px solid #c82878;cursor: pointer;}
  .dealer-consultant-list .search-box .search-input .text-con span b i{font-size: 12px;}
  .dealer-consultant-list .search-box .sort-box{float: left;border:1px solid #dcdcdc;border-radius: 10px;height: 63px;background: #fff;box-shadow: 0 0 8px #bbb;margin-left: 30px;}
  .dealer-consultant-list .search-box .sort-box dl dt{float: left;width: 40px;line-height: 63px;text-align: center;font-size: 12px;color: #3b454c;font-weight: 600;border-right: 1px solid #dcdcdc;}
  .dealer-consultant-list .search-box .sort-box dl dd{float: left;width: 120px;position: relative;color: #3b454c;font-size: 12px;font-weight: 600;cursor: pointer;}
  .dealer-consultant-list .search-box .sort-box dl dd span{display: block;width: 100px;padding-left: 20px;line-height: 63px;}
  .dealer-consultant-list .search-box .sort-box dl dd b{color: #3b454c;font-size: 12px;font-weight: 600;}
  .dealer-consultant-list .search-box .sort-box dl dd:hover b{color: #23b7e5;}
  .dealer-consultant-list .search-box .sort-box dl dd i{position: absolute;right: 10px;font-size: 12px;font-weight: 400;}
  .dealer-consultant-list .search-box .sort-box dl dd ul{position: absolute;background: #fff;width: 120px;z-index: 8;top: 60px;box-shadow: 0 0 8px #bbb;border-radius: 0 0 10px 10px;display: none;}
  .dealer-consultant-list .search-box .sort-box dl dd ul li{height: 40px;line-height: 40px;font-size: 12px;color: #3b454c;font-weight: 600;cursor: pointer;text-align: center;}
  .dealer-consultant-list .search-box .sort-box dl dd ul li:hover{color: #23b7e5;}
  .dealer-consultant-list .search-box .sort-box dl dd:hover ul{display: block;}
  .dealer-consultant-list .search-box .way{float: left;margin-left: 28px;width: 60px;height: 63px;text-align: center;line-height: 63px;border:1px solid #dcdcdc;border-radius: 10px;background: #fff;box-shadow: 0 0 8px #bbb;}
  .dealer-consultant-list .search-box .way i{font-size: 24px;color: #3b454c;}
  .dealer-consultant-list .search-box .way:hover i{color: #23b7e5;}
  .dealer-consultant-list .consultant-list{padding: 60px 0;}
  .dealer-consultant-list .consultant-list ul li{float: left;width: 206px;margin-bottom: 20px;}
  .dealer-consultant-list .consultant-list ul li .c-box,.dealer-consultant-list .consultant-list ul li .add-box{width: 184px;border:1px solid #dcdcdc;height: 240px;cursor: pointer;border-radius: 8px;overflow: hidden;position: relative;}
  .dealer-consultant-list .consultant-list ul li .c-box .pic{display: block;width: 120px;height: 120px;border:1px solid #dcdcdc;overflow: hidden;border-radius: 50%;margin: 30px auto 15px auto;position: relative;overflow: hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .dealer-consultant-list .consultant-list ul li .c-box .pic img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .dealer-consultant-list .consultant-list ul li .c-box h5{text-align: center;padding: 0 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #3b454c;font-size: 18px;font-weight: 600;}
  .dealer-consultant-list .consultant-list ul li .c-box p{text-align: center;color: #8dacc4;margin-top: 5px;}
  .dealer-consultant-list .consultant-list ul li .c-box .job{position: absolute;display: block;width: 30px;height: 30px;background: #50c8a0;text-align: center;line-height: 30px;color: #fff;font-size: 12px;left: 50%;margin-left: -15px;top: 135px;border-radius: 50%;}
  .dealer-consultant-list .consultant-list ul li .c-box:hover,.dealer-consultant-list .consultant-list ul li .add-box:hover{box-shadow: 0 0 10px #888;}
  .dealer-consultant-list .consultant-list ul li .c-box p.tips{width: 80px;height: 20px;margin: 0 auto;background: #e36159;color: #fff;font-size: 12px;line-height: 20px;border-radius: 10px;margin-top: 8px;}
  .dealer-consultant-list .consultant-list ul li .add-box .add-con{display: block;width: 120px;height: 120px;text-align: center;line-height: 120px;background: #23b7e5;border-radius: 50%;margin: 30px auto 0 auto;}
  .dealer-consultant-list .consultant-list ul li .add-box .add-con i{font-size: 34px;color: #fff;}
  .dealer-consultant-list .consultant-list ul li .add-box .add-item{display: block;text-align: center;margin-top: 30px;color: #3b454c;font-weight: 600;}
  
  .dealer-consultant-editwin{width: 800px;height: 420px;background: #fff;position: fixed;left: 50%;top: 50%;margin-left: -400px;margin-top: -210px;z-index: 21;box-shadow: 0 0 15px #888;border-radius: 10px;overflow: hidden;}
  .dealer-consultant-editwin .left{float: left;width: 355px;background: #f8f8f8;height: 420px;position: relative;}
  .dealer-consultant-editwin .left .pic{width: 120px;margin: 60px auto 0 auto;height: 120px;overflow: hidden;border-radius: 50%;}
  .dealer-consultant-editwin .left .pic img{width: 120px;height: 120px;}
  .dealer-consultant-editwin .left h5{font-size: 18px;color: #3b454c;font-weight: 600;text-align: center;margin-top: 20px;}
  .dealer-consultant-editwin .left p{width: 80px;height: 20px;border-radius: 10px;text-align: center;line-height: 20px;margin: 10px auto 20px auto;color: #fff;}
  .dealer-consultant-editwin .left .full-time{background: #23b7e5;}
  .dealer-consultant-editwin .left .part-time{background: #50c8a0;}
  .dealer-consultant-editwin .left .ewm{width: 120px;height: 120px;margin: 20px auto;}
  .dealer-consultant-editwin .left .ewm img{width: 120px;height: 120px;}
  .dealer-consultant-editwin .left .link{display: none;width: 118px;height: 28px;text-align: center;line-height: 30px;border:1px solid #dcdcdc;background: #fff;position: absolute;left: 10px;top: 10px;font-size: 12px;color: #3b454c;border-radius: 5px;}
  .dealer-consultant-editwin .left .link:hover{border:1px solid #484848;color: #484848;}
  .dealer-consultant-editwin .right{float: left;width: 445px;position: relative;}
  .dealer-consultant-editwin .right .item{font-size: 18px;color: #3b454c;font-weight: 600;margin: 30px 0 40px 40px;}
  .dealer-consultant-editwin .right p{margin-left: 40px;color: #484848;margin-bottom: 18px;}
  .dealer-consultant-editwin .right p span{display: inline-block;width: 78px;text-align: right;margin-right: 15px;}
  .dealer-consultant-editwin .right p strong{font-weight: 600;font-size: 12px;}
  .dealer-consultant-editwin .right p input{height: 18px;padding: 5px 10px;width: 100px;border:1px solid #dcdcdc;font-size: 12px;color: #484848;line-height: 18px;border-radius: 3px;}
  .dealer-consultant-editwin .right p b{color: #26be58;font-size: 12px;font-weight: 600;margin-left: 15px;cursor: pointer}
  .dealer-consultant-editwin .right p b.cancelbtn{color: #e36159;}
  .dealer-consultant-editwin .right p b:hover{text-decoration: underline;}
  .dealer-consultant-editwin .right .group{margin-left: 40px;}
  .dealer-consultant-editwin .right .group span{display: inline-block;width: 78px;text-align: right;margin-right: 15px;color: #484848;line-height: 40px;}
  .dealer-consultant-editwin .right .group select{border: 1px solid #c8c8c8;width: 258px;height: 38px;border-radius: 5px;color: #3b454c;font-size: 12px;}
  .dealer-consultant-editwin .right .btn{padding-top: 50px;margin-left: 84px;}
  .dealer-consultant-editwin .right .btn span{float: left;width: 138px;height: 28px;text-align: center;line-height: 28px;cursor: pointer;}
  .dealer-consultant-editwin .right .btn span.firebtn{border:1px solid #e36159;color: #e36159;font-weight: 600;border-radius: 5px;margin-right: 30px;}
  .dealer-consultant-editwin .right .btn span.firebtn:hover{background: #e36159;color: #fff;}
  .dealer-consultant-editwin .right .btn span.submitbtn{border:1px solid #26be58;background: #26be58;color: #fff;border-radius: 5px;}
  .dealer-consultant-editwin .right .btn span.submitbtn:hover{background: #1da048;}
  .dealer-consultant-editwin .right .closebtn{cursor: pointer;position: absolute;right: 20px;top: 20px;}
  .dealer-consultant-editwin .right .closebtn i{color: #4a545a;font-size: 20px;font-weight: 600;}
  .dealer-consultant-editwin .right .closebtn:hover i{color: #23b7e5;}
  
  .dealer-consultant-authorizewin{width: 795px;height: 420px;position: fixed;left: 50%;top: 50%;margin-left: -397px;margin-top: -210px;overflow: hidden;border-radius: 5px;z-index: 21;box-shadow: 0 0 10px #484848;display: none;}
  .dealer-consultant-authorizewin .left{float: left;width: 355px;}
  .dealer-consultant-authorizewin .left img{width: 355px;}
  .dealer-consultant-authorizewin .right{float: left;width: 440px;height: 420px;background: #28323c;position: relative;}
  .dealer-consultant-authorizewin .right .closebtn{position: absolute;right: 20px;top: 20px;cursor: pointer;}
  .dealer-consultant-authorizewin .right .closebtn i{color: #fff;font-size: 20px;}
  .dealer-consultant-authorizewin .right .closebtn:hover i{color: #23b7e5;}
  .dealer-consultant-authorizewin .right .item{color: #fff;font-size: 18px;font-weight: 600;padding: 30px 0 40px 50px;}
  .dealer-consultant-authorizewin .right dl{width: 340px;margin: 0 0 30px 90px;}
  .dealer-consultant-authorizewin .right dl dt{color: #fff;margin-bottom: 5px;}
  
  .dealer-consultant-authorizewin .right dl dd .input-text p{width: 300px;height: 40px;position: relative;float: left;}
  .dealer-consultant-authorizewin .right dl dd .input-text p input{width: 210px;height: 18px;padding:11px 30px 11px 20px;background: #fff;border:0;border-radius: 5px;color: #484848;}
  .dealer-consultant-authorizewin .right dl dd .input-text p input:focus{background: #f0f0f0;}
  .dealer-consultant-authorizewin .right dl dd .input-text p span{cursor: pointer;display:block;width: 18px;height: 18px;background: #a0a0a0;border-radius: 50%;text-align: center;line-height: 18px;position: absolute;right: 50px;top: 12px;}
  .dealer-consultant-authorizewin .right dl dd .input-text p span i{color: #fff;font-size: 12px;}
  .dealer-consultant-authorizewin .right dl dd .input-text p input.code{width: 80px;}
  .dealer-consultant-authorizewin .right dl dd .input-text p img{margin: 5px 0 0 10px;}
  .dealer-consultant-authorizewin .right dl dd .input-text p a{color: #fff;text-decoration: underline;margin-left: 10px;font-size: 12px;}
  .dealer-consultant-authorizewin .right dl dd .t-tip{float: left;width: 18px;height: 18px;background: #26be58;text-align: center;line-height: 18px;border-radius: 50%;margin: 11px 0 0 10px;}
  .dealer-consultant-authorizewin .right dl dd .t-tip i{color: #28323c;font-size: 14px;}
  .dealer-consultant-authorizewin .right dl dd .tips{clear: both;color: #f05000;text-align: right;padding-right: 40px;font-size: 12px;line-height: 24px;height: 24px;padding-top: 3px;}
  .dealer-consultant-authorizewin .right dl dd select{width: 260px;height: 40px;background: #fff;border-radius: 5px;color: #3b454c;font-size: 12px;}
  .dealer-consultant-authorizewin .right .confirmbtn,.dealer-consultant-authorizewin .right .lookforbtn{width: 140px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 12px;background: #26be58;border-radius: 5px;margin: 40px auto 0 auto;cursor: pointer;}
  .dealer-consultant-authorizewin .right .confirmbtn:hover,.dealer-consultant-authorizewin .right .lookforbtn:hover{background: #1ca749;}
  .dealer-consultant-authorizewin .right .success-box{padding-top: 40px;}
  .dealer-consultant-authorizewin .right .success-box .icon{float: left;width: 30px;height: 30px;background: #26be58;text-align: center;line-height: 30px;border-radius: 50%;margin: 0 20px 0 50px;}
  .dealer-consultant-authorizewin .right .success-box .icon i{font-size: 20px;color: #28323c;}
  .dealer-consultant-authorizewin .right .success-box .text{float: left;width: 255px;}
  .dealer-consultant-authorizewin .right .success-box .text p{color: #fff;line-height: 24px;}
  .dealer-consultant-authorizewin .right .success-box .text p.strong{font-size: 12px;margin-top: 30px;margin-bottom: 50px;}
  .dealer-consultant-authorizewin .right .success-box .iknowbtn{clear:both;width: 140px;height: 30px;background: #fff;text-align: center;line-height: 30px;color: #3b454c;margin: 0 auto;border-radius: 5px;cursor: pointer;}
  .dealer-consultant-authorizewin .right .success-box .iknowbtn:hover{background: #eee;}
  .dealer-consultant-authorizewin .right .success-box .continue-add{clear:both;width: 140px;height: 30px;background: #26be58;text-align: center;line-height: 30px;color: #fff;margin: 20px auto 0 auto;border-radius: 5px;cursor: pointer;}
  .dealer-consultant-authorizewin .right .success-box .continue-add:hover{background: #1fa049;}
  
  .dealer-consultant-ungroup{/*background: url(../images/bimage/c-bg.png) repeat-x;*/background-color: #f8f8f8;}
  .dealer-consultant-ungroup .search-box {
    width: 720px;
    height: 68px;
    background: #FFFFFF;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 22px;
    border: 2px solid #5F89FF;
    box-sizing: border-box;
  }
  
  .dealer-consultant-ungroup .search-box input {
    width: 450px;
    font-size: 16px;
    line-height: 22px;
    color: #333;
  }
  
  .dealer-consultant-ungroup .search-box input::placeholder{
    font-size: 14px;
    color: #999;
  }
  
  .dealer-consultant-ungroup .search-box .search-icon {
    width: 120px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background: #5F89FF;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  }
  
  .dealer-consultant-ungroup .search-box.on{
    border: 1px solid #5F89FF;
  }
  
  .dealer-consultant-ungroup .c-ungroup-box{margin-bottom: 60px;}
  .dealer-consultant-ungroup .c-ungroup-box .c-ungroup-lc{width: 1040px;height: 241px;margin: 0 auto 30px auto;border-radius: 10px;box-shadow: 0 0 15px #888;overflow: hidden;}
  .dealer-consultant-ungroup .c-ungroup-box .add-c-btn{display: block;width: 280px;height: 60px;text-align: center;line-height: 60px;color: #fff;background: #1e82e6;margin: 0 auto;border-radius: 10px;font-size: 18px;font-weight: 600;}
  .dealer-consultant-ungroup .c-ungroup-box .add-c-btn:hover{background: #1d71c6;}
  .dealer-consultant-ungroup .c-ungroup-list-box{padding-left: 10px;overflow: hidden;}
  .dealer-consultant-ungroup .c-ungroup-list-box .item{font-size: 18px;color: #3b454c;font-weight: 600;margin: 20px 0;}
  .dealer-consultant-ungroup .c-ungroup-list-box .nums-tips{margin: -30px 0 20px;display: flex;flex-direction: row;align-items: center;}
  .dealer-consultant-ungroup .c-ungroup-list-box .nums-tips img{width: 22px;height: 22px;}
  .dealer-consultant-ungroup .c-ungroup-list-box .nums-tips div{line-height: 18px;font-size: 13px; color: #FAD119; font-weight: 600; margin-left: 8px;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul{overflow: hidden;padding: 5px;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li{float: left;width: 760px;margin-bottom: 40px;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box{margin-right: 40px;border:1px solid #dcdcdc;background: #fff;height: 160px;border-radius: 10px;overflow: hidden;position: relative;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box:hover{box-shadow: 0 0 10px #888;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box a{display: block;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .c-box{padding-top: 10px;overflow: hidden;} 
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .c-op-link{position: absolute;display: block;width: 80px;height: 30px;border:1px solid #dcdcdc;border-radius: 5px;top: 20px;right: 30px;text-align: center;line-height: 30px;font-size: 12px;color: #3b454c;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box:hover .c-op-link{display: block;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .c-op-link:hover{border:1px solid #888;background: #f8f8f8;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .left{float: left;padding-left: 20px;width: 240px;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .left h5{color:#3b454c;font-weight: 600;margin-bottom: 15px;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .left h5 i{font-weight: normal;color: #23b7e5;font-size: 24px;margin-right: 10px;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .left h5 i.fulltime{color: #ff4200;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .left p{font-size: 12px;color: #3b454c;line-height: 24px;height: 24px;padding-left: 30px;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .left p.blue{color: #5F89FF;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .left p.green{color: #5F89FF;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .right{float: left;width: 300px;position:relative;overflow: hidden;margin-top: 20px;height: 100px;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .right .pic{display: block;width: 80px;height: 80px;overflow: hidden;border-radius: 50%;border: 8px solid #fff;position: absolute;top: 0;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .right .pic1{left: 0; z-index: 1;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .right .pic2{left: 50px; z-index: 2;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .right .pic3{left: 100px; z-index: 3;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .right .pic4{left: 150px; z-index: 4;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .right .pic5{left: 200px; z-index: 5;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li .box .right .pic img{width: 80px;height: 80px;}
  
  .dealer-consultant-ungroup .c-ungroup-list-box ul li.qr-img-list{display: flex;flex-direction: row;align-items: center;padding-right: 40px;box-sizing: border-box;}
  
  .dealer-consultant-ungroup .c-ungroup-list-box ul li.qr-img-list .img{height:160px; border: 1px solid #d4d4d3;box-sizing: border-box;margin-right: 30px;}
  .dealer-consultant-ungroup .c-ungroup-list-box ul li.qr-img-list .img img{height: 100%;width: auto;}
  .text-tips{color: #3b454c;}
  
  .c-addgroup-con, .c-addgroup-con *{box-sizing: border-box;}
  .c-addgroup-con{width: 100%;background: #28323c;padding: 35px 0 0 0;}
  .c-addgroup-con .c-addgroup-box{width: 1190px;margin: 0 auto;}
  .c-addgroup-con .c-addgroup-box .item{float: left;width: 130px;text-align: right;font-size: 18px;color: #fff;font-weight: 600;}
  .c-addgroup-con .c-addgroup-box .edit-box{width: 1050px;float: right;background: #fff;padding: 30px 0;border-radius: 10px;overflow: hidden;}
  .c-addgroup-con .c-addgroup-box .edit-box .left{float: left;padding-left: 55px;}
  .c-addgroup-con .c-addgroup-box .edit-box dl{margin-bottom: 10px; height: 40px; display: flex;flex-direction: row;align-items: center;}
  .c-addgroup-con .c-addgroup-box .edit-box dl dt{width: 70px;text-align: right;color: #484848;margin-right: 20px;}
  
  .c-addgroup-con .c-addgroup-box .edit-box dl dd.able-item-box{margin-right: 20px;}
  .c-addgroup-con .c-addgroup-box .edit-box dl dd.able-item-box strong{font-size: 12px;color: #3b454c;font-weight: 600;}
  .c-addgroup-con .c-addgroup-box .edit-box dl dd input{width: 130px;padding: 10px 15px;height: 40px;line-height: 40px;border:1px solid #dcdcdc;color: #3b454c;font-size: 12px;border-radius: 5px;}
  .c-addgroup-con .c-addgroup-box .edit-box dl dd input:focus{border:1px solid #23b7e5;}
  .c-addgroup-con .c-addgroup-box .edit-box dl dd input.long{width: 260px;}
  .c-addgroup-con .c-addgroup-box .edit-box dl dd span{font-size: 12px;color: #3b454c;font-weight: 600;margin-right: 40px;cursor: pointer;}
  .c-addgroup-con .c-addgroup-box .edit-box dl dd b{display: inline-block;width: 20px;height: 20px;border:1px solid #dcdcdc;text-align: center;line-height: 20px;margin-right: 10px;cursor: pointer;vertical-align: middle;}
  .c-addgroup-con .c-addgroup-box .edit-box dl dd b i{font-size: 14px;color: #26be58;}
  
  .c-addgroup-con .c-addgroup-box .edit-box dl dd.able-item-box b i {
      opacity: 0;
      filter: alpha(opacity=0);
      font-weight: normal;
      position: relative;
      z-index: 2;
  }
  
  .c-addgroup-con .c-addgroup-box .edit-box dl dd.able-item-box.check i {
      opacity: 1;
      filter: alpha(opacity=100);
  }
  
  
  .c-addgroup-con .c-addgroup-box .edit-box p{font-size: 12px;color: #c8c8c8;line-height: 24px;margin-top:15px;margin-bottom:15px;}
  .c-addgroup-con .c-addgroup-box .edit-box .right{float: right;padding-right: 60px;}
  .c-addgroup-con .c-addgroup-box .edit-box .right dl dd .short{margin-right: 40px;}
  .c-addgroup-con .c-addgroup-box .edit-box .right dl dd strong{font-size: 12px;color: #3b454c;font-weight: 600;}
  .c-addgroup-con .c-addgroup-box .edit-box .right .c-group-keepbtn{width: 120px;height: 30px;text-align: center;line-height: 30px;color: #fff;background: #1e82e6;float: right;border-radius: 5px;cursor: pointer;}
  .c-addgroup-con .c-addgroup-box .edit-box .right .c-group-keepbtn:hover{background: #176ec5;}
  .c-addgroup-con .c-addgroup-box .edit-box .right .c-group-deletebtn{width: 120px;height: 30px;text-align: center;line-height: 30px;color: #fff;background: #e36159;float: right;border-radius: 5px;cursor: pointer;margin-top: 10px;}
  .c-addgroup-con .c-addgroup-box .edit-box .right .c-group-deletebtn:hover{background: #c04942;}
  .c-group-op-box{width: 1170px;margin: 20px auto;overflow: hidden;}
  .c-group-op-box span{float: right;font-size: 12px;color: #fff;font-weight: 600;line-height: 20px;}
  .c-group-op-box span b{display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;margin-right: 10px;cursor: pointer;background: #fff;vertical-align: middle;}
  .c-group-op-box span b i{font-size: 14px;color: #26be58;}
  .c-editgroup-box{width: 1170px;margin: 0 auto;padding-top: 30px;}
  .c-editgroup-box .item{float: left;width: 110px;text-align: right;font-size: 18px;color: #fff;font-weight: 600;margin-right: 10px;line-height: 41px;}
  .c-editgroup-box .c-p-op{float: left;width: 420px;height: 40px;background: #fff;border-radius: 5px;overflow: hidden;}
  .c-editgroup-box .c-p-op a{float: left;width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: 12px;color: #3b454c;font-weight: 600;}
  .c-editgroup-box .c-p-op a:hover{color: #23b7e5;}
  .c-editgroup-box .c-p-op a.selected{background: #23b7e5;color: #fff;}
  .c-editgroup-box .c-editgroup-filter{float: right;line-height: 40px;}
  .c-editgroup-box .c-editgroup-filter span{font-size: 12px;color: #fff;font-weight: 600;line-height: 20px;margin-right: 20px;}
  .c-editgroup-box .c-editgroup-filter span b{display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;margin-right: 10px;cursor: pointer;background: #fff;vertical-align: middle;}
  .c-editgroup-box .c-editgroup-filter span b i{font-size: 14px;color: #26be58;}
  .c-editgroup-box .c-editgroup-filter select{width: 280px;height:40px;background: #fff;color: #3b454c;font-weight: 600;font-size: 12px;border-radius: 6px;}
  .addgroup-bg{width: 401px;margin: 80px auto 0 auto;}
  .c-p-list-box{padding: 60px;}
  .c-p-list-box ul{width: 1508px;overflow: hidden;padding: 4px;margin: 0 auto;box-sizing: border-box;display: flex;flex-direction: row;flex-wrap: wrap;}
  .c-p-list-box ul li{width: 10%; /*height: 195px;*/ margin-bottom: 60px;}
  .c-p-list-box ul li .box{width: 130px;}
  .c-p-list-box ul li .box .pic{width: 128px;height: 128px;border:1px solid #dcdcdc;position: relative;overflow: hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .c-p-list-box ul li .box .pic img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .c-p-list-box ul li .box h5{color: #484848;font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 8px 0;line-height: 16px;}
  .c-p-list-box ul li .box p{font-size: 12px;color: #484848;height: 19px;}
  .c-p-list-box ul li .box p i{color: #8dacc4;font-size: 18px;vertical-align: middle;margin-right: 6px;}
  .c-p-list-box ul li .box:hover .pic{box-shadow: 0 0 10px #484848;}
  .c-p-list-box ul li .box .pic .tip{display: none;width: 18px;height: 18px;text-align: left;line-height: 16px;background: #23b7e5;position: absolute;top: 0;left: 0;}
  .c-p-list-box ul li .box .pic .tip i{color: #fff;font-size: 12px;}
  .c-p-list-box ul li.selected .box .pic .tip{display: block;}
  .c-p-list-box ul li.selected .box .pic{border:3px solid #23b7e5;width: 124px;height: 124px;position: relative;overflow: hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .c-p-list-box ul li.selected .box .pic img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .c-p-list-box ul li .box .pic .zip-goods-list{position: absolute;bottom:0;background: #23b7e5;width: 100%;height: 20px;line-height: 20px;font-size: 12px;color: #fff;text-align: center;}
  
  .member-personal-guide-content{background: #f8f8f8;}
  .member-personal-guide-content .welcom-banner{width: 100%;background-image:url(../images/bimage/welcom-banner.jpg);background-repeat:no-repeat;background-size: cover;height: 280px;border:1px solid #efefef;border-radius: 10px;overflow: hidden;position: relative;}
  .member-personal-guide-content .welcom-banner h5{position: absolute;top: 80px;font-size: 48px;color: #fff;left: 80px;}
  .member-personal-guide-content .welcom-banner p{position: absolute;top: 155px;font-size: 24px;color: #fff;left: 80px;padding-right: 60px;}
  .member-personal-guide-content .data-content{padding: 60px 20px;}
  .member-personal-guide-content .data-content .list{float: left;width: 50%;height: 160px;}
  .member-personal-guide-content .data-content .leftlist .box{margin-right: 20px;background: #23b7e5;height: 160px;border-radius: 5px;}
  .member-personal-guide-content .data-content .rightlist .box{margin-left: 20px;background: #26be58;height: 160px;border-radius: 5px;}
  .member-personal-guide-content .data-content .list .box{overflow: hidden;}
  .member-personal-guide-content .data-content .list .box h5{color: #fff;font-weight: 600;margin: 15px 20px 25px 20px;}
  .member-personal-guide-content .data-content .list .box ul li{float: left;width: 33.3%;text-align: center;color: #fff;height: 80px;overflow: hidden;}
  .member-personal-guide-content .data-content .list .box ul li .con{border-right: 1px solid #fff;}
  .member-personal-guide-content .data-content .list .box ul li span{display: block;font-size: 48px;line-height: 48px;margin-bottom: 10px;}
  .member-personal-guide-content .data-content .list .box ul li b{color: #fff;line-height: 14px;}
  .member-personal-guide-content .personal-share-content{background: #fff;border:1px solid #dcdcdc;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px #dcdcdc;}
  .member-personal-guide-content .personal-share-content .item{color: #3b454c;font-size: 18px;margin: 20px 0 0 40px;}
  .member-personal-guide-content .personal-share-content .item a{float: right;font-size: 14px;color: #3b454c;margin-right: 40px;}
  .member-personal-guide-content .personal-share-content .list{float: left;width: 50%;}
  .member-personal-guide-content .personal-share-content .list .box{margin: 0 90px 0 80px;}
  .member-personal-guide-content .personal-share-content .list .box table{width: 100%;}
  .member-personal-guide-content .personal-share-content .list .box table thead td{height: 60px;font-size: 12px;color: #3b454c;font-weight: 600;}
  .member-personal-guide-content .personal-share-content .list .box table tbody td{height: 60px;border-bottom: 1px solid #f0f0f0;color: #7e8e98;font-size: 12px;}
  .member-personal-guide-content .personal-share-content .list .box table tbody td a{color: #3b454c;font-weight: 600;}
  .member-personal-guide-content .personal-share-content .list .box table tbody td a i{font-weight: normal;color: #1e82e6;font-size: 22px;vertical-align: middle;margin-right: 20px;}
  .member-personal-guide-content .personal-share-content .list .box table tbody td a:hover{color: #1e82e6;}
  .member-personal-guide-content .personal-share-content .list .box table tbody tr:hover td{background: #f8f8f8;}
  .member-personal-guide-content .personal-share-content .list .box table td.center{text-align: center;}
  .member-personal-guide-content .personal-share-content .share-content{min-height: 400px;}
  .no-content{width: 575px;margin: 0 auto;padding-top: 90px;overflow: hidden;}
  .no-content .no-left{width: 150px;float: left;margin-right: 40px;}
  .no-content .no-right{width: 385px;float: left;}
  .no-content .no-right strong{display: block;color: #484848;margin: 40px 0 15px 0;}
  .no-content .no-right p{width: 200px;padding: 10px;background: #f0f0f0;color: #7e8e98;font-size: 12px;line-height: 18px;border-radius: 8px;}
  .no-content .no-right p a{color: #23b7e5;font-weight: 600;text-decoration: underline;}
  
  .dealer-consultant-operationlist{background: #f8f8f8;}
  .dealer-consultant-operationlist .item{color:#3b454c;font-size: 18px;font-weight: 600;margin-left: 40px;}
  .dealer-consultant-operationlist .item a{color:#3b454c;}
  .dealer-consultant-operationlist .item a i{font-size: 24px;vertical-align: top;margin-right: 15px;}
  .dealer-consultant-operationlist .item a:hover{color: #1e82e6;}
  .dealer-consultant-operationlist .operationlist-box{padding: 30px 0;}
  
  .dealer-consultant-operationlist .operationlist-box .thead ul li{float: left;width: 13.3%;height: 40px;line-height: 40px;text-align: center;background: #1c2b36;color: #fff;font-size: 12px;font-weight: 600;position: relative;}
  .dealer-consultant-operationlist .operationlist-box .thead ul li span{display: block;position: absolute;top: 0;right: 0;width: 1px;height: 40px;background: #fff;}
  .dealer-consultant-operationlist .operationlist-box .thead ul .li1,.dealer-consultant-operationlist .operationlist-box .thead ul .li5,.dealer-consultant-operationlist .operationlist-box .thead ul .li6{width: 20%;} 
  .dealer-consultant-operationlist .operationlist-box .tbody ul{height: 120px;background: #fff;border:1px solid #dcdcdc;margin-top: 20px;cursor: pointer;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li{float: left;width: 13.3%;height: 120px;line-height: 120px;text-align: center;color: #8dacc4;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul .li1,.dealer-consultant-operationlist .operationlist-box .tbody ul .li5,.dealer-consultant-operationlist .operationlist-box .tbody ul .li6{width: 20%;} 
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li1{position: relative;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li1 .tip{display: block;width: 10px;height: 10px;background: #26be58;top: 10px;left: 10px;position: absolute;border-radius: 50%;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li1 .face{position: relative;float: left;margin-left: 5%;width: 35%;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li1 .faceimg{display: inline-block;width: 78px;height: 78px;overflow: hidden;border:1px solid #dcdcdc;border-radius: 50%;vertical-align: middle;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li1 .face img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li1 .face b{display: block;width: 30px;height: 30px;position: absolute;left: 50%;margin-left: -15px;bottom: 8px;background: #50c8a0;line-height: 30px;text-align: center;color: #fff;border-radius: 50%;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li1 strong{color:#3b454c;font-weight: 600;margin-left: 5%;float: left;max-width: 55%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li1 strong a{color:#3b454c;font-weight: 600;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li1 strong a:hover{color: #23b7e5;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li6 a{display: none;width: 80px;height: 30px;text-align: center;line-height: 30px;background: #23b7e5;color: #fff;border-radius: 3px;font-size: 12px;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li6 a:hover{background: #1b97bd;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li5 .warn{color: #e36159;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li6 span{display: inline-block;width: 78px;height: 28px;text-align: center;line-height: 28px;cursor: pointer;border-radius: 3px;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li6 span.agreebtn{border:1px solid #26be58;background: #26be58;color: #fff;font-size: 12px;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li6 span.refusebtn{border:1px solid #e8e8e8;background: #fff;color: #e36159;font-size: 12px;margin-left: 20px;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li6 span.agreebtn:hover{border:1px solid #07b340;background: #07b340;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul li.li6 span.refusebtn:hover{border:1px solid #e36159;background: #e36159;color: #fff;}
  
  .dealer-consultant-operationlist .adopt-check-box .tbody ul li span{display: inline-block;width: 78px;height: 28px;text-align: center;line-height: 28px;cursor: pointer;border-radius: 3px;}
  .dealer-consultant-operationlist .adopt-check-box .tbody ul li span.adopt-btn{border:1px solid #26be58;background: #26be58;color: #fff;font-size: 12px;}
  .dealer-consultant-operationlist .adopt-check-box .tbody ul li span.no-adopt-btn{border:1px solid #e8e8e8;background: #fff;color: #e36159;font-size: 12px;}
  .dealer-consultant-operationlist .adopt-check-box .tbody ul li span.adopt-btn:hover{border:1px solid #07b340;background: #07b340;}
  .dealer-consultant-operationlist .adopt-check-box .tbody ul li span.no-adopt-btn:hover{border:1px solid #e36159;background: #e36159;color: #fff;}
  
  .dealer-consultant-operationlist .operationlist-box .tbody ul:hover{box-shadow: 0 0 10px #666;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul:hover li{color: #3b454c;}
  .dealer-consultant-operationlist .operationlist-box .tbody ul:hover li.li6 a{display: inline-block;}
  .dealer-consultant-operationlist .consultant-info{margin: 40px 0 80px 80px;border-radius: 5px;box-shadow: 0 0 10px #888;width: 795px;overflow: hidden;}
  .dealer-consultant-operationlist .consultant-info .left{float: left;width: 355px;height: 280px;background: #1c2b36;}
  .dealer-consultant-operationlist .consultant-info .left .face{width: 120px;height: 120px;margin:60px auto 0 auto;overflow: hidden;border-radius: 50%;border:1px solid #fff;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .dealer-consultant-operationlist .consultant-info .left .face img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .dealer-consultant-operationlist .consultant-info .left h5{color: #fff;text-align: center;font-size: 18px;font-weight: 600;margin: 20px 0 10px 0;}
  .dealer-consultant-operationlist .consultant-info .left h5 a{color: #fff;font-size: 18px;font-weight: 600;}
  .dealer-consultant-operationlist .consultant-info .left h5 a:hover{color: #23b7e5;}
  .dealer-consultant-operationlist .consultant-info .left p{width: 80px;height: 20px;margin: 0 auto;background: #23b7e5;text-align: center;line-height: 20px;color: #fff;border-radius: 10px;}
  .dealer-consultant-operationlist .consultant-info .right{float: left;width: 440px;height: 280px;background: #fff;}
  .dealer-consultant-operationlist .consultant-info .right .title{margin: 60px 0 30px 35px;font-size: 24px;color: #484848;}
  .dealer-consultant-operationlist .consultant-info .right dl{margin-left: 90px;line-height: 18px;}
  .dealer-consultant-operationlist .consultant-info .right dl dt{float: left;width: 85px;text-align: right;color: #484848;margin-bottom: 18px;margin-right: 15px;}
  .dealer-consultant-operationlist .consultant-info .right dl dd{color: #3b454c;font-size: 12px;font-weight: 600;}
  
  .dealer-consultant-operationlist .consultant-oplist-box .thead{padding: 0 30px;}
  
  .dealer-consultant-operationlist .consultant-oplist-box .thead ul li{float: left;width: 33.3%;height: 40px;line-height: 40px;background: #23b7e5;color: #fff;text-align: center;font-size: 12px;position: relative;}
  .dealer-consultant-operationlist .consultant-oplist-box .thead ul li span{display: block;position: absolute;top: 0;right: 0;width: 1px;height: 40px;background: #fff;}
  /*.dealer-consultant-operationlist .consultant-oplist-box .dealer-c-li ul li{width: 25%;}*/
  .dealer-consultant-operationlist .consultant-oplist-box .tbody{background: #fff;border:1px solid #dcdcdc;background: #fff;margin-top: 20px;padding: 30px 30px;border-radius: 8px;}
  .dealer-consultant-operationlist .consultant-oplist-box .tbody table{width: 100%;}
  .dealer-consultant-operationlist .consultant-oplist-box .tbody table td{width: 25%;border-bottom: 1px solid #f0f0f0;height: 60px;text-align: center;color: #3b454c;}
  .dealer-consultant-operationlist .consultant-oplist-box .tbody table tr:hover td{background: #f8f8f8;}
  .manufacturer-dealer-operationlist .operationlist-box .thead ul li.li1{width: 33.3%;}
  .manufacturer-dealer-operationlist .operationlist-box .tbody ul .li1{width: 33.3%;}
  
  .dealer-consultant-operationlist .adopt-check-box .thead ul li{width: 10%;}
  .dealer-consultant-operationlist .adopt-check-box .tbody ul li{width: 10%;}
  .dealer-consultant-operationlist .adopt-check-box .thead ul li.li1{width: 35%;}
  .dealer-consultant-operationlist .adopt-check-box .tbody ul .li1{width: 35%;}
  
  
  
  
  
  .manufacturer-dealer-list{background: #f8f8f8;}
  .manufacturer-dealer-list .list{width: 650px;float: left;margin-bottom: 40px;height: 265px;}
  .manufacturer-dealer-list .list .list-box{
      width: 600px;
      height: 260px;
      padding: 20px;
      background: #FFFFFF;
      box-shadow: 0px 1px 4px 2px rgba(241,241,241,0.5);
      border-radius: 8px;
      position: relative;box-sizing: border-box;display: flex;flex-direction: row;
    }
    .manufacturer-dealer-list .list .list-box.level2{
        background: #E4EBFF;
    }
    .manufacturer-dealer-list .list .list-box.level3{
        background: #B3C7FF;
    }
  .manufacturer-dealer-list .list .list-box .pic-box .pic{width: 90px;height: 90px;overflow: hidden;border-radius: 50%;}
  .manufacturer-dealer-list .list .list-box .pic-box .pic img{width: 100%;height: 100%;}
  .manufacturer-dealer-list .list .list-box .pic-box p{margin-top: 12px;
    font-size: 13px;
    color: #333333;
    line-height: 18px;
    text-align: left;
  }
  .manufacturer-dealer-list .list .list-box .pic-box .danger{margin-top: 24px;margin-left: 25px; width: 40px;height: 40px;}
  .manufacturer-dealer-list .list .list-box .pic-box .danger img{width: 100%;}
  .manufacturer-dealer-list .list .list-box .pic-box .hots{margin-top: 24px;margin-left: 25px; width: 33px;height: 38px;}
  .manufacturer-dealer-list .list .list-box .pic-box .hots img{width: 100%;}
  .manufacturer-dealer-list .list .list-box .info{margin-left: 16px;}
  .manufacturer-dealer-list .list .list-box .info .name{
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 360px;
      justify-content: space-between;
  }

  .manufacturer-dealer-list .list .list-box .info .name div:first-child{
      height: 25px;
      line-height: 25px;
      font-weight: 600;
      font-size: 20px;
      color: #333333;
      width: 240px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .manufacturer-dealer-list .list .list-box .info .name div:last-child{
    width: 100px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #333333;
    text-align: right;
  }
  .manufacturer-dealer-list .list .list-box .info div.resivename-box{
    height: 26px;
    color: #333333;
      font-size: 13px;
      line-height: 26px;
      margin-top: 10px;
  }
  .manufacturer-dealer-list .list .list-box .info div.resivename-box .resivename{ display: inline-block;
    font-weight: 600; margin-left: 40px; text-decoration: underline; 
    color: #333333;
    cursor: pointer;
  }
  .manufacturer-dealer-list .list .list-box .info div.resivename-box input {
      height: 26px;
      padding: 0 10px;
      width: 100px;
      border: 1px solid #dcdcdc;
      box-sizing: border-box;
      font-size: 13px;
      color: #484848; line-height: 26px; border-radius: 3px;}
  .manufacturer-dealer-list .list .list-box .info div.resivename-box b {
      color: #333; 
      font-size: 13px;
      font-weight: 600;
      margin-left: 40px;
      cursor: pointer;
  }
  .manufacturer-dealer-list .list .list-box .info div.resivename-box b.cancelbtn {
      color: #e36159;
  }
  .manufacturer-dealer-list .list .list-box .city{
    margin-top: 10px;
    color: #333333;font-size: 14px;line-height: 20px;
  }
  .manufacturer-dealer-list .list .list-box .info .nums{
      width: 150px;
      height: 80px;
      border-radius: 4px;
      background: #fff;
      padding: 12px;
      line-height: 30px;
      font-weight: 600;
      font-size: 14px;
      text-align: center;
      margin-top: 40px;
      box-sizing: border-box;
  }
  .manufacturer-dealer-list .list .list-box .info .nums.green{
    border: 1px solid #29CCC0;
    color: #29CCC0;
  }
  .manufacturer-dealer-list .list .list-box .info .nums.blue{
    border: 1px solid #5F89FF;
      color: #5F89FF;
      margin-left: 20px;
  }
  .manufacturer-dealer-list .list .list-box .move-check{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: #fff;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 100px;
    box-sizing: border-box;
    cursor: pointer;
  }
  .manufacturer-dealer-list .list .list-box .move-check i{
    color: #26be58;
    font-size: 60px;
  }
  .manufacturer-dealer-list .list .list-box .op-list{
      width: 70px;
      position: absolute;
      top: 20px;
      right: 20px;
      box-sizing: border-box;
}
.manufacturer-dealer-list .list .list-box .op-list span,
.manufacturer-dealer-list .list .list-box .op-list a{
    display: block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
}
.manufacturer-dealer-list .list .list-box .op-list span.movebtn,
.manufacturer-dealer-list .list .list-box .op-list a{
    background: #212124;
    margin-bottom: 20px;
}
.manufacturer-dealer-list .list .list-box .op-list span.changebtn{
    background: #E18018;
}
  .manufacturer-dealer-list .list .list-box .op-list span:hover,.manufacturer-dealer-list .list .list-box .op-list a:hover{background: #5F89FF; color: #fff;}
  .manufacturer-dealer-list .list .list-box .op-list span b{display: inline-block;width: 18px;height: 18px;border:1px solid #dcdcdc;text-align: center;line-height: 18px;margin-right: 10px;}
  .manufacturer-dealer-list .list .list-box .op-list span b i{font-weight: normal;color: #23b7e5;font-size: 12px;}
  
  
  .factory-cooperate-group .manufacturer-dealer-list .list-box{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  .factory-cooperate-group .manufacturer-dealer-list .list-box .top{
      display: flex;
      flex-direction: row;
  }
  .factory-cooperate-group .manufacturer-dealer-list .list-box .top .pic{
      width: 90px;
      height: 90px;
      overflow: hidden;border:1px solid #dcdcdc;border-radius: 50%;vertical-align: middle;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);
  }
  .factory-cooperate-group .manufacturer-dealer-list .list-box .top .pic img{
      display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;
  }
  .factory-cooperate-group .manufacturer-dealer-list .list-box .bottom a{
      display: block;
      text-align: center;
      color: #333;
      font-size: 15px;
      font-weight: 600;
  }
  .factory-cooperate-group .manufacturer-dealer-list .info p{
      margin-bottom: 15px;
  }
  
  .manufacturer-a-win{position: absolute;left: 50%;top: 100px;width: 720px;margin-left: -360px;background: #fff;z-index: 25;box-shadow: 0 0 10px #000;border-radius: 5px;display: none;}
  .manufacturer-a-win .item{margin:20px 0 30px 50px;}
  .manufacturer-a-win .item h5{float: left;width: 120px;height: 30px;color: #3b454c;font-size: 12px;line-height: 30px;text-align: center;border-radius: 5px;}
  .manufacturer-a-win .item .closebtn{float: right;width: 20px;height: 20px;margin:2px 20px 0 0;font-size: 20px;font-weight: 600;cursor: pointer;text-align: center;line-height: 20px;}
  .manufacturer-a-win .item .closebtn:hover{color: #23b7e5;}
  .manufacturer-a-win .top{padding: 0 0 0 75px;}
  .manufacturer-a-win .top .pic{width: 120px;height: 120px;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);overflow: hidden;float: left;border:1px solid #dcdcdc;border-radius: 50%;}
  .manufacturer-a-win .top .pic img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .manufacturer-a-win .top .info{float: left;margin-left: 40px;padding-top: 18px;}
  .manufacturer-a-win .top .info p{color: #3b454c;font-size: 12px;line-height: 20px;}
  .manufacturer-a-win .middle{margin: 30px 0 25px 0;overflow: hidden;}
  .manufacturer-a-win .middle ul{padding-left: 20px;width: 600px;margin: 0 auto;}
  .manufacturer-a-win .middle ul li{width: 128px;height: 128px;border:1px solid #e3e3e3;overflow: hidden;float: left;margin-right: 20px;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);cursor: pointer;}
  .manufacturer-a-win .middle ul li img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .manufacturer-a-win .bottom{text-align: center;color: #3b454c;font-weight: 600;}
  .manufacturer-a-win .bottom a{color: #3b454c;font-weight: 600;}
  .manufacturer-a-win .bottom a:hover{color: #23b7e5;}
  .manufacturer-a-win .op-con{width: 100%;background: #f8f8f8;margin-top: 20px;height: 170px;}
  .manufacturer-a-win .op-con .select-box{float: left;padding-left: 75px;line-height: 40px;padding-top: 20px;}
  .manufacturer-a-win .op-con .select-box strong{color: #3b454c;margin-right: 10px;}
  .manufacturer-a-win .op-con .select-box select{height: 38px;width: 260px;border:1px solid #e3e3e3;background: #fff;border-radius: 5px;padding-left: 20px}
  .manufacturer-a-win .op-con .protocol{float: right;color: #23b7e5;text-decoration: underline;font-size: 12px;font-weight: 600;margin: 30px 75px 0 0;}
  .manufacturer-a-win .op-con .protocol:hover{color: #1d93b8;}
  .manufacturer-a-win .op-con .invitebtn{float: right;margin-right: 75px;width: 140px;height: 30px;text-align: center;line-height: 30px;background: #26be58;color: #fff;border-radius: 5px;cursor: pointer;margin-top: 40px;}
  .manufacturer-a-win .op-con .invitebtn:hover{background: #0faf44;}
  
  .manufacturer-op-win{position: fixed;background: #fff;width: 795px;height: 420px;left: 50%;top: 50%;margin-left: -397px;margin-top: -210px;z-index: 25;box-shadow: 0 0 10px #000;border-radius: 5px;overflow: hidden;display: none;}
  .manufacturer-op-win .left{float: left;width: 350px;height: 420px;background: #f8f8f8;}
  .manufacturer-op-win .left .item{width: 120px;height: 30px;color: #3b454c;font-size: 12px;line-height: 30px;text-align: center;border:1px solid #c8c8c8;border-radius: 5px;margin:10px 0 40px 10px;background: #fff;}
  .manufacturer-op-win .left .face{width: 120px;height: 120px;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);overflow: hidden;border:1px solid #c8c8c8;border-radius: 50%;margin: 0 auto;}
  .manufacturer-op-win .left .face img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .manufacturer-op-win .left .m-name{text-align: center;color: #3b454c;font-weight: 600;margin: 20px 0 35px 0;}
  .manufacturer-op-win .left p{padding-left: 65px;font-size: 12px;color: #3b454c;line-height: 20px;}
  .manufacturer-op-win .right{float: left;width: 445px;}
  .manufacturer-op-win .right .item{padding-left: 50px;padding-right: 20px;margin: 30px 0 40px 0;}
  .manufacturer-op-win .right .item h5{float: left;font-size: 18px;color: #3b454c;font-weight: 600;line-height: 20px;}
  .manufacturer-op-win .right .item .closebtn{float: right;width: 20px;height: 20px;font-size: 20px;font-weight: 600;cursor: pointer;text-align: center;line-height: 20px;margin-top: -2px;}
  .manufacturer-op-win .right .item .closebtn:hover{color: #23b7e5;}
  .manufacturer-op-win .right dl{line-height: 20px;margin-bottom: 15px;}
  .manufacturer-op-win .right dl dt{float: left;width: 115px;text-align: right;color: #484848;}
  .manufacturer-op-win .right dl dd{float: left;margin-left: 15px;color: #3b454c;font-size: 12px;font-weight: 600;}
  .manufacturer-op-win .right .resive-group{margin-top: 20px;}
  .manufacturer-op-win .right .resive-group dt{line-height: 40px;}
  .manufacturer-op-win .right .resive-group dd select{height: 38px;width: 258px;border:1px solid #e3e3e3;background: #fff;border-radius: 5px;padding-left: 20px}
  .manufacturer-op-win .right .dissolutionbtn{width: 258px;height: 28px;border:1px solid #e36159;color: #e36159;font-weight: 600;text-align: center;line-height: 28px;border-radius: 5px;cursor: pointer;margin-left: 130px;}
  .manufacturer-op-win .right .dissolutionbtn:hover{background: #e36159;color: #fff;}
  .manufacturer-op-win .right .confirmbtn,.manufacturer-op-win .right .agreebtn{background: #26be58;color: #fff;width: 140px;height: 30px;text-align: center;line-height: 30px;border-radius: 5px;float: right;margin-right: 55px;margin-top: 70px;cursor: pointer;}
  .manufacturer-op-win .right .confirmbtn:hover，.manufacturer-op-win .right .agreebtn:hover{background: #0faf44;}
  
  .m-picshow-win{width: 800px;height: 600px;padding: 20px;position: fixed;left: 50%;top: 50%;margin-left: -410px;margin-top: -310px;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);background: #fff;z-index: 22;}
  .m-picshow-win img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  
  
  .member-shareflow-comment .member-shareflow-box{width: 1140px;border:1px solid #c8c8c8;margin: 80px auto 40px auto;}
  .member-shareflow-comment .item{height: 60px;line-height: 60px;text-align: center;border-bottom: 1px solid #c8c8c8;font-size: 12px;font-weight: 600;color: #3b454c;}
  .member-shareflow-comment .item i{font-weight: normal;color: #1e82e6;margin-right: 20px;vertical-align: middle;font-size: 24px;}
  .member-shareflow-comment .table{width: 1060px;margin: 0 auto;background: #fff;padding: 40px 40px;}
  .member-shareflow-comment .table table{width: 100%;}
  .member-shareflow-comment .table table td{color: #3b454c;font-size: 12px;font-weight: 600;text-align: center;height: 60px;border-bottom:1px solid #f0f0f0;}
  
  .page{width: 600px;height: 60px;border:1px solid #dcdcdc;background: #fff;margin: 0 auto;border-radius: 40px;text-align: center;line-height: 60px;}
  .page a{display: inline-block;vertical-align: middle;margin: 0 6px;color: #a0a0a0;font-size: 12px;}
  .page span{color: #a0a0a0;}
  .page .on,.page .num:hover{color: #484848;font-weight: 600;}
  .page .btn{width: 28px;height: 28px;border:1px solid #dcdcdc;line-height: 28px;margin: 0 3px;}
  .page .btn i{color: #3a3a3a;vertical-align: middle;}
  .page .btn:hover{border:1px solid #999;}
  .page .btn .icon-fanhui,.page .btn .icon-arrow-right{font-size: 14px;vertical-align: top;}
  
  .bg{position: fixed;width: 100%;height: 100%;left:0;top:0;background: #000;z-index: 20;opacity: 0.6;filter:alpha(opacity=60);display: none;}
  
  .customer-service-box{position: fixed;width: 60px;height: 60px;border-radius: 5px;overflow: hidden;top: 50%;margin-top: -30px;right: 10px;cursor: pointer;z-index: 10;}
  /*.customer-service-box{position: fixed;width: 160px;height: 340px;border-radius: 5px;overflow: hidden;top: 50%;margin-top: -170px;right: 10px;cursor: pointer;z-index: 10;}*/
  .customer-service-box .s-bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: 0.8;filter:alpha(opacity=80);z-index: 0;}
  .customer-service-box .service-icon{width: 60px;height: 60px;position: absolute;right: 0;bottom: 0;z-index: 2;}
  .customer-service-box .service-icon span{display: block;width: 60px;text-align: center;color: #fff;font-size: 12px;}
  .customer-service-box .service-icon .icon{margin-top: 6px;}
  .customer-service-box .service-icon span i{font-size: 26px;}
  .customer-service-box .service-content{position: relative;z-index: 2;display: none;}
  .customer-service-box .service-content strong{display: block;color: #fff;text-align: center;font-weight: 600;margin: 20px 0 10px 0;}
  .customer-service-box .service-content span{display: block;width: 120px;margin:0 auto;text-align: center;padding-bottom: 25px;}
  .customer-service-box .service-content span img{width: 120px;height: 120px;}
  .customer-service-box .service-content p{color: #fff;font-size: 12px;font-weight: 600;padding-left: 20px;line-height: 24px;}
  
  /*报价单*/
  /* .order-tb{width: 100%;height: 60px;background: #383838;line-height: 60px;position: relative;z-index: 10;}
  .order-tb h5{margin-left: 265px;color: #fff;font-size: 24px;}
  
  .dealer-order-content table tbody td .link{color: #3b454c;font-weight: 600;}
  .dealer-order-content table tbody td .link i{font-size: 24px;color: #1e82e6;font-weight: normal;vertical-align: middle;margin-right: 10px;}
  .dealer-order-content table tbody td.td1{text-align: left;padding-left: 20px;}
  .dealer-order-content table tbody td .nolink{position: relative;color: #a0a0a0;}
  .dealer-order-content table tbody td .nolink i{color: #a0a0a0;}
  .dealer-order-content table tbody td .nolink .icon-jinzhi{position: absolute;font-size: 16px;left: 17px;bottom: -14px;color: #e36159;}
  .dealer-order-content table tbody td .link:hover{text-decoration: underline;}
  
  .order-head{width: 100%;height: 60px;background: #484848;position: relative;z-index: 6;min-width: 1024px;}
  .order-head .left{float: left;}
  .order-head .left .back{float: left;width: 120px;background: #1e82e6;height: 60px;line-height: 60px;text-align: center;color: #fff;}
  .order-head .left .back i{margin-right: 5px;font-size: 26px;vertical-align: middle;}
  .order-head .left .back:hover{background: #0563c0;}
  .order-head .left .tip{float: left;height: 60px;line-height: 60px;color: #c8c8c8;font-size: 12px;width: 210px;padding-left: 40px;}
  .order-head .left .show-op{float: left;height: 60px;line-height: 60px;color: #fff;font-weight: 600;font-size: 12px;margin-right: 40px;}
  .order-head .left .show-op span{display: inline-block;width: 18px;height: 18px;line-height: 18px;text-align: center;border:1px solid #c8c8c8;background: #fff;cursor: pointer;margin-right: 15px;}
  .order-head .left .show-op span i{color: #26be58;font-size: 14px;font-weight: normal;opacity: 0;filter:alpha(opacity=0);}
  .order-head .left .show-op span.selected i{opacity: 1;filter:alpha(opacity=100);}
  .order-head .left .order_company_card{float: left;margin: 10px auto;width: 100%;width: 280px;}
  .order-head .left .order_company_card select{width: 280px;}
  .order-head .left .order_company_card .select2-container .select2-selection--single {height: 40px;line-height: 40px;}
  .order-head .left .order_company_card .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px;}
  .order-head .right{float: right;line-height: 60px;margin-right: 60px;}
  .order-head .right a{display: inline-block;width: 140px;height: 40px;line-height: 40px;background: #313131;text-align: center;color: #fff;border-radius: 20px;}
  .order-head .right a:hover{background: #161616;}
  
  .order-contain{width: 100%;min-width: 1024px;background: #f8f8f8;}
  .order-contain .left-contain{position: fixed;left: 0;top: 0;background: #1c2b36;z-index: 5;width: 378px;bottom: 0;padding-top: 60px;transition: width 0.5s;-webkit-transition: width 0.5s;}
  .order-contain .left-contain .overflow{width: 378px;overflow: hidden;transition: width 0.5s;-webkit-transition: width 0.5s; }
  .order-contain .left-contain .navbar{width: 60px;position: absolute;left: 0;top: 0;bottom: 0;background: #0c1014;padding-top: 110px;}
  .order-contain .left-contain .navbar span{display: block;width: 60px;height: 50px;text-align: center;line-height: 50px;cursor: pointer;}
  .order-contain .left-contain .navbar span i{color: #8dacc4;font-size: 24px;}
  .order-contain .left-contain .navbar span:hover i{color: #fff;}
  .order-contain .left-contain .navbar span.selected{background: #1c2b36;}
  .order-contain .left-contain .navbar span.selected i{color: #fff;}
  .order-contain .left-contain .box{overflow: hidden;margin-left: 60px;width: 320px;}
  .order-contain .left-contain .product-box{padding: 18px 0;position: relative;}
  .order-contain .left-contain .product-box .scrolltopbtn{position: absolute;right:0;top: 0;width: 40px;height: 40px;background: #000;z-index: 8;}
  .order-contain .left-contain .product-box .select{margin: 10px auto 20px auto;width: 100%;width: 280px;}
  .order-contain .left-contain .product-box .select select{width: 100%;height: 40px;border-radius: 5px;border:0;color: #3b454c;font-size: 12px;}
  .order-contain .left-contain .product-box .filter-box{width: 280px;margin: 0 auto;}
  .order-contain .left-contain .product-box .filter-box .search-box{float: left;width: 200px;height: 40px;background: #fff;border-radius: 5px;overflow: hidden;}
  .order-contain .left-contain .product-box .filter-box .search-box input{width: 140px;height: 18px;padding: 11px 10px;border:0;color: #3b454c;}
  .order-contain .left-contain .product-box .filter-box .search-box .searchbtn{float: right;width: 40px;height: 40px;text-align: center;line-height: 40px;cursor: pointer;}
  .order-contain .left-contain .product-box .filter-box .search-box .searchbtn i{color: #4e575e;font-size: 18px;}
  .order-contain .left-contain .product-box .filter-box .search-box .searchbtn:hover i{color: #1e82e6;}
  .order-contain .left-contain .product-box .filter-box .search-box .text-con{width: 140px;height: 40px;float: left;text-align: left;line-height: 40px;padding: 0 10px;}
  .order-contain .left-contain .product-box .filter-box .search-box .text-con span{display: inline-block;width: auto;background: #ea4c89;height: 25px;vertical-align: middle;text-align: center;line-height: 25px;font-size: 12px;font-weight: 600;color: #fff;overflow: hidden;border-radius: 5px;margin-right: 10px;}
  .order-contain .left-contain .product-box .filter-box .search-box .text-con span strong{padding: 0 20px;float: left;}
  .order-contain .left-contain .product-box .filter-box .search-box .text-con span b{display: inline-block;width: 20px;border-left: 1px solid #c82878;cursor: pointer;}
  .order-contain .left-contain .product-box .filter-box .search-box .text-con span b i{font-size: 12px;}
  .order-contain .left-contain .product-box .filter-box .filter-btn{float: right;width: 60px;height: 30px;text-align: center;line-height: 30px;background: #8dacc4;font-size: 12px;color: #fff;border-radius: 5px;margin-top: 5px;cursor: pointer;}
  .order-contain .left-contain .product-box .filter-box .filter-btn.selected{background: #1e82e6;}
  .order-contain .left-contain .product-box .filter-box .filter-btn:hover{background: #6f94b0;}
  .order-contain .left-contain .box .p-list-box{margin-top: 40px;}
  .order-contain .left-contain .box .p-list{padding-bottom: 18px;}
  .order-contain .left-contain .box .p-list ul{padding-left: 20px;}
  .order-contain .left-contain .box .p-list ul li{width: 148px;float: left;margin-bottom: 35px;}
  .order-contain .left-contain .box .p-list ul li .list{width: 128px;cursor: pointer;height: 176px;}
  .order-contain .left-contain .box .p-list ul li .list .pic{display: block;width: 128px;height: 128px;background: #fff;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .order-contain .left-contain .box .p-list ul li .list .pic img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .order-contain .left-contain .box .p-list ul li .list h5{font-size: 12px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 10px 0 5px 0;line-height: 18px;}
  .order-contain .left-contain .box .p-list ul li .list .price{font-size: 12px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height: 15px;align-items: center;display: flex;}
  .order-contain .left-contain .box .p-list ul li .list .price i{color: #8dacc4;font-size: 14px;vertical-align: middle;margin-right: 5px;}
  .order-contain .left-contain .box .p-list .btn{width: 250px;height: 30px;margin: 0 auto;text-align: center;line-height: 30px;border-radius: 5px;}
  .order-contain .left-contain .box .p-list .btn{background: #23b7e5;color: #fff;cursor: pointer;}
  .order-contain .left-contain .box .p-list .no-more{background: #ddd;color: #888;}
  .order-contain .left-contain .box .p-list .morebtn:hover{background: #159ac4;}
  .order-contain .left-contain .product-box .filter-optionbox{background: #fff;width: 280px;margin: 20px auto 0 auto;border-radius: 5px;padding: 18px 0;position: relative;}
  .order-contain .left-contain .product-box .filter-optionbox .pitem{font-size: 12px;color: #3b454c;text-align: center;border-bottom: 1px solid #dcdcdc;width: 240px;margin: 0 auto 20px auto;padding-bottom: 5px;font-weight: 600;}
  .order-contain .left-contain .product-box .filter-optionbox dl{width: 240px;margin: 0 auto 10px auto;line-height: 30px;}
  .order-contain .left-contain .product-box .filter-optionbox dl dt{float: left;width: 44px;text-align: center;font-size: 12px;color: #8dacc4;font-weight: 600;}
  .order-contain .left-contain .product-box .filter-optionbox dl dd{float: left;width: 166px;overflow: hidden;border-radius: 5px;}
  .order-contain .left-contain .product-box .filter-optionbox dl dd .text{float: left;width: 145px;height: 30px;text-align: center;line-height: 30px;background: #ea4c89;font-size: 12px;color: #fff;font-weight: 600;border-right: 1px solid #c82878;}
  .order-contain .left-contain .product-box .filter-optionbox dl dd.all{cursor: pointer;}
  .order-contain .left-contain .product-box .filter-optionbox dl dd .btn{float: left;width: 20px;height: 30px;line-height: 30px;text-align: center;background: #ea4c89;}
  .order-contain .left-contain .product-box .filter-optionbox dl dd .btn i{font-size: 18px;color: #fff;}
  .order-contain .left-contain .product-box .filter-optionbox dl dd .clearbtn{cursor: pointer;}
  .order-contain .left-contain .product-box .filter-optionbox dl dd .clearbtn i{color: #fff;font-size: 12px;font-weight: 600;}
  .order-contain .left-contain .product-box .filter-optionbox .color-box{width: 240px;margin: 0 auto;}
  .order-contain .left-contain .product-box .filter-optionbox .color-box span{float: left;width: 28px;height: 23px;border:1px solid #dcdcdc;margin: 0 5px 20px 5px;cursor: pointer;line-height: 23px;text-align: center;position: relative;}
  .order-contain .left-contain .product-box .filter-optionbox .color-box span i{font-size: 12px;opacity: 0;filter:alpha(opacity=0);font-weight: normal;position: relative;z-index: 2;}
  .order-contain .left-contain .product-box .filter-optionbox .color-box span.selected i{font-size: 12px;opacity: 1;filter:alpha(opacity=100);}
  .order-contain .left-contain .product-box .filter-optionbox .color-box span img{position: absolute;font-size: 12px;display: block;width: 28px;color:#888;}
  .order-contain .left-contain .product-box .filter-optionbox .cz-fl{width: 240px;margin: 0 auto;}
  .order-contain .left-contain .product-box .filter-optionbox .cz-fl span{display: inline-block;color: #8dacc4;font-size: 12px;font-weight: 600;line-height: 1;margin-right: 14px;margin-bottom: 15px;cursor: pointer;}
  .order-contain .left-contain .product-box .filter-optionbox .cz-fl span b{display: inline-block;width: 8px;height: 8px;border:2px solid #8dacc4;vertical-align: top;margin-right: 5px;}
  .order-contain .left-contain .product-box .filter-optionbox .cz-fl span:hover,.dealer-product-content .search-content .filter-content .other-con .three-f-style span.selected{color: #23b7e5;}
  .order-contain .left-contain .product-box .filter-optionbox .cz-fl span:hover b{border:2px solid #23b7e5;}
  .order-contain .left-contain .product-box .filter-optionbox .cz-fl span.selected b{background: url(../images/icon/11_03.png) no-repeat center;border:2px solid #23b7e5;background-color: #23b7e5;}
  .order-contain .left-contain .product-box .filter-optionbox .filter-confirmbtn{width: 240px;margin: 40px auto 0 auto;}
  .order-contain .left-contain .product-box .filter-optionbox .filter-confirmbtn span{float: left;height: 30px;line-height: 30px;color: #fff;text-align: center;border-radius: 5px;cursor: pointer;}
  .order-contain .left-contain .product-box .filter-optionbox .filter-confirmbtn .resetbtn{width: 80px;background: #a0a0a0;}
  .order-contain .left-contain .product-box .filter-optionbox .filter-confirmbtn .resetbtn i{margin-right: 10px;}
  .order-contain .left-contain .product-box .filter-optionbox .filter-confirmbtn .confirmbtn{float: right;width: 140px;background: #1e82e6;}
  .order-contain .left-contain .product-box .filter-optionbox .filter-confirmbtn .resetbtn:hover{background: #666;}
  .order-contain .left-contain .product-box .filter-optionbox .filter-confirmbtn .confirmbtn:hover{background: #1566b7;}
  .order-contain .left-contain .product-box .filter-optionbox .fl-win{position: absolute;left: 0;top:0;right: 0;background: #dcdcdc;padding:30px 30px 0 30px;z-index: 4;}
  .order-contain .left-contain .product-box .filter-optionbox .fl-win span{float: left;min-width: 40px;padding: 0 10px;height: 28px;line-height: 28px;text-align: center;border:1px solid #8dacc4;color: #8dacc4;font-size: 12px;border-radius: 5px;background: #fff;margin: 0 5px 10px 5px;cursor: pointer;}
  .order-contain .left-contain .product-box .filter-optionbox .fl-win span:hover{border:1px solid #ea4c89;}
  .order-contain .left-contain .product-box .filter-optionbox .fl-win span.selected{border:1px solid #ea4c89;background: #ea4c89;color: #fff;}
  .order-contain .left-contain .left-move-btn{position: absolute;right: -20px;width: 20px;height: 60px;text-align: center;line-height: 60px;background: #1c2b36;top: 50%;margin-top: -30px;cursor: pointer;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
  .order-contain .left-contain .left-move-btn i{color: #fff;font-size: 10px;}
  .order-contain .left-contain .select2-container .select2-selection--single{height: 40px;line-height: 40px;}
  .order-contain .left-contain .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px;}
  .order-contain .left-contain .select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px;}
  .site-left-move-btn{position: fixed;left: 0;width: 20px;height: 60px;text-align: center;line-height: 60px;background: #1c2b36;top: 50%;margin-top: -30px;cursor: pointer;border-top-right-radius: 5px;border-bottom-right-radius: 5px;z-index: 6;}
  .site-left-move-btn i{color: #fff;font-size: 10px;}
  .site-leftupload-move-btn{left:478px;transition: left 0.5s;-webkit-transition: left 0.5s;}
  
  .add-product-win{width: 1200px;height: 760px;position: fixed;left: 50%;top:50%;margin-left: -600px;margin-top: -380px;z-index: 22;background: #fff;border-radius: 5px;overflow: hidden;}
  .add-product-win .item{width: 100%;height: 40px;background: #23b7e5;text-align: center;line-height: 40px;position: relative;color: #fff;font-weight: 600;}
  .add-product-win .item .closebtn{display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;position: absolute;right: 0;top: 0;}
  .add-product-win .item .closebtn i{font-size: 20px;font-weight: normal;cursor: pointer;}
  .add-product-win .item .closebtn:hover i{color: #e6e6e6;}
  
  .add-product-content{height: 720px;background: #fff;position: relative;overflow:hidden;}
  .add-product-content .product-content-left{overflow: hidden;background: #fff;height: 560px;padding: 50px 0;position: relative;}
  .add-product-content .product-content-left .picbox{margin: 0 50px 50px 50px;height: 510px;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .add-product-content .product-content-left .picbox img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .add-product-content .product-content-left .piclist{position: absolute;left: 30px;bottom: 50px;width: 100%;}
  .add-product-content .product-content-left .piclist ul{float: left;}
  .add-product-content .product-content-left .piclist ul li{float: left;width: 58px;height: 58px;overflow: hidden;position: relative;margin-right: 10px;border:1px solid #fff;border-radius: 5px;cursor: pointer;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .add-product-content .product-content-left .piclist ul li img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 90%;max-height: 90%;}
  .add-product-content .product-content-left .piclist ul li.selected,.product-content .product-content-left .piclist ul li:hover{border:1px solid #bcbcbc;box-shadow: 0 0 10px #888;}
  .add-product-content .product-content-left .piclist .card{float: right;margin-right: 100px;cursor: pointer;position: relative;}
  .add-product-content .product-content-left .piclist .card .op{float: left;}
  .add-product-content .product-content-left .piclist .card .opface{width: 40px;height: 40px;overflow: hidden;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);border:1px solid #fff;border-radius: 50%;margin-top: 10px;cursor: pointer;}
  .add-product-content .product-content-left .piclist .card .opface img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .add-product-content .product-content-left .piclist .card .opname{color: #3b454c;line-height: 60px;margin-left: 20px;}
  .add-product-content .product-content-left .piclist .card:hover .opface{border:1px solid #000;}
  .add-product-content .product-content-left .piclist .card:hover .opname{color: #000;font-weight: 600;}
  .add-product-content .product-content-right{width: 800px;float: right;height: 660px;}
  .add-product-content .product-content-right .detail-box{padding: 0 40px 0 40px;width: 319px;float: left;height: 600px;margin-top: 20px;border-left: 1px solid #dcdcdc;position: relative;}
  .add-product-content .product-content-right .detail-box .opbtn{width: 28px;height: 28px;border:1px solid #23b7e5;position: absolute;top: -30px;right: 20px;text-align: center;line-height: 28px;cursor: pointer;}
  .add-product-content .product-content-right .detail-box .opbtn i{color: #23b7e5;}
  .add-product-content .product-content-right .detail-box .opbtn:hover{background: #23b7e5;}
  .add-product-content .product-content-right .detail-box .opbtn:hover i{color: #fff;}
  .add-product-content .product-content-right .detail-box .top{border-bottom: 1px solid #dcdcdc;}
  .add-product-content .product-content-right .detail-box .top h5{color: #3b454c;font-size: 18px;font-weight: 600;line-height: 30px;margin-bottom: 15px;}
  .add-product-content .product-content-right .detail-box .top p{color: #3b454c;font-size: 18px;font-weight: 600;margin-bottom: 20px;}
  .add-product-content .product-content-right .detail-box .top p i{font-weight: normal;color: #8dacc4;font-size: 22px;margin-right: 10px;}
  .add-product-content .product-content-right .detail-box .middle{}
  .add-product-content .product-content-right .detail-box .middle dl{padding: 15px 0 25px 0;}
  .add-product-content .product-content-right .detail-box .middle dl dt{font-size: 12px;font-weight: 600;color: #3b454c;line-height: 24px;}
  .add-product-content .product-content-right .detail-box .middle dl dd{font-size: 12px;color: #3b454c;line-height: 24px;}
  .add-product-content .product-content-right .detail-box .middle p{color: #3b454c;font-size: 12px;line-height: 24px;}
  .add-product-content .product-content-right .detail-box .middle p strong{font-weight: 600;}
  .add-product-content .product-content-right .detail-box .middle .price{color: #3b454c;font-size: 12px;line-height: 24px;font-weight: 600;margin-top: 25px;margin-bottom: 15px;}
  .add-product-content .product-content-right .detail-box .share{padding-top: 40px;}
  .add-product-content .product-content-right .detail-box .share .editlink{width: 180px;height: 28px;border:1px solid #dcdcdc;background: #f0f0f0;float: left;line-height: 28px;color: #3b454c;font-weight: 600;border-radius: 5px;margin-right: 15px;}
  .add-product-content .product-content-right .detail-box .share .editlink i{font-weight: normal;margin:0 20px 0 35px;vertical-align: middle;}
  .add-product-content .product-content-right .detail-box .share .editlink:hover{background: #dcdcdc;}
  .add-product-content .product-content-right .detail-box .share .sharebtn{float: left;margin-left: 10px;}
  .add-product-content .product-content-right .product-helper{float: left;width: 400px;background: #f0f0f0;height: 660px;}
  .add-product-content .product-content-right .product-helper .item{height: 40px;line-height: 40px;text-align: center;background: #23b7e5;color: #fff;font-weight: 600;position: relative;}
  .add-product-content .product-content-right .product-helper .item i{font-weight: normal;position: absolute;right: 40px;font-size: 20px;}
  .add-product-content .product-content-right .product-helper .cs-select-box{padding: 20px 20px 40px 20px;height: 360px;}
  .add-product-content .product-content-right .product-helper .cs-select-box dl{margin-bottom: 20px;}
  .add-product-content .product-content-right .product-helper .cs-select-box dl dt{float: left;width: 50px;text-align: right;font-size: 12px;color: #3b454c;font-weight: 600;line-height: 30px;}
  .add-product-content .product-content-right .product-helper .cs-select-box dl dt strong{display: block;font-weight: 600;margin-top: -15px;margin-right: 5px;}
  .add-product-content .product-content-right .product-helper .cs-select-box dl dd{float: left;width: 286px;margin-left: 15px;}
  .add-product-content .product-content-right .product-helper .cs-select-box dl dd span{float: left;padding: 0 20px;height: 28px;background: #fff;border:1px solid #dcdcdc;margin-right: 15px;margin-bottom: 10px;text-align: center;line-height: 28px;border-radius: 5px;overflow: hidden;font-size: 12px;color: #8dacc4;font-weight: 600;cursor: pointer;}
  .add-product-content .product-content-right .product-helper .cs-select-box dl dd span:hover{border:1px solid #23b7e5;height: 28px;line-height: 28px;padding: 0 20px;}
  .add-product-content .product-content-right .product-helper .cs-select-box dl dd span.selected{border:2px solid #23b7e5;height: 26px;line-height: 26px;padding: 0 19px;box-shadow: 0 0 5px #999;color: #23b7e5;}
  .add-product-content .product-content-right .product-helper .cs-select-box dl dd span.disabled{background: #f0f0f0;border:1px solid #dcdcdc;padding: 0 20px;height: 28px;line-height: 28px;box-shadow: 0 0 0 #999;cursor:not-allowed;}
  .add-product-content .product-content-right .product-helper .detail{height: 215px;background: #dcdcdc;padding: 25px 40px 0 40px;position: relative;}
  .add-product-content .product-content-right .product-helper .detail .price_original{position: absolute;top: 0;right: 0;width: 80px;height: 30px;text-align: center;line-height: 30px;background: #23b7e5;font-size: 12px;font-weight: 600;color:#fff;cursor: pointer;}
  .add-product-content .product-content-right .product-helper .detail .one-box{margin-bottom: 20px;}
  .add-product-content .product-content-right .product-helper .detail .one-box p{float: left;width: 150px;color: #3b454c;font-size: 12px;line-height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-right: 10px;}
  .add-product-content .product-content-right .product-helper .detail .one-box p strong{font-weight: 600;}
  .add-product-content .product-content-right .product-helper .detail .two-box{margin-bottom: 20px;}
  .add-product-content .product-content-right .product-helper .detail .two-box p{color: #3b454c;font-size: 12px;line-height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-right: 10px;}
  .add-product-content .product-content-right .product-helper .detail .two-box p strong{font-weight: 600;}
  .add-product-content .product-content-right .product-helper .detail .three-box p{color: #3b454c;font-size: 12px;line-height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-right: 10px;}
  .add-product-content .product-content-right .product-helper .detail .three-box p strong{font-weight: 600;}
  .add-product-content .addbtn-box{width: 100%;height: 45px;background: #f8f8f8;padding-top: 15px;}
  .add-product-content .addproductbtn{display: block;width: 140px;height: 30px;margin: 0 auto;text-align: center;line-height: 30px;color: #fff;background: #1e82e6;border-radius: 5px;cursor: pointer;}
  .add-product-content .addproductbtn:hover{background: #186ec4;}
  
  .order-contain .left-contain .quick-product-box{}
  .order-contain .left-contain .box .item{width: 220px;height: 40px;text-align: center;line-height: 40px;background: #17232c;color: #fff;font-size: 12px;font-weight: 600;margin: 50px auto 40px auto;border-radius: 5px;}
  .order-contain .left-contain .quick-product-box .quick-add-pbtnbox{width: 280px;margin: 0 auto;}
  .order-contain .left-contain .quick-product-box .quick-add-pbtnbox .quick-add-pbtn{float: left;width: 130px;height: 130px;background: #8dacc4;cursor: pointer;}
  .order-contain .left-contain .quick-product-box .quick-add-pbtnbox .quick-add-pbtn .icon{display: block;text-align: center;margin: 35px 0 5px 0;}
  .order-contain .left-contain .quick-product-box .quick-add-pbtnbox .quick-add-pbtn .icon i{font-size: 38px;color: #fff;}
  .order-contain .left-contain .quick-product-box .quick-add-pbtnbox .quick-add-pbtn .text{text-align: center;color: #fff;font-size: 12px;font-weight: 600;display: block;}
  .order-contain .left-contain .quick-product-box .quick-add-pbtnbox .tip{float: right;width: 100px;height: 50px;padding: 15px;background: #17232c;color: #8dacc4;font-size: 12px;border-radius: 10px;line-height: 24px;margin-top: 25px;}
  .order-contain .left-contain .quick-product-box .quick-add-pbtnbox .quick-add-pbtn:hover{background: #23b7e5;}
  .order-contain .left-contain .box .p-list .order-nocontent{width: 220px;margin: 60px auto 0 auto;}
  .order-contain .left-contain .box .p-list .order-nocontent .icon{width: 100px;margin: 0 auto;}
  .order-contain .left-contain .box .p-list .order-nocontent p{width: 100%;height: 40px;text-align: center;line-height: 40px;background: #17232c;color: #8dacc4;font-size: 12px;margin-top: 30px;border-radius: 10px;}
  
  .add-quickproduct-win{width: 1000px;height: 780px;position: fixed;left: 50%;top:50%;margin-left: -500px;margin-top: -390px;z-index: 22;background: #fff;border-radius: 5px;overflow: hidden;}
  .add-quickproduct-win .item{width: 100%;height: 40px;background: #23b7e5;text-align: center;line-height: 40px;position: relative;color: #fff;font-weight: 600;}
  #addquickproductwin{height: 740px;}
  .add-quickproduct-win .item .closebtn{display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;position: absolute;right: 0;top: 0;}
  .add-quickproduct-win .item .closebtn i{font-size: 20px;font-weight: normal;cursor: pointer;}
  .add-quickproduct-win .item .closebtn:hover i{color: #e6e6e6;}
  .add-quickproduct-win .item .tip{display: block;position: absolute;left: 30px;height: 40px;line-height: 40px;color: #fff;font-size: 12px;top: 0;font-weight: normal;}
  .add-quickproduct-win dl{margin-bottom: 35px;margin-left: 75px;}
  .add-quickproduct-win dl dt{float: left;width: 100px;text-align: right;color: #484848;line-height: 40px;margin-right: 30px;font-weight: 600;}
  .add-quickproduct-win dl dt strong{display: block;line-height: 12px;color: #3b454c;font-size: 12px;margin-top: -8px;font-weight: normal;}
  .add-quickproduct-win dl dd{float: left;}
  .add-quickproduct-win dl dd .name{float: left;margin-right: 90px;}
  .add-quickproduct-win dl dd .dw{float: left;}
  .add-quickproduct-win .h-box .cost{float: left;}
  .add-quickproduct-win .h-box .price{float: left;}
  .add-quickproduct-win .h-box .price dl{margin-left: 20px;}
  .add-quickproduct-win dl dd input{height: 18px;padding: 10px 10px;border:1px solid #dcdcdc;border-radius: 5px;color: #484848;}
  .add-quickproduct-win dl dd input:focus{border:1px solid #23b7e5;}
  .add-quickproduct-win dl dd input.long-text{width: 275px;}
  .add-quickproduct-win dl dd input.mid-text{width: 258px;}
  .add-quickproduct-win dl dd input.short-text{width: 98px;}
  .add-quickproduct-win dl dd select{height: 38px;border:1px solid #dcdcdc;border-radius: 5px;color: #3b454c;font-size: 12px;font-weight: 600;margin-right: 20px;}
  .add-quickproduct-win dl dd select.long-select{width: 278px;}
  .add-quickproduct-win dl dd select.mid-select{width: 158px;}
  .add-quickproduct-win dl dd .select-box{padding-top: 9px;}
  .add-quickproduct-win dl dd .select-box span ,.add-quickproduct-win dl dd .tips span{display: inline-block;margin-right: 20px;color: #8dacc4;font-size: 12px;font-weight: 600;line-height: 12px;cursor: pointer;margin-bottom: 10px;}
  .add-quickproduct-win dl dd .select-box span b,.add-quickproduct-win dl dd .tips span b{display: inline-block;width: 8px;height: 8px;border:2px solid #8dacc4;vertical-align: top;margin-right: 5px;}
  .add-quickproduct-win dl dd .select-box span:hover,.add-quickproduct-win dl dd .select-box span.selected,.add-quickproduct-win dl dd .tips span:hover,.add-quickproduct-win dl dd .tips span.selected{color: #23b7e5;}
  .add-quickproduct-win dl dd .select-box span:hover b,.add-quickproduct-win dl dd .tips span:hover b{border:2px solid #23b7e5;}
  .add-quickproduct-win dl dd .select-box span.selected b,.add-quickproduct-win dl dd .tips span.selected b{background: url(../images/icon/11_03.png) no-repeat center;border:2px solid #23b7e5;background-color: #23b7e5;}
  .add-quickproduct-win dl dd .tips{padding-top: 15px;}
  .add-quickproduct-win dl dd .tips b{font-size: 12px;color: #c8c8c8;font-weight: 600;}
  .add-quickproduct-win dl dd .color-box{margin-bottom: -10px;}
  .add-quickproduct-win dl dd .color-box span{display: inline-block;width: 28px;height: 23px;border:1px solid #e3e3e3;text-align: center;line-height: 23px;margin-right: 10px;margin-bottom: 10px;cursor: pointer;position: relative;}
  .add-quickproduct-win dl dd .color-box span i{font-size: 14px;color: #fff;opacity: 0;filter:alpha(opacity=0);font-weight: normal;position: relative;z-index: 2;}
  .add-quickproduct-win dl dd .color-box span.selected i{opacity: 1;filter:alpha(opacity=100);}
  .add-quickproduct-win dl dd .color-box span img{position: absolute;font-size: 12px;display: block;width: 28px;color:#888;}
  .add-quickproduct-win dl dd .word{color: #484848;font-weight: 600;margin: 0 20px 0 10px;}
  .add-quickproduct-win dl dd .zdy{padding-top: 10px;}
  .add-quickproduct-win dl dd .zdy input{height: 18px;padding: 5px 10px;border:1px solid #888;border-radius: 5px;color: #484848;width: 158px;}
  .add-quickproduct-win dl dd .zdy input:focus{border:1px solid #23b7e5;}
  .add-quickproduct-win dl dd ul li{float: left;margin-right: 20px;position: relative;}
  .add-quickproduct-win dl dd ul li .deletebtn{position: absolute;width: 18px;height: 18px;border:1px solid #dcdcdc;top: 0;right: 0;background: #fff;cursor: pointer;text-align: center;line-height: 18px;z-index: 2;}
  .add-quickproduct-win dl dd ul li .deletebtn i{font-size: 10px;color: #484848;}
  .add-quickproduct-win dl dd ul li .list{width: 100px;height: 100px;padding: 5px;border:1px solid #dcdcdc;cursor: pointer;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .add-quickproduct-win dl dd ul li .list span{display: block;width: 100px;height: 100px;background: #8dacc4;text-align: center;line-height: 100px;position: relative;}
  .add-quickproduct-win dl dd ul li .list span i{color: #fff;font-size: 30px;}
  .add-quickproduct-win dl dd ul li .list span b{display: block;position: absolute;width: 100%;text-align: center;font-size: 12px;color: #fff;left: 0;bottom: 10px;line-height: 14px;}
  .add-quickproduct-win dl dd ul li .list img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .add-quickproduct-win dl dd ul li .setting{text-align: center;font-size: 12px;color: #484848;line-height: 20px;padding-top: 5px;}
  .add-quickproduct-win dl dd ul li .setting b{display: inline-block;width: 18px;height: 18px;border:1px solid #dcdcdc;text-align: center;line-height: 18px;margin-right: 10px;cursor: pointer;}
  .add-quickproduct-win dl dd ul li .setting b i{font-size: 12px;color: #23b7e5;}
  .add-quickproduct-win dl dd ul li .setting span{vertical-align: top;}
  .add-quickproduct-win dl dd ul li:hover .list{padding: 4px;border:2px solid #8dacc4;}
  .add-quickproduct-win dl dd ul li:hover .setting{color: #8dacc4;font-weight: 600;}
  .add-quickproduct-win .addbtn-box{width: 100%;height: 45px;background: #fefefe;padding-top: 15px;}
  .add-quickproduct-win .addproductbtn{display: block;width: 140px;height: 30px;margin: 0 auto;text-align: center;line-height: 30px;color: #fff;background: #1e82e6;border-radius: 5px;cursor: pointer;}
  .add-quickproduct-win .addproductbtn:hover{background: #186ec4;}
  
  .order-contain .right-contain{position: fixed;right: 0;top: 0;background: #fff;z-index: 5;width: 265px;bottom: 0;padding-top: 60px;transition: width 0.5s;-webkit-transition: width 0.5s; }
  .order-contain .right-contain .order-style{width: 100%;height: 60px;background: #f0f0f0;}
  .order-contain .right-contain .order-style dl{width: 265px;margin: 0 auto;}
  .order-contain .right-contain .order-style dl dt{float: left;width: 80px;height: 60px;line-height: 60px;color: #3b454c;font-size: 12px;font-weight: 600;margin-left: 35px;}
  .order-contain .right-contain .order-style dl dd{width: 120px;float: left;padding-top: 15px;}
  .order-contain .right-contain .order-style dl dd select{width: 100%;}
  .order-contain .right-contain .area-box{width: 252px;margin: 0 auto;}
  .order-contain .right-contain .area-box .add-area-box{padding-top: 30px;padding-bottom: 20px;}
  .order-contain .right-contain .area-box .add-area-box .area-addbtn{width: 180px;height: 30px;text-align: center;line-height: 30px;background: #26be58;color: #fff;display: block;margin: 0 auto;border-radius: 5px;cursor: pointer;margin-bottom: 18px;}
  .order-contain .right-contain .area-box .add-area-box .area-addbtn:hover{background: #1b9e46;}
  .order-contain .right-contain .area-box .add-area-box .tip{display: block;text-align: center;color: #3b454c;font-size: 12px;font-weight: 600;}
  .order-contain .right-contain .area-box .area-list{}
  .order-contain .right-contain .area-box .area-list .list{height: 60px;width: 100%;background: #e6e6e6;margin-bottom: 2px;text-align: center;line-height: 60px;color: #3b454c;font-size: 12px;font-weight: 600;position: relative;}
  .order-contain .right-contain .area-box .area-list .list .click-area{height: 60px;width: 100%;cursor: pointer;}
  .order-contain .right-contain .area-box .area-list .list .up{display: block;position: absolute;left: 20px;top: 16px;z-index: 2;cursor: pointer;display: none;z-index: 3;width: 18px;height: 12px;overflow: hidden;text-align: center;line-height: 12px;}
  .order-contain .right-contain .area-box .area-list .list .up i{font-weight: normal;font-size: 12px;}
  .order-contain .right-contain .area-box .area-list .list .down i{font-weight: normal;font-size: 12px;}
  .order-contain .right-contain .area-box .area-list .list .down{display: block;position: absolute;left: 20px;top: 34px;z-index: 2;cursor: pointer;display: none;z-index: 2;width: 18px;height: 10px;overflow: hidden;text-align: center;line-height: 12px;}
  .order-contain .right-contain .area-box .area-list .list .deletebtn{display: block;width: 20px;height: 20px;overflow: hidden;text-align: center;line-height: 20px;position: absolute;z-index: 3;right: 15px;top: 20px;cursor: pointer;display: none;}
  .order-contain .right-contain .area-box .area-list .list .deletebtn .w-bg{display: block;position: absolute;width: 14px;height:14px;left: 3px;top: 3px;background: #fff;border-radius: 50%;z-index: 1;}
  .order-contain .right-contain .area-box .area-list .list .deletebtn i{color: #e36159;font-size: 20px;position: relative;z-index: 2;}
  .order-contain .right-contain .area-box .area-list .list:hover{background: #b5b5b5;}
  .order-contain .right-contain .area-box .area-list .list.selected{background: #324664;color: #fff;}
  .order-contain .right-contain .area-box .area-list .list.selected .up,.order-contain .right-contain .area-box .area-list .list.selected .down{display: block;}
  .order-contain .right-contain .area-box .area-list .list.selected .up:hover i,.order-contain .right-contain .area-box .area-list .list.selected .down:hover i{color: #e36159;}
  .order-contain .right-contain .area-box .area-list .list.selected .deletebtn{display: block;}
  .order-contain .right-contain .area-box .area-list .list.selected .deletebtn:hover i{color: #cd3f37;}
  .order-contain .right-contain .area-box .area-list .list.selected .sj{display: block;position: absolute;left: 0;top: 0;width: 20px;height: 20px;background: url(../images/icon/sj-icon.png) no-repeat left top;}
  .order-contain .right-contain .right-move-btn{position: absolute;left: -20px;width: 20px;height: 60px;text-align: center;line-height: 60px;background: #fff;top: 50%;margin-top: -30px;cursor: pointer;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-left: 1px solid #324664;border-top: 1px solid #324664;border-bottom: 1px solid #324664;}
  .order-contain .right-contain .right-move-btn i{color: #324664;font-size: 10px;font-weight: 600;}
  .order-contain .right-contain .order-style dl dd .img-b{display: inline-block;line-height: 28px;margin-left: 8px;}
  .order-contain .right-contain .order-style dl dd .img-b .img-flag{margin-top: 6px;vertical-align: top;margin-right: 5px;}
  .select2-results__option .img-b{vertical-align: top;margin-left: 10px;}
  .select2-results__option .img-b img{margin-right: 5px;}
  
  .order-contain .center-contain{overflow: hidden;margin-left: 380px;margin-right: 267px;transition: margin 0.5s;-webkit-transition: margin 0.5s;}
  .order-contain .center-contain .title{width: 94%;margin: 30px auto 20px auto;}
  .order-contain .center-contain .title input{font-size: 24px;color: #484848;height: 24px;padding: 16px 1%;width: 98%;border-radius: 5px;border:1px dashed #dcdcdc;}
  .order-contain .center-contain .title input:focus{border-color: #23b7e5;}
  .order-contain .center-contain .title input::-webkit-input-placeholder{color:#c8c8c8;font-size:24px;}
  .order-contain .center-contain .title input:-moz-placeholder {  font-size:24px;color:#c8c8c8;} 
  .order-contain .center-contain .title input::-moz-placeholder {  font-size:24px;color:#c8c8c8;} 
  .order-contain .center-contain .title input:-ms-input-placeholder { font-size:24px;color:#c8c8c8;}
  .order-contain .center-contain .area-name-pic-box{width: 94%;margin: 0 auto;}
  .order-contain .center-contain .area-name-pic-box .area-name{float: left;}
  .order-contain .center-contain .area-name-pic-box .area-name input{width: 178px;height: 18px;padding: 5px 10px;border-radius: 5px;border:1px dashed #dcdcdc;line-height: 18px;color: #484848;}
  .order-contain .center-contain .area-name-pic-box .area-name input:focus{border-color: #23b7e5;}
  .order-contain .center-contain .area-name-pic-box .area-name input::-webkit-input-placeholder{color:#c8c8c8;font-size:12px;}
  .order-contain .center-contain .area-name-pic-box .area-name input:-moz-placeholder {  font-size:12px;color:#c8c8c8;} 
  .order-contain .center-contain .area-name-pic-box .area-name input::-moz-placeholder {  font-size:12px;color:#c8c8c8;} 
  .order-contain .center-contain .area-name-pic-box .area-name input:-ms-input-placeholder {  font-size:12px;color:#c8c8c8;}
  .order-contain .center-contain .area-name-pic-box .area-pic-addbtn{float: right;width: 220px;height: 30px;background: #8dacc4;text-align: center;line-height: 30px;border-radius: 5px;color: #fff;cursor: pointer;}
  .order-contain .center-contain .area-name-pic-box .area-pic-addbtn i{margin-right: 10px;vertical-align: middle;}
  .order-contain .center-contain .area-name-pic-box .area-pic-addbtn:hover{background: #718fa6;}
  .order-contain .center-contain .thead{width: 94%;margin: 40px auto 30px auto;}
  .order-contain .center-contain .thead ul{width: 100%;}
  .order-contain .center-contain .thead ul li{float: left;height: 40px;text-align: center;line-height: 40px;background: #23b7e5;color: #fff;font-size: 12px;font-weight: 600;position: relative;}
  .order-contain .center-contain .thead ul li span{display: block;position: absolute;right: 0;top: 0;width: 1px;height: 40px;background: #fff;}
  .order-contain .center-contain .thead ul li.li1{width: 22.5%;}
  .order-contain .center-contain .thead ul li.li2{width: 22.5%;}
  .order-contain .center-contain .thead ul li.li3{width: 11%;}
  .order-contain .center-contain .thead ul li.li4{width: 11%;}
  .order-contain .center-contain .thead ul li.li5{width: 11%;}
  .order-contain .center-contain .thead ul li.li6{width: 11%;}
  .order-contain .center-contain .thead ul li.li7{width: 11%;}
  .order-contain .center-contain .tbody{width: 94%;margin: 0 auto;}
  .order-contain .center-contain .tbody .no-body{width:350px;height:60px;text-align:center;line-height: 60px;background:#f0f0f0;font-size:12px;color:#8dacc4;margin: 80px auto 0 auto;border-radius: 10px;}
  .order-contain .center-contain .tbody ul{margin-bottom: 20px;position: relative;height: 120px;border:1px solid #dcdcdc;background: #fff;}
  .order-contain .center-contain .tbody ul li{float: left;}
  .order-contain .center-contain .tbody ul li.li1{width: 22.5%;}
  .order-contain .center-contain .tbody ul li.li2{width: 22.5%;}
  .order-contain .center-contain .tbody ul li.li3{width: 11%;}
  .order-contain .center-contain .tbody ul li.li4{width: 11%;text-align: center;line-height: 120px;font-weight: 600;color: #8dacc4;font-size: 12px;}
  .order-contain .center-contain .tbody ul li.li5{width: 11%;text-align: center;line-height: 120px;font-weight: 600;color: #fbab33;font-size: 12px;}
  .order-contain .center-contain .tbody ul li.li6{width: 11%;}
  .order-contain .center-contain .tbody ul li.li7{width: 11%;text-align: center;line-height: 120px;font-weight: 600;color: #8dacc4;font-size: 12px;}
  .order-contain .center-contain .tbody ul li.li1 .pic{float: left;width: 90px;height: 90px;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);margin-top: 15px;margin-left: 10px;}
  .order-contain .center-contain .tbody ul li.li1 .pic img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .order-contain .center-contain .tbody ul li.li1 .detail{overflow: hidden;padding-left: 15px;padding-right: 10px;margin-top: 15px;}
  .order-contain .center-contain .tbody ul li.li1 .detail p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 12px;color: #8dacc4;font-weight: 600;line-height: 21px;}
  .order-contain .center-contain .tbody ul li.li2 .context{margin-top: 30px;margin-left: 30px;}
  .order-contain .center-contain .tbody ul li.li2 .context p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 12px;color: #8dacc4;font-weight: 600;line-height: 21px;}
  .order-contain .center-contain .tbody ul li.li3 .num-box{width: 110px;height: 30px;margin: 45px auto;font-size: 0;}
  .order-contain .center-contain .tbody ul li.li3 .num-box span{display: inline-block;width: 28px;height: 28px;text-align: center;line-height: 28px;border:1px solid #a0a0a0;text-align: center;line-height: 28px;cursor: pointer;vertical-align: top;}
  .order-contain .center-contain .tbody ul li.li3 .num-box span i{color: #484848;font-size: 12px;}
  .order-contain .center-contain .tbody ul li.li3 .num-box input{width: 50px;height: 18px;padding: 5px 0;text-align: center;border:0;border-top: 1px dashed #c8c8c8;border-bottom: 1px dashed #c8c8c8;vertical-align: top;color: #3b454c;font-size: 12px;}
  .order-contain .center-contain .tbody ul li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  .order-contain .center-contain .tbody ul li.li6 .d-price{width: 105px;margin: 45px auto;font-size: 12px;color: #8dacc4;font-weight: 600;}
  .order-contain .center-contain .tbody ul li.li6 .d-price input{height: 18px;padding: 5px 0;text-align: center;width: 80px;font-size: 12px;font-weight: 600;color: #3b454c;border:1px dashed #dcdcdc;}
  .order-contain .center-contain .tbody ul li.li6 .d-price input:focus{border-color: #23b7e5;}
  .order-contain .center-contain .tbody ul li.li7 .op-box{display: none;}
  .order-contain .center-contain .tbody ul li.li7 .op-box span{display: block;position: absolute;}
  .order-contain .center-contain .tbody ul li.li7 .op-box span i{font-weight: normal;}
  .order-contain .center-contain .tbody ul li.li7 .op-box .upbtn{width: 28px;height: 28px;left: -14px;top: 18px;z-index:4;overflow: hidden;text-align: center;line-height: 28px;background: #26be58;border-radius: 50%;cursor: pointer;}
  .order-contain .center-contain .tbody ul li.li7 .op-box .upbtn i{color: #fff;font-size: 12px;vertical-align: top;}
  .order-contain .center-contain .tbody ul li.li7 .op-box .downbtn{width: 28px;height: 28px;left: -14px;bottom: 18px;z-index: 4;overflow: hidden;text-align: center;line-height: 28px;background: #26be58;border-radius: 50%;cursor: pointer;}
  .order-contain .center-contain .tbody ul li.li7 .op-box .downbtn i{color: #fff;font-size: 12px;vertical-align: top;}
  .order-contain .center-contain .tbody ul li.li7 .op-box .upbtn:hover,.order-contain .center-contain .tbody ul li.li7 .op-box .downbtn:hover{background: #1b9744;}
  .order-contain .center-contain .tbody ul li.li7 .op-box .deletebtn{width: 28px;height: 28px;right: -14px;top: 46px;z-index: 10;overflow: hidden;text-align: center;line-height: 28px;cursor: pointer;border-radius: 50%;background: #fff;}
  .order-contain .center-contain .tbody ul li.li7 .op-box .deletebtn i{color: #e36159;font-size: 28px;}
  .order-contain .center-contain .tbody ul li.li7 .op-box .deletebtn:hover i{color: #be433c;}
  .order-contain .center-contain .tbody ul:hover{box-shadow: 0 0 10px #484848;}
  .order-contain .center-contain .tbody ul:hover li.li7 .op-box{display: block;}
  .order-contain .center-contain .tbody ul li.li7 .warning-box{position: absolute;z-index: 4;left: 0;top: 0;right: 0;bottom: 0;}
  .order-contain .center-contain .tbody ul li.li7 .warning-box .warningbg{position: absolute;z-index: 1;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: 0.6;filter:alpha(opacity=60);}
  .order-contain .center-contain .tbody ul li.li7 .warning-box strong{position: relative;z-index: 2;color: #fff;text-align: left;display: block;line-height: 24px;margin: 10px;}
  .order-contain .center-contain .tbody ul li.li7 .warning-box strong i{margin-right: 10px;font-size: 18px;}
  .order-contain .center-contain .tbody .area-total{width: 240px;height: 40px;text-align: center;line-height: 40px;background: #23b7e5;color: #fff;font-size: 12px;font-weight: 600;margin: 20px auto;border-radius: 20px;}
  .order-total{width: 100%;position: fixed;bottom: 0;left: 0;height: 90px;background: #dcdcdc;z-index: 18;min-width: 1024px;}
  .order-total .total-box{width: 90%;margin: 0 auto;}
  .order-total .total-box .one-box{float: left;line-height: 90px;}
  .order-total .total-box .one-box span{color: #3b454c;font-size: 12px;font-weight: 600;margin-right: 30px;}
  .order-total .total-box .one-box span input{background: #fff;width: 60px;text-align: center;height: 18px;line-height: 18px;padding: 5px 0;border:1px dashed #dcdcdc;margin: 0 10px;color: #484848;font-size: 12px;}
  .order-total .total-box .one-box span input:focus{border-color: #23b7e5;}
  .order-total .total-box .two-box{float: right;line-height: 90px;position: relative;}
  .order-total .total-box .two-box span{float: left;font-size: 12px;color: #3b454c;font-weight: 600;margin-right: 70px;}
  .order-total .total-box .two-box span.span1{position: absolute;top:3px;left: 98px;line-height: 18px;margin-right: 0;color: #fff;font-weight: normal;}
  .order-total .total-box .two-box span.span2{position: absolute;bottom:0px;right: 10px;line-height: 18px;margin-right: 0;color: #fff;font-weight: normal;}
  .order-total .total-box .two-box .pay{float: left;width: 340px;height: 90px;background: #1e82e6;}
  .order-total .total-box .two-box .pay b{color: #fff;font-size: 12px;font-weight: 600;margin-left: 18px;}
  .order-total .total-box .two-box .pay strong{color: #fff;font-size: 30px;vertical-align: middle;}
  .order-total .total-box .two-box .pay input{width: 210px;height: 45px;line-height:45px;border:1px dashed #fff;background: #1e82e6;text-align: right;font-size: 30px;color: #fff;padding: 0 10px;vertical-align: middle;}
  
  .add-areapic-win{width: 1200px;height: 760px;position: fixed;left: 50%;top:50%;margin-left: -600px;margin-top: -380px;z-index: 22;background: #fff;border-radius: 5px;overflow: hidden;}
  .add-areapic-win .item{width: 100%;height: 40px;background: #23b7e5;text-align: center;line-height: 40px;position: relative;color: #fff;font-weight: 600;}
  .add-areapic-win .item .closebtn{display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;position: absolute;right: 0;top: 0;}
  .add-areapic-win .item .closebtn i{font-size: 20px;font-weight: normal;cursor: pointer;}
  .add-areapic-win .item .closebtn:hover i{color: #e6e6e6;}
  .add-areapic-win .areapic-box{width: 1162px;margin: 0 0 0 40px;padding: 40px 0 20px 0;}
  .add-areapic-win .areapic-box .box-left{float: left;width: 960px;height: 540px;border-right: 1px solid #dcdcdc;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .add-areapic-win .areapic-box .box-left img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 90%;max-height: 90%;z-index: 1;}
  .add-areapic-win .areapic-box .box-left .link-input{position: absolute;left: 50%;top: 20px;margin-left: -230px;z-index: 2;}
  .add-areapic-win .areapic-box .box-left .link-input span{display: block;width: 30px;height: 30px;overflow: hidden;line-height: 30px;text-align: center;position: absolute;left: 0;top: 0;}
  .add-areapic-win .areapic-box .box-left .link-input span i{color: #308ce8;font-size: 20px;}
  .add-areapic-win .areapic-box .box-left .link-input input{width: 418px;height: 18px;padding: 5px 5px 5px 35px;border:1px dashed #c8c8c8;background: #fff;border-radius: 5px;color: #484848;}
  .add-areapic-win .areapic-box .box-left .link-input input:focus{border-color: #308ce8;}
  .add-areapic-win .areapic-box .box-right{float: left;margin-left: 45px;height: 540px;width: 140px;}
  .add-areapic-win ul li{position: relative;margin-bottom: 20px;width: 114px;}
  .add-areapic-win ul li .deletebtn{position: absolute;width: 18px;height: 18px;border:1px solid #dcdcdc;top: 0;right: 0;background: #fff;cursor: pointer;text-align: center;line-height: 18px;z-index: 2;}
  .add-areapic-win ul li .deletebtn i{font-size: 10px;color: #484848;}
  .add-areapic-win ul li .up,.add-areapic-win ul li .down{position: absolute;width: 26px;height: 26px;left: 50%;z-index: 2;margin-left: -14px;overflow: hidden;text-align: center;line-height: 26px;background: #23b7e5;border-radius: 50%;cursor: pointer;display: none;}
  .add-areapic-win ul li .up i,.add-areapic-win ul li .down i{font-size: 10px;color: #fff;}
  .add-areapic-win ul li .up{top: -14px;}
  .add-areapic-win ul li .down{bottom: -14px;}
  .add-areapic-win ul li .list{width: 102px;height: 102px;padding: 5px;border:1px solid #dcdcdc;cursor: pointer;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .add-areapic-win ul li .list span{display: block;width: 102px;height: 102px;background: #8dacc4;text-align: center;line-height: 102px;position: relative;}
  .add-areapic-win ul li .list span i{color: #fff;font-size: 30px;}
  .add-areapic-win ul li .list span b{display: block;position: absolute;width: 100%;text-align: center;font-size: 12px;color: #fff;left: 0;bottom: 10px;line-height: 14px;}
  .add-areapic-win ul li .list img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 100%;max-height: 100%;}
  .add-areapic-win ul li .setting{text-align: center;font-size: 12px;color: #484848;line-height: 20px;padding-top: 5px;}
  .add-areapic-win ul li .setting b{display: inline-block;width: 18px;height: 18px;border:1px solid #dcdcdc;text-align: center;line-height: 18px;margin-right: 10px;cursor: pointer;}
  .add-areapic-win ul li .setting b i{font-size: 12px;color: #23b7e5;}
  .add-areapic-win ul li .setting span{vertical-align: top;}
  .add-areapic-win ul li:hover .list{padding: 4px;border:2px solid #8dacc4;}
  .add-areapic-win ul li:hover .setting{color: #8dacc4;font-weight: 600;}
  .add-areapic-win ul li.imglist:hover .list,.add-areapic-win ul li.imglist.selected .list{padding: 4px;border:2px solid #23b7e5;}
  .add-areapic-win ul li.imglist:hover .deletebtn,.add-areapic-win ul li.imglist.selected .deletebtn{background: #23b7e5;border:1px solid #23b7e5;}
  .add-areapic-win ul li.imglist:hover .deletebtn i,.add-areapic-win ul li.imglist.selected .deletebtn i{color: #fff;}
  .add-areapic-win ul li.imglist:hover .up,.add-areapic-win ul li.imglist:hover .down{display: block;}
  .add-areapic-win .edit-content{width: 1122px;margin: 20px auto;}
  .add-areapic-win .edit-content .textarea{float: left;width: 960px;margin-top: 20px;}
  .add-areapic-win .edit-content .textarea textarea{width: 920px;height: 70px;padding: 10px;border:1px dashed #dcdcdc;resize:none;border-radius: 5px;font-size: 12px;color: #484848;}
  .add-areapic-win .edit-content .textarea textarea:focus{border-color: #308ce8;}
  .add-areapic-win .edit-content .sendbtn{width: 114px;float: right;height: 40px;background: #23b7e5;text-align: center;line-height: 40px;color: #fff;border-radius: 5px;cursor: pointer;margin-top: 35px;margin-right: 20px;}
  .add-areapic-win .edit-content .sendbtn:hover{background: #1996bd;}
  .add-areapic-win .no-content{width: 700px;float: left;;margin: 0;padding-top: 150px;padding-left: 260px;height: 390px;border-right: 1px solid #dcdcdc;}
  
  .order-preview-head{width: 100%;min-width: 1024px;height: 60px;line-height: 60px;background: #484848;margin: 0 auto;position: relative;}
  .order-preview-head .back{float: left;width: 60px;height: 60px;text-align: center;line-height: 60px;margin-right: 50px;}
  .order-preview-head .back i{color: #fff;font-size: 30px;}
  .order-preview-head .back:hover{background: #1e82e6;}
  .order-preview-head .edit-link{float: left;width: 80px;text-align: center;line-height: 60px;color: #b4bec8;font-size: 12px;font-weight: 600;margin-right: 30px;}
  .order-preview-head .edit-link i{font-size: 24px;font-weight: normal;color: #b4bec8;vertical-align: middle;margin-right: 10px;}
  .order-preview-head .edit-link:hover{color: #fff;}
  .order-preview-head .edit-link:hover i{color: #fff;}
  .order-preview-head .right-head{float: right;position: relative;}
  .order-preview-head .right-head span{float: left;font-size: 12px;font-weight: 600;color: #b4bec8;margin-right: 95px;}
  .order-preview-head .right-head a{float: left;width: 120px;height: 60px;background: #1e82e6;color: #fff;text-align: center;}
  .order-preview-head .right-head a i{font-size: 30px;vertical-align: middle;margin-right: 5px;}
  .order-preview-head .right-head a:hover{background: #1568bb;}
  .order-preview-head .right-head ul{position: absolute;right: 0;top: 60px;width: 120px;display: none;}
  .order-preview-head .right-head ul li{width: 120px;text-align: center;line-height: 60px;color: #fff;background: #888;cursor: pointer;}
  .order-preview-head .right-head ul li:hover{background: #484848;}
  
  .order-preview-head .order-tips{width: 100%;position: absolute;left: 0;top: 0;right: 0;height: 60px;z-index: 2;}
  .order-preview-head .order-update-tips{background: #feda32;}
  .order-preview-head .order-overdue-tips{background: #e77f79;}
  .order-preview-head .order-tips .closebtn{float: left;width: 120px;height: 60px;line-height: 60px;}
  .order-preview-head .order-update-tips .closebtn{background: #dab60e;}
  .order-preview-head .order-overdue-tips .closebtn{background: #c45c56;}
  .order-preview-head .order-tips .closebtn i{color: #fff;font-size: 28px;margin-left: 20px;cursor: pointer;}
  .order-preview-head .order-tips .tip{float: left;color: #fff;line-height: 60px;font-size: 24px;}
  .order-preview-head .order-tips .tip i{font-size: 40px;vertical-align: middle;margin: 0 15px 0 40px;}
  
  .order-p-contain{width:100%;min-width: 1024px;min-height: 1000px;padding-bottom: 80px;}
  .order-p-contain .order-p-head-box{width: 94%;margin: 0 auto;padding: 30px 0;position: relative;}
  .order-p-contain .order-p-head-box .order-p-head-left{position: absolute;right: 0;top: 30px;overflow: hidden;}
  .order-p-contain .order-p-head-box .order-p-head-left dl{float: left;line-height: 42px;margin-right: 40px;cursor: pointer;}
  .order-p-contain .order-p-head-box .order-p-head-left dl dt{float: left;margin-right: 20px;width: 40px;height: 40px;border:1px solid #dcdcdc;overflow: hidden;border-radius: 50%;position: relative;display: table-cell; vertical-align: middle; text-align: center;*display: block;*font-size: 262px;*font-family: Arail;line-height: 40px;}
  .order-p-contain .order-p-head-box .order-p-head-left dl dt img{vertical-align: middle;max-width: 100%;max-height: 100%;}
  .order-p-contain .order-p-head-box .order-p-head-left dl dd{float: left;color: #3b454c;font-weight: 600;}
  .order-p-contain .order-p-head-box .order-p-head-right{line-height: 42px;text-align: center;font-size: 24px;color: #3b454c;font-weight: 600;overflow: hidden;}
  .order-p-contain .order-p-head-box .bdsharebuttonbox{position: absolute;left: 0;top: 30px;}
  .order-p-contain .order-thead{width: 100%;height: 40px;background: #23b7e5;}
  .order-p-contain .order-thead ul{width: 94%;margin: 0 auto;}
  .order-p-contain .order-thead ul li{float: left;height: 40px;line-height: 40px;color: #fff;font-size: 12px;font-weight: 600;text-align: center;}
  .order-p-contain .order-thead ul li.li1{width: 27%;}
  .order-p-contain .order-thead ul li.li2{width: 21%;}
  .order-p-contain .order-thead ul li.li3,.order-p-contain .order-thead ul li.li4,.order-p-contain .order-thead ul li.li5,.order-p-contain .order-thead ul li.li6{width: 13%;}
  .order-p-contain .order-tbody{width: 94%;margin: 0 auto;}
  .order-p-contain .order-tbody .area-head{height: 60px;line-height: 60px;width: 100%;background: #dce0e0;margin-top: 10px;}
  .order-p-contain .order-tbody .area-head h5{float: left;font-size: 18px;color: #3b454c;font-weight: 600;margin-left: 40px;}
  .order-p-contain .order-tbody .area-head .area-picbtn{float: right;width: 180px;height: 60px;background: #96a0a4;cursor: pointer;text-align: center;color: #fff;}
  .order-p-contain .order-tbody .area-head .area-picbtn i{margin-right: 10px;font-weight: normal;font-size: 18px;vertical-align: middle;}
  .order-p-contain .order-tbody .area-head .area-picbtn:hover{background: #6b7275;}
  .order-p-contain .order-tbody ul{background: #fff;width: 100%;height: 140px;margin-top: 10px;}
  .order-p-contain .order-tbody ul li{float: left;}
  .order-p-contain .order-tbody ul li.li1{width: 27%;}
  .order-p-contain .order-tbody ul li.li2{width: 21%;}
  .order-p-contain .order-tbody ul li.li3,.order-p-contain .order-tbody ul li.li4,.order-p-contain .order-tbody ul li.li5,.order-p-contain .order-tbody ul li.li6{width: 13%;text-align: center;color: #7e8ca0;font-weight: 600;font-size: 12px;line-height: 140px;}
  .order-p-contain .order-tbody ul li.li6{color: #1e82e6;}
  .order-p-contain .order-tbody ul li.li1 dl{}
  .order-p-contain .order-tbody ul li.li1 dl dt{float: left;width: 100px;height: 100px;margin:0 30px;overflow: hidden;display: table-cell; vertical-align: middle; text-align: center;*display: block;*font-size: 262px;*font-family: Arail;margin-top: 20px;line-height: 100px;}
  .order-p-contain .order-tbody ul li.li1 dl dt img{vertical-align: middle;max-width: 100%;max-height: 100%;}
  .order-p-contain .order-tbody ul li.li1 dl dd{overflow: hidden;margin-top: 9px;margin-right: 10px;}
  .order-p-contain .order-tbody ul li.li1 dl dd p{line-height: 30px;color: #7e8ca0;font-weight: 600;font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  .order-p-contain .order-tbody ul li.li2 .detail{margin-left: 40px;margin-top: 25px;}
  .order-p-contain .order-tbody ul li.li2 .detail p{line-height: 30px;color: #7e8ca0;font-weight: 600;font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  .order-p-contain .order-tbody .areatotal{width: 240px;text-align: center;line-height: 40px;height: 40px;background: #23b7e5;margin: 20px auto 60px auto;font-size: 12px;font-weight: 600;color: #fff;border-radius: 20px;}
  .order-p-total{position: fixed;left: 0;right: 0;bottom: 0;height: 80px;border-top: 1px solid #dcdcdc;background: #fff;z-index: 5;width: 100%;}
  .order-p-total .total-box{width: 94%;margin: 0 auto;min-width: 1024px;line-height: 80px;}
  .order-p-total .total-box .total-d{overflow: hidden;text-align: center;}
  .order-p-total .total-box .total-d span{font-weight: 600;font-size: 12px;color: #3b454c;margin: 0 35px;}
  .order-p-total .total-box .cost{float: right;width: 300px;height: 80px;background: #1e82e6;color: #fff;font-size: 12px;font-weight: 600;padding-left: 20px;}
  .order-p-total .total-box .cost strong{font-size: 30px;vertical-align: middle;}
  #export_content{margin: 0 auto;width: 100%;}
  .pdf-foot{width: 100%;text-align: center;min-height: 60px;position: relative;}
  .pdf-foot .yema{position: absolute;width: 100%;height: 60px;line-height: 60px;text-align: center;left: 0;bottom: 0;color: #484848;}
  .last-pdf-foot{height: 60px;position: fixed;bottom: 0;width: 100%;left: 0;}
  
  .order-preview-areapic-win{width: 960px;height: 640px;background: #fff;position: fixed;left: 50%;top: 50%;margin-left: -480px;margin-top: -320px;z-index: 21;}
  .order-preview-areapic-win .picbox{width: 100%;height: 540px;position: relative;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
  .order-preview-areapic-win .picbox img{display: block;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);max-width: 92%;max-height: 92%;}
  .order-preview-areapic-win .picbox .urlbox{position: absolute;left: 20px;top: 20px;z-index: 2;width: 40px;height: 40px;}
  .order-preview-areapic-win .picbox .urlbox a{display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;background: #fff;}
  .order-preview-areapic-win .picbox .urlbox a i{color: #484848;font-size: 24px;}
  .order-preview-areapic-win .picbox .urlbox a:hover{background: #23b7e5;}
  .order-preview-areapic-win .picbox .urlbox a:hover i{color: #fff;}
  .order-preview-areapic-win .picbox .closebtn{position: absolute;top: 0;right: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;z-index: 2;background: #d3d3d3;cursor: pointer;}
  .order-preview-areapic-win .picbox .closebtn i{color: #fff;font-size: 18px;}
  .order-preview-areapic-win .picbox .closebtn:hover{background: #484848;}
  .order-preview-areapic-win .picbox .bot{width: 60px;height: 30px;position: absolute;bottom: 20px;left: 50%;margin-left: -30px;background: #666666;text-align: center;line-height: 30px;z-index: 2;color: #fff;font-weight: 600;border-radius: 20px;}
  .order-preview-areapic-win .context{height: 50px;background: #f8f8f8;color: #3b454c;line-height: 24px;padding: 25px 60px;}
  .order-preview-areapic-win .leftbtn{width: 80px;height: 80px;border-radius: 50%;position: absolute;left: -100px;top: 50%;margin-top: -40px;overflow: hidden;cursor: pointer;text-align: center;line-height: 80px;}
  .order-preview-areapic-win .leftbtn .btn-b{width: 80px;height: 80px;position: absolute;left: 0;top: 0;background: #000;opacity: 0.6;filter:alpha(opacity=60);}
  .order-preview-areapic-win .leftbtn i{color: #fff;font-size: 30px;position: relative;z-index: 2;}
  .order-preview-areapic-win .rightbtn{width: 80px;height: 80px;border-radius: 50%;position: absolute;right: -100px;top: 50%;margin-top: -40px;overflow: hidden;cursor: pointer;text-align: center;line-height: 80px;}
  .order-preview-areapic-win .rightbtn .btn-b{width: 80px;height: 80px;position: absolute;left: 0;top: 0;background: #000;opacity: 0.6;filter:alpha(opacity=60);}
  .order-preview-areapic-win .rightbtn i{color: #fff;font-size: 30px;position: relative;z-index: 2;} */
  /*风格*/
  /* .style-color-green .center-contain .thead ul li{background: #1eb450;}
  .style-color-green .center-contain .tbody .area-total{background: #1eb450;}
  .style-color-green .order-total .total-box .two-box .pay{background: #007130;}
  .style-color-green .order-total .total-box .two-box .pay input{background: #007130;}
  .style-color-p-green .order-thead{background: #1eb450;}
  .style-color-p-green .order-tbody .areatotal{background: #1eb450;}
  .style-color-p-green .order-p-total .total-box .cost{background: #007130;}
  
  .style-color-black .center-contain .thead ul li{background: #6c7282;}
  .style-color-black .center-contain .tbody .area-total{background: #6c7282;}
  .style-color-black .order-total .total-box .two-box .pay{background: #1e1e32;}
  .style-color-black .order-total .total-box .two-box .pay input{background: #1e1e32;}
  .style-color-p-black .order-thead{background: #6c7282;}
  .style-color-p-black .order-tbody .areatotal{background: #6c7282;}
  .style-color-p-black .order-p-total .total-box .cost{background: #1e1e32;}
  
  .style-color-yellow .center-contain .thead ul li{background: #fabe00;}
  .style-color-yellow .center-contain .tbody .area-total{background: #fabe00;}
  .style-color-yellow .order-total .total-box .two-box .pay{background: #f0820a;}
  .style-color-yellow .order-total .total-box .two-box .pay input{background: #f0820a;}
  .style-color-p-yellow .order-thead{background: #fabe00;}
  .style-color-p-yellow .order-tbody .areatotal{background: #fabe00;}
  .style-color-p-yellow .order-p-total .total-box .cost{background: #f0820a;}
  
  .style-color-red .center-contain .thead ul li{background: #f05850;}
  .style-color-red .center-contain .tbody .area-total{background: #f05850;}
  .style-color-red .order-total .total-box .two-box .pay{background: #e01e05;}
  .style-color-red .order-total .total-box .two-box .pay input{background: #e01e05;}
  .style-color-p-red .order-thead{background: #f05850;}
  .style-color-p-red .order-tbody .areatotal{background: #f05850;}
  .style-color-p-red .order-p-total .total-box .cost{background: #e01e05;}
  
  .style-color-purple .center-contain .thead ul li{background: #8957a1;}
  .style-color-purple .center-contain .tbody .area-total{background: #8957a1;}
  .style-color-purple .order-total .total-box .two-box .pay{background: #780ac8;}
  .style-color-purple .order-total .total-box .two-box .pay input{background: #780ac8;}
  .order-total .total-box .two-box .pay input:focus{background: #fff;color: #3b454c;}
  .style-color-p-purple .order-thead{background: #8957a1;}
  .style-color-p-purple .order-tbody .areatotal{background: #8957a1;}
  .style-color-p-purple .order-p-total .total-box .cost{background: #780ac8;} */
  
  /*home*/
  .home-head{width: 100%;min-width: 1280px;margin: 0 auto;height: 80px;line-height: 80px;position: fixed;top: 0;left: 0;z-index: 10;}
  .home-head .home-head-bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: 0.5;filter:alpha(opacity=50);z-index: 0;display: none;}
  .home-head .logo{float: left;position: relative;z-index: 1;}
  .home-head .logo img{vertical-align: middle;margin-left: 60px;}
  .home-head .h-right{float: right;margin-right: 60px;position: relative;z-index: 1;}
  .home-head .h-right span{float: left;color: #c8c8c8;font-weight: 600;margin-right: 55px;cursor: pointer;}
  .home-head .h-right span:hover{color: #fff;}
  .home-head .h-right .login-box{float: left;padding-top: 20px;}
  .home-head .h-right .login-box .personal-login{float: left;width: 138px;height: 38px;border:2px solid #1e82e6;text-align: center;line-height: 38px;border-radius: 20px;transition: background 0.5s;-webkit-transition: background 0.5s;margin-left: 20px;}
  .home-head .h-right .login-box .personal-login a{color: #fff;font-weight: 600;display: block;width: 100%;height: 38px;}
  .home-head .h-right .login-box .personal-login:hover{background: #1e82e6;}
  
  .section{width:100%;min-width: 1280px;margin: 0 auto;height: 900px;position: relative;overflow: hidden;}
  .section .contain{max-width: 1500px;min-width: 1280px;margin: 0 auto;position: relative;}
  .section .position-contain{width: 100%;height: 800px;position: absolute;left: 0;top: 0;}
  .section .position-contain .contain-float{float: left;width: 100%;overflow: hidden;}
  .section .bot{position: absolute;width: 130px;left: 50%;margin-left: -65px;bottom: 60px;}
  .section .bot span{width: 30px;height: 20px;float: left;margin-right: 20px;background: #c8c8c8;border-radius: 20px;cursor: pointer;transition: width 0.5s;-webkit-transition: width 0.5s;}
  .section .bot span.selected{width: 60px;background: url(../images/icon/home-bot.png) no-repeat center;}
  .first-section{background:#010101 url(../images/bimage/home-one.jpg) no-repeat center;}
  .first-section .contain{padding-top: 260px;}
  .first-section .contain h5{text-align: center;color: #fff;font-size: 140px;}
  .first-section .contain p{text-align: center;color: #fff;}
  .first-section .contain p.strong{font-size: 60px;margin: 20px 0 40px 0;}
  .first-section .contain p.small{font-size: 18px;}
  .first-section .contain .scroll{width: 34px;margin: 220px auto 0 auto;
  animation:pulse 2s linear 0s infinite;
  /* Firefox: */
  -moz-animation:pulse 2s linear 0s infinite;
  /* Safari and Chrome: */
  -webkit-animation:pulse 2s linear 0s infinite;
  /* Opera: */
  -o-animation:pulse 2s linear 0s infinite;}
  .to-bottom-contact{
    position: absolute;
    bottom: 50px;
    left: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 186px;
    height: 58px;
    background: #2082E6;
    border-radius: 30px;
  }
  .to-bottom-contact img{
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .to-bottom-contact div{
    font-weight: 600;
    font-size: 23px;
    color: #FFFFFF;
  }
  .second-section .contain{max-width: 1680px;height: 900px;position: relative;}
  .second-section .contain-one{background: url(../images/bimage/home-1_03.png) no-repeat center 60px;}
  .second-section .contain-one .box{width: 100%;max-width: 1420px;height: 730px;margin: 0 auto;position: relative;}
  .second-section .contain-one .box .left{position: absolute;left: 0;top: 110px;width: 640px;height: 440px;background: url(../images/mimage/home-1_03.png) no-repeat center;box-shadow: 0 0 10px #484848;overflow: hidden;border-radius: 12px;}
  .second-section .contain-one .box .left h5{padding: 0 130px 0 80px;font-size: 48px;color: #fff;margin-top: 130px;margin-bottom: 30px;}
  .second-section .contain-one .box .left p{color: #a0dcff;font-size: 18px;line-height: 30px;padding-left: 80px;}
  .second-section .contain-one .box .right{position: absolute;right: 0;bottom: 0;width: 360px;height: 230px;padding-top: 30px;background: url(../images/mimage/home-1_06.png) no-repeat center;box-shadow: 0 0 10px #484848;overflow: hidden;border-radius: 20px;}
  .second-section .contain-one .box .right p{color: #fff;margin-left: 50px;line-height: 45px;}
  .second-section .contain-one .box .right p strong{font-size: 30px;margin-left: 10px;}
  .second-section .contain-two{background: url(../images/mimage/sec_03.png) no-repeat right 100px;}
  .second-section .contain-two .left{float: left;margin-top: 255px;width: 495px;}
  .second-section .contain-two .left h5{font-size: 48px;color: #1c2b36;margin-bottom: 20px;}
  .second-section .contain-two .left p{font-size: 18px;color: #1c2b36;height: 105px;line-height: 24px;}
  .second-section .contain-two .left .nav{margin-top: 60px;}
  .second-section .contain-two .left .nav ul{margin-bottom: 25px;}
  .second-section .contain-two .left .nav ul li{float: left;width: 140px;height: 50px;cursor: pointer;}
  .second-section .contain-two .left .nav ul li.li1{background: url(../images/icon/sec_12.png) no-repeat center;}
  .second-section .contain-two .left .nav ul li.li2{background: url(../images/icon/second_12.png) no-repeat center;}
  .second-section .contain-two .left .nav ul li.li3{background: url(../images/icon/second_18.png) no-repeat center;}
  .second-section .contain-two .left .nav ul li.li1.selected{background: url(../images/icon/second_15.png) no-repeat center;}
  .second-section .contain-two .left .nav ul li.li2.selected{background: url(../images/icon/sec_09.png) no-repeat center;}
  .second-section .contain-two .left .nav ul li.li3.selected{background: url(../images/icon/sec_29.png) no-repeat center;}
  .second-section .contain-two .left .nav .line{width: 420px;height: 2px;background: #c8c8c8;position: relative;}
  .second-section .contain-two .left .nav .line .line-bg{position: absolute;left: 0;top: 0;width: 140px;height: 2px;background: #f51a57;transition: width 0.5s;-webkit-transition: width 0.5s;}
  .second-section .contain-two{max-width: 1500px;}
  .second-section .contain-two .right{float: right;width: 650px;height: 690px;position: relative;padding-right: 100px;}
  .second-section .contain-two .right .pic{position: absolute;box-shadow: 0 0 10px #dcdcdc;border-radius: 10px;}
  .second-section .contain-two .right .box-one .pic1{top: 170px;left: 0;}
  .second-section .contain-two .right .box-one .pic2{top: 170px;left: 340px;}
  .second-section .contain-two .right .box-one .pic3{top: 430px;left: 0;}
  .second-section .contain-two .right .box-one .pic4{top: 430px;left: 340px;}
  .second-section .contain-two .right .box-two .pic1{top: 150px;left: 70px;}
  .second-section .contain-two .right .box-two .pic2 {top: 440px;left: 0;}
  .second-section .contain-two .right .box-three .pic1{top: 210px;left: 0;}
  .second-section .contain-two .right .box-three .pic2 {top: 150px;left: 300px;}
  
  .third-section{background: #000 url(../images/bimage/third-screen.png) no-repeat center;}
  .third-section .contain{width: 100%;max-width: 1400px;margin: 0 auto;}
  .third-section .contain .left{float: left;padding: 340px 0 0 45px;background: url(../images/mimage/hone_06.png) no-repeat left 240px;}
  .third-section .contain .left h5{font-size: 48px;color: #fff;width: 530px;margin-bottom: 25px;}
  .third-section .contain .left p{color: #fff;font-size: 18px;}
  .third-section .contain .right{float: right;width: 480px;height: 652px;background: url(../images/mimage/hone_03.png) no-repeat top left;margin-top: 60px;padding-top: 160px;}
  .third-section .contain .right .list{height: 350px;overflow: hidden;position: relative;}
  .third-section .contain .right .list ul{width: 480px;position: absolute;}
  .third-section .contain .right .list ul li{float: left;width: 220px;padding-left: 20px;height: 60px;margin-bottom: 30px;}
  .third-section .contain .right .list ul li .face{width: 60px;height: 60px;float: left;margin-right: 10px;}
  .third-section .contain .right .list ul li .context{float: left;}
  .third-section .contain .right .list ul li .context strong{display: block;color: #fff;font-weight: 600;margin: 5px 0 5px 0;}
  .third-section .contain .right .list ul li .context p{color: #fff;font-size: 12px;}
  .third-section .contain .right .tip{width: 310px;margin: 40px auto 0 auto;color: #fff;font-size: 18px;line-height: 32px;}
  
  .fourth-section .contain{max-width: 1500px;padding-top: 40px;}
  .fourth-section .contain-a .img{cursor: pointer;position: relative;display: none;}
  .fourth-section .contain-a .img h5{position: absolute;font-size: 24px;color: #fff;font-weight: 600;z-index: 2;left: 20px;bottom: 15px;text-shadow: 0 0 10px #484848;}
  .fourth-section .contain-a .left{width: 25%;float: left;}
  .fourth-section .contain-a .left .img{margin-right: 20px;}
  .fourth-section .contain-a .left .img img{width: 100%;}
  .fourth-section .contain-a .left .img1{margin-bottom: 20px;}
  .fourth-section .contain-a .center{width: 50%;float: left;}
  .fourth-section .contain-a .center .img1,.fourth-section .contain-a .center .img2{float: left;width: 50%;margin-bottom: 20px;}
  .fourth-section .contain-a .center .img .img-b{margin-right: 20px;}
  .fourth-section .contain-a .center .img img{width: 100%;}
  .fourth-section .contain-a .center .img3{margin-right: 20px;clear: both}
  .fourth-section .contain-a .right{width: 25%;float: left;}
  .fourth-section .contain-a .right .img1{margin-bottom: 20px;}
  .fourth-section .contain-a .right .img{margin-right: 20px;}
  .fourth-section .contain-a .right .img img{width: 100%;}
  .fourth-section .contain-b{max-width: 1440px;padding-top: 260px;}
  .fourth-section .contain-b ul{width: 100%;}
  .fourth-section .contain-b ul li{width: 25%;float: left;cursor: pointer;position: relative;display: none;}
  .fourth-section .contain-b ul li .pic{margin: 0 30px;position: relative;z-index: 2;transition: margin 0.5s;-webkit-transition: margin 0.5s;/* Safari */}
  .fourth-section .contain-b ul li .pic img{width: 100%;}
  .fourth-section .contain-b ul li .pic .p-bg{position: absolute;z-index: 2;background: #fff;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;filter:alpha(opacity=0);transition: opacity 0.5s;-webkit-transition: opacity 0.5s;/* Safari */}
  .fourth-section .contain-b ul li .title{width: 70%;height: 80px;padding-bottom: 30px;text-align: center;line-height: 80px;background: #2085e7;font-size: 18px;color: #fff;font-weight: 600;border-radius: 20px;position: absolute;top: 0;left: 50%;margin-left: -35%;z-index: 1;transition: top 0.5s;-webkit-transition: top 0.5s;/* Safari */}
  .fourth-section .contain-b ul li:hover .pic{margin-top: 30px;}
  .fourth-section .contain-b ul li:hover .title{top: -50px;}
  .fourth-section .contain-b ul li:hover .pic .p-bg{opacity: 0.6;filter:alpha(opacity=60);}
  
  .fifth-section{background: #1e82e6;}
  .fifth-section .contain{max-width: 840px;min-width:840px;width: 840px;margin: 0 auto;padding-top: 350px;background: url(../images/mimage/hone_06.png) no-repeat 90px 250px;position: relative;z-index: 2;}
  .fifth-section .contain h5{font-size: 48px;color: #fff;padding-left: 140px;padding-right: 240px;margin-bottom: 20px;}
  .fifth-section .contain p{color: #8acefa;padding-left: 140px;font-size: 18px;}
  .fifth-section .contain ul{padding-top: 75px;}
  .fifth-section .contain ul li{width: 200px;float: left;margin: 0 40px;height: 50px;text-align: center;line-height: 50px;background: #78b4f0;border-radius: 40px;font-size: 18px;color: #fff;font-weight: 600;}
  .fifth-section #canvas{width: 100%;height: 100%;}
  .fifth-section .canvas{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;}
  .sixth-section{height: 570px;background: url(../images/bimage/sixth-bg.png) no-repeat bottom center;}
  .sixth-section .contain{height: 570px;}
  .sixth-section .contain ul{width: 960px;margin: 0 auto 0 auto;padding-top: 70px;}
  .sixth-section .contain ul li{width: 120px;text-align: center;float: left;margin: 0 60px;}
  .sixth-section .contain ul li strong{display: block;color: #1b2a35;font-weight: 600;margin-top: 8px;}
  .sixth-section .contain .s-foot{padding-top: 100px;}
  .sixth-section .contain .s-foot .left{float: left;padding-left: 305px;}
  .sixth-section .contain .s-foot .left .item{font-size: 24px;color: #fff;margin-bottom: 25px;}
  .sixth-section .contain .s-foot .left dl{float: left;min-width: 160px;}
  .sixth-section .contain .s-foot .left dl dt{color: #fff;line-height: 28px;margin-bottom: 10px;}
  .sixth-section .contain .s-foot .left dl dd{font-size: 18px;color: #fff;font-weight: 600;line-height: 28px;}
  .sixth-section .contain .s-foot .left dl dd img{display: block;width: 100px;}
  
  .sixth-section .contain .s-foot .right{float: right;width: 515px;}
  .sixth-section .contain .s-foot .right h5{font-size: 48px;color: #fff;}
  .sixth-section .contain .s-foot .right p{color: #fff;font-size: 18px;margin-bottom: 100px;}
  .sixth-section .contain .s-foot .right span{display: block;color: #fff;}
  .sixth-section .contain .phone{width: 242px;height: 402px;position: absolute;z-index: 2;bottom: 0;left: 0;display: none;}