* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

img {
    border: none;
}




ul,
ol,
li {
    list-style: none;
}

html {
    font-size: 62.5%;
    min-height: 100%;
}

body {
    font-size: 22px;
   
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

body {
    font-family: '微软雅黑', 'Heiti SC';
   
}

.mymobe {
    font-size: 13px;
    min-height: 100%;

}

.mypc .mar50 {
    margin-top: 50px;
}

.mymobe .mar50 {
    margin-top: 15px;
}
.mypc .mar100{
    margin-top: 100px;
}
.mymobe .mar100{
    margin-top: 30px;
}
.mypc .mar30 {
    margin-top: 30px;
}
.mypc .mar20 {
    margin-top: 20px;
}
.mymobe .mar30 {
    margin-top: 15px;
}
.mymobe .mar20 {
    margin-top: 10px;
}
.input-group{
    margin-top: 25px;
}
.mymobe .input-group{
    margin-top: 15px;
}
label{
    font-weight: normal;
    cursor: pointer;
    margin-right: 30px;
}
.mymobe .labeltop1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mymobe label{
    width: 45%;
    margin-bottom:10px;
    margin-right: 0;
}
label input{
    margin-right: 5px !important;
}
.form-ul li{
    margin-top: 15px;
}
.form-ul li p{
    font-weight: bold;
    color: #666;
}
.zw{
    visibility: hidden;
}
.mypc .procon label{
    width: 430px;
    margin-top: 5px;
}
.tj{
    width: 260px;
    line-height: 40px;
    background: #ff000f;
    color: white;
    text-align: center;
    border-radius: 7px;
    margin: 15px auto;
    cursor: pointer;
}
.proli{
    display: none;
}
.indentp p{
    text-indent:2em
}
.line2{
    line-height: 2;
}

.mypc .pro-tp+p{
    height: 200px;
}
.mypc .cus-pro{
    flex: 1;
   
    display: flex;
    flex-direction: column;
}
.mypc .cus-top{
    flex: 1;
    background: #ededed;
    
}
.mypc .imgpro{
    width:330px;
    height:413px;
    margin-top: -80px;
    
}
.mypc .sw3{
    font-size: 17px;
    padding-bottom: 30px;
}
.mypc .swiper-pagination-bullets{
    bottom: 50px !important;
}
.con-item{
    background: #3e3a39;
    color: white;
}
.mypc .con-item{
    padding: 15px 0;
}

p{
    margin-bottom: 0;
}
.mymobe .imgpro{
    width:120px;
}
.mymobe .imgp{
    width: 100%;
}
.mypc .revert{
    flex-direction: row-reverse;
}
.mymobe .cus-pro{
    display: flex;
    font-size: 12px;
}
.mymobe .revert .cus-pro{
    flex-direction: row-reverse;
}
.mymobe .cus-top{
    width: 150px;
    background: #ededed;
    padding: 15px 0;
}
.mymobe .con-item{
    flex: 1;
    padding: 15px;
}

.mypc .liang-con{
    margin-top: 30px;
}
.liang-item,.ti-con{
    background: #ededed;
}
.mypc .liang-item{
    display: flex;

}
.mypc .liang-item{
    position: relative;
   border-right: 8px #727272 solid;
    border-bottom: 8px #727272 solid;
}
.mypc .liang-item::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 10px;
    height: 8px;
    background: white;
}
.mypc .liang-item::after{
    content: "";
    position: absolute;
    right: -8px;
    top: 0;
    width: 10px;
    height: 8px;
    background: white;
}
.mypc .ti-con{
    padding: 30px;
}
.mypc .liang-1{
    flex: 1;
    padding-left: 30px;
    line-height: 2.6;
    padding-top: 30px;
    padding-right: 30px;
}
.mypc .revert .liang-1{
    padding-right: 30px;
}
.mymobe .liang-con{
    padding: 15px;
}
.mymobe .imgy{
    display: block;
    margin: 0 auto;
    width: 40%;
    margin-bottom: 10px;
}
.mymobe .liang-1{
    padding: 10px;
}
.ticon{
    display: flex;
    
}
.mymobe .ticon{
    flex-wrap: wrap;
}
.mypc .ticon p{
    width: 180px;
    height: 45px;
    line-height: 45px;
    background: white;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 6px;
    padding-left: 20px;
    
}
.mymobe .ticon p{
    width: 40%;
    height: 30px;
    line-height: 30px;
    background: white;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 6px;
    padding-left: 10px;
    margin-bottom: 10px;
    
}

.mypc .ticon2 p{
   width: auto;
    height: 45px;
    line-height: 45px;
    background: white;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 6px;
    padding-left: 20px;
    padding-right: 20px;
    
}
.mymobe .ticon2 p{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: white;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 6px;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    
}











.mymobe .ticon p img{
    width:20px;
    margin-right: 5px;
}


.mypc .ticon p img{
    width:30px;
    margin-right: 5px;
}
.ticon p.act{
    background: #3e3a39;
    color: white;
}
.sub{
    display: block;
    cursor: pointer;
    margin: 30px auto;
    margin-top: 50px;
}
.mymobe .sub{
    width: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.tie{
    display: block;
    cursor: pointer;
    margin: 30px auto;
    margin-top: 50px;
}
.foot {
    padding: 15px;
    background: #eee;
    text-align: center;
}
.mymobe .tie{
    width: 100%;
}