.items{width:300px;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.1);box-shadow:0 0 6px 0 rgba(0,0,0,.1);float:left;margin-right:15px;margin-bottom:20px;border-radius:6px;overflow:hidden;position:relative}.items:nth-of-type(3n){margin-right:0}.items .ts{background-image:-webkit-gradient(linear,left top,right top,from(#42aeff),to(#2087ed));background-image:linear-gradient(90deg,#42aeff,#2087ed);background-image:-webkit-linear-gradient(90deg,#42aeff,#2087ed);-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;text-align:left;overflow:hidden;position:relative;line-height:1em}.items .ts:after{left:-6px}.items .ts:after,.items .ts:before{width:12px;content:"";height:12px;background-color:#fff;position:absolute;bottom:-6px;border-radius:50%;z-index:1000}.items .ts:before{right:-6px}.items .ts .name{font-size:16px;color:#fff;margin-top:16px;margin-bottom:14px}.items .ts .nums{font-size:30px;color:#fff;font-weight:700;margin-bottom:13px;margin-top:15px}.items .ts .time{font-size:14px;color:#fff;margin-bottom:16px}.items .ts .nums i{font-size:18px}.items .bs{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 16px;position:relative}.items .bs:before{width:calc(100% - 12px);content:"";height:0;border:.5px dashed #238bef;position:absolute;top:0;left:6px;z-index:10}.items .bs .num{font-size:14px;color:#000;line-height:46px}.items .bs .ling{float:right;font-size:18px;color:#238bef;text-decoration:underline;line-height:46px}.items .juanimg{width:77px;position:absolute;right:19px;top:16px}.items.on{-webkit-filter:grayscale(100%);filter:grayscale(100%)}