body, input, textarea, select { font-family: "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", Tahoma, SimSun; font-size: 14px; line-height: 1.5; color: #606060; }
body{padding: 0;min-width: 320px; max-width: 640px;margin: 0 auto;width: 100%;background: #FFFFFF; -webkit-text-size-adjust: 100%; _background-attachment_: fixed; margin: 0px auto;}
@media only screen and (min-width:578px){html,body{}}
input, textarea, select { outline: none; }
input { vertical-align: middle; }
img { border: none; vertical-align: middle; max-width: 100%; }
table { border-collapse: collapse; }
hr { clear: both; border: none; border-top: 1px solid #DDDDDD; _height: 1px; }
ul.lsn, ol.lsn { list-style-type: none;  margin:0; padding: 0;}
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.ttu { text-transform: uppercase; }
.vm { vertical-align: middle; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.dn { display: none; }
.db { display: block; }
.pit { cursor: pointer; }
.cf:after { content: ''; clear: both; visibility: hidden; height: 0; display: block; }
.cf { *zoom: 1; }
.slh { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin:0; }
.fs9 { font-size: 9px; -webkit-transform: scale(0.75); -o-transform: scale(1); }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fw4 { font-weight: 400; }
.fw7 { font-weight: 700; }
.lh18 { line-height: 1.8; }
.lh20 { line-height: 2; }
.c0 { color: #000000; }
.c3 { color: #333333; }
.c6 { color: #666666; }
.c9 { color: #999999; }
.ts { text-shadow: 1px 1px 2px #747876; }
.tsb { text-shadow: 1px 1px 0 #FFFFFF; }
.br { border-radius: 5px; }
.brt { border-radius: 5px 5px 0 0; }
.brb { border-radius: 0 0 5px 5px; }
.bs { box-shadow: 1px 1px 3px #DDDDDD; }
.mc { margin-left: auto; margin-right: auto; }
.m5 { margin: 5px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt15 { margin-top: 15px; }
.m15 { margin: 15px; }
.mb15 { margin-bottom: 15px; }
.ml15 { margin-left: 15px; }
.mr15 { margin-right: 15px; }
.m20 { margin: 20px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.p15 { padding: 15px; }
.pt15 { padding-top: 15px; }
.pb15 { padding-bottom: 15px; }
.pl15 { padding-left: 15px; }
.pr15 { padding-right: 15px; }
.pt20 { padding-top: 20px; }
.p20 { padding: 20px; }
.pb20 { padding-bottom: 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pr { position: relative; }
.pa { position: absolute; }
.f2 { float: left; width: 50%; *width: 49.9%; }
.f3 { float: left; width: 33.3%; }
.f4 { float: left; width: 25%; *width: 24.9%; }
.f5 { float: left; width: 20%; *width: 19.9%; }
.flex_ { display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; }
.flex_1 { display: block; -moz-box-flex: 1; -webkit-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1;  margin:0; padding: 0;}
.bsb { -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bsc { -o-box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
::selection { background: #8B002F; color: #FFFFFF; }
a { text-decoration: none; outline: none; color: #757575; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover { color: #000000; }
.w180 { float: left; width: 180px; }
.w820 { float: left; width: 820px; }
.wp { margin-left: auto; margin-right: auto; max-width: 640px; min-width: 320px; }
.yucycler { position: relative; }
.yucycler .cycler { width: 100%; height: 100%; overflow: hidden; position: relative; }
.yucycler a { width: 100%; height: 100%; background: no-repeat center; position: absolute; }
.yucycler a:nth-child(n+2) { left: 100%; }
#menu { width: 130px; height: 100%; background: #E6C77F; position: fixed; z-index: 100; top: 0; left: -185px; border-right: 2px solid #EBD269; }
#menu hr { border: none; height: 0; border-top: 1px solid #F7DB9A;  margin: 2px;}
#menu a.nav { display: block; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; margin-right: 2px; color: #FFFFFF; font-size: 16px; line-height: 1; }
#menu a.nav:hover, #menu a.nav.this { background: #8B002F; }
#menu a.nav p { color: #F7DB9A; text-transform: uppercase; font-size: 12px; padding-top: 3px; margin: 0;}

#menu .call { position: absolute; left: 10px; bottom: 10px; background: url(../images/call.png) no-repeat left center; background-size: 21px 21px; color: #FFFFFF; font-size: 16px; text-indent: 30px; }
#menu .close { width: 20px; height: 20px; background: url(../images/close.png) no-repeat; background-size: contain; position: absolute; right: -23px; top: 0; }
#header { background: #8B002F; height: 32px; line-height: 32px; padding-top: 8px; padding-bottom: 8px; text-align: center; position: relative; color: #FFFFFF; font-size: 16px; }
#header .menu { width: 20px; position: absolute; left: 15px; top: 14px; }
#header .user { width: 26px; position: absolute; right: 15px; top: 9px; }
#header .logo { width: 106px; }
#footer_tel { background: #8B002F; text-align: center; color: #F3D1D9; padding-top: 18px; padding-bottom: 15px; }
#footer_bar { background: #DAB96B; text-align: center; position: fixed; width: 100%; bottom: 0; left: 0; right: 0; }
#footer_bar ul li { float: left; width: 25%; background: no-repeat center; background-size: 40%; padding-top: 13%; }
#footer_bar ul li:hover { background-color: #8B002F; }
#footer_bar ul li.home { background-image: url(../images/icon_home.png); }
#footer_bar ul li.home:hover { background-image: url(../images/icon_home_hover.png); }
#footer_bar ul li.share { background-image: url(../images/icon_share.png); }
#footer_bar ul li.share:hover { background-image: url(../images/icon_share_hover.png); }
#footer_bar ul li.feedback { background-image: url(../images/icon_feedback.png); }
#footer_bar ul li.feedback:hover { background-image: url(../images/icon_feedback_hover.png); }
#footer_bar ul li.tel { background-image: url(../images/icon_tel.png); }
#footer_bar ul li.tel:hover { background-image: url(../images/icon_tel_hover.png); }
#footer_service { background: #FFFFFF; text-align: center; position: fixed; width: 100%; bottom: 0; left: 0; right: 0; font-size: 12px; }
#footer_service a { display: block; color: #545353; background: no-repeat center 8px; padding-top: 25px; padding-bottom: 5px; }
#footer_service a:hover { background-color: #FAAC6A; color: #FFFFFF; }
#footer_service .home { background-image: url(../images/icon_service_home.png); background-size: 21px 17px; border-right: 1px solid #F1F1F2; }
#footer_service .home:hover { background-image: url(../images/icon_service_home_hover.png); }
#footer_service .back { background-image: url(../images/icon_service_back.png); background-size: 17px 17px; border-right: 1px solid #F1F1F2; }
#footer_service .back:hover { background-image: url(../images/icon_service_back_hover.png); }
#footer_service .feedback { background-image: url(../images/icon_service_feedback.png); background-size: 17px 13px; border-right: 1px solid #F1F1F2; }
#footer_service .feedback:hover { background-image: url(../images/icon_service_feedback_hover.png); }
#footer_service .tel { background-image: url(../images/icon_service_tel.png); background-size: 17px 17px; }
#footer_service .tel:hover { background-image: url(../images/icon_service_tel_hover.png); }
#sharemask { position: fixed; top: 0; left: 0; background: url(../images/share.png) no-repeat center 20px rgba(0, 0, 0, 0.7); background-size: 80%; width: 100%; height: 100%; display: none; }
#main { padding-bottom: 55px; }
#content { padding: 15px; font-size: 14px; }
#content p{margin: 0px;}
.pages { margin-top: 20px; margin-bottom: 20px; font-size: 16px; display: none; }
.pages a, .pages span { color: #FFFFFF; background: #20B8B0; padding: 5px 10px; margin-left: 15px; border-radius: 6px; box-shadow: 0 1px 1px #484848; }
#top { height: 74px; background: #FFFFFF; position: relative; margin-bottom: 15px; }
#top .avatar { width: 46px; height: 46px; border-radius: 999px; position: absolute; left: 15px; top: 12px; }
#top .register { position: absolute; top: 30px; right: 80px; }
#top .login { position: absolute; top: 30px; right: 15px; }
.formbg { background: #FFFFFF; padding: 12px; }
.formbg hr { border-color: #EBEBEC; margin-top: 5px; margin-bottom: 5px; }
.formbg label { color: #FAAC6A; }
.formbg select { border: none; background: transparent; }
.ipt { font-size: 16px; border: none; }
.btn { display: inline-block; font-size: 16px; border: none; color: #FFFFFF; border-radius: 10px; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #FAAC6A;box-shadow: 0px 2px 1px #e6944e; }
.btn:hover { background: #E6944E; color: #FFFFFF; }
.mbtn { font-size: 16px; color: #FFFFFF; background: #828282; padding-top: 10px; padding-bottom: 10px; text-indent: 25px; }