Merge branch 'dev'

app/admin/controller/ReceiveProductSync.php

@@ -99,6 +99,7 @@ class ReceiveProductSync
                 }
 
                 $category   = ProductCategoryModel::language($lang_id)->tcoId($tco_category['id'])->find();
+                if (!empty($category)) {
                     $tco_parent = ProductTcoCategoryModel::language($lang_id)->tcoId($tco_category['tco_pid'])->find();
                     if (!empty($tco_parent)) {
                         $parent = ProductCategoryModel::language($lang_id)->tcoId($tco_parent['id'])->find();
@@ -109,10 +110,11 @@ class ReceiveProductSync
                         $category['path']  = $parent['path'] . $parent['pid'];
                         $category['level'] = $parent['level'] + 1;
                     }
-                if (!$category->save($category)) {
+                    if (!$category->save()) {
                         throw new \Exception('产品分类更新失败');
                     }
                 }
+            }
 
             Db::commit();
         } catch (\Throwable $th) {

app/admin/controller/v1/Article.php

@@ -228,7 +228,7 @@ class Article
     private function getExportArticleData()
     {
         $server = request()->server();
-        $image_host = $server['REQUEST_SCHEME'] . "://" . $server['SERVER_NAME'] . config('filesystem.disks.public.url') . '/';
+        $image_host = $server['REQUEST_SCHEME'] . "://" . $server['SERVER_NAME'] . '/';
         $param = request()->param(['title', 'category_id', 'release_time']);
         $data = ArticleModel::field([
                 '*',
@@ -253,7 +253,7 @@ class Article
             ])
             ->bindAttr('category', ['category_name' => 'name'])
             ->each(function ($item) use($image_host) {
-                $item->image = !empty($item->image) ? $image_host . $item->image : '';
+                $item->image = !empty($item->image) ? url_join($image_host, $item->image) : '';
                 return $item;
             });
 

app/admin/controller/v1/BannerItem.php

@@ -262,11 +262,9 @@ class BannerItem
     // 获取导出数据
     private function getBannerExportData()
     {
-        $param = request()->param([
-            'title',
-            'banner_id',
-            'created_at'
-        ]);
+        $server = request()->server();
+        $image_host = $server['REQUEST_SCHEME'] . "://" . $server['SERVER_NAME'] . '/';
+        $param = request()->param(['title', 'banner_id', 'created_at']);
         return SysBannerItemModel::alias('item')
             ->field([
                 'item.id',
@@ -311,7 +309,13 @@ class BannerItem
                 }
             })
             ->order(['item.sort' => 'asc', 'item.id' => 'desc'])
-            ->select();
+            ->select()
+            ->each(function($item) use($image_host) {
+                $item->image       = !empty($item->image) ? url_join($image_host, $item->image) : '';
+                $item->extra_image = !empty($item->extra_image) ? url_join($image_host, $item->extra_image) : '';
+                $item->video       = !empty($item->video) ? url_join($image_host, $item->video) : '';
+                return $item;
+            });
     }
 
     // 删除

app/admin/controller/v1/Product.php

@@ -346,7 +346,7 @@ class Product
     private function getExportProductData()
     {
         $server = request()->server();
-        $image_host = $server['REQUEST_SCHEME'] . "://" . $server['SERVER_NAME'] . config('filesystem.disks.public.url') . '/';
+        $image_host = $server['REQUEST_SCHEME'] . "://" . $server['SERVER_NAME'] . '/';
         $param = request()->param([
             'name',
             'spu',
@@ -360,10 +360,10 @@ class Product
                 'spu',
                 'name',
                 'short_name',
-                'CONCAT("' . $image_host . '", `cover_image`)' => 'cover_image',
+                'cover_image',
                 'desc',
-                'CONCAT("' . $image_host . '", `video_img`)' => 'video_img',
-                'CONCAT("' . $image_host . '", `video_url`)' => 'video_url',
+                'video_img',
+                'video_url',
                 'CASE WHEN is_new = 1 THEN "是" ELSE "否" END' => 'is_new',
                 'CASE WHEN is_hot = 1 THEN "是" ELSE "否" END' => 'is_hot',
                 'CASE WHEN is_sale = 1 THEN "是" ELSE "否" END' => 'is_sale',
@@ -390,7 +390,18 @@ class Product
             ->order(['id' => 'asc'])
             ->select()
             ->bindAttr('category', ['category_name' => 'name'])
-            ->hidden(['category_id', 'category']);
+            ->hidden(['category_id', 'category'])
+            ->each(function($item) use($image_host) {
+                if (!empty($item["cover_image"])) {
+                    $item["cover_image"] = url_join($image_host, $item["cover_image"]);
+                }
+                if (!empty($item["video_img"])) {
+                    $item["video_img"] = url_join($image_host, $item["video_img"]);
+                }
+                if (!empty($item["video_url"])) {
+                    $item["video_url"] = url_join($image_host, $item["video_url"]);
+                }
+            });
 
         if (!$products->isEmpty()) {
             // 产品参数

app/admin/controller/v1/ProductTcoCategory.php

@@ -16,8 +16,9 @@ class ProductTcoCategory
         $param = request()->param(['name']);
 
         $categorys = ProductTcoCategoryModel::field([
-                'tco_id'  => 'id',
-                'tco_pid' => 'pid',
+                'id',
+                'tco_id',
+                'tco_pid',
                 'name',
             ])
             ->withSearch(['name'], [
@@ -25,10 +26,10 @@ class ProductTcoCategory
             ])
             ->language(request()->lang_id)
             ->enabled()
-            ->order(['id' => 'asc'])
+            ->order(['tco_id' => 'asc'])
             ->select()
             ->toArray();
 
-        return success('获取成功', array_to_tree($categorys, 0, 'pid', false));
+        return success('获取成功', array_to_tree($categorys, 0, 'tco_pid', false, true, 'tco_id'));
     }
 }

app/admin/controller/v1/Video.php

@@ -209,9 +209,6 @@ class Video
         ]);
 
         $domain     = request()->domain();
-        $image_path = Config::get('filesystem.disks.image.url');
-        $video_path = Config::get('filesystem.disks.video.url');
-
         return  VideoModel::withoutField([
                 'language_id',
                 'updated_at',
@@ -230,13 +227,9 @@ class Video
             ->select()
             ->bindAttr('category', ['category_name' => 'name'])
             ->hidden(['category_id', 'category'])
-            ->each(function ($item) use($domain, $image_path, $video_path) {
-                if (!empty($item->image)) {
-                    $item->image = $domain . $image_path . '/' . $item->image;
-                }
-                if (!empty($item->video)) {
-                    $item->video = $domain . $video_path . '/' . $item->video;
-                }
+            ->each(function ($item) use($domain) {
+                $item->image     = !empty($item->image) ? url_join($domain, $item->image) : '';
+                $item->video     = !empty($item->video) ? url_join($domain, $item->video) : '';
                 $item->recommend = $item->recommend == 1 ? '是' : '否';
                 $item->status    = $item->status    == 1 ? '启用' : '禁用';
                 return $item;

app/common.php

@@ -80,7 +80,7 @@ if (!function_exists('array_to_tree')) {
      * @param bool $keep_pid 是否保留pid
      * @return array
      */
-    function array_to_tree(array $data, int $pid, string $with = 'pid', int|bool $level = 1, bool $keep_pid = true)
+    function array_to_tree(array $data, int $pid, string $with = 'pid', int|bool $level = 1, bool $keep_pid = true, $with_ref = 'id')
     {
         $ret = [];
         foreach ($data as $item) {
@@ -93,7 +93,7 @@ if (!function_exists('array_to_tree')) {
                 if ($keep_pid === false) {
                     unset($item[$with]);
                 }
-                $children = array_to_tree($data, $item['id'], $with, $lv, $keep_pid);
+                $children = array_to_tree($data, $item[$with_ref], $with, $lv, $keep_pid, $with_ref);
                 if ($children) {
                     $item['children'] = $children;
                 }
@@ -153,9 +153,13 @@ if (!function_exists('get_filesystem_url')) {
      * @param string $disk 磁盘配置 key
      * @return string
      */
-    function get_filesystem_url(string $url, string $disk): string
+    function get_filesystem_url(string|null $url, string $disk): string
     {
-        if (\think\helper\Str::startsWith($url, ['http://', 'https://'])) {
+        if (is_null($url)) {
+            return '';
+        }
+
+        if (\think\helper\Str::startsWith($url, ['http://', 'https://', '//'])) {
             return $url;
         }
         if (empty($disk)) {
@@ -171,8 +175,12 @@ if (!function_exists('url_filesystem_detect')) {
      * @param string $url 文件地址
      * @return string
      */
-    function url_filesystem_detect(string $url): string
+    function url_filesystem_detect(string|null $url): string
     {
+        if  (is_null($url)) {
+            return '';
+        }
+
         $idx = strrpos($url, '.');
         if ($idx === false) {
             return $url;
@@ -191,3 +199,36 @@ if (!function_exists('url_filesystem_detect')) {
         return $url;
     }
 }
+
+if (!function_exists('url_join')) {
+    /**
+     * 合并URL
+     * @param string $url 基础URL
+     * @param string $path 路径
+     * @param bool $remove_slash 是否移除首尾的斜杠
+     * @return string
+     */
+    function url_join(string $url, string $path, bool $remove_slash = true): string
+    {
+        if (empty($url)) {
+            return $path;
+        }
+        if (empty($path)) {
+            return $url;
+        }
+        if (\think\helper\Str::startsWith($path, ['http://', 'https://', '//'])) {
+            return $path;
+        }
+        
+        if ($remove_slash) {
+            if (str_ends_with($url, '/') && str_starts_with($path, '/')) {
+                return $url . substr($path, 1);
+            }
+            if (!str_ends_with($url, '/') && !str_starts_with($path, '/')) {
+                return $url . '/' . $path;
+            }
+        }
+
+        return $url . $path;
+    }
+}

app/index/view/mobile/attachment/video.html

@@ -14,7 +14,7 @@
         <div class="tabs">
             {notempty name="video_categorys"}
             {volist name="video_categorys" id="va"}
-            <a href="{:url('attachment/index', ['id' => $va.id])}"><div class="tabit active">{$va.name}</div></a>
+            <a href="{:url('attachment/video', ['id' => $va.id])}"><div class="tabit active">{$va.name}</div></a>
             {/volist}
             {/notempty}
         </div>

app/index/view/mobile/public/footer.html

@@ -29,12 +29,13 @@
                 {/notempty}
                 <li>
                     <h3>{:lang_i18n('联系方式')}</h3>
-                    {notempty name="contact_config.website_email"}
-                    <p>{$contact_config.website_email.title}： {$contact_config.website_email.value}</p>
-                    {/notempty}
-                    {notempty name="contact_config.website_hotline_office_hours"}
-                    <p>{$contact_config.website_hotline_office_hours.title}： {$contact_config.website_hotline_office_hours.value}</p>
-                    {/notempty}
+                    {if condition="!empty($contact_config)"}
+                        {volist name="contact_config" id="vo"}
+                            {if condition="$vo.type != 'image'"}
+                                <p>{$vo.value}</p>
+                            {/if}
+                        {/volist}
+                    {/if}
                 </li>
             </ul>
         </div>

app/index/view/pc/index/index.html

@@ -117,8 +117,8 @@
 					<p class="subtitle" {notempty name="scene.desc_txt_color" }style="color:{$scene.desc_txt_color};" {/notempty}>
 						{$scene.desc|raw}</p>
 					<a class="sceneMore" href="{$scene.link}">{:lang_i18n('了解更多')} ></a> -->
-				</a>
 					<div style="background-image: url('{$scene.image}');" class="sceneimg"></div>
+				</a>
 			</div>
 			{/volist}
 		</div>

app/index/view/pc/product/detail.html

@@ -133,10 +133,12 @@
                 {/notempty}
             </div>
             <!-- 富文本渲染-->
-            <div class="products_des" id="detail">
+            <div class="ql-container">
+                <div class="products_des ql-editor" id="detail">
                     {$product.detail|default=''|raw}
                 </div>
             </div>
+        </div>
         <!-- 关联产品 -->
         {notempty name="product_related"}
         <div class="glcpmain" id="related">

app/openapi/common.php

@@ -18,7 +18,7 @@ if (!function_exists('image_domain_concat')) {
             return $path;
         }
 
-        return rtrim($domain, '/') . '/' . ltrim($path, '/');
+        return url_join($domain, $path);
     }
 }
 
@@ -39,7 +39,7 @@ if (!function_exists('video_domain_concat')) {
             return $path;
         }
 
-        return rtrim($domain, '/') . '/' . ltrim($path, '/');
+        return url_join($domain, $path);
     }
 }
 

public/migrate_temp_images/.gitignore

@@ -1,2 +0,0 @@
-*
-!.gitignore

public/static/index/mobile/css/style.css

@@ -1278,7 +1278,7 @@ video img {
   margin-left: 1rem;
 }
 .foot-cate li {
-  width: 50%;
+  min-width: 50%;
   display: inline-block;
   float: left;
   color: #fff;
@@ -2342,6 +2342,59 @@ video img {
   margin-bottom: 1.3rem;
 }
 
+.products_des {
+  width: 100%;
+  margin-bottom: 50px;
+}
+.products_des img {
+  width: 100%;
+}
+.de_t_n {
+  font-size: 1.5em;
+  color: #333;
+}
+.detail_title {
+  text-align: center;
+  padding: 2% 0;
+}
+.detail_title p {
+  line-height: 2em;
+}
+.detail_con_a {
+  margin: auto;
+  overflow: hidden;
+}
+.lj_detail_text,
+.lj_detail_texts {
+  font-size: 0.875em;
+}
+.lj_detail_text p {
+  line-height: 1.6em;
+  padding: 0.5% 0;
+}
+/*seo-pro*/
+.seo-pro h3 {
+  font-size: 1.5em;
+  text-align: center;
+  color: #333;
+  margin: 2% 0 1%;
+  line-height: 1.2;
+  font-weight: 400;
+}
+.seo-pro p {
+  text-align: center;
+  margin: 0 0 11px;
+}
+.seo-pro a {
+  color: #333;
+  text-decoration: none;
+}
+.sa_blue,
+.sa_blue a,
+.seo-pro a:hover {
+  color: #009fdf;
+}
+
 /*两列*/
 .list_two {
   width: 100%;

public/static/index/pc/css/public.css

@@ -39,6 +39,7 @@
     transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
 }
+
 body {
     font-size: 1.2em;
     font-weight: 400;
@@ -153,12 +154,15 @@ a {
 *::-moz-scrollbar-button:vertical:increment {
     display: none;
 }
+
 div {
     display: block;
 }
+
 #header {
     height: 60px;
 }
+
 .backtop {
     position: fixed;
     right: 1.25rem;
@@ -174,47 +178,58 @@ div{
     cursor: pointer;
     border: 1px solid rgb(241, 241, 241);
 }
+
 .backtop .ictop {
     height: 1.125rem;
     width: 0.9375rem;
     margin-bottom: 0.25rem;
 }
+
 /*屏幕兼容性*/
 @media screen and (min-width:150px) and (max-width:749px) {
     body {
         zoom: 0.6;
     }
 }
+
 @media screen and (min-width:750px) and (max-width:1280px) {
     body {
         zoom: 0.75;
     }
 }
+
 @media screen and (min-width:1281px) and (max-width:1360px) {
     body {
         zoom: 0.8;
     }
 }
+
 @media screen and (min-width:1361px) and (max-width:1460px) {
     body {
         zoom: 0.85;
     }
 }
+
 @media screen and (min-width:1461px) and (max-width:1660px) {
     body {
         zoom: 0.9;
     }
 }
+
 @media screen and (min-width:1661px) and (max-width:1760px) {
     body {
         zoom: 0.95;
     }
 }
+
 @media screen and (min-width:1761px) and (max-width:1960px) {}
+
 @media screen and (min-width:1980px) {}
 
 /*编辑器样式*/
-@charset "UTF-8";.ql-container {
+@charset "UTF-8";
+
+.ql-container {
     box-sizing: border-box;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 13px;
@@ -223,12 +238,18 @@ div{
     position: relative
 }
 
-.ql-container.ql-disabled .ql-tooltip {
-    visibility: hidden
-}
 .ql-editor video {
     max-width: 100% !important;
 }
+
+.ql-container.ql-disabled .ql-tooltip {
+    visibility: hidden
+}
+
+.ql-editor video {
+    max-width: 100% !important;
+}
+
 .ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
     pointer-events: none
 }
@@ -264,17 +285,29 @@ div{
     cursor: text
 }
 
-.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
+.ql-editor p,
+.ql-editor ol,
+.ql-editor ul,
+.ql-editor pre,
+.ql-editor blockquote,
+.ql-editor h1,
+.ql-editor h2,
+.ql-editor h3,
+.ql-editor h4,
+.ql-editor h5,
+.ql-editor h6 {
     margin: 0;
     padding: 0;
     counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
 }
 
-.ql-editor ol,.ql-editor ul {
+.ql-editor ol,
+.ql-editor ul {
     padding-left: 1.5em
 }
 
-.ql-editor ol>li,.ql-editor ul>li {
+.ql-editor ol>li,
+.ql-editor ul>li {
     list-style-type: none
 }
 
@@ -282,15 +315,18 @@ div{
     content: "•"
 }
 
-.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false] {
+.ql-editor ul[data-checked=true],
+.ql-editor ul[data-checked=false] {
     pointer-events: none
 }
 
-.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li * {
+.ql-editor ul[data-checked=true]>li *,
+.ql-editor ul[data-checked=false]>li * {
     pointer-events: all
 }
 
-.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before {
+.ql-editor ul[data-checked=true]>li:before,
+.ql-editor ul[data-checked=false]>li:before {
     color: #777;
     cursor: pointer;
     pointer-events: all
@@ -321,11 +357,13 @@ div{
     margin-right: -1.5em
 }
 
-.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl) {
+.ql-editor ol li:not(.ql-direction-rtl),
+.ql-editor ul li:not(.ql-direction-rtl) {
     padding-left: 1.5em
 }
 
-.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl {
+.ql-editor ol li.ql-direction-rtl,
+.ql-editor ul li.ql-direction-rtl {
     padding-right: 1.5em
 }
 
@@ -702,13 +740,15 @@ div{
     right: 15px
 }
 
-.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after {
+.ql-snow.ql-toolbar:after,
+.ql-snow .ql-toolbar:after {
     clear: both;
     content: "";
     display: table
 }
 
-.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button {
+.ql-snow.ql-toolbar button,
+.ql-snow .ql-toolbar button {
     background: none;
     border: none;
     cursor: pointer;
@@ -721,51 +761,97 @@ div{
     margin-right: 1px
 }
 
-.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg {
+.ql-snow.ql-toolbar button svg,
+.ql-snow .ql-toolbar button svg {
     float: left;
     height: 100%
 }
 
-.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover {
+.ql-snow.ql-toolbar button:active:hover,
+.ql-snow .ql-toolbar button:active:hover {
     outline: none
 }
 
-.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file] {
+.ql-snow.ql-toolbar input.ql-image[type=file],
+.ql-snow .ql-toolbar input.ql-image[type=file] {
     display: none
 }
 
-.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover {
+.ql-snow.ql-toolbar button:hover,
+.ql-snow .ql-toolbar button:hover,
+.ql-snow.ql-toolbar button:focus,
+.ql-snow .ql-toolbar button:focus,
+.ql-snow.ql-toolbar .ql-picker-label:hover,
+.ql-snow .ql-toolbar .ql-picker-label:hover,
+.ql-snow.ql-toolbar .ql-picker-item:hover,
+.ql-snow .ql-toolbar .ql-picker-item:hover {
     background-color: #f3f4f6
 }
 
-.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
+.ql-snow.ql-toolbar button.ql-active,
+.ql-snow .ql-toolbar button.ql-active,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
     background-color: #dbeafe;
     color: #2563eb
 }
 
-.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
+.ql-snow.ql-toolbar button.ql-active .ql-fill,
+.ql-snow .ql-toolbar button.ql-active .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
     fill: #2563eb
 }
 
-.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
+.ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
     stroke: #2563eb
 }
 
 @media (pointer: coarse) {
-    .ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active) {
+
+    .ql-snow.ql-toolbar button:hover:not(.ql-active),
+    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
         color: #4b5563
     }
 
-    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
+    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
+    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
+    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
+    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
         fill: #4b5563
     }
 
-    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
+    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
+    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
+    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
+    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
         stroke: #4b5563
     }
 }
 
-.ql-snow,.ql-snow * {
+.ql-snow,
+.ql-snow * {
     box-sizing: border-box
 }
 
@@ -773,7 +859,8 @@ div{
     display: none
 }
 
-.ql-snow .ql-out-bottom,.ql-snow .ql-out-top {
+.ql-snow .ql-out-bottom,
+.ql-snow .ql-out-top {
     visibility: hidden
 }
 
@@ -817,7 +904,8 @@ div{
     stroke-width: 2
 }
 
-.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill {
+.ql-snow .ql-fill,
+.ql-snow .ql-stroke.ql-fill {
     fill: #4b5563
 }
 
@@ -829,7 +917,8 @@ div{
     fill-rule: evenodd
 }
 
-.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin {
+.ql-snow .ql-thin,
+.ql-snow .ql-stroke.ql-thin {
     stroke-width: 1
 }
 
@@ -884,7 +973,8 @@ div{
     padding-left: 16px
 }
 
-.ql-snow .ql-editor code,.ql-snow .ql-editor pre {
+.ql-snow .ql-editor code,
+.ql-snow .ql-editor pre {
     background-color: #f0f0f0;
     border-radius: 3px
 }
@@ -973,15 +1063,18 @@ div{
     z-index: 1
 }
 
-.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker {
+.ql-snow .ql-color-picker,
+.ql-snow .ql-icon-picker {
     width: 28px
 }
 
-.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label {
+.ql-snow .ql-color-picker .ql-picker-label,
+.ql-snow .ql-icon-picker .ql-picker-label {
     padding: 2px 4px
 }
 
-.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg {
+.ql-snow .ql-color-picker .ql-picker-label svg,
+.ql-snow .ql-icon-picker .ql-picker-label svg {
     right: 4px
 }
 
@@ -1018,7 +1111,12 @@ div{
     width: 18px
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
     content: attr(data-label)
 }
 
@@ -1026,31 +1124,38 @@ div{
     width: 98px
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item:before {
     content: "Normal"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
     content: "Heading 1"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
     content: "Heading 2"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
     content: "Heading 3"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
     content: "Heading 4"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
     content: "Heading 5"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
     content: "Heading 6"
 }
 
@@ -1082,15 +1187,18 @@ div{
     width: 108px
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item:before {
     content: "Sans Serif"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
     content: "Serif"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
     content: "Monospace"
 }
 
@@ -1106,19 +1214,23 @@ div{
     width: 98px
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item:before {
     content: "Normal"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
     content: "Small"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
     content: "Large"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
     content: "Huge"
 }
 
@@ -1162,11 +1274,13 @@ div{
     box-shadow: #0003 0 2px 8px
 }
 
-.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
     border-color: #d1d5db
 }
 
-.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
     border-color: #000
 }
 
@@ -1223,7 +1337,8 @@ div{
     line-height: 26px
 }
 
-.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove {
+.ql-snow .ql-tooltip.ql-editing a.ql-preview,
+.ql-snow .ql-tooltip.ql-editing a.ql-remove {
     display: none
 }
 
@@ -1257,7 +1372,8 @@ div{
     border: 1px solid #d1d5db
 }
 
-.editor,.ql-toolbar {
+.editor,
+.ql-toolbar {
     line-height: normal !important;
     white-space: pre-wrap !important
 }
@@ -1286,98 +1402,120 @@ div{
     content: "请输入视频地址:"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item:before {
     content: "12px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
     content: "10px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
     content: "18px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
     content: "32px"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item:before {
     content: "文本"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
     content: "标题1"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
     content: "标题2"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
     content: "标题3"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
     content: "标题4"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
     content: "标题5"
 }
 
-.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
     content: "标题6"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item:before {
     content: "标准字体"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
     content: "衬线字体"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
     content: "等宽字体"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]:before {
     font-family: SimSun, sans-serif;
     content: "宋体"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]:before {
     font-family: SimHei, sans-serif;
     content: "黑体"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]:before {
     font-family: Microsoft YaHei, sans-serif;
     content: "微软雅黑"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]:before {
     font-family: KaiTi, sans-serif;
     content: "楷体"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]:before {
     font-family: FangSong, sans-serif;
     content: "仿宋"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]:before {
     font-family: Arial, sans-serif;
     content: "Arial"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Times-New-Roman]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Times-New-Roman]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Times-New-Roman]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Times-New-Roman]:before {
     font-family: Times New Roman, sans-serif;
     content: "Times New Roman"
 }
 
-.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]:before {
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]:before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]:before {
     font-family: sans-serif;
     content: "sans-serif"
 }
@@ -1414,47 +1552,58 @@ div{
     font-family: sans-serif
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]:before {
     content: "12px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]:before {
     content: "14px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]:before {
     content: "16px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]:before {
     content: "18px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]:before {
     content: "20px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]:before {
     content: "22px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]:before {
     content: "24px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]:before {
     content: "26px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]:before {
     content: "28px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]:before {
     content: "30px"
 }
 
-.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]:before {
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]:before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]:before {
     content: "32px"
 }
 
@@ -1467,17 +1616,20 @@ div{
     border: 1px solid #dddddd;
     border-radius: 4px;
 }
+
 /* 用伪元素添加图标（可替换为自己的图标） */
 .ql-tabs::before {
     font-size: 16px;
     content: "T";
     /* 用 emoji 或字体图标 */
 }
+
 .quill-tab-list {
     display: flex;
     background-color: #f8f9fa;
     border-bottom: 1px solid #dddddd;
 }
+
 .quill-tab-list .quill-tab-button {
     padding: 10px 15px;
     font-weight: 500;
@@ -1486,11 +1638,13 @@ div{
     border: none;
     transition: background-color 0.2s;
 }
+
 .quill-tab-list .quill-tab-button.active {
     color: #007bff;
     background-color: white;
     border-bottom: 2px solid #007bff;
 }
+
 .quill-tab-list .quill-tab-edit-btn {
     display: flex;
     align-items: center;
@@ -1501,9 +1655,11 @@ div{
     background: transparent;
     border: none;
 }
+
 .quill-tab-list .quill-tab-edit-btn:hover {
     color: #007bff;
 }
+
 .quill-tab-button {
     padding: 10px 15px;
     font-weight: 500;
@@ -1512,25 +1668,31 @@ div{
     border: none;
     transition: background-color 0.2s;
 }
+
 .quill-tab-button.active {
     color: #007bff;
     background-color: white;
     border-bottom: 2px solid #007bff;
 }
+
 .quill-tab-content-list {
     padding: 15px;
 }
+
 .quill-tab-content {
     display: none;
 }
+
 .quill-tab-content.active {
     display: block;
 }
+
 /* 标签页标题编辑样式 */
 .tab-title-edit {
     display: flex;
     align-items: center;
 }
+
 .tab-title-edit .title-text {
     display: inline-block;
     min-width: 60px;
@@ -1540,38 +1702,108 @@ div{
     white-space: nowrap;
     cursor: pointer;
 }
+
 .tab-title-edit .title-input {
     width: 100px;
     margin: -2px 0;
     /* 与标签对齐 */
 }
+
 /*详情样式*/
 .o_detail_all {
   text-align: center;
+  background-color: #fff;
+  overflow: hidden;
+  white-space: normal !important;
 }
 .o_detail_title {
     font-size: 2.25em;
     color: #101010;
-  padding: 4% 0 2.8%;
+    margin-top: 2vw;
+    font-weight: 600;
+    margin-bottom: 1.25vw;
+    line-height: 1.2em;
+    text-align: center;
+    background-color: #fff;
+    overflow: hidden;
+    white-space: normal !important;
+
 }
 .o_detail_small {
     font-size: 1.5em;
     color: #333;
-  padding-bottom: 1.8%;
+    margin-bottom: 0.7vw;
+    white-space: normal !important;
 }
 .o_detail_text {
     font-size: 1.125em;
     color: #737373;
-  padding: 0 0 1.8%;
-  line-height: 1.875em;
+    line-height: 1.5em;
     width: 80%;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 0.7vw;
+    white-space: normal !important;
+}
+.products_des {
+    width: 100%;
+    margin-bottom: 50px;
+}
+.products_des img {
+    width: 100%;
+}
+
+.de_t_n {
+    font-size: 1.5em;
+    color: #333;
+}
+
+.detail_title {
+    text-align: center;
+    padding: 2% 0;
+}
+
+.detail_title p {
+    line-height: 2em;
+}
+
+.detail_con_a {
     margin: auto;
+    overflow: hidden;
 }
-.star {
-  position: absolute;
-  top: 0;
-  width: 40%;
-  height: 15px;
-  background-image: url(../images/star_orange.png);
-  background-position: 0 0;
+
+.lj_detail_text,
+.lj_detail_texts {
+    font-size: 0.875em;
+}
+
+.lj_detail_text p {
+    line-height: 1.6em;
+    padding: 0.5% 0;
+}
+
+/*seo-pro*/
+.seo-pro h3 {
+    font-size: 1.5em;
+    text-align: center;
+    color: #333;
+    margin: 2% 0 1%;
+    line-height: 1.2;
+    font-weight: 400;
+}
+
+.seo-pro p {
+    text-align: center;
+    margin: 0 0 11px;
+}
+
+.seo-pro a {
+    color: #333;
+    text-decoration: none;
+}
+
+.sa_blue,
+.sa_blue a,
+.seo-pro a:hover {
+    color: #009fdf;
 }