﻿/*公共*/

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,span{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
img{vertical-align:top; border:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
li{list-style-type:none;}
html{width:100%;min-width:1200px;}
body{width:100%;min-width:1200px;font:12px/1.5 "Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",arial,helvetica,sans-serif;background:#EEF1F2;}
textarea{resize:none;}
textarea,input{font-family:"Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",arial,helvetica,sans-serif;font:12px/1.5;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none; padding:0;}
input::-ms-clear{display:none;}
a:focus, *:focus{noFocusLine: expression(this.onFocus=this.blur());}
.clear{clear: both;}
a, object{outline:none;}
a{cursor:pointer;color:#333;}
a:link{text-decoration:none;}
ul, li, ol{list-style: none outside none;}
li{vertical-align:top;}
li{vertical-align:bottom;}
html{_background-attachment: fixed;}
:focus{outline: 0;}
input, button{border: 0; outline: none; background: none; filter: chroma(color=#000000);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #bdbcbc;}
i, em, b{font-style: normal;}
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder{color: #999; font-family: 微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1; font-size: 12px;}
/*::selection{background: #f20e0e; color: #fff;}*/
/*::-moz-selection{background: #f20e0e; color: #fff;}*/
table{width: 100%; border-collapse: collapse; border-spacing: 0;}
table td{word-break: break-all;word-wrap: break-word;text-align: center;}
input{font-family: 微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1; font-size: 12px;}
a, a *{text-decoration: none; outline: none; star: expression(this.onFocus=this.blur());}
.clearfix{clear: both; zoom: 1;}
.clearfix::before{content: ''; display: block; clear: both;}
.clearfix::after{content:"";display:block;height:0;clear:both;visibility:hidden}
img{max-width: 100%; border: 0; outline: none; vertical-align: middle;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
.clearfix:after{content: ''; display: block; clear: both;}
.el{white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.table{display: table;}
.table_cell{display: table-cell; vertical-align: middle;}
.table_cell_img{width: 290px; height: 54px; display: inline-block; background-image: url(../images/2023logo.png); background-repeat: no-repeat; background-position: 0 0;}
.blockbox{width: 1200px; margin: auto;}
body.unscroll{height: 100vh; overflow: hidden; position: fixed; top: 0; left: 0;}
/*字体size*/
.font12 {font-size: 12px !important;}
.font14 {font-size: 14px !important;}
.font16 {font-size: 16px !important;}
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}
/*浮动*/
.fl{display: inline; float: left}
.fr{display: inline; float: right}
/*消失隐藏*/
.show{display: block!important;}
.hide{display: none!important;}
/*间距*/
.mt-80{
    margin-top: 80px;
}
/*字体*/
@font-face {
    font-family: "iconfont";
    src: url('../fonts/iconfont.woff2') format('woff2'),
    url('../font/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
}
.color-danger {
    color: #3A62C8;
}
/*标题*/
.common_tit {
    text-align: center;
    padding: 80px 0 30px;
}

.common_tit .tit_a {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    color: #181C29;
}

.common_tit .tit_a span {
    position: relative;
}

.common_tit .tit_b {
    margin-top: 10px;
    line-height: 20px;
    color: #828897;
    font-size: 14px;
}

.common_tit .tit_a span:before {
    display: inline-block;
    width: 45px;
    height: 20px;
    content: "";
    position: absolute;
    left: -70px;
    top: 10px;
    background: url(../images/same-tit-l.png) no-repeat center center;
    background-size: 45px 20px;
}

.common_tit .tit_a span:after {
    display: inline-block;
    width: 45px;
    height: 20px;
    content: "";
    position: absolute;
    right: -70px;
    top: 10px;
    background: url(../images/same-tit-r.png) no-repeat center center;
    background-size: 45px 20px;
}
/*头部*/
.header{position: relative; z-index: 6;}
.header_top{height: 64px; background: rgba(255, 255, 255, 0.1);}
.header_top .logo{float: left; height: 64px;}
.header_top .logo img{
    height: 40px;
}
.header_top .tools{float: right; position: relative;}
.header_top .tools_url{float: left; font-size: 14px; color: #fff; line-height: 64px; padding: 0 12px; position: relative;}
.tools_urlhover,.spans .tools_url,.spans .url{position: relative;}
.tools_urlhover:hover:before,.spans .tools_url:hover:before,.spans .url:hover:before{position: absolute; content: ''; bottom: 18px; left: 0; margin: auto; right: 0; width: 69%; height: 1px; background: #fff;}
.focus:hover .show_code{display: block;}
.show_code{display: none; position: absolute; transition: 0.3s; top: 70px; left: -82px; width: 220px; height: 220px; background: #fff; border: 1px solid #F0F0F0; box-shadow: 0 10px 20px 0 rgba(0, 40, 79, 0.06); text-align: center; padding-top: 25px; z-index: 3;}
.show_code:after{content: ''; display: block; width: 22px; height: 12px; position: absolute; top: -10px; left: 50%; margin-left: -11px; background: url("../images/r_code_up.png") no-repeat center;}
.show_code .code_img{width: 130px; height: 130px;}
.show_code .maihui_txt{font-size: 14px; color: #000000; line-height: 14px; padding-top: 14px; border-top: 1px solid #EEEEEE; margin-top: 17px; font-weight: normal;}
.focus:hover .show_code{display: block;}
.header_top .tools_url.login:after{content: ''; display: block; width: 1px; height: 6px; background: rgba(255, 255, 255, 0.3); position: absolute; top: 53%; right: 0; margin-top: -3px;}
.header_top .tools_url.tel i{display: inline-block; width: 12px; height: 54px; vertical-align: top; background: url("../images/header_icon1.png") no-repeat center; margin-right: 4px;margin-top: 6px}
.header_top .tools_url.list_set,.header_top .tools_url.list_set1{width: 94px; height: 30px; margin: 12px 3px 0 12px; padding: 0; text-align: center; line-height: 30px; font-size: 12px; color: #fff; background: rgba(255, 255, 255, .15);}
.header_top .tools_url.list_set i,.header_top .tools_url.list_set1 i{display: inline-block; width: 14px; height: 30px; vertical-align: top; margin-right: 4px; background: url("../images/header_icon2.png") no-repeat center;}
.header_top .tools_url.list_set1{margin-left: 2px;}
.header_top .tools_url.list_set1 i{background: url("../images/header_icon3.png") no-repeat center;}
.header_top .tools_url.list_set:hover,.header_top .tools_url.list_set1:hover{background: rgba(255, 255, 255, .3);}
.header_top .tools .buybox, .header_top .tools .setbox{width: 280px; background: #fff; border: 1px solid #f0f0f0; padding: 25px; position: absolute; top: 62px; right: 0; z-index: 4; display: none; box-shadow: 0 15px 30px 0 rgba(31, 46, 62, 0.12);}
.header_top .tools .buybox:after, .header_top .tools .setbox:after{content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -8px;}
.header_top .tools .buybox .titles, .header_top .tools .setbox .titles{overflow: hidden; margin-bottom: 16px;}
.header_top .tools .buybox .titles a, .header_top .tools .setbox .titles a{float: left; display: block; width: 75px; height: 30px; background: #F1F4F5; text-align: center; line-height: 30px; font-size: 14px; color: #2A2A2A; transition: 0.3s; cursor: pointer;}
.header_top .tools .buybox .titles a:hover, .header_top .tools .setbox .titles a:hover{color: #F12500;}
.header_top .tools .buybox .titles a.on, .header_top .tools .setbox .titles a.on{background: #FAECE8; font-weight: bold; color: #F12500;}
.header_top .tools .buybox .titles a:not(:last-child), .header_top .tools .setbox .titles a:not(:last-child){margin-right: 1px;}
.header_top .tools .buybox .box_each, .header_top .tools .setbox .box_each{height: 30px; border: 1px solid #DBDBDB; margin: 0 2px 10px 0; position: relative;}
.header_top .tools .buybox .box_each ::-webkit-scrollbar-track-piece, .header_top .tools .setbox .box_each ::-webkit-scrollbar-track-piece{background-color: #0761CA;}
.header_top .tools .buybox .box_each.on, .header_top .tools .setbox .box_each.on{border-color: #0761CA;}
.header_top .tools .buybox .box_each_lable, .header_top .tools .setbox .box_each_lable{font-size: 12px; color: #2A2A2A; line-height: 28px; float: left; position: relative; padding-left: 14px; width: 94px;}
.header_top .tools .buybox .box_each_lable:after, .header_top .tools .setbox .box_each_lable:after{content: ''; display: block; width: 1px; height: 14px; background: #DBDBDB; position: absolute; top: 50%; right: 0; margin-top: -7px;}
.header_top .tools .buybox .box_each_content, .header_top .tools .setbox .box_each_content{float: left; font-size: 12px; color: #656565; line-height: 28px; padding-left: 16px; width: 130px; background: url("../images/box_icon1.png") no-repeat center right 14px;}
.header_top .tools .buybox .box_each .input, .header_top .tools .setbox .box_each .input{float: left; width: 100px; padding-left: 16px; line-height: 28px; height: 28px; font-size: 12px;}
.header_top .tools .buybox .box_each .yuan, .header_top .tools .setbox .box_each .yuan{position: absolute; font-size: 12px; color: #979797; line-height: 12px; top: 50%; right: 12px; margin-top: -6px;}
.header_top .tools .buybox .box_each .box_each_select, .header_top .tools .setbox .box_each .box_each_select{width: 225px; max-height: 160px; background: #fff; overflow-y: scroll; overflow-x: hidden; padding: 8px 0 0 0; border: 1px solid #dbdbdb; box-shadow: 0 10px 20px 0 rgba(0, 40, 79, 0.06); position: absolute; top: 29px; left: 0; border-top: transparent; display: none; z-index: 3;}
.header_top .tools .buybox .box_each .option, .header_top .tools .setbox .box_each .option{padding-left: 22px; font-size: 12px; color: #2A2A2A; line-height: 26px; display: block; transition: 0.3s;}
.header_top .tools .buybox .box_each .option:hover, .header_top .tools .setbox .box_each .option:hover{color: #F12500;}
.header_top .tools .buybox .btns, .header_top .tools .setbox .btns{margin-top: 6px;}
.header_top .tools .buybox .btns_sure, .header_top .tools .setbox .btns_sure{float: left; width: 113px; height: 32px; background: #0761CA; border: 1px solid #0761CA; text-align: center; line-height: 32px; font-size: 12px; color: #FFFFFF; font-weight: bold; transition: 0.3s;}
.header_top .tools .buybox .btns_contact, .header_top .tools .setbox .btns_contact{float: left; width: 113px; height: 32px; background: #fff; border: 1px solid #0761CA; font-size: 12px; color: #0761CA; line-height: 32px; font-weight: bold; text-align: center;}
.header_top .tools .buybox .faultbox, .header_top .tools .setbox .faultbox{font-size: 14px; color: #FF7300; width: 192px; height: 36px; border: 1px solid #FF7300; text-align: center; line-height: 34px; position: absolute; top: 175px; left: 50%; margin-left: -96px; background: #fff; z-index: 1; display: none;}
.header_top .tools .buybox .faultbox i, .header_top .tools .setbox .faultbox i{display: inline-block; width: 14px; height: 34px; background: url("../images/box_fault_icon.png") no-repeat center; vertical-align: top; margin-right: 14px;}
.header_top .tools .setbox:after{left: auto; margin-left: 0; right: 38px;}
.header_nav{position: relative; z-index: 2; display: inline-block; margin-left: 60px}
.header_nav .navigate{float: left;}
.header .nav ul li:hover .son{display: block;}
.header .nav ul li .son4 .publicblock{left: 175px; padding: 5px 0 5px 20px; text-align: center;}
.header .nav ul li .son2 .publicblock{left: 140px;}
.header .nav ul li .son3 .publicblock{left: 411px;}
.nav-menu > a::after{content: ""; width: 6px; height: 4px; background: url(../images/icon_menudown.png) no-repeat center; vertical-align: top; transition: all 0.2s; -webkit-transition: all 0.2s;}
.nav-menu > a::after{display: inline-block; margin: 36px 0 0 5px;}
.nav-menu:hover > a::after{transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
.header_nav .navigate > li{position: relative; float: left; line-height: 64px; font-size: 15px; font-weight: bold;margin-right: 37px}
.header_nav .navigate > li >a{color: #fff;}
.header_nav .navigate > li:hover>a{color: rgba(255,255,255,.8);}
.left_i{display: inline-block; vertical-align: top; width: 18px; height: 18px; margin: 24px 5px 0 0; background-position: center; background-repeat: no-repeat;}
.left_i.left_i1{background-image: url(../images/icon_menu1.png);}
.left_i.left_i2{background-image: url(../images/icon_menu2.png);}
.left_i.left_i3{background-image: url(../images/icon_menu3.png);}
.header_nav .navigate > li .icon{display: block; width: 27px; height: 15px; background-repeat: no-repeat; background-size: 100%; background-position: center; position: absolute; top: 11px; right: 0;}
.header_nav .navigate > li .hot{background-image: url(../images/icon_new.png); animation: moving 1.5s linear infinite alternate;}
.header_nav .navigate > li .iconhot{background-image: url(../images/icon_hot.png); animation: moving 1.5s linear infinite alternate;}
@keyframes moving{100%{transform: translateY(-5px);}}
/* .header_nav .navigate > li:not(:nth-child(1)):after{content: '';display: block;width: 1px;height: 6px;background: rgba(255, 255, 255, 0.3);position: absolute;top: 50%;right: 0;margin-top: -3px;}*/
.header_nav .navigate > li:not(:last-child):after{content: ''; display: block; width: 1px; height: 6px; background: rgba(255, 255, 255, 0.2); position: absolute; top: 55%; right: -19px; margin-top: -5px;}
.header_nav .navigate > li.active{border-bottom: 3px solid rgba(255,255,255,.8);}
.header_nav .navigate > li:hover{border-bottom: 3px solid rgba(255,255,255,.3);}
.header_nav .search{position: relative; float: right; height: 40px; width: 350px; margin-top: 17px; background: rgba(255, 255, 255, 0.2);}
.header_nav .search_select{position: relative; width: 80px; height: 40px; float: left;background: none!important;}
.header_nav .search_select .item{display: block; width: 69px; line-height: 40px; padding-left: 16px; font-size: 14px; color: #fff;}
.header_nav .search_select .icon{display: block; position: absolute; top: 50%; left: 63px; width: 8px; height: 6px; background: url("../images/header_icon4.png") no-repeat center; margin-top: -3px; transition: 0.3s;}
.header_nav .search_select:after{content: ''; display: block; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.3); position: absolute; top: 50%; right: -1px; margin-top: -6px;}
.header_nav .search_select:hover .icon{transform: rotate(180deg);}
.header_nav .search_input{width: 264px; height: 32px; float: right; position: relative; margin-top: 4px;}
.header_nav .search_input input{width: 100%; height: 100%; padding-left: 12px; font-size: 14px; color: #FFFFFF;}
.header_nav .search_input .search_icon{position: absolute; top: 0 ; right: 5px; display: block; width: 44px; height: 32px; background: rgba(255, 255, 255, 0.3) url("../images/header_icon5.png") no-repeat center;}
.header_nav .search_input .search_icon:hover{background-color: rgba(255, 255, 255, 0.5) !important;}
.header_nav .search input::-webkit-input-placeholder{/* 使用webkit内核的浏览器*/ color: #fff;}
.header_nav .search input:-moz-placeholder{/* Firefox版本4-18*/ color: #fff;}
.header_nav .search input::-moz-placeholder{/* Firefox版本19+*/ color: #fff;}
.header_nav .search input:-ms-input-placeholder{/* IE浏览器*/ color: #fff;}
.banner{height: 685px; margin-top: -129px; position: relative;z-index: -999}
.banner_swipe{height: 685px; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
@keyframes move{100%{width: 30px;}}
.banner_swipe .bd{width: 100%; height: 685px; overflow: hidden;}
.banner_swipe .bd ul{margin: 0 auto;}
.banner_swipe .bd ul::after{content: ""; display: block; clear: both; zoom: 1;}
.banner_swipe .bd li{height: 685px; position: relative;}
.banner_swipe .bd li > a,.banner_swipe .bd li > video{display: block; width: 100%; height: 100%;}
.banner_swipe .bd li > a img{height: 100%; width: 100%}
/*底部*/
.footer{margin-top: 80px; min-height: 500px;}
.footer .blockbox{width: 1280px; margin: auto;}
.footer_top{height: 140px; background: #fff;}
.footer_top.maihuifooter{background: #2e2d39;}
.footer_top .li{float: left; width: 286px; position: relative; padding-left: 52px; background-position: 1% 76%; background-repeat: no-repeat;}
.footer_top .li:nth-child(1){background-image: url(../images/icon1.png);}
.footer_top .li:nth-child(2){background-image: url(../images/icon2.png);}
.footer_top .li:nth-child(3){background-image: url(../images/icon3.png);}
.footer_top .li:nth-child(4){background-image: url(../images/icon4.png);}
.footer_top.maihuifooter .li:nth-child(1){background-image: url(../images/icon01.png);}
.footer_top.maihuifooter .li:nth-child(2){background-image: url(../images/icon02.png);}
.footer_top.maihuifooter .li:nth-child(3){background-image: url(../images/icon03.png);}
.footer_top.maihuifooter .li:nth-child(4){background-image: url(../images/icon04.png);}
.footer_top .li:not(:first-child){margin-left: 65px;}
.footer_top .li:last-child{width: 219px;}
.footer_top .li .img{position: absolute; top: 44px; left: 0; width: 38px; height: 38px;}
.footer_top .li .name{font-size: 16px; line-height: 16px; color: #2B2B2B; margin-top: 46px; font-weight: normal;}
.footer_top .li .intro{width: 168px; font-size: 12px; color: #979797; line-height: 14px; margin-top: 8px;}
.footer_top.maihuifooter .li .name{color: #9695a5 ;}
.footer_top.maihuifooter .li .intro{color: #5a5967;}
.footer_bottom{background: #161616; padding-top: 70px;}
.footer_bottom_about{height: 145px;}
.footer_bottom_link{float: left; overflow: hidden; border-right: 1px solid #303030; padding-right: 25px;}
.footer_bottom_link .col{float: left; width: 160px;}
.footer_bottom_link .p1{font-size: 14px; color: #FFFFFF; line-height: 14px;}
.footer_bottom_link .p1:after{content: ''; display: block; width: 100px; height: 1px; background: #303030; margin: 15px 0 15px 0;}
.footer_bottom_link .link{display: block; font-size: 12px; color: #8D8D8D; line-height: 12px; margin-bottom: 15px;}
.footer_bottom_contact{float: right;}
.footer_bottom_contact .phone{float: left; position: relative;}
.footer_bottom_contact .phone:before{content: ''; display: block; width: 40px; height: 40px; background: url("../images/icon5.png") no-repeat center; position: absolute; top: 0; left: -48px;}
.footer_bottom_contact .phone .p1{font-size: 14px; color: #8D8D8D; line-height: 14px;}
.footer_bottom_contact .phone .p2{font-size: 20px; color: #DBDBDB; line-height: 20px; font-weight: bold; margin-top: 5px;}
.footer_bottom_contact .phone .p3{margin-top: 39px; font-size: 12px; color: #8D8D8D; line-height: 12px;}
.footer_bottom_contact .phone .mail{font-size: 12px; color: #DADADA; line-height: 12px; margin-top: 7px;}
.footer_bottom_contact .code{float: left; margin-left: 45px;}
.footer_bottom_contact .code1{float: left;}
.footer_bottom_contact .code1:last-child{margin-left: 24px;}
.footer_bottom_contact .code_img{width: 150px; height: 150px;}
.footer_bottom_contact .code .p4{display: inline-block; width: 12px; height: 108px; font-size: 12px; color: #8D8D8D; line-height: 14px; margin-left: 6px; border-bottom: 1px solid #5E5E5E; vertical-align: top;}
.footer_bottom .friendly_link{overflow: hidden; margin-top: 50px;}
.footer_bottom .friendly_link .item{float: left; font-size: 12px; color: #FFFFFF; line-height: 12px;}
.footer_bottom .friendly_link .links_detail{float: right; width: 1198px; font-size: 0; justify-content: center;}
.footer_bottom .friendly_link .links_detail a{float: left; margin-left: 20px; font-size: 12px; color: #8D8D8D; line-height: 12px; margin-bottom: 15px;}
.footer_bottom .copyright{margin-top: 45px; border-top: 1px solid #303030;padding-bottom:30px}
.footer_bottom .copyright .tr{overflow: hidden;}
.footer_bottom .copyright .col{float: left; font-size: 12px; line-height: 17px; color: #8D8D8D; padding-left: 24px; background: url("../images/icon6.png") no-repeat center left; margin-right: 26px;}
.footer_bottom .copyright .col a{color: #8D8D8D;}
.footer_bottom .friendly_link .links_detail a:hover, .footer_bottom_link .link:hover, .footer_bottom .copyright .col a:hover{color: #a7a6a6;}
.footer_bottom .copyright .col.xinxi{padding-left: 29px; background: url("../images/icon7.png") no-repeat center left;}
.footer_bottom .copyright .txt{font-size: 12px; color: #8D8D8D; line-height: 12px;}
.footer_bottom .copyright_l{margin-top: 30px;}
/**/
.filter{background: url("../images/img_bg.png") no-repeat center top;}
.filter_top{padding: 20px 0;}
.filter_top .crumbs{float: left;}
.filter_top .crumbs a{float: left;font-size: 12px;color: #FFFFFF;line-height: 12px;margin-right: 15px;position: relative;}
.filter_top .crumbs a:not(:last-child):after{content: '>';position: absolute;right: -12px;top: 0;margin-top: -1px;}
.filter_top .crumbs a:first-child{padding-left: 22px;background: url("../images/icon_home.png") no-repeat center left;}
.filter_top .dynamic{float: right;}
.filter_top .dynamic .span1{float: left;height: 16px;line-height: 16px;padding-left: 21px;margin-left: 30px;position: relative;font-size: 12px;color: #FFFFFF;}
.filter_top .dynamic .span1::before{position: absolute;content: '';top: 0;left: 0;width: 16px;height: 16px;background: url("../images/css_sprites.png") no-repeat -452px -345px;}
.filter_top .dynamic .span1 .icon{display: inline-block;height: 16px;vertical-align: top;width: 9px;background: url("../images/css_sprites.png") no-repeat -628px -271px;margin-left: 2px;}
.filter_top .dynamic .span2{font-size: 14px;font-weight: bold;margin-left: 2px;vertical-align: top;line-height: 16px;}
.filter_top .jphont{height: 20px;line-height: 20px;font-size: 12px;color: #fff;float: right;}
.filter_top .jphont i{display: inline-block;vertical-align: top;width: 16px;height: 16px;margin-right: 14px;background: url(../images/css_sprites.png) no-repeat -5px -175px;position: relative;margin-top: 3px;}
.filter_top .jphont i::after{content: "";display: inline-block;vertical-align: top;width: 2px;height: 5px;background: rgba(255, 255, 255, 0.3);position: absolute;top: 7px;right: -7px;}