﻿
.main {
    background-color: #F6F6F6;
    padding-bottom: 30px;
}

.banner {
    width: 100%;
   /*height: 230px;*/
    height: 240px;
    background: url(c-list-baner.png) center center;
    background-size: 100% 100%;
}
.banner .chnl{
    width:1140px;
    margin: 0 auto;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    padding-top: 80px;
}
.banner .chnldesc{
    width:1130px;
    margin: 0 auto;
    font-size: 22px;
    color: #fff;
    line-height: 44px;
}

.banner-nav {
    width: 1200px;
    margin: 20px auto;
}

.banner-nav a {
    display: inline-block;
    width: 400px;
    text-align: center;
    height: 65px;
    line-height: 65px;
    background: #fff;
    color: #666666;
    font-size: 26px;
    border-radius: 6px 6px 0px 0px;
    margin-right: 2px;
    background-size: 100% 100%;
}

.banner-nav a:nth-child(2) {
    width: 394px;
    border-bottom: none;
    border-top: none;
}

.banner-nav a.cur {
    background-color: #2789ee;
    color: #fff;
    height: 70px;
    margin-top: -6px;
}

.block-center {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
}

/* 其他清单 */
.l-qtqd {
    margin-top: 17px;
    padding-top: 40px;
    padding: 40px 26px 0;
    background-color: #ffffff;
	box-shadow: 0px 0px 27px 0px rgba(94, 94, 94, 0.06);
}

.l-qtqd li {
    display: inline-block;
    width: 212px;
	height: 127px;
	background-color: #f3f9fd;
    border-radius: 8px;
    margin-bottom: 19px;
    margin-right: 16px;
}

.l-qtqd li.l-xt {
    margin-right: 0;
}

.l-qtqd li a {
    display: block;
    padding: 18px 28px;
    height: 87px;
    font-size: 19px;
    color: #2f2f2f;
    text-align: center;
}

.l-qtqd li a:hover {
    color: #2689ee;
}

.l-qtqd li a > img {
    margin-bottom: 13px;
}

