html,body,h1,h2,h3,h4,h5,h6,hr,p,ul,ol,li,span,a,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em,i,b,strong,pre,legend,button,input,textarea,select,address,cite,dfn,var,code,kbd,samp,small,sup,sub
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    margin:0;
    padding:0;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    box-sizing:border-box;
    font-family: arial, "Microsoft Yahei";
    /*-webkit-appearance: none;*/
}
a{
    color: #333;
    text-decoration: none;
}
ul,li{
    list-style: none;
}
table{
    border-collapse: collapse;
}
input[type=number]{
    -moz-appearance: textfield;
}
.hide{
    display: none;
}
.clear, .clearfix{
    clear: both;
}
.w-center{
    margin: 0 auto;
    width: 1240px;
}
.text{
    outline: none;
}
.icon{
    display: inline-block;
}
.button{
    display: inline-block;
    background-color: #ff5c00;
    border: 1px solid #ff5c00;
    color: #fff;
    border-radius: 2px;
    outline: none;
}
.button.button-white{
    color: #ff5c00;
    background-color: #fff;
    border: 1px solid #ff5c00;
}
[v-cloak] {
    display: none;
}
.checkbox-box span{
    display: inline-block;
    vertical-align: middle;
}
.checkbox{
    display: inline-block;
    width: 13px;
    height: 13px;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    user-select: none;
}
.checkbox.checked{
    background-image: url(icon-checked.png);
    border-color: #ff5c00;
    background-size: 90%;
}
.checkbox input[type=checkbox]{
    width: 100%;
    height: 100%;
    opacity: 0;
}
/*top*/
.page-top {
    background-color:#f8f8f8;
    border:1px solid #e6e6e6;
}
.page-top-in{
    padding: 10px 0px;
}
.page-top .logo{
    float: left;
    margin-top: -5px;
    margin-bottom: -5px;
}
.page-top .logo img{
    width: 60px;
}
.page-top .top-nav{
    float: right;
}
.page-top .top-nav a{
    display: inline-block;
    margin-left: 35px;
}
.page-content{
    /*padding-bottom: 50px;*/
}

