@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0 }
ol, ul { list-style: none }
caption, th, td { font-weight: normal; text-align: left }
table { border-collapse: separate; border-spacing: 0 }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
:focus { outline: none }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }
.clear { width: 100%; clear: both; line-height: 0; height: 0; overflow: hidden; font-size: 1px; display: block }
body { font: normal 15px/18px 'Microsoft JhengHei', Arial; background: #fff; color: #000 }
input, select, textarea { font: normal 15px/18px 'Microsoft JhengHei', Arial; padding: 0; margin: 0; vertical-align: middle }
a { color: #000; text-decoration: none }
a, area { outline: none; hlbr:expression(this.onFocus=this.blur())
}
input[type=text] {border: 1px solid #d5d5d5;}
.ipt1 {border: 1px solid #d5d5d5;padding: 14px 8px;background-color: rgba(255,255,255,0.8);}
.searchBtn1 {
    font-size: 16px;
    color: #fff;
    padding: 15px 20px 15px 48px;
    border-radius: 5px;
    background-color: #f14351;
    background-image: url(../images/icon_scope.png);
    background-repeat: no-repeat;
    background-position: 25% center;
    z-index: 2;
    background-size: 20px 20px;
}
.searchBtn1:hover{ background-color:#f00; color: #fff; }

.selectPanel a.reSelect, .searchPanel1 .selectPanel a.reSelect, .searchPanel2 .selectPanel a.reSelect, .idxSection1 .searchPanel1 .searchPanel1__counter .itemWrap .selectPanel a.reSelect { color: #16a2a3; text-decoration: underline }
.selectPanel a.reSelect:hover, .searchPanel1 .selectPanel a.reSelect:hover, .searchPanel2 .selectPanel a.reSelect:hover, .idxSection1 .searchPanel1 .searchPanel1__counter .itemWrap .selectPanel a.reSelect:hover { color: #007c7d }
.counterItem { position: relative; display: inline-block; vertical-align: middle; margin-top:30px;}
.counterItem .selectBtn.on { background-color: #fff }
/*.counterItem:nth-child(4) .selectPanel.singleCol { width: 320px;}
.counterItem:nth-child(4) .selectPanel.singleCol .selectPanel__level { height: 200px; overflow-x: hidden; overflow-y: scroll }*/
/*.counterItem:nth-child(4) .selectPanel.singleCol a { width: 49%; padding: 7px 10px;
    font-size: 15px; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block } */
/* .keywordIpt { width: 288px } */
.keywordIpt { width: 435px }
.selectBtn { position: relative; display: inline-block; padding: 14px 20px 14px 6px; border: 1px solid #d2d3d3; background: rgba(255,255,255,0.8); color: #333 }
.selectBtn:hover { text-decoration: none }
.selectBtn:after { content: ""; position: absolute; top: 12px; right: 27px; width: 1px; height: 20px; background-color: #d3d3d3 }
.selectBtn:before { position: absolute; display: inline-block; top: 35%; right: 10px; content: ""; width: 8px; height: 8px; border-right: 2px solid #f16d77; border-top: 2px solid #f16d77; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) }
.selectBtn.on:before { top: 46%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.selectBtn i { display: none }
.selectBtn i.plus { display: block; position: absolute; top: 10px; right: 28px; width: 20px; height: 20px; line-height: 20px; text-align: left; background-color: #fff; font-style: normal }
.selectBtn span { display: inline-block; height: 18px; width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap ; line-height: 18px;}
.selectPanel { position: absolute; top: 65px; left: 1px; width: 100px; padding: 20px 0 20px 0px; text-align: left; border: 1px solid #ccc; background: #fff; vertical-align: middle; z-index: 3; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s }
.selectPanel:before { position: absolute; top: -13px; left: 20px; width: 0; content: ''; border-width: 0 9px 13px 9px; border-style: solid; border-color: transparent transparent #ccc transparent }
.selectPanel:after { position: absolute; top: -12px; left: 21px; width: 0; content: ''; border-width: 0 8px 12px 8px; border-style: solid; border-color: transparent transparent #fff transparent }
.selectPanel__level1, .selectPanel__level2 { display: none }
.selectPanel__level1 a, .selectPanel__level2 a,.selectPanel__level a { display: inline-block; color: #000; width: 80px; padding: 7px 10px; font-size: 15px; vertical-align: top }
.selectPanel__level1.on, .selectPanel__level2.on,.selectPanel__level.on { display: block }
.selectPanel.hn { display: none }
.selectPanel.vhn { opacity: 0 }
.selectPanel.singleCol { width: 215px }
.selectPanel.singleCol a { display: block; width: auto }
.selectPanel.singleCol .freeIpt { padding: 6px 10px }
.selectPanel.singleCol .freeIpt input { padding: 3px 5px; width: 37px; vertical-align: middle }
.selectPanel .xBtn { position: absolute; top: 8px; right: 10px; width: 15px; height: 15px; display: block }
.selectPanel .xBtn:before, .selectPanel .xBtn:after { position: absolute; top: 0; left: 8px; width: 1px; height: 15px; content: ''; background: #6e6e6e; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.selectPanel .xBtn:after { width: 15px; height: 1px; left: 1px; top: 7px }
.selectPanel label { position: relative; display: inline-block; width: 100% }
.selectPanel label span { position: relative; display: inline-block; width: 100%; padding-left: 25px; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box }
.selectPanel label span:before { content: ''; width: 18px; height: 18px; cursor: pointer; position: absolute; top: 0; left: 0; border: 1px solid #aaa }
.selectPanel label span:after { content: ''; width: 9px; height: 5px; position: absolute; top: 4px; left: 4px; border: 3px solid #e60012; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.selectPanel label input[type=checkbox] { visibility: hidden; opacity: 0; width: 0; position: absolute; display: inline-block }
.selectPanel label input[type=checkbox].on+span:after { opacity: 1 }

/*** 加***/
.selectPanel.w215 { width: 215px }

@media screen and (max-width:768px){
	
	#search02{ display:none;}
.counterItem { display: block; margin-bottom: 13px }

.counterItem .selectBtn { width: 100%; padding: 10px 33px 10px 15px; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; text-align: left; background: rgba(255,255,255,0.8); border: 1px solid #d2d3d3; border-radius: 0; box-shadow: none ;display: block;}
.counterItem .selectBtn:before { width: 6px; height: 6px; border-right: 2px solid #f16d77; border-top: 2px solid #f16d77 }
.counterItem .selectBtn:after { display: block; top: 9px }
.counterItem:nth-child(8){ text-align: center; padding-top: 20px;}
.searchPanel1__counter { padding-top: 10px }
.searchPanel1 .itemWrap { height: auto; padding: 0 10px; text-align: left }
.searchPanel2 .itemWrap:nth-child(2) { padding: 0 }
.searchPanel2 .itemWrap:nth-child(2) .counterItem { -moz-box-sizing: border-box; box-sizing: border-box }
.searchPanel2 .itemWrap:nth-child(2) .counterItem .selectBtn span { width: 100% }
.searchPanel2 .itemWrap:nth-child(2) .counterItem:nth-child(1) { width: 36% }
.searchPanel2 .itemWrap:nth-child(2) .counterItem:nth-child(1) .selectBtn { width: auto }
.searchPanel2 .itemWrap:nth-child(2) .counterItem:nth-child(2) { width: 34% }
.searchPanel2 .itemWrap:nth-child(2) .counterItem:nth-child(2) .selectBtn { width: auto }
.searchPanel2 .itemWrap:nth-child(2) .counterItem:nth-child(3) { width: 27% }
.searchPanel2 .itemWrap:nth-child(2) .counterItem:nth-child(3) .selectBtn { width: auto }
.selectPanel { position: relative; left: inherit; top: inherit; width: 100%; margin-top: 13px; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc }
.selectPanel:before { position: absolute; top: -13px; left: 20px; width: 0; content: ''; border-width: 0 9px 13px 9px; border-style: solid; border-color: transparent transparent #ccc transparent }
.selectPanel:after { display: block; position: absolute; top: -12px; left: 21px; width: 0; content: ''; border-width: 0 8px 12px 8px; border-style: solid; border-color: transparent transparent #fff transparent }
.selectPanel.singleCol { width: 100% }

.singleCol { width: 100% }
.selectPanel a { color: #000 }
.keywordIpt { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box }

/*** 加***/
.selectPanel.w215 { width: 100%; }

.searchBtn1, .idxSection4 .searchBtn2 {
    display: block;
    font-size: 18px;
    width: 225px;
    margin: 20px auto 0 auto;
    padding: 10px 0 10px 20px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 39% center;
    background-size: 17px 17px;
    background-image: url(../images/icon_scope.png);
}

.counterItem { margin-top:0px;}
}