html,body{margin:0;padding:0;overflow:auto;background:#171717;color:#26231f;font:12px/1.42 "Microsoft YaHei",SimSun,sans-serif}
body{text-align:center}
.biao-shell{position:relative;width:700px;height:438px;margin:0 auto;overflow:hidden;background:#eee8dc;text-align:left}
.biao-night{position:absolute;left:0;top:0;width:164px;height:438px;background:#101319 url("images/biao-night-strip.jpg") no-repeat center top;border-right:1px solid #aa9064}
.biao-night-title{display:none}
.biao-main{position:absolute;left:165px;top:0;width:535px;height:438px;background:#f4f0e6 url("images/biao-master.jpg") no-repeat right top}
@supports (background:linear-gradient(to right,#000,#fff)){
.biao-main{background-image:none}
.biao-main:before{content:"";position:absolute;right:0;top:0;width:250px;height:150px;pointer-events:none;background:linear-gradient(to right,#f4f0e6 0,rgba(244,240,230,0) 28px) no-repeat left 14px/250px 136px,linear-gradient(to bottom,rgba(244,240,230,0) 0,rgba(244,240,230,0) 118px,#f4f0e6 150px) no-repeat left top/250px 150px,url("images/biao-master.jpg") no-repeat right top}
}
.biao-copy{width:270px;padding:22px 0 0 20px;font-size:12px;line-height:1.5}
.biao-copy h1{display:none}
.biao-copy p{margin:0 0 3px}
.biao-copy .accent{color:#8c2820;font-size:13px;font-weight:bold}
.biao-tip{position:absolute;left:20px;top:132px;width:471px;padding:6px 9px;border-left:3px solid #927647;background:#e8e1d2;color:#3f372d}
.biao-tip strong{color:#8c2820}
.biao-route{position:absolute;left:20px;top:184px;width:494px;border-top:1px solid #b8a687;text-align:center}
.biao-route h2,.biao-rewards h2{display:block;width:120px;margin:4px auto 4px;padding:0 8px;background:#f4f0e6;color:#5b432b;font:bold 17px KaiTi,serif}
.route-steps{height:32px;white-space:nowrap}
.route-step{display:inline-block;color:#2d2924;font-weight:bold;vertical-align:middle}
.route-no{display:inline-block;width:23px;height:23px;margin-right:3px;border:1px solid #9a7d4c;border-radius:50%;background:#e6dac2;color:#6d4a1d;line-height:23px;text-align:center}
.route-arrow{display:inline-block;margin:0 2px;color:#a68148}
.route-note{margin:0;color:#675d50;font-size:11px}
.biao-rewards{position:absolute;left:20px;top:267px;width:494px;border-top:1px solid #b8a687;text-align:center}
.reward-list{height:66px;white-space:nowrap}
.reward{display:inline-block;width:86px;height:66px;margin:0 4px;border:1px solid #b9a785;background:#faf7ef;vertical-align:top;text-align:center}
.reward img{width:48px;height:48px;margin-top:2px}
.reward span{display:block;margin-top:-5px;color:#6a5841;font-size:11px}
.biao-actions{position:absolute;left:20px;bottom:5px;width:494px;text-align:center}
.biao-button{display:inline-block;min-width:205px;padding:6px 22px;border:1px solid #6f522d;background:#8b2e24;color:#fff4d2!important;font:bold 18px KaiTi,serif;text-decoration:none;box-shadow:inset 0 0 0 1px #c99a54}
.biao-button:hover{background:#a13a2d}
.reward-note{display:block;margin-top:2px;color:#756b5d;font-size:11px}