/*删选条件*/
.minnum{
    width:100%;
    height: 44px;
    border-bottom: 4px solid #eee;
}
.minnum a{
    line-height: 43px;
    padding: 0 20px;
    margin: 0 20px;
    font-size: 24px;
    color: #2f2f2f;
    float: left;
    cursor: pointer;
}
.minnum a.cur{
    border-bottom: 4px solid #2789ee;
    font-weight: bold;
}
.minnum a:hover{
    border-bottom: 4px solid #2789ee;
    font-weight: bold;
}
.con{
    padding: 0 30px;
    margin-top: 30px;
    font-size: 22px;
    line-height: 43px;
    float: left;
    background:#fff;
}
.con-type{
    margin-top: 0;
}
.con .con-title{
    color: #333;
    float: left;
    width: 113px;
    text-align: right;
}
.con ul{
    float: left;
    width:921px;
    height: 60px;
    overflow: hidden;
}
.con ul li{
    width: 137px;
    height: 43px;
    text-align: center;
    background: #f3f9fd;
    color: #666;
    float: left;
    font-size: 18px;
    margin-right:16px;
    margin-bottom: 18px;
    cursor:pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.con ul li:hover{
    background: #2789ee;
    color: #FFF;
}
.con ul li.cur{
    background: #2789ee;
    color: #FFF;
}
.con .con-all{
    width: 85px;
    padding-right: 20px;
    text-align: right;
    color: #2789ee;
    float: right;
    font-size: 18px;
    cursor:pointer;
    background: url(sx-a-r.png) no-repeat 91px center;
    background-size: 8px;
}
.con .con-all.con-all-d{
    background: url(sx-a-d.png) no-repeat 88px center;
    background-size: 14px;
}
.divide{
    width: 100%;
    height: 20px;
    background: #f2f2f2;
}

/*列表*/
.qdList{
    padding: 23px 28px;
    width: 1144px;
    margin: 20px auto 0;
    background: #fff;
}
.list-head{
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    line-height: 44px;
}
.list-head>.title{
    font-size: 26px;
    font-weight: bold;
    color: #3b4e62;
    width: 140px;
    float: left;
}
.list-head>.total{
    font-size: 18px;
    color: #333;
    margin-left:20px;
    float: left;
}
.list-head>.total em{
    color: #ee851e;
    font-style: normal;
}
.con-selected{
    float: left;
}
.con-selected span{
    font-size: 22px;
    line-height: 44px;
    text-align: right;
    float: left;
}
.con-selected span.se{
    border: 1px solid #2789ee;
    font-size: 18px;
    text-align: center;
    line-height: 42px;
    color: #2789ee;
    padding: 0 15px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.con-selected span.se i{
    font-style: normal;
    margin-left: 5px;
    cursor: pointer;
}
.search{
    float: right;
    border: 1px solid #2789ee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 10px;
}
.search input{
    height: 30px;
    line-height: 30px;
    color: #333;
    padding-left: 10px;
    float: left;
    width: 352px;
    -webkit-border-radius:2px;
    -moz-border-radius: 2px;
    border-radius: 4px;
    font-size: 16px;
}
.search .btn{
    background: #2789ee;
    color: #fff;
    font-size: 16px;
    float: left;
    height: 30px;
    width: 70px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.search .btn img{
    vertical-align: middle;
    width: .16rem;
    margin-right: .05rem;
    margin-bottom: .02rem;
}
.sx-item{
    padding: 20px 0;
    line-height: 33px;
}
.sx-item .sx-ml{
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.sx-item .sx-title{
    color: #2f2f2f;
    font-size: 20px;
    /*font-weight: bold;*/
    float: left;
    max-width: 85%;
}
.sx-item .sx-title img{
    width: .27rem;
    vertical-align: middle;
    margin-right: 15px;
}
.sx-item .sx-detail{
    float: right;
    color: #2789ee;
    font-size: 20px;
    margin-right: 40px;
}
.sx-item .sx-btn{
    color: #666;
    font-size: 18px;
    float: right;
    cursor: pointer;
    background: url(sx-a-r-g.png) no-repeat 40px center;
    padding-right: 19px;
    -webkit-background-size: 7px;
    background-size: 7px;
}
.sx-item .sx-btn.sx-btn-d{
    background: url(sx-a-d-g.png) no-repeat 39px center;
    background-size: 13px;
}
.sx-item ul{
    padding-left: 45px;
    display: none;
}
.sx-item ul li{
    padding: 15px 0;
    padding-bottom: 0;
    /*border-bottom: 1px solid #ddd;*/
    line-height: 44px;
}
.sx-item ul li .sx-title2{
    font-size: 20px;
    color: #2f2f2f;
}
.sx-item ul li .sx-desc{
    float: left;
    font-size: 18px;
    color: #2f2f2f;
}
.sx-item ul li .sx-option a{
    font-size: 18px;
    color: #666;
    margin-right: 5px;
}
.upd-item-desc {
    max-width: 1006px;
}
.sx-item ul li .sx-info{
    margin-right: 20px;
}
.sx-item ul li .sx-option .sx-comment, .sx-item ul li .sx-option .sx-bl, .sx-item ul li .sx-option .sx-zn, .sx-item ul li .sx-option .sx-col{
    border: 1px solid #2f89eb;
    background: #fff;
    color: #2f89eb;
    font-size: 16px;
    padding: 5px 10px;
}
.sx-item ul li .sx-option .sx-comment, .sx-item ul li .sx-option .sx-bl{
    background: #2f89eb;
    color: #fff;
}
.sx-item ul li .sx-option .sx-col{
    border: none;
    margin-right: 0;
    padding-left: 20px;
    cursor: pointer;
    background: url(c-sub-default.png) no-repeat left center;
}
.sx-item ul li .sx-option .sx-coled{
    background: url(c-sub-action.png) no-repeat left center;
    color: #ee851e;
}
.sx-item ul.sx-list2{
    padding-left: 0;
}
.sx-item ul.sx-list2 li{
    border: none;
    padding: 0 0 0 30px;
    background: #f7f8fa;
    margin-bottom: 10px;
}
.sx-item ul.sx-list2 li:last-child{
    margin-bottom: 0;
}
.sx-item ul.sx-list2 li .sx-desc{
    color: #666;
    font-size: 17px;
}

.sx-desc i.upd-item-icon {
    display: inline-block;
    width: 20px;
    height: 22px;
    background: url(upd-item-icon.png) no-repeat center center;
    background-size: cover;
    margin: 0px 10px 0 14px;
    position: relative;
    top: 12px;
}
.con-list-1 {
    height: 60px;
}
.sx-btn-d-1 {
    padding-bottom: 15px;
}
.sx-item-1 {
    border-bottom: 1px solid #ddd;
}
.orgMemo-1{
    line-height:21px;
}
.basis-1{
    display: inline-block;
    width: 20px;
}
.dashedClass-1{
    padding-left: 10px
}
.dashedClass-2{
    line-height: 68px;
}
.sx-desc-1 {
    line-height: 40px;
}


.sx-delist{
	width:90%;
	float:left;
	margin-top:10px;
	display:none;
	padding-left:44px;
}
.sx-delist .sx-deitem{
	float:left;
	padding:0px 8px;
	border:1px solid #2789ee;
	color:#2789ee;
	position:relative;
	border-radius:3px;
	margin-right:20px;
	cursor:pointer;
}
.sx-dealert{
	display:none;
	position:absolute;
	left:0;
	top:39px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
	background:#fff;
	width:200px;
	padding:20px;
    cursor:initial;
    z-index: 9999;
	color:#333;
	line-height:24px;
}
.sx-dealert .sx-declose{
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
}


/***************************************响应式样式***************************************************/
.main {
    background-color: #F6F6F6;
    padding-bottom: .30rem;
}

.banner {
    width: 100%;
    /*height: 230rem;*/
    height: 2.40rem;
    background: url(c-list-baner.png) center center;
    background-size: 100% 100%;
}
.banner .chnl{
    width:11.40rem;
    margin: 0 auto;
    font-size: .40rem;
    color: #fff;
    font-weight: bold;
    padding-top: .80rem;
}
.banner .chnldesc{
    width:11.30rem;
    margin: 0 auto;
    font-size: .22rem;
    color: #fff;
    line-height: .44rem;
}

.banner-nav {
    width: 12.00rem;
    margin: .20rem auto;
}

.banner-nav a {
    display: inline-block;
    width: 33%;
    text-align: center;
    height: .65rem;
    line-height: .65rem;
    background: #fff;
    color: #666666;
    font-size: .26rem;
    border-radius: 6px 6px 0px 0px;
    margin-right: .02rem;
    background-size: 100% 100%;
}

.banner-nav a:nth-child(2) {
    width: 33.5%;
    border-bottom: none;
    border-top: none;
}

.banner-nav a.cur {
    background-color: #2789ee;
    color: #fff;
    height: .70rem;
    margin-top: -.06rem;
}

.block-center {
    width: 12.00rem;
    margin: 0 auto;
    background: #fff;
}

/* 其他清单 */
.l-qtqd {
    margin-top: .17rem;
    padding-top: .40rem;
    padding: .40rem .26rem 0;
    background-color: #ffffff;
    box-shadow: 0px 0px 27px 0px rgba(94, 94, 94, 0.06);
}

.l-qtqd li {
    display: inline-block;
    width: calc((100% - 1.25rem) / 5);
    height: 1.27rem;
    background-color: #f3f9fd;
    border-radius: 8px;
    margin: 0 .1rem;
    margin-bottom: .19rem;
}

.l-qtqd li.l-xt {
    margin-right: 0;
}

.l-qtqd li a {
    display: block;
    padding: .18rem .28rem;
    height: .87rem;
    font-size: .19rem;
    color: #2f2f2f;
    text-align: center;
}

.l-qtqd li a:hover {
    color: #2689ee;
}

.l-qtqd li a > img {
    width: .54rem;
    margin-bottom: .13rem;
}

/*删选条件*/
.minnum{
    width:100%;
    height: .44rem;
    border-bottom: .04rem solid #eee;
}
.minnum a{
    line-height: .43rem;
    padding: 0 .20rem;
    margin: 0 .20rem;
    font-size: .24rem;
    color: #2f2f2f;
    float: left;
    cursor: pointer;
}
.minnum a.cur{
    border-bottom: .04rem solid #2789ee;
    font-weight: bold;
}
.minnum a:hover{
    border-bottom: .04rem solid #2789ee;
    font-weight: bold;
}
.con{
    padding: 0 .30rem;
    margin-top: .30rem;
    font-size: .22rem;
    line-height: .43rem;
    float: left;
    background:#fff;
}
.con-type{
    margin-top: 0;
}
.con-dep, .con-type {
    width: 95%;
}
.con .con-title{
    color: #333;
    float: left;
    width: 10%;
    text-align: right;
}
.con ul{
    float: left;
    width: 80%;
    height: .60rem;
    overflow: hidden;
}
.con ul li{
    width: 14.9%;
    height: .43rem;
    text-align: center;
    background: #f3f9fd;
    color: #666;
    float: left;
    font-size: .18rem;
    margin-right:.16rem;
    margin-bottom: .18rem;
    cursor:pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.con ul li:hover{
    background: #2789ee;
    color: #FFF;
}
.con ul li.cur{
    background: #2789ee;
    color: #FFF;
}
.con .con-all{
    width: 8%;
    padding-right: .1rem;
    text-align: center;
    color: #2789ee;
    float: right;
    font-size: .18rem;
    cursor:pointer;
    background: url(sx-a-r.png) no-repeat .91rem center;
    background: url(sx-a-r.png) no-repeat 91px center\9;
    background-size: .08rem;
}
.con .con-all.con-all-d{
    background: url(sx-a-d.png) no-repeat .88rem center;
    background-size: .14rem;
}
.divide{
    width: 100%;
    height: .20rem;
    background: #f2f2f2;
}

/*列表*/
.qdList{
    padding: .23rem .28rem;
    width: 11.44rem;
    margin: .20rem auto 0;
    background: #fff;
}
.list-head{
    padding-bottom: .20rem;
    border-bottom: 1px solid #ddd;
    line-height: .44rem;
}
.list-head>.title{
    font-size: .26rem;
    font-weight: bold;
    color: #3b4e62;
    width: 1.40rem;
    float: left;
}
.list-head>.total{
    font-size: .18rem;
    color: #333;
    margin-left:.20rem;
    float: left;
}
.list-head>.total em{
    color: #ee851e;
    font-style: normal;
}
.con-selected{
    float: left;
}
.con-selected span{
    font-size: .22rem;
    line-height: .44rem;
    text-align: right;
    float: left;
}
.con-selected span.se{
    border: 1px solid #2789ee;
    font-size: .18rem;
    text-align: center;
    line-height: .42rem;
    color: #2789ee;
    padding: 0 .15rem;
    margin-right: .10rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.con-selected span.se i{
    font-style: normal;
    margin-left: .05rem;
    cursor: pointer;
}
.search{
    float: right;
    border: 1px solid #2789ee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: .10rem;
}
.search input{
    height: .3rem;
    line-height: .30rem;
    color: #333;
    padding-left: .10rem;
    float: left;
    width: 3.52rem;
    -webkit-border-radius:2px;
    -moz-border-radius: 2px;
    border-radius: 4px;
    font-size: .16rem;
}
.search .btn{
    background: #2789ee;
    color: #fff;
    font-size: .16rem;
    float: left;
    height: .30rem;
    width: .70rem;
    text-align: center;
    line-height: .30rem;
    cursor: pointer;
}
.search .btn img{
    vertical-align: middle;
    margin-right: .03rem;
}
.sx-item{
    padding: .20rem 0;
    line-height: .33rem;
}
.sx-item .sx-ml{
    border-bottom: 1px solid #ddd;
    padding-bottom: .20rem;
}
.sx-item .sx-title{
    color: #2f2f2f;
    font-size: .20rem;
    /*font-weight: bold;*/
    float: left;
    max-width: 85%;
}
.sx-item .sx-title img{
    vertical-align: middle;
    margin-right: .15rem;
}
.sx-item .sx-detail{
    float: right;
    color: #2789ee;
    font-size: .20rem;
    margin-right: .40rem;
}
.sx-item .sx-btn{
    color: #666;
    font-size: .18rem;
    float: right;
    cursor: pointer;
    background: url(sx-a-r-g.png) no-repeat .40rem center;
    padding-right: .19rem;
    -webkit-background-size: .07rem;
    background-size: .07rem;
}
.sx-item .sx-btn.sx-btn-d{
    background: url(sx-a-d-g.png) no-repeat .39rem center;
    background-size: .13rem !important;
    background-position: right;
}
.sx-item ul{
    padding-left: .45rem;
    display: none;
}
.sx-item ul li{
    padding: .15rem 0;
    padding-bottom: 0;
    /*border-bottom: 1px solid #ddd;*/
    line-height: .44rem;
}
.sx-item ul li .sx-title2{
    font-size: .20rem;
    color: #2f2f2f;
}
.sx-item ul li .sx-desc{
    float: left;
    font-size: .18rem;
    color: #2f2f2f;
}
.sx-item ul li .sx-option a{
    font-size: .18rem;
    color: #666;
    margin-right: .05rem;
}
.upd-item-desc {
    max-width: 10rem;
}
.sx-item ul li .sx-info{
    margin-right: .20rem;
}
.sx-item ul li .sx-option .sx-comment, .sx-item ul li .sx-option .sx-bl, .sx-item ul li .sx-option .sx-zn, .sx-item ul li .sx-option .sx-col{
    border: 1px solid #2f89eb;
    background: #fff;
    color: #2f89eb;
    font-size: .16rem;
    padding: .05rem .10rem;
}
.sx-item ul li .sx-option .sx-comment, .sx-item ul li .sx-option .sx-bl{
    background: #2f89eb;
    color: #fff;
}
.sx-item ul li .sx-option .sx-col{
    border: none;
    margin-right: 0;
    padding-left: .20rem;
    cursor: pointer;
    background: url(c-sub-default.png) no-repeat left center;
    background-size: .16rem;
}
.sx-item ul li .sx-option .sx-coled{
    background: url(c-sub-action.png) no-repeat left center;
    color: #ee851e;
    background-size: .16rem;
}
.sx-item ul.sx-list2{
    padding-left: 0;
}
.sx-item ul.sx-list2 li{
    border: none;
    padding: 0 0 0 .30rem;
    /*background: #f7f8fa;*/
    background: none;
    margin-bottom: .10rem;
}
.sx-item ul.sx-list2 li.dashed{
    border-bottom: 1px dashed #ddd
}
.sx-item ul.sx-list2 li:last-child{
    margin-bottom: 0;
}
.sx-item ul.sx-list2 li .sx-desc{
    color: #666;
    font-size: .17rem;
}

.sx-desc i.upd-item-icon {
    display: inline-block;
    width: .20rem;
    height: .22rem;
    background: url(upd-item-icon.png) no-repeat center center;
    background-size: cover;
    margin: 0rem .10rem 0 .14rem;
    position: relative;
    top: .12rem;
}
.con-list-1 {
    height: .60rem !important;
}
.sx-btn-d-1 {
    padding-bottom: .15rem;
}
.orgMemo-1{
    line-height:.21rem;
}
.basis-1{
    display: inline-block;
    width: .20rem;
}
.dashedClass-1{
    padding-left: .10rem
}
.dashedClass-2{
    line-height: .68rem;
}

.sx-desc-1 {
    line-height: .4rem;
}
.sx-delist{
    width:90%;
    float:left;
    margin-top:.10rem;
    display:none;
    padding-left:.44rem;
}
.sx-delist .sx-deitem{
    float:left;
    padding:0px .08rem;
    border:1px solid #2789ee;
    color:#2789ee;
    position:relative;
    border-radius:3px;
    margin-right:.20rem;
    cursor:pointer;
}
.sx-dealert{
    display:none;
    position:absolute;
    left:0;
    top:.39rem;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background:#fff;
    width:2.00rem;
    padding:.20rem;
    cursor:initial;
    z-index: 9999;
    color:#333;
    line-height:.24rem;
}
.sx-dealert .sx-declose{
    position:absolute;
    right:.05rem;
    top:.05rem;
    cursor:pointer;
}
.list-head>.total{margin-left: 0;}
.search input{width: 2.80rem !important;}
.banner-nav a.nth2 {
    width: 33.5% !important;
    border-bottom: none;
    border-top: none;
}
.l-position {
    width: 12rem !important;
}
select::-ms-expand { display: none; }
/*对width为1200px的盒子样式做适配*/
@media screen and (max-width:1680px) {
  .sx-item .sx-title,.l-qtqd li a {
    font-size: .22rem;
  }
}

@media screen and (max-width:1440px) {
    .block-center, .banner-nav, .l-position{
        width: 14.20rem !important;
    }
    .qdList{
        width: 13.64rem !important;
    }
}

@media screen and (max-width:1366px) {
    .block-center, .banner-nav, .l-position {
        width: 13.80rem !important;
    }
    .qdList{
        width: 13.24rem !important;
    }
}

@media screen and (max-width:1200px) {
    .con .con-all {
        width: 1rem;
        background: url(sx-a-r.png) no-repeat right center;
        background-size: .1rem;
    }
    .sx-item .sx-btn {
        width: .5rem;
        background: url(sx-a-r-g.png) no-repeat .50rem center;
        background-size: .07rem !important;
    }
    .con .con-all.con-all-d {
    	background: url(sx-a-d.png) no-repeat right center;
    	background-size: .18rem;
    }
    .search input {
        width: 3rem !important;
    }
    .orgMemo-1 {
        font-size: .2rem !important;
    }
}