/*顶部样式*/
.page-top .top-nav .user-account{ float: right; margin-top: 2px; position: relative; }
.page-top .top-nav .user-account .menu-title .text{ display: block; float: left; line-height: 14px; }
.page-top .top-nav .user-account .menu-title .icon-user{ display: block; float: left; width: 14px; height: 14px; margin: 0px 4px 0px 0px; background-size: cover; }
.page-top .top-nav .user-account .menu-body{ width: 120px; position: absolute; top: 40px; right: 0px; background-color: #1b1b1b; font-size: 12px; color: #fffefe; z-index: 4;
    opacity: 0; visibility: hidden;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;

    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-50px);
    -ms-transform: translate(0,-50px);
    -o-transform: translate(0,-50px);
    transform: translate(0,-20px);
}
.page-top .top-nav .user-account .menu-body .sub-menu{ width: 80px; height: 35px; line-height: 35px; margin: auto; text-align: center; position: relative; background: url(icon-jb-line.png) center bottom no-repeat; }
.page-top .top-nav .user-account .menu-body .sub-menu a{ color: #fff; margin-left: 0 }
.page-top .top-nav .user-account .menu-body .sub-menu a:hover{ color: #ff5c00; }
.page-top .top-nav .user-account.open{  }
.page-top .top-nav .user-account.open .menu-body{
    opacity: 1; visibility: visible;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.icon-user{
    background-image: url(icon-head.png);
}


/*page-search*/
.page-search{
    padding: 30px 0;
}
.page-search .main-title{
    display: inline-block;
    margin-right: 45px;
    font-size: 36px;
    line-height: 1em;
    color: #ff5c00;
    vertical-align: middle;
}
.page-search input.text{
    padding-left: 20px;
    width: 520px;
    height: 38px;
    border: none;
    vertical-align: middle;
}
.page-search .button{
    width: 130px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
}
.page-search .search{
    border-radius: 0;
}
.search-input{
    display: inline-block;
    position: relative;
    margin-right: 40px;
    border: 1px solid #ff5c00;
    border-radius: 0 2px 2px 0;
    overflow: hidden;
    vertical-align: middle;
}
.page-nav{
    line-height: 48px;
    background-color: #39414e;
}
.page-nav a{
    margin-right: 50px;
    font-size: 15px;
    color: #fff;
}
.page-nav a.active{
    font-size: 16px;
    color: #ff5c00;
    font-weight: bold;
}
.page-checkbox{
    margin-top: 10px;
    margin-bottom: 20px;
}
.page-checkbox span{
    font-size: 12px;
}
.page-checkbox .checkbox-box{
    margin-right: 20px;
}
/*滑动条*/
.scroll{
    -moz-appearance: none !important;
}
.scroll::-webkit-scrollbar {
    width: 1px;
}

.scroll::-webkit-scrollbar-button {
    /* 2 */
    height: 0px;
}

.scroll::-webkit-scrollbar-track {
    /* 3 */
    background-color: #efefef;
}

.scroll::-webkit-scrollbar-track-piece {
    /* 4 */
}

.scroll::-webkit-scrollbar-thumb {
    /* 5 */
    background-color: #ff5c00;
    border-radius: 5px;
}

.scroll::-webkit-scrollbar-corner {
    /* 6 */
}

.scroll::-webkit-resizer{
    /* 7 */

}
.check_login_bg{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10000;
}
.check_login_bg.c_bg1{
    background: url(searchlistbg.png) no-repeat center;
    background-size: cover;
}
.check_login_bg.c_bg2{
    background: url(searchdetailbg.png) no-repeat center;
    background-size: cover;
}
.login_black_bg{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}
.login_black_bg:before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}
.check_login_tips{
    display: inline-block;
    padding: 40px 20px;
    width: 320px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 2px;
}
.check_login_tips p{
    font-size: 16px;
    color: #333;
}
.check_login_tips img{
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 25px;
}
.check_login_tips .button{
    display: inline-block;
    margin-bottom: 10px;
    width: 160px;
    line-height: 32px;
    color: #00c9ff;
    border: 1px solid #00c9ff;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.check_login_tips .href{
    display: block;
    color: #666;
}
.pagination{
    margin-top: 30px;
    text-align: center;
}
.pagination li{
    display: inline-block;
    margin:0 5px;
}
.pagination li.go-page{
    margin-left: 30px;
}
.pagination li a{
    display:inline-block;
    width: 28px;
    line-height: 25px;
    color: #333;
    border:1px solid #ddd;
}
.pagination li a:hover{
    background:#eee;
}
.pagination li.active a{
    border:1px solid #ff5c00;
    color:#ff5c00;
}
.pagination li .go-page{
    color: #666;
}
.pagination li.go-page .button{
    display: inline-block;
    width: 42px;
    line-height: 22px;
    color: #fff;
    background-color: #ff5c00;
    border: 1px solid #ff5c00;
    border-radius: 2px;
}
.pagination li.go-page input{
    width: 40px;
    height: 25px;
    text-align: center;
    border: 1px solid #e3e3e3;
}
.pagination li.go-page input::-webkit-outer-spin-button,
.pagination li.go-page input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}
/*公用知识产权工具*/
#websiteTools{ display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; }
#websiteTools.show{ display: block; }
#websiteTools .opacity{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 6; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); }
#websiteTools .cont{ position: absolute; top: 42%; left: 50%; width: 760px; z-index: 7; background-color: #fff; margin: -210px 0 0 -380px; border: solid 1px #ddd; }
#websiteTools .cont .icon-close{ display: block; width: 23px; height: 23px; position: absolute; top: 20px; right: 20px; background: url(close.png) center no-repeat; cursor: pointer; }
#websiteTools .cont .cont-header{ text-align: center; font-size: 20px; color: #000; margin-top: 30px; }
#websiteTools .cont .cont-header span{ display: inline-block; position: relative; border-bottom: solid 1px #ccc; padding: 0 150px 20px; }
#websiteTools .cont .cont-header .icon{ display: block; width: 0px; height: 0px; border: solid 9px transparent; border-top: solid 10px #00c9ff; position: absolute; top: 46px; left: 50%; margin-left: -8px; }
#websiteTools .cont .items{ text-align: center; padding: 45px 0 15px; }
#websiteTools .cont .items .menu{ display: inline-block; width: 180px; height: 155px; }
#websiteTools .cont .items .menu .icon{ display: inline-block; width: 92px; height: 92px; background-position: center; background-repeat: no-repeat; }
#websiteTools .cont .items .menu .icon-text{ display: block; color: #333; padding-top: 3px; }
#websiteTools .cont .msgs{ text-align: center; color: #666; font-size: 12px; padding: 10px 0 30px; }
.icon-tools-znzc{ background-image: url(nav-znzc.png); }
.icon-tools-sbjk{ background-image: url(nav-jk.png); }
.icon-tools-sssearch{ background-image: url(nav-search.png); }
.icon-tools-sbmanage{ background-image: url(nav-gl.png); }
.icon-tools-dzdj{ background-image: url(nav-flcx.png); }
.icon-tools-fborder{ background-image: url(nav-ss.png); }
#websiteTools .cont .items .menu:hover .icon-text{ color: #00c9ff; }
#websiteTools .cont .items .menu:hover .icon-tools-sssearch{ background-image: url(nav-search-hover.png);}
#websiteTools .cont .items .menu:hover .icon-tools-znzc{ background-image: url(nav-znzc-hover.png); }
#websiteTools .cont .items .menu:hover .icon-tools-dzdj{ background-image: url(nav-flcx-hover.png); }
#websiteTools .cont .items .menu:hover .icon-tools-sbjk{ background-image: url(nav-jk-hover.png);  }
#websiteTools .cont .items .menu:hover .icon-tools-sbmanage{ background-image: url(nav-gl-hover.png); }
#websiteTools .cont .items .menu:hover .icon-tools-fborder{ background-image: url(nav-ss-hover.png); }
/* ---------- start 右侧悬浮栏 ---------- */
#rightFixBar{ position: fixed; _position: absolute; right: 0px; top: 50%; margin: -174px 0 0; z-index: 10; border-radius: 30px; background-color: #494949; }
#rightFixBar #flex{ margin-top: -18px; }
#rightFixBar #flex .menu .icon{ background-color: #494949; }
#rightFixBar .item{ display: block; padding: 10px 0; background-color: #494949; border-radius: 30px; }
#rightFixBar.hide{ display: block; padding-bottom: 10px; background-color: transparent; }
#rightFixBar.hide .item{ display: none; }
#rightFixBar .list{ position: relative; padding: 4px 5px; }
#rightFixBar .list .menu{ position: relative; overflow: hidden; cursor: pointer; z-index: 2; }
#rightFixBar .list .menu .icon{ display: block; width: 40px; height: 40px; border-radius: 50%; background-image:url(rightFixBar.png); background-repeat: no-repeat; }
#rightFixBar .list .menu .icon:hover{ background-color: #00c9ff; }
#rightFixBar .list .menu-bodyer{ display: none; position:absolute; right:47px; top:5px; padding-right: 14px; z-index:4; }
#rightFixBar .list .menu-bodyer .text{ display: block; background-color: #00c9ff; border-radius: 6px; white-space: nowrap; padding: 6px 15px; color: #fff; margin-top: 5px; }
#rightFixBar .list .menu-bodyer .d-body{ background-color: #00c9ff; border-radius: 6px; }
#rightFixBar .list-appDown .menu-bodyer .d-body{ width: 225px; padding-bottom: 17px; overflow: hidden }
#rightFixBar .list-appDown .menu-bodyer .d-body dt{ float:left; margin:14px 18px 0 18px; width:100px; height: 100%; }
#rightFixBar .list-appDown .menu-bodyer .d-body dt img{ width:100%; }
#rightFixBar .list-appDown .menu-bodyer .d-body dd{ float:left; }
#rightFixBar .list-appDown .menu-bodyer .d-body dd a{ display:block; width:70px; height:30px; line-height:25px; margin: 21px 0 0; padding: 0 2px; color:#fff; border: solid 2px #fff; border-radius: 20px; }
#rightFixBar .list-appDown .menu-bodyer .d-body dd a .icon{ display:block; float:left; width:16px; height:19px; margin: 3px 5px 0 9px; background-repeat: no-repeat; background-image:url(rightFixBar.png); }
#rightFixBar .list-appDown .menu-bodyer .d-body dd a .s1{ display:block; float:left; font-size: 12px; }
#rightFixBar .list:hover .menu-bodyer{ display:block; }
#rightFixBar .list .icon-ewm{ background-position: 9px -49px; }
#rightFixBar .list .icon-shouqian{ background-position: 7px -87px; }
#rightFixBar .list .icon-shouhou{ background-position: 9px -122px; }
#rightFixBar .list .icon-kefu{ background-position: 9px -158px; }
#rightFixBar .list .icon-yijian{ background-position: 10px -199px; }
#rightFixBar .list .icon-backtop{ background-position: 10px -240px; }
#rightFixBar .list .icon-flex{ background-position: 8px -276px; }
#rightFixBar .list .icon-ios{ background-position: 0px 0px; }
#rightFixBar .list .icon-android{ background-position: 0px -25px; }
#rightFixBar .list .menu .icon.icon-hhr{ background: url(icon-hhrkf.png) no-repeat center; background-size: 24px; }
#rightFixBar .list .menu .icon.icon-hhr:hover{
    background-color: #00c9ff;
}
/* ---------- end 右侧悬浮栏 ---------- */
.hot-brand-right{
    width: 150px;
    z-index: 3;
    background-color: #fff;
}
.hot-brand-right h2{
    position: relative;
    padding-left: 25px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    border: 1px solid #ddd;
    background-size: 20px;
    font-weight: bolder;
    background: url(icon-hot.png) no-repeat 10px center;
}
.hot-brand-right .more{
    font-size: 12px;
    display: block;
    margin: auto;
    margin-top: 10px;
    padding: 3px 8px;
    width: 120px;
    float: none;
    background-color: #00c9ff;
    color: #fff;
    border-radius: 3px;
    text-align: center;
}
.hot-brand-right .more.hide{ display: none; }
.hot-brand-right h2:before{
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 26px;
    height: 40px;
    background: url(icon-trade.png) no-repeat center;
    background-size: cover;
}
.hot-brand.hot-brand-right ul{
    margin-bottom: 0px;
    min-height: 200px;
    font-size: 0;
}
.hot-brand.hot-brand-right ul.loading{ background: url(loading.gif) no-repeat center; }

