@charset "UTF-8";
body { background: #fff; }
    body.login { background: #f5f5f5; }
        body.login .footer { background-color: transparent; }
ul, ol { list-style: none; }
a { color: #4fb1f7; }
    a:hover { color: #0076cc; }
.border-0 { border: none; }
.container { width: 1170px !important; }
.aw-container-wrap { margin-top: 0; padding-bottom: 30px; background-color: #f2f4f5; }
.aw-content-wrap, .aw-main-content, .aw-side-bar { margin: 0; border: none; background-color: transparent; }
.aw-main-content { padding: 0 15px; border-right: none; }
    .aw-main-content.search, .aw-main-content.help { width: 100%; }
.aw-explore-list { padding: 0; }
.common-head { padding: 0; }
    .common-head h2 { height: 24px; line-height: 24px; margin-bottom: 10px; color: #666; }
    .common-head .btn.pull-right { margin: 17px 0 0 15px; color: #fff; }
.color-blue { color: #4fb1f7 !important; }
.color-green { color: #91c900; }
.color-red { color: #f74b61; }
.aw-dropdown-list li.user a img, .aw-question-tags, .aw-mod.topic-nav ul > li > p a, .aw-mod.topic-nav ul > li > a, .aw-border-radius-5, .aw-border-radius-5 img, .aw-load-more-content, .aw-user-name img, .aw-topic-name img, .aw-topic-name span, .aw-topic-img img, .aw-dropdown-menu img, .aw-login-register a img, .aw-login-register .aw-user-head img, .aw-dropdown, .category dl dt img, .category .span12 > ul > li, .aw-mod.side-nav ul li a, .topic-edit-notes li, .aw-notopic-sort, .aw-comment-box, .aw-topic-detail-title .mod-body img, .aw-topic-search, .aw-mod-topic-edit-box .mod-head .img, .aw-inbox-read .mod-footer li .aw-item, .aw-inbox .mod-footer li .aw-user-img img, .aw-invite-list ul li img, .aw-mod-search-result .aw-item .aw-user-img img, .aw-mod-search-result .aw-item .aw-topic-img img, .aw-mod-search-result .aw-search-result-tags, .aw-file-uploader dl, .aw-card-tips, .aw-card-tips .mod-head .img img, .aw-first-login .aw-complete-data .side-bar img, .aw-first-login .aw-card-box-list .aw-topic-img img, .aw-first-login .aw-card-box-list .img img, .aw-first-login .aw-card-box-list li > span, .aw-replay-box .mod-body, .aw-publish-box .aw-publish-title .dropdown .dropdown-toggle, .markitup-box code, #markItUpPreviewFrames code, .aw-publish-title.active input, #aw-loading, .aw-user-nav > a img { border-radius: 2px; }
.aw-email-verify, .aw-tips-bar { height: auto; line-height: 38px; border-top: 1px solid #FFE8A1; border-color: #FFE8A1; background: #FFF7AB; color: ##988328; }
    .aw-email-verify i { width: 20px; height: 20px; margin-right: 5px; background: #FFC261; border-radius: 100%; color: #fff; vertical-align: -1px; }
    .aw-email-verify form .label { margin: 0 5px; font-size: 12px; font-weight: normal; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.text-color-666 { color: #666; }
.margin-top-10 { margin-top: 10px; }
.padding-0 { padding: 0 !important; }
.height-auto { height: auto !important; }
.font-size-12 { font-size: 12px; }
/* 按钮 */
.btn { border: none; box-shadow: none; border-radius: 2px; }
.btn-gray { background-color: #666666; color: #fff; }
    .btn-gray:hover { color: #fff; background-color: #737373; }
    .btn-gray:active { background-color: #595959; }
.btn-success { background-color: #91c900; }
    .btn-success:hover { background-color: #9ED70B !important; }
    .btn-success:active { background-color: #82BC00 !important; }
.btn-primary, .label-primary { background-color: #6fbef7; }
    .btn-primary:hover, .label-primary:hover { background-color: #80c5f7 !important; }
    .btn-primary:active, .label-primary:active { background-color: #51a7e6 !important; }
    .btn-primary.active:hover { background-color: #e6e6e6 !important; color: #999 !important; }
    .btn-primary.active:active, .btn-primary.active:focus { background-color: #d9d9d9 !important; color: #999; }
    .btn-primary.disabled, .btn-primary.disabled:hover { background-color: #666666 !important; }
.btn-green { background-color: #8ddcde; color: #fff; }
    .btn-green:hover { background-color: #abe2e3; color: #fff; }
    .btn-green:active { background-color: #6ac4c7; color: #fff; }
.btn-disabled, .btn-disabled:hover, .btn-disabled:active { background-color: #E6E6E6; color: #ccc; }
.btn.follow em, .btn.follow.btn-success em { color: #fff; }
.btn-mini { min-width: 74px; height: 26px; line-height: 26px; }
.btn-normal { min-width: 80px; height: 32px; line-height: 32px; font-size: 14px; }
.btn-large { min-width: 150px; height: 50px; padding: 0 20px; font-size: 18px; line-height: 50px; }
.btn-23andme { background: #f25584; color: #fff; }
    .btn-23andme i { font-size: 20px; }
    .btn-23andme:hover { background: #f26690; color: #fff; }
    .btn-23andme:active { background: #d8416e; }
/* 下拉菜单 */
.dropdown-toggle { float: left; position: relative; margin: 3px 0 0 5px; max-width: 160px; }
    .dropdown-toggle.open .aw-dropdown { display: block; width: 160px; }
.aw-dropdown { background-color: #fafafa; border: 1px solid #e6e6e6; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); }
    .aw-dropdown li { border-top: 1px solid #f0f0f0; overflow: hidden; word-break: break-all; }
.aw-load-more-content { margin: 20px 0 0; }
.aw-border-radius-2 { border-radius: 2px; }
/* 头像 */
.aw-user-name img, .aw-topic-name img { width: 50px; height: 50px; }
/* 翻页 */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #6fbef7; border-color: #6fbef7; }
/* table */
.table-bordered { border-color: #363f4d; }
table, .table { margin: 0; text-align: center; }
    table th { height: 50px; line-height: 50px !important; padding: 0; background-color: #363f4d !important; color: #fff; border-bottom: none; text-align: center; }
    table td { height: 45px; }
.aw-upload-file-list { padding-left: 20px !important; list-style-type: none !important; }

/* mod */
.mod { margin-top: 30px; background-color: #fff; border: 1px solid #ebebeb; border-radius: 2px; }
    .mod .mod-head { height: 60px; background-color: #fafafa; border-bottom: 1px solid #ebebeb; }
        .mod .mod-head h2, .mod .mod-head h3 { margin: 0; padding: 0 30px; font-size: 18px; line-height: 60px; text-align: center; color: #666666; }
        .mod .mod-head .label { font-weight: normal; font-size: 12px; vertical-align: 2px; }
    .mod .mod-body { padding: 30px; background-color: #fff; }
        .mod .mod-body.active { padding: 20px 30px; }
        .mod .mod-body h3 { margin-top: 20px; font-size: 22px; color: #666; }
    .mod .mod-footer { height: 50px; line-height: 50px; padding: 0 30px; background-color: #fff; border-top: 1px solid #ebebeb; }
        .mod .mod-footer.page-control { height: 95px; }
            .mod .mod-footer.page-control .pagination { margin: 30px 0; }
        .mod .mod-footer .aw-load-more-content { margin: 8px 0 0 0; }

/* 话题标签 */
.topic-tag .text { height: 22px; line-height: 18px; padding: 2px 8px; background-color: #666666; border-radius: 2px; }
    .topic-tag .text:hover { background-color: #737373; }
.aw-edit-topic { height: 22px !important; line-height: 22px !important; padding: 0 5px !important; }
.topic-tag .close { width: 22px; height: 22px; line-height: 22px; background-color: #a3a3a3; }
    .topic-tag .close:hover { background-color: #339dff; }

.bind-crumbs { height: 90px; padding: 10px 0; background-color: #363f4d; }
    .bind-crumbs .icon-border { margin: 10px 10px 0 0; padding: 13px; border: 1px solid #fff; border-radius: 50%; font-size: 24px; color: #fff; }
    .bind-crumbs img.icon-border { position: relative; top: -7px; padding: 4px; }
    .bind-crumbs h2 { float: left; margin: 0; line-height: 70px; font-size: 24px; color: #fff; }
        .bind-crumbs h2 a { color: #fff; }
    .bind-crumbs .dropdown { position: relative; margin: 27px 0 0 10px; }
        .bind-crumbs .dropdown.open .icon-dropdown { background-color: #fff; }
            .bind-crumbs .dropdown.open .icon-dropdown::before { content: '\e634'; }
        .bind-crumbs .dropdown.open .aw-dropdown { display: block; }
        .bind-crumbs .dropdown .aw-dropdown { display: none; top: 53px; width: 140px; box-shadow: none; border: none; }
            .bind-crumbs .dropdown .aw-dropdown ul li { height: 46px; line-height: 46px; background-color: #363f4d; border-top: 1px solid #4d4d4d; }
                .bind-crumbs .dropdown .aw-dropdown ul li:first-child { border-top: none; }
                .bind-crumbs .dropdown .aw-dropdown ul li.active, .bind-crumbs .dropdown .aw-dropdown ul li:hover { background-color: #6fbef7; }
                .bind-crumbs .dropdown .aw-dropdown ul li a { color: #fff; }
    .bind-crumbs .btn { margin: 20px 0 0 10px; }
    .bind-crumbs .btn-publish i { vertical-align: -1px; }
    .bind-crumbs .tips { margin-top: 30px; color: #999; }
    .bind-crumbs .icon-dropdown { position: relative; top: -4px; display: inline-block; width: 23px; height: 23px; line-height: 24px; background-color: #999; border-radius: 50%; font-size: 14px !important; text-align: center; color: #363f4d; cursor: pointer; font-weight: bold; }


/* setting tabs */
.setting-tabs li { display: inline-block; width: 85px; height: 59px; line-height: 58px; margin: 0 15px; border-bottom: 4px solid #fafafa; font-size: 16px; }
    .setting-tabs li a { color: #666; }
    .setting-tabs li.active { border-bottom: 4px solid #4fb1f7; font-weight: bold; }

/* top menu */
.top-menu { height: 60px; background-color: #fff; }
    .top-menu .logo { display: block; margin-top: 12px; }
    .top-menu .aw-top-nav { float: right; margin: 0; }
        .top-menu .aw-top-nav .navbar-collapse { background: transparent; }
        .top-menu .aw-top-nav .nav li > span { display: block; height: 60px; padding: 20px; cursor: pointer; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.aw-top-nav > nav > ul > li > a { height: 60px; padding: 20px; color: #666; border-left: 1px solid #fff; border-right: 1px solid #fff; }
    .aw-top-nav > nav > ul > li > a:hover, .aw-top-nav > nav > ul > li > a:focus, .top-menu .aw-top-nav .nav li > span.active { background-color: transparent; border-color: #ebebeb; background-color: #fafafa; }
.aw-top-nav .aw-dropdown { min-width: 0px; }
.aw-top-nav .nav .aw-dropdown { min-width: 186px; left: 0; }
.top-menu .aw-user-nav { width: 160px; height: 60px; margin: 0; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
    .top-menu .aw-user-nav > a .badge { right: auto; top: -5px; left: 38px; }
    .top-menu .aw-user-nav .aw-user-nav-dropdown { height: 60px; padding: 10px; border: 1px solid #fff; border-bottom: none; border-radius: 4px 4px 0 0; color: #333333; }
    .top-menu .aw-user-nav:hover .aw-user-nav-dropdown { background-color: #fafafa; }
    .top-menu .aw-user-nav .dropdown-list { right: -1px; width: 160px; box-shadow: rgba(0, 5px, 5px, 0.05); background-color: #fafafa; border-color: #e6e6e6; border-top: none; }
    .top-menu .aw-user-nav.active { line-height: 60px; background-color: #6fbef7; color: #fff; text-align: center; font-size: 16px; }
        .top-menu .aw-user-nav.active a { color: #fff; }
    .top-menu .aw-user-nav .btn { float: left; width: 70px; height: 30px; line-height: 18px; margin: 12px 0 0 10px; }
    .top-menu .aw-user-nav img { float: left; width: 40px; height: 40px; }
.top-menu .aw-user-nav-dropdown span { float: left; display: block; max-width: 85px; margin: 8px 0 0 5px; }
.top-menu .aw-search-box { float: right; height: 60px; margin: 0; background-color: #fafafa; border-left: 1px solid #ebebeb; }
    .top-menu .aw-search-box .search-dropdown { position: relative; float: left; }
        .top-menu .aw-search-box .search-dropdown span { display: block; line-height: 60px; padding: 0 15px; cursor: pointer; }
            .top-menu .aw-search-box .search-dropdown span i { font-size: 12px; }
        .top-menu .aw-search-box .search-dropdown ul { display: none; position: absolute; z-index: 1; top: 60px; left: -1px; width: 80px; background: #ffffff; border: 1px solid #e6e6e6; }
            .top-menu .aw-search-box .search-dropdown ul li a { display: block; padding-left: 10px; line-height: 40px; color: #666; }
    .top-menu .aw-search-box #global_search_btns { top: 20px; right: 10px; }
    .top-menu .aw-search-box input { float: left; width: 220px; height: 60px; line-height: 60px; background-color: #fafafa; line-height: 50px\0; }
.top-menu .aw-dropdown .aw-dropdown-list li { position: relative; overflow: visible; }
    .top-menu .aw-dropdown .aw-dropdown-list li:first-child { border-top: 1px solid #f0f0f0; }
    .top-menu .aw-dropdown .aw-dropdown-list li:hover { background-color: #f0f0f0; }
        .top-menu .aw-dropdown .aw-dropdown-list li:hover ol { display: block; }
    .top-menu .aw-dropdown .aw-dropdown-list li ol { display: none; position: absolute; left: 0; top: -1px; margin-left: -181.5px; border: 1px solid #ebebeb; border-top: none; background: #fff; }
        .top-menu .aw-dropdown .aw-dropdown-list li ol li:first-child { border-top: none; }
        .top-menu .aw-dropdown .aw-dropdown-list li ol li { width: 180px; }
            .top-menu .aw-dropdown .aw-dropdown-list li ol li a { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-menu .login-bar { margin: 55px 0 0 45px; }
    .top-menu .login-bar .btn { width: 70px; height: 30px; margin-left: 14px; line-height: 18px; }
.top-menu .user-bar { position: relative; width: 25px; margin: 58px 0 0 15px; }
    .top-menu .user-bar i { font-size: 22px; }
    .top-menu .user-bar .badge { position: absolute; right: -13px; top: -10px; font-style: normal; }

/* 侧边栏 */
.aw-side-bar { padding: 0 15px; }
    .aw-side-bar .aw-mod { padding: 15px 0; border-top: none; }
        .aw-side-bar .aw-mod h3 { font-size: 18px; line-height: 29px; color: #666666; }
    .aw-side-bar ul li { padding: 20px 0; border-top: 1px solid #f5f5f5; }
        .aw-side-bar ul li:first-child { padding-top: 0; border-top: none; }
        .aw-side-bar ul li:last-child { padding-bottom: 0; }
    .aw-side-bar dt, .aw-side-bar .aw-mod dt img { width: 50px; height: 50px; }
    .aw-side-bar dl { margin: 0; }
    .aw-side-bar .publish-detail .content a { float: left; margin-right: 5px; }
    .aw-side-bar .group-description ul { max-height: 290px; overflow-y: scroll; }
    .aw-side-bar .group-description dl { margin-bottom: 10px; }
    .aw-side-bar .group-description dt { width: auto; height: 24px; font-weight: normal; }
    .aw-side-bar .group-description dd { height: 22px; line-height: 22px; padding-left: 10px; color: #666666; }
    .aw-side-bar .group-description i { font-size: 16px; vertical-align: -1px; color: #9e9e9e; }
    .aw-side-bar .group-description ol { margin-top: 5px; }
        .aw-side-bar .group-description ol i { vertical-align: -2px; }
        .aw-side-bar .group-description ol a { color: #666; font-size: 12px; }
    .aw-side-bar .aw-suggest-discuss a { display: inline-block; max-width: 150px; }
    .aw-side-bar .aw-suggest-discuss img { margin-top: 3px; }
    .aw-side-bar .aw-profile-box .aw-user-name { font-size: 14px; }
    .aw-side-bar .aw-profile-box .mod-body ul li { float: left; width: 25%; padding: 10px 0 0; border: none; text-align: center; }
        .aw-side-bar .aw-profile-box .mod-body ul li:first-child { padding-top: 10px; }
        .aw-side-bar .aw-profile-box .mod-body ul li b { display: block; }
    .aw-side-bar .aw-profile-box .mod-footer { height: auto; padding: 0; }
    .aw-side-bar .aw-profile-box.user .mod-footer { height: 75px; line-height: 75px; padding: 0 30px; }
        .aw-side-bar .aw-profile-box.user .mod-footer .btn { margin-top: 20px; }
.side-nav li { padding: 0 !important; border-top: 1px solid #e6e6e6; }
    .side-nav li:first-child { border-top: 0; }
    .side-nav li a { display: block; height: 44px; line-height: 44px; }
        .side-nav li.active a, .side-nav li a:hover { background-color: #6fbef7; color: #fff; }
.topic-manage ul li { padding: 10px 0; }
.topic-desc-box .mod-body h3 { margin: 10px 0 0; font-size: 22px; }
.topic-desc-box .mod-footer { height: 75px; line-height: 75px; }
    .topic-desc-box .mod-footer .btn { margin-top: 20px; }


/* 登录界面 */
.aw-login-box { width: 425px; border-color: #e6e6e6; }
    .aw-login-box .logo { width: 97px; margin: 0 auto 40px; background: transparent; }
    .aw-login-box .mod-body .content { margin: 0; }
        .aw-login-box .mod-body .content ul li .btn-success, .aw-register-box .btn-success { min-width: 112px; height: 38px; line-height: 38px; font-size: 14px; color: #fff !important; }

/* 注册页面 */
.aw-register-agreement { background: #00a7f7; color: #fff; }
.aw-register-box { border-color: #e6e6e6; }
    .aw-register-box .dropdown-toggle { max-width: 100%; width: 100%; margin: 0; }
        .aw-register-box .dropdown-toggle.open .aw-dropdown { width: 100%; }
    .aw-register-box ul li .prodile-id { width: 100%; }
.aw-login-box .mod-footer { background: #fafafa; text-align: center; }
.aw-register-open-box p { width: 100%; text-align: center; }

/* 第三方导入数据 */
.aw-register-open-box .dropdown { height: 40px; }
.aw-register-open-box .dropdown-toggle { left: 0; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; border-radius: 4px; }
    .aw-register-open-box .dropdown-toggle > a { display: block; height: 38px; padding-left: 10px; text-align: left; color: #999; }
    .aw-register-open-box .dropdown-toggle .icon-down { position: absolute; right: 10px; top: 11px; }
.aw-register-open-box .aw-dropdown-list li { height: 40px; line-height: 40px; margin: 0; }
.aw-register-open-box .btn { margin: 20px 0 10px; }

/* 问题详情页 */
.aw-question-detail { padding: 0; }
    .aw-question-detail .title { position: relative; }
    .aw-question-detail h1 { padding-right: 150px; font-size: 22px; }
    .aw-question-detail .operate { position: absolute; right: 0; top: 0; }
        .aw-question-detail .operate .btn.follow { margin-right: 10px; }
        .aw-question-detail .operate .btn-group .btn { height: 32px; line-height: 12px; border-radius: 2px !important; }
    .aw-question-detail .aw-topic-bar { margin: 10px 0 0 0; }
.aw-replay-box { padding: 0; }
    .aw-replay-box .btn-default { border: 1px solid #ccc; }

/* common-list */
.aw-common-list > div { border-bottom: 1px solid #f5f5f5; }
.aw-common-list .aw-question-content h4 { margin: 0 0 8px; }
.aw-common-list .aw-item { padding: 20px 0 20px 60px; border-bottom: none; }
    .aw-common-list .aw-item > .aw-user-name { top: 22px; }
    .aw-common-list .aw-item:first-child { padding-top: 0; }
        .aw-common-list .aw-item:first-child .aw-user-name { top: 5px; }
    .aw-common-list .aw-item:last-child { padding-bottom: 0; }
    .aw-common-list .aw-item.article h4 { margin: 0; }
.aw-common-list .topic-tag { margin-right: 10px; }
.aw-common-list .aw-question-content .contribute span { width: 48px; }

/* 动态列表 */
.aw-feed-list { padding: 0; }
    .aw-feed-list .aw-item { min-height: 85px; padding: 20px 0; }
        .aw-feed-list .aw-item:first-child { padding-top: 0; }
        .aw-feed-list .aw-item h4 { margin-top: 8px; }
        .aw-feed-list .aw-item .mod-head, .aw-feed-list .aw-item .mod-body, .aw-feed-list .aw-item .mod-footer { height: auto; padding: 0 0 0 60px; background-color: transparent; border: none; }
        .aw-feed-list .aw-item .aw-user-img img { width: 50px; height: 50px; }
    .aw-feed-list .aw-user-name { color: #666; font-size: 14px; }
    .aw-feed-list .operate a { height: 32px; line-height: 32px; }
    .aw-feed-list .operate .aw-add-comment:hover, .aw-feed-list .operate .aw-add-comment.active { background-color: #6fbef7; }
    .aw-feed-list .more-operate { float: right; }

/* 动态页面我的报告 */
.my-report-box .common-head { border: none; }
.my-report-box.report .mod-body { min-height: 265px; padding: 0; }
.my-report-box .mod { position: relative; }
.my-report-box .mod-body ol li { padding: 0 30px; height: 44px; line-height: 44px; overflow: hidden; border-top: 1px solid #ebebeb; }
    .my-report-box .mod-body ol li:first-child { border-top: none; }
    .my-report-box .mod-body ol li .tips span, .my-report-list .mod-head .tips span { display: inline-block; width: 12px; height: 6px; vertical-align: 1px; }
    .my-report-box .mod-body ol li .tips b, .my-report-list .mod-head .tips b { font-size: 14px; color: #666; }
    .my-report-box .mod-body ol li a { display: inline-block; max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .my-report-box .mod-body ol li .summary { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .my-report-box .mod-body ol li .risk-graph { margin: 14px 0 0 0; }
.my-report-box .mod-body .red, .my-report-list .mod-head .red { background: #f74b61; }
.my-report-box .mod-body .gray, .my-report-list .mod-head .gray { background: #b3b3b3; }
.my-report-box .mod-body .btn { width: 240px; margin: 40px 20px 20px 0; }
.my-report-box .mask, .my-genefit-dashboard .mask, .my-report-parentage .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .my-report-box .mask .bg, .my-genefit-dashboard .mask .bg, .my-report-parentage .mask .bg { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: #363f4d; opacity: 0.8; filter: alpha(opacity==80); }
    .my-report-box .mask .content, .my-genefit-dashboard .mask .content, .my-report-parentage .mask .content { position: relative; z-index: 2; height: 100%; line-height: 325px; font-size: 20px; color: #b3b3b3; text-align: center; }
    .my-report-parentage .mask .content { height: 360px; line-height: 360px; }
    .my-genefit-dashboard .mask .content { padding: 120px 35px; line-height: 40px; text-align: left; }
    .my-report-box .mask .footer, .my-report-parentage .mask .footer { position: absolute; bottom: 0; width: 100%; z-index: 2; height: 50px; line-height: 50px; padding: 0 30px; background-color: #363f4d; color: #4fb1f7; }
        .my-report-box .mask .footer .btn, .my-report-parentage .mask .footer .btn { width: 100px; margin: 10px 0 0 0; color: #fff; }

.bind-kit-box .btn { width: 280px; margin: 45px 10px 20px; }
    .bind-kit-box .btn i { margin-right: 10px; font-size: 24px; vertical-align: -3px; }

/* barcode绑定流程 */
.barcode-bind-step ul { width: 580px; min-height: 70px; margin: 60px auto 30px; }
    .barcode-bind-step ul li { position: relative; float: left; margin-left: 70px; text-align: center; color: #999; }
        .barcode-bind-step ul li:first-child { margin: 0; }
        .barcode-bind-step ul li em { position: relative; display: block; width: 45px; height: 45px; line-height: 45px; margin: 0 auto 5px; border-radius: 50%; background-color: #999; color: #fff; font-size: 20px; }
        .barcode-bind-step ul li i { position: absolute; right: -50px; top: 10px; font-size: 24px; color: #e6e6e6; }
        .barcode-bind-step ul li.active { color: #6fbef7; }
            .barcode-bind-step ul li.active em { background-color: #6fbef7; }
.barcode-bind-step.error ul li:first-child, .barcode-bind-step.error ul li:nth-child(2) { color: #00a7f7; }
    .barcode-bind-step.error ul li:first-child em, .barcode-bind-step.error ul li:nth-child(2) em, .barcode-bind-step.error ul li:nth-child(2) .line, .barcode-bind-step.error ul li:nth-child(3) .line { background-color: #6fbef7; }
.barcode-bind-step.error ul li:nth-child(3) { color: #fa7676; }
    .barcode-bind-step.error ul li:nth-child(3) em { background-color: #fa7676; }
.barcode-bind-step .tooltip { width: 160px; }

/* barcode绑定 */
.barcode-bind .mod .mod-head { height: 110px; padding: 20px 0 0; }
.barcode-bind .mod .mod-body { padding: 80px 120px; }
.barcode-bind .barcode-bind-step ul { width: auto; margin: 0; }
    .barcode-bind .barcode-bind-step ul li { float: none; display: inline-block; }
.barcode-bind .mod-body h3 { margin: 0 0 40px; font-size: 18px; text-align: center; }
.barcode-bind .step1 .mod-body ul li { position: relative; margin-bottom: 40px; }
    .barcode-bind .step1 .mod-body ul li i { position: absolute; right: -25px; top: 73px; font-size: 16px; color: #f74b61; }
    .barcode-bind .step1 .mod-body ul li .icon-followed { top: 68px; right: -30px; color: #91c900; font-size: 26px; }
.barcode-bind .step2 dl { height: auto; overflow: hidden; margin-bottom: 30px; }
    .barcode-bind .step2 dl dt { float: left; width: 50px; font-weight: normal; }
    .barcode-bind .step2 dl dd { margin-left: 60px; }
.barcode-bind .step2 select { width: 100px; }
.barcode-bind .step3 .icon-followed { display: inline-block; width: 90px; height: 90px; line-height: 90px; margin-bottom: 25px; color: #fff; text-align: center; font-size: 66px; background-color: #91c900; border-radius: 50%; }
.barcode-bind .step3 .icon-box, .barcode-bind .step3 .icon-result { font-size: 90px; color: #cccccc; }
.barcode-bind .step3 .icon-down { display: block; margin: 0 0 15px; font-size: 36px; color: #e6e6e6; }
.barcode-bind .step3 p { text-align: left; }
.barcode-bind .step3 .alert { margin-bottom: 20px; }

/* 通知box */
.aw-notification-box { padding: 0; }
    .aw-notification-box .mod-body ul li, .aw-notifications-list ul li { border-top: 1px solid #f5f5f5; }
        .aw-notifications-list ul li:first-child { padding-top: 0; }
        .aw-notifications-list ul li:last-child { padding-bottom: 0; }
.aw-research-box, .aw-daily-hot { margin-bottom: 30px; }
    .aw-notification-box .common-head, .complete-my-profile .common-head, .aw-research-box .common-head { border: none; }
.aw-notification-box .mod-body { padding: 0 30px; border-bottom: none; }
.aw-notification-box .mod-footer, .complete-my-profile .mod-footer { padding: 12px 30px; }

/* 私信页面 */
.aw-inbox-read .mod-body { padding-right: 75px; }

/* 收藏页面 */
.mod-favorite .aw-tag-list { padding: 0; }
.mod-favorite .aw-feed-list { margin-top: 20px; }

/* 完善资料 */
.complete-my-profile .mod-head .follow, .aw-research-box .mod-head .follow { display: inline-block; width: 20px; height: 20px; line-height: 20px; background: #cccccc; color: #fff; border-radius: 100%; text-align: center; font-size: 12px; vertical-align: 3px; }
.complete-my-profile .mod-head .tooltip, .aw-research-box .mod-head .tooltip { width: 150px; }
.complete-my-profile .content dl { float: left; width: 45%; margin: 0 15px 15px; }
    .complete-my-profile .content dl dt { float: left; width: 36px; }
    .complete-my-profile .content dl dd { margin-left: 50px; }
    .complete-my-profile .content dl dt, .complete-my-profile .content dl dd { line-height: 32px; }

/* 调查 */
.aw-research-box .content p { height: 120px; line-height: 22px; }
.aw-research-box .content .btn { margin-left: 20px; }

/* 今日热点 */
.aw-daily-hot .mod-body ul li { overflow: hidden; padding: 10px 0; line-height: 28px; border-top: 1px solid #f5f5f5; }
    .aw-daily-hot .mod-body ul li:first-child { padding-top: 0; border-top: none; }
    .aw-daily-hot .mod-body ul li:last-child { padding-bottom: 0; }
.aw-daily-hot .mod-body .topic-tag { float: left; margin: 4px 10px 0 0; }
.aw-daily-hot .mod-body .aw-hide-txt { display: block; }

/* 推荐分组 */
.aw-suggest-group .mod-body ul li p { margin: 0; }
    .aw-suggest-group .mod-body ul li p:first-child { margin-bottom: 10px; }
.aw-suggest-group .mod-body img { width: 50px; height: 50px; margin-right: 10px; }

/* 符合你的标签 */
.aw-my-focus-tag .mod-body { padding-bottom: 0; padding-right: 0; }
.aw-my-focus-tag ul li { float: left; margin: 0 14px 14px 0; padding: 0 !important; }
    .aw-my-focus-tag ul li a { position: relative; display: block; padding: 5px 35px 5px 10px; background-color: #f5f5f5; border-radius: 3px; color: #999999; }
        .aw-my-focus-tag ul li a:hover, .aw-my-focus-tag ul li a.active { background-color: #666666; color: #fff; }
            .aw-my-focus-tag ul li a:hover .icon-followed, .aw-my-focus-tag ul li a.active .icon-followed { display: block; }
    .aw-my-focus-tag ul li span { display: block; position: absolute; right: 6px; top: 6px; width: 20px; height: 20px; background-color: #fff; border-radius: 10px; }
    .aw-my-focus-tag ul li .icon-followed { display: none; position: absolute; right: 8px; top: 8px; font-size: 16px; color: #666666; }

/* 发布页面 */
.aw-publish .topic-list .dropdown-toggle { width: 160px; line-height: 28px; margin: 0; border: 1px solid #ccc; border-radius: 2px; }
    .aw-publish .topic-list .dropdown-toggle i { position: absolute; right: 5px; top: 7px; }
    .aw-publish .topic-list .dropdown-toggle.open .aw-dropdown { left: -1px; }
.aw-publish .aw-dropdown { width: 195px; }
    .aw-publish .aw-dropdown ul { max-height: 210px; overflow: scroll; }
.aw-publish .topic-list input { width: 130px; padding-left: 10px; border: none; }

/* banner */
.banner { height: 570px; background: url('img/banner_bg.jpg') no-repeat center; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
    .banner h1 { font-size: 48px; color: #666; }
    .banner h2 { margin-top: 10px; font-size: 18px; color: #666666; }
    .banner img { margin-top: 70px; }
    .banner .row { position: relative; }

/* plan-parentage */
.plan-parentage, .plan-sports { padding: 80px 0; }
.plan-parentage { text-align: right; }
    .plan-parentage .btn, .plan-genome .btn, .plan-sports .btn { position: relative; width: 300px; height: 60px; line-height: 60px; padding-left: 50px; }
        .plan-parentage .btn i, .plan-genome .btn i, .plan-sports .btn i { position: absolute; left: 20px; top: 17px; font-size: 26px; }
    .plan-parentage h2 { margin: 0; font-size: 42px; color: #8ddcde; font-weight: normal; }
    .plan-parentage h3 { font-size: 18px; color: #999999; }
    .plan-parentage p { margin: 80px 0 20px; }
    .plan-parentage .price, .plan-genome .price { font-size: 40px; color: #666666; }

.plan-genome { background-color: #fafafa; }
    .plan-genome h2 { margin: 90px 0 0; font-size: 48px; color: #fa7676; }
    .plan-genome h3 { font-size: 18px; color: #999999; }
    .plan-genome p { margin: 80px 0 20px; }
    .plan-genome .btn { background-color: #fa7676; color: #fff; }
        .plan-genome .btn:hover { background-color: #fa8a8a; }
        .plan-genome .btn:active { background-color: #cc5252; }

.plan-sports { height: 500px; background: url('img/banner-sports.jpg') no-repeat center; text-align: right; }
    .plan-sports h2 { margin: 0; font-size: 48px; color: #a5d1f2; }
    .plan-sports h3 { font-size: 20px; color: #fff; }
    .plan-sports p { margin: 15px 0 40px; color: #999999; }
        .plan-sports p.price { margin: 0 0 20px; }
    .plan-sports .price { font-size: 40px; color: #fff; }
    .plan-sports img { margin-top: 100px; }

/* index-product */
.index-product { padding: 70px 0; background-color: #fafafa; }
    .index-product p { font-size: 22px; }
    .index-product .content img { margin-top: 50px; }
    .index-product .content ul { margin-top: 20px; }
        .index-product .content ul li { float: left; width: 33.33%; text-align: center; }
            .index-product .content ul li i { display: block; width: 90px; height: 90px; margin: 0 auto; line-height: 90px; border: 1px solid #e6e6e6; color: #ccc; border-radius: 50%; font-size: 46px; }
            .index-product .content ul li h4 { margin: 15px 0 5px; font-size: 14px; color: #999999; }
    .index-product .price { font-size: 16px; color: #999999; font-weight: normal; }
    .index-product .sidebar { margin-left: 35px; padding: 10px 0 10px 65px; border-left: 1px solid #e6e6e6; }
        .index-product .sidebar .btn { width: 280px; margin-top: 25px; text-align: left; }
            .index-product .sidebar .btn i { font-size: 24px; margin-right: 10px; vertical-align: -3px; }

/* 购物车 */
.shopping-cart table td { padding: 0.7em; }
.shopping-cart .bill dl { max-width: 400px; margin: 0 auto 20px; }
    .shopping-cart .bill dl dt { float: left; width: 80px; text-align: right; font-weight: normal; line-height: 30px; }
    .shopping-cart .bill dl dd { margin-left: 100px; }
.shopping-cart .bill .mod-footer { height: auto; padding: 30px; }
    .shopping-cart .bill .mod-footer .amount .btn { margin: -8px 0 0 20px; }
.shopping-cart .bill i { color: #4fb1f7; }
.shopping-cart .bill .promo-code-box { line-height: 38px; }
.shopping-cart .bill .promo-code input { width: 170px; }
.shopping-cart .bill .promo-code .btn { margin-left: 10px; }
.shopping-cart .bill .promo-code .tips { font-size: 12px; }
.shopping-cart .bill .amount ul { margin-bottom: 10px; }
    .shopping-cart .bill .amount ul li { line-height: 28px; }
.shopping-cart .bill .price { font-size: 26px; }
.shopping-cart .cart-num-control { width: 110px; margin: 0 auto; }
    .shopping-cart .cart-num-control a { float: left; display: inline-block; width: 30px; height: 30px; line-height: 25px; background-color: #f5f5f5; border: 1px solid #e6e6e6; color: #999999; font-size: 22px; text-align: center; }
        .shopping-cart .cart-num-control a.minus { border-right: medium none; }
        .shopping-cart .cart-num-control a.plus { border-left: medium none; }
    .shopping-cart .cart-num-control input { float: left; width: 45px; height: 30px; border: 1px solid #e6e6e6; border-radius: 0; box-shadow: none; text-align: center; }
.shopping-cart table th { background-color: transparent !important; color: #666; }

/* 微信支付 */
.qrcode-box { margin: 30px auto; width: 460px; }
    .qrcode-box .mod-head { height: auto; padding: 10px 0; background-color: #fff; }
        .qrcode-box .mod-head i { display: block; width: 60px; height: 60px; line-height: 60px; margin: 20px auto 0; background-color: #93c725; color: #fff; border-radius: 50%; font-size: 40px; }

/* 结果页面 */
.result-graph { margin-top: 50px; }
    .result-graph ul li { float: left; width: 313px; height: 450px; margin-left: 20px; background-color: #f5f5f5; border-radius: 5px; }
        .result-graph ul li:first-child { margin: 0; padding: 0 30px; }
        .result-graph ul li h3 { margin: 10px 0 0 30px; font-size: 20px; color: #666666; text-align: left; }
        .result-graph ul li img { margin-top: 70px; }
        .result-graph ul li.feature p { margin: 35px 0; font-size: 32px; }
        .result-graph ul li.feature .btn { width: 100px; height: 38px; line-height: 26px; }

/* 话题内的报告 */
.result-pointlocation, .result-conclusion, .result-recommendation { position: relative; background: #f5f5f5; }
    .result-pointlocation h3, .result-conclusion h3, .result-recommendation h3 { font-size: 16px; color: #666; }
    .result-pointlocation p { margin-bottom: 20px; padding: 14px; background-color: #EDEDED; border: 1px solid #E0E0E0; border-radius: 2px; }
    .result-pointlocation .icon-good { color: #91c900; }
    .result-pointlocation .icon-bad { color: #f74b61; }
    .result-pointlocation .btn-report { position: absolute; right: 0; bottom: -32px; border-radius: 0 0 4px 4px; }
.result-share { margin-top: 20px; }

/* 风险评估图表 */
.risk-graph .progressbar { height: auto; overflow: hidden; margin: 15px 0 15px 80px; line-height: 30px; }
.risk-graph span { float: left; margin-right: 10px; }
.risk-graph .tips { margin-left: 10px; color: #999999; font-size: 12px; line-height: 16px; }
.risk-graph .graph { float: left; width: 300px; background: #e6e6e6; }
    .risk-graph .graph .content { height: 40px; }
    .risk-graph .graph .color-red { background: #fa7676; }
    .risk-graph .graph .color-green { background: #91c900; }
    .risk-graph .graph.active .content { background: #b3b3b3; }

.risk-graph.mini .graph { width: 140px; height: 6px; }
.risk-graph.mini .progressbar { margin: 0; }
    .risk-graph.mini .progressbar:first-child { margin: 0 0 5px; }
.risk-graph.mini .graph .content { height: 6px; }

/* 报告小结 */
.result-conclusion .risk i { vertical-align: -2px; }
.result-conclusion .risk-graph { margin: 0 0 20px; }
.result-conclusion .mod-footer { margin-top: 25px; padding-top: 25px; border-top: 1px solid #e6e6e6; }
.result-conclusion.probability .mod-body { position: relative; height: 265px; margin: 0 auto; }
.result-conclusion.probability .triangle, .result-conclusion.probability .mask { position: absolute; top: 60px; left: 120px; z-index: 1; width: 325px; height: 153px; background-image: url("img/triangle-mask.png"); background-repeat: no-repeat; background-size: 325px auto; }
.result-conclusion.probability .mask { background-image: url("img/triangle.png"); z-index: 2; }
.result-conclusion.probability span { color: #00a7f7; }

/* 我的报告 */
.my-report-parentage { position: relative; }
    .my-report-parentage .mod-body { height: 350px; }
    .my-report-parentage .graph { position: relative; }
        .my-report-parentage .graph .point { position: absolute; right: 70px; top: 100px; width: 20px; height: 20px; background-color: #0dbcf1; border-radius: 50%; }
        .my-report-parentage .graph .circle { width: 50px; height: 50px; line-height: 50px; margin: -15px 0 0 -15px; border-radius: 50%; opacity: 0.3; filter: alpha(opacity=30); background-color: #0dbcf1; text-align: center; }
    .my-report-parentage ul li { float: left; width: 90px; margin: 40px 0 10px 34px; }
        .my-report-parentage ul li b { display: block; margin-bottom: 5px; font-size: 22px; }
    .my-report-parentage .sidebar { margin-top: 30px; }
    .my-report-parentage .content h3 { font-size: 18px; }
    .my-report-parentage .progress { box-shadow: none; }
    .my-report-parentage .progress-bar { background-color: #969eb1; box-shadow: none; }
    .my-report-parentage .color-gray { color: #969eb1; }
    .my-report-parentage .percent { position: relative; top: -15px; font-size: 40px; }
    .my-report-parentage .btn { margin-top: 10px; }
.my-genefit-dashboard { position: relative; }
    .my-genefit-dashboard .mod-body { position: relative; padding: 0; }
    .my-genefit-dashboard #genefit-chart { width: 358px; height: 300px; }
    .my-genefit-dashboard .icon-run { position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; font-size: 50px; color: #cccccc; }
.my-report-list { margin: 30px 0; }
    .my-report-list .mod-head .tips { margin: 20px 30px 0 0; }
    .my-report-list h2 { font-size: 18px; color: #666; }
    .my-report-list table, .result-pointlocation table { width: 100%; }
    .my-report-list th, .result-pointlocation th { height: 40px; line-height: 40px; padding-left: 10px; background: #666666; color: #fff; }
        .my-report-list th:first-child { padding-left: 10px; }
        .my-report-list th:last-child { padding-right: 10px; }
    .my-report-list tr:hover, .result-pointlocation tr:hover { background: #fafeff; }
        .my-report-list tr:hover td, .result-pointlocation tr:hover td { background: #fafeff; }
    .my-report-list tr td, .result-pointlocation tr td { padding: 10px 30px; line-height: 24px; border-bottom: 1px solid #e6e6e6; }
    .my-report-list tr:last-child td, .result-pointlocation tr:last-child td { border: none; }
    .my-report-list .mod-footer { line-height: 44px; }
    .my-report-list .risk-graph { margin: 0 0 0 0; }
    .my-report-list .update-tips { position: relative; float: left; width: 112px; height: 26px; margin: 9px 0 0 -130px; padding-left: 10px; line-height: 26px; background-color: #f74b61; color: #fff; border-radius: 3px; font-size: 12px; }
        .my-report-list .update-tips i { position: absolute; right: -6px; top: 7px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #f74b61; border-bottom: 6px solid transparent; }
.side-category { position: fixed; left: 1160px; top: 220px; min-width: 170px; }
    .side-category.active { left: 148px; min-width: 120px; }
        .side-category.active li { padding-left: 40px; }
            .side-category.active li span { float: right; }
        .side-category.active .line { left: auto; right: 4px; }
    .side-category ul { padding-top: 12px; }
    .side-category li { position: relative; z-index: 1; height: 40px; line-height: 40px; }
        .side-category li a { color: #999; }
            .side-category li a:hover, .side-category li a.active { color: #00a7f7; }
        .side-category li span { font-size: 30px; vertical-align: -6px; }
    .side-category .line { position: absolute; top: 0; left: 4px; width: 2px; height: 190px; background: #cbcbcb; }

/* 基因组研究计划 */
.gene-research-project .mod-head { position: relative; height: 150px; border: none; }
    .gene-research-project .mod-head img { position: absolute; z-index: 0; left: 0; top: 0; }
    .gene-research-project .mod-head h2, .gene-research-project .mod-head p { position: relative; z-index: 1; font-size: 16px; }
    .gene-research-project .mod-head h2 { padding: 25px 0 0; font-size: 26px; }
.gene-research-project .mod-body { padding: 30px 60px 60px 30px; border-top: 1px solid #ebebeb; }
.gene-research-project .sidebar { margin-top: -115px; line-height: 50px; }
    .gene-research-project .sidebar img { margin-bottom: 20px; }
    .gene-research-project .sidebar .btn { width: 240px; }
.gene-research-project .mod-body h3 { margin-top: 40px; color: #91c900; font-size: 20px; }
    .gene-research-project .mod-body h3:first-child { margin-top: 0; }

/* 产品页面 */
.product .price { font-size: 26px; color: #4fb1f7; }
.product .detail .desc { margin-bottom: 30px; }
.product .detail .btn { width: 150px; height: 48px; line-height: 48px; margin-top: 10px; padding: 0; font-size: 18px; }
.product .report-content .mod-body { padding: 60px; }
.product .report-content.genefit .mod-body { padding: 30px 30px 5px; }
.product .report-content ul li { margin-left: 59px; }
.product .report-content.genefit ul { width: 1110px; }
    .product .report-content.genefit ul li { width: auto; height: auto; margin: 0 25px 25px 0; border: none; }
        .product .report-content.genefit ul li span { display: block; height: 42px; line-height: 42px; padding: 0 35px; border-radius: 3px; color: #fff; font-size: 14px; }
.product .service-detail h3 { margin: 22px 0 0; font-size: 18px; color: #4fb1f7; }
.product .service-detail .mod-body ol { padding-left: 20px; list-style: decimal; }
.product .report-style .mod-body { padding: 30px 15px 0; }
.product .report-style img { width: 100%; margin-bottom: 30px; border: 1px solid #ebebeb; }
.product .service-process ul li { margin-top: 60px; }
    .product .service-process ul li:first-child { margin-top: 0; }
    .product .service-process ul li span { font-size: 16px; font-weight: bold; }
    .product .service-process ul li p { max-width: 170px; margin-top: 5px; line-height: 24px; }
    .product .service-process ul li b { font-size: 30px; }
    .product .service-process ul li i { margin-top: 10px; font-size: 90px; color: #cccccc; }
.product .buy-success .icon-followed { display: inline-block; width: 90px; height: 90px; line-height: 90px; margin-bottom: 25px; color: #fff; text-align: center; font-size: 66px; background-color: #91c900; border-radius: 50%; }
.product .buy-success .mod-footer { height: auto; padding: 40px; }
    .product .buy-success .mod-footer p { max-width: 265px; margin: 0 auto; line-height: 30px; }

/* 研究列表 */
.research-list { overflow: hidden; }
    .research-list ul li { float: left; width: 120px; height: 150px; margin: 10px 0 0 30px; border: 1px solid #cccccc; border-radius: 4px; text-align: center; }
        .research-list ul li:first-child { margin-left: 0; }
        .research-list ul li i { display: block; margin: 25px 0 15px; font-size: 36px; color: #999; }
        .research-list ul li b { display: block; margin-top: 5px; font-size: 20px; font-weight: normal; }

/* 我的订单列表 */
.my-order-list ul li .operate { position: absolute; right: 0; top: 0; }
    .my-order-list ul li .operate .btn { position: static; margin-left: 10px; }
    .my-order-list ul li .operate .order-status { display: inline-block; }
    .my-order-list ul li .operate.active .order-status { float: left; }
    .my-order-list ul li .operate.active .btn { float: left; margin-top: 5px; }

/* 个人页面 */
.tab-content { padding: 0; }
.aw-user-center-tab .aw-nav-tabs { min-height: 45px; margin-bottom: 20px; padding: 0; }
    .aw-user-center-tab .aw-nav-tabs > li a, .aw-user-center-tab .aw-nav-tabs > li.active a { line-height: 40px; font-size: 18px; }
        .aw-user-center-tab .aw-nav-tabs > li.active a, .aw-user-center-tab .aw-nav-tabs > li > a:hover, .aw-user-center-tab .aw-nav-tabs > li.active a:hover, .aw-user-center-tab .aw-nav-tabs > li.active a:focus, .aw-user-center-tab .aw-nav-tabs > li > a:focus { border-width: 4px; border-color: #00a7f7; }
            .aw-user-center-tab .aw-nav-tabs > li.active a, .aw-user-center-tab .aw-nav-tabs > li > a:hover, .aw-user-center-tab .aw-nav-tabs > li.active a:hover, .aw-user-center-tab .aw-nav-tabs > li.active a:focus, .aw-user-center-tab .aw-nav-tabs > li > a:focus, .aw-user-center-tab .aw-nav-tabs > li > a { background: transparent; }
.aw-user-center-tab .tab-pane > .aw-mod > .mod-body { padding: 20px 30px; }
.aw-user-center-tab .aw-mod .aw-item:last-child { border: none; }
.aw-user-center-tab .aw-load-more-content { margin: 20px 0 0; }
.aw-user-center-follow-mod ul li { min-height: 100px; }
.my-person-data i { font-size: 16px; vertical-align: -1px; }

/* 个人设置 */
.user-setting .mod-body { padding: 60px; }
.user-setting .base { width: 360px; margin: 0 auto; }
    .user-setting .base form dl, .aw-gene-profile li dl { margin: 30px 0; }
        .user-setting .base form dl dt, .aw-gene-profile li dl dt { float: left; line-height: 30px; width: 90px; text-align: right; font-weight: normal; }
        .user-setting .base form dl dd, .aw-gene-profile li dl dd { margin-left: 100px; line-height: 30px; }
.user-setting .security { width: 300px; margin: 0 auto; }
.user-setting .privacy dl { margin-bottom: 50px; }
.user-setting .privacy dt { float: left; }
.user-setting .privacy dd { margin-left: 180px; }
.user-setting .privacy ul li { margin-bottom: 20px; }


.aw-user-setting textarea { width: 410px; }
.aw-user-setting .email-editor input { margin-bottom: 10px; }
.aw-user-setting .mod-base .password-strength { margin-top: 8px; }
.aw-user-setting .mod-setting-privacy .aw-mod dl dd label { display: block; }
.aw-gene-profile li { padding: 60px 0; border-top: 1px solid #e6e6e6; }
    .aw-gene-profile li:first-child { padding-top: 0; border-top: none; }
    .aw-gene-profile li .content { max-width: 480px; margin: 0 auto; }
.aw-gene-profile .side-bar { position: relative !important; top: 40px !important; right: 0; }
.aw-gene-profile .mod-footer { border-top: none; }

/* 修改密码 */
.aw-user-setting-bind { width: 350px; margin: 0 auto; }

/* 密码强度 */
.password-strength { position: relative; width: 120px; height: 14px; background-color: #e3e3e3; border-radius: 4px; }
    .password-strength span { display: inline-block; float: left; width: 40px; height: 14px; border-radius: 4px 0 0 4px; }
    .password-strength.low span { background-color: #f74b61; }
    .password-strength.middle span { width: 80px; background-color: #ffbf2e; }
    .password-strength.high span { width: 120px; background-color: #91c900; border-radius: 4px; }
    .password-strength b { position: absolute; right: -20px; top: -9px; }

/* 发起页面 */
.aw-mod-publish { padding: 0; }
    .aw-mod-publish .mod-body h3 { font-size: 14px; }
        .aw-mod-publish .mod-body h3:first-child { margin-top: 0; }
    .aw-mod-publish .add-group { width: 200px; }
    .aw-mod-publish .btn-submit { margin-left: 10px; }
    .aw-mod-publish .aw-anonymity input { margin: 4px 3px 0 0; }
.aw-editor-box .head { border: 1px solid #e6e6e6; border-radius: 2px; }
.aw-editor-box .body { position: relative; margin-top: 10px; }

/* 话题详情页 */
.aw-topic-description .img { position: relative; width: 260px; height: 180px; margin-right: 30px; }
    .aw-topic-description .img li { position: absolute; top: 0; left: 0; opacity: 0; }

/* 话题列表 */
.topic-category .mod-body { padding: 0; }
.aw-topic-list .aw-item { width: 100%; padding: 15px 15px 15px 75px; border: none !important; }
    .aw-topic-list .aw-item .img { position: absolute; left: 15px; top: 15px; }
        .aw-topic-list .aw-item .img img { width: 50px; height: 50px; }

/* 话题管理 */
.aw-mod-topic-edit-box { padding: 20px 0; }
.aw-topic-edit select { width: 300px; }
.aw-mod-topic-manage .aw-publish-title { position: static; }
.aw-mod-topic-manage dl .aw-publish-title .dropdown .dropdown-toggle { float: none; }
.aw-mod-topic-manage dl .dropdown .dropdown-toggle { margin: 0; }
    .aw-mod-topic-manage dl .dropdown .dropdown-toggle a { width: 19%; }
.aw-mod-topic-manage dl .aw-publish-title #gene-topic-select { border: medium none; height: 30px; line-height: 30px; margin: 0; padding-left: 10px; width: 78%; }

/* 搜索页面 */
.aw-mod-search-result .aw-item.report { padding: 14px 0; }
    .aw-mod-search-result .aw-item.report h2, .aw-mod-search-result .aw-item.report p { margin-bottom: 5px; }
        .aw-mod-search-result .aw-item.report p > span { margin: 0; }

/* 调查列表 */
.aw-research .aw-topic-bar { margin: 5px 0 0 0; }
.aw-research .mod-body { margin-bottom: 100px; }
.aw-research ul li { height: 36px; line-height: 36px; }
    .aw-research ul li input { margin-right: 5px; }
    .aw-research ul li .progress { width: 250px; margin: 8px 10px 0 0; border-radius: 0; background-color: transparent; box-shadow: none; }
    .aw-research ul li .progress-bar { float: right; background-color: #00a7f7; }
        .aw-research ul li .progress-bar span { }
.aw-research .btn { width: 80px; height: 30px; line-height: 18px; }

/* 祖源调查 */
.aw-survey-container { width: 600px; margin: 0 auto; }
.aw-survey-detail { border: 1px solid #e6e6e6; border-radius: 2px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }
    .aw-survey-detail .mod-head { height: 90px; background: #f5f5f5; border-bottom: 1px solid #e6e6e6; }
        .aw-survey-detail .mod-head h3 { line-height: 90px; text-align: center; font-size: 24px; color: #666; }
    .aw-survey-detail .mod-body { padding: 20px; }
        .aw-survey-detail .mod-body p { margin: 10px 0 0; line-height: 24px; color: #666; }
.aw-survey-list ul li { margin-top: 30px; border: 1px solid #e6e6e6; border-radius: 2px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }
    .aw-survey-list ul li .mod-head { height: 60px; background: #f5f5f5; border-bottom: 1px solid #e6e6e6; }
        .aw-survey-list ul li .mod-head h4 { padding-left: 20px; line-height: 60px; font-size: 16px; color: #666; }
        .aw-survey-list ul li .mod-head b { color: #00a7f7; font-size: 24px; }
    .aw-survey-list ul li .mod-body { padding: 20px 20px 0; }
        .aw-survey-list ul li .mod-body dl { height: auto; overflow: hidden; }
        .aw-survey-list ul li .mod-body dt { float: left; width: 80px; line-height: 32px; text-align: right; }
        .aw-survey-list ul li .mod-body dd { margin-left: 85px; }
        .aw-survey-list ul li .mod-body .form-control { float: left; width: 130px; margin-right: 10px; }
    .aw-survey-list ul li .mod-footer { height: 70px; margin: 20px; padding-top: 20px; border-top: 1px solid #e6e6e6; text-align: right; }

    .aw-survey-list ul li ol.mod-body li { margin: 0 auto 20px; height: auto; overflow: hidden; border: none; box-shadow: none; text-indent: 5px; }
.aw-survey-detail .mod-body img { width: 100%; max-width: 600px; }

/* 帮助中心 */
.aw-help-side .mod-body dd { line-height: 40px; padding-left: 50px; }

/* 关于我们 */
.aw-mod-about { width: 720px; margin: 50px auto 0 250px; border-top: 1px solid #e6e6e6; }
    .aw-mod-about .mod-head i { margin-right: 10px; font-size: 40px; color: #cccccc; vertical-align: -13px; }
    .aw-mod-about p { margin-bottom: 30px; }
    .aw-mod-about b { color: #00a7f7; }
    .aw-mod-about ul { margin-top: 20px; padding: 0; list-style: none; }

/* 弹窗 */
.modal-content { border: 1px solid #999; border-radius: 4px; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2); }
.modal-header { height: 60px; padding: 15px 20px; background-color: #fafafa; border-radius: 4px 4px 0 0; }
.modal-footer { border-radius: 0 0 4px 4px; }
.modal-title { line-height: 30px; font-size: 18px; color: #666; }
.modal-body, .modal-footer { background: #fff; }
.alert-box .modal-header .close { color: #ccc; opacity: 1; margin-top: 5px; font-size: 20px; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.3; filter: alpha(opacity=30); }
.gonodataReference-box .mod-body { height: 400px; overflow: scroll; }
.gonodataReference-box ul { padding: 0 0 0 20px; list-style: disc; }
    .gonodataReference-box ul li { margin-bottom: 10px; }
.request-box .mod-body { padding: 30px; }
.request-box .error_message { margin-bottom: 20px; }
.request-box dl dt { float: left; width: 60px; text-align: right; font-weight: normal; line-height: 30px; }
.request-box dl dd { margin-left: 70px; }
.dataDownload-box input { width: 230px; margin: 15px auto; }
.dataDownload-box .modal-footer { text-align: center; }
.aw-alert-img-box .modal-body img { width: 250px; }

/* 初次登录弹窗引导 */
.category dl, .aw-mod.new-announce, .aw-first-login .mod-head ul, .aw-first-login .aw-complete-data, .aw-first-login .aw-card-box-list li { border-radius: 4px; }
    .aw-first-login .mod-head ul li { width: 188px; }
        .aw-first-login .mod-head ul li:first-child { width: 189px; }
.aw-first-login .aw-card-box-list li { height: 85px; }
.aw-first-login .aw-card-box-list ul { width: 600px; }
.aw-first-login .aw-card-box-list li { width: 273px; }
.aw-first-login .mod-head ul { width: 567px; }

/* 自定义页面 */
.aw-custom-page { background-color: transparent; }

/* genefit 进度条 */
.genefit .genefit-graph.bar { position: relative; width: 320px; margin: 135px auto 0; }
    .genefit .genefit-graph.bar .bar { height: 40px; margin-bottom: 5px; border-radius: 2px; background-color: #f5f5f5; }
    .genefit .genefit-graph.bar .line { height: 40px; border-radius: 2px; }
    .genefit .genefit-graph.bar .bar span { position: absolute; left: 14; top: -50px; width: 40px; font-size: 20px; color: #fff; text-align: center; }
    .genefit .genefit-graph.bar .icon-tip { position: absolute; left: 0; top: -60px; font-size: 50px; }

/* genefit */
.genefit .mod { margin-top: 30px; border: 1px solid #ebebeb; border-radius: 2px; }
    .genefit .mod .mod-head { height: 60px; background-color: #fafafa; border-bottom: 1px solid #ebebeb; }
        .genefit .mod .mod-head h2 { font-size: 18px; line-height: 60px; text-align: center; color: #666666; }
    .genefit .mod .mod-body { padding: 30px; background-color: #fff; }
.genefit #chart_rsid_percent { width: 400px; height: 240px; }
.genefit #chart_metabolic { width: 488px; height: 230px; }
.genefit .sport-performance .mod-body, .genefit .fat-about .mod-body { padding: 0; }
    .genefit .sport-performance .mod-body ul li, .genefit .fat-about .mod-body ul li { float: left; width: 14.285%; padding: 30px 37px; }
        .genefit .sport-performance .mod-body ul li .content, .genefit .fat-about .mod-body ul li .content { position: relative; height: 230px; background-color: #f0f0f0; border-radius: 2px; cursor: pointer; }
        .genefit .sport-performance .mod-body ul li .line, .genefit .fat-about .mod-body ul li .line { position: absolute; bottom: 0; left: 0; width: 100%; max-height: 230px; border-radius: 2px; }
.genefit .sport-performance .mod-footer, .genefit .fat-about .mod-footer { padding: 0; height: auto; line-height: 22px; }
    .genefit .sport-performance .mod-footer ul li, .genefit .fat-about .mod-footer ul li { float: left; width: 14.28%; height: 82px; text-align: center; border-left: 1px solid #ebebeb; font-size: 14px; }
        .genefit .sport-performance .mod-footer ul li a, .genefit .fat-about .mod-footer ul li a { display: block; padding: 15px 0; color: #666; }
        .genefit .sport-performance .mod-footer ul li:first-child, .genefit .fat-about .mod-footer ul li:first-child { border-left: none; }
        .genefit .sport-performance .mod-footer ul li b, .genefit .fat-about .mod-footer ul li b { display: block; margin-bottom: 8px; font-size: 24px; font-weight: normal; }
.genefit .fat-about .mod-body ul li { width: 50%; padding: 30px 45px; }
.genefit .fat-about .mod-footer ul li { width: 50%; }
.genefit .sport-performance-detail i { font-size: 120px; color: #cccccc; }
.genefit .sport-performance-detail p { font-size: 14px; color: #999999; line-height: 30px; }
.genefit .sport-performance-detail .mod-footer { height: 60px; line-height: 60px; border-top: 1px solid #ebebeb; }
.genefit .sport-performance-detail ul { width: 715px; margin: 0 auto; }
    .genefit .sport-performance-detail ul li { float: left; height: 40px; margin-left: 2px; }
        .genefit .sport-performance-detail ul li:first-child { margin: 0; }
.genefit .sport-performance-detail.active p { margin-bottom: 30px; color: #666; }
.genefit .rsid-detail .mod-body { min-height: 300px; }
.genefit .rsid-detail ul, .genefit .your-rsid ul { margin-bottom: 40px; }
    .genefit .rsid-detail ul li { float: left; width: 33.333%; text-align: center; }
        .genefit .rsid-detail ul li b, .genefit .your-rsid ul b { display: block; margin-top: 10px; font-size: 16px; }
    .genefit .your-rsid ul b { font-size: 24px; }
    .genefit .rsid-detail ul li .circle { display: inline-block; width: 15px; height: 15px; margin-top: 15px; border-radius: 50%; background-color: #f0f0f0; }
        .genefit .rsid-detail ul li .circle.active { background-color: #91c900; }
.genefit .rsid-detail .content { max-height: 215px; overflow-y: scroll; }
.genefit .your-rsid .content { max-height: 170px; margin-bottom: 26px; overflow-y: scroll; }
.genefit .other-rsid .mod-body { padding: 0; }
.genefit .other-rsid .icon-good { color: #91c900; }
.genefit .other-rsid .icon-bad { color: #f74b61; }
.genefit .metabolic .mod-body { padding: 0; }
.genefit .metabolic .sidebar { width: 25%; border-right: 1px solid #ebebeb; }
    .genefit .metabolic .sidebar ul li { height: 150px; padding: 18px 0; text-align: center; border-top: 1px solid #ebebeb; }
        .genefit .metabolic .sidebar ul li:first-child { border-top: none; }
            .genefit .metabolic .sidebar ul li:first-child b { margin-top: 35px; font-size: 60px; }
        .genefit .metabolic .sidebar ul li b { display: block; margin: 20px 0; font-size: 38px; }
.genefit .metabolic .content { width: 75%; }
    .genefit .metabolic .content .title { position: relative; top: 40px; left: -10px; margin: -5px 30px 0; color: #999; }
    .genefit .metabolic .content .desc { margin: 0 30px; text-align: center; color: #999; }
        .genefit .metabolic .content .desc .content { color: #666; }
.genefit .metabolic.fat .mod-body { height: 300px; }
.genefit .metabolic.fat .content { width: 100%; }
.genefit .metabolic.fat .genefit-graph.bar { width: 400px; }
    .genefit .metabolic.fat .genefit-graph.bar .bar span { font-size: 16px; }
.genefit .metabolic.fat ul li { float: left; width: 20%; margin-top: 5px; text-align: center; }
.genefit .rsid-percent .mod-body { position: relative; }
    .genefit .rsid-percent .mod-body i { position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -20px; font-size: 40px; color: #cecece; }
.genefit .fat-affect ul { max-width: 900px; margin: 0 auto; }
    .genefit .fat-affect ul li { float: left; width: 25%; margin: 30px 0; text-align: center; }
        .genefit .fat-affect ul li i { display: block; margin-bottom: 10px; font-size: 70px; color: #fa7676; }
.customerClient-box .modal-body { max-height: 300px; overflow-y: scroll; }
.customer-client ul { margin: 0 0 10px 20px; }

/* 我的祖源 */
.parentage .bloodline-list { margin-top: 40px; min-height: 60px; }
    .parentage .bloodline-list ul li { float: left; width: 25%; line-height: 16px; text-align: center; }
        .parentage .bloodline-list ul li b { display: block; margin-bottom: 10px; font-size: 22px; color: #949fb2; }
.parentage .analyse .mod-body { min-height: 560px; }
.parentage .analyse h3 { margin: 0; color: #00a7f7; font-size: 16px; }
.parentage .analyse hr { height: 1px; border: 0; background: #ebebeb; }
.parentage .analyse ul li { line-height: 28px; }
    .parentage .analyse ul li img { margin: 10px 30px 0 0; }


/* footer */
.footer { padding: 25px 0; background-color: #fff; }
    .footer span, .footer a { color: #999; }
        .footer span b { color: #666; }
    .footer .copyright { font-size: 14px; line-height: 30px; }
    .footer .service { font-size: 18px; line-height: 55px; color: #666; }
        .footer .service i { margin-right: 5px; color: #ccc; }

.aw-mask .bg { position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background-color: #000; opacity: 0.7; }
.aw-mask .img { position: fixed; top: 10px; right: 0; z-index: 9999; width: 255px; height: 150px; background-image: url('img/weixin_share_tirangle.png'); background-repeat: no-repeat; background-size: 255px; }
.aw-mask .icon { position: fixed; top: 160px; left: 50%; z-index: 9999; margin-left: -15px; padding: 10px; font-size: 24px; border: 1px solid #fff; color: #fff; border-radius: 100%; }

.ad-bar .mod { background: #fff; padding: 30px; border: 1px solid #ebebeb; }
.ad-bar .desc { position: relative; padding-left: 100px; }
    .ad-bar .desc i { position: absolute; left: 30px; top: 5px; font-size: 50px; color: #485366; }
    .ad-bar .desc h3 { margin: 0; font-size: 26px; color: #485366; }
.ad-bar img { margin: 0 10px; border: 1px solid #ebebeb; border-radius: 4px; }

@media not all, (min-resolution: 192dpi) {
}

@media (max-width:810px) {
    .container { width: 100% !important; }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { width: 100%; }
}

/* iphone横屏幕 */
@media (max-width:640px) {

    input[type="text"], input[type="password"], textarea { -webkit-appearance: none; }


    .banner .mod.tips { width: 100%; left: auto; top: auto; margin: 0; }
        .banner .mod.tips .content { width: 100%; }

    .container { width: 100% !important; }
    .mod .mod-body { padding: 15px !important; }
        .mod .mod-body h3 { margin: 0 0 10px; }

    .markitup-box object, .markitup-box embed { width: 100% !important; }

    /* common */
    .aw-common-list .aw-item { padding: 14px 0; }
    .aw-side-bar { margin-left: 0; }
    .aw-topic-list .mod-body, .aw-topic-list .aw-item { width: 100%; }
    .aw-topic-list .aw-item { height: auto; }
    .aw-feed-list .aw-item .mod-footer { padding-left: 0; }
    .bind-crumbs { height: auto; padding: 0; text-align: center; }
        .bind-crumbs h2 { width: 100%; overflow: scroll; white-space: nowrap; word-break: break-all; font-size: 22px; }
        .bind-crumbs form { float: none !important; margin: 0 auto; }
        .bind-crumbs.responsive .container { padding-right: 50px; }
        .bind-crumbs.responsive .dropdown { position: absolute; right: -20px; top: 27px; margin: 0 0 0 10px; }
            .bind-crumbs.responsive .dropdown .aw-dropdown { top: 43px; right: -15px; }
        .bind-crumbs .btn { float: none !important; margin: 0 auto 20px; }
        .bind-crumbs.topic { height: auto; text-align: center; }
            .bind-crumbs.topic h2 { float: none !important; max-width: 100%; }
            .bind-crumbs.topic .btn { float: none !important; margin: 0 0 20px 10px; }
        .bind-crumbs.report h2 { max-width: 100%; }
        .bind-crumbs .tips { float: left; width: 100%; margin: 14px 0; text-align: center; }

    /* 首页 */
    .top-menu { height: 55px; }
        .top-menu .logo img { width: 130px; }
        .top-menu .user-bar { margin: 15px 0 0; }
        .top-menu .aw-top-nav { margin: 0 -10px 0 0; }
            .top-menu .aw-top-nav .icon-bar { background: #666; }
            .top-menu .aw-top-nav .navbar-toggle { height: 55px; margin: 0; }
            .top-menu .aw-top-nav .navbar-collapse { background: #fafafa; }
                .top-menu .aw-top-nav .navbar-collapse.active { left: auto; right: -5px; z-index: 1000; width: 130px; border: 1px solid #f0f0f0; }
        .top-menu .btn-login { margin: 15px 10px 0 0; height: 26px; line-height: 14px; }
    .aw-top-nav .navbar-nav { margin: 0 -15px; }
    .aw-top-nav .badge { position: relative; right: 0; top: 0; }
    .aw-top-nav > nav > ul > li > a, .top-menu .aw-top-nav .nav li > span { height: 40px; padding: 10px 15px; }
    .aw-top-nav > nav > ul > li { border-top: 1px solid #f0f0f0; }
        .aw-top-nav > nav > ul > li:first-child { border-top: none; }
    .aw-top-nav .nav .aw-dropdown { top: 0; left: auto; right: 100%; }
    .banner { height: 350px; background: url('img/banner_m.jpg') no-repeat; }
        .banner img { width: 100%; }
        .banner .mod { width: 265px; }
            .banner .mod .price { width: 60px; font-size: 14px; }
            .banner .mod .buy { width: 200px; }
                .banner .mod .buy .btn { width: 100%; font-size: 14px; }
                    .banner .mod .buy .btn i { margin: 0; }
    .index-product { height: auto; padding: 30px 0; }
        .index-product .container { padding: 0 30px; }
        .index-product .btn { width: 100% !important; }
        .index-product .content { margin: 0; padding: 0 15px; }
            .index-product .content img { right: 0; width: 100%; margin: 0; }
            .index-product .content .col-sm-6 { padding: 0; }
            .index-product .content .buy { width: 100%; text-align: center; }
            .index-product .content hr { margin: 50px 0; }
        .index-product .sidebar { margin: 0; padding: 0; border: none; text-align: center; }
            .index-product .sidebar p { font-size: 22px; text-align: left; }

    .plan-parentage, .plan-genome, .plan-sports { padding: 30px 0; text-align: center; }
        .plan-parentage .container, .plan-genome .container, .plan-sports .container { padding: 0 30px; }
        .plan-parentage h2, .plan-genome h2, .plan-sports h2 { margin: 0; font-size: 32px; }
        .plan-parentage h3, .plan-genome h3, .plan-sports h3 { font-size: 14px; }
        .plan-parentage .btn, .plan-genome .btn, .plan-sports .btn { width: 100%; }
        .plan-parentage p, .plan-genome p { margin: 30px 0 15px; }
        .plan-sports p { margin: 0 0 50px; }
        .plan-parentage .price, .plan-genome .price { font-size: 34px; }
    .plan-sports { height: 320px; }

    /* home */
    .gene-research-project .mod-head img { width: 100%; height: 150px; }
    .gene-research-project .mod-head h2 { padding: 25px 20px 0; font-size: 22px; line-height: 30px; }
    .gene-research-project .sidebar { margin: 0; }
        .gene-research-project .sidebar img { margin: 40px 0 20px; }
    .gene-research-project .content { float: none !important; }
    .gene-research-project .research-list ul li { width: 40%; margin: 10px; }
    .my-genefit-dashboard #genefit-chart { width: 100%; }
    .my-report-box .mod-body ol li { padding: 0; }
        .my-report-box .mod-body ol li .summary { max-width: 170px; overflow-x: scroll; }
    .my-report-parentage .mod-body { height: auto; }
    .my-report-parentage .sidebar, .my-report-parentage .content { text-align: center; }
        .my-report-parentage .content h3 { text-align: left; }
    .my-report-parentage .percent { font-size: 30px; }
    .my-report-parentage ul li { width: 33.33%; margin: 10px 0; padding: 0 38px; text-align: center; }
    .risk-graph.mini .graph { width: 100px; }
    .risk-graph .progressbar { margin: 15px 25px; }
    .result-conclusion.probability .triangle, .result-conclusion.probability .mask { left: 20px; }
    .bind-kit-box .btn { width: 100%; margin: 0 0 10px; }

    /* 绑定进程 */
    .barcode-bind-step ul { width: 100%; margin: 30px auto 0; }
        .barcode-bind-step ul li { width: 20%; margin: 0; font-size: 12px; }
            .barcode-bind-step ul li em { width: 40px; height: 40px; line-height: 40px; }
            .barcode-bind-step ul li i { display: none; }
    .barcode-bind .barcode-bind-step ul li { width: 30%; }

    /* 产品页面 */
    .product .detail img { width: 100%; }
    .product .detail .content { text-align: center; }
        .product .detail .content p { text-align: left; }
    .product .report-content .mod-body { padding: 15px; }

    /* 绑定页面 */
    .barcode-bind .step1 .side-bar img { width: 100%; }

    /* 购物车页面 */
    .shopping-cart .bill .mod-footer { height: auto; line-height: 30px; text-align: center; }
        .shopping-cart .bill .mod-footer .pull-right { float: none !important; }
        .shopping-cart .bill .mod-footer label { margin: 10px 0; }
        .shopping-cart .bill .mod-footer .btn { margin: 10px 0 20px 10px; }

    /* 报告详情页 */
    .aw-topic-description .img { float: none !important; margin: 0 auto 10px; }

    /* 登录页面 */
    .aw-login-box { width: 100%; border: none; background: transparent; }
        .aw-login-box .logo { margin: 20px auto 40px; }
        .aw-login-box .mod-body { padding: 0; }
            .aw-login-box .mod-body .form-control { box-shadow: none; }
            .aw-login-box .mod-body .content, .aw-login-box .mod-body .side-bar { width: 100%; }
                .aw-login-box .mod-body .content ul li .btn-primary { float: none; display: block; width: 100%; }
            .aw-login-box .mod-body .side-bar { height: auto; margin-top: 20px; padding: 20px 0 0; border-top: 1px solid #e2e2e2; border-left: none; }
                .aw-login-box .mod-body .side-bar h3 { margin-bottom: 20px; }
                .aw-login-box .mod-body .side-bar .btn { width: 100%; margin: 0; }
        .aw-login-box .mod-footer { background: transparent; }
        .aw-login-box .mod-body .content ul li .btn-success, .aw-register-box .btn-success { width: 100%; }

    /* 注册页面 */
    .aw-register-box { width: 100% !important; margin: 0; padding: 20px; border: none; background: #f5f5f5; }
        .aw-register-box .mod-body { padding: 10px 0; }
    .aw-register-agreement { width: 100%; margin: 0; }
    .aw-register-box img { margin: 20px auto 40px; }



    /* 编辑器 */
    .cke_toolbar { display: none; }
    .cke_bottom, .cke_top { border: none !important; }

    /* 问题详情页 */
    .aw-question-detail h1 { padding: 0; }

    /* 动态页 */
    .aw-research-box .sidebar { float: none !important; margin: 0; }
        .aw-research-box .sidebar img { width: 100%; }
    .aw-research-box .content h3 { margin-top: 10px; }
    .aw-research-box .content p { height: auto; }
    .my-report-box .content { margin: 0 !important; padding: 15px 25px 0; text-align: center; }
        .my-report-box .content h3 { font-size: 15px; }
        .my-report-box .content .btn { float: none !important; margin: 5px 0; }
    .my-report-box .mod-body { height: 100%; }
    .my-report-box.bind ul li { width: 20%; margin: 0; font-size: 12px; }
    .my-report-box.bind .content { padding-left: 0; padding-right: 0; }
    .my-report-box .mod-body ol li a { max-width: 230px; overflow-x: scroll; }


    /* 发现页 */
    .aw-notification-box .mod-body, .aw-notification-box .mod-footer, .complete-my-profile .mod-footer { padding-left: 10px; padding-right: 10px; }

    /* 报告页面 */
    .result-pointlocation, .result-conclusion, .result-recommendation { padding: 0; background: transparent; }
        .result-pointlocation .mod-body { padding: 0 !important; }
        .my-report-list tr td, .result-pointlocation tr td { padding: 10px 0; }
    .my-report-list .mod-head .tips { margin-right: 15px; }

    /* 报告详情页 */
    .result-conclusion { padding: 0; background: transparent; }

    /* 帮助中心 */
    .aw-help-center .mod-head { padding: 0 0 20px; }
        .aw-help-center .mod-head .aw-search-box { width: 100%; margin: 0; }
    .aw-help-center .aw-search-box input { width: 100%; }
    .aw-help-center .mod-body { padding: 20px 0; }
        .aw-help-center .mod-body .col-md-4 { height: auto; }
        .aw-help-center .mod-body .aw-item { padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; }

    /* 健康指导 */
    .health-suggest .power dl { width: 100%; margin: 0; }
    .health-suggest .health-progress img { width: 100%; }
    .health-progress ul { width: 100%; }
    .health-graph { margin-bottom: 30px; }
    .genefit .mod .mod-head h2 { font-size: 14px; }
    .genefit .sport-performance .mod-body ul li { padding: 10px; }
    .genefit .metabolic .sidebar, .genefit .metabolic .content { float: none !important; width: 100%; }
    .genefit .metabolic .sidebar { border: none; }
        .genefit .metabolic .sidebar ul li { float: left; width: 50%; border-top: none; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; }
            .genefit .metabolic .sidebar ul li:first-child { border-left: none; }
    .genefit .metabolic.fat .mod-body { height: auto; }
    .genefit .metabolic.fat .genefit-graph.bar { width: 100%; margin: 70px 0 40px; }
    .genefit #chart_rsid_percent, .genefit #chart_metabolic { width: 100%; }
    .genefit .genefit-graph.bar { width: 100%; margin-top: 70px; }
    .genefit .other-rsid .mod-body { padding: 0 !important; }
    .genefit .fat-affect .mod-body { padding: 0; }
    .genefit .fat-affect ul li i { font-size: 30px; }
    .result-share { text-align: center; }
        .result-share .btn { width: 240px; margin: 0 auto 10px; }
        .result-share .pull-right { float: none !important; }

    /* 发现页面 */
    .aw-mod-publish { padding: 0; }
    .customer-client { width: 100% !important; }
    .footer .service, .footer .copyright { text-align: center; }
}

@media (max-width:500px) {
    .result-conclusion .probability .mod-body { width: 60%; }
    .banner { height: 320px; }
}

/* iphone 6 plus 414 */
@media (max-width:414px) {
    .banner h1 { margin-top: 10px; font-size: 26px; }
    .result-conclusion .probability .mod-body { width: 80%; }
    .banner { height: 340px; }
    .health-graph .mask, .health-graph .man { right: 40px; }
    .genefit .sport-performance .mod-footer ul li, .genefit .fat-about .mod-footer ul li { height: 120px; }
    .my-report-parentage ul li { padding: 0; }
    .my-report-box .mod-body ol li a { max-width: 170px; }


    .research-list ul { width: 380px; }
        .research-list ul li, .product .report-content ul li { width: 165px; margin: 10px 20px 10px 0; }
}

/* iphone 6 375px */
@media (max-width:376px) {
    .banner h1 { font-size: 22px; }

    .research-list ul { width: 340px; }
        .research-list ul li, .product .report-content ul li { width: 147px; }

    .risk-graph .graph { width: 265px; }


    .shopping-cart .bill .mod-footer .btn { margin: 10px 0 20px; }
    .my-report-box .health .mod-body ol li a { max-width: 200px; }
    .my-report-box .mod-body ol li a { max-width: 150px; }
    .my-report-box .mod-body ol li .summary { max-width: 150px; }
    .result-conclusion.probability .triangle, .result-conclusion.probability .mask { width: 300px; background-size: 300px auto; }
}

@media (max-width:361px) {
    .banner h1 { font-size: 22px; }
    .result-conclusion .probability .mod-body { width: 100%; }
    .aw-topic-description .img { float: none !important; margin: 0 auto 20px; }
    .my-report-box .health .mod-body ol li a { max-width: 180px; }
    .research-list ul { width: 320px; }
        .research-list ul li, .product .report-content ul li { width: 139px; }
    .my-report-box .mod-body ol li a { max-width: 130px; }
    .result-conclusion.probability .triangle, .result-conclusion.probability .mask { width: 280px; background-size: 280px auto; }
    .risk-graph .graph { width: 250px; }
}


/* iphone竖屏幕 */
@media (max-width:321px) {
    .banner h1 { font-size: 18px; }
    .aw-feed-list .aw-item .more-operate, .aw-feed-list .aw-item:hover .more-operate, .aw-feed-list .aw-item:hover .close { display: inline-block; margin-top: 10px; }
    .aw-feed-list .more-operate > a { margin: 0 15px 0 0; }
    .aw-feed-list .more-operate .btn-group { margin: 0; }

    .aw-feed-list .aw-item .mod-head, .aw-feed-list .aw-item .mod-body { padding-left: 40px; }
    .aw-feed-list .aw-item .aw-user-img img { width: 30px; height: 30px; }
    .aw-feed-list .operate + .operate { margin-left: 5px; }
    .aw-feed-list .aw-item .more-operate, .aw-feed-list .aw-item:hover .more-operate { margin: 0; }

    #regionChart { width: 250px !important; height: 250px !important; }

    .risk-graph .graph { width: 208px; }
    .health-graph .mask, .health-graph .man { right: 20px; }

    .genefit .sport-performance .mod-footer ul li, .genefit .fat-about .mod-footer ul li { height: 120px; font-size: 12px; }

    .research-list ul { width: 320px; }
        .research-list ul li, .product .report-content ul li { width: 119px; }

    /* 购物车 */
    .cart-num-control { margin-left: 10px; }
    .shopping-cart .cart-num-control input, .shopping-cart .cart-num-control a { width: 25px; }

    .my-report-box .health .mod-body ol li a { max-width: 140px; }
        .my-report-box .health .mod-body ol li a .summary { max-width: 120px; }
    .my-report-box .mod-body ol li a { max-width: 130px; }
    .my-report-box .mod-body ol li .summary { max-width: 115px; }

    .result-conclusion.probability .triangle, .result-conclusion.probability .mask { width: 240px; background-size: 240px auto; }

    .my-report-list .mod-head .tips { margin-right: 10px; }

    .aw-tips-bar { font-size: 13px; }
}