button,input{outline:0}ul,ol,li{padding:0}li{list-style:none}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-height:100%;position:relative}a{text-decoration:none}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.right-align{text-align:right}.center-align{text-align:center}.bottom-align{vertical-align:bottom}.middle-align{vertical-align:middle}.action-show-after-login{display:none !important}.action-toggle-hide{display:none !important}h1,h2,h3,h4,h5,h6{font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}.header-wrapper{background-color:#050505;clear:both}#header{background:#050505;position:relative}#header .header-main{min-height:80px}#site-logo{height:80px;margin:0;overflow:hidden}#site-logo img{margin-top:15px}#search-form{margin-top:25px;position:relative}#search-query{-webkit-box-shadow:-2px -2px 2px #000 inset;box-shadow:-2px -2px 2px #000 inset;padding-right:25px;padding-left:15px;width:200px;line-height:20px;height:30px;border-radius:20px;background:#DDD;border:0}#search-submit-icon{display:block;position:absolute;right:10px;top:5px;color:#9f9f9f;cursor:pointer}#search-query[placeholder]{color:#333}.navbar-wrapper{background-color:#2d3542;clear:both;box-shadow:0 2px 2px rgba(0,0,0,0.2)}.nav-main{margin-bottom:0;background-color:#2d3542;min-height:40px;border:0}.nav-main li{transition:all .2s ease 0}.nav-main .navbar-nav>li>a{padding-left:34px;padding-right:34px;padding-top:10px;padding-bottom:10px;color:#FFF;font-weight:bold;font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:16px}.nav-main .navbar-right>li>a{padding-left:20px;padding-right:20px}.nav-main .navbar-nav>li{position:relative}.nav-main .navbar-nav>li:before{background:#3c434f;content:"";height:100%;position:absolute;right:0;top:0;width:1px}.nav-main .navbar-nav>li:after{background:#282c32;content:"";height:100%;position:absolute;right:-1px;top:0;width:1px}.nav-main .navbar-nav>li.active:before,.nav-main .navbar-nav>li:hover:before{display:none}.nav-main .navbar-nav>li.active:after,.nav-main .navbar-nav>li:hover:after{display:none}.nav-main .active a{background-color:transparent}.nav-main .blue{border-top:3px solid #399db3}.nav-main .blue:hover,.nav-main .blue.active a{background-color:#399db3}.nav-main .red{border-top:3px solid #b01600}.nav-main .red:hover,.nav-main .red.active a{background-color:#b01600}.nav-main .skyblue{border-top:3px solid #009b9b}.nav-main .skyblue:hover,.nav-main .skyblue.active a{background-color:#009b9b}.nav-main .orange{border-top:3px solid #c4590b}.nav-main .orange:hover,.nav-main .orange.active a{background-color:#c4590b}.nav-main .yellow{border-top:3px solid #d29e00}.nav-main .yellow:hover,.nav-main .yellow.active a{background-color:#d29e00}.nav-main .green{border-top:3px solid #009939}.nav-main .green:hover,.nav-main .green.active a{background-color:#009939}.nav-main .black{border-top:3px solid #2d3542}.nav-main .black:hover,.nav-main .black.active a{border-color:#333;background-color:#333}.nav-main .lightorange{border-top:3px solid #67828b}.nav-main .lightorange:hover,.nav-main .lightorange.active a{background-color:#67828b}.nav-main .lightgray{border-top:3px solid #b0bf2f}.nav-main .lightgray:hover,.nav-main .lightgray.active a{background-color:#b0bf2f}.navbar-related{margin-bottom:10px;border:0;background-color:#2d3542}.navbar-related .navbar-nav-main>li{position:relative}.navbar-related .navbar-nav-main>li:before{background:#3c434f;content:"";height:100%;position:absolute;right:0;top:0;width:1px}.navbar-related .navbar-nav-main>li:after{background:#282c32;content:"";height:100%;position:absolute;right:-1px;top:0;width:1px}.navbar-related .navbar-nav>li>a{color:#FFF}.navbar-related .navbar-nav>li>a:hover,.navbar-related .navbar-nav>li>a:active{background-color:#666}.footer{padding-top:30px;padding-bottom:30px;background:url(/style/css/img/bg-opacity.png) #e3e3e3;min-height:350px;color:#666;box-shadow:0 0 1px rgba(0,0,0,0.05) inset;position:relative}.footer .copyright{margin-top:10px;font-size:11px}.footer .footer-links{clear:both;margin-bottom:20px}.footer h6{margin-top:0;padding-bottom:20px;font-size:18px;font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}.footer ul{margin:0;margin-top:10px;padding:0}.footer li{margin-top:10px;list-style:inside none;font-size:13px}.footer a{color:#666;text-decoration:none}.footer a:hover{color:#FFF}.footer p{font-size:12px}.footer .table{margin-top:10px;margin-bottom:0}.footer .table td{padding:0}.border-edge{margin:0 0 50px 0}.border-edge .row div{border-top-style:solid;border-top-width:3px}.footer-edge{background:url(/style/css/img/footer-arrow.png) repeat-x scroll 0 0 rgba(0,0,0,0);height:5px;position:absolute;top:-5px;width:100%}.card-wrapper{position:relative;overflow:hidden}.board-wrapper{position:relative;padding-top:50px;min-height:400px}.board{width:1200px;position:relative}.board-inner{clear:both;position:relative}.board-primary-wrapper{position:relative;width:860px}.board-primary-inner{margin:20px}.board-extra{position:relative;width:120px;float:left;clear:both;margin-top:-1px}.board-primary{width:740px;float:right;background:#f7f7f7;position:relative}.board-extra-bg{position:absolute;top:0;left:0;bottom:0;width:120px}.board-with-minheight{min-height:1200px}.board-wrapper-shadow{background:#FFF;margin-bottom:100px}.board-wrapper-shadow:before,.board-wrapper-shadow:after{z-index:-1;position:absolute;content:"";bottom:35px;left:15px;width:50%;top:80%;max-width:600px;background:#999;-webkit-box-shadow:0 35px 20px #999;box-shadow:0 35px 20px #999;-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}.board-wrapper-shadow:after{-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);right:15px;left:auto}.board-shadow{background:url("/style/css/img/shadow-border.png") repeat-x scroll left -10px rgba(0,0,0,0);display:block;height:9px;margin:-29px 0 0;overflow:visible;position:relative}.board-shadow:before{background:url("/style/css/img/shadow-border.png") repeat scroll -21px -26px rgba(0,0,0,0);content:"";height:366px;left:-18px;position:absolute;top:0;width:18px;z-index:2}.board-shadow:after{background:url("/style/css/img/shadow-border.png") repeat scroll -40px -26px rgba(0,0,0,0);content:"";height:366px;position:absolute;right:-18px;top:0;width:18px;z-index:2}.board-extra.board-border-bottom{border-bottom:1px solid #518a97}.board-extra.board-border-top{border-top:1px solid #8ec7d4;box-shadow:0 -1px 0 0 #518a97}.board-primary.board-border-bottom{border-bottom:1px solid #bdbdbd}.board-primary.board-border-top{border-top:1px solid #fafafa;box-shadow:0 -1px 0 0 #bdbdbd}.board-loading{position:absolute;left:335px;top:20%;font-size:50px;color:#2d3542}.sidebar{width:340px;height:100%;position:absolute;right:0;top:0;bottom:0;background:#e1e1e1}.theme-blue .nav-vertical li{border-bottom-color:#56b4c9}.theme-blue .nav-vertical li:hover{background-color:#338ca0}.theme-blue .board-extra-bg{background-color:#399db3}.theme-red .nav-vertical li{border-bottom-color:#e31c00}.theme-red .nav-vertical li:hover{background-color:#971300}.theme-red .board-extra-bg{background-color:#b01600}.theme-green .nav-vertical li{border-bottom-color:#00cc4c}.theme-green .nav-vertical li:hover{background-color:#008030}.theme-green .board-extra-bg{background-color:#009939}.theme-orange .nav-vertical li{border-bottom-color:#f26f10}.theme-orange .nav-vertical li:hover{background-color:#ac4e0a}.theme-orange .board-extra-bg{background-color:#c4590b}.theme-skyblue .nav-vertical li{border-bottom-color:#00cece}.theme-skyblue .nav-vertical li:hover{background-color:#008182}.theme-skyblue .board-extra-bg{background-color:#009b9b}.theme-yellow .nav-vertical li{border-bottom-color:#ffc106}.theme-yellow .nav-vertical li:hover{background-color:#b98b00}.theme-yellow .board-extra-bg{background-color:#d29e00}#nav-vertical li{border-bottom-style:solid;border-bottom-width:1px;margin:0;width:100%}#nav-vertical a{padding-left:25px;background-color:transparent;color:#FFF;font-size:14px;font-weight:bold;border-radius:0}#nav-vertical .num{margin-left:10px}#nav-vertical .text{display:block}.title-vertical h2,.title-vertical h3,.title-vertical h4{margin-top:20px;padding-left:25px;color:#FFF;font-size:14px;font-weight:bold}.sidebar-box{padding:20px}.sidebar-box .table{margin-bottom:0}.sidebar-box .table th{background-color:#c9e4ea}.sidebar-box-border{border-bottom:2px dashed #FFF}.sidebar-box .nav-tabs{border-bottom:2px solid #253f5d}.sidebar-box .nav-tabs li{position:relative}.sidebar-box .nav-tabs a{margin-right:0;padding-left:30px;padding-right:30px;background-color:#253f5d;color:#FFF;font-size:14px;font-weight:bold;border-radius:inherit;border-left:0;border-right:0;border-top:0;cursor:default}.sidebar-box .nav-tabs a:hover{background-color:#253f5d}.nav-tabs.full-width-tabs{background-color:#253f5d}.nav-tabs.full-width-tabs li:after{background:#FFF;content:"";height:100%;position:absolute;right:0;top:0;width:1px}.nav-tabs.full-width-tabs li.last:after{width:0}.nav-tabs.full-width-tabs li{width:33.3333333333%;margin-bottom:0}.nav-tabs.full-width-tabs a{border:0;padding-left:0;padding-right:0;cursor:pointer;text-align:center}.nav-tabs.full-width-tabs a:hover{border:0}.nav-tabs.full-width-tabs a:focus{border:0;outline:0}.nav-tabs.full-width-tabs .active a{border:0;background:#FFF;color:#253f5d;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.25) inset;box-shadow:2px 2px 2px rgba(0,0,0,0.25) inset}.nav-tabs.full-width-tabs .active a:hover{border:0}.nav-tabs.full-width-tabs .active a:active{outline:0}.nav-tabs.full-width-tabs .active a:focus{border:0;outline:0}.sidebar-box .tab-content{background-color:#FFF}.side-calendar ul{margin-bottom:0}.side-banks td{font-size:13px;font-weight:bold}.side-banks .title{color:#253f5d}.quickquote{padding:10px}.quickquote .quickquote-chart{height:120px;margin-bottom:10px}.quickquote .table{margin:0}.quickquote td{font-size:12px;font-weight:bold;cursor:pointer}.quickquote tr td a,.quickquote tr td span{line-height:20px}.quickquote tr:hover td{background-color:#c9e4ea}.quickquote a{font-size:13px;color:#253f5d;font-weight:bold;text-decoration:none}.quickquote .up .price-diff,.quickquote .up .price-diff-percent{color:#00a53c}.quickquote .down .price-diff,.quickquote .down .price-diff-percent{color:#ff4d4d}.news-box{margin-right:10px;padding:10px;font-size:12px;background:#e5e5e5;border-top:5px solid #e5e5e5}.news-box:hover{background:#FFF;border:1px solid #e5e5e5;border-top:5px solid #e5e5e5}.news-box h2,.news-box h3,.news-box h4{margin:0;font-size:15px;font-weight:bold;line-height:20px;height:60px;overflow:hidden}.news-box.last{margin-right:0}.news-box a{color:#6a6a6a;text-decoration:none}.news-box-btn{margin-top:20px}.border-orange{border-color:#c4590b}.border-orange:hover{border-color:#c4590b}.border-green{border-color:#009939}.border-green:hover{border-color:#009939}.border-blue{border-top-color:#399db3}.border-blue:hover{border-color:#399db3}.border-yellow{border-top-color:#d29e00}.border-yellow:hover{border-color:#d29e00}.quote-ranks .quote-list{margin:0;padding:0;list-style:none;color:#FFF}.quote-ranks li{background:#CCC;padding:0 10px;height:24px;line-height:24px;border-bottom:1px solid #FFF;position:relative;font-size:13px;text-align:right;cursor:pointer;clear:both}.quote-ranks li.active:after{content:"";position:absolute;display:block;width:0;height:0;top:5px;right:-8px;border-style:solid;border-width:7.5px 0 7.5px 8px;border-color:transparent transparent transparent #356a00}.quote-ranks a{color:#FFF;text-decoration:none}.quote-ranks .quote-name{display:block;height:24px;float:left;width:100px;text-align:left;overflow:hidden}.quote-ranks .quote-price{float:left;width:50px;text-align:left}.quote-ranks .quote-chart-wrapper{height:335px;border:1px solid #AAA;border-left:0}.quote-ranks .quote-chart{margin:20px}.quote-ranks .uplevel1{background:#356a00}.quote-ranks .uplevel2{background:#3d7900}.quote-ranks .uplevel2:hover:after,.quote-ranks .uplevel2.active:after{border-left-color:#3d7900}.quote-ranks .uplevel3{background:#448900}.quote-ranks .uplevel3:hover:after,.quote-ranks .uplevel3.active:after{border-left-color:#448900}.quote-ranks .uplevel4{background:#4c9800}.quote-ranks .uplevel4:hover:after,.quote-ranks .uplevel4.active:after{border-left-color:#4c9800}.quote-ranks .uplevel5{background:#54a700}.quote-ranks .uplevel5:hover:after,.quote-ranks .uplevel5.active:after{border-left-color:#54a700}.quote-ranks .uplevel6{background:#5bb700}.quote-ranks .uplevel6:hover:after,.quote-ranks .uplevel6.active:after{border-left-color:#5bb700}.quote-ranks .uplevel7{background:#63c600}.quote-ranks .uplevel7:hover:after,.quote-ranks .uplevel7.active:after{border-left-color:#63c600}.quote-ranks .downlevel1{background:#ae0a00}.quote-ranks .downlevel1:hover:after,.quote-ranks .downlevel1.active:after{border-left-color:#ae0a00}.quote-ranks .downlevel2{background:#b90a00}.quote-ranks .downlevel2:hover:after,.quote-ranks .downlevel2.active:after{border-left-color:#b90a00}.quote-ranks .downlevel3{background:#d20c00}.quote-ranks .downlevel3:hover:after,.quote-ranks .downlevel3.active:after{border-left-color:#d20c00}.quote-ranks .downlevel4{background:#ec0d00}.quote-ranks .downlevel4:hover:after,.quote-ranks .downlevel4.active:after{border-left-color:#ec0d00}.quote-ranks .downlevel5{background:#ff1406}.quote-ranks .downlevel5:hover:after,.quote-ranks .downlevel5.active:after{border-left-color:#ff1406}.quote-ranks .downlevel6{background:#ff2c20}.quote-ranks .downlevel6:hover:after,.quote-ranks .downlevel6.active:after{border-left-color:#ff2c20}.quote-ranks .downlevel7{background:#ff4439}.quote-ranks .downlevel7:hover:after,.quote-ranks .downlevel7.active:after{border-left-color:#ff4439}.quotechart-wrapper{margin-top:10px}.quotechart{padding:10px;border-radius:10px;background:#FFF;min-height:330px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.2);box-shadow:0 0 2px 2px rgba(0,0,0,0.2)}.quotechart .chart-toolbar{background:#d7dde1;padding:5px;margin-bottom:10px;border-radius:5px}.quote-chart-carousel{clear:both;position:relative;height:50px}.quote-chart-carousel .carousel-indicators{margin-bottom:0;bottom:10px}.quote-chart-carousel .carousel-indicators li{width:6px;height:6px;margin-right:6px;border-color:#FFF;background-color:#FFF;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.2);box-shadow:0 0 2px 2px rgba(0,0,0,0.2)}.quote-chart-carousel .carousel-indicators .active{width:7px;height:7px;background-color:#253f5d;border-color:#253f5d}.quotemeta .quotemeta-main{margin:30px 0 0 20px}.quotemeta .quotemeta-detail{margin-top:30px}.quotemeta .quotemeta-button{margin-top:40px;margin-right:20px}.quotemeta .title{margin:0;font-size:20px}.quotemeta .title a{color:#333}.quotemeta .digital-main{margin-bottom:0}.quotemeta .price-icon,.quotemeta .price-current{font-size:25px;font-weight:bold}.quotemeta .quotemeta-detail{border-left:1px solid #CCC;padding-left:20px}.quotemeta .quotemeta-detail p{font-size:12px;color:#999;margin:0}.quotemeta .price-current{margin-right:20px}.quotemeta .price-diff{margin-right:10px}.quotemeta.up .digital-main{color:#00a53c}.quotemeta.down .digital-main{color:#ff4d4d}.quote-top{background-color:#2d3542}.quote-top .quotecard-small{box-shadow:-1px 0 0 0 rgba(0,0,0,0.1),-1px 0 0 0 rgba(255,255,255,0.2)}.quotecard-small{padding:20px 15px;position:relative}.quotecard-small a{display:block;color:#EEE;text-decoration:none}.quotecard-small .title{margin:0;margin-bottom:5px;font-size:14px;font-weight:bold}.quotecard-small .price-current{margin-bottom:5px;font-size:14px;font-weight:bold}.quotecard-small.up .price-diff,.quotecard-small.up .price-diff-percent,.quotecard-small.up .price-icon{color:#00a53c}.quotecard-small.down .price-diff,.quotecard-small.down .price-diff-percent,.quotecard-small.down .price-icon{color:#ff4d4d}.quotecard-small span{display:block}.quotecard-small .price-diff-percent,.quotecard-small .price-diff{font-size:12px;font-weight:bold}.quotecard-small.active,.quotecard-small:hover{background-color:#3f4a5c}.quotecard-small.active:after{content:"";position:absolute;display:block;bottom:-10px;left:50px;width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#3f4a5c transparent transparent transparent}.quote-list-wrapper{margin-top:0}.quotecard{margin-bottom:10px;padding:5px 10px;background:#FFF;border-left:5px solid #CCC;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,0.2)}.quotecard a{color:#666;text-decoration:none}.quotecard .title-wrapper{width:175px}.quotecard .title a{color:#333}.quotecard .quotemeta{margin-top:5px;margin-right:10px}.quotecard .price-current{font-size:18px}.quotecard .table{margin:0}.quotecard .table td{padding:0;border:0;vertical-align:middle}.quotecard .btn{padding:1px 10px;color:#999}.quotecard .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){padding-left:10px;border-bottom-left-radius:15px;border-top-left-radius:15px}.quotecard .btn-group>.btn:last-child:not(:first-child),.quotecard .btn-group>.dropdown-toggle:not(:first-child){padding-right:10px;border-bottom-right-radius:15px;border-top-right-radius:15px}.quotecard .quote-btns .btn .text{display:inline-block;font-size:12px;line-height:20px;width:30px}.quotecard.up{border-left-color:#00a53c}.quotecard.up .quote-digital{color:#00a53c}.quotecard.down{border-left-color:#ff4d4d}.quotecard.down .quote-digital{color:#ff4d4d}.quotecard .chart{border-left:1px solid #777;border-bottom:1px solid #777}.board-border{height:20px;border-top:5px solid #26405e;background:#f9f9f9}.channel-nav-wrapper{height:0;left:0;position:fixed;top:45%;width:100%;z-index:4}.channel-nav{margin:0 auto;position:relative;width:1300px}.channel-btn{width:70px;height:70px;padding:0;margin:0;position:fixed;top:45%;z-index:100;color:#0af;text-decoration:none;border-radius:70px;font-size:70px;line-height:0;border:0;box-shadow:0 0 3px rgba(0,0,0,0.5);overflow:hidden;color:#8292a3}.channel-btn .channel-btn-icon{margin-right:7px}.channel-btn-right{margin-left:1230px}.channel-btn-right .channel-btn-icon{margin-left:7px}.spinner{margin:200px auto 0;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes bouncedelay{0,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0,80%,100%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}