*{margin: 0;padding: 0;}
.flex{display: flex;}
.textcent{text-align: center;}
.fonstsize18{font-size: 18px;}
.martopbott15{margin: 15px 0;}
.martop40{margin-top: 40px;}
.marbott40{margin-bottom: 40px;}

.kuaiyuansu{display: block;}
.hangneikuai{display: inline-block;}
.axiahuaxian{text-decoration: none;}

.colorwhite{color: white;}

body {
    background-color: #333333;
    color: #ffffff;}

.right{overflow: hidden;
    background-color: #990000;
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    padding-top: 40px;
    text-indent: 20px;}
.examleftlie{padding: 20px 16px;font-size: 20px;
    display: block;color: white;text-decoration: none;
    }
.examleftlie:hover{color: yellow;}
.examright{padding-top: 20px;width: 680px;
    margin-left: 220px;}
.active{font-weight: 900 !important;}
.homeh1{font-size: 36px;
    color: #ffffff;margin-bottom: 30px;}
.homedivtext{color: silver;}
.imgstyle{padding: 2px 8px;}
.codeul{margin: 16px 0 16px 40px;}
.codeall{padding: 2px 8px;font-size: 15px;
    font-size: 16px;vertical-align: top;}
.codelie{border-bottom: 1px solid black;}
.codeback1{width: 115px;color: #000000;
    background-color: rgb(192, 192, 192);
    }
.codeback2{width: 180px;
    background-color: rgb(0, 51, 204);}
.codeback3{width: 225px;
    background-color: rgb(153, 0, 0);
}
.codeback4{width: 205px;
    background-color: rgb(0, 128, 0);
}
.codeContact{display: inline-block;
    padding: 2px 6px;margin: 15px 0;
    background-color: #F0F0F0;
    color: #000000;text-decoration: none;}
.codeimgs{display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.codeimgs img{height: 57px;margin: 0 3px 3px;}
.busdivflex{margin-left: 40px;}
.downa{display: block;text-decoration: none;
        color: white;font-size: 18px;}
.downa:hover span{text-decoration: underline;}
.downaunder:hover:hover{text-decoration: underline;}
.supp{background-color: rgb(0, 0, 128);}
.supp1{width: 170px;margin-right: 30px;}
.supp2{width: 225px;margin-right: 50px;}
.supp3{width: 190px;}
.supp strong{background-color: rgb(0, 0, 255);
    padding: 2px 8px;display: block;}
.supp div{padding: 2px 8px;font-size: 15px;}
.user{
    background-color: rgb(128, 0, 128);
}
.user1{width: 340px;margin-right: 55px;}
.user2{width: 260px;}
.user strong{background-color: rgb(255, 0, 255);
    padding: 2px 8px 2px 30px;display: block;}
.userul{margin-left: 30px;}
.userul li{padding: 2px 8px 2px 0;}
.contname{width: 144px;}
.conttext{width: 176px;}
.buybutt{background: #ffc439;width: 550px;
        padding: 11px 0;text-align: center;
        border-radius: 5px;}
.faqh1{font-size: 30px;margin: 30px 0;}

/* footer */
.chart{width: 25px;position: absolute;transform: translateY(15%);
}
.keeponrecord{line-height: 35px; position: relative;font-size: 20px;
              background-color: white !important;
            text-align: center;}
.aaa{ color: black;}   
.al{margin-left: 10px;}

.colblack{color: black !important;}
.posrela{position: relative;}
.posabou{position: absolute;
    bottom: 0;
    width: 100%;}