@charset "utf-8";
@import url(ddsmoothmenu.css);
@charset "utf-8";
/* CSS Document 2011.8.3 */
body {font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;font-size:14px;color:#6D6D6D;background:#fff url(../images/bg.jpg) no-repeat center -100px;}
div,form,img,ul,ol,li,dl,dt,dd,p{margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img, a img{border:0; vertical-align:top;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
/* Link */
a{color:#333; text-decoration:none;}
a:hover {color:#ff8700 ; text-decoration:none;}
/* Other */
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.mauto{width:1000px; margin:0 auto;}
.m_auto{margin:0 auto;}
/* Font  */
.fb{font-weight:bold;}
.f11px{font-size:11px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f10px{font-size:10px;}
.li20px{line-height:20px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.f24px{font-size:24px;}
.f30px{font-size:30px;}
.yahei{font-family:Arial,Helvetica,sans-serif;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.ml19{margin-left:19px;}
.fl{float:left;}
.fr{float:right;}
.ovht{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.clearfix {clear:both;}
/*header css*/
#header{position: relative;width: 1000px;height:130px;margin-right: auto;margin-left: auto;margin-bottom:0px; clear:both; z-index:1;}
#header .logo{float: left;height:120px;position: relative;padding-top:10px;}
#top_navigation{ position:relative; width:453px; height:24px; line-height:24px; margin-top: -5px; margin-bottom: 5px; overflow:hidden;}
#top_navigation li{ float:left; height: 20px;text-align: left;}
#top_navigation li a{ float: left; width: 50px; height: 22px; font-size: 12px; line-height: 22px; text-align: center; padding-left:10px; display: block; }
#top_navigation li a:hover{COLOR: #eee;}
#top_navigation li a.login_btn{ color: #fff; -moz-border-radius:3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px; background: #4cc7b0 url(../images/icon_login.png) 8px center no-repeat;}
#top_navigation li a.login_btn:hover{background-color:#060;}
#top_navigation li a.register_btn{ color: #fff; -moz-border-radius:0px 3px 3px 0px;-webkit-border-radius:0px 3px 3px 0px;border-radius:0px 3px 3px 0px;background: #ff9900 url(../images/icon_register.png) 8px center no-repeat;}
#top_navigation li a.register_btn:hover{background-color:#F60;}
#header .logo .logoimg{ display:block; margin-top:0px; clear:both;}
/*Drop-down menu css*/
#top_navigation li dl{display:none;position:absolute;right: 0px;width: 153px;background-image: url(../images/menu-bg.png);background-repeat: no-repeat;background-position: 0px 0px;padding-top: 10px;}
#top_navigation li dd{line-height: 30px;text-align: left;margin-top: 0px;display: block;border-top-width: 1px;border-top-style: solid;border-top-color: #9fdcb8;height: 30px;overflow: hidden;}
#top_navigation li dd.no{line-height: 30px;text-align: left;margin-top: 0px;display: block;border-top-width: 0px;border-top-style: none;}
#top_navigation li dd a{color: #FFFFFF;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;font-weight: normal;line-height: 30px;padding-left: 25px;background-image: url(../images/menu-link.png);background-repeat: no-repeat;background-position: 10px center;display: block;}
#top_navigation li dd a:hover{color: #ffde00;background-image: url(../images/menu-hover.png);background-repeat: no-repeat;background-position: 10px center;background-color: #92cec3;}
#header .bdshare_t{ float:right; height:27px;}
#header .bdshare_t h1{ font-size:12px; line-height:16px; font-weight:normal;}
/*header menu*/
#Navigation{float: right;width:511px; margin-top:0px;display:block; z-index:1;}
#Navigation .link{ float: right; padding-top: 5px; padding-bottom: 5px;}
#Navigation .link span{ color: #aaa; padding: 0 3px;}
#memberArea{ margin-top: 10px;}
/*custom*/
.pass-logo .reg{ margin-top:75px;}
div{font-size:12px;line-height:1.8em;margin:0px;padding:0px;color:#6d6d6d;text-align: left;font-family: Arial, Helvetica, sans-serif;}
.picBut a:hover{color:#fff!important;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
@media (max-width:999px){
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header{ position:relative; width:100%;}
#top_navigation{width:100%;}
#header .logo{ width:100%;}
#header .logo .logoimg{width:200px;}
#header .logo .logoimg img{ width:200px; height:auto;}
#header .bdshare_t{ position:absolute; right:10px; top:-25px; height:30px;}
span.bds_more, .bds_tools a{ height: 30px!important;}
#Navigation{ position:absolute; right:10px; top:25px; margin-bottom:10px;}
#Navigation .link{ position:absolute; right:0; top:-27px; height:30px; text-align:right;}
.ddsmoothmenu ul li{ width:20%;}
.ddsmoothmenu ul li:first-child{ border-left:0;}
.ddsmoothmenu ul li .menuimg{ width:100%; background-position:40% top!important;}
.menuword{ text-align:center;padding-left:5px; padding-right:5px;}
.form-login h2{ margin-top:10px; padding-bottom:15px!important;}
.pass-logo .reg{text-align: center; padding-left:0; margin-top:15px; margin-bottom:10px;}
}
@media (max-width:919px) {
.ddsmoothmenu ul li .menuimg{background-position:35% top!important;}
}
@media (max-width:767px) {
#header{height:auto;}
#header .logo{ position:relative; height:68px;}
#header .logo .logoimg{ display:inline-block;}
#header .logo .logoimg img{width:120px;}
#header #bdshare{ display:none!important;}
#bdshare_l_c{ display:none!important;}
#Navigation .link{ display:none;}
#Navigation{ position:relative; right:auto; top:auto; float:none; width:100%; margin-bottom:10px; clear:both;}
.i_nav{ height:auto;}
#top_navigation{position:absolute; right:50px; top:30px; width:230px; text-align:right; z-index:9;}
#top_navigation iframe{width:230px!important;}
.form-login .input{font-size:12px;}
.onShow, .onFocus, .onError, .onCorrect, .onLoad, .onTime{ margin-left:3px;}
.take, .reg{font-size:12px;}
/*phone nav*/
#memberArea{ padding-left: 10px;}
#memberArea .left-memu{ display: none;}
.phone_nav.mean-container{position: absolute; right:0; top: 68px; width:100%;}
a.meanmenu-reveal{display: none;}
.mean-container .mean-bar{float: left;width: 100%;position: relative;padding: 0;z-index: 99999;}
.mean-container a.meanmenu-reveal{position: absolute;top: -58px;right: 0;width:18px;height: 22px;padding: 14px 18px 11px 13px;cursor: pointer;color: #333;text-decoration: none;font-size: 16px;text-indent: -9999em;line-height: 22px;font-size: 1px;display: block;font-family: Arial, Helvetica, sans-serif;font-weight: 700;}
.mean-container a.meanmenu-reveal span{display: block;background: #333;height:2px;margin-top: 4px;}
.mean-container .mean-nav{float: left;width: 100%;background:#e4e2e3;margin-top: 0;}
.mean-container .mean-nav #mainmenu{ height:auto;}
.mean-container .mean-nav h5,.mean-container .mean-nav h6{font-size:15px; padding: 8px 15px; background-color: #fffced;}
.mean-container .mean-nav h5 img,.mean-container .mean-nav h6 img{ display: none;}
.mean-container .mean-nav ul{padding: 0;margin: 0;width: 100%;background:#e4e2e3;list-style-type: none;}
.mean-container .mean-nav ul:after{ content:""; display: block; clear:both;}
.mean-container .mean-nav ul li{position: relative;float: left;width: 100%;}
.mean-container .mean-nav ul li a{display: block;float: left;width: 90%;padding: 6px 5%;margin: 0;text-align: left;color: #333;border-top: 1px solid #f8f8f8;border-top: 1px solid rgba(0,0,0,0.1);text-decoration: none;text-transform: uppercase;}
.mean-container .mean-nav ul li li a{width: 80%;padding: 0.5em 10%;border-top: 1px solid #383838;border-top: 1px solid rgba(0,0,0,0.25);visibility: visible;}
.mean-container .mean-nav ul li.mean-last a{border-bottom: none;margin-bottom: 0;}
.mean-container .mean-nav ul li li li a{width: 70%;padding: 1em 15%;}
.mean-container .mean-nav ul li li li li a{width: 60%;padding: 1em 20%;}
.mean-container .mean-nav ul li li li li li a{width: 50%;padding: 1em 25%;}
.mean-container .mean-nav ul li a:hover{background: #252525;background: rgba(255,255,255,0.1);}
.mean-container .mean-nav ul li a.mean-expand{margin-top: 1px;width: 26px;height: 24px;padding: 10px !important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 700;background: rgba(0,0,0,0.1);border: none !important;border-left: 1px solid rgba(0,0,0,0.4) !important;border-bottom: 1px solid rgba(0,0,0,0.2) !important;}
.mean-container .mean-nav ul li a.mean-expand:hover{background: rgba(0,0,0,0.9);}
.mean-container .mean-push{float: left;width: 100%;padding: 0;margin: 0;clear: both;}
.mean-nav .wrapper{width: 100%;padding: 0;margin: 0;}
.mean-container .mean-bar, .mean-container .mean-bar *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.mean-remove{display: none !important;}
.col-auto .content .measure-input{width:200px!important;}
.col-auto .content .input-text,.col-auto .content textarea{width:200px!important;}
}
@media (max-width:639px) {
.ddsmoothmenu ul li .menuimg{background-position:30% top!important;}
}
@media (max-width:479px) {
.menuword{ font-size:14px;}
.ddsmoothmenu ul li .menuimg{background-position:20% top!important;}
.C-InfoCard .Content .Title{padding:8px 8px 8px 10px}
.C-InfoCard .Content .Desc,.C-InfoCard .Content .State,.C-RecommendList,.P-InfoList .SortFilterList,.P-InfoList .TypeFilter,.P-Login .Panel .AuthForm,.P-Register .Panel .AuthForm,.P-UserCenter .LeftPart .Profile,.pl-3,.px-3{padding-left:10px!important}
.C-InfoCard .Cover{margin:10px 10px 10px 0}
.C-InfoCard .Content .Location{padding:8px 8px 8px 10px;}
}
@media (max-width:359px) {
#header .bdshare_t{right:10px;}
.menuword{ font-size:13px;}
.ddsmoothmenu ul li .menuimg{background-position:15% top!important;}
}