@import './common.less'; ul, li { list-style: none; } div,li,span,i,p,h1,h2,h3,h4,h5,pre{ font-family: '微软雅黑', '宋体'; } table { border-collapse: collapse; border-spacing: 0; } body { font-size: 14px; overflow-y: hidden; font-family: '微软雅黑', '宋体'; background: #dde2ea; height: 100%; color: #1E1E1E; line-height: 21px; } .banner{ width: 100%; position: fixed; top: 0; left: 0; z-index: 10; height: 60px; line-height: 60px; background-color: @staticMainColor; } .staticTopLogo { height: 25px; margin-top: 16px; margin-left: 50px; } h1 { margin: 0 0px 15px 0px !important; font-size: 18px !important; /*line-height: 37px;*/ padding: 0 0 0 40px; } .titleH2 { font-size: 18px; position: relative; background: #fff; padding-right: 6px; padding-left: 15px; font-weight: 600; border-left: 4px solid @staticMainColor; /*line-height: 30px;*/ color: #333333; } .content { position: relative; height: 550px; } .infoBox { border-bottom: 1px solid #E6E6E6; padding: 0; margin: 0 0 20px 0; } .infoBox:hover { background-color: #fff; } .infoWrapper { padding: 0 0 0 40px; } .circleBox { position: absolute; z-index: 10; background: #fff; left: -38px; height: 32px; top: -1px; } // .circle { // display: inline-block; // *display:inline; // *zoom:1; // width: 10px; // height: 10px; // border-radius: 50%; // background: #3B9ED0; // position: relative; // top: 2px; // } .infos { height: 100%; overflow-y: auto; border-top: 1px solid #E6E6E6; } .infos>div { margin-right: 6.5%; .contentWrapper img{ max-width: 100%; } } .title { position: relative; line-height: 24px; margin: 18px 0 4px; } .line { border-bottom: 1px dashed #ccc; } .container { /*width:100%;*/ overflow: hidden; background: #fff; margin: 0 20px; /*padding: 8px 0 0px 0px; left: 0; right: 0;*/ display: none; position: relative; } pre { white-space: pre-wrap; word-wrap: break-word; color: #1E1E1E; ol li { list-style: decimal; list-style-position:inside; } ul { padding-left: 20px; li { list-style-position:inside; list-style: inside; } } } .anchors { width: 210px; position: absolute; right:15px; top: 0; margin-right: 14px; overflow-y: auto; background-color: #EDFAFF; padding: 25px 0; // height: calc(100% - 50px); overflow-x: hidden; } .anchors ul { margin-left: 30px; padding: 15px 0px 15px 20px; border-radius: 4px; border: 1px solid #EDFAFF; /*background-color: #EDFAFF;*/ line-height: 19px; } .anchors li { position: relative; border-left: 1px solid #8DD1EE; } .anchors li:first-child { padding-top:30px } .anchors .anchor-line { height: 30px; width: 0; border-left: 1px solid #8DD1EE; } .anchors .a-circle{ width: 16px; height: 16px; position: absolute; left: 43px; z-index: 1; background: url('../images/icon-circular2.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .anchors .a-circle-2{ margin-left: 0; margin-top: -16px; } .anchors i { position: absolute; display: inline-block; width: 16px; height: 16px; left: -9px; top: 5px; z-index: 1; background: url('../images/icon-circular.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .anchors li:first-child i{ top:37px; } .anchors a { display: inline-block; position: relative; top: 4px; left: 0; width: 126px; padding: 0 0px 0 20px; text-decoration: none; font-size: 16px; font-weight: 400; word-wrap: break-word; color: #000; } .anchors .active a { /*color: #3B9ED0 !important; font-weight: 700 !important;*/ } .anchors .active i { width: 30px; height: 15px; top: 6px; left: -15px; border-radius: 0; border: none; background-color: #F5F6F7; background: url('../images/icon_current2.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .disCopy { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tabBox{ position: relative; background: #fff; padding: 0 38px; margin: 60px 20px 0; overflow: hidden; } .tabBox .title{ display: block; font-size: 20px; font-weight: bold; color: rgba(0, 0, 0, 0.85); line-height: 28px; margin: 26px 0 14px 0; } .tabList{ display: inline-block; } .tab{ display: inline-block; padding: 5px 14px; margin-right: 5px; background: #EEEEEE; cursor: pointer; font-size: 14px; color: #333333; border-radius: 6px 6px 0px 0px; } .activeTab{ background: @staticMainColor; color: #fff; font-size: 16px; } .ql-align-right{ text-align: right; } .ql-align-center{ text-align: center; } .open-win{ position: absolute; right: 15px; bottom: 8px; cursor: pointer; color: #3B9ED0; font-size: 14px; padding-left: 30px; background: url("../images/link.png") 0 -2px no-repeat; background-size: 25px 25px; /*img{ width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; }*/ } .btmFix { height: 20px; width: calc(100% - 40px); position: fixed; bottom: 0; left: 20px; z-index: 20; background-color: #fff; } .scaletitle{ font-size: 20px; font-weight: 500; color: #333333; line-height: 28px; margin: 30px 0 8px 0; text-align: center; display: none; } .scaleBox{ border-bottom: none; } .contentList{ max-width: 100%; border-bottom: 1PX solid #F3F3F3; margin-bottom: 6px; .item-list{ padding: 0 21px; color: #666666; .item-title,.item-titles{ font-size: 14px; font-weight: 400; color: #333333; line-height: 20px; margin-top: 14px; } .item-content{ margin: 10px 0; display: flex; flex-flow: wrap; .radio { display: flex; margin: 5px; margin-right: 25px; label{ font-weight: 400; color: #666666; line-height: 20px; & input{ margin-right: 6px; } .num{ margin-left: 10px; } } .recommend{ width: 18px; height: 18px; } } } } } .scalebot{ margin-bottom: 44px; text-align: right; overflow: hidden; .but{ width: 94px; height: 34px; background: #FFFFFF; border-radius: 8px; border: 1px solid #2A9BD5; font-size: 16px; font-weight: 400; color: #2A9BD5; margin-right: 9px; float: right; } .score{ font-size: 16px; font-weight: 400; color: #333333; margin-right: 30px; display: none; float: right; line-height: 34px; } } .result{ background: #EDFAFF; border-radius: 10px; font-size: 14px; font-weight: 500; color: #333333; display: none; margin: 0 75px; text-align: center; .result_box{ padding:25px 56px; display: inline-block; .result_left{ display: flex; & span{ display: block; width: 42px; } .hel{ width: 21px; height: 21px; background: #2C96E5; border-radius: 50%; color: #fff; font-size: 12px; vertical-align: middle; margin-right: 9px; float: left; } } } } .foot{ margin-bottom: 20px; margin-top: 40px; display: none; overflow: hidden; .foot_box{ width: 300px; margin: auto; .printing{ float: left; width: 94px; height: 32px; background: #FFFFFF; border-radius: 4px; border: 1px solid #333333; cursor: pointer; line-height: 32px; & img{ margin: 0 12px 0 14px; vertical-align: middle; } } .printing:hover{ background: #2C96E5; color: #fff; border:1px solid #2C96E5; } .copy{ width: 132px; height: 32px; background: #FFFFFF; border-radius: 4px; float: left; border: 1px solid #333333; text-align: center; line-height: 32px; margin-left: 38px; cursor: pointer; } .copy:hover{ background: #2C96E5; color: #fff; border:1px solid #2C96E5; } } } #inputs{ position: absolute;top: 0;left: 0;opacity: 0;z-index: -10 } #Print{ width: 100%!important; overflow-x: hidden; } .scale{ .infos-box{ margin: 0 71px 20px 38px; .infoWrapper { padding: 0 75px; } .scalebot{ padding-right: 75px; } } } .chColor{ color: red!important; } .info_left { width: 527px; margin:30px auto; display: none; overflow: hidden; border:1px solid #D8D8D8; li { width: 50%; height: 30px; padding: 0 10px; box-sizing: border-box; border: 1px solid #bbbfc1; border-right: none; font-size: 14px; float: left; border-bottom: none; } .name,.card{ border-top: none; } .name,.age,.sex,.cards{ border-left: none; } }