@charset "utf-8";
/* CSS Document */
html,body{ margin:0px; padding:0px; width:100%; overflow-x:hidden; }
body{
    margin: 0;
    padding: 0;
    background-color:#fff;
    color:#222;  line-height:22px; font-size:14px; font-family:"微软雅黑";
}
body, div, span, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, table, td, tr, th, p {
    padding: 0;
    margin: 0;
}
dd,dt{
    list-style-type: none;
}


@media screen and (max-width:280px) {
    .content {
        width: 280px;
        margin: 0 auto; /*height:100%; overflow:hidden;*/

    }
}
@media screen and (min-width:281px) and (max-width:720px) {
    .content {
        width: 100%;
        margin: 0 auto;

    }
}
@media screen and (min-width:720px) {
    .content {
        width:720px;
        margin: 0 auto; /*height:100%; overflow:hidden; overflow-y:auto;*/

    }
}
.clear {
    clear: both;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
a{ text-decoration:none;}
/*去掉a标签超链接的虚线框*/

a:focus {
    -moz-outline-style: none; /* FF */
}


.topfix{
    position:fixed; left:50%; top:0px; width:100%; max-width:720px; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); z-index:100; background-color:#FFF; border-bottom:0px solid #e6e6e6; background-color:#04b3e8; background-color:#cb3737; height:45px; z-index:5;
}
.topfix p{ font-size:19px; text-align:center; line-height:45px; text-align:center; color:#fff;}
.toppad{ height:45px;}
.main{ background-color:#FFF; margin-top:0px; margin-bottom:0px; padding:0px 10px;}
.mainnr{}

.cxdl{margin-bottom:25px;}

.cxdl dt{ font-size:16px; text-align:left; padding-top:20px; padding-left:10px; font-weight:bold; padding-bottom:8px;}
.cxdl dd{ border-bottom:1px solid #e6e6e6; padding:6px 5px;}
.cxdiv{ display:table; width:100%;}
.cxdiv-lf{ display:table-cell; font-size:15px; text-align:left; vertical-align:middle; padding-right:10px; width:65px; white-space:nowrap; }
.cxdiv-rg{ display:table-cell; text-align:right; vertical-align:middle;}

.input-dl{
    border: 0px #dcdcdc solid !important; height:40px !important;
    width: 100%;
    color: #000;
    font-size: 18px;
    font-family:'Microsoft YaHei',"宋体";  box-sizing:border-box; background:none; padding:0px 5px!important; margin-bottom:0px !important; text-align:right;
    -webkit-appearance: none  !important;
    appearance: none !important;
    -o-appearance: none;
    box-shadow:none !important;
    -webkit-box-shadow:none !important; outline:none; text-align:left; line-height:40px;

}

.input-dl::-webkit-input-placeholder{ font-size:15px; color:#888; }
.input-dl::-moz-placeholder{font-size:15px;  color:#888;  }
.input-dl::-moz-placeholder{font-size:15px; color:#888; }

.yzm{ padding:15px 0px; padding-bottom:5px;  }
.yzmn{ text-align:center; width:80%; margin:auto;}
.qyz{ font-size:15px; text-align:left; padding-left:10px; margin-bottom:20px;}

.butdiv{ padding:0px 4px; margin-top:10px;}

.but-tj{  padding:12px 0px; display:block ; color:#FFF ; font-weight:bold; border:0px; outline:none;
    font-size:17px ; text-align:center;
    -webkit-border-radius:5px;
    border-radius:5px; text-decoration:none;  width:100%; box-sizing:border-box;

    background-color:#04b3e8; background-color:#cb3737;
    -webkit-appearance: none ;
    appearance: none;
    -o-appearance: none; border:0px solid #4999ec ; line-height:1.1em ; cursor:pointer;


}

.but-tj:active{

    background-color:#d84747;

}

.but-tj[disabled]{ background-color:#aaa; color:#f9f9f9; box-shadow:0px 3px 5px rgba(170,170,170,0.3);

}
.but-tj[disabled]:active{ background-color:#aaa; color:#f9f9f9; line-height:1.1em !important;

}

.but-fh{  padding:12px 0px; display:block ; color:#FFF ; font-weight:bold; border:0px; outline:none;
    font-size:17px ; text-align:center;
    -webkit-border-radius:5px;
    border-radius:5px; text-decoration:none;  width:100%; box-sizing:border-box;

    background-color:#04b3e8; background-color:#cb3737;
    -webkit-appearance: none ;
    appearance: none;
    -o-appearance: none; border:0px solid #4999ec ; line-height:1.1em ; cursor:pointer;


}

.but-fh:active{

    background-color:#dd4a4a;

}

.beizhu{ padding:20px 5px; text-align:center; font-size:14px; line-height:1.6em; color:#666;}

.perror{ color:#F00; font-size:15px; text-align:left;  padding:0px 15px; padding-top:5px;}
.dlntab-yz{ display:table-cell; vertical-align:middle; padding-left:0px;  width:70px; padding-right:3px; padding-top:5px; padding-bottom:5px;}

.dlntab-yznr{ border-left:1px solid #dedede; padding-left:10px; padding-top:2px; }
.dlntab-yznr img{ width:100%; height:30px; display:block;}
.dlntab-yz{ display:table-cell; vertical-align:middle; padding-left:0px;  width:70px; padding-right:3px; padding-top:5px; padding-bottom:5px;}
.dlntab-hyg{ display:table-cell; vertical-align:middle; white-space:nowrap; width:50px; padding-right:0px;}
.hyg{ text-align:right;}
.hyg a{ color:#00a4f9; text-decoration:underline; font-size:13px;}



/*支付提示页面*/
.tsbody{ background-color:#FFF;}
.lkts{ width:87%; margin:auto; margin-top:40%; padding-bottom:10%;}
.lkts dl{}
.lkts dl dt{ text-align:center;}
.lkts dl dt img{ width:23%; max-width:150px;}
.lkts dl dd{ margin-top:10px; text-align:left; color:#444; font-size:17px; line-height:1.7em; text-align:center;}
.ptsd{ text-align:center; font-size:25px; color:#04b3e8; color:#0bb36d;}



/*分类页面*/
.content.sort{
    /*background-image:url(../images/bei.jpg?v1.1); */
    background-size:100% auto;
    background-position:top; background-repeat:no-repeat;}
.sortm{  width:100%; margin:auto; padding-bottom:0px; min-height:300px;}
.sortm dl dd{padding-bottom:2.7%; width:50%; margin:auto; float:left; }
.sortm dl dd:nth-of-type(odd) .divin{padding-right:2.5%;}
.sortm dl dd:nth-of-type(even) .divin{padding-left:2.5%;}
.sortm dl dt{ padding-bottom:2.7%;}

.sortm .divin img{ display:block; width:100%; border-radius:10px; -webkit-border-radius:10px;}

.soda{ color:#FFF; font-size:14px; text-align:center; line-height:1.4em; padding:15px 0px;}
.sodan{ display:inline;text-align:left;  color:#fff; }
.sodan span{color:#fff;}

.symain{ width:96%; margin:auto; padding-top:5%;}
.symain-s{ width:100%;}
.symain-s img{ width:100%; display:block; margin:0px; padding:0px;}
.symain-m{ background-image:url(../images/nbei.png); background-size:100% auto; background-repeat:repeat-y;}

.symain-mn{ padding:3% 0px; padding-bottom:0px; padding-top:2%;}
.xjn{  padding:0px 15px;}

/*选卡切换*/

.xq_xk .TabTitle{
    clear: both;
    overflow: hidden;   font-size:15px; padding:0px 5px; padding-bottom:12px;
}
.xq_xk .TabTitle ul {
    border: 0;
    margin: 0;
    padding: 0; display:table; width:100%; margin:auto;
}
.xq_xk .TabTitle li {
    overflow:hidden;
    cursor: pointer;
    list-style-type: none; outline:none; display:table-cell; white-space: nowrap;
    font-size: 15px;
    text-align: center;
    color:#333;
    margin: 0; padding:0px 5px;
    width: 25%;
}
.xq_xk .TabTitle li .fens{position:relative; padding-bottom:6px; margin:auto;}
.xq_xk .TabTitle li .fens span{border-radius:10px; -webkit-border-radius:10px; color:#6e6e6e;  line-height:1.1em; padding:5px 5px; background-color:#fff; border:1px solid #dedede; display:inline-block; display:block; vertical-align:middle; margin:auto;}
.xq_xk .TabTitle li.active .fens span{ background-color:#cb3737; border:1px solid #cb3737; display:inline-block;  display:block; color:#FFF; font-weight:bold;}
.xq_xk .TabTitle li.active .fens span:after{
    content: "";
    width: 0px;
    height: 0px;
    display: inline-block;
    display: block;
    position: absolute; left:50%; transform:translate(-50%,0);
    right: 0px;
    bottom:-6px;
    border:6px solid transparent;
    border-top-color:#cb3737;
}


.xq_xk  .TabTitle .active .xian{ height:2px; background-color:#fc5832; position:absolute; bottom:0px; z-index:2;  left: 25%; right:25%;}

.xq_xk .TabTitle .normal {
    overflow:hidden; color:#333;
}
.xq_xk .TabContent {
    width:100%;
    margin: 0px auto;
    padding: 10px 0px; font-size:1em; padding-bottom:10px;
}


.xq_xk .spxian{ border-right:0px solid #d8d8d8; margin-top:2px;  line-height:2.9em;}

.none {
    display: none;
}
.spxian{ border-right:1px solid #d8d8d8; margin-top:2px;}

/*选卡切换结束*/
body {
    background-color: #b21515;
}
.divin1 {
    background-color: white;
    height: 148px;
    padding: 10px 20px;
    border-radius: 10px;
    margin-right: 4px;
}


.divin1 img {
    width: 100%;
    border-radius: 10px;
    height: 70px;
}

.divin1 > a {
    width: 100%;
    color: black;
    font-weight: 500;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.ljlq {
    color: #C32C2C;
    border: 1px solid #C32C2C;
    border-radius: 20px;
    padding: 3px 10px;
    width: 60px;
    font-weight: 500;
}


/* 遮罩层 */
.rule-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 弹窗主体 */
.rule-dialog {
    width: 85%;
    max-height: 80%;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* 头部 */
.rule-header {
    padding: 12px 15px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #f85a04;
    text-align: center;
}

.rule-close {
    font-size: 22px;
    cursor: pointer;
}

/* 内容 */
.rule-content {
    padding: 15px;
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    overflow-y: auto;
}

/* 底部 */
.rule-footer {
    padding: 12px;
    border-top: 1px solid #eee;
}

.rule-btn {
    width: 100%;
    height: 42px;
    background: #ff6a00;
    color: #fff;
    border: none;
    border-radius: 21px;
    font-size: 16px;
}