.hot-brand.hot-brand-right ul li{
    margin: 0px;
    padding: 15px;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    overflow: hidden;
}
.hot-brand.hot-brand-right ul li .hot-brand-image{
    float: left;
    margin-right: 10px;
    width: 120px;
    height: 100px;
}
.hot-brand.hot-brand-right ul li .hot-brand-detail{
    float: left;
}
.hot-brand-bottom.hot-brand ul{
    display: inline-block;
}
.hot-brand-bottom.hot-brand ul li .hot-brand-detail{
    padding: 10px;
}
.hot-brand-bottom.hot-brand ul li .hot-brand-image{
    padding: 10px;
    width: 169px;
    height: 130px;
    overflow: hidden;
}
.hot-brand-bottom.hot-brand ul li{
    display: inline-block;
    margin: 0px 10px;
    text-align: left;
    border: 1px solid #e6e6e6;
    height: 260px;
}
.hot-brand-bottom.hot-brand ul li .hot-brand-name{
    width: 130px;
}
.hot-brand-bottom.hot-brand ul li .button{
    width: 100%;
}
.hot-brand.hot-brand-bottom{
    position: relative;
    margin-bottom: 50px;
    padding: 10px;
    border: 1px solid #e6e6e6;
}
.hot-brand.hot-brand-bottom.loading{
    background: url(loading3.gif) no-repeat center;
}
.hot-brand .swiper-wrapper{
    height: auto;
}
.hot-brand .swiper-slide{
    height: auto;
}
.hot-brand.hot-brand-bottom h2{
    margin-bottom: 20px;
    padding-left: 25px;
    font-weight: bolder;
    font-size: 16px;
    color: #666;
    background: url(icon-hot.png) no-repeat 10px center;
}
.hot-brand .swiper-button-prev, .hot-brand .swiper-button-next{
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    cursor: pointer;
}
.hot-brand .swiper-button-prev{
    left: 15px;
    background-image: url(slide_left.png);
}
.hot-brand .swiper-button-next{
    right: 15px;
    background-image: url(slide_right.png);
}
.hot-brand .swiper-container{
    margin: 0 auto;
    width: 1150px;
}
.hot-brand ul{
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
}
.hot-brand ul li{
    display: inline-block;
    margin: 0 20px;
    text-align: left;
}
.hot-brand ul li .hot-brand-image{
    text-align: center;
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.hot-brand ul li .hot-brand-image:before{
    content: "";
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
    margin-left: -2px;
}
.hot-brand ul li .hot-brand-image img{
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
.hot-brand ul li .hot-brand-name{
    font-size: 14px;
    color: #333333;
    width: 120px;
    height: 2em;
    line-height: 2em;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.hot-brand ul li .hot-brand-category{
    display: block;
    font-size:14px;
    color:#999999;
}
.hot-brand ul li .hot-brand-price{
    display: block;
    font-size:15px;
    color:#cb1f2b;
    line-height: 2em;
    font-weight: bold;
}
.hot-brand ul li .hot-brand-price i{
    font-size: 1em;
    font-weight: bold;
}
.hot-brand ul li .button{
    display: inline-block;
    padding: 3px 8px;
    width: 100%;
    color: #ff5c00;
    border: 1px solid #ff5c00;
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
}
.iconfont.icon-danchucengzhuanhuan{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(icon-fd.png);
    background-size: cover;
    vertical-align: middle;
}
/*图形搜索*/
.showImgModal {
    text-align: center;
    height: 99%;
    position: relative;
}
.search-input .icon-camera {
    display: block;
    width: 30px;
    height: 28px;
    position: absolute;
    right: 135px;
    top: 5px;
    z-index: 2;
    background: url(pic-search.png) no-repeat center;
    cursor: pointer;
}
.search-input .select-input{
    display: none;
}
.search-img-box{
    height: 100%;
    background-color: #f3f3f3;
    border: 2px solid #ff5c00;
}
.search-img-box .img-title{
    padding: 5px 0;
    text-align: center;
}
.search-img-box .img{
    margin: 10px;
    margin-top: 0px;
    width: 120px;
    height: 120px;
    background-color: #fff;
}
.search-img-box .img img{
    width: 100%;
}
.cartoon-box {
    margin-top: 20px;
    margin-bottom: 20px;
}
.showImgModalBtns a.button{
    width: 100px;
    line-height: 34px;
    text-align: center;
}
.showImgModalBtns a.button.button-white{
    margin-right: 15px;
}