*,*::before,*::after {
    box-sizing: border-box
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
pre,ul,li {
    margin: 0;
    padding: 0
}
ul,ol,li {
    list-style:none
}
a:not([class]) {
    text-decoration-skip-ink:auto
}
em, i {
    font-style: normal;
}

img {
    display:block;
    height:auto;
    max-width:100%
}
li img,p img {
    display:inline-block;
    vertical-align:sub
}
input,button,textarea,select {
    font:inherit;
    letter-spacing:inherit;
    word-spacing:inherit
}
.overflow-hidden{
    overflow: hidden;
}
:root{
    --color-core: #cc0000;
    --color-core-bg: #f2f2f2;
    --color-core-header: #3b3b3b;
    --color-header-text: #fff;
    --color-core-text:#191919;
    --color-stroke:#d2d3d7;
    --color-core-a:#333;
    --color-bg:#fff;
    --color-border-tb:#e4e4df;
    --color-lz:#757575;
    --color-wj:#699f00;
    --color-btn-solid-bg:#1bb76e;
    --color-new-chapter:#117864;
    --color-author:#777;
    --color-ac:#699f00;
    --color-app-icon:#a4c639;
    --color-app-a:#929292;


    --width-core-division:.5em;
    --width-core-division-double:1em;
    --width-core-division-trip:1.5em;
    --width-core-padding:0 .5em;

    --line-division-border:1px solid #f7f7f7

}
@font-face {
    font-family: "icon"; /* Project id 3545497 */
    src: 
        url('data:font/ttf;charset=utf-8;base64,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') format('truetype');
}

.icon {
    font-family: "icon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-end:before {
    content: "\e742";
}
.icon-category:before {
    content: "\e67c";
}

.icon-home::before {
    content: "\e6b8";
}
.icon-rank::before {
    content: "\e722";
}
.icon-my::before {
    content: "\e78b";
}
.icon-menu::before {
    content: "\e602";
}

.icon-search::before {
    content: "\e620";
}

.icon-close::before {
    content: "\e60e";
}
.icon-arrow-d::before {
    content: "\e606";
}
.icon-arrow-r::before {
    content: "\e60c";
}
.icon-android::before {
  content: "\e61d";
}

.icon-ios::before {
  content: "\e6d9";
}

body{
    font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
    line-height: 1.5;
    font-size: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
    overflow-x: hidden;
    background-color: var(--color-core-bg);
    outline: 0;
}
a{
    color:var(--color-core-a);
    outline: none;
    text-decoration: none;
}
em{
    color: var(--color-ac);
}
header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 3em;
    padding: 0 clamp(1.375rem, 1.2rem + 0.89vw, 2rem);
    border-bottom: 1px solid var(--color-stroke);
    line-height: 1;
    background-color: var(--color-core-header);
    color: var(--color-header-text);
}
.logo{
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items:center;
}
.logo svg{
    width: 1.8em;
    height: 1.8em;
}
.logo-n{
    flex:1;
}
.logo-n a{
    margin-left: var(--width-core-division);
    color: var(--color-header-text);
}

.search{
    flex:2;
}
.s-inp {
    border: 1px solid var(--color-stroke);
    border-radius: 3px;
    position: relative;
    display: flex;
    max-width: 20em;
}
.s-inptext {
    width: 14em;
    border: 0;
    background: #fff;
    color: hsl(0, 0%, 24%);
    height: 2em;
    padding: var(--width-core-padding);
    outline: 0;
    background-clip: padding-box;
}
.s-button{
    width: 100%;
    color: var(--color-core-header);
    border: 0;
    background: var(--color-core-bg);
    font-size: 1em;
    height: 2em;
    margin: 0;
    text-align: center;
    cursor: pointer;
}

