body {
    position: relative;
    padding-top: 100px;
    padding-bottom: 140px;
    min-width: 1208px;
}
.layui-row {
    position: relative;
}
.index-classify {
    line-height: 40px;
    font-size: 28px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.index-classify span {
    font-size: 16px;
    color: rgba(0, 0, 0, .65);
    font-weight: 500;
}
.index-sub {
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
    color: #424242;
    text-align: center;
}
/*
*	.header
*/
.header {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
}
.header-top {
    width: 100%;
    background-color: #2E3130;
}
.header-top-box {
    width: 1200px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto;
}
.header-top .header-item a, .header-top .header-item span{
    position: relative;
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
}
.header-top .header-item a:hover, .header-top .header-item span:hover {
    color: rgba(255, 255, 255, 1);
}
.header-top .header-item span:hover ul {
    height: 150px;
}
.header-top .header-rg .header-item a:hover, header-top .header-rg .header-items span:hover {
    color: #1f528a!important;
}
.header-top .header-dropdown {
    position: absolute;
    top: 34px;
    left: -20px;
    z-index: 999;
    width: 100px;
    height: 0;
    background: #2E3130;
    overflow: hidden;
}
.header-top .header-dropdown a {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    text-align: center;
}
#ewm {
    position: relative;
}
#ewm:hover .ewm {
    height: 124px;
}
.header-top .ewm {
    position: absolute;
    top: 34px;
    left: -30px;
    z-index: 999999;
    height: 0;
}
.header-lf {
    width: 50%;
    height: 100%;
}
.header-rg {
    width: 50%;
    height: 100%;
}
.header-bottom {
    height: 66px;
    background: #FFF;
}
.header-bottom ul {
    width: 1200px;
    margin: 0 auto;
}
.logo-box img {
    width: 160px;
    height: 46px;
    margin: 10px 30px;
}
.header-bottom .header-item {
    position: relative;
    margin-right: 20px;
}
.header-bottom .header-item a {
    display: inline-block;
    line-height: 64px;
    font-size: 16px;
    color: #424242;
}
.header-bottom .header-item a:hover {
    color: #1f528a;
}
.search-box {
    position: relative;
    width: 320px;
    height: 40px;
    border: 1px solid #1f528a;
    margin-top: 13px;
}
.search-box input {
    width: 100%;
    height: 100%;
    padding-left: 10px;
}
.search-img {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 38px;
    background: #1f528a url('../images/index/search.png') center center no-repeat;
    cursor: pointer;
}
.sc-middle {
    margin-right: 25px;
}
.sc-middle img {
    width: 160px;
    height: 46px;
    margin: 10px 0;
}
.sc-small {
    padding: 0 20px;
}
.sc-small img{
    width: 160px;
    height: 46px;
    margin: 10px 0;
}
.sc-small>div {
    position: relative;
}
.sc-small input {
    width: 520px;
    height: 40px;
    padding-left: 15px;
    margin: 13px 0;
    border: 1px solid #1f528a;
}
#auto {
    position: absolute;
    top: 40px!important;
    left: 1px!important;
    z-index: 999;
    width: 100%!important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}
.keyitem {
    line-height: 34px;
    background: #FFF;
    padding-left: 10px;
    font-size: 14px;
    color: #999
}
/*
*	.banner
*/
.banner {
    position: relative;
    width: 100%!important;
}
.banner-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.banner-img {
    width: 100%;
    height: 500px;
}
.banner-img_1 {
    background: url('../images/index/banner1.png') center center no-repeat;
    /*background-size: 100% 100%;*/
}
.banner-img_2 {
    background: url('../images/index/banner2.png') center center no-repeat;
    /*background-size: 100% 100%;*/
}
.banner-img_3 {
    background: url('../images/index/banner3.png') center center no-repeat;
    /*background-size: 100% 100%;*/
}
.banner-img_4 {
    background: url('../images/index/banner4.png') center center no-repeat;
    /*background-size: 100% 100%;*/
}
.banner-img_5 {
    background: url('../images/index/banner5.png') center center no-repeat;
    /*background-size: 100% 100%*/
}
.banner-img_6 {
    background: url('../images/index/banner6.png') center center no-repeat;
}
.banner-img_7 {
    background: url('../images/index/banner7.png') center center no-repeat;
}
@media screen and (min-width: 1921px) {
    .banner-img_1, .banner-img_2, .banner-img_3, .banner-img_4, .banner-img_5 {
        background-size: 100% 100%;
    }
}
.banner-img a {
    display: block;
    width: 100%;
    height: 100%;
}
#banner .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
}
#banner .dots li {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    text-indent: -999em;
    /*border: 2px solid #FFF;*/
    background: #1f528a;
    border-radius: 50%;
    cursor: pointer;
    opacity: .2;
    transition: all .3s;
}
#banner .dots li.active {
    background: #1f528a;
    opacity: 1;
}

/*
*	.sic-service
*/
.sci-ser {
    background: #FFF;
}
.sci-ser-container {
    width: 950px;
    margin: 0 auto;
    padding: 0px 0 1px 0;
    margin-left:20px;
    /*background: #FFF;*/
}
.ser-item {
    min-height: 160px;
}
.ser-item-img {
    display: block;
    min-height: 65px;
}
.ser-item-logo {
    display: block;
    margin: 0 auto;
}
.ser-name {
    display: block;
    line-height: 25px;
    margin: 11px 0 4px 0;
    font-size: 18px;
    color: #424242;
    font-size:16px;
    font-weight: bold;
}


