body{background-color: #f0f0f0;}
.header {background-color: #2f363c;height: 70px;}
.ma15{ margin: 2px 15px;}
.odtitle{border-width: 0;border-top-width: 1px;font-size: 18px;padding-bottom:0;}
.odtitle a{color:#fff;}
.myhead{width: 100%; margin:0 auto;color:#fff;background-color: #2f363c;position:fixed;top:0;}
.myhead p{padding:15px;text-align: center;}
.myhead a{color:#fff;}
.myfoot{clear:both; width: 100%; margin:0 auto;color:#fff;background-color: #2f363c;position:fixed;bottom:0;}
.myfoot p{padding:15px;text-align: center;}
.mymain{width:98%;max-width: 1200px; margin: 10px auto 50px auto;}
.myfoot a{color:#fff;}
.mylogo{margin-left: 60px; text-align:center;line-height:70px;font-size:24px;}
.mylogo a{color:#FF5722;}
.vlec{width:90%;margin-left:5px;height:100px;overflow:hidden;line-height:26px;padding:25px 5px 5px 5px;/*border:1px dashed #ccc;float:left*/}
.yuan{clear:both;background-color:#fff; margin-bottom:8px;border: 1px solid #ccc!important;padding:14px;border-radius: 16px!important;}
.yuan .left{  float: left;width:30%;text-align: center;margin-top: 30px}
.yuan .right{float: left;width:70%}
.yuan i{font-size: 20px; margin: 5px}
.yuan .left i{font-size: 80px;}
.icco { color: #9F9F9F;}
.icss{ color: #FFB800;}
.acss{ color: #FF5722;}
.bcss{ color: #7c1549;}
.ccss{ color: #237b0b;}
.dcss{ color: #3c88e5;}
table{width: 100%;border: 1px solid #eee!important;}
table tr{border-bottom: 1px solid #eee!important;}
table tr th{height: 30px;padding: 5px 15px; text-align: center}
table tr td{height: 30px;padding: 5px 15px; text-align: center}
.file{text-align: left;width: 60%}
.login{max-width: 500px; margin: 50px auto;padding: 10px;background-color: #fff;}
.login h1{margin: 30px 0 30px 0;text-align: center;}
.readme{padding: 10px;font-size:16px;border-bottom: 1px solid #eee;}
.content{padding: 10px;}

.cart-icon {
    position: relative;
    display: inline-block;
}
.cart-count {
    top: -10px; /* 根据图标大小调整 */
    right: -10px; /* 根据图标大小调整 */
    background-color: red;
    color: white;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 50%; /* 圆形数字 */
    font-weight: bold;
}

.layui-nav-item{
    margin-right: 5px;
}

.pagination {
    padding-left: 0;
    margin: 2px auto;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.layui-table td, .layui-table th{
    text-align: left;
}
.layui-table td{
    font-size: 12px;
    text-align: left;
}