@charset "utf-8";
/**************************************************  默认样式  *******************************************************/
html,body { width:100%; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:微软雅黑, Helvetica, Arial, sans-serif; font-size:12px; line-height:20px; color:#666; position:relative; background:#f0f0f0 url(../images/bg.jpg) repeat;}
a { color:#666; text-decoration:none;} a:hover { color:#d61718;}
img { vertical-align:bottom; max-width:100%; height:auto;}
input,select { padding:3px 5px;}

/**************************************************  通用样式  *******************************************************/
.WrapBox { width:100%; min-height:100%; min-width:1000px; padding-bottom:107px; padding-top:72px; position:relative;}
.wrap { width:1000px; margin:0 auto; clear:both;}
.crumb { clear:both; width:1000px; margin:20px auto; font-size:14px; color:#aaa;}
.ico12 { display:inline-block; width:12px; height:12px; margin:0 2px 3px 0; vertical-align:middle; background:url(../images/sprite-ico.png) no-repeat;}
.ico20 { display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(../images/sprite-ico.png) no-repeat;}
.ico-login { background-position:0 0;}
a:hover .ico-login { background-position:-30px 0;}
.ico-reg { background-position:0 -20px;}
a:hover .ico-reg { background-position:-30px -20px;}
.ico-more { background-position:0 -40px;}
a:hover .ico-more { background-position:-30px -40px;}
.ico-arrowR { float:right; margin:20px 0 0 0; background-position:0 -60px;}
a:hover .ico-arrowR { background-position:-30px -60px;}
.ico-arrowR2 { float:right; margin:20px 0 0 0; background-position:-20px -60px;}
.ico-profile { margin:0 5px 6px 0; background-position:0 -80px;}
.active .ico-profile { background-position:-30px -80px;}
.ico-email { margin:0 5px 6px 0; background-position:0 -100px;}
.active .ico-email { background-position:-30px -100px;}
.ico-phone { margin:0 5px 6px 0; background-position:0 -120px;}
.active .ico-phone { background-position:-30px -120px;}
.ico-info { margin:0 5px 4px 0; background-position:0 -140px;}
.active .ico-info { background-position:-30px -140px;}
.ico-recharge { margin:0 5px 6px 0; background-position:0 -160px;}
.active .ico-recharge { background-position:-30px -160px;}
.ico-money { margin:0 5px 6px 0; background-position:0 -180px;}
.active .ico-money { background-position:-30px -180px;}
.ico-query { margin:0 5px 6px 0; background-position:0 -200px;}
.active .ico-query { background-position:-30px -200px;}
.ico-question { margin:0 5px 4px 0; background-position:0 -220px;}
.active .ico-question { background-position:-30px -220px;}
.ico-myquestion { margin:0 5px 6px 0; background-position:0 -240px;}
.active .ico-myquestion { background-position:-30px -240px;}
.ico-ask { margin:0 5px 6px 0; background-position:0 -260px;}
.active .ico-ask { background-position:-30px -260px;}

/**************************************************  尾部样式  *******************************************************/
.footer { width:100%; min-width:1000px; margin-top:-87px; padding:15px 0 10px 0; border-top:2px solid #d61718; font-size:12px; color:#888; position:relative; background-color:#fff;}
.foot-logo { float:left; width:266px; height:60px; margin:0 20px 0 0; font-size:0; text-indent:-9999px; background:url(../images/foot-logo.png) no-repeat;}
.foot-logo a { display:block; width:100%; height:100%;}
.footer p { margin:5px 0;}

/**************************************************  头部样式  *******************************************************/
.header { width:100%; border-bottom:2px solid #d61718; background-color:#fff; min-width:1000px; position:fixed; top:0; z-index:10;}
.header h1 { width:225px; height:50px; background:url(../images/head-logo.png) no-repeat; font-size:0; text-indent:-9999px;}
.header .wrap { padding:10px 0; position:relative;}
.header h1 a { display:block; width:100%; height:100%;}

.login { position:absolute; top:2px; right:0;}

.nav { position:absolute; bottom:0; right:0; font-size:16px; color:#333;}
.nav a { color:#333;}   .nav a:hover { color:#d61718;}
.nav ul { overflow:auto;}
.nav ul li { float:left; height:36px; padding:5px 20px;}
.nav ul li.active { border-bottom:3px solid #d61718;}
.nav ul li a { display:block; width:100%; height:100%;}

/**************************************************  容器样式  *******************************************************/
.boxA { background-color:#fff; border-radius:6px; position:relative; overflow:hidden; box-shadow: 0px 0px 2px 0px #aaa; -webkit-box-shadow: 0px 0px 5px 0px #aaa;}
.boxB { height:100%; background-color:#d61718; border-radius:6px; position:relative; overflow:hidden; box-shadow: 0px 0px 2px 0px #aaa; -webkit-box-shadow: 0px 0px 5px 0px #aaa;}
.boxC { padding:10px 15px; background-color:#e5e5e5; border:1px solid #ccc; overflow:hidden; font-size:14px;}
.boxD { padding:10px; border:1px dashed #ccc; background-color:#f5f5f5;}
.boxE { padding:15px; background-color:#eee; overflow:auto;}

.titleA { padding:10px 0; text-align:center; font-size:16px; color:#fff; font-weight:bold; background-color:#d61718;}
.titleB { margin:20px auto; padding-left:10px; border-left:4px solid #d61718; font-size:18px; line-height:22px; color:#333; font-weight:bold;}
.titleC { margin:15px auto 5px auto; font-size:16px; color:#333; font-weight:bold;}
.titleD { margin:25px auto; font-size:20px; color:#333; font-weight:bold;}
.titleE { font-size:18px; color:#333; font-weight:bold; text-align:center;}
.titleLine { padding:10px 0 20px; border-bottom:1px solid #ddd; font-size:20px; color:#333;}

/*****************************  翻页样式  *****************************/
.page { clear:both; text-align:right; margin-top:20px; color:#666;}
.page li { display:inline-block; margin-left:5px;}
.page li a { display:block; padding:2px 6px; border:1px solid #ddd; background-color:#f0f0f0; color:#666;}
.page li a:hover { color:#d61718;}

/*****************************  地图样式  *****************************/
#dituContent img { max-width:none;}