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

 * @description : css reset

 * @author   : Rick 

 * @date     : 2013-12-05

 ****************/

/*css reset*/

html { min-height: 100% }
* { margin: 0; padding: 0 }
header, footer, section, article, nav, figure, aside, canvas { display: block }
ul, li { list-style: none }
img { border: none }
a { text-decoration: none; color: #444 }
body { line-height: 1.4; font-size: 14px; color: #444; -webkit-text-size-adjust: none; font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3"; min-width: 320px; max-width: 1024px; min-height: 100%; margin: 0 auto }
.J_commonFooter { text-align: center; width: 100%; height: 70px; margin-top: 0px; margin-bottom: 30px; }
.J_commonFooter p, .J_commonFooter a { font-size: .8rem; padding-top: 10px; color: #787878; line-height: 10px; padding-left: 5px; padding-right: 5px; }
/*Jm_jia*/

#Jm_jia { position: relative; position: fixed; z-index: 999; bottom: 10px; margin-left: 10px; width: 40px; height: 40px; background-image: url(browse.php?u=Oi8vd2FwLjkxam0uY29tL3Jlc291cmNlL2Nzcy9pbWcvc3ByaXRlMS5wbmc%3D&b=29); background-position: 0 0; background-repeat: no-repeat; background-size: 40px 40px; -webkit-background-size: 40px 40 }
#Jm_jia a { display: block; width: 40px; height: 40px; line-height: 90px; overflow: hidden; }
#J_Shade { }
#Jm_mNav { position: relative; position: fixed; z-index: 999; bottom: 20px; width: 120px; height: 181px; background-image: url(browse.php?u=Oi8vd2FwLjkxam0uY29tL3Jlc291cmNlL2Nzcy9pbWcvamlhX25hdi5wbmc%3D&b=29); background-position: 0 0; background-repeat: no-repeat; background-size: 120px 181px; -webkit-background-size: 120px 181px; }
#Jm_mNav ul { position: relative; }
#Jm_mNav li { width: 32px; height: 32px; display: block }
#Jm_mNav li a { display: block; width: 52px; height: 52px; position: absolute; left: 0px; top: 0px; line-height: 128px; overflow: hidden }
#Jm_mNav li:nth-child(1) a { left: 14px; top: 67px; }
#Jm_mNav li:nth-child(2) a { left: 14px; top: 0px; }
#Jm_mNav li:nth-child(3) a { left: 68px; top: 32px; }
#Jm_mNav li:nth-child(4) a { left: 68px; top: 105px; }
#Jm_mNav li:nth-child(5) a { left: 14px; top: 129px; }
.J_Shade { float: left; height: 100%; width: 12.5%; }
/*loading*/

.y_loading { z-index: 100; position: fixed; left: 0; top: 0; display: block; width: 100%; height: 100%; text-align: center }
.y_loading .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.y_loading .loading-gif { position: relative; display: block; width: 100px; margin: 0 auto; padding-top: 50px; color: #fff; font-size: 1em; text-shadow: 0 -1px 0 #7F7F7F; text-align: center }
.y_loading .loading-gif:before { content: ''; position: absolute; top: 0; left: 29px; width: 41px; height: 41px; background-color: #fff; border-radius: 8px; box-shadow: 0 1px 2px #8B8B8B }
.y_loading .loading-gif:after { content: ''; position: absolute; top: 5px; left: 33px; width: 31px; height: 31px; background-image: url(browse.php?u=Oi8vd2FwLjkxam0uY29tL3Jlc291cmNlL2Nzcy9pbWcvbG9hZGluZy5naWY%3D&b=29); background-repeat: no-repeat; -webkit-background-size: 31px 31px; background-size: 31px 31px }
.y_loading img.left { display: inline; width: 0; height: 100%; vertical-align: middle }
.y_loading .inner-content { position: relative; z-index: 1; display: inline-block; vertical-align: middle; text-align: center; text-indent: 3px; background: #f1f1f1; padding: 10px 0; border-radius: 4px }
/*common_nav*/

.J_float_b { position: relative; position: fixed; z-index: 999; bottom: 0px; width: 100%; max-width: 1024px; }
.common_nav { background-color: #f6f6f6; display: box; display: -webkit-box; border-top: 1px solid #d9d9d9 }
.common_nav a { width: 20%; display: block; height: 18px; text-align: center; position: relative; font-size: 10px; color: #898989; padding-top: 32px; }
.common_nav a:before { content: ''; position: absolute; left: 50%; top: 2px; width: 32px; height: 32px; margin-left: -16px; background-image: url(browse.php?u=Oi8vd2FwLjkxam0uY29tL3Jlc291cmNlL2Nzcy9pbWcvc3ByaXRlNC5wbmc%3D&b=29); background-repeat: no-repeat; background-position: 0 0; background-size: 160px 64px; -webkit-background-size: 160px 64px; }
.common_nav a:nth-child(1):before { background-position: 0px 0; }
.common_nav a:nth-child(2):before { background-position: -32px 0; }
.common_nav a:nth-child(3):before { background-position: -64px 0; }
.common_nav a:nth-child(4):before { background-position: -96px 0; }
.common_nav a:nth-child(5):before { background-position: -128px 0; }
/* bottom navigate */
.y_float { width: 100%; height: 49px; background-color: #fff; position: fixed; bottom:0; z-index:2; box-shadow:0 0 5px rgba(0,0,0,.2)}
.y_float a { display: block; float: left; width: 25%; line-height: 999px; height: 49px; overflow: hidden; position: relative }
.y_float a:before { content: ''; position: absolute; width: 32px; height: 32px; left: 50%; margin-left: -16px; top: 8px; background-image: url(browse.php?u=Oi8vd2FwLjkxam0uY29tL3Jlc291cmNlL2Nzcy9pbWcvYl9uYXYucG5n&b=29); background-repeat: no-repeat; background-position: 0 0; background-size: 32px 128px; }
.y_float a:nth-child(2):before { background-position: 0 -32px; }
.y_float a:nth-child(3):before { background-position: 0 -64px; }
.y_float a:nth-child(4):before { background-position: 0 -96px; }