【#蛙知AI测评#｜讯飞星火AI辅助英语口语「怦然星动」· 产品图赏】
<div class="ce-block ce-block--focused" data-id="vVtGgySaRQ" ><div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">抱着试试看的心态摸了讯飞星火口语对话功能，传闻能真人唠嗑练口语、留存录音，实测下来果然没吹牛皮。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="-5uYuw-Pd3" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">随手扯了聊音乐的闲篇，AI 基础控场还算靠谱，不会聊着聊着冷场断话，顺着唠嗑内容续上新话题不说，说完一段就给口语打分。一段语法漏洞扎堆只捞到 85 分，其余口误不多的段落稳稳拿到 90 分，所有口语录音全数存档，点开就能原地回放自己刚说完的原声，告别干巴巴的语音转文字，复盘语法错题时省事不少，自学查漏刚需稳稳拿捏。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="p5SuvlabcW" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">可惜亮眼只停留在打分存音这块，深度聊天直接拉胯。AI 回复总是三言两语草草收场，给到的英文句式生硬，没半点老外日常说话的地道味儿，话题转折时懒得多抛延伸内容，抛出的问题框架卡死，没多少自由发挥的余地。对比豆包、通义千问一众竞品，互动反馈单薄得可怜，想顺着话题深挖探讨基本行不通。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="GMQNhTXYNr" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">总结：当个入门磨嘴的口语工具绰绰有余，想靠它精进流利地道的口语，星火还有大把优化功课要补。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="emRofKBhJm" >
<!-- images-style-waterfallorimages-style-normal -->
<div class="ce-block__content images-style-waterfall">
<div class="cdx-block images-tool images-tool--filled ">
<div class="images-tool__images-grid">
<div class="images-tool__image-item images-tool__image-item_0">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_23" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202606/06/185322viboqkiqmxikuqzq.jpg" title="" alt="" data-aid="23"/>
</div>
<div class="images-tool__image-item images-tool__image-item_1">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_57" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202606/17/222723kzsaahszlr7sspbk.jpg" title="" alt="" data-aid="57"/>
</div>
<div class="images-tool__image-item images-tool__image-item_2">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_58" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202606/17/222727i99793s0ukwkw9w7.jpg" title="" alt="" data-aid="58"/>
</div>
<div class="images-tool__image-item images-tool__image-item_3">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_59" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202606/17/222731wd2fpipx1kpkiphn.jpg" title="" alt="" data-aid="59"/>
</div>
</div>
<div class="cdx-input images-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block" data-id="lqgayZv0Ch" >
<div class="ce-block__content" style="">
<h5 class="ce-header ce-header--left">官方链接</h5>
</div>
</div><div class="ce-block ce-block--focused" data-id="UZvuMGBgzv" >
<div class="ce-block__content">
<div class="cdx-block">
<div class="anyButtonContainer">
<div class="anyButtonContainer__anyButtonHolder">
<a class="AnyButton-btn btn--default" target="_blank" rel="nofollow noindex noreferrer" href="https://xinghuo.xfyun.cn/desk">讯飞星火认知大模型</a></div>
</div>
</div>
</div>
</div><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.images-style-normal .images-tool {
--bg-color:#cdd1e0;
--front-color:#388ae5;
--border-color:#e8e8eb;
}
.images-style-normal .images-tool__image {
border-radius:3px;
overflow:hidden;
margin-bottom:10px;
padding-bottom:0
}
.images-style-normal .images-tool__image-picture {
max-width:100%;
vertical-align:bottom;
display:block;
margin:0 auto
}
.images-style-normal .images-tool__image-preloader {
width:50px;
height:50px;
border-radius:50%;
background-size:cover;
margin:auto;
position:relative;
background-color:#cdd1e0;
background-position:center center
}
.images-style-normal .images-tool__image-preloader:after {
content:"";
position:absolute;
z-index:3;
width:60px;
height:60px;
border-radius:50%;
border:2px solid #cdd1e0;
border-top-color:#388ae5;
left:50%;
top:50%;
margin-top:-30px;
margin-left:-30px;
animation:image-preloader-spin 2s infinite linear;
box-sizing:border-box
}
.images-style-normal .images-tool__images-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:10px;
margin-bottom:10px
}
.images-style-normal .images-tool__image-item {
position:relative;
border-radius:3px;
overflow:hidden;
background-color:#f5f5f5
}
.images-style-normal .images-tool__remove-button {
top:5px;
right:5px;
width:24px;
height:24px;
background-color:#ffffffe6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
opacity:0;
transition:opacity .2s;
z-index:10
}
.images-style-normal .images-tool__image-item:hover .images-tool__remove-button {
opacity:1
}
.images-style-normal .images-tool__caption {
bottom:0;
left:0;
margin-bottom:10px;
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
.images-style-normal .images-tool__caption:before {
position:absolute!important;
content:attr(data-placeholder);
color:#707684;
font-weight:400;
display:none
}
.images-style-normal .images-tool__caption:empty:before {
display:block
}
.images-style-normal .images-tool__caption:empty:focus:before {
display:none
}
.images-style-normal .images-tool--empty .images-tool__image,.images-style-normal .images-tool--empty .images-tool__image-preloader {
display:none
}
.images-style-normal .images-tool--empty .images-tool__caption,.images-style-normal .images-tool--uploading .images-tool__caption {
visibility:hidden!important
}
.images-style-normal .images-tool .cdx-button {
display:flex;
align-items:center;
justify-content:center
}
.images-style-normal .images-tool .cdx-button svg {
height:auto;
margin:0 6px 0 0
}
.images-style-normal .images-tool--filled .cdx-button,.images-style-normal .images-tool--filled .images-tool__image-preloader {
display:none
}
.images-style-normal .images-tool--uploading .images-tool__image {
min-height:200px;
display:flex;
border:1px solid #e8e8eb;
background-color:#fff
}
.images-style-normal .images-tool--uploading .images-tool__image-picture,.images-style-normal .images-tool--uploading .cdx-button {
display:none
}
.images-style-normal .images-tool--withBorder .images-tool__image {
border:1px solid #e8e8eb
}
.images-style-normal .images-tool--withBackground .images-tool__image {
padding:15px;
background:#cdd1e0
}
.images-style-normal .images-tool--withBackground .images-tool__image-picture {
max-width:60%;
margin:0 auto
}
.images-style-normal .images-tool--stretched .images-tool__image-picture {
width:100%
}
.images-style-normal .images-tool--caption .images-tool__caption {
visibility:visible
}
.images-style-normal .images-tool--caption {
padding-bottom:50px;
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
.images-style-normal .images-tool__images-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:10px;
margin-bottom:10px;
min-height:100px
}
.images-style-normal .images-tool__image-item {
position:relative;
border-radius:3px;
overflow:hidden;
background-color:#f5f5f5;
transition:all .2s ease;
cursor:grab
}
.images-style-normal .images-tool__image-item:hover {
transform:translateY(-2px);
box-shadow:0 4px 8px #0000001a
}
.images-style-normal .images-tool__image-item:active {
cursor:grabbing
}
.images-style-normal .images-tool__image-item {
-webkit-user-select:none;
user-select:none
}
.images-style-normal .images-tool__image-item.dragging {
opacity:.5;
transform:scale(1.05);
z-index:100
}
.images-style-normal .images-tool__drag-indicator {
position:absolute;
width:4px;
background-color:#388ae5;
border-radius:2px;
pointer-events:none;
z-index:1000
}
.images-style-normal .images-tool__actions-container {
position:absolute;
top:5px;
right:5px;
display:flex;
flex-direction:column;
align-items:center;
gap:3px;
opacity:0;
transition:opacity .2s;
z-index:10
}
.images-style-normal .images-tool__image-item:hover .images-tool__actions-container {
opacity:1
}
.images-style-normal .images-tool__move-button {
width:24px;
height:24px;
background-color:#ffffffe6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
font-size:12px;
color:#333;
transition:all .2s
}
.images-style-normal .images-tool__move-button:hover,.images-style-normal .images-tool__remove-button:hover {
background-color:#fff;
transform:scale(1.1);
box-shadow:0 2px 4px #0003
}
.images-style-normal .images-tool__move-button:disabled {
opacity:.5;
cursor:not-allowed;
transform:none
}
/*
*以下是瀑布流样式
*/
.images-style-waterfall .images-tool {
--bg-color:#cdd1e0;
--front-color:#388ae5;
--border-color:#e8e8eb;
}
.images-style-waterfall .images-tool__image {
border-radius:3px;
overflow:hidden;
margin-bottom:10px;
padding-bottom:0
}
.images-style-waterfall .images-tool__image-picture {
max-width:100%;
vertical-align:bottom;
display:block;
margin:0 auto
}
.images-style-waterfall .images-tool__image-preloader {
width:50px;
height:50px;
border-radius:50%;
background-size:cover;
margin:auto;
position:relative;
background-color:#cdd1e0;
background-position:center center
}
.images-style-waterfall .images-tool__image-preloader:after {
content:"";
position:absolute;
z-index:3;
width:60px;
height:60px;
border-radius:50%;
border:2px solid #cdd1e0;
border-top-color:#388ae5;
left:50%;
top:50%;
margin-top:-30px;
margin-left:-30px;
animation:image-preloader-spin 2s infinite linear;
box-sizing:border-box
}
/* 修改为瀑布流布局 */
.images-style-waterfall .images-tool__images-grid {
column-count: 2;
column-gap: 10px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.images-style-waterfall .images-tool__images-grid {
column-count: 3;
}
}
@media (min-width: 1024px) {
.images-style-waterfall .images-tool__images-grid {
column-count: 4;
}
}
.images-style-waterfall .images-tool__image-item {
break-inside: avoid;
margin-bottom: 10px;
position:relative;
border-radius:3px;
overflow:hidden;
background-color:#f5f5f5;
transition:all .2s ease;
cursor:grab
}
.images-style-waterfall .images-tool__image-item img {
width: 100%;
height: auto;
display: block;
}
.images-style-waterfall .images-tool__remove-button {
top:5px;
right:5px;
width:24px;
height:24px;
background-color:#ffffffe6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
opacity:0;
transition:opacity .2s;
z-index:10
}
.images-style-waterfall .images-tool__image-item:hover .images-tool__remove-button {
opacity:1
}
.images-style-waterfall .images-tool__caption {
bottom:0;
left:0;
margin-bottom:10px;
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
.images-style-waterfall .images-tool__caption:before {
position:absolute!important;
content:attr(data-placeholder);
color:#707684;
font-weight:400;
display:none
}
.images-style-waterfall .images-tool__caption:empty:before {
display:block
}
.images-style-waterfall .images-tool__caption:empty:focus:before {
display:none
}
.images-style-waterfall .images-tool--empty .images-tool__image,.images-style-waterfall .images-tool--empty .images-tool__image-preloader {
display:none
}
.images-style-waterfall .images-tool--empty .images-tool__caption,.images-style-waterfall .images-tool--uploading .images-tool__caption {
visibility:hidden!important
}
.images-style-waterfall .images-tool .cdx-button {
display:flex;
align-items:center;
justify-content:center
}
.images-style-waterfall .images-tool .cdx-button svg {
height:auto;
margin:0 6px 0 0
}
.images-style-waterfall .images-tool--filled .cdx-button,.images-style-waterfall .images-tool--filled .images-tool__image-preloader {
display:none
}
.images-style-waterfall .images-tool--uploading .images-tool__image {
min-height:200px;
display:flex;
border:1px solid #e8e8eb;
background-color:#fff
}
.images-style-waterfall .images-tool--uploading .images-tool__image-picture,.images-style-waterfall .images-tool--uploading .cdx-button {
display:none
}
.images-style-waterfall .images-tool--withBorder .images-tool__image {
border:1px solid #e8e8eb
}
.images-style-waterfall .images-tool--withBackground .images-tool__image {
padding:15px;
background:#cdd1e0
}
.images-style-waterfall .images-tool--withBackground .images-tool__image-picture {
max-width:60%;
margin:0 auto
}
.images-style-waterfall .images-tool--stretched .images-tool__image-picture {
width:100%
}
.images-style-waterfall .images-tool--caption .images-tool__caption {
visibility:visible
}
.images-style-waterfall .images-tool--caption {
padding-bottom:50px;
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
/* 移除重复的样式定义，保留瀑布流相关的样式 */
.images-style-waterfall .images-tool__image-item:hover {
transform:translateY(-2px);
box-shadow:0 4px 8px #0000001a
}
.images-style-waterfall .images-tool__image-item:active {
cursor:grabbing
}
.images-style-waterfall .images-tool__image-item {
-webkit-user-select:none;
user-select:none
}
.images-style-waterfall .images-tool__image-item.dragging {
opacity:.5;
transform:scale(1.05);
z-index:100
}
.images-style-waterfall .images-tool__drag-indicator {
position:absolute;
width:4px;
background-color:#388ae5;
border-radius:2px;
pointer-events:none;
z-index:1000
}
.images-style-waterfall .images-tool__actions-container {
position:absolute;
top:5px;
right:5px;
display:flex;
flex-direction:column;
align-items:center;
gap:3px;
opacity:0;
transition:opacity .2s;
z-index:10
}
.images-style-waterfall .images-tool__image-item:hover .images-tool__actions-container {
opacity:1
}
.images-style-waterfall .images-tool__move-button {
width:24px;
height:24px;
background-color:#ffffffe6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
font-size:12px;
color:#333;
transition:all .2s
}
.images-style-waterfall .images-tool__move-button:hover,.images-style-waterfall .images-tool__remove-button:hover {
background-color:#fff;
transform:scale(1.1);
box-shadow:0 2px 4px #0003
}
.images-style-waterfall .images-tool__move-button:disabled {
opacity:.5;
cursor:not-allowed;
transform:none
}
</style><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.hide{
display: none !important;
}
.anyButtonContainer{
position: relative;
}
.anyButtonContainer__registerButton{
display: block;
margin: auto;
}
.anyButtonContainer__inputHolder{}
.anyButtonContainer__inputHolder > * {
margin-bottom: 10px;
}
.anyButtonContainer__input {
padding-left: 38px;
background-repeat: no-repeat;
background-position: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.anyButtonContainer__input--link{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 277.279 277.279" height="20" width="20" style="enable-background:new 0 0 277.279 277.279;" xml:space="preserve"> <g id="XMLID_105_"> <path id="XMLID_106_" d="M149.245,191.671l-42.425,42.426c0,0,0,0.001-0.001,0.001c0,0,0,0.001-0.001,0.001 c-17.544,17.545-46.092,17.546-63.638,0c-8.5-8.5-13.18-19.801-13.18-31.82c0-12.018,4.68-23.317,13.177-31.817 c0.001-0.001,0.002-0.002,0.003-0.003l42.425-42.426c5.857-5.858,5.857-15.356-0.001-21.213c-5.857-5.857-15.355-5.857-21.213,0 l-42.425,42.426c-0.003,0.003-0.006,0.007-0.009,0.01C7.798,163.42,0,182.251,0,202.279c0,20.033,7.801,38.867,21.967,53.033 C36.589,269.933,55.794,277.244,75,277.244c19.206,0,38.412-7.311,53.032-21.932c0,0,0-0.001,0-0.001 c0.001,0,0.001-0.001,0.001-0.001l42.425-42.426c5.857-5.857,5.857-15.355-0.001-21.213 C164.601,185.814,155.104,185.814,149.245,191.671z"/> <path id="XMLID_107_" d="M277.279,75c0-20.033-7.802-38.867-21.968-53.033c-29.243-29.242-76.824-29.241-106.065,0 c-0.001,0.002-0.003,0.003-0.004,0.005l-42.424,42.423c-5.858,5.857-5.858,15.356,0,21.213c2.93,2.93,6.768,4.394,10.607,4.394 c3.838,0,7.678-1.465,10.606-4.394l42.424-42.423c0.001-0.002,0.003-0.003,0.005-0.005c17.544-17.544,46.092-17.545,63.638,0 c8.499,8.5,13.181,19.801,13.181,31.82c0,12.018-4.68,23.317-13.178,31.817c-0.001,0.001-0.002,0.002-0.003,0.003l-42.425,42.426 c-5.857,5.857-5.857,15.355,0.001,21.213c2.929,2.929,6.768,4.394,10.606,4.394c3.839,0,7.678-1.465,10.607-4.394l42.425-42.426 c0.003-0.003,0.006-0.007,0.009-0.01C269.48,113.859,277.279,95.028,277.279,75z"/> <path id="XMLID_108_" d="M85.607,191.671c2.929,2.929,6.768,4.394,10.606,4.394c3.839,0,7.678-1.465,10.607-4.394l84.852-84.852 c5.858-5.857,5.858-15.355,0-21.213c-5.857-5.857-15.355-5.857-21.213,0l-84.852,84.851 C79.749,176.316,79.749,185.814,85.607,191.671z"/> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>');
}
.anyButtonContainer__input--text{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512 512" height="20" viewBox="0 0 512 512" width="20"><g><path d="m15 114.235c8.284 0 15-6.716 15-15v-69.235h69.235c8.284 0 15-6.716 15-15s-6.716-15-15-15h-84.235c-8.284 0-15 6.716-15 15v84.235c0 8.285 6.716 15 15 15z"/><path d="m497 0h-84.235c-8.284 0-15 6.716-15 15s6.716 15 15 15h69.235v69.235c0 8.284 6.716 15 15 15s15-6.716 15-15v-84.235c0-8.284-6.716-15-15-15z"/><path d="m497 397.765c-8.284 0-15 6.716-15 15v69.235h-69.235c-8.284 0-15 6.716-15 15s6.716 15 15 15h84.235c8.284 0 15-6.716 15-15v-84.235c0-8.285-6.716-15-15-15z"/><path d="m99.235 482h-69.235v-69.235c0-8.284-6.716-15-15-15s-15 6.716-15 15v84.235c0 8.284 6.716 15 15 15h84.235c8.284 0 15-6.716 15-15s-6.715-15-15-15z"/><path d="m419.66 191.38v-94.73c0-4.7-3.81-8.51-8.52-8.51h-155.14-155.14c-4.71 0-8.52 3.81-8.52 8.51v94.73c0 4.71 3.81 8.52 8.52 8.52h45.24c4.7 0 8.51-3.81 8.51-8.52v-32.45c0-4.71 3.82-8.52 8.52-8.52h53.21c4.71 0 8.52 3.81 8.52 8.52v234.14c0 4.71-3.81 8.52-8.52 8.52h-23.27c-4.71 0-8.52 3.81-8.52 8.52v45.24c0 4.7 3.81 8.51 8.52 8.51h62.93 62.93c4.71 0 8.52-3.81 8.52-8.51v-45.24c0-4.71-3.81-8.52-8.52-8.52h-23.27c-4.71 0-8.52-3.81-8.52-8.52v-234.14c0-4.71 3.81-8.52 8.52-8.52h53.21c4.7 0 8.52 3.81 8.52 8.52v32.45c0 4.71 3.81 8.52 8.51 8.52h45.24c4.71 0 8.52-3.81 8.52-8.52z"/></g></svg>');
}
.anyButtonContainer__input::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
.anyButtonContainer__input:empty::before {
opacity: 1;
}
.anyButtonContainer__input:empty:focus::before {
opacity: 0;
}
.cdx-button{
white-space: nowrap;
}
.anyButtonContainer__anyButtonHolder{
text-align: center;
}
.AnyButton-btn{
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none !important;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn--default{
color: #fff!important;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn--gray{
color: #fff;
background-color: #7c7c7c;
border-color: #7c7c7c;
}
.toggle-input {
position: absolute;
z-index: 5;
opacity: 0;
cursor: pointer;
width: 40px;
height: 20px;
margin: 0;
}
.toggle-label {
width: 40px;
height: 20px;
background: #ccc;
position: relative;
display: inline-block;
border-radius: 46px;
transition: 0.4s;
box-sizing: border-box;
}
.toggle-label:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
border-radius: 100%;
left: 0;
top: 0;
z-index: 2;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: 0.4s;
}
.toggle-input:checked + .toggle-label {
background-color: #4BD865;
}
.toggle-input:checked + .toggle-label:after {
left: 20px;
}
.toggle-switch {
width: 40px;
margin-left: auto;
padding: 10px 0;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style> 评分
页:
[1]