/* 公共样式 */
*{
    margin:0;
    padding:0;
}
div{
    box-sizing: border-box;
}

/* 初始化html,body */


html,body{
    width:100vw;
    height:100vh;
    font-family: -apple-system, blinkmacsystemfont, helvetica neue, pingfang sc, microsoft yahei, source han sans sc, noto sans cjk sc, simhei, sans-serif
}



/* 主体*/
.main{
    width:100%;
    min-height:100%;
    border:1px solid transparent;
    position:relative;
    background-color: #f9f9f9;
}

/* 背景 */
.main-bg{
    width:100%;
    
    height:550px;
    position:absolute;
    min-width:600px;
    top:0;
    left:0;
   
}
.main-bg>img{
    width:100%;
    height:100%;
    
}


/* 主体内容 */
.main-content{
    width:65%;
    min-width:375px;
    margin:0 auto;
    background-color: #ffffff;
    /* top:105px; */
    position: relative;
    border-radius:5px;
    padding-bottom:50px;
}



/* 主体头部图片 */
.main-content-topimg{
    width: 100%;
    height:150px;
    z-index:10;
}




.main-content-topimg>img{
    width:100%;
    height:100%;
}

/* 一级switch */
.main-content-oneswitch{
    width:90%;
    /* height:150px; */
    margin:0 auto;
    margin-top:20px;
    
    position:relative;
    /* border:1px solid red; */
}
.main-content-oneswitch>.main-content-oneswitch-img{
   
    width:100%;
    height:150px;
    
    background-color: #ffffff;
}

.main-content-oneswitch>.main-content-oneswitch-img>img{
    width:100%;
    height:100%;
}

/* 宽度930 */
.main-content-oneswitch>.main-content-oneswitch-buttonzone{
    z-index:10;
    height:100px;

    position:absolute;
    top:18px;
    width:80%;
    right:2%;
    display: flex;
    justify-content: space-between;
}

/* 宽度270 */
.main-content-oneswitch>.main-content-oneswitch-buttonzone>a{
    width:100%;
    text-decoration: none;
    color: inherit;
   
}
.main-content-oneswitch>.main-content-oneswitch-buttonzone>a>.main-content-oneswitch-buttonzone-option{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#3387e7;
    cursor: pointer;
    /* background:  no-repeat;
    background-size: 100% 100%; */
}

.main-content-oneswitch>.main-content-oneswitch-buttonzone>a>.main-content-oneswitch-buttonzone-option-checked{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#ffffff;
    cursor: pointer;
    background:  no-repeat;
    background-size: 100% 100%;
}
.main-content-oneswitch>.main-content-oneswitch-buttonzone>a>#main-content-oneswitch-buttonzone-option>.title{
    font-size:22px;
    font-weight: bold;
}
.main-content-oneswitch>.main-content-oneswitch-buttonzone>a>#main-content-oneswitch-buttonzone-option>.count{
    margin-top:15px;
    font-size:16px;
    font-weight: bold;
}

/* 二级switch */
.main-content-twoswitch{
    width:88%;
    height:40px;

    margin:0 auto;
    margin-top:10px;
    display: flex;
    align-items: center;
    /* border:1px solid red; */
}
.main-content-twoswitch>.main-content-twoswitch-lefttitle{
    display: flex;
    align-items: center;
    width:20%;
    height:40px;
    
}
.main-content-twoswitch>.main-content-twoswitch-lefttitle>.line{
    width:10px;
    height:32px;
    background-color: #3387e7;
    margin-left:1px;
}
.main-content-twoswitch>.main-content-twoswitch-lefttitle>.title{
    font-size:22px;
    color:#3387e7;
    font-weight: bold;
    margin-left:15px;
   
   
}

.main-content-twoswitch>.main-content-twoswitch-buttonzone{
    
    display: flex;
    align-items: center;
    height:100%;
   
    width:80%;
    margin-left:2px;
}
.main-content-twoswitch>.main-content-twoswitch-buttonzone>.main-content-twoswitch-buttonzone-option{
    font-size:16px;
    margin-right:10px;
    height:28px;
    /* min-width:50px; */
    width:15%;
    padding:0 5px;
    text-align: center;
    line-height: 28px;
    border:1px solid #e5e5e5;
    cursor: pointer;
    flex-wrap: nowrap;
    overflow: hidden;
    color:#3387e7;
    font-weight: bold;
}

.main-content-twoswitch>.main-content-twoswitch-buttonzone>.main-content-twoswitch-buttonzone-option-checked{
    font-size:16px;
    margin-right:10px;
    height:28px;
    /* min-width:50px; */
    width:15%;
    padding:0 5px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    flex-wrap: nowrap;
    overflow: hidden;
    color:#ffffff;
    font-weight: bold;
    background-color: #3387e7;
    border:1px solid transparent;
}

/* 宽度1000 */
.main-content-list{
    width:90%;
    margin:0 auto;
    margin-top:10px;
    /* border:1px solid red; */
}




