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

@charset "utf-8";
/* CSS Document */
html {font-size: 30px;}
html, body {-webkit-tap-highlight-color: transparent;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: Microsoft Yahei;max-width: 720px;margin: 0 auto !important;}
input, textarea, select {outline: none;font-family: Microsoft Yahei;}
.clearfix:before, .over-hide:before {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
.clearfix:after, .over-hide:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix, .over-hide {zoom: 1;}
.over-hide ul {width: 110%;}
a, a:visited{text-decoration: none;}
img {max-width: 100%;margin: 0 auto;}

/*header 样式*/
header {height: 2.8rem;background-color: #323228; overflow:hidden; position:relative;}
.logo {width: 7.1rem;height: 1.5rem;margin:0.73rem 0 0.7rem 1.5rem; position:absolute; left:0; top:0;}
.logo a {display: block;width: 100%;height: 100%;}
.logo a img {width: 100%;}

.top-bar { position:absolute; right:0; top:0; height: 2rem;box-sizing: border-box; clear:both; overflow:hidden; margin:0.35rem 0.8rem 0 0; }
.top-bar ul {display: table;height: 100%;width: 100%; overflow:hidden;}
.top-bar li {display: table-cell;text-align: center; width:33.3%; margin:0 auto;}
.top-bar li:first-child { width:30%;}
.top-bar li a {color: #fff;font-size: 0.8rem;text-align: center;text-decoration: none; width:3.5rem; display:block;}
.top-bar li img {width: 1.07rem; height:1.03rem; margin: 0 auto;}

/*底部footer样式*/
footer { height:2.8rem;color: #535353;background-color: #d7d7d7;line-height:1rem;font-size: 14px;text-align: center; padding:.5rem 0; margin-bottom:3px; clear:both;}
footer ul {display: table;width: 100%;font-size: 16px;margin-bottom:15px;}
footer li {display: table-cell;width: 33%;text-align: center;}
footer li a {padding: 0 10px;color: #535353;}

/*底部浮动样式*/
.backBox { position: fixed;z-index: 10;left:0;bottom:0;right:0;box-sizing: border-box;width: 100%; min-width:320px; max-width:720px; padding: 0 1.4rem;color: #535353;pointer-events: auto; margin:0 auto;}
.backBox div {width:6.46rem; display: table; height:2.17rem; background-color:rgba(0,0,0,0.45); border-radius:30px; float: left;}
.backBox span { width:50%; margin: 0.45rem 0; position:relative; height:1.25rem; overflow:hidden;display: table-cell;}
.backBox span em { position:absolute; right:0.85rem; top:0.45rem; display:block; width:0.35rem; height:0.35rem; border-radius:0.35rem; background:#f00;}
.backBox span img { display:block; max-width:100%; height:1.28rem; margin-top:0.45rem;}
.backBox p {float:right; width:2.28rem; height:2.28rem;}

/*搜索框*/
.search-w { background-color: #f0f0f0; overflow:hidden; position:relative; padding-bottom:0.7rem;}
.search-w em { position:absolute; left:0.5rem; top:0.7rem; font-style:normal; display:block;font-size: 0.77rem; line-height: 1.7rem;color: #a3a3a3;}
.searchBox { position:relative; margin:0.7rem 3.85rem;}
.searchBox input { display: block;background-color:#f0f0f0;color: #a3a3a3; width:100%; height:1.7rem; border-radius:5px; border:1px #646464 solid; font-size:0.77rem; padding:0 0 0 0.5rem; float:left;}
.searchBox .search-btn { position:absolute;right:-0.6rem; top:0px; display: block;background: url(http://r.itiexue.net/wap/junpin/v3/search_icon.png) no-repeat center #b5b5b5;background-size: auto 100%;width: 3rem;height: 1.8rem; border-top-right-radius:5px; border-bottom-right-radius:5px;}

/*导航*/
.top { width:100%; height:45px; line-height:45px; background:#5d5b4f; position:relative; overflow:hidden;}
.top a { color:#fff;}
.top .backicon { width:12px; height:20px; position:absolute; left:11px; top:12px;}
.top .backicon a { display:block; background:url(http://r.itiexue.net/wap/junpin/icon.png) no-repeat -11px -100px; width:12px; height:20px;}
.titleFont { color:#fff; font-size:16px; font-family:"微软雅黑"; text-align:center;}

/*客服*/
.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;height: 150px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding-right: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; margin-top:4px;margin-top:21px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(http://r.itiexue.net/wap/junpin/qqkf.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
@media (min-width: 400px) {
html, body, textarea, button, input, select {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
}
@media all and (max-width: 540px) {
html, body, textarea, button, input, select {
	font-size: 22px
}
}
@media all and (max-width: 480px) {
html, body, textarea, button, input, select {
	font-size: 20px
}
}
 @media all and (max-width: 420px) {
html, body, textarea, button, input, select {
	font-size: 18px
}
}
 @media all and (max-width: 380px) {
html, body, textarea, button, input, select {
	font-size: 16px
}
}
@media all and (max-width: 320px) {
html, body, textarea, button, input, select {
	font-size: 14px
}
}
@media all and (max-width: 260px) {
html, body, textarea, button, input, select {
	font-size: 12px
}
}
#tipDiv {color: #fff; background:rgba(0,0,0,.6); top:45%;  position: fixed; padding: 12px 25px; z-index: 1002; text-align: center; }