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;*/
}
input{
    outline: 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;
}
.radiobox-box span{
    display: inline-block;
    vertical-align: middle;
}
.radiobox{
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border:1px solid #dddddd;
    border-radius: 50%;
    vertical-align: middle;
}
.radiobox input{
    opacity: 0;
}
.radiobox.checked{
    border-color: #ff7200;
    background: url(../images/icon-radio.png) no-repeat center;
    background-size: 7px;
}
.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(../images/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(../images/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(../images/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;
}
.search-right {
    display: inline-block;
    margin-left: 20px;
}
.search-right .button{
    margin-left: 10px;
}
.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: 6px;
}

.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(../images/searchlistbg.png) no-repeat center;
    background-size: cover;
}
.check_login_bg.c_bg2{
    background: url(../images/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: #f08c2f;
    border: 1px solid #f08c2f;
    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(../images/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 #ff7200; 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(../images/nav-znzc.png); }
.icon-tools-sbjk{ background-image: url(../images/nav-jk.png); }
.icon-tools-sssearch{ background-image: url(../images/nav-search.png); }
.icon-tools-sbmanage{ background-image: url(../images/nav-gl.png); }
.icon-tools-csgg{ background-image: url(../images/nav-csgg.png); background-size: 64px}
.icon-tools-dzdj{ background-image: url(../images/nav-flcx.png); }
.icon-tools-fborder{ background-image: url(../images/nav-ss.png); }
#websiteTools .cont .items .menu:hover .icon-text{ color: #ff7200; }
#websiteTools .cont .items .menu:hover .icon-tools-sssearch{ background-image: url(../images/nav-search-hover.png);}
#websiteTools .cont .items .menu:hover .icon-tools-znzc{ background-image: url(../images/nav-znzc-hover.png); }
#websiteTools .cont .items .menu:hover .icon-tools-dzdj{ background-image: url(../images/nav-flcx-hover.png); }
#websiteTools .cont .items .menu:hover .icon-tools-sbjk{ background-image: url(../images/nav-jk-hover.png);  }
#websiteTools .cont .items .menu:hover .icon-tools-sbmanage{ background-image: url(../images/nav-gl-hover.png); }
#websiteTools .cont .items .menu:hover .icon-tools-csgg{ background-image: url(../images/nav-csgg-hover.png); background-size: 92px}
#websiteTools .cont .items .menu:hover .icon-tools-fborder{ background-image: url(../images/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(../images/rightfixbar.png); background-repeat: no-repeat; }
#rightFixBar .list .menu .icon:hover{ background-color: #ff7200; }
#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: #ff7200; border-radius: 6px; white-space: nowrap; padding: 6px 15px; color: #fff; margin-top: 5px; }
#rightFixBar .list .menu-bodyer .d-body{ background-color: #ff7200; 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(../images/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(../images/icon-hhrkf.png) no-repeat center; background-size: 24px; }
#rightFixBar .list .menu .icon.icon-hhr:hover{
    background-color: #ff7200;
}
/* ---------- 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(../images/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: #ff7200;
    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(../images/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(../images/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(../images/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(../images/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(../images/slide_left.png);
}
.hot-brand .swiper-button-next{
    right: 15px;
    background-image: url(../images/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(../images/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(../images/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;
}

/*悬浮导航*/
.fix-navbar{ width: 100%; min-width: 1000px; top: 0px; left: 0; height: 66px; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 99; }
.fix-navbar>.clearfix{ height: 100% }
.fix-navbar.fix{ display: block; position: fixed; }
.fix-navbar .logo{ float: left; margin: 15px 40px 0 40px; }
.fix-navbar .logo .community-logo{ position: relative; margin-left: 0px; padding-left: 10px; font-size:20px; color:#ff7200; vertical-align: 9px}
.fix-navbar .logo .community-logo:before{ content: ''; display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: #ff7200}
.fix-navbar .drop-nav{ float: left; margin: 13px 0 0; z-index: 99; }
.fix-navbar .drop-nav .drop-title{ cursor: pointer; text-align: center; position: relative; z-index: 1; }
.fix-navbar .drop-nav .drop-title .icon{ display: inline-block; width: 16px; height: 14px; margin: 12px 8px 0 0; vertical-align: top; background: url(../images/icon-item1.png) no-repeat 0 0; }
.fix-navbar .drop-nav .drop-title .text{ display: inline-block; line-height: 38px; color: #333; font-size: 16px; vertical-align: top; }
.fix-navbar .drop-nav .drop-body{  width: 280px; padding: 8px 0; position: absolute; top:50px; left: -450px; height: calc(100% - 50px); background-color: #f7f8fa; transition: 0.3s; z-index: 9}
.fix-navbar .drop-nav.open .drop-body{ display: block; left: 0px }
.fix-navbar .drop-nav .drop-body .menu{ padding: 0 20px; }
.fix-navbar .drop-nav .drop-body .menu .menu-title{ position: relative; z-index: 0; cursor: pointer; }
.fix-navbar .drop-nav .drop-body .menu .menu-title a{ display: block; padding: 14px 0; color: #000; font-size: 14px; background-image: url(../images/icon-arrow.png); background-position: right center; background-repeat: no-repeat; }
.fix-navbar .drop-nav .drop-body .menu .menu-title .icon-link{ display: inline-block; width: 14px; height: 15px; vertical-align: middle; margin-left: 5px; background-image: url(../images/icon-link.png); background-position: center; background-repeat: no-repeat; }
.fix-navbar .drop-nav .drop-body .menu .menu-bodyer{ display: none; position: absolute; top: 0px; left: 280px; width: 640px; height: 900px; overflow: auto; padding: 0 20px 20px; background-color: #f7f8fa; border-left: solid 1px #ccc; z-index: 1; }
.fix-navbar .drop-nav .drop-body .menu .menu-bodyer h4{ padding: 20px 0; border-bottom: solid 1px #ddd; color: #000; font-size: 16px; }
.fix-navbar .drop-nav .drop-body .menu .menu-bodyer dl dt{ padding: 25px 0 10px; }
.fix-navbar .drop-nav .drop-body .menu .menu-bodyer dl dt a{ color: #999; }
.fix-navbar .drop-nav .drop-body .menu .menu-bodyer dl dd{ overflow: hidden; }
.fix-navbar .drop-nav .drop-body .menu .menu-bodyer dl dd a{ font-size: 12px; color: #000; display: block; position: relative; float: left; margin: 10px 56px 10px 0; }
.drop-nav .drop-body .menu .menu-bodyer dl dd a:hover{
    color: #ff7200;
}
.fix-navbar .drop-nav .drop-body .menu .menu-bodyer dl dd a::after{ content: ""; position: absolute; right: -28px; top: 0; width: 1px; height: 100%; background-color: #ccc; }
.fix-navbar .drop-nav .drop-body .menu .menu-bodyer dl dd a:nth-last-child(1)::after{ display: none; }
.fix-navbar .drop-nav .drop-body .menu .menu-bodyer dl dd a.selected{ color: #f08b2f; }
.fix-navbar .drop-nav .drop-body .cont-2{ border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; margin: 15px 0; padding: 10px 0 15px; }
.fix-navbar .drop-nav .drop-body .cont-2 .menu .menu-title a{ background-image: none; }
.fix-navbar .drop-nav .drop-body .cont-2 .menu.active .menu-title a{background-image: none; }
.fix-navbar .drop-nav .drop-body .cont-3{ padding: 10px 0; }
.fix-navbar .drop-nav .drop-body .cont-3 .menu .menu-title a{ background-image: none; padding: 5px 0; font-size: 16px; }
.fix-navbar .drop-nav .drop-body .cont-3 .menu.active .menu-title a{ background-image: none; }
.fix-navbar .drop-nav .drop-body .cont-3 .menu .menu-title .icon{ display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 5px; position: relative; top: -2px; background-position: center; background-repeat: no-repeat; }
.fix-navbar .drop-nav .drop-body .cont-3 .menu .menu-title .icon-telphone{ background-image: url(../images/icon-telphone.png); }
.fix-navbar .drop-nav .drop-body .cont-3 .menu .menu-title .icon-message{ background-image: url(../images/icon-message.png); }
.fix-navbar .drop-nav .drop-body .menu.active .menu-title a{ color: #FF7200; background-image: url(../images/icon-arrow-active.png); }
.fix-navbar .drop-nav .drop-body .menu.active .menu-bodyer{ display: block; }
.fix-navbar .navbar{ float: left; width: calc(100% - 500px); height: 100%; overflow: hidden }
.fix-navbar .navbar .menu{ float: left; margin-left: 40px; }
.fix-navbar .navbar .menu a{ display: block; height: 66px; line-height: 66px; color: #333; font-size: 17px; }
.fix-navbar .navbar .menu a:hover{ color: #ff7200 }
.fix-navbar .navbar .menu.active a{ color: #ff7200 }
.fix-navbar .navbar .menu .icon{ display: block; float: right; width: 12px; height: 16px; margin: 24px 0 0 5px; background: url(../images/icon-hot1.png) no-repeat center; }
.drop-nav .drop-body .menu .menu-title .icon-hot {
    display: inline-block;
    margin-left: 5px;
    width: 12px;
    height: 16px;
    background: url(../images/icon-hot1.png) no-repeat center;
    vertical-align: -2px;
}
.fix-navbar .item-right{ float: right; margin: 15px 40px 0 0; }
.fix-navbar .search{ float: left; width: 500px; height: 40px; border: solid 1px #e4e4e4; border-radius: 2px; position: relative; z-index: 5; }
.fix-navbar .search form{ height: 100%; }
.fix-navbar .search .search-key{ float: left; padding-left: 5px; width: 400px; height: 100%; border: 0; padding-right: 70px; color: #333; font-size: 16px; }
.fix-navbar .search .search-key::-webkit-input-placeholder { color:#999; font-size: 14px; }
.fix-navbar .search .search-key::-moz-placeholder{ color:#999; font-size: 14px; }
.fix-navbar .search .search-key:-ms-input-placeholder{ color:#999; font-size: 14px; }
.fix-navbar .search .search-btn{ display: block; width: 180px; height: 100%; background-color: #ff6600; color: #fff; font-size: 20px; position: absolute; right: 0; top: 0; border: 0; cursor: pointer; }
.fix-navbar .search .icon-camera{ display: block; width: 26px; height: 24px; position: absolute; right: 50px; top: 7px; background: url(../images/icon-camera.png) no-repeat center; z-index: 2; cursor: pointer; }
.fix-navbar .search .select-input{ margin-top: -20px; width: 0; height: 0; opacity: 0; }
.fix-navbar .search .select-input[type=file] { display: none }
.fix-navbar .search .sub-key{ float: left; position: relative; width: 80px; text-align: center; cursor: default; font-size: 16px; }
.fix-navbar .search .sub-key dt{ line-height: 40px; position: relative; text-indent: -18px; }
.fix-navbar .search .sub-key dt::after{ content: ""; display: block; width: 0; height: 0; border: solid 5px transparent; border-top: solid 6px #222; position: absolute; top: 17px; right: 14px; }
.fix-navbar .search .sub-key dt::before{ content: ""; display: block; width: 1px; position: absolute; top: 8px; bottom: 8px; background-color: #e4e4e4; }
.fix-navbar .search .sub-key dd{ display: none; width: 100%; position: absolute; top: 38px; background-color: #fff; padding: 10px 0; border: solid 1px #ddd; }
.fix-navbar .search .sub-key dd span{ display: block; line-height: 30px; }
.fix-navbar .search .sub-key dd span:hover{ color: #ff7200 }
.fix-navbar .search .sub-key.active dd{ display: block; }
.fix-navbar .login-btns{ float: left; }
.fix-navbar .login-btns a{ display: block; float: left; text-align: center; margin-left: 10px; }
.fix-navbar .login-btns .btn1{ width: 66px; height: 40px; line-height: 40px; border:1px solid #e4e4e4; border-radius:3px; }
.fix-navbar .login-btns .btn2{ width: 66px; height: 40px; line-height: 40px; background-color:#ff7200; border-radius:3px; color: #fff; }
.fix-navbar .login-btns .btn3{ line-height: 40px;}
.fix-navbar .login-btns .btn3 img{ width: 26px; height: 26px; display: inline-block; vertical-align: middle; border-radius: 50%; margin-right: 5px; }
.fix-navbar .item-right .backhome{ float: right; margin: 11px 0 0 15px; padding: 0 0 0 15px; position: relative; }
.fix-navbar .item-right .backhome::before{ content: ""; display: block; position: absolute; left: 0; top: 3px; bottom: 0; width: 1px; background-color: #aaa; }

/* ---------- start 右侧悬浮栏 ---------- */
.public-fixrightbar{ position: fixed; right: 10px; bottom: 20px; z-index: 10; }
.public-fixrightbar .item{ position: relative; }
.public-fixrightbar .list{
    display: block; margin-bottom: 10px; width: 44px; border:1px solid #dbdbdb; font-size: 12px; background-color: #fff; color:#161249;
    padding: 15px 0; cursor: pointer; text-align: center;
}
.public-fixrightbar .list .i-title{
    display: inline-block;
    line-height: 1.2em;
}
.public-fixrightbar .list:not(.backtop) .i-title{
    width: 14px;
    font-size: 14px;
}
.public-fixrightbar .list.list-ad{
    height: 110px;
    color: #fff;
    background: url(../images/rightfixbg.png) no-repeat center;
    background-size: cover;
    border: 1px solid #161249;
    overflow: hidden;
}
.public-fixrightbar .list.list-ad .i-title{
    color: #fff;
}
.public-fixrightbar .list.list-ad .i-title span{
    display: none;
    margin-bottom: 15px;
    width: 100%;
}
.public-fixrightbar .list.list-ad .i-title span.show{
    display: inline-block;
}
.public-fixrightbar .list.zixun .i-title{ width: 16px; font-size: 16px; }
.public-fixrightbar .list:hover{ background: url(../images/rightfixbg.png) no-repeat center; background-size: cover; color:#fff; border:1px solid #161249;}
.public-fixrightbar .list.backtop { padding: 0 }
.public-fixrightbar .list.backtop a{ width: 100%; height: 45px; background-image:url(../images/icon13.png); background-repeat: no-repeat; background-position: center; }
.public-fixrightbar .list.backtop a:hover{ background-image:url(../images/icon13-1.png); }
.public-fixrightbar .list .bdoyer{ display: none; width: 230px; height: 300px; padding: 15px 0 0; position: absolute; right: 40px; top: 0; background: url(../images/bg13.png) no-repeat left top; text-align: left }
.public-fixrightbar .list .bdoyer dl{ padding: 14px 0 0; overflow: hidden; cursor: pointer; }
.public-fixrightbar .list .bdoyer dt{ float: left; width: 55px; padding: 4px 0 0 25px; }
.public-fixrightbar .list .bdoyer dd{ float: left; width: 155px; }
.public-fixrightbar .list .bdoyer dd h6{ font-size: 16px; color: #333; }
.public-fixrightbar .list .bdoyer dd p{ font-size: 10px; color: #999; }
.public-fixrightbar .list .bdoyer dd .color{ font-size: 10px; color: #ff7200; }
.public-fixrightbar .list.active .bdoyer{ display: block; }


.header-user-name{
    display: inline-block;
    position: relative;
}
.header-user-name:hover .server-list{
    display: block;
}
.header-user-name .server-list{
    display: none;
    position: absolute;
    left: -20px;
    top: 40px;
    background:#ffffff;
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.20);
    border-radius:4px;
    width:120px;
    height:148px;
    z-index: 99;
}
.header-user-name .server-list .server-list-top{
    border-bottom: 1px solid #e4e4e4;
}
.header-user-name .server-list div{
    padding: 6px 0;
}
.header-user-name .server-list a{
    display: block;
    float: none;
    margin: 0px;
    padding-left: 36px;
    font-size: 12px;
    line-height: 30px;
    color: #666;
    text-align: left;
}
.header-user-name .server-list a.header1{
    background: url(../images/icon-header1.png) no-repeat 15px center;
    background-size: 14px;
}
.header-user-name .server-list a.header2{
    background: url(../images/icon-header2.png) no-repeat 15px center;
    background-size: 12px;
}
.header-user-name .server-list a.header3{
    background: url(../images/icon-header3.png) no-repeat 15px center;
    background-size: 12px;
}
.header-user-name .server-list a.header4{
    background: url(../images/icon-header4.png) no-repeat 15px center;
    background-size: 12px;
}