/* CSS Document
 @ by fanzhenzhen
 @ update: 2016-9-26
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; -webkit-text-size-adjust:none;}
html{overflow-x:hidden; -webkit-text-size-adjust: none;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li,ol {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em,cite,dfn{font-style:normal;}
::-webkit-scrollbar-track-piece{background-color:#f0f0f0; border-radius:7px;}
::-webkit-scrollbar{width:8px;height:13px}
::-webkit-scrollbar-thumb{background-color:#12244b;background-clip:padding-box;min-height:28px; border-radius:7px;}
::-webkit-scrollbar-thumb:hover{background-color:#072a75;}
::selection{background:#082264;color:#fff;text-shadow:none;}
::-moz-selection{background:#082264;color:#fff;text-shadow:none;}
::-webkit-selection{background:#082264;color:#fff;text-shadow:none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*display:inline-block;*zoom:100%;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.none{display:none;}
.block{display:block;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.bbn{border-bottom:none;}
.brn{border-right:none;}
.yahei{font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
body{font:12px/1.5 "simsun","\5B8B\4F53",arial,tahoma,sans-serif; color:#591411;background:#f4f4f4;}
.mod{width:1000px;margin:0 auto;}

.wrap{width:100%;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/20160926gq/wrap.jpg) no-repeat 50% 0;}
.wrapc{width:1000px;height:1000px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/20160926gq/wrapc1.jpg) no-repeat;margin:0 auto;position:relative;}

.nav{width:345px;height:30px;float:right;overflow:hidden;}
.nav a{display:inline-block;width:100px;height:40px;line-height:40px;overflow:hidden;vertical-align:middle;text-align:center;color:#000;}

.box{width:100%;height:500px;margin-top:330px;}
.box .left{width:150px;height:150px;position:absolute;top:440px;left:120px;}
.box .right{width:580px;height:520px;float:right;position:relative;}

.selectbox a{display:block;width:160px;height:160px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/20160926gq/y_onbg.png) no-repeat -167px 0;float:left;margin-right:22px;text-align:center;}
.selectbox a.on{background-position:0 0;}
.selectbox a img{margin-top:20px;}

.result{position:relative;margin-top:50px;font-size:18px;color:#fff;font-weight:bold;margin-bottom:50px;}
.result p img{vertical-align:middle;}
.color_y{color:#fcd231;}

.btn_select{position:absolute;width:205px;height:215px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/20160926gq/guess.png) no-repeat;top:-30px;left:250px;}
.btn_select:hover{background-position:-204px 0;}

.btnbox a{display:inline-block;width:195px;height:68px;border:6px solid #7e100e;font-size:24px;color:#ddd77b;line-height:68px;text-align:center;font-weight:bold;}
.mr50{margin-right:50px;}
.btnbox a.on{border-color:#b7ad56;}
.btnbox a:hover{border-color:#b7ad56;transition: all 0.5s;}

.tab_nav{width:800px;height:80px;margin-top:35px;margin-left:244px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/20160926gq/tab_nav.png) no-repeat;}
.tab_nav a{width:155px;height:80px;margin-right:20px;float:left;}
.tab_nav .a1{width:190px;}

.g_name{font-size:16px;color:#cfc76a;position:relative;top:-200px;left:100px;width:135px;text-align:center;display:block;}
.g_name em{font-size:28px;font-weight:bold;line-height:10px;}

.alert_bg{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:9;display:none;}
.btn_close{display:block;width:39px;height:39px;position:absolute;top:20px;right:40px;cursor:pointer;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/20160926gq/btn_close.png) no-repeat;}
.alert{position:absolute;top:0;left:0;z-index:10;color:#d0d0d0;}
.alert5{width:658px;}

.alert{width:658px;background:url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/20160926gq/alert_con_bg.png) no-repeat;display:none;}
.alert .con{padding:60px 70px 100px 70px;}
.mt10{margin-top:10px;}

.loaded{position:absolute;bottom:136px;left:0;color:#000;font-size:14px;}
.loaded a{margin-left:10px;color:#561410;}
.loaded a:hover{text-decoration:underline;}