.main-content-list>.main-content-list-option{
    width:100%;
    min-height:185px;
    padding-top:20px;
    padding-bottom:15px;
    box-sizing: border-box;
    border-bottom:1px dashed #898989;
}
.main-content-list>.main-content-list-option>.main-content-list-option-top{
    display: flex;
    align-items: center;
}
.main-content-list>.main-content-list-option>.main-content-list-option-top>.top-img{
    width:23px;
    height:20px;
}
.main-content-list>.main-content-list-option>.main-content-list-option-top>.top-title{
    font-weight: bold;
    font-size:18px;
    margin-left:5px;
    width:100%;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}





.main-content-list>.main-content-list-option>.main-content-list-option-center{
    margin-top:10px;
    font-size:14px;
    color:#898989;
    text-indent:35px;
    width:100%;
   
    /* text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical;	 */
}



@media (max-width:1230px){
    .main-content-list>.main-content-list-option>.main-content-list-option-top>.top-title{
        font-size:15px;
        
    }
    .main-content-list>.main-content-list-option>.main-content-list-option-center{
        font-size:14px;
       
    }
    .main-content{
        margin-top:10px
    }

    .main-content-twoswitch>.main-content-twoswitch-lefttitle>.line{
        width:5px;
        height:18px;
        background-color: #3387e7;
        margin-left:1px;
    }
    .main-content-twoswitch>.main-content-twoswitch-lefttitle>.title{
        font-size:16px;
        color:#3387e7;
        font-weight: bold;
        margin-left:8px;
       
       
    }


}


.main-content-list>.main-content-list-option>.main-content-list-option-footer{
    width:100%;
    margin-top:20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.main-content-list-option-footer-min{
    width:100%;
    margin-top:20px;
    display: none;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    
}

.main-content-list-option-footer-min>.footer-option{
    display: flex;
    align-items: center;
    background-color: #edf3fa;
    border-radius: 5px;
    width:30%;
    height:25px;
    margin-bottom:10px;
    justify-content: center;
    color:#898989;
    font-size:10px;
    cursor: pointer;
    
}
.main-content-list-option-footer-min>.footer-option>img{
    width:12px;
    height:12px;
    margin-left:8px;
}
.main-content-list-option-footer-min>.footer-option>.footer-left-span{
    margin-left:10px;
 
    font-weight: bold;
    color:#67645e;
    max-width:80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
   
   
}
.main-content-list-option-footer-min>.footer-option>.type{
    color:#f19f03;
}
.main-content-list-option-footer-min>.footer-option>.footer-right-text{

    color:#409bea;
    font-weight: bold;
}






.main-content-list>.main-content-list-option>.main-content-list-option-footer>.footer-left{
    display: flex;
    min-width:100px;
    /* width:40%; */
    background-color: #edf3fa;
    min-height:35px;
    align-items: center;
    border-radius: 5px;
    padding:0 10px;
   

    
}
.main-content-list>.main-content-list-option>.main-content-list-option-footer>.footer-left>.footer-left-option{
    font-size:14px;
    color:#898989;
    /* width:140px; */
    padding-right:20px;
    border-right:2px solid #898989;
    margin-right:20px;
    height:16px;
    line-height:16px ;
    display: flex;
    align-items: center;
   
}
.main-content-list>.main-content-list-option>.main-content-list-option-footer>.footer-left>:last-child{
    
    /* width:100px; */
    border:none;
    margin-right:0px;
}

.main-content-list>.main-content-list-option>.main-content-list-option-footer>.footer-left>.footer-left-option>.footer-left-span{
    margin-left:10px;
 
    font-weight: bold;
    color:#67645e;
    
}

/*
.main-content-list>.main-content-list-option>.main-content-list-option-footer>.footer-left>:last-child>.footer-left-span{
    margin-left:10px;
    font-weight: bold;
    color:#f19f03;
}*/

.main-content-list>.main-content-list-option>.main-content-list-option-footer>.footer-right{
    display: flex;
    align-items: center;
    background-color: #edf3fa;
    width:135px;
    height:35px;
    border-radius: 5px;
    justify-content: center;
    cursor: pointer;
}
.main-content-list>.main-content-list-option>.main-content-list-option-footer>.footer-right>.footer-right-text{
    font-size:14px;
    color:#409bea;
    font-weight: bold;
}
.main-content-list>.main-content-list-option>.main-content-list-option-footer>.footer-right>img{
    width:15px;
    height:15px;
    margin-left:10px;
}
.main-content>.main-content-pages{
    margin:0 auto;
    margin-top:25px;
    width:100%;
    height:80px;
}


@media (max-width:800px){
    .main-content-oneswitch>.main-content-oneswitch-img{
        height:65px;
        
    }
    .main-content-oneswitch>.main-content-oneswitch-buttonzone{
        height:43px;
        top:8px;
    }
    .main-content-oneswitch>.main-content-oneswitch-buttonzone>a>#main-content-oneswitch-buttonzone-option>.title{
        font-size:13px;
       
    }
    .main-content-oneswitch>.main-content-oneswitch-buttonzone>a>#main-content-oneswitch-buttonzone-option>.count{
        font-size:9px;
        margin-top:4px;
    }
    .main-content-topimg{
        height:50px
    }
    
    .main-content-oneswitch>.main-content-oneswitch-buttonzone>a>.main-content-oneswitch-buttonzone-option-checked{
        line-height:17px !important;
    }
    .main-content-oneswitch>.main-content-oneswitch-buttonzone>a>.main-content-oneswitch-buttonzone-option{
        line-height:17px !important;
    }
}