@charset "utf-8";
/* CSS Document */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1
}
[hidden] {
display:none
}
html { width: 100%; height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { width: 100%; height: 100%; background-color: #eee; min-width: 1200px; }
body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, select, th, td, blockquote, pre, code, hr, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { margin: 0; padding: 0; }
input { outline: none; }
body, button, input, select, textarea { font: 14px/150% Arial, Verdana, "Microsoft YaHei"; }
table { border-collapse: collapse; border-spacing: 0 }
th { text-align: inherit }
caption, th { text-align: left; font-weight: normal }
images { border: 0; vertical-align: bottom }
iframe { display: block; border: 0 }
ol, ul { list-style: none }
a { outline: 0; text-decoration: none; }
a:hover { cursor: pointer; }
em, i { font-style: normal }
sup { font-size: 12px; }
.clearfix, .layout { zoom: 1 }
.clearfix:after, .layout:after { visibility: hidden; display: block; content: "."; font-size: 0; height: 0; clear: both; }
/* CSS Footer */
.dui-main { width: 100%; height: 100%; padding-bottom: 30px;  }
.dui-main_topbar { width: 100%; position: absolute; top: 0; left: 0; background-color:}
.dui-main__topbarbox { width: 1200px; margin: 0 auto; position: relative;/* background: url(../images/7q_logo.png) 0 50% no-repeat; */ height: 60px; }
.dui-main_topbar__l { float: left; }
.dui-main_topbar__r { float: right; padding: 10px 0; }
.dui-main_topbar__r li { float: left; height: 40px; line-height: 40px; }
.dui-main_topbar__r li a { display: block; color: #333; padding: 0 15px; font-size: 16px; }
.dui-main_topbar__r li.spacer { overflow: hidden; margin-top: 14px; width: 1px; height: 12px; background-color: #d5caad; }
.dui-main_box { position: absolute; background: url(../images/phone.png) no-repeat; background-size: 100%; left: 50%; width:480px; height:840px; }
.dui-main__container { width: 100%; height: 100%; position: relative; border: 1px solid #ddd; }
.dui-main_test { position: absolute; bottom: 200px; left: 25%; }
.dui-main_code { position: absolute; bottom: 200px; right: 25%; }
.dui-footer { width: 100%; background-color: #fff; }
.dui-footer_link { width: 1200px; margin: 0 auto; border-bottom: 1px solid #eee; }
.dui-footer_link h3 { height: 40px; line-height: 40px; font-weight: 400; font-size: 16px; }
.dui-footer_link p { line-height: 30px; padding-bottom: 10px; }
.dui-footer_link p a { float: left; margin-right: 20px; color: #333; }
.dui-footer_link p a:hover { color: #e83a00; }
.dui-footer_test { width: 1200px; margin: 0 auto; padding-top: 10px; }
.dui-footer_test p { text-align: center; height: 30px; line-height: 30px; color: #999; }
.dui-footer_test p .delimiter { display: inline-block; width: 1px; height: 12px; background: #ddd; margin: 0 10px; vertical-align: -8%; }
.dui-footer_test p a { color: #333; }
.dui-footer_test p a:hover { color: #e83a00; }