@charset "utf-8";
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.main{width:100%;min-width:320px;margin:0 auto;max-width:640px;font-size:14px}
.main img{vertical-align:top;}
.header{padding:10px 10px;font-size:.85em;color:#666;}
.header .logo{float:left;height:45px;}
.header .shopcar{float:right;margin-right:15px;}
.header .myspace{float:right;}

.search{padding:0 2.14em .71em}
.search .input-box{position:relative;display:block;padding:0 3em 1px 1.07em;border:1px solid #ccc;border-radius:1.07em}
.new-input{width:100%;height:2.14em;border:0;border-radius:0;background:#fff;font-size:.85em;line-height:1.71em;font-weight:400;color:#bdbdbd;text-indent:10px;vertical-align:top;-webkit-appearance:none}
.btn-search{position:absolute;top:0;right:0;width:3em;height:1.42em;margin-top:.36em;line-height:2.28em;text-align:center;border-left:1px solid #ccc}
.btn-search span{display:inline-block;width:1em;height:1em;margin-bottom:0.3em;background:url(../images/search.png) 0 0 no-repeat;text-indent:-9999px;background-size:1em 1em}

.tbl-type{display:table;width:100%;padding-top:5px;}
.tbl-cell{display:table-cell;vertical-align:top;text-align:center;}
.tbl-cell .tbl-text{line-height:1.71em;display:block;}
.category{padding-bottom:10px;}
.category .tbl-cell{width:20%;vertical-align:top}
.category .cate-name{display:block;font-size:.85em;color:#666;text-align:center;margin-top:.25em}
.category a{display:block;text-align:center}

.half-img{width:85%;height:auto!important;overflow:hidden}
.full-img{width:100%;height:auto!important}
.img-mh120{max-height:4.3em}

.menu1-icon,.menu2-icon,.menu3-icon,.menu4-icon,.menu5-icon,.menu6-icon{display:inline-block;width:2.64em;height:2.64em;line-height:3em;background:#0072BB;border-radius:2.64em;text-align:center;vertical-align:middle}
.menu7-icon,.menu8-icon{display:inline-block;width:2.64em;height:2.64em;line-height:3em;background:#0072BB;border-radius:2.64em;text-align:center;vertical-align:middle;border:solid 3px #FF0000}
.menu1-icon span,.menu2-icon span,.menu3-icon span,.menu4-icon span,.menu5-icon span,.menu6-icon span,.menu7-icon span,.menu8-icon span{display:inline-block;width:2.0em;height:2.0em;background:url(../images/icon.png) 0.1em 0.35em no-repeat;text-indent:-9999px;background-size:7.2em 3.6em}
.menu2-icon span{background-position:-1.75em .35em}
.menu3-icon span{background-position:-3.50em .35em}
.menu4-icon span{background-position:-5.35em .35em;}
.menu5-icon span{background-position:0.1em -1.62em}
.menu6-icon span{background-position:-1.80em -1.62em}
.menu7-icon span{background-position:-3.55em -1.62em}
.menu8-icon span{background-position:-5.35em -1.60em}

.menu1.on .menu1-icon,.menu2.on .menu2-icon,.menu3.on .menu3-icon,.menu4.on .menu4-icon,.menu5.on .menu5-icon,.menu6.on .menu6-icon{background:#b30008}

.route1,.route2,.route3,.route4,.route5{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-o-transform:rotateY(90deg);-ms-transform:rotateY(90deg);transform:rotateY(90deg)}
.route1{-webkit-transition:-webkit-transform .3s ease-out 0s;-moz-transition:-moz-transform .3s ease-out 0s;-o-transition:-o-transform .3s ease-out 0s;-ms-transition:-ms-transform .3s ease-out 0s;transition:transform .3s ease-out 0s}
.route2{-webkit-transition:-webkit-transform .3s ease-out .2s;-moz-transition:-moz-transform .3s ease-out .2s;-o-transition:-o-transform .3s ease-out .2s;-ms-transition:-ms-transform .3s ease-out .2s;transition:transform .3s ease-out .2s}
.route3{-webkit-transition:-webkit-transform .3s ease-out .4s;-moz-transition:-moz-transform .3s ease-out .4s;-o-transition:-o-transform .3s ease-out .4s;-ms-transition:-ms-transform .3s ease-out .4s;transition:transform .3s ease-out .4s}
.route4{-webkit-transform:rotateY(90deg);-webkit-transition:-webkit-transform .3s ease-out .6s;-moz-transition:-moz-transform .3s ease-out .6s;-o-transition:-o-transform .3s ease-out .6s;-ms-transition:-ms-transform .3s ease-out .6s;transition:transform .3s ease-out .6s}
.route{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}


.book_floor .tbl-cell{width:50%;overflow:hidden;}
.leftspace{padding:5px 5px 5px 10px;}
.rightspace{padding:5px 10px 5px 5px;}
.book_floor a{display:block;text-align:center}
.book_floor h2{height:40px;font-size:1.14em;color:#333;text-align:left;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-left:3px solid #0072BB;background:#f1f1f5;padding:.6em;}
.book_floor h2 .more{float:right;color:#555;font-size:.85em;font-weight:100;}

.banner{position:relative;width:100%;overflow:hidden}
.new-banner-num{position:absolute;left:0;bottom:3px;width:100%;height:10px;text-align:center}
.new-banner-num .new-tbl-cell{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:6px;background-color:#fff;text-indent:-9999px}
.new-banner-num .new-tbl-cell a{display:block}
.new-banner-num .new-tbl-cell.on{background-color:#e4393c}
.scroll-wrapper{width:100%;margin:0 auto;max-width:640px;overflow:hidden}
.scroll-wrapper .scroller{list-style:none}
.scroll-wrapper .scroller li{float:left;text-align:center}
.scroll-wrapper .scroller li img{width:100%;min-width:320px;max-width:640px;height:auto!important;max-height:240px}

/*
@media screen and (min-width:480px){.main{font-size:21px}}
@media screen and (min-width:640px){.main{font-size:28px}}
*/