@charset "utf-8";
/* CSS Document */


/*---字体相关注册---*/
/* ------------------------------------- @font --------------------------------------*/
.font
{ font-family: \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial,sans-serif;}
/* ------------------------------------- /@font --------------------------------------*/


/* -------------------------------------- @declare ---------------------------------------*/
/* ----------- fix float ---------- */
.b-filter:after,.gl-region dl:after
{clear:both; display:block; height:0; content:'\20';}
.b-filter li,.gl-region dl
{zoom:1;}

/* ----------- inline-block ---------- */
.inline-block
{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;*margin-right:3px;vertical-align:middle;position:relative; font-size:0px;}

/* ----------- css sprite ---------- */
.glossary-list .terms .fn-more
{ background-image: url(//www.dpfile.com/s/c/app/index/i/citylist/city-list.373ca512376622ea8a6d266ebda464c8.png); background-repeat: no-repeat;}
.top-ad,.main-top-wide,
.btn-search,.nav-citylist .bord,.nav-citylist .this a,.nav-citylist .this a:hover,.glossary-list .terms .fn-more 
{ background-image: url(//www.dpfile.com/s/c/app/index/i/citylist/citylist-headerbg.4a66dc2f634131be4a8118c995d763cc.png); background-repeat: no-repeat;}


/* -------------------------------------- /@declare ---------------------------------------*/



/* ------------------------------------- @block --------------------------------------*/

/* ------------------------------------- /@block --------------------------------------*/




/* ------------------------------------- @modules --------------------------------------*/
.header .misc { float: right; margin-top: 18px;}
.header .misc a { color: #66C;}
.header .misc a:hover { color: #FFF; background: #66C;}
.page-cityList h2 { margin: 20px 0 25px; font-size: 1.2em;}
/*.main-top-wide { width: 100%; height: 80px; background: #FF9A00 url(//www.dpfile.com/s/c/app/index/i/citylist/city-list-title.7065b35d3f65764a08c292b8005a9152.png) center top no-repeat; }*/
.main-top-wide h1 { text-indent: -9999px;}
.b-filter { position: relative; width: 100%; margin-bottom: 35px !important;}
.b-filter .nav-tab-list { _float: none;}
.b-filter .related { position: absolute; left: 225px; top: 0;}
.b-filter .related dt,
.b-filter .related dd { display: inline;}
.b-filter .related dd a { margin-right: 2px;}
.b-filter .search-fields-wrapper { position: absolute; right: 0; top: -8px;}
.b-filter .search-fields-wrapper  .form-txt { position: relative; top: -8px; top: -7px\0; *top: -4px; width: 170px; height: 18px; padding: 2px 5px; line-height: 18px; color: #BBB; border: 1px solid #CCC;}
.b-filter .search-fields-wrapper  .focus { color: #111;}


.header .top-ad { float: right; width:596px; height:40px; margin-top:8px; text-indent:-99999px; overflow:hidden; background-position:0 -90px; }
.main-top-wide { width:900px; height: 58px; margin-bottom:15px; padding:22px 35px 0;  background-position:-8px 0; font-size:12px;  }
.main-top-wide .related { float:left; height:20px; margin:4px 12px 0 0; *margin:2px 12px 0 0; font-size:14px; color:#cccccc; vertical-align:middle; width:335px;}
.main-top-wide .related span{ color:#111111;}
.main-top-wide .related a{ margin:0 2px; color:#6666CC;}
.main-top-wide .related a:hover{ color:#fff; background-color:#6666CC;}
.main-top-wide .related strong{ font-size:20px;}
.main-top-wide .search-fields-wrapper {float:left;  height:27px;padding-left:15px; margin-top:5px;_margin-top:3px; background-position:-850px -92px; }
.main-top-wide .search-fields-wrapper .ser_tit{ float:left; margin-top:5px;}
.main-top-wide .search-fields-wrapper .form-txt { width: 170px; height: 21px; padding: 2px 5px; font-size:12px; line-height: 18px; color: #333; border: 1px solid #CCC;vertical-align:middle; }
.main-top-wide .search-fields-wrapper .focus { color: #111;}
.main-top-wide .search-fields-wrapper .btn-search{ display:inline-block; width:28px; height:27px;margin-left:-5px; padding:0;background-position:-620px -90px;vertical-align:middle;}
.main-top-wide .search-fields-wrapper .btn-search input{display:block; width:28px; height:27px; padding:0; background:none; border:none; text-indent:-999px;}
.main-top-wide .search-fields-wrapper .autocompleter{ font-size:12px;}
.main-top-wide .search-fields-wrapper .autocompleter .ac_title{ margin:0 5px 5px; padding:2px;}

/*nav-citylist*/
.navbarbox{width:960px; margin:0 auto;  position:relative;z-index:5;}
.nav-citylist ul { width:960px; position:relative; border-bottom: 1px solid #DA795B;box-shadow: 0 5px 3px 0  rgba(0,0,0,0.1);-moz-box-shadow: 0 5px 3px 0  rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 3px 0  rgba(0,0,0,0.1);}
.nav-citylist li { float: left; margin-right:3px;}
.nav-citylist li a { display:inline-block; padding:3px 12px 15px 12px; color: #61646E; background-position:-850px -75px; font-size:14px; cursor: pointer;}
.nav-citylist li a:hover { color: #61646E; background:none; }
.nav-citylist .this a { background-position:-704px -91px; font-weight:bold; color:#ff9933;}
.nav-citylist .this a:hover { background-position:-704px -91px;text-decoration: none;color:#ff9933;}
.nav-citylist .bord { padding-left:1px;background-position:-850px -92px;}

.glossary-list { font-size: 1.2em; zoom:1; margin-top:8px; }
.glossary-list li { position: relative; width: 880px; margin-bottom: 15px; margin-left:10px; padding-left: 70px; line-height: 2.1;text-align:left;zoom:1; }
.glossary-list:after,.glossary-list li:after{content:"\0020"; display:block; height:0; clear:both}
.glossary-list li.root { margin-bottom: 35px;}
.glossary-list .vocabulary { position: absolute; left: 0; top: 0; display: block; width: 52px;  height: 28px; /*padding: 0 20px;*/ font-size: 16px; line-height: 28px; text-align: center; color: #F60; border: 1px solid #F8CFA5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #FFF4DC;}
.glossary-list div.terms,.gl-region li .terms dd{ *float:left; display:inline-block; height:28px; padding-right:50px; overflow:hidden; vertical-align:top;position:relative;}
.glossary-list .terms a,.glossary-list .terms-open a { white-space: nowrap;}
.glossary-list .terms .sep,.glossary-list .terms-open .sep{ margin: 0 8px; color: #CCC;}
.glossary-list .terms-open .opena{ color:#999;}
.glossary-list .terms-open .fn-more{ display:none;}
.glossary-list .terms .fn-more {position:absolute; top:5px; right:0; display:block; height:20px; line-height:20px; padding-right:15px; font-size: 12px; background-position:-946px -93px;}
.glossary-list .terms .fn-more a { text-decoration: none; color: #999;}
.glossary-list .terms .fn-more a:hover { text-decoration: underline; color: #C00; background: none;}
.glossary-list .terms-open,.gl-region li .terms-open dd{ height:auto;text-align:left; display:block;}
.gl-region li .terms.oversea dd{height:auto;overflow:auto;}

.gl-py li{margin-bottom:10px;}

.gl-region li { width: 840px; padding-left: 115px;}
.gl-region li.root{ padding-top:35px; margin-bottom:15px;}
.gl-region .vocabulary { padding: 0; width: 80px; text-align: center;}
.gl-region dl { position:relative; margin-left:-115px;padding-left:115px; margin-bottom:-25px;zoom:1; }
.gl-region dl:after{content:"\0020"; display:block; height:0; clear:both}
.gl-region dt {width: 113px; text-align: right; margin-left:-130px;}
.gl-region dd {position:relative;  top:-30px; text-align:left;}
.gl-region li .terms-open dd{_margin-left:133px;display:inline;}


/* for ie6   */
.glossary-list .vocabulary{ _position:relative; _left:auto; _top:auto;  _float:left; _margin-left:-75px;display:inline;}
.gl-region li{_width:800px;  padding-left: 95px; }
.gl-region li.root{ _margin-bottom:15px; _padding-top:0;}
.gl-region .vocabulary { _float:left; _margin-left:-100px; _margin-bottom:5px; display:inline;}
.gl-region dl{ _width:800px;_padding-left:85px;_margin-bottom:-30px; }
.gl-region dl dt{ _width: 113px;_margin-left:-95px;}
.gl-region dd{ _margin-left:15px; display:inline; }
.gl-region li.root .terms-open{_width:780px;_padding-left:115px;}
.gl-region li .terms-open dd{_margin-left:0;display:inline;}
.gl-region li.root .terms-open dt{_margin-left:-125px;}
/* for ie6   */



.b-tips { padding:14px 20px; color: #888888; border: 1px solid #EEE1D8; background-color: #FFF9F1; overflow: hidden; }
.b-tips .btn-type-a { margin-left: 10px; vertical-align:middle;}

/* ------------------------------------- /@modules --------------------------------------*/

.fixed-header{background-color:#fff;}
.toTop {width: 48px;height: 50px;text-indent: -9999px;position: fixed;outline: none;bottom: 10px;right: 10px;background: transparent url(//www.dpfile.com/s/c/app/index/i/citylist/totop.563e2bb3ae9e3f4471bd6048386b8671.png) no-repeat 0 0;
_position: absolute;display: none;z-index: 9999;}
.toTop:hover{background-position:-48px 0;}

/* ------------------------------------- @UI & JS --------------------------------------*/

/* ------------------------------------- /@UI & JS --------------------------------------*/