.ser-name a:hover {
    color: #1f528a;
}
.ser-desc {
    line-height: 24px;
    font-size: 16px;
    color: #666;
    text-align: center; text-decoration:none;
}
.ser-desc a {
    text-decoration:none; font-size:14px;
}
.ser-desc a:hover {
    color: #1f528a; text-decoration:none;
}
/*
*	.sci-vip
*/
.sci-vip {
    background-color: #F4FBF8;
}
.sci-vip-container {
    width: 1200px;
    margin: 0 auto;
    padding: 33px 0 30px 0;
    background-color: #F4FBF8;
}
.vip-item {
    position: relative;
    width: 380px;
    height: 300px;
    box-shadow: 0px 0px 30px 4px #D6E2DD;
}
.vip-item_1 {
    background: #FFF url('../images/index/vip111.png') no-repeat -10px -10px;
}
.vip-item_2 {
    background: #FFF url('../images/index/vip222.png') no-repeat -10px -10px;
}
.vip-item_3 {
    background: #FFF url('../images/index/vip333.png') no-repeat -10px -10px;
}
.vip-item h2 {
    line-height: 22px;
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: bold;
}
.vip-item .vip-item-header {
    position: relative;
    min-height: 90px;
    padding-top: 24px;
}
.vip-item p {
    line-height: 20px;
    margin-top: 7px;
    font-size: 14px;
    color: #424242;
    text-align: center;
}
#vip-list_1, #vip-list_2, #vip-list_3 {
    overflow: hidden;
    height: 192px;
    padding-top: 6px;
}
.vip-item ul {
    height: 100%;
    padding: 0 30px;
}
.vip-item ul li {
    min-height: 37px;
    line-height: 37px;
    font-size: 14px;
    color: #666;
    border-bottom: 1px dashed #E1E1E1;
}
.vip-item ul li>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vip-line {
    position: absolute;
    bottom: 0px;
    z-index: 99;
    display: block;
    width: 100%;
    height: 2px;
}
.vip-item_1 .vip-line {
    background-image: linear-gradient(90deg, #F8F1CB 0%, #EFDE9C 100%);
}
.vip-item_2 .vip-line {
    background-image: linear-gradient(90deg,#DDC04F 0%, #EFDE9C 100%);
}
.vip-item_3 .vip-line {
    background-image: linear-gradient(90deg,#BB974F 0%,#DDC04F 100%);
}
.update-time {
    position: absolute;
    top: -13px;
    right: 19px;
    line-height: 17px;
    font-size: 12px;
    color: #999;
}
.vip-apply-btn {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 38px;
    margin: 26px auto 0;
    background: rgba(0, 0, 0, 0);
    font-size: 16px;
    color: #D1AC60;
    text-align: center;
    font-weight: bold;
    border: 1px solid #D1AC60;
    border-radius: 100px;
    cursor: pointer;
}
.vip-apply-btn:hover {
    color: #FFF;
    border-color: #1f528a;
    background: #1f528a;
}
/*
*	.sci-progress
*/
.sci-pro {
    padding: 1px 0 10px;
    background-color: #FFF;
    /*overflow: hidden;*/
}
.sci-pro-container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    background: #FFF;
}
.sci-pro-bg {
    position: absolute;
    left: -351px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#draw-progress {
    display: none;
}
#analysis-progress {
    display: none;
}
.sci-pro-cont {
    width: 100%;
    height: 280px;
    margin-top:60px;
}
.sci-pro-lf {
    position: relative;
    width: 10px;
    height: 100%;
}
.sci-pro-lf:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    width: 0px;
    height: 100%;
    background-color: #D6E2DD;
}
.sci-pro-list {
    position: absolute;
    /*top: 0;
    bottom: 0;
    right: 0;
    margin: auto;*/
    width: 950px;
    height: 151px;
    margin-bottom:50px;
    margin-left:16px;
    margin-top:20px;
}
.sci-pro-test {
    background-image: linear-gradient(90deg,#FFF 0%,rgba(50, 214, 147, .2) 100%);
}
.sci-pro-draw {
    background-image: linear-gradient(90deg,#FFF 0%,rgba(96, 141, 247, .2) 100%);
}
.sci-pro-analysis {
    background-image: linear-gradient(90deg,#FFF 0%,rgba(250, 191, 123, .2) 100%);
}
.sci-pro-test:after, .sci-pro-draw:after, .sci-pro-analysis:after {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
    content: '';
    display: block;
    width: 292px;
    text-align:center;
    height: 2px;
}
.sci-pro-test:after {
    background: #1f528a;
}
.sci-pro-draw:after {
    background: #608DF7;
}
.sci-pro-analysis:after {
    background: #FABF7B;
}
.sci-pro-list li {
    position: relative;
    line-height: 32px;
    padding-left:114px;
    padding-right:114px;
    text-align:center;
    font-size: 16px;
    color: #424242;
    cursor: pointer;
}
.sci-pro-rt {
    width: 950px;
    height: 280px;
    margin-left:10px;
}
.sci-pro-rt>div {
    position: relative;
    min-height: 100px;
}
.sci-pro-rt .sci-pro-img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left:10px;
}
.sci-pro-rt .sci-pro-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.sci-pro-rt .sci-pro-desc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 70px;
    margin: auto;
    height: 75px;
}
.sci-pro-rt div h1 {
    line-height: 22px;
    font-size: 16px;
    color: #424242;
    font-weight: bold;
}
.sci-pro-rt div p {
    line-height: 22px;
    font-size: 14px;
    color: #424242;
    margin-top: 9px;
}

/*
*	.sci-sup
*/
.sci-sup {
    /*background: #F4F8FB;*/
}
.sci-sup-container {
    width: 294px;
    margin: 0 auto;
    padding: 10px 0 2px 0;
    /*background: #F4F8FB;*/
}
.sup-item-box {
    position: relative;
    margin-top: 5px;
    /*padding: 0 10px;*/
}
/*.sup-item-active {*/
/*transform: scale(1.1);*/
/*}*/
.sup-item {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 5px;
    display:inline-block;
}
.sup-item_1 {
    background: #1f528a  no-repeat center 20px;
    /*background: #1f528a url('../../images/index/cash.png') no-repeat center 20px;*/
    background-size:40%;
}
.sup-item_2 {
    background: #32D6C8  no-repeat center 20px;
    /*background: #32D6C8 url('../../images/index/group.png') no-repeat center 20px;*/
    background-size:40%;
}
.sup-item_3 {
    background: #44A3E0  no-repeat center 20px;
    /*background: #44A3E0 url('../../images/index/prestore.png') no-repeat center 20px;*/
    background-size:40%;
}
.sup-item_4 {
    background: #446CE0  no-repeat center 20px;
    /*background: #446CE0 url('../../images/index/credit.png') no-repeat center 20px;*/
    background-size:40%;
}
.sup-item_5 {
    background: #8669EE  no-repeat center 20px;
    /*background: #8669EE url('../../images/index/card.png') no-repeat center 20px;*/
    background-size:40%;
}
.sup-name {
    position: absolute;
    bottom: 20px;
    top:44px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}
/*.sup-name {*/
/*position: absolute;*/
/*bottom: 20px;*/
/*top:50px;*/
/*left: 0;*/
/*right: 0;*/
/*margin: auto;*/
/*font-size: 10px;*/
/*color: #FFF;*/
/*text-align: center;*/
/*}*/
.dot-group {
    position: absolute;
    top: 50%;
    margin-top: -6px;
}
.dot-group_2 {
    left: 185px;
}
.dot-group_3 {
    left: 445px;
}
.dot-group_4 {
    left: 700px;
}
.dot-group_5 {
    left: 960px;
}
.dot-group .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 10px;
}
.dot-group_2 .dot {
    background: #32D6C8;
}
.dot-group_3 .dot {
    background: #44A3E0;
}
.dot-group_4 .dot {
    background: #446CE0;
}
.dot-group_5 .dot {
    background: #8669EE;
}
.sup-desc-hide {
    position: relative;
    width: 100%;
    height: 70px;
    line-height: 70px;
    margin-top: 50px;
    background: #FFF;
    overflow: hidden;
}
.sup-desc-container {
    position: absolute;
    left: 0;
    width: 6000px;
    height: 70px;
}
.sup-desc {
    position: absolute;
    width: 100%;
    line-height: 70px;
    height: 70px;
    padding-left: 50px;
    font-size: 14px;
    color: #333;
}
#onlinePay {
    left: 0px;
}
#groupPay {
    left: 1200px;
}
#prestorePay {
    left: 2400px;
}
#creditPay {
    left: 3600px;
}
#cardPay {
    left: 4800px;
}
/*
*	.sci-adv
*/
.sci-adv {
    background: #FFF;
    /*padding: 34px 0 48px 0;*/
    /*overflow: hidden;*/
    width: 960px;
    float: left;
}
.sci-adv-container {
    width: 960px;
    margin: 0 auto;
    padding: 6px 0 48px 0;
    position: relative;
    background: #FFF;
}
.sci-adv-bg {
    position: absolute;
    right: -351px;
    bottom: -48px;
}
.adv-item-box {
    margin-top: 10px;
}
.adv-logo {
    display: block;
    margin: auto;
}
.adv-item img {
    min-height: 70px;
}
.adv-item h1 {
    line-height: 33px;
    margin-top: 20px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.adv-item p {
    line-height: 24px;
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.adv-item .route-left {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100px;
    height: 100px;
    background: url('../../../images/technical/home/route1.png');
}
.adv-item .route-right {
    position: absolute;
    right: 0;
    top: 60px;
    width: 100px;
    height: 100px;
    background: url('../../../images/technical/home/route2.png');
}
.sci-data {
    width: 1200px;
    margin: 47px auto 0;
    padding: 0 110px 0 108px;
}
.data-item {
    width: 20%;
    position: relative;
    text-align: center;
}
.data-item:before {
    display: block;
    content: '';
    width: 70px;
    height: 0px;
    margin: 0 auto;
    background: #D6E2DD;
}
.data-item h1 {
    line-height: 20px;
    margin: 10px 0;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.data-item span {
    font-size: 14px;
    color: #333;
}
.data-item .unit {
    vertical-align: top;
    line-height: 30px;
    margin-left: 5px;
}
.data-item .data {
    font-size: 30px;
    font-weight: bold;
}
/*致谢*/
.sci-thanks-container {
    padding: 48px 0 60px 0;
    background: #F4FBF8;
}
.thanks-list-box {
    position: relative;
    width: 1200px;
    margin: 24px auto 0;
    /*height: 677px;*/
    padding: 0 30px 25px;
    background: #FFF;
    box-shadow: 0px 0px 30px 4px #D6E2DD;
}
.thanks-list-box > div {
    /*height: 586px;
    overflow: hidden;*/
}
.thanks-list {
    position: relative;
    width: 100%;
}
.thanks-list tr {
    border-bottom: 1px solid rgba(187, 151, 79, 0.5);
}
.thanks-list .col1 {
    width: 190px;
    padding-left: 10px;
}
.thanks-list .col1 span {
    display: block;
    line-height: 34px;
    margin-bottom: 7px;
    font-size: 24px;
    color: #FEA000;
    font-weight: bold;
}
.thanks-list .col2 {
    width: 230px;
    line-height: 20px;
    padding-right: 15px;
}
.thanks-list .col3 {
    width: 180px;
    padding: 5px 30px 5px 0;
}
.thanks-list .col4 {
    width: 260px;
    padding: 20px 12px 20px 0;
}
.thanks-list .col5 {
    padding: 20px 10px 20px 0;
}
.thanks-list th {
    height: 80px;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    font-weight: bold;
    text-align: left;
}
.thanks-list td {
    min-height: 100px;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
}
.thanks-list td.col1 {
    font-size: 14px;
    color: #1890FF;
}
.thanks-list td a {
    display: inline-block;
    color: #1f528a;
}
.thanks-list td a span {
    float: right;
    width: 200px;
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, .65);
}
.thanks-list td a span:hover {
    color: #1f528a;
}
.thanks-list td span {
    color: #FEA000;
}
.refer_detail {
    font-size: 14px;
    color: #424242;
}
.refer_detail:hover {
    color: #1f528a;
}
.refer_detail span {
    color: #1f528a;
}
.refer_all {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #1f528a;
    margin: 26px auto 0;
    font-size: 16px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    border-radius: 100px;
}
.refer_all:hover {
    color: #FFF;
}
/*
*	.sci-user
*/
.sci-user {
    position: relative;
    background: #fff;
    padding-top: 1px;
}
.sci-user-box {
    width: 100%;
    margin: 35px auto 0;
    padding-bottom: 41px;
    background: #FCF5E2;
}
.sci-user .img-box-hide{
    width:750px;
    overflow:hidden;
    margin:0 auto;
}
.sci-user .img-box{
    width:767px;
    margin:51px auto 0;
    overflow-y:auto;
    position:relative;
    text-align:center
}
.sci-user .img-box:after{
    content:"";
    display:block;
    clear:both
}
.sci-user .img-box img{
    width:750px;
    position:absolute;
    left:0;
}
.user-box-con {
    width: 1200px;
    margin: 0 auto;
    /*padding: 45px 0 41px 0;*/
    position: relative;
    background: #FCF5E2;
}
.user-box-con .conbox {
    position: relative;
    overflow: hidden;
}
.user-box-con .conbox ul {
    position: relative;
}
.user-box-con .conbox ul li {
    width: 260px;
    height: 400px;
    overflow: hidden;
    margin-left: 53px;
}
.user-box-con .conbox ul li:first-child {
    margin-left: 0!important;
}
.user-box-con .conbox ul li img {
    /*display: block;
    width: 260px;
    height: 400px;*/
}
.user-box-con .conbox ul li .img1 {
    display: block;
    width: 100%;
    height: 260px;
    /*background: lightgreen;*/
}
.user-box-con .conbox ul li .cont {
    width: 100%;
    height: 140px;
    background: #F4FbF8;
    padding: 11px 10px 11px 19px;
}
.user-box-con .cont {
    width: 100%;
    height: 100%;
    font-size: 14px;
}
.user-box-con .cont div {
    width: 126px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.user-box-con .cont div p {
    line-height: 24px;
    color: #999;
}
.user-box-con .cont div p.service {
    color: #424242;
}
.user-box-con .cont div p span {
    color: #424242;
}
.user-box-con .cont div p span.font-active {
    color: #1f528a;
    font-weight: bold;
}
.user-box-con .img2 {
    display: block;
    width: 90px;
    height: 100%;
    background: lightyellow;
}
.Box .BoxSwitch {
    margin-top: 30px;
    text-align: center;
}
.BoxSwitch span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #BDC9C4;
    cursor: pointer;
}
.Box .BoxSwitch span.cur {
    width: 30px;
    border-radius: 5px;
    background: #1f528a;
    transition: all .5s;
}

/*
*	.sci-footer
*/
.sci-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 140px;
    padding-top: 30px;
    background: #2E3130;
}
.ft-item-container {
    position: relative;
    width: 532px;
    min-height: 42px;
    margin: 0 auto;
}
.ft-item-container:after {
    position: absolute;
    bottom: 0;
    left: -39px;
    display: block;
    width: 610px;
    height: 2px;
    background: #FFF;
    opacity: .7;
    filter: alpha(opacity: 80);
}
.ft-item {
    padding: 0 16px;
    line-height: 20px;
    text-align: center;
}
.ft-item a {
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    opacity: .8;
    filter: alpha(opacity: 80);
}
.sci-footer h1 {
    line-height: 20px;
    margin-top: 6px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    opacity: .6;
    filter: alpha(opacity: 80);
}

@media screen and (min-width: 1660px ) {
    .sc-large {
        display: block;
    }
    .sc-middle {
        display: none;
    }
    .sc-small {
        display: none;
    }
}
@media screen and (max-width: 1659px) and (min-width: 1200px) {
    .sc-large {
        display: none;
    }
    .sc-middle {
        display: block;
    }
    .sc-small {
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    .sc-large {
        display: none;
    }
    .sc-middle {
        display: none;
    }
    .sc-small {
        display: block;
    }
    .header-top, .header-top-box{
        width: 100%;
        padding: 0 10px;
    }
    .search-box {
        display: none;
    }
    .header-bottom {
        height: auto;
    }
    .header-bottom ul {
        width: 100%;
        padding: 0 20px;
        border-top: 1px solid #D6DBD9;
    }
    .header-bottom .header-item a {
        height: 34px;
        line-height: 34px;
        margin-right: 35px;
    }
    .sc-small .search-img {
        top: 14px;
    }
}
#kxlogo {
    text-align: center;
}

/*搜索页专用样式*/



/**--------------------列表页-----------------------------**/
.main { width:100%; margin:0 auto;background-color:#f9f9f9;}
.cas_content { width:1208px; margin:0 auto;text-align:left; padding:0 0 -10px 0; background-color:#ffffff;}
.search_main { width:100%; margin:0 auto;background-color:#f9f9f9;}
.cas_parta { width:1208px; margin:0 auto; /*background-color:#FFF; */ background-repeat:repeat-x; background-position:bottom;}
.cas_pa_main { width:1208px; margin:0 auto;  background-repeat:repeat-x; background-position:bottom;}
.cas_pa_main h2 { padding:30px 0 20px 0; font-size:17px; font-weight:normal; color:#333;}
.cas_pa_main h2 a img { float:right; display:inline; margin-top:5px;}
.cas_pa_main dl.dst02 { overflow:hidden; width:1208px; margin:0 auto;  border-bottom:1px solid #eeeeee;}
.cas_pa_main dl.dst02 dt { width:50px; float:left; display:inline; padding:14px 0 14px 0; padding-left:10px; font-size:12px; font-weight:bold; color:#333; line-height:24px; text-align:center;}
.cas_pa_main dl.dst02 dd { padding:16px 0 12px 0; float:left; display:inline;}
.cas_pa_main dl.dst02 dd .dd_box {width:1020px; float:left; display:inline; height:44px; overflow:hidden;}
.cas_pa_main dl.dst02 dd .dd_box a { font-size:12px; font-weight:normal; color:#333;  display:inline-block; margin-right:20px; line-height:22px; padding:0 5px; height:22px; vertical-align:top;}
.cas_pa_main dl.dst02 dd .dd_box a:hover { font-size:12px; font-weight:normal; color:#1f528a; border-radius:2px;}
.cas_pa_main dl.dst02 dd .dd_box a.on:hover { color:#fff;}
.cas_pa_main dl.dst02 dd a.on { font-size:12px; font-weight:normal; background-color:#1f528a; border:1px solid #1f528a; color:#fff; border-radius:2px; margin-right:0px; line-height:22px; padding:0 5px; display:inline-block; text-align:center;}
.cas_pa_main dl.dst02 dd .dd_box a.on { margin-right:20px;}
.cas_pa_main dl.dst02 dd a.more { /* float:right;*/ margin-left:14px; display:inline;}
.e_blk04 { width:52px; height:18px; display:block; margin:0 auto;}
.cas_partb { width:1180px; margin:0 auto; background-color:#FFFFFF;}
.cas_blk01 { display:block; margin-top:20px; margin-bottom:10px;}
.cas_blk01 .list01 { float:left; display:inline; width:320px;}
.cas_blk01 .list01 li { float:left; display:inline; font-size:12px; font-weight:normal; line-height:24px; background-image:url(../img/cas_icon09.png); background-repeat:no-repeat; background-position:right 5px; padding:0 10px 0 0; margin-right:10px;}
.cas_blk01 .list01 li a { color:#333333;}
.cas_blk01 .list01 li a:hover { color:#1f528a;}
.cas_blk01 .list01 li a img { display:inline-block; vertical-align:middle; margin-left:4px;}
.cas_blk01 .list01 li a.on { font-size:12px; font-weight:normal; background-color:#1f528a; border:1px solid #1f528a; color:#fff; border-radius:2px; margin-right:0px; line-height:22px; padding:0 5px; display:inline-block; text-align:center;}
.cas_blk01 p { width:580px; float:left; display:inline; margin-left:70px; font-size:12px; font-weight:normal;  color:#333333; line-height:24px;}
.cas_blk01 p i { display:inline-block; vertical-align:middle; width:18px; height:18px; border:1px solid #cccccc; margin-left:10px; margin-right:4px; cursor:pointer;}
.cas_blk01 p i.bg { border:1px solid #1f528a;  background-repeat:no-repeat; background-position:0 0; background-size:18px 18px;}
.cas_blk01 p select { border:1px solid #cccccc; font-size:12px; font-weight:normal; color:#333; font-family:"微软雅黑"; width:100px; height:22px; background-color:#f4f4f4; margin-left:10px;}
.cas_blk01 .list02 { float:right; display:inline;}
.cas_blk01 .list02 li { float:right; display:inline; font-size:12px; font-weight:normal; margin-left:20px;  color:#333333; line-height:24px;}
.cas_blk01 .list02 li a { color:#333; display:block;}
.cas_blk01 .list02 li.on a { color:#1f528a;}
.cas_blk01 .list02 li a img { display:inline-block; vertical-align: top; width:20px; height:20px;}
.cas_partc { width:1208px; margin:0 auto;}
.cas_pc_left { width:224px; float:right; display:inline;}
.cas_pc_right { width:984px; float:left; display:inline;}
.cas_pc_right ul li { width:224px; float:left; display:inline; margin-right:22px; margin-top:22px; background-color:#fff; height:372px;  overflow:hidden; /*-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; position:relative; */top:0;}
.cas_pc_right ul li:hover {/*-webkit-box-shadow:0 0 2px #b6dfff;-moz-box-shadow:0 0 2px #b6dfff;*/ top:-5px;}
.cas_pc_right ul li .img_box { width:222px; height:222px; overflow:hidden; margin-bottom:10px; display:block; border:0px solid #b6dfff;}
.cas_pc_right ul li .img_box:hover {width:222px; height:222px;-webkit-box-shadow:0 0 10px #b6dfff;-moz-box-shadow:0 0 10px #b6dfff;}
.cas_pc_right ul li .img_box a img { width:222px; height:222px; /*border:1px solid #b6dfff;*/}
.cas_pc_right ul li p { display:block; padding:0 10px; font-size:12px; font-weight:normal;  color:#666; margin-top:5px; line-height:18px; overflow:hidden;}
.cas_pc_right ul li p span { color:#ffa200; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.cas_pc_right ul li p span strong { font-size:18px; font-weight:normal; margin-left:4px; font-family:Verdana, Geneva, sans-serif;}
.cas_pc_right ul li p a { display:block; color:#1f528a; font-size:13px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; line-height:18px; height:34px; overflow:hidden;}
.cas_pc_right ul li font a { display:block; padding:0 14px; font-size:12px; font-weight:normal;  color:#666; margin-top:5px; line-height:18px; height:34px; overflow:hidden;}
.cas_pc_right ul li p a:hover {  color:#ffa200;}
.cas_pc_right ul li font a:hover { color:#1f528a;}
.cas_pc_right ul li .li_box01 { height:36px; overflow:hidden; padding:0 10px; border-top:1px dashed #dddddd; margin-top:10px; font-size:12px; font-weight:normal; color:#666; line-height:36px;}
.cas_pc_right ul li .li_box01 span { color:#ffa710; margin-right:2px;}
.cas_pc_right ul li .li_box01 i { float:right; display:inline; margin-top:10px;}
.cas_pc_right ul li .li_box01 i img { width:16px; height:16px; display:inline-block; vertical-align:middle; margin-left:2px;  margin-top:-20px;}
.cas_pc_right ul li .li_box02 { height:36px; overflow:hidden; /*border-top:1px solid #eeeeee;*/}
.cas_pc_right ul li .li_box02 a.a01 { display:inline-block; vertical-align:middle; font-size:12px;margin:0 10px ; font-weight:bold;  color:#666; width:96px;border:1px solid #ddd; line-height:26px; text-align:center;}
.cas_pc_right ul li .li_box02 a.a01:hover { color:#1f528a;}
.cas_pc_right ul li .li_box02 a.a02 { display:inline-block; vertical-align:middle; font-size:12px; font-weight:bold; margin:0 0 ; color:#1f528a; width:96px; line-height:26px; text-align:center; border:1px solid #ddd; background-repeat:repeat-x; }
.cas_pc_right ul li .li_box02 a.a02 img { display:inline-block; vertical-align:top; margin-right:4px;}
.cas_pc_right ul li .li_box02 a.a02:hover { display:inline-block; vertical-align:middle; font-size:12px; font-weight:bold;  color:#1f528a; width:96px; border:1px solid #ddd;line-height:26px; text-align:center; }
.cas_page { text-align:center; display:block; font-size:12px; font-weight:normal; color:#666; line-height:26px;}
.cas_page a { display:inline-block; vertical-align:middle; margin:0 3px; padding:0 10px; border:1px solid #dddddd; line-height:26px; color:#666;}
.cas_page a.on { background-color:#1f528a; border:1px solid #1f528a; color:#FFF;}
.cas_page a:hover { background-color:#1f528a; border:1px solid #1f528a; color:#FFF;}
.cas_page span { color:#ff7700; margin:0 2px;}
.cas_page select { font-size:12px; font-weight:normal; color:#666; font-family:"微软雅黑"; margin:0 4px; line-height:26px; height:26px; display:inline-block; vertical-align:middle; background-color:#f4f4f4; border:1px solid #dddddd;}
.cas_page input { margin-left:10px; line-height:22px;}
.cas_partd { width:1208px; margin:0 auto; /*background-color:#FFFFFF;*/}
.cas_partd h2 ul li { font-size:14px; font-weight:normal; color:#333; text-align:center; line-height:24px; /*border-right:1px solid #dddddd;*/ margin-top:6px;margin-bottom:4px; float:left; display:inline;}
.cas_blk02 { padding:20px 0; /* margin-left:10px;*/border-bottom:0px solid #eeeeee; overflow:hidden; /*-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;*/}
.cas_blk02_bg { background-color:#ffffff;}
.cas_blk02:hover {-webkit-box-shadow:0 0 2px #b6dfff;-moz-box-shadow:0 0 2px #b6dfff; width:952px;/*border: 1px solid #b6dfff; */background-color:#FFF; position:relative; z-index:1;}
.cas_b02_info01 { width:271px; margin-left:14px; float:left; display:inline;}
.cas_b02_info01 h3 a { display:block; font-size:15px; font-weight:normal; color:#1f528a; line-height:22px;}
.cas_b02_info01 h3 span { font-size:15px; font-weight:normal; }
.cas_b02_info01 h3 a:hover {  color:#ff7700;}
.cas_b02_info01 p { font-size:12px; font-weight:normal; color:#333333; line-height:22px; display:block;}
.cas_b02_info02 { width:91px;  float:left; display:inline; font-size:12px; font-weight:normal; color:#333; padding:20px 0 0 0; text-align:center;}
.cas_b02_info03 { width:101px;  float:left; display:inline; font-size:12px; font-weight:normal; color:#333; padding:20px 0 0 0; text-align:center;}
.cas_b02_info04 { width:111px;  float:left; display:inline; font-size:12px; font-weight:normal; color:#333; padding:16px 0 0 0; text-align:center;}
.cas_b02_info04 strong { font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#ff7700; display:block;}
.cas_b02_info04 i { color:#999; text-decoration:line-through; font-style:normal; display:block;}
.cas_b02_info05 { width:71px;  float:left; display:inline; font-size:12px; font-weight:normal; color:#333; padding:20px 0 0 0; text-align:center;}
.cas_b02_info05 span { color:#1f528a; font-family:Verdana, Geneva, sans-serif;}
.cas_b02_info06 { width:281px;  float:left; display:inline;}
.cas_b02_info06 dl { width:251px; margin:0 auto;}
.cas_b02_info06 dl dt { width:60px; height:60px; /*border-radius:1000px;*/ background-color:#FFF; float:left; display:inline; overflow:hidden; text-align:center;}
.cas_b02_info06 dl dt img { /*height:50px;*/max-height:50px; max-width:60px; height:35px; margin-top:12px; position:relative;/* left:-44%;*/}
.cas_b02_info06 dl dd { width:170px; float:right; display:inline;}
.cas_b02_info06 dl dd p { font-size:12px; font-weight:normal; color:#333; line-height:22px;}
.cas_b02_info06 dl dd p span { color:#ff7700; margin:0 3px;}
.cas_b02_info06 dl dd .font01 { display:inline-block; vertical-align:middle; background-color:#ff7700; border:1px solid #ff7700; padding:0 3px; line-height:16px; border-radius:2px; font-size:12px; font-weight:normal; color:#FFF; margin-top:4px;}
.cas_b02_info06 dl dd .font02 { display:inline-block; vertical-align:middle; border:1px solid #c50b20; padding:0 3px; line-height:16px; border-radius:2px; font-size:12px; font-weight:normal; color:#c50b20;  margin-top:4px;}
.cas_b02_info06 dl dd .font03 { display:inline-block; vertical-align:middle; background-color:#999999; border:1px solid #999999; padding:0 3px; line-height:16px; border-radius:2px; font-size:12px; font-weight:normal; color:#FFF; margin-top:4px;}
.cas_b02_info06 dl dd .font04 { display:inline-block; vertical-align:middle; background-color:#ff7700; border:0px solid #ff7700; padding:0 3px; line-height:16px; border-radius:2px; font-size:12px; font-weight:normal; color:#FFF; margin-top:4px; background-image:url(../img/shop/biaoqian/biaoqian05.png); background-repeat:no-repeat; }
.cas_b02_info06 dl dd .font05 { display:inline-block; vertical-align:middle; background-color:#D5383F; border:1px solid #D5383F; padding:0 3px; line-height:16px; border-radius:2px; font-size:12px; font-weight:normal; color:#FFF; margin-left:5px; margin-top:4px;}
.cas_b02_info06 dl dd .font06 { display:inline-block; vertical-align:middle; background-color:#D5383F; border:1px solid #D5383F; padding:0 3px; line-height:16px; border-radius:2px; font-size:12px; font-weight:normal; color:#FFF; margin-top:4px;}
.cas_b02_info06 dl dd .font07 { display:inline-block; vertical-align:middle;  border:1px solid #e83828; padding:0 3px; line-height:16px; border-radius:2px; font-size:12px; font-weight:normal; color:#e83828; margin-top:4px;}

.cas_b02_info07 { width:110px;  /*float:right; display:inline; */margin-right:20px; height:32px; overflow:hidden; border-radius:5px; background-color:#ebebeb; margin-top:16px;}
.cas_b02_info07 input { width:40px; height:32px; background-color:#ebebeb; font-size:12px; color:#333; text-align:center; font-family:"微软雅黑ie"; float:left; display:inline; border:none; padding:0;}
.cas_b02_info07 a.a20 { width:30px; height:32px; background-color:#1f528a; float:left; display:inline; border-radius:0 5px 5px 0;}
.cas_b02_info07 a.a20 img { width:24px; height:24px; display:block; margin:0 auto; margin-top:3px;}
.cas_b02_info07 a.a20:hover { background-color:#ff7700;}
.cas_b02_info07 a.a19 { width:19px; height:32px; font-size:16px; font-weight:normal; color:#333; text-align:center; line-height:32px; float:left; display:inline;}

.nav_main_left_box { position:absolute; left:0; top:42px; z-index:99996;}
.nav_main_left_box2 { display:none;}
.cas_nav_left:hover .nav_main_left_box2 { display:block;}
.testbox {width:190px;}
.testbox ul li { display:block; overflow:hidden;background-color:#ecf6ff; filter: Alpha(opacity=94); -moz-opacity:0.94; opacity:0.94;}
.testbox ul li:hover {filter: Alpha(opacity=100); -moz-opacity:1; opacity:1;background-color:#fff; }
.testbox ul li dl.a3 {text-decoration: none;float: left;position: relative;display:block;width:195px;height:44px; /*border-bottom:1px solid #ffffff;*/font-weight:100;border-right:none;border-left:none; /*background-color:#FFFFFF;*/ }
/*.testbox ul li dl.a3h {text-decoration: none;background-color:#fff;display:block;float: left;position: relative;border-right:none;z-index:99999;height:50px;left:0px;}*/
.testbox ul li dl.a3 dt { width:30px;  height:30px; float:left; display:inline; margin-left:14px; margin-top:8px;}
.testbox ul li dl.a3 dt i { width:30px; height:30px; background-color:#e3f1f; /*border-radius:1000px;*/ display:block; overflow:hidden;}
.testbox ul li dl.a3 dt i img { width:18px; height:18px; display:block; margin:0 auto; margin-top:6px; /* -webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;*/}
.testbox ul li:hover dl.a3 dt i img {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
.testbox ul li dl.a3 dd { width:136px; float:left; margin-left:8px; display:inline; text-align:left;}
.testbox ul li dl.a3 dd:hover span{ color:#1f528a; }
.testbox ul li dl.a3 dd b { overflow:hidden; height:24px;}
.testbox ul li dl.a3 dd b a { font-size:14px; color:#111111; display:block; line-height:24px; width:126px; font-weight: 400; margin-top:10px; overflow:hidden;}
.testbox ul li dl.a3 dd b a span { font-size:12px; font-weight: 100; color:#999; font-family:"宋体"; float:right; display:inline;}
.testbox ul li dl.a3 dd b a span:hover { color:#1f528a; }
.testbox ul li dl.a3 dd p { font-size:12px; font-weight:normal; line-height:20px; text-align:left;}
.testbox ul li dl.a3 dd p a { color:#FFF; margin-right:10px;}
.nav_main_left_box font a { line-height:60px; font-size:14px; font-weight:normal; color:#333333; text-align:right; padding:0 14px 0 0; display:block; background-color:#ffffff; filter: Alpha(opacity=94); -moz-opacity:0.94; opacity:0.94;}
.nav_main_left_box font a:hover {filter: Alpha(opacity=100); -moz-opacity:1; opacity:1;}


.boxshow {background-color:#fff;width: 1018px; min-height:305px; position: absolute;left:190px;top:0;display:none;z-index:99998; border-right:1px solid #eff8ff;border-top:1px solid #eff8ff;border-bottom:1px solid #eff8ff;/*-webkit-box-shadow:1px 1px 1px #ddd;-moz-box-shadow:1px 1px 1px #ddd; border-bottom:1px solid #dddddd;*/ background-image:url(../img/cas_bg04.jpg); background-repeat:repeat-x; background-position:bottom;height: 308px;overflow:auto;overflow-x:hidden;}
.boxshow_left { width:790px; float:left;}
.dst5 { padding:15px 15px 2px 15px; overflow:hidden; height:1%; line-height:14px;}
.dst5 dt { width:150px; float:left; text-align:right;padding:0 10px 0 10px;}
.dst5 dt a { font-size:13px; font-weight:bold; color:#1f528a; text-decoration:none; line-height:25px; height:25px;  background-repeat:no-repeat; background-position:80px 2px; display:block; background-size:10px 10px;}
.dst5 dt a:hover { color:#333333; text-decoration: none;/* background-color:#FFFFFF;*/}
.dst5 dd { width:570px; float:left; }
.dst5 dd a { font-size:12px; font-weight:normal; text-align:center; display:inline-block; vertical-align:middle; color:#333333; padding:0 10px; border-left:1px solid #cccccc; margin-bottom:10px; margin-top:5px; height:15px; line-height:15px; }
.dst5 dd a:hover { color:#ff7700; text-decoration:none; /*background-color:#FFFFFF;*/}
.boxshow_right { width:180px; float:left; margin-left:10px; border-left:1px solid #eeeeee; position:relative;}
.b_r_box { width:180px; margin:0 auto; margin-top:16px; overflow:hidden;}
.title04 { font-size:14px; font-weight:bold; text-align:left; color:#333; line-height:14px; padding:0 10px 0 10px;}
.b_r_box .fox { padding:7px 0 0 0; overflow:hidden;}
.b_r_box .fox ul li { width:157px; float:left; display:inline; margin:10px 0 0 9px; background-color:#FFFFFF;}
.b_r_box .fox ul li a img { width:155px; height:57px; border:1px solid #eeeeee;}
.b_r_box .fox ul li:hover a img {border:1px solid #1f528a;}
.fox_ad { width:200px; margin:0 auto; margin-top:20px;}
.fox_ad img { width:200px;}


/* 合并相似商品 按钮样式*/
.type-inline-block { display: inline-block;}
.style-block { margin-left:-79px; margin-top:4px;color: #FFF; /*cursor: pointer;*/}




/*搜索页分页样式*/
.cib {padding: 5px 2px;}
.cib input {vertical-align: bottom;height: 20px;color: #567e84;margin: 2px 0px;}
.cib button {vertical-align: bottom;height: 26px;cursor: pointer;background-color: #cbefff;border: 1px solid #1f528a; color: #567e84;margin: 2px 0px; }
.desc {padding-left: 2px;color: #657e9a;}
.code-con{font-size: 18px;}
.hr-c{ background-color: #2196F3;height: 5px;border: 0px;}

/*ccs-1*/
.whj_jqueryPaginationCss-1 {display: inline-block;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.whj_jqueryPaginationCss-1 div {display: inline-block;vertical-align: bottom;height: 24px;line-height: 24px;}
.whj_jqueryPaginationCss-1 .whj_padding {padding: 1px 9px;}
.whj_jqueryPaginationCss-1 .whj_bgc {background-color: #fff;color: #698ca9;}
.whj_jqueryPaginationCss-1 .whj_border {border: 1px solid #5b9fd6;}
.whj_jqueryPaginationCss-1 .whj_color {color: #698ca9;}
.whj_jqueryPaginationCss-1 .whj_hover:hover {background-color: #d4f1ff;color: #698ca9;cursor: pointer;}
.whj_jqueryPaginationCss-1 .whj_checked {background-color: #d4f1ff;color: #698ca9;}
.whj_jqueryPaginationCss-1 .whj_hoverDisable {opacity: 0.5;filter: alpha(opacity=50);}
.whj_jqueryPaginationCss-1 select {height: 28px;vertical-align: bottom;padding: 0px;outline: none;}
.whj_jqueryPaginationCss-1 input {padding: 0px; height: 26px;outline: none;text-align: center;width: 60px;vertical-align: bottom;}
.whj_jqueryPaginationCss-1 div, .whj_jqueryPaginationCss-1 input, .whj_jqueryPaginationCss-1 select {margin: 2px;}
/*只有设置显示总页数时，该样式才生效*/
.whj_jqueryPaginationCss-1 .whj_totalSizeSingle {margin-left: -8px;}

/*ccs-2*/
.whj_jqueryPaginationCss-2 {display: inline-block; user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.whj_jqueryPaginationCss-2 div {display: inline-block;vertical-align: bottom;height: 24px;line-height: 24px;}
.whj_jqueryPaginationCss-2 .whj_padding { padding: 1px 9px;}
.whj_jqueryPaginationCss-2 .whj_bgc { background-color: #5194ca;color: #fff;}
.whj_jqueryPaginationCss-2 .whj_border { border: 1px solid #5194ca;}
.whj_jqueryPaginationCss-2 .whj_color { color: #5194ca;}
.whj_jqueryPaginationCss-2 .whj_hover:hover { background-color: #d4f1ff;color: #5194ca;cursor: pointer;}
.whj_jqueryPaginationCss-2 .whj_checked { background-color: #d4f1ff;color: #5194ca;}
.whj_jqueryPaginationCss-2 .whj_hoverDisable {opacity: 0.7;filter: alpha(opacity=70);}
.whj_jqueryPaginationCss-2 select { height: 28px;vertical-align: bottom; padding: 0px;outline: none;}
.whj_jqueryPaginationCss-2 input { padding: 0px;height: 26px; outline: none; text-align: center; width: 60px;vertical-align: bottom;}
.whj_jqueryPaginationCss-2 div, .whj_jqueryPaginationCss-2 input, .whj_jqueryPaginationCss-2 select {margin: 2px;}

/*只有设置显示总页数时，该样式才生效*/
.whj_jqueryPaginationCss-2 .whj_totalSizeSingle {margin-left: -8px;}

/*ccs-3*/
.whj_jqueryPaginationCss-3 { display: inline-block; user-select: none; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;}
.whj_jqueryPaginationCss-3 div { display: inline-block; vertical-align: bottom; height: 24px;line-height: 24px;}
.whj_jqueryPaginationCss-3 .whj_padding {padding: 1px 9px;}
.whj_jqueryPaginationCss-3 .whj_bgc {background-color: #7a7b7b;color: #fff;}
.whj_jqueryPaginationCss-3 .whj_border {border: 1px solid #929292;}
.whj_jqueryPaginationCss-3 .whj_color { color: #929292;}
.whj_jqueryPaginationCss-3 .whj_hover:hover { background-color: #e0dddd; color: #7a7b7b; cursor: pointer;}
.whj_jqueryPaginationCss-3 .whj_checked { background-color: #e0dddd;color: #7a7b7b;}
.whj_jqueryPaginationCss-3 .whj_hoverDisable { opacity: 0.5;filter: alpha(opacity=50);}
.whj_jqueryPaginationCss-3 select {height: 28px;vertical-align: bottom;padding: 0px;outline: none;}
.whj_jqueryPaginationCss-3 input { padding: 0px; height: 26px; outline: none; text-align: center; width: 60px; vertical-align: bottom;}
.whj_jqueryPaginationCss-3 div, .whj_jqueryPaginationCss-3 input, .whj_jqueryPaginationCss-3 select { margin: 2px;}

/*只有设置显示总页数时，该样式才生效*/
.whj_jqueryPaginationCss-3 .whj_totalSizeSingle {  margin-left: -8px;}

/*ccs-4*/
.whj_jqueryPaginationCss-4 { display: inline-block; user-select: none; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;}
.whj_jqueryPaginationCss-4 div { display: inline-block; vertical-align: bottom; height: 24px; line-height: 24px;}
.whj_jqueryPaginationCss-4 .whj_padding { padding: 1px 9px;}
.whj_jqueryPaginationCss-4 .whj_bgc { background-color: #f5f5f5;color: #907272;}
.whj_jqueryPaginationCss-4 .whj_border { border: 1px solid #907272;}
.whj_jqueryPaginationCss-4 .whj_color { color: #907272;}
.whj_jqueryPaginationCss-4 .whj_hover:hover { background-color: #afacac; color: #fff; cursor: pointer;}
.whj_jqueryPaginationCss-4 .whj_checked {  background-color: #afacac;  color: #fff;}
.whj_jqueryPaginationCss-4 .whj_hoverDisable { opacity: 0.5; filter: alpha(opacity=50);}
.whj_jqueryPaginationCss-4 select { height: 28px; vertical-align: bottom; padding: 0px; outline: none;}
.whj_jqueryPaginationCss-4 input { padding: 0px; height: 26px; outline: none; text-align: center; width: 60px;vertical-align: bottom;}
.whj_jqueryPaginationCss-4 div, .whj_jqueryPaginationCss-4 input, .whj_jqueryPaginationCss-4 select { margin: 2px;}

/*只有设置显示总页数时，该样式才生效*/
.whj_jqueryPaginationCss-4 .whj_totalSizeSingle { margin-left: -8px;}

/*ccs-5*/
.whj_jqueryPaginationCss-5 { display: inline-block; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.whj_jqueryPaginationCss-5 div { display: inline-block; vertical-align: bottom; height: 24px; line-height: 24px;}
.whj_jqueryPaginationCss-5 .whj_padding { padding: 1px 9px;}
.whj_jqueryPaginationCss-5 .whj_bgc {  background-color: #199eaf; color: #fff;}
.whj_jqueryPaginationCss-5 .whj_border { border: 1px solid #199eaf;}
.whj_jqueryPaginationCss-5 .whj_color { color: #199eaf;}
.whj_jqueryPaginationCss-5 .whj_hover:hover { background-color: #d4f1ff; color: #199eaf; cursor: pointer;}
.whj_jqueryPaginationCss-5 .whj_checked { background-color: #d4f1ff; color: #199eaf;}
.whj_jqueryPaginationCss-5 .whj_hoverDisable { opacity: 0.5; filter: alpha(opacity=50);}
.whj_jqueryPaginationCss-5 select { height: 28px; vertical-align: bottom; padding: 0px; outline: none;}
.whj_jqueryPaginationCss-5 input { padding: 0px; height: 26px; outline: none; text-align: center; width: 60px; vertical-align: bottom;}
.whj_jqueryPaginationCss-5 div, .whj_jqueryPaginationCss-5 input, .whj_jqueryPaginationCss-5 select {  margin: 2px;}

/*只有设置显示总页数时，该样式才生效*/
.whj_jqueryPaginationCss-5 .whj_totalSizeSingle {  margin-left: -8px;}



    /* 筛选滚动内容样式 */
.scroll_main {width: 100%;display: block;margin: 0px auto;background-color:#fff;border:0px solid #9a9a9a;}
.scroll_wrap {width: 100%;height: 100%;   /*设置高度为100%显示*/position: relative;}

/* 滚动内容样式 */
.scroll_wrap .scroll_cont {max-height:175px;   /*设置最大为175px*/overflow: hidden;}
.scroll_wrap .scroll_cont p {padding: 15px;}

/* 滚动条 */
.scroll_wrap .scroll_bar {position: absolute;top:43px;right:0;width: 5px;height: 100%;background-color: #e4e4e4;}

/* 滚动块 */
.scroll_wrap .scroll_slider {position: absolute;top: 0;left: 0px;width: 5px;height: 48px;background-color: #fff;border-radius:5px;opacity: .5}
.scroll_wrap .scroll_slider:hover{opacity: 1}






















/* 聚合商品 */

.mytooltip {
    width: 210px;
    height:35px;
    padding: 10px;
    position: absolute;
    background: #ff9900;
    border-radius: 14px;    /*目标元素四角都为4px的圆角*/
    border-top-right-radius: 14px;    /*目标元素右上角为4px的圆角*/
    border-top-left-radius: 14px;    /*目标元素左上角为4px的圆角*/
    color: #fff;
}

.mytooltip:after,
.mytooltip:before {
    content: " ";
    height: 0;
    position: absolute;
    width: 0;
    border: 7px solid #ff9900;
}
.mytooltip:before {
    border-width: 9px;
}

.mytooltip--cursor-help {
    cursor: help !important;
}


.mytooltip-backing {
    position: absolute;
    width: 100%;
}

/* Theme */
.mytooltip.mytooltip-theme-default:before {
    display: none;
}
.mytooltip.mytooltip-theme-danger {
    background: #E04D3B;
}
.mytooltip.mytooltip-theme-danger:after {
    border-color: #E04D3B;
}
.mytooltip.mytooltip-theme-danger:before {
    display: none;
}
.mytooltip.mytooltip-theme-warning {
    background: #E67225;
}
.mytooltip.mytooltip-theme-warning:after {
    border-color: #E67225;
}
.mytooltip.mytooltip-theme-warning:before {
    display: none;
}

.mytooltip.mytooltip-theme-info {
    background: #0E7AC4;
}
.mytooltip.mytooltip-theme-info:after {
    border-color: #0E7AC4;
}
.mytooltip.mytooltip-theme-info:before {
    display: none;
}
.mytooltip.mytooltip-theme-success {
    background: #45B04F;
}
.mytooltip.mytooltip-theme-success:after {
    border-color: #45B04F;
}
.mytooltip.mytooltip-theme-success:before {
    display: none;
}
.mytooltip.mytooltip-theme-light {
    background: #FFF;
    color: #000;
    border: 1px solid #E4E4E4;
}
.mytooltip.mytooltip-theme-light:after {
    border-color: #FFF;
}
.mytooltip.mytooltip-theme-light:before {
    border-color: #E4E4E4;
}


.mytooltip.mytooltip--top:after,
.mytooltip.mytooltip--top:before {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: 0;
    bottom: -7px;
    top: auto;
    left: 50%;
    margin: 0 0 0 -7px;
}
.mytooltip.mytooltip--top:before {
    bottom: -9px;
    margin: 0 0 0 -9px;
}

.mytooltip.mytooltip--right:after,
.mytooltip.mytooltip--right:before {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left: 0;
    left: -7px;
    margin-top: -7px;
    top: 50%;
}
.mytooltip.mytooltip--right:before {
    left: -9px;
    margin-top: -9px;
}

.mytooltip.mytooltip--bottom:after,
.mytooltip.mytooltip--bottom:before {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: 0;
    margin: 0 0 0 -7px;
    left: 50%;
    top: -7px;
}
.mytooltip.mytooltip--bottom:before {
    margin: 0 0 0 -9px;
    top: -9px;
}

.mytooltip.mytooltip--left:after,
.mytooltip.mytooltip--left:before {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right: 0;
    margin-top: -7px;
    left: auto;
    right: -7px;
    top: 50%;
}
.mytooltip.mytooltip--left:before {
    margin-top: -9px;
    right: -9px;
}

.font_xianhuo { display:inline-block; vertical-align:middle; background-color:#ff7700; border:0px solid #ff7700; padding:0 3px; line-height:16px; border-radius:2px; font-size:12px; font-weight:normal; color:#FFF; margin-top:4px; background-image:url(../img/product/biaoqian05.png); background-repeat:no-repeat; }
.font_xinwuzhi {
    display: inline-block;
    vertical-align: middle;
    background: linear-gradient( 135deg, #0B5DBD 0%, #41AFF4 100%);
    padding: 0 3px;
    line-height: 16px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
    margin-top:4px;
}
.font_xianhuo_new {
    display: inline-block;
    vertical-align: middle;
    background: #f63117;
    padding: 0 3px;
    line-height: 16px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
    margin-top:4px;
}
.font_zhixiao_new {
    display: inline-block;
    vertical-align: middle;
    background: #8032f5;
    padding: 0 3px;
    line-height: 16px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
    margin-top:4px;
}

.tipBg{
    background: #ffffff;border: 1px solid #ff9600;border-radius: 5px;padding: 0px 2px;color: #ff9600;
}
#top #top_main .topleft ul li .cun{border-left:0px;border-right:1px solid #ccc;margin-top:8px;}
#top #top_main .topleft ul li.kefu{width:54px}
#top #top_main .topleft ul li .a1{width:54px;}
#top #top_main .topleft ul li .cun a{margin-left:0px;line-height:14px;}
#top #top_main .topright ul li .a1{width: 76px;height: 20px;overflow: hidden;position: relative;z-index: 999;padding-left: 7px;}
.cas_nav_right ul li{margin-left:0px; margin-right: 35px;}
.cas_nav_right ul li a{font-family: "微软雅黑";}
.cas_partd { width:1208px; margin:0 auto; /*background-color:#FFFFFF;*/}
.cas_partd h2 ul li { font-size:14px; font-weight:normal; color:#333; text-align:center; line-height:24px; /*border-right:1px solid #dddddd;*/ margin-top:6px;margin-bottom:4px; float:left; display:inline;}
.cas_pc_left { width:224px; float:right; display:inline;}
.layui-col-xs4{width:226px!important; margin-right:10px;}
.layui-col-xs2{ width:220px!important}
.pages li{list-style-type:none;width:10px;height:10px;border-radius:10px;background-color:white}
.pages li:hover{box-shadow:0 0 5px 2px white}
.pages li.active{background:#1f528a; width:30px; height:10px;}
.pages{position:absolute;z-index:999}
.pages.horizontal{left:50%;transform:translateX(-50%);bottom:10px}
.pages.horizontal li{display:inline-block;margin-right:10px}
.pages.horizontal li:last-child{margin-right:0}
.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}
.pages.vertical li{margin-bottom:10px}
.pages.vertical li:last-child{margin-bottom:0}
.layui-col-xs4 {width:226px; height:80px; display:inline-block; font-size:14px;}
.ser-item{ min-height:120px;}
.cas_b02_info07{float:none;}
.adv-item img{min-height:50px;}
.adv-item h1{margin-top:10px;}
.adv-item .route-left{top:70px;}


/* -------------------------元器件频道首页左侧样式-----------------------------------  */
.biaoti_shan_tiaom{
    text-align: center;
    padding: 35px 0;
}

.biaoti_shan_tiaom h2{
    color: #292c2f;
    position: relative;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 23px;
}
.biaoti_shan_tiaom h2::after{
    content: "";
    width: 350px;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5px;
    background: -webkit-linear-gradient(left,rgba(0,0,0,.0),#aeaeae,rgba(0,0,0,.0));
    background: -moz-linear-gradient(left,rgba(0,0,0,.0),#aeaeae,rgba(0,0,0,.0));
}

.biaoti_shan_tiaom span{
    color: #555351;
}

.nimeng_We ul li i{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    filter:contrast(1);

}
.nimeng_We ul li:hover i{
    filter:contrast(4);

}

/* .nimeng_We_hou */
.nimeng_We_hou ul li:hover i{
    filter:contrast(0);

}

.tianm_zuoy ul{
    height: 330px;
    width: 800px;
    display: flex;
    margin: 0 auto;
    justify-content : space-between;
}

.tianm_zuoy ul li{
    width: 231px;
    height: 260px;
    float: left;
    background: #fff;
    padding: 10px;
    border:1px solid #efefef;
}
.tianm_zuoy ul li .tu{
    width: 100%;
    height: 130px;
    position: relative;
    background: #f5f5f5;
}
.tianm_zuoy ul li:hover .tu{
    background: #fafafa;

}
.tianm_zuoy ul li .tu i{
    width: 90px;
    height: 90px;
    background: url(../img/yqj/tiaom_img.png) no-repeat;
    background-position: -0px -270px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;

}
.tianm_zuoy ul li:hover .tu i{
    bottom:20px;

}
.tianm_zuoy ul li .tu i.img1{
    background-position: -0px -0px;

}
.tianm_zuoy ul li .tu i.img2{
    background-position: -0px -90px;

}
.tianm_zuoy ul li .tu i.img3{
    background-position: -0px -180px;

}
.tianm_zuoy ul li h3{
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 30px 0 15px 0;
    font-size:16px;
    font-weight:bold;
}

.tianm_zuoy ul li p{
    text-align: justify;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow : hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding: 0 25px;
    color: #999;
    line-height: 25px;
    font-size:14px;
}


.biaoti_shan_tiaom_bai h2,.biaoti_shan_tiaom_bai span{
    color: #fff;
}
.biaoti_shan_tiaom_bai h2::after {
    background: -webkit-linear-gradient(left,rgba(255,255,255,.0),#fff,rgba(255,255,255,.0));
    background: -moz-linear-gradient(left,rgba(255,255,255,.0),#fff,rgba(255,255,255,.0));
}






.news_diyi_k .right_list{width: 32%;height: 321px;overflow: hidden;position: relative;float: left;/* background: #55a1e7; */}

.news_diyi_k .right_list h3{
    border-bottom: solid 1px #fff;
    margin:0 30px;
    line-height: 35px;
    color: #fff;
    margin-top: 10px;
    position: relative;
}
.news_diyi_k .right_list h3::after{
    content: "";
    width: 4em;
    height: 2px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
}

.news_diyi_k .right_list ul{
    margin:0 10px;
    padding-top: 10px;
}
.news_diyi_k .right_list ul li{border-bottom: dashed 1px #efefef;line-height: 45px;/*margin-left:20px;*/position: relative;height: 45px;}


.news_diyi_k .right_list ul li a{
    color: #666;
    width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    float: left;
    padding-right:10px;
    font-size:14px;
}
.news_diyi_k .right_list ul li a:hover{
    color: #1f528a;
}

.news_diyi_k .right_list ul li span{
    float: right;
    position: relative;
    bottom: -5px;
    color: #b1dbff;

}
.hezuo_aknl{
    margin-bottom: 50px;
}
.hezuo_aknl ul{
    height: 320px;
}
.hezuo_aknl ul li{
    width: 16%;
    height: 100px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .05);
    float: left;
    margin:0 10px 10px 0;

}



.hezuo_aknl ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hezuo_aknl ul li a img{
    width: 100%;
    height: 80%;
    object-fit: cover;
    filter:grayscale(0);
    opacity: .8;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.hezuo_aknl ul li:hover a img{
    filter:grayscale(0);
    opacity: 1;
}



/* -------------------------右侧求购询价样式-----------------------------------  */
.Top_Record{}

.record_Top{width:100%; height:50px; background:url(../images/record_Bg.png) center center no-repeat; background-size:contain; text-align:center; line-height:50px; margin:30px auto 0px; color:#fff;}
.topRec_List dl,.maquee{ width:100%; overflow:hidden; margin:0 auto; color:#7C7C7C}
.topRec_List dd{ float:left; text-align:center; border-bottom:1px solid #1B96EE; color:#1B96EE;}
.topRec_List dl dd:nth-child(1){ width:65%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(2){ width:35%; height:40px; line-height:40px; }
.maquee{ height:400px;padding-bottom:10px;}
.topRec_List ul{ width:100%; height:auto;}
.topRec_List li{ width:100%; height:38px; line-height:38px; text-align:center; font-size:14px; border-bottom: 1px dashed #aaa;}
/*.topRec_List li:nth-child(2n){ background:#077cd0}*/
.topRec_List li div{ float:left;}
.topRec_List li div:nth-child(1){ width:65%;width:126px;font-size:14px;text-align:left;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis; padding-right:4px;}
.topRec_List li div:nth-child(2){ width:35%;width:56px;font-size:14px;text-align:left;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}

/* -------------------------bom匹配样式-----------------------------------  */

.bombox{
    margin-left: 0px;
}
.bom-con{
    width:224px;
    padding-top:42px;
    height:138px;
    background: #fff;
    background: url(../img/yqj/bombg.jpg) no-repeat;
}

.bombox .bom-file{
    width:180px;
    height:60px;
    /*background:#f4f9ff;*/
    border:1px dashed #1969F9;
    margin:0 auto;
    padding-top:29px;

}
.bombox .file-go{
    width:96px;
    height:34px;
    background:#1969F9;
    border-radius:2px;
    line-height: 34px;
    text-align: center;
    color:#fff;
    margin:0 auto;
    font-size: 16px;
    transition: all 0.3s;
}
.bombox .file-go:hover{
    background: #387FFF;
    width:141px;
    cursor: pointer;
}
.cas_nav_right ul li { float:left; display:inline; position:relative; line-height:40px; font-size:15px; font-weight:400; z-index:9;padding-right: 20px;box-sizing: border-box}
.cas_nav_right ul li a { color:#333333; font-size:16px;}
.cas_nav_right ul li.on a { background: #1f528a}
.cas_nav_right ul li a:hover { color:#1f528a;}
.cas_nav_right ul li a:visted { color:#1f528a;}
.cas_nav_right .add_trade{cursor: pointer;}

/*搜索输入框字体颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color :#aab2bd;font-size :12px;}
input:-moz-placeholder, textarea:-moz-placeholder{color :#aab2bd;font-size :12px;}
input::-moz-placeholder, textarea::-moz-placeholder{color :#aab2bd;font-size :12px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color :#aab2bd;font-size :12px;}
input::-webkit-input-placeholder {color: #aab2bd;font-size: 12px;text-align: left;}