*{box-sizing:unset}
h1,.h1,h2,.h2,h3,.h3,p{margin:0}
a{color: #333}
.nav-list a:hover,.nav-list a:focus{color:#fff}
body{background:#f5f6fa}
span{color:unset}
img{display:inline-block}
.dropdown-menu{left: 10px}
.bg-blue{ background-color: #2a7efb !important; }
.content {min-height: 0;padding: 0;margin-right: auto;margin-left: auto;}
#trademark-box{width:1200px;margin:0 auto;min-height:500px;background:#fff;padding:30px;box-shadow:0 2px 12px 0 rgb(182 192 219 / 20%);margin-bottom:30px}
.tabs-name{width:100%;height:30px;line-height:30px;padding-left:16px;margin:10px 0 30px;border-left:4px solid #3c7ee5;font-size:18px;color:#3c7ee5;clear:both}
.flow{margin-bottom:30px;height:40px}
.flow .item{float:left;width:260px;height:40px;line-height:40px;font-size:18px;color:#fff;background:#72b2ff;text-align:center;position:relative}
.flow .item.on{background:#ff8e66}
.flow .item.on + .last:before{border-left-color:#ff8e66}
.flow .tri-item{float:left;width:30px;height:40px;position:relative}
.flow .tri-item:before{content:"";position:absolute;left:0;top:0;width:0;height:0;border-top:20px solid transparent;border-left:20px solid #ff8e66;border-bottom:20px solid transparent;background:transparent}
.flow .tri-item:after{content:" ";position:absolute;right:0;top:0;width:0;height:0;border-top:20px solid #ff8e66;border-left:20px solid transparent;border-bottom:20px solid #ff8e66;background:transparent}
.flow .tri-item.last:after{border-top-color:#72b2ff;border-bottom-color:#72b2ff}
.flow .tri-item.last:before{border-left-color:#72b2ff}
.clearfix{clear:both}
.label{width:138px;line-height:36px;vertical-align:middle;font-size:14px;color:#1b1b1b;text-align:right;padding:0 12px 0 0;display:block;float:left;font-weight: normal}
.form-group{clear:both;margin-bottom:22px}
.input-box{width:408px;font-size:14px;position:relative;display:inline-block}
.input-box .radio{margin-top:10px}
.input-box .radio label{margin-right:35px}
.input-box .radio label input{margin-right:5px}
.form-control{height:36px;padding:5px 10px;background-color:#FFF;background-image:none;border-radius:4px;box-sizing:border-box;color:#666;display:inline-block;font-size:inherit;outline:0;width:100%;border: 1px solid #d4d4d4;}
.btn-add{color:#007AFF;display:inline-block;text-align:center;position:absolute;right:-40px;font-size:24px}
.upload-box{width:150px;height:150px;color:#9da0a6;border:1px solid #e0e3e8;text-align:center;transition:all 0.3s;position:relative;overflow:hidden}
.upload-box img{max-width:96%;max-height:96%;vertical-align:middle}
.upload-box .el-upload{width:150px;height:150px}
.upload-box .upload-items{height:149px;line-height:149px}
.upload-box .upload-had{height:150px;overflow:hidden;position:relative}
.upload-box .upload-had .preview-layer{position:absolute;top:0;left:0;width:100%;height:120px;text-align:center;font-size:22px;color:#fff}
.upload-box .upload-had .preview-layer .i-upload{width:26px;height:26px;line-height:26px;background:rgba(0,0,0,0.4);border-radius:50%;font-size:16px;font-weight:600}
.upload-box .upload-had .reload-layer{position:absolute;bottom:2px;left:0;width:99%;height:30px;line-height:30px;background:rgba(0,0,0,0.5);color:#fff;opacity:0;transition:opacity 0.3s}
.upload-box .upload-had:hover .reload-layer{opacity:1}
.upload-box .upload-empty{line-height:0;position: relative;height: 149px}
.upload-box .upload-empty .iconfont{display:inline-block;height:42px;line-height:42px;margin:42px 0 14px;font-size:56px}
.upload-box .upload-empty .txt{line-height:16px;color:#9da0a6;position: absolute;width: 100%;bottom: 25px}
.upload-box:hover .upload-empty{color:#666}
.upload-icon{margin:20px auto}
#trademark-form .uploader-btn{width:130px;height:30px;line-height:30px;padding:0;margin-top:20px;border-radius:20px;display:inline-block;text-align:center}
#trademark-form .demo-wrap{margin-left:45px}
#trademark-form .upload-notice{width:206px;margin-left:45px}
#trademark-form .upload-notice p{line-height:18px;padding-top:10px;color:#959595;font-size:12px;text-align:justify}
.upload-demo{width:115px;height:150px;color:#9da0a6;border:1px solid #e0e3e8;text-align:center;transition:all 0.3s;position:relative}
.upload-demo img{max-width:96%;max-height:96%;vertical-align:middle;display:inline-block}
.upload-demo{line-height:150px}
.upload-demo .i-upload{position:absolute;top:50%;left:50%;width:26px;height:26px;line-height:26px;margin:-13px 0 0 -13px;background:rgba(0,0,0,0.4);border-radius:50%;font-size:16px;color:#fff;font-weight:600}
.upload-demo .demo-layer{position:absolute;left:1px;top:1px;width:99%;height:99%;background:rgba(0,0,0,0.1);cursor:pointer}
.upload-btns{width:130px;line-height:30px;margin:120px 0 0 12px}
.upload-btns .btn{width:130px;height:30px;line-height:28px;border-radius:4px}
.text-danger{color:#fb5555}
.btn-blue{background-color:#fff;border:1px solid #3c7ee5;color:#3c7ee5}
.choose-box{width:200px;height:36px;float:left;margin:0 20px}
.choose-box a{width:calc(50% - 2px);border:1px solid #3c7ee5;color:#3c7ee5;height:100%;line-height:36px;float:left;text-align:center}
.choose-box a.on{background:#3c7ee5;color:#fff}
.choose-other{margin-left:10px;float:left}
/*.chooseAll,.chooseReset{border:1px solid #3c7ee5;color:#3c7ee5;line-height:36px;text-align:center;display:inline-block;padding:0 20px;border-radius:5px;margin:0 5px}*/
.category-box{width:1000px;margin:0 0 10px 94px}
.category-box a{display:inline-block;width:97px;height:30px;line-height:28px;padding:0 10px;margin:0 10px 10px 0;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;text-align:center;border-radius:4px;font-size:14px;color:#606266;box-sizing:border-box}
.category-box a:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}
.category-box a:active,.category-box a.active{background:#3c7ee5;border-color:#3c7ee5;color:#fff}
.category-box a:hover,.category-box a.hight{color: #409EFF;border-color: #c6e2ff;background-color: #ecf5ff;}
.left-mode{width:760px}
.right-mode{width:380px;height:auto;padding:20px;margin-top:10px;box-sizing:border-box}
.classify-form{display:inline-block;margin-left:94px}
.classify-item,.pay-submit{margin-top:10px;background:#f4f9ff;border:1px solid #e0e3e8}
.classify-item .item-tit,.pay-submit .item-tit{height:65px;line-height:65px;padding:0 20px;border-bottom:1px solid #e0e3e8;font-size:18px}
.classify-item .item-tit > div,.pay-submit .item-tit > div{float:left;width:50%}
.classify-item .item-tit > div:first-child,.pay-submit .item-tit > div:first-child{width:30%}
.classify-item .item-tit > div:last-child,.pay-submit .item-tit > div:last-child{width:70%}
.classify-item .info-wrapper{height:400px;padding:0 20px 10px;margin-left:6px;overflow-x:hidden;overflow-y:auto}
.classify-item .info-wrapper .info-item{padding-bottom:10px}
.classify-item .info-wrapper .info-item:last-child{border-top:none;border-bottom:none}
.classify-item .info-wrapper .info-item .el-collapse-item__arrow{display:none}
.classify-item .info-wrapper .info-item .is-active .icons-tri{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.classify-item .info-wrapper .info-item .el-collapse-item__header,.classify-item .info-wrapper .info-item .el-collapse-item__wrap{background:none}
.classify-item .info-wrapper .name{width:100%;font-size:14px;line-height:49px}
.classify-item .info-wrapper .name .icons-tri{display:inline-block;margin-left:3px;margin:0;cursor:pointer;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:all 0.3s}
.classify-item .info-wrapper .name .icons-close{line-height:49px;color:#fb5555;font-size:20px;cursor:pointer;display:inline-block}
.classify-item .info-wrapper .cls-info{padding-left:26px}
.classify-item .info-wrapper .cls-info .cls-no{width:34px;line-height:24px}
.classify-item .info-wrapper .cls-info .subcls-lis{margin-left:44px}
.el-tag{background-color:#ecf2fc;border-color:#d8e5fa;display:inline-block;height:24px;padding:0 10px;line-height:22px;font-size:12px;color:#3C7EE5;border-width:1px;border-style:solid;border-radius:4px;box-sizing:border-box;white-space:nowrap}
.classify-item .info-wrapper .cls-info .subcls-lis .el-tag{display:inline-block;padding:0 12px;margin:0 10px 10px 0;border-radius:4px;background:#3c7ee5;border:0;color:#fff;position:relative}
.classify-item .info-wrapper .cls-info .subcls-lis .el-tag .el-icon-close{position:absolute;width:100%;height:24px;line-height:24px;color:transparent}
.classify-item .info-wrapper .cls-info .subcls-lis .el-tag:hover{background:#9b9b9b;text-decoration:line-through}
.classify-item .info-wrapper .cls-info .subcls-lis .el-tag:hover .el-icon-close{background:none}
.classify-item .info-wrapper .el-collapse-item__content{padding-bottom:0}
.classify-item .item-empty{height:516px;text-align:center}
.classify-item .item-empty img{margin-top:167px}
.classify-item .item-empty p{margin-top:20px;color:#3c7ee5}
.pay-submit .value-added-service{padding:30px 0;margin:0 20px;border-bottom:1px solid #e0e3e8}
.pay-submit .value-added-service .label-name{line-height:36px}
.pay-submit .value-added-service .check-btns{margin-left:70px}
.pay-submit .value-added-service .check-btns .el-checkbox{margin:0 0 20px 8px;background:none;border:1px solid #9b9b9b;border-radius:4px;text-align:center}
.pay-submit .value-added-service .check-btns .el-checkbox:hover{border-color:#fc6530;color:#1b1b1b}
.pay-submit .value-added-service .check-btns .el-checkbox.is-checked{border:2px solid #fc6530}
.pay-submit .value-added-service .check-btns .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label{color:#1b1b1b !important}
.pay-submit .value-added-service .check-btns .el-checkbox .el-checkbox__input{display:none}
.pay-submit .value-added-service .info-item p{line-height:26px !important;color:#9b9b9b !important}
.pay-submit .value-added-service .info-item{margin-left:80px !important;line-height:26px !important;color:#9b9b9b !important}
.pay-submit .cost{margin:20px 0 20px 20px}
.pay-submit .cost-list{margin:0 0 30px 20px}
.pay-submit .submit-btns{margin-left:20px}
.pay-submit .submit-btns .el-button{width:150px;height:40px;margin-right:10px;border-radius:4px}
.pay-submit .notice{line-height:24px;margin:24px 0 20px 20px;color:#9b9b9b !important;font-size:12px !important}
.pay-submit .notice li{line-height:24px;color:#9b9b9b !important;font-size:12px !important}
.pay-submit .notice .index-num{display:inline-block;width:18px;height:18px;line-height:18px;margin-right:14px;background:#9b9b9b;border-radius:4px;color:#fff;text-align:center}
.right-mode{border:1px solid #e0e3e8}
.right-mode .el-form-item__content{line-height:30px}
.right-mode .quick-form{height:30px}
.right-mode .quick-form .el-input{width:248px;height:30px;display:inline-block}
.right-mode .quick-form .el-input .el-input__inner{height:30px;line-height:30px}
.right-mode .quick-form .el-button{margin-left:5px}
.right-mode .cls-tit{height:50px;line-height:50px;padding:0 10px;margin-top:15px;background:#fafafa;border:1px solid #ececec;font-size:16px}
.right-mode .cls-tit .icons-tri-down{line-height:20px;margin-top:16px}
.right-mode .collapse-wrap{width:100%;height:850px;padding:0 10px 20px;background:#fff;border:1px solid #ececec;border-top:0;overflow:hidden}
.right-mode .collapse-wrap .el-scrollbar__bar.is-horizontal{display:none}
.right-mode .collapse-wrap .el-collapse-item__header{height:40px;line-height:40px}
.right-mode .collapse-wrap .el-collapse-item__header .el-collapse-item__arrow{line-height:40px}
.right-mode .collapse-wrap .el-collapse-item{background:#fff}
.right-mode .collapse-wrap .subcls-tit{width:296px;height:40px;line-height:40px}
.right-mode .collapse-wrap .subcls-tit.selected{color:#3c7ee5}
.right-mode .category-item .name{display:inline-block;width:236px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.right-mode .collapse-wrap .el-collapse-item__content{padding-left:15px}
.selected .subcls-tit{color:#3c7ee5;font-weight:bold}
.subcls-item{display:inline-block;width:100%;height:22px;line-height:22px;text-align:left;color:#6e6e6e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:13px}
.text-right{text-align:right}
.fs12{font-size:12px}
.fs16{font-size:16px}
.text-blue{color:#3c7ee5 !important;}
.text-orange{color:#fc6530 !important}
.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#666;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:400;-webkit-user-select:none;padding:10px 20px;font-size:14px;border-radius:4px}
.el-button--primary{background:#3c7ee5;border-color:#3c7ee5;color:#fff !important}
.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#666;display:inline-block;font-size:inherit;height:36px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}
.quick-search-btn{background:#fc6530;color:#fff;padding:5px 9px;border:none;border-radius:3px;cursor: pointer;}
.pull-left{float:left}
.category-list{width:94%;height:850px;padding:0 10px 20px;background:#fff;border:1px solid #ececec;border-top:0;overflow-x:hidden;overflow-y:auto}
.classify-item .info-wrapper::-webkit-scrollbar{width:5px;height:1px}
.classify-item .info-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background:rgb(229,229,229)}
.classify-item .info-wrapper::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #ffffff;background:#fff;border-radius:10px}
.category-list::-webkit-scrollbar{width:5px;height:1px}
.category-list::-webkit-scrollbar-thumb{border-radius:10px;background:rgb(229,229,229)}
.category-list::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #ffffff;background:#fff;border-radius:10px}
.category-list .category-item{border-bottom:1px solid #EBEEF5;background-color:#FFF;font-size:14px}
.category-list .category-item a{width:100%;display:block;clear:both}
.category-list .category-item a.active{color:#3c7ee5;font-weight:bold}
.category-sub{padding-left:15px;padding-bottom:25px;margin-top:10px;font-size:12px}
.category-sub .subcls-item{padding:0;margin-left:10px}
.category-sub .subcls-item{display:inline-block;width:100%;height:22px;line-height:22px;text-align:left;color:#6e6e6e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:13px}
.category-sub .subcls-item.active{color:#3c7ee5;font-weight:bold}
.category-sub p{line-height: 1.7}
.pay-submit .cost-num{width:40%}
.pay-submit .order-num{width:60%}
.selected-item{position:relative;cursor:pointer;border-bottom:1px solid #EBEEF5}
.selected-close{position:absolute;right:0;top:16px;font-size:18px}
.bootstrap-select>.dropdown-toggle{width: 90%}
.createImageTpl label{width: 90px;margin-bottom: 10px}

.order-box{padding: 20px;background: #fff}
.order-box .tab-title{border-left: 3px solid #0179ff;padding-left: 15px}
.order-box .tab-info{padding: 20px}
.order-box .tab-info p{margin-bottom: 15px}
.order-box .tab-info p span:first-child{width: 100px;display: inline-block;text-align: right;margin-right: 10px}
.order-box .table{width: 800px;border: 1px solid #f0f4f7;border-spacing: 0;margin-bottom: 20px}
.order-box .table th{text-align: left;background: #f0f4f7;font-weight: normal;padding: 5px 9px}
.order-box .table td{text-align: left;font-weight: normal;padding: 8px 9px;border-top: 1px solid #f0f4f7;}
.order-box .info-tab .confirm-pay{background: #0179ff;color: #fff;padding: 13px 30px;display: inline-block;margin-bottom: 25px;margin-left: 35%;margin-top: 20px}
.order-box .trademark-img{width: 130px;height: auto;margin-right: 10px;border: 1px solid #eee;cursor: pointer}
.qrcode-box{background: #fff;text-align: center;padding: 10px 40px}

.reg-banner { height: 200px;background: url(../images/reg_banner.jpg) no-repeat 50%; color: #fff !important;margin: 10px auto 0 auto; width: 1200px;}
.reg-banner span{font-size: 36px;display: inline-block;margin-top: 60px;margin-left: 150px}

.successful-box{background: #fff;padding: 20px 20px;margin-top: 15px}
.successful-img{text-align: center;margin: 60px 0}
.successful-img img{width: 400px}
.successful-img p{margin-top: 30px;font-size: 22px;color: #4a96ff}

.successful-img a{display: inline-block;border: 1px solid #0179ff;border-radius: 100px;padding: 8px 18px;color: #0179ff;margin:40px 15px;}
.layui-upload-file{display: none;}


.box-title2{ padding: 50px 0 40px 0;  }
.box-title2 h3{ text-align: center; font-size: 36px; font-weight: bold; }
.box-subtitle{ margin-top: 15px; text-align: center; font-size: 16px; color: #666;}
.sbzc-sbfw-tab { border-bottom: #e5e5e5 solid 2px; display: flex; justify-content: center;}
.sbzc-sbfw-tab .swiper-wrapper{ width: 100%; display: flex; justify-content: center; }
.sbzc-sbfw-tab .swiper-wrapper .swiper-slide { line-height: 40px; width: 230px !important; font-size: 20px; text-align: center;}
.active-nav{ color: #2a7efb !important; border-bottom: #2a7efb solid 2px; }
.sbzc-sbfw-text-center{ text-align: center;}
.sbzc-sbfw-text-title{ font-size: 20px !important; color: #333 !important; }
.sbzc-sbfw-listbox .swiper-wrapper .swiper-slide{ overflow: hidden; }
.sbzc-sbfw-listbox .swiper-wrapper .swiper-slide .ny-sbzc-hot{ margin-bottom: 0;}
.sbzc-sbfw-listbox .swiper-wrapper .swiper-slide .ny-sbzc-hot:nth-of-type(3n){ margin-right: 0;}
.newproduct-Slider{ width: 400px; height: 250px; position: relative; overflow: hidden;}
.newproduct-Slider .hd{ position: absolute; bottom: 10px; width: 100%; }
.newproduct-Slider .hd ul{ text-align: center;}
.newproduct-Slider .hd li{ text-align: center; display: inline-block;  width: 12px; height: 12px; background: #1a6ab3; border-radius: 100%; }
.newproduct-Slider .hd li.on{ background: #fff;}
.newproduct-Slider .bd img{ display: block; width: 400px; height: 250px;}
.newtop-left{ width: 400px;}
.newtop-right{ width: 450px; margin-left: 20px;}
.newtop-right>h2{ font-size: 30px; font-weight: bold; margin-top: -5px; margin-bottom: 10px;}
.newtop-right>p{ color: #666; margin-bottom: 10px; }
.newtop-right .price{ padding: 20px 15px; background-color: #f9f9f9;}
.newtop-right .price span{ margin-right: 100px; color: #999;}
.newtop-right .price span i{ font-style: normal; font-size: 30px; color: #ff4800;}
.newtop-right .type{ margin: 15px; overflow: hidden;}
.newtop-right .type span:nth-of-type(1){ float: left; margin: 5px 0 0 0; color: #999;}
.newtop-right .type span:nth-of-type(2){ float: left; margin: 0 0 0 20px; color: #666;}
.newtop-right .type span:nth-of-type(2) a{ display: inline-block; padding: 5px; margin-right: 15px; font-style: normal; cursor: pointer; border: #dcdcdc solid 1px;}
.newtop-right .type span:nth-of-type(2) .on{ color: #ff4800; border: #ff4800 solid 1px;}
.newtop-right .type span:nth-of-type(2) a:hover{ color: #ff4800; border: #ff4800 solid 1px; }
.newtop-right .type span:nth-of-type(2) i{ width: 20px; display: inline-block; padding: 5px; font-style: normal; cursor: pointer; border: #dcdcdc solid 1px; text-align: center; }
.newtop-right .type span:nth-of-type(2) input{ width: 20px; display: inline-block; padding: 5px; border: #dcdcdc solid 1px;  text-align: center;}
.newtop-right .btn{ padding-top: 20px; border-top: #eaeaea dashed 1px;}
.newtop-right .btn a{ display: inline-block; width: 160px; height: 46px; line-height: 46px; text-align: center; border-radius: 3px;}
.newtop-right .btn .buy{ color: #fff; background-color: #ff4800; margin-right: 20px; font-size: 18px;}
.newtop-right .btn .service{ color: #2a7efb; border: #2a7efb solid 1px; font-size: 18px;}
.newbottom-left{ width: 960px; border: #eaeaea solid 1px;}
.newbottom-left .bottom-left-header{ height: 55px; line-height: 55px; background-color: #f5f5f5; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.newbottom-left .bottom-left-header h3{ margin: 15px 0 0 20px; padding-left: 10px; font-size: 18px; font-weight: bold; border-left: #2a7efb solid 7px;}
.newbottom-left .bottom-left-content{ padding: 30px;}
.service-left{ margin: 20px 0;}
.service-left .header{ background-color: #2a7efb; padding: 20px;}
.service-left .header h3{ color: #fff; font-size: 24px; margin-bottom: 10px;}
.service-left .header span{ color: #fff;}
.bg-white{background: #fff}
.type i{cursor: pointer}