.s-top
{
     height: 60px;
     background: #1779ff;
     width: 100%;
}
.s-top .s-top-container
{ 
    width: 1120px;
    margin: auto auto;
    display: flex;
    align-items: center;
    color: #ffffff;
    align-items: center;
    height: 45px;
}
.s-top .s-top-container a
{
    color: #ffffff;
}
.s-header
{
     width: 100%;
     margin-top: 20px;
     margin-bottom: 20px;
}

 
.s-top .s-logo
{
     width: 220px;
     height: 40px;
}

.s-top .s-login-btn
{
    width: 60px;
    height: 30px;
    line-height: 30px;
    display:inline-block;
    margin-top: 15px;
   
    background: #a6a6a6;
    text-align: center;
}

.s-top .s-register-btn
{
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    display:inline-block;
    background: #ff0000;
    text-align: center;
}

.margin-top-30
{
    margin-top: 30px !important;
}
.s-top .s-navigation
{
     flex: 1;
     height: 60px;
     margin: auto auto;
     display: flex;
     align-items: center;
}

.s-top .s-navigation .s-nav
{
     margin-right: 20px;
     float: left;
}

.s-container
{
     width: 1120px;
     margin: auto auto;
}
.s-container .s-slide-container
{
    width: 800px;
    height: 360px;
     
    float: left;
    overflow: hidden;
}

.s-container .s-user-container
{
    width: 300px;
    height: 360px;
    margin-left: 15px;
    float: left;
     
}

.s-container .s-content
{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 5px;
}
.s-media-container
{
    padding-bottom: 20px;
}
.s-media-container.s-media-1 .s-media-item
{
    width: 984px;
    height: 608px;
    background: #ff0000;
    margin-left: 20px;
    margin-top: 20px;
    overflow: hidden;
     
}
.s-media-container.s-media-2 .s-media-item
{
    width: 482px;
    height: 298px;
    background: #ff0000;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    overflow: hidden;
}
.s-media-container.s-media-3 .s-media-item
{
    width: 315px;
    height: 195px;
    background: #ff0000;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    overflow: hidden;
}
.s-container .s-item .s-toolbar
{
    display: flex;
    height: 50px;
    position: relative;
}

.s-container .s-item .s-toolbar .s-icon
{
     width: 20px;
     height: 20px;
     float: left;
}
.s-container .s-item .s-toolbar .s-text
{
    
     height: 20px;
     line-height: 20px;
     float: left;
     font-size: 16px;
     margin-left: 5px;
}

.s-container .s-item .s-toolbar .s-love-icon
{
     background: url("../images/theme/default/love-icon.png");
     background-size: 100% 100%;
     margin-left: 20px;
}

.s-container .s-item .s-toolbar .s-comment-icon
{
     background: url("../images/theme/default/comment-icon.png");
     background-size: 100% 100%;
     margin-left: 20px;
}


.s-container .s-item .s-toolbar .s-customer-service-icon
{
     background: url("../images/theme/default/customer-service-icon.png");
     background-size: 100% 100%;
     margin-left: 20px;
}
.s-container .s-item .s-toolbar .s-customer-service-text
{
    margin-right: 20px;
}

.s-flex-placeholder
{
    flex: 1;
}

.s-container .s-item .s-menu
{
     display: none;
     position: absolute;
     right: 20px;
     top: 25px;
     width: 90px;
     height: 100px;
     background: #ffffff;
}
.s-container .s-item .s-toolbar .s-customer-service
{
    cursor: pointer;
}
.s-container .s-item .s-toolbar .s-customer-service:hover .s-customer-service-text
{
    color: #ff0000;
}
.s-container .s-item .s-toolbar .s-customer-service:hover .s-menu
{
    display: block;
    border: #ebebeb solid 1px;
}
.s-container .s-item .s-toolbar .s-customer-service:hover .s-menu ul {
    padding-left: 15px;
    padding-right: 15px;
}
.s-container .s-item .s-toolbar .s-customer-service:hover .s-menu li{
    height: 30px;
    line-height: 30px;
}


.s-container .s-comment
{
    background: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
}

.s-container .s-comment .s-comment-time
{
    height: 60px;
    line-height: 60px;
    color: #525252;
}

.s-container .s-comment .s-comment-content
{
   
    padding-bottom: 20px;
}

.s-container .s-comment .s-comment-line
{
    height: 1px;
    background: #ebebeb;
    
}

.s-container .s-section
{
    clear: both;
}
.s-container .s-section .s-section-header
{
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
}
.s-container .s-section .s-section-header .s-caption
{
    
    font-size: 18px;
}

.s-container .s-block
{
    display: block;
    width: 32%;
    min-height: 320px;
    background: #ffffff;
   
    float: left;
    border: #ebebeb solid 1px;
    box-sizing: border-box;
}
.s-container .s-block-margin-left
{
    margin-left: 2%;
}

.s-container .s-block .s-block-header
{
    height: 50px;
    border-bottom: #ebebeb solid 1px;
    background: #fafafa;
    display: flex;
    align-items: center;
}
.s-container .s-block .s-block-body
{
   padding: 15px;
   box-sizing: border-box;
}

.s-container .s-block .s-block-header .s-caption
{
    margin-left: 15px;
    font-size: 18px;
}

/*******************/

.s-container .s-block2
{
    display: block;
    
    
    background: #ffffff;
   
     
    border: #ebebeb solid 1px;
    box-sizing: border-box;
}
.s-container .s-block2-margin-left
{
    margin-left: 2%;
}

.s-container .s-block2 .s-block2-header
{
    height: 50px;
    border-bottom: #ebebeb solid 1px;
    background: #fafafa;
    display: flex;
    align-items: center;
}

.s-container .s-block2 .s-block2-header .s-caption
{
    margin-left: 15px;
    font-size: 18px;
}
.s-container .s-block2 .s-block2-body
{
    height: 120px;
}

/*******************/
.s-container .s-banner-1
{
    height: 60px;
    background: #fff000;
    margin-top: 5px;
}
.s-container .s-block3
{
     
    background: #ffffff;
    box-sizing: border-box;
    margin-top: 5px;
}
 

.s-container .s-block3 .s-block3-header
{
    height: 40px;
    line-height: 40px;
       
    
}

.s-container .s-block3 .s-block3-header .s-caption
{
    margin-left: 15px;
    font-size: 18px;
}
.s-container .s-block3 .s-block-item
{
    width: 120px;
    height: 118px;
     
    float: left;
    display: flex;
    flex-direction: column;
}
.s-container .s-block3 .s-block-item img
{
    width: 90px;
    height: 90px;
    background: #ff00ff;
    float: left;
}
.s-container .s-block3 .s-block-item div
{
    width: 90px;
    height: 20px;
   
    text-align: center;
}
.s-bottom {
    height: 120px;
    background: #ffffff;
    margin-top: 16px;
}
.s-bottom .s-content
{
    width: 1200px;
    margin: auto auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 16px;
}