.o-a{width: 12.6rem;padding-top: .6rem;padding-bottom: .4rem;}
.o-cont{width: 100%;padding: .4rem .5rem .2rem; background-color: #ffffff;box-shadow: 0px 0px .13rem 0px rgba(166, 166, 166, 0.1);}
.o-top{width: 100%;text-align: center;border-bottom: 1px solid #f3f3f3;padding-bottom: .15rem;margin-bottom: .3rem;}
.o-titles{width: 100%;color: #333333;margin-bottom: .3rem;line-height: 1.3;}
.o-b{width: 100%;font-size: 0;}
.o-time{display: inline-block;vertical-align: middle; padding: 0 .25rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.o-time:before{content: ''; display: inline-block;vertical-align: top;margin-right: .1rem; width: .17rem;height: 17px;background-image: url('/static/home/images/a24.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.o-source{display: inline-block;vertical-align: middle; padding: 0 .25rem;color: #666666;line-height: 17px;margin-bottom: .25rem;}
.o-textbox{width: 100%;color: #666666;line-height: 1.87;padding-bottom: .2rem;}
.o-textbox *{line-height: inherit;}

.o-buttom{width: 100%;padding:.3rem 160px .3rem  0; border-top: 1px solid #f3f3f3;position: relative;}
.o-c{display: inline-block;  }
.o-d{display: block; color: #555555;margin: .1rem 0;line-height: 1.6;cursor: pointer;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.o-d:hover{color: #1a63dc;}
.o-back{ position: absolute;top: 50%;right: 0;transform: translate(0,-50%); cursor: pointer; background-color: #1a63dc;overflow: hidden;}
.o-back:after{content: '';position: absolute;top: 0;left: calc(100% - .03rem);transition: all .5s; width: 100%;height: 100%;background-color:#1a63dc;}
.o-back span{display: block; color: #ffffff;position: relative;z-index: 18;padding: .15rem .45rem;}
.o-back:hover:after{left: 0 !important;}
.o-btns{
    margin-top: 0.4rem;
}
.o-btns .btn{
    display: inline-flex;
    align-items: center;
    color: #1a63dc;
    padding: 1em;
    border: 1px solid #1a63dc;
    flex-shrink: 0;
}

.o-btns .btn:hover{
    background-color: #1a63dc;
    color: #fff;
}


@media(max-width: 750px){ 
    .o-a{width: 100%;}
    .o-cont{padding: .3rem .15rem;}
    .o-buttom{padding: .3rem 0 35px;}
    .o-back{bottom: 0;left: 50%;top: auto;right: auto; transform: translate(-50%,0);}
}


.nav-mbtn{margin-top:.3rem}
.nav-mbtn .button{width:100%;height:2.5em;background-color:#1a63dc;color:#fff;border:none;border-radius:.1rem;cursor:pointer}
.user-nav-up{margin-bottom:.3rem}
.user-nav-up .button{width:100%;height:3.125em;background-color:#1a63dc;color:#fff;border:none;border-radius:.1rem;cursor:pointer}
@media screen and (min-width:751px){.nav-mbtn{display:none}
.user-nav-up{display:none}
}
@media screen and (max-width:750px){.nav-left{z-index:101!important}
.user-nav{width:100%;position:fixed;left:-100%;top:0;height:100vh;overflow-y:auto;padding:.3rem;background-color:#fff;transition:all .5s;z-index:101}
.user-nav.mshow{left:0}
}
.pro-from{margin:.3rem 0}
.pro-from .inp{width:5rem;position:relative}
.pro-from .ip{width:100%;height:3em;border:1px solid #999;padding:0 .2rem}
.pro-from .submit{position:absolute;right:.1rem;top:50%;transform:translateY(-50%);width:1em;height:1em;border-radius:50%;background-color:#fff;border:none;cursor:pointer;background-image:url(/static/home/images/h-mag-b.png);background-repeat:no-repeat;background-position:center;background-size:50% auto}
@media screen and (max-width:750px){.pro-from .inp{width:100%}
}