.user{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.user a{
    color: var(--color-header-text);
}



.search .icon-close{
    display: none;
}
header .s-show{
    display: flex;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    background-color: var(--color-core-header);
    min-height: 3em;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.s-show .icon-close{
    display: block;
    margin:0 var(--width-core-division-double);
    color: var(--color-header-text);
}

.n-nav .n-close{
    display: none
}
.n-show .n-nav .n-close{
    display: block;
}


.n-show .icon-close{
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    font-size: 2em;
}
.n-show:before{
    opacity:1;
}
.n-show{
    display: block;
}
.n-show .n-nav{
    opacity: 1;
    left: 0;
    transform: translateX(0);
    transition: transform 200ms linear;
}
main{
    margin: 0 auto;
    width: 96%;
    z-index: -1;
}

.panel{
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border-radius: 3px;
    width: 100%;
    color: rgba(0,0,0,.8);
    background-color: var(--color-bg);
    padding: var(--width-core-division-double);
    margin-top: var(--width-core-division-double);
}
.panel-g{
        margin-top:var(--width-core-division-double);
}
.panel h2{
    font-size: 1em;
    min-height: 2em;
    border-bottom: 1px solid var(--color-border-tb);
}
.u-img{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.u-img li,.u-list li{
    margin-top: var(--width-core-division-double);
}
.u-img img,.u-list img{
    box-shadow: 1px 2px 2px rgb(0 0 0 / 30%);
    display: block;
    margin: 0 auto 1em;
    width: 7.5em;
    height: 10em;
}
.bname{
    font-size: 1em;
    overflow: hidden;
    height: 1.4em;
}
.bname a{
    color: var(--color-core); 
}
.u-img .bauthor{
    font-size: .8rem;
}

.u-list li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: var(--line-division-border);
}
.u-list li:last-child{
    border-bottom: 0;
}
.u-list .bookshelf-del,.u-list .record-del{
    color: var(--color-core);
    padding-right:  var(--width-core-division);
}
.l-text{
    margin-left: var(--width-core-division-double);
    display: flex;
    justify-content: flex-start;

    width: calc(100vw - 8em);
}
.l-p1{
    font-size:.8em;
    color: var(--color-core-a);
}
.l-p1 span{
    padding-right: var(--width-core-division-double);  
}
.l-p1 .bauthor:after,.l-p1 .size:after{
    content: "";
    border-right: 1px solid var(--color-border-tb);
    padding-left:var(--width-core-division-double);
}
.bauthor a{
    color: var(--color-author);
}

.l-p2{
    height: 8em;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    font-size: .8em;
    padding: var(--width-core-division-double) 0;
}
.l-last{
    font-size:.8em;
    color: var(--color-core-a);
}
.l-last .l-time{
    padding-left: var(--width-core-division);
}

.lz{
    color: var(--color-lz);
}
.end{
    color: var(--color-wj);
}
.l-btn{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.l-btn span{
    width: 8em;
    margin-bottom: var(--width-core-division-double);
}
.btn-solid{
    background-color: var(--color-btn-solid-bg);
    color: #fff;
    font-size: .6em;
    text-shadow: 0px 0px 0px #f2f2f2;
    background-clip: padding-box;
    text-align: center;
    border-radius: 3px;
    padding: var(--width-core-division-double);
}
.btn-solid a{
    color:var(--color-header-text);
}
.btn-normal{
    border: 1px solid var(--color-btn-solid-bg);
    color: var(--color-btn-solid-bg);
    font-size: .6em;
    text-shadow: 0px 0px 0px #f2f2f2;
    background-clip: padding-box;
    text-align: center;
    border-radius: 3px;
    padding:.9em .4em;
}
.btn-normal a{
    color: var(--color-btn-solid-bg);
}



.u-line li{
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    padding-top: var(--width-core-division);
}

.l-nchapter a{
    color:var(--color-new-chapter);
}
.l-ntime{
    color:var(--color-core-a);
}
.l-author{
    height: 1.4em;
    overflow: hidden;
}
footer{
    padding: var(--width-core-division-double);
    margin-top: var(--width-core-division-double);
    position: relative;
    width: 100%;
    background: var(--color-bg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.f-nav{
    display: flex;
    justify-content: center;
}
.f-nav a{
    margin-right: var(--width-core-division-double);
}




.breadcrumbs{
    font-size: 1em;
    min-height: 2em;
    border-bottom: 1px solid var(--color-border-tb);
}
.breadcrumbs ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.breadcrumbs li{
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.breadcrumbs li:last-child{
    overflow: hidden
}
.breadcrumbs li+li::before {
    content: "";
    display: block;
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: .8;
    margin: 0 4px 0 3px;
}
.novel{
    display: grid;
    margin-top: var(--width-core-division-double);
}
.n-img{
    position: relative;
}

.n-img img{
    width: 7.5em;
    height: 10em; 
}
.n-text{
    margin-left: var(--width-core-division);
    color: var(--color-core-a);
}
.n-text h1{
    font-size: 1.2em;
    color: var(--color-core);
    overflow: hidden;
    height: 1.4em;
}
.n-text p{
    margin-top: var(--width-core-division);
    overflow: hidden;
    height: 1.4em;
    font-size: .8em;
}

.nsort::after{
    content: "";
    border-right: 1px solid var(--color-border-tb);
    padding-left: var(--width-core-division);
    font-size: .8em;
}
.trend::before{
    content: "";
    border-left: 1px solid var(--color-border-tb);
    padding-right: var(--width-core-division);
    font-size: .8em;
}

.novel .trend,.novel .lz,.novel .end{
    padding-left: var(--width-core-division);
}
.n-btn{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.n-btn span{
    margin-top: var(--width-core-division-double);
}
.n-btn span a{
    display: block
}
.pintro{
    line-height: 1.4em;
    padding: var(--width-core-division);
    max-height: 9em;
    text-align: justify;
    overflow: hidden;
    position: relative;
    color: var(--color-app-a);
}
.c-more {
    position: absolute;
    bottom: 0.01rem;
    right: 0.04rem;
    color: var(--color-core);
}

#intro.showmore {
    height: auto;
    max-height: none;
}
.catalog {
    position: relative;
}
.catalog .sub-text {
    margin-left: var(--width-core-division);
    overflow: hidden;
    max-width: 12em;
    height: 1.2em;
    position: absolute;
    top: 1px;
    font-weight: 400;
}
.catalog .sub-text-r {
    font-size: .8em;
    color: var(--color-core-a);
    position: absolute;
    right: 18px;
    top: 3px;
    font-weight: 400;
}
.catalog .icon-arrow-r {
    position: absolute;
    top: 1px;
    right: 4px;
    color: var(--color-core-a);
    font-weight: 400;
}

.u-chapter{
    display: grid;
}
.u-chapter li {
    padding-top: var(--width-core-division-double);
    height: 2.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.clist{
    display: none;
}
.s-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--width-core-division);
}
.s-title {

}
.s-right {
    display: flex;
    align-items: center;
    color: var(--color-core);
}
#s-icon {
    width: 12px;
    height: 12px;
    margin-right: 7px;
    position: relative;
    top: 1px;
}
.s-no-reverse {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTLi4uB8fHy0tLb+/v9vb2x8fH7m5uSEhIR8fH7m5ub+/vx8fH7i4uLi4uLi4uCAgILm5ubi4uB8fHx8fHx8fH7i4uPboej8AAAAVdFJOUwCnvwogA3LbLs6rCpLEkI6vZ/DqKMsPV9AAAABySURBVHja7c45EoAgFARRcFfclX//o0oZGNAUWGVAYkcTvGBUtppjfXYrUgWNtfYEorEdEAwRDRFN0QPRlEQ0Ko7G2xB5ypkkUs6kkfrRN2ReoHkySTSLeIpoERFdxxENkaYhggmjAQYIhoiGaNvdn1xdHlQRVjqEnzMAAAAASUVORK5CYII=) 100%/100% no-repeat;
}
.s-reverse {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTLi4uB8fHy0tLR8fH8nJyR8fH7m5uSEhIb+/vx8fH7i4uLm5ubi4uLi4uB8fH7i4uLm5uR8fHyAgILi4uCAgIB8fH7i4uCb0D+YAAAAWdFJOUwCpvwrNBXHbLiCSxJCO8OqiZiiv1dantLmvAAAAcUlEQVR42u3KNw6AQBDAwD1yzuz+/6egk2gw4pAoaHDlYuSz0qEbjy9Uk0vjzBYgGsuBaIhoiGgcEE1bAtFIANVmjRCdVSNhlEoA+X70DsUPUBxVIbQb1eoeeaPZPaIhWmmIFIaIhoiGaKIhkrnP5Ks27KUR2ehySvkAAAAASUVORK5CYII=) 100%/100% no-repeat;
}
.s-text {

}

#goBack{
    position: fixed;
    z-index: 999;
    right: 24px;
    bottom: 24px;
    text-align: center;
    background: #fbfbfb;
    cursor: pointer;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    display: none;
}

#goBack::before{
    font-family: "icon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: initial;
    display: inline-block;
    content: "\e713";
    font-size: 24px;
    color: #515151;
}

.s-box{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.s-box span{
    font-weight: 700;
    margin-right: var(--width-core-division); 
}
.s-box a{
    margin-top: var(--width-core-division); 
    margin-right: var(--width-core-division); 
}

.ac {
    background: var(--color-ac);
    color: var(--color-header-text);
    padding: 0 var(--width-core-division);
}


.page {
    text-align: center;
    margin:var(--width-core-division-double) auto;
}
.pagei {

}
.pagei a {
    margin: 0 3px;
    padding: 0 var(--width-core-division);
    border: var(--color-border-tb) 1px solid;
    line-height: 27px;
    height: 27px;
    background:var(--color-bg);
    border-radius: 3px;
    display: inline-block;
}
.pagei .current {
    background: var(--color-core-header);
    color: var(--color-header-text);
}


.form-group{
    display: flex;
    flex-direction: column;
    align-items:center;
}

.form-group p{
    margin-top: var(--width-core-division-double);
}

.form-group input{
    min-width: 16em;
    border: 1px solid #ccc;
    padding: var(--width-core-division);
    border-radius: 3px;
}
.btn{
    border: 0;
    background-color: var(--color-btn-solid-bg);
    color: var(--color-bg);
    text-shadow: 0px 0px 0px #f2f2f2;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 2em;
    line-height: 2em;
    min-width: 16em;
    text-align: center;
    border-radius: 3px;
}

.whitespace a{
    color: var(--color-stroke);
}
.loading-wrap{
    margin-top: var(--width-core-division-double);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
a.reg{
    color: var(--color-btn-solid-bg);
}

.input-ab{
    position: relative;
}
.vercode{
    position: absolute;
    right: 0;
    height: 2.6em;
    width: 4em;
}

.tags em:first-child {
    margin-left: 0.3em;
}
.tags em{
    margin-right: 0.3em;
}
.tags a{
        color: var(--color-ac);
}





.loading-block {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0,0,0,0.4);
    background: transparent;
}
.loading-block .loading-msg {
    top: 10em;
    padding: 0.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    text-align: center;
    background: rgba(0,0,0,0.65);
    border-radius: 3px;
    color: #fff;
    position: absolute;
}

.form-group .disabled {
    border: 0;
    color: #bbb;
    background: #e9ebec;
}


.disabled {
    pointer-events: none;
}

.s-line li{
    padding: var(--width-core-division) 0;
    border-bottom: 1px solid var(--color-border-tb);
}



.islogin::before {
    content: "";
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    position: absolute;

}


.readend{
    margin-top: var(--width-core-division-double);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.readend .btn{
        padding: 0 var(--width-core-division);
}



.app{
    margin-top: var(--width-core-division-double);
}
.app .icon{
    color: var(--color-app-icon);
    margin-right: var(--width-core-division-double);
}
.app a{
    color:var(--color-app-a);
}

@media (min-width: 50em){

    .menu,.i-search,.page-n{
        display: none;
    }
    header{
        min-height: 4em;
    }
    nav {
        position: static;
        pointer-events: auto;
        top: 0;
        /*flex:2;*/
        width: auto;
        color: var(--color-header-text);
    }
    nav a{
        color: var(--color-header-text);
    }
    nav span{
        padding: var(--width-core-padding);
    }

    .novel{
        grid-template-columns: 7.5em 2fr 1fr;
    }
    .catalog .sub-text{
        max-width: 30em;
    }
    .u-img .bname {
        max-width: 7em;
    }
    .u-chapter{
        grid-template-columns: repeat(4,auto);
    }
    .l-sort {
        width: 10%;
    }
    .l-name {
        width: 20%;
    }
    .l-nchapter {
        width: 30%;
        overflow: hidden;
        height: 1.4em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .l-author {
        width: 10%;
    }
    .s-topbar{
        display: none;
    }
    .islogin::before{
        top: 1.3em;
        right: 1.3em;
    }
}
@media (max-width: 360px){
    
    .n-btn .btn-solid{
        min-width: 11em;
    }
}
/**小屏幕**/
@media (max-width: 50em){
    .wide-text,.search {
        display: none;
    }
    .logo-n{
        display: none;
    }
    .page-n{
        display: block;
    }
    .menu,.i-search{
        display: block;
        color: var(--color-header-text);}
    .menu{
        margin-right: var(--width-core-division-double);
    }
    .i-search{
        margin-left: var(--width-core-division-double);
    }
    nav{
        display: none;
    }
    nav::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.4);
        backdrop-filter: blur(5px);
        z-index: 1;
    }
    .n-nav{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        box-shadow: 2px 0 12px rgb(0 0 0 / 40%);
        background: var(--color-core-bg);
        position: absolute;
        height: 100%;
        width: 15em;
        left: 0;
        transform: translateX(-100%);
        transition: transform 200ms linear;
        top: 0;
        opacity: 0;
        z-index: 9;
    }
    .n-nav span{
        padding:var(--width-core-division-double)  0;
        color: var(--color-ac);
    }
    .n-nav a{
        color: var(--color-ac);
        padding-left: var(--width-core-division);
    }
    .n-nav .n-close{
        color:var(--color-core-header);
    }
    .u-img img ,.u-list img{
        width: 4.8em;
        height: 6.4em;
    }
    .u-img .bname{
        max-width: 5em;
    }
    .l-text{
        flex-direction: column;
    }
    .l-p1,.l-last{
        padding: 4px 0;
    }
    .l-p2{
        height: 1.6em;
        padding: 0;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .l-nt{
        display: none;
    }
    .l-btn,.n-btn{
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .l-btn span {
        width: 11em;
        padding: 0.3em;
        margin-right: var(--width-core-division-double);
    }
    .n-btn .btn-share{
        min-width: 3em;
    }
    .l-name{
        max-width: 10em;
    }

    .l-chapter,.l-time{
        max-width: 9em;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .u-line li {
        display: grid;
        grid-template-columns: 1fr 2fr 1fr;
    }
    .l-nchapter,.l-ntime{
        display: none;
    }
    .novel{
        grid-template-columns: 7.5em 2fr;
    }

    
    .n-btn span{
        min-width: 10em;
        margin-right: var(--width-core-division);
    }
    
    .u-chapter{
        grid-template-columns:1fr;
    }
    .u-chapter li {
        font-size: 1em;
        max-width: calc(100vw - 4em);
    }
    .page .p-m{
        display: none;
    }

    .islogin::before{
        top: 0.8em;
        right: 2.9em;
    }

}
.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.dialog.show {
    display: -webkit-box;
}

.dialog {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: rgba(0,0,0,0.4);
    display: none;
}
.dialog-cnt {
    border-radius: 3px;
    width: 296px;
    -webkit-background-clip: padding-box;
    pointer-events: auto;
    background-color: #fff;
    position: relative;
    border-top: 4px solid #1bb761;
    -webkit-box-sizing: border-box;
    color: #000;
}
.dialog-bd {
    min-height: 46px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 18px 28px 18px 28px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
}

.dialog-ft {
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    display:-webkit-box;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-align:center;
    border-top:1px solid #e9e9e9;
    height:45px;
    line-height:45px
}
.dialog-ft button {
    font-size:.5em;
    text-align:center;
    width:100%;
    line-height:45px;
    display:block;
    margin:0;
    -webkit-box-flex:1;
    border: 0;
    background: none;
}
.dialog-ft button:active {
    background-color:rgba(0,0,0,0.1)
}
.dialog-ft button:first-child {
    border-bottom-left-radius:3px
}
.dialog-ft button:last-child {
    border-bottom-right-radius:3px
}
.dialog-ft button:first-child:nth-last-child(2) {
    position:relative
}
.dialog-ft button:first-child:nth-last-child(2):after {
    content:"";
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:1px;
    height:100%;
    border-right:1px #e9e9e9 solid
}
@media screen and (-webkit-min-device-pixel-ratio:2) {
    .dialog-ft {
        position:relative;
        border:0;
        background-position:left top;
        background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e9e9e9));
        background-repeat:repeat-x;
        -webkit-background-size:100% 1px
    }
    .dialog-ft button:first-child:nth-last-child(2):after {
        content:"";
        position:absolute;
        right:0;
        top:0;
        display:block;
        width:1px;
        height:100%;
        border-right:0;
        background-position:right top;
        background-image:-webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#e9e9e9));
        background-repeat:repeat-y;
        -webkit-background-size:1px 100%
    }
}