/*  css satrt   */
    
/* pc端下拉选框 */
.select-mod{ position: relative; text-align: left;}
.select-mod .select-bar{ position: relative;z-index: 2;}
.select-mod .select-bar:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;border: 1px solid #cfcfcf;border-radius: 5px;}
.select-mod .select-btn{ position: relative; height: 40px; padding: 0 20px; overflow: hidden; cursor: pointer;}
.select-mod .select-btn:after{ content: ''; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; height: 8px; background: url(../image/jhy/png2.png) center no-repeat;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;width: 14px;}
.select-mod .select-val{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;line-height: 40px;}
.select-mod .select-txt{ position: absolute; left: 0; top: 0; right: 50px; bottom: 0; padding: 5px 15px;}
.select-mod .select-input{ display: block; width: 100%;}
.select-mod .select-native{ display: none;}
.select-mod .select-cont, .select-mod .select-query{ position: absolute; left: 0; right: 0; top: 37px; background-color:#fff; background-clip: content-box; z-index:1; opacity: 0; visibility: hidden;border-radius: 5px;}
.select-mod .select-cont:before, .select-mod .select-query:before{ content: ''; position: absolute; left: 0; top: 1px; right: 0; bottom: 0; border: 1px solid #cfcfcf;border-top: 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.select-mod .select-opts, .select-mod .squery-list{ position: relative; max-height: 240px; padding: 25px 20px;}
.select-mod .select-item, .select-mod .squery-item{  cursor: pointer;}
.select-mod .select-item+.select-item, .select-mod .squery-item + .squery-item{margin-top: 23px;}
.select-mod .select-item.selected, .select-mod .select-item:hover, .select-mod .squery-item.selected, .select-mod .squery-item:hover { color: #00763a;}
.select-mod .select-item.selected, .select-mod .squery-item.selected{ cursor: default;}
.select-mod .select-grp{ padding: 5px; margin-bottom: 2px; background-color: gainsboro;}
.select-mod .select-tit{ padding: 5px; background-color: silver; cursor: pointer;}
.select-mod .select-box{ padding: 5px; display: none;}
.select-mod .select-grp.open .select-box{ display: block;}
.select-mod.sc-show .select-btn:after{transform: rotateX(180deg);}
.select-mod.sc-show .select-cont, .select-mod.sq-show .select-query{ opacity: 1; visibility: visible;}
/* .select-mod .select-bar:hover{ color: #909090;} */
.select-mod .select-query{}
.select-mod .select-query:before{}
.select-mod .squery-list{}
.select-mod .squery-item{}

@media screen and (max-width: 750px){
	.select-mod .select-btn{height: 34px;padding: 0 0.3rem;}
	.select-mod .select-val{line-height: 34px;}
	.select-mod .select-btn:after{right: 0.3rem;}
	.select-mod .select-cont, .select-mod .select-query{top: 30px;}
	.select-mod .select-opts, .select-mod .squery-list{max-height: 3.5rem;padding:0.4rem 0.3rem;}
	.select-mod .select-item+.select-item, .select-mod .squery-item + .squery-item{margin-top: 0.3rem;}
}   
    
/*  css end */