*{text-decoration:none;text-decoration-line:none;font-size:14px;padding:0;margin:0;}
.svged_md_list{width:12%;cursor:pointer;}
.edbgc{padding:10px;overflow:hidden;vertical-align:middle;width:max-content;}
.svged_img{height:100%;width:inherit;display:inline-block;position:relative;}
.svged_img img{height:auto;max-width:100%;max-height:100%;display:inline-block;width:auto;left:0;right:0;bottom:0;position:absolute;margin:0 auto;}
.fontdrpo{font-size:26px;line-height:16px;margin-left:5px;font-weight:700;}
.rect{background:rgba(0,0,0,0.1);overflow:hidden;}
svg.icon{width:16px;height:16px;}
/*.edbgc svg.icon{margin:0 0px;cursor: pointer;fill:#808080;}*/
.margtop{margin:0px;}
.hotips{position:absolute;top:0;right:-10px;padding:2px 8px;background:linear-gradient(to right top,#9852f9,#c299fc);font-size:12px;color:white;border-radius:10px;line-height:16px;box-shadow:0 1px 5px rgba(0,0,0,0.2);z-index:1;}
.clear{padding:0;margin:0;}
.logoicon svg.icon{width:120px;height:48px;fill:#fff;margin:6px;}
.logoicon svg.icon:hover{fill:#00e3ff;transition:all 0.5s;}
.pdten{padding:5px;}
ul,li{list-style:none;}.svged_img
.positionret{position:relative;z-index:5;}
.positionret .col-md-12{width:max-content;margin-left:20px;}
.listmodle{position:absolute;left:150px;background:white;padding:10px;box-shadow:0 2px 5px #ccc;display:none;}
.listmodle li{display:block;margin:10px;cursor:pointer;}
.listmodle li:hover span,.listmodle li:hover svg{color:#9852f9;fill:#9852f9;transition:all 0.5s;}
.listmodle li>span{font-size:16px;}
.modlelist{padding-bottom:0px;}
.modlelist span{line-height:24px;width:48px;}
.modlelist .modless{width:max-content;}
.modless a{font-size:14px;margin:0 5px;color:#aeaeae;}
.modless a:hover{color:#9852f9;transition:all 0.5s;}
.modless a.chosemod{color:#9852f9;}
.modless{line-height:24px;padding:0;margin:0;}

.listmodle_drop:hover .listmodle{display:block;transition:all 0.5s;}
.margtop .mod_listimg{padding-right:0px;padding-left:0;}
.mod_listimg{width:13%;}
.mod_im1,.mod_im1>img{width:inherit;}
.mod_im1{padding:6px;position:relative;max-height:calc(240px - 48px);overflow:hidden;}
.listmodle_drop svg.icon{fill:#9852f9;}
.panel .covermodls{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.02));display:none;cursor:pointer;z-index:4;}
.mod_listimg .panel{width:100%;}

.panel:hover .covermodls{display:block;transition:all 0.5s;}
.covermodls svg{width:28px;height:28px;fill:white;padding:2px;cursor:pointer;margin:12px;}
.covermodls svg:hover{fill:#9852f9;transition:all 0.1s;}
.mod_listimg .panel-footer{background-color:white;border-top:none;}

.panel_fot{padding:5px 0;}
.panel_fot p .Cleft{color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:65%;display:inline-block;cursor:pointer;}
.panel_fot p .Cleft:hover{color:#6807f9;}
p.fotweb span{font-size:12px;cursor:auto !important;}
p.fotweb span:hover{color:#666;}
.panel_fot p{width:100%;line-height:20px;}
p.clear .Crig{color:#aeaeae;}
.panel_fot p.fotweb .Cleft{color:#666;}
.fotweb .Crig::before{content:'浏览 ';font-size:11px;}

.cards{margin-left:0;margin-right:0;}
.pdten strong{font-weight:700;}
.pdten .modsizes{display:inline-block;width:100%;color:#aeaeae;}

div#page-inner{margin:10px auto;width:100% !important;}
button {
display: inline-block;
padding: 6px 12px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
border-color: #28a4c9;
color: #fff;
background-color: #5bc0de;
margin: 20px 20px 0 0;
}

.box {
width: 800px;
margin: 100px auto 0;
height: 34px;
}

.page {
width: 600px;
}

.info {
width: 200px;
height: 34px;
line-height: 34px;
}

.fl {
float: left;
}
.pagebottom{width:inherit;}

.pagebottom .pager-right {
    width: max-content;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

div.pager-right {
    display: block;
    overflow: hidden;
    padding: 1px;
}

.pager-right a {
    width: 48px;
    height: 32px;
    border: 1px solid #e5e5e5;
    display: block;
    line-height: 32px;
    text-align: center;
    float: left;
    margin: 5px;
    color: #808080;background:white;text-decoration:none;
    text-indent: 0px;border-radius:3px;
}
.pager-right .page-f, .pager-right .page-b{width:90px;}
.pager-right .page-now {border: 1px solid #a438ff;color:white;font-weight: bold;background:#a438ff;}
.pager-right .page-now:hover{color:white;}
.pager-right a:hover{border:1px solid #a438ff;color:#a438ff;transition:all 0.5s;}
.page_box .card{padding-top:10px;}
.svged_md_list{height:200px;max-width:120px;margin:0 20px;padding:0;margin-top:30px;}
.svged_md_list:hover .pdten>strong{font-weight:bold;transition:all 0.3s;}
.svged_md_list:hover .svged_img img{box-shadow:0px 2px 5px #ccc;transition:all 0.3s;}
.panel-primary{height:calc(100% - 40px);margin-bottom:0;border:none;}
.headpic p{font-size:12px;line-height:24px;padding-top:0;color:#666;width:80%;margin:0 auto;}
.desname{margin-top:30px;} 
.headpic .tirep{font-weight:bold;font-size:14px;color:#000;line-height:36px;margin-top:20px;}
.desname button{width:80%;height:32px;line-height:32px;border-radius:16px;padding:0;border:1px solid #9852f9;margin:0 auto;display:block;margin-top:15px;background:#9852f9;box-sizing:border-box;}
.desname button.login_tcenter{background:transparent;color:#9852f9;border-color:#9852f9;}
.desname button:hover{opacity:0.8;}