body{margin: 0 auto; font: 14px/1 "微软雅黑",helvetica,sans-serif; height: 100%; color: #333; }
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; padding: 0; }
* { margin: 0; padding: 0; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
i { font-style: normal; font-weight: normal; }
a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; }
a { text-decoration: none; color: #333; }
/*wap的头部banner*/
.bnwrap{ position: fixed; top: 0; width: 100%;height: 52px; background-color: rgba(0,0,0,.76); z-index: 1001; display: none; background-image: url(../../images/byt_logo_bg.png); background-repeat: no-repeat; background-size: 76px 25px; background-position: 15px center; text-align: right; overflow: hidden; }
.bnwrap a{ display: inline-block; width: 64px; height: 30px; background-color: #d51f1b; line-height: 30px; font-size: 12px; color: #fefefe; text-align: center; position: absolute; right: 52px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 3px; -webkit-border-radius: 3px; }
.bnwrap span.bnwrap-close{ display: inline-block; width: 52px; height: 52px; background: url(../../images/bnwrap-close.png) no-repeat center center; background-size: 21px 21px; }
.bnwrapshow{ -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .5s ease; transition: all .5s ease; }
.bnwraphide{ -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s ease; transition: all .3s ease; }
/*客户端的头部banner*/
.apptopbanner {height:52px; z-index:1001; position: fixed; top: 0; width: 100%; background-color: #b4110c; display: none;}
.apptopbanner .go-back{ height:52px;padding-right:5px; left:0; top: 0; float: left;}
.apptopbanner .go-back:before{content: '';height: 12px;width: 12px;display: block;float:left; margin-top:17px; margin-left:17px; border: 2px solid #fff;border-left-width: 0;border-bottom-width: 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.apptopbanner h1{width:85px; height:30px; float: left; background:url(../../images/detail_logo.png) no-repeat; text-indent: -3000px; background-size:85px auto; margin-top:12px;}
.apptopbanner span{display: block; float:right; width:235px; height:52px; }
.apptopbanner span .search-btn{ position: relative;float: left; line-height:26px; color:#ddd; width:155px; height:26px; background:#fff; border-radius:5px; margin-top:12px; padding-left:30px;}
.apptopbanner span .search-btn:before{ border:2px #bdbdbd solid; width:10px; height:10px; top:5px; left:9px; border-radius:100%;}
.apptopbanner span .search-btn:after {width: 3px;height: 7px;background:#bdbdbd;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);top:15px;left:22px;}
.apptopbanner span .search-btn:before,.apptopbanner span .search-btn:after{content: '';display: block;position: absolute;}
.apptopbanner span .list-btn{float: right;height:52px;width:44px;display:block; position: relative;}
.apptopbanner span .list-btn:before{content:''; height:4px; width:4px; background-color:#fff; border-radius:6px;-webkit-border-radius:6px; display:block; position:absolute; top:23px; left:12px; box-shadow:8px 0 0 #fff, 16px 0 0 #fff;-webkit-box-shadow:8px 0 0 #fff, 16px 0 0 #fff;}
.apptopbanner.image-header{ background-color: #000; border-color: #000; color: #fff;}
.apptopbanner.image-header h1{ color: #fff;}
.apptopbanner.image-header .go-back:before {border-color: #fff;}
.apptopbanner.image-header span .list-btnA:before{ background-color: #fff;box-shadow:8px 0 0 #fff, 16px 0 0 #fff;-webkit-box-shadow:8px 0 0 #fff, 16px 0 0 #fff;}
.main-detail { padding-top:54px; }
/*wap端头部banner*/
.wapTopBanner {height:52px; z-index:1001; position: fixed; top: 0; width: 100%; background-color: #b4110c;z-index: 999;}
.wapTopBanner .goback{ height:52px;padding-right:5px; left:0; top: 0; float: left;}
.wapTopBanner .goback:before{content: '';height: 12px;width: 12px;display: block;float:left; margin-top:17px; margin-left:17px; border: 2px solid #fff;border-left-width: 0;border-bottom-width: 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.wapTopBanner h1{width:85px; height:30px; float: left; background:url(../../images/byt_logo_bg.png) no-repeat; text-indent: -3000px; background-size:85px auto; margin-top:10px;}

.dl-leader{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #f0f0f6; background-image: url(../../images/dl_leader_bg2.png); background-size: 417px 92px; background-position: center bottom; background-repeat: repeat-x; z-index: 1001; display: none; }
.dl-leader p{ width: 100%; height: 100%; background-size: 100% auto; background-position: center top; background-repeat: no-repeat; }
.dl-leader-ios p{ background-image: url(../../images/dl_leader_iosbg.png); }
.dl-leader-android p{ background-image: url(../../images/dl_leader_adbg.png); }
.mid-appdl{ padding: 10px 16px; height: 44px; display: none; margin-bottom: 10px;}
.mid-appdl a{ display: block; height: 44px; line-height: 44px; font-size: 15px; color: #ffffff; background-color: #d51f1b; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; }

.footer { padding: 10px 0; line-height: 24px; text-align: center; color: #999; background-color: #fff; border-top: 1px solid #eaeaea; }
.footer .link { line-height: 30px; font-size: 14px; padding-bottom: 2px; }
.footer .link a { font-size: 14px; color: #3d8bdb; margin: 0 12px; }
.footer .link .cur { margin: 0 12px; color: #333; }
.footer .copy { color: #888; font-size: 12px; }

.gotop { cursor: pointer; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform: translate(0px,-10px); -webkit-transition-property: bottom; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; position: fixed; z-index: 999; bottom: 50px; right: 0; opacity: .7; }
.gotop .icon { width: 33px; height: 33px; display: block; margin: 10px; -webkit-box-shadow: 0 0 2px #9C9C9C; box-shadow: 0 0 2px #9C9C9C; -webkit-border-radius: 3px; border-radius: 3px; background: url(../../images/gotop.png) no-repeat #6c7a8f center 6px; background-size: 24px auto; }