body * {
    box-sizing: border-box;
}
body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}

button:active {
    opacity: 0.6;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.flex-row {
    display: flex;
    flex-direction: row;
}

.page {
    z-index: 1;
    position: relative;
    width: 1440px;
    height: 1080px;
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
    padding-left: 264px;
}

.mod1 {
    z-index: 2;
    height: 299px;
    border-radius: 12px;
    background-color: rgba(84, 190, 236, 1);
    box-shadow: 0px 6px 20px 2px rgba(0, 0, 0, 0.04);
    width: 699px;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding: 84px 0 0 34px;
}

.main1 {
    z-index: auto;
    width: 360px;
    height: 116px;
}

.bd1 {
    z-index: auto;
    width: 154px;
    height: 39px;
    margin-left: 110px;
}

.section1 {
    z-index: 15;
    width: 7px;
    height: 31px;
    background-color: rgba(84, 190, 236, 1);
}
.div-con{
    background: #FFFFFF;
    margin-left: 12%;
    margin-top: -10%;
    overflow:hidden;
}
.div-con  input{
    background: #F7F7F7;
    border-radius: 8px;
}
.icon18px{
 
    width: 18px;
    height: 18px;
}
.navbar-default{
     background: #f1f1f1;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    background: #54BEEC;
}

.navbar .nav > li > a, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus{
    color:#000;
}


@media (min-width: 1200px){
   .container{
       background: #FFFFFF;
       margin-left: -5%;
       margin-top: -15%;
       overflow: hidden;
   }
}
.section2 {
    z-index: 16;
    width: 15px;
    height: 23px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf6c8d656e69655a90c413f8bf6926a24ec133806eef46713e9aae88decb292a0)
    0px 0px no-repeat;
    margin: 9px 0 0 2px;
}

.section3 {
    z-index: 10;
    width: 21px;
    height: 23px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng47be68fc78736a2bdfe950ef6d86bc5a7f321142e3c2d362892207866617c638) -1px
    0px no-repeat;
    margin: 9px 0 0 1px;
}

.section4 {
    z-index: 9;
    width: 15px;
    height: 23px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng05a154d2c129d6d60ad03a958d8f1b26b935f0df7db2632133f426f3ab34c60c)
    0px 0px no-repeat;
    margin: 9px 0 0 4px;
}

.section5 {
    z-index: 11;
    width: 21px;
    height: 24px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngee1153c2e189ab6a062715ba4ca7610ce913e5e3c488894f478418393d243eac) -1px -1px
    no-repeat;
    margin: 8px 0 0 1px;
}

.section6 {
    z-index: 4;
    width: 26px;
    height: 30px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnged18aa295f5770d1e01cda7f17c895e697b4b1bac53cdc603b9780acc86c8959) -1px
    0px no-repeat;
    margin: 9px 0 0 41px;
}

.word1 {
    z-index: 28;
    width: 360px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    align-self: center;
    margin-top: 44px;
}

.main2 {
    z-index: 8;
    position: absolute;
    left: 234px;
    top: 93px;
    width: 19px;
    height: 23px;
    #background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc52122353c8bc4bb864ed06d3c219672cfc23836babea489ac321ed73f305345)
    0px 0px no-repeat;
}

.main3 {
    z-index: 5;
    position: absolute;
    left: 251px;
    top: 92px;
    width: 23px;
    height: 24px;
    #background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng38babc363a7b27ce728fbc006f97c8342460d5d4195ba3dbda7edc2b781037cc)
    0px -1px no-repeat;
}

.mod2 {
    z-index: 18;
    height: 411px;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 6px 20px 2px rgba(0, 0, 0, 0.06);
    width: 470px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 706px;
    top: 335px;
}

.bd2 {
    z-index: auto;
    width: 390px;
    height: 339px;
}

.txt1 {
    z-index: 29;
    width: 144px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(84, 190, 236, 1);
    font-size: 24px;
    font-family: PingFangSC-Medium;
    line-height: 33px;
    text-align: center;
    align-self: center;
}

.outer1 {
    z-index: 30;
    width: 36px;
    height: 4px;
    background-color: rgba(84, 190, 236, 1);
    align-self: center;
    margin-top: 16px;
}

.outer2 {
    z-index: 20;
    height: 50px;
    #background: #F7F7F7;
    #border-radius: 8px;
    align-self: center;
    margin-top: 32px;
    width: 390px;
    justify-content: center;
    align-items: flex-start;
  
}

.word2 {
    z-index: 21;
    width: 112px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}

.outer3 {
    z-index: 23;
    height: 50px;
    border-radius: 8px;
    background-color: rgba(247, 247, 247, 1);
    align-self: center;
    margin-top: 32px;
    width: 390px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
}

.txt2 {
    z-index: 24;
    width: 112px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}

.outer4 {
    z-index: 26;
    height: 50px;
    border-radius: 8px;
    background-color: rgba(84, 190, 236, 1);
    align-self: center;
    margin-top: 72px;
    width: 390px;
    justify-content: center;
    align-items: center;
}

.word3 {
    z-index: 27;
    width: 32px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}