@charset "utf-8";
/*----通用2014-1-25----*/
html { font-size: 62.5%; }

body { font-size: 1em; color: #000; -webkit-text-size-adjust: none }
img, fieldset { border: 0 }
ul, ol { list-style: none }
em, address { font-style: normal }
table { border-collapse: collapse }
table, th, td { margin: 0; padding: 0; }
textarea, input { outline: none; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none; }  
a{ color: #333; text-decoration: none; outline:none; }
a:hover { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
.text-right { text-align: right; }
.clear { clear: both; width: 100%; }
.clear:after { display: block; clear: both; height: 1px; margin-top: -1px; content: ''; }
.red { color: #db2929; }
.red2 { color: #F00; }
.black { color: #999; }
.orange { color: #f40; }
.mt10 { margin-top: 1em }
.mb10 { margin-bottom: 1em }
/*font*/
.font10em { font-size: 1em }
.font12em { font-size: 1.2em }
.font13em { font-size: 1.3em }
.font15em { font-size: 1.5em }
/*----公用----*/
#main-wrapper { min-width: 320px; max-width: 720px; margin: 0 auto; width: 100%; overflow: hidden; }
.notlist{ font-size:1.8em; height:6em; line-height:6em; text-align:center;}
.radius { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.common-input { width: 94%; border: 1px solid #DCDCDC; font-size: 1em; line-height: 1.2em; color: black; padding: 0.58em 3%; }
.sub_btn { width: 100%; display: block; background: #ff6633; border: none; height: 2em; line-height: 2em; color: #fff; font-size: 1.2em; cursor: pointer; text-align: center; 
background-image: -moz-linear-gradient(center top, #f8ab0a 0, #fa6300 100%); /* Firefox */
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#f8ab0a), to(#fa6300)); /* Saf4+, Chrome */
background-image: -ms-linear-gradient(top, #f8ab0a 0%,#fa6300 100%);  /* IE*/
}
.sub_btn:visited { color: #fff; }
.btn-type { width: 100%; display: block; background: #ff6633; padding: 0.2em 0; height: 2em; line-height: 2em; color: #fff; font-size: 1.2em; cursor: pointer; text-align: center; 
background-image: -moz-linear-gradient(center top, #f8ab0a 0, #fa6300 100%); /* Firefox */
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#f8ab0a), to(#fa6300)); /* Saf4+, Chrome */
background-image: -ms-linear-gradient(top, #f8ab0a 0%,#fa6300 100%);  /* IE*/
}
.btn-type:visited { color: #fff; }
.tbl-type { display: table; width: 100%; }
.tbl-cell { display: table-cell; }
.bg-line { clear: both; background: #F0F0F0; height: 0.5em; border-top: 1px solid #E2E2E2; }
/*翻页*/
.pagelist { margin: 10px; background: #FFF; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; border: 1px solid #CCC; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.pagelist span { display: block; text-align: center; -moz-box-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; box-flex: 1; }
.pagelist span a { display: block; color: #CCC; }
.pagelist span a.on { display: block; color: #666; }
.pages { width: 40px; overflow: hidden; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.pages select { font-size: 18px; height: 40px; background: none; text-align: center; border: none; color: #666; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
/*----头部----*/
.head-wrap { position: relative; background: #ee7711; font-size: 16px; }
.head-wrap h2 { padding: .4em 0; height: 1.5em; line-height: 1.5em; color: #FFF; font-size: 1.2em; font-weight: normal; text-align: center; }
.head-wrap .head-left { position: absolute; top: 0; left: 0; }
.head-wrap .head-right { position: absolute; top: 0px; right: 0; }
.head-wrap .back { color: #FFF; font-size: 1em; width: 3em; height: 1.8em; line-height: 1.8em; display: inline-block; padding: .45em .2em .45em .4em; text-align: left; border-right: 1px solid #eb891a; }
.head-wrap .back .bg { background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/back.png) no-repeat left center; background-size: auto 1.2em; vertical-align: middle; padding-top: 2px; padding-left: 13px; height: 1.8em; }
.head-wrap .cart { color: #FFF; font-size: 1em; width: 2.2em; height: 1.8em; line-height: 1.8em; display: inline-block; padding: .5em .4em .4em; text-align: left; border-left: 1px solid #eb891a; position:relative; }
.head-wrap .cart .bg { background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/cart.png) no-repeat center center; background-size: 1.8em auto; vertical-align: middle; display: block; height: 1.8em; }
.head-wrap .cart .cartnum { position: absolute; top: 0.2em; right: 0.28em; padding: 0px 0.2em; height: 1.5em; line-height: 1.6em; background: #ff6633; border-radius: 50%; font-size: 0.7em; color: white; min-width: 1.2em; text-align: center; border:1px solid #fff;}
.head-wrap .home { color: #FFF; font-size: 1em; width: 2.2em; height: 1.8em; line-height: 1.8em; display: inline-block; padding: .5em .4em .4em; text-align: left; border-left: 1px solid #eb891a; }
.head-wrap .home .bg { background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/home.png) no-repeat center center; background-size: 1.8em auto; vertical-align: middle; display: block; height: 1.8em; }
.head-wrap-fix{ position: fixed; width: 100%; left: 0; top: 0px; height: 42px; z-index:99;}
.head-wrap-fix .head-wrap{min-width: 320px; max-width: 720px; margin: 0 auto; width: 100%;}
/*--底部--*/
.footer_nav { height: 4em; line-height:4em; background: #F0F0F5; border-top: 1px solid #E2E2E7; border-bottom: 1px solid #E2E2E7; color: #666; font-size: 14px; text-align:center; }
.footer_nav span, .footer_nav a { /*float: left;*/ min-width:2.8em; height: 2.5em; line-height: 2.5em; font-size: 1em; color: #666; margin: .3em; padding:0 0.5em; display: inline-block;}
.footer_nav a { /*width: 24%; padding: 0 4% 0 3%;*/ border:1px solid #bbb;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center;
background-image: -moz-linear-gradient(center top, #fbfbfb 0, #c5c5c5 100%); /* Firefox */
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#fbfbfb), to(#c5c5c5)); /* Saf4+, Chrome */
background-image: -ms-linear-gradient(top, #fbfbfb 0%,#c5c5c5 100%);  /* IE*/
 }
.footer_nav .line { width: 1px; height: 2.5em; background: #C2C2C7; overflow: hidden; }
.footer_nav .f_top { width: 25%; padding-left: 5%; }
.footer_nav .f_top em { display: inline-block; width: 1.1em; height: .75em; background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/gotop.png) no-repeat 0 0; background-size: 100% auto; }
.footer_con { line-height: 2.2em; font-size: 1em; text-align: center; }
.footer_con p { padding-top: .8em; vertical-align: top }
.footer_con a { font-size: 1.3em; margin: 0 10px; color: #999; }
.footer_con .ui-tel { color: #333; font-size: 1.2em; display:block; }
.footer_con .ui-tel i{background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/icon_14.png) no-repeat center center; background-size:auto 100%; width:2.5em; height:1.6em; display:inline-block; vertical-align:middle;}
.footer_con .ui-tel u{ text-decoration:none; color:#c50000; font-size: 1.8em;  display:inline-block; vertical-align:middle;}
.footer_con .copyright { font-size: 1.2em; padding-bottom: 1em; color: #aaa; }
/*浮动菜单*/
.home_nav { display: inline-block; position: fixed; left: 0.2em; bottom: 1.2em; z-index: 9999; background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/logo_icon.png) left top no-repeat; background-size: 100% auto; width: 6em; height: 6em; }
.scroll_top { display: none; position: fixed; right: 0.2em; bottom: 1.2em; z-index: 9999; background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/icon_top.png) left top no-repeat; background-size: 100% auto; width: 5em; height: 5em; }
.footer-nav-wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; margin-left: -5.6em; z-index: 9998; display: none; overflow: hidden;}
.footer-nav-box { width: 20%; height: 100%; margint-top: 0; float: left; background: rgba(240, 240, 245, 0.8); }
.footer-nav { display: table; width: 20%; height: 21em; position: absolute; top: 50%; margin-top: -12em; }
.footer-nav li { width: 100%; float: left; vertical-align: middle; text-align: center; display: table-cell; }
.footer-nav a { display: block; text-align: center; }
.footer-nav .menu1-icon, .footer-nav .menu2-icon, .footer-nav .menu3-icon, .footer-nav .menu4-icon { position: relative; margin: .5em 0 0 0; display: inline-block; width: 3em; height: 3em; line-height: 3em; background: #eb6100; border: 2px solid white; -moz-border-radius: 3em; -webkit-border-radius: 3em; border-radius: 3em; text-align: center; vertical-align: middle; }
.footer-nav .menu1-icon em, .footer-nav .menu2-icon em, .footer-nav .menu3-icon em, .footer-nav .menu4-icon em { display: inline-block; width: 1.6em; height: 1.6em; margin-top: .65em;}
.footer-nav .menu1-icon em { background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/i/inav_1.png) no-repeat center center; background-size: auto 1.6em; }
.footer-nav .menu2-icon em { background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/i/inav_2.png) no-repeat center center; background-size: auto 1.6em; }
.footer-nav .menu3-icon em { background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/i/inav_3.png) no-repeat center center; background-size: auto 1.6em; }
.footer-nav .menu4-icon em { background: url(file:///C|/Users/Administrator/AppData/Roaming/Adobe/Dreamweaver%20CS5/zh_CN/Configuration/Temp/images/i/inav_4.png) no-repeat center center; background-size: auto 1.6em; }
.footer-nav .link-name { display: block; font-size: .8em; color: #000; text-align: center; margin:3px 0; }
.footer-nav .cartnum { position: absolute; top: 0.3em; left:60%; padding: 0px 0.2em; height: 1.5em; line-height: 1.5em; background: #FF0000; border-radius: 50%; font-size: 0.7em; color: white; min-width: 1.2em; text-align: center; }
/*系统提示*/
.mess_wrap { padding: 0.8em; font-size: 14px; min-height: 200px;}
.mess_wrap .btn-type { margin: 0 auto; margin-top: 0.8em; }
.mess_con { font-size: 1.2em; margin-bottom: 0.5em; padding: .6em 0.8em; border: 1px solid #CCC;}


/*分类更多按钮*/
.btn-more { border: 1px solid #e4e4e4; background: #f3f3f3; line-height: 36px; margin: 10px 10px 15px; text-align: center; cursor: pointer; font-size: 14px; }
.btn-more a { display: block; height: 36px; line-height: 36px; color: #444; font-size: 16px; }
.btn-more_ok { background: #e60012; color: #FFF }
.btn-more_ok a { color: #FFF; }