/*
Theme switch:
选择颜色方案（修改这个数字来切换颜色：1-60）
只改下面这一行里的数字，例如 theme-1.css 改成 theme-18.css。
Choose one color scheme by changing the number below: 1-60.
For example, change theme-1.css to theme-18.css.
Theme 1 is the default blue.

颜色对照表：
theme-1.css  标准蓝 #006ACD
theme-2.css  明亮蓝 #0B74DE
theme-3.css  亮蓝 #1677FF
theme-4.css  天蓝 #1890FF
theme-5.css  晴空蓝 #0EA5E9
theme-6.css  湖蓝 #0284C7
theme-7.css  深青蓝 #0891B2
theme-8.css  青蓝 #06B6D4
theme-9.css  蓝绿色 #14B8A6
theme-10.css 深蓝绿 #0D9488
theme-11.css 翡翠绿 #10B981
theme-12.css 鲜绿 #22C55E
theme-13.css 叶绿 #16A34A
theme-14.css 橄榄绿 #65A30D
theme-15.css 黄绿色 #84CC16
theme-16.css 金棕 #CA8A04
theme-17.css 橙黄 #D97706
theme-18.css 棕橙 #B45309
theme-19.css 正红 #DC2626
theme-20.css 亮红 #EF4444
theme-21.css 玫瑰红 #E11D48
theme-22.css 浅玫红 #F43F5E
theme-23.css 洋红 #DB2777
theme-24.css 粉红 #EC4899
theme-25.css 紫红 #C026D3
theme-26.css 浅紫 #A855F7
theme-27.css 紫罗兰 #9333EA
theme-28.css 蓝紫 #7C3AED
theme-29.css 靛蓝 #4F46E5
theme-30.css 浅靛蓝 #6366F1
theme-31.css 宝蓝 #2563EB
theme-32.css 深宝蓝 #1D4ED8
theme-33.css 经典深蓝 #0F4C81
theme-34.css 钢蓝 #1E6091
theme-35.css 海蓝 #168AAD
theme-36.css 海青 #34A0A4
theme-37.css 孔雀绿 #2A9D8F
theme-38.css 松石绿 #40916C
theme-39.css 薄荷绿 #52B788
theme-40.css 灰绿色 #588157
theme-41.css 苔藓绿 #6A994E
theme-42.css 嫩黄绿 #A7C957
theme-43.css 焦糖棕 #BC6C25
theme-44.css 砖橙 #9A3412
theme-45.css 深酒红 #7F1D1D
theme-46.css 暗红 #991B1B
theme-47.css 深玫红 #9F1239
theme-48.css 深洋红 #831843
theme-49.css 深紫 #6B21A8
theme-50.css 深蓝紫 #5B21B6
theme-51.css 深靛蓝 #3730A3
theme-52.css 藏蓝 #1E3A8A
theme-53.css 深湖蓝 #075985
theme-54.css 深海青 #155E75
theme-55.css 墨绿青 #134E4A
theme-56.css 深森林绿 #14532D
theme-57.css 深橄榄绿 #365314
theme-58.css 深金棕 #854D0E
theme-59.css 咖啡棕 #78350F
theme-60.css 深青灰 #334155
*/
@import url("themes/theme-1.css");

body.shop-theme{
--templateCommenColor:var(--shop-theme-color);
--main-color:var(--shop-theme-color);
--footer-bg-color:var(--shop-theme-color);
--navBgc:var(--shop-theme-color);
--navActiveBgc:var(--shop-theme-hover);
--swiper-theme-color:var(--shop-theme-color);
--swiper-pagination-color:var(--shop-theme-color);
--swiper-navigation-color:var(--shop-theme-color);
}

body.shop-theme .header_title_name,
body.shop-theme .header_title_phone,
body.shop-theme .main_item_title_lt,
body.shop-theme .main_item_shopInfo .main_item_title span,
body.shop-theme .main_item_cateinfo .main_item_title span,
body.shop-theme .service_advantage_item_index,
body.shop-theme .shop_index_advantage_item_index,
body.shop-theme .shop-content-title,
body.shop-theme .common_title span,
body.shop-theme .shop-title,
body.shop-theme .show-field-detail-a,
body.shop-theme .shopInfo_item_value a:hover,
body.shop-theme .shop-overview-item-value a:hover,
body.shop-theme .article_item_title:hover,
body.shop-theme .article_ic_title:hover,
body.shop-theme .product_ic_title:hover,
body.shop-theme .album_item:hover .album_title,
body.shop-theme .cateinfo_list a:hover .cateinfo_item_title,
body.shop-theme .shop-table-dashed a:hover,
body.shop-theme .shop-info-list a:hover,
body.shop-theme .hover_color:hover,
body.shop-theme .navigation_nav_item.hover_color:hover,
body.shop-theme .f_orange,
body.shop-theme .f_price,
body.shop-theme .f_red,
body.shop-theme .mall-price,
body.shop-theme .mall-price span,
body.shop-theme .product_ic_price,
body.shop-theme .product_price,
body.shop-theme .count_a,
body.shop-theme .ui-ico-info,
body.shop-theme a:hover{
color:var(--shop-theme-color)!important;
}

body.shop-theme .nav_background,
body.shop-theme .header_nav,
body.shop-theme .header_nav_item,
body.shop-theme .pagination li.active,
body.shop-theme .pagination li:hover,
body.shop-theme .pages strong,
body.shop-theme .pages a:hover,
body.shop-theme .btn-act,
body.shop-theme .btn-buy,
body.shop-theme .btn-blue,
body.shop-theme button.get-code,
body.shop-theme .product_item_jump a,
body.shop-theme .aboutus_content a,
body.shop-theme .process_index,
body.shop-theme .article_date span:first-child,
body.shop-theme .article_item .article_item_date span:first-child,
body.shop-theme .shop-bottom-msg-btn2-single,
body.shop-theme .shop-bottom-call-btn2,
body.shop-theme .canCopy .shop-bottom-call-btn2,
body.shop-theme .robot-favorite span,
body.shop-theme input[type="submit"].btn,
body.shop-theme input[type="button"].btn,
body.shop-theme input[type="submit"].btn-act,
body.shop-theme input[type="button"].btn-act,
body.shop-theme input[type="submit"].btn-buy,
body.shop-theme input[type="button"].btn-buy,
body.shop-theme input[type="submit"].btn-blue,
body.shop-theme input[type="button"].btn-blue,
body.shop-theme .submit,
body.shop-theme .ui-btn-active{
background-color:var(--shop-theme-color)!important;
background-image:none!important;
border-color:var(--shop-theme-color)!important;
color:#fff!important;
}

body.shop-theme .header_nav_item:hover,
body.shop-theme .header_nav_item_current,
body.shop-theme .menu_li:hover,
body.shop-theme .menu_on,
body.shop-theme .btn-act:hover,
body.shop-theme .btn-buy:hover,
body.shop-theme .btn-blue:hover,
body.shop-theme .product_item_jump a:hover,
body.shop-theme .aboutus_content a:hover,
body.shop-theme input[type="submit"].btn:hover,
body.shop-theme input[type="button"].btn:hover,
body.shop-theme .submit:hover{
background-color:var(--shop-theme-hover)!important;
border-color:var(--shop-theme-hover)!important;
color:#fff!important;
}

body.shop-theme .shop-list-title:before,
body.shop-theme .scroll ul li.scroll_in,
body.shop-theme .swiper-pagination-bullet-active,
body.shop-theme .ui-head i{
background:var(--shop-theme-color)!important;
}

body.shop-theme .shop-list-title:before{
box-shadow:0 0 0 4px rgba(var(--shop-theme-rgb),.12)!important;
}

body.shop-theme #thumbs img.ab_on,
body.shop-theme #thumbs .ab_on,
body.shop-theme .ab_on,
body.shop-theme .thumb_b,
body.shop-theme img.thumb_b,
body.shop-theme .relate_2,
body.shop-theme .relate_2 img{
border-color:var(--shop-theme-color)!important;
background:#fff!important;
box-shadow:0 0 0 2px rgba(var(--shop-theme-rgb),.14)!important;
}

body.shop-theme #thumbs img.ab_im,
body.shop-theme #thumbs .ab_im,
body.shop-theme .ab_im,
body.shop-theme .thumb_a,
body.shop-theme img.thumb_a{
border-color:#d7e0ea!important;
background:#fff!important;
box-shadow:none!important;
}

body.shop-theme #zoomer,
body.shop-theme .ab_zoom,
body.shop-theme .shop-info-list .shop-info-img:hover,
body.shop-theme .shop-product-cover:hover,
body.shop-theme .shop-product-cover-wrapper:hover,
body.shop-theme .product_item_div:hover,
body.shop-theme .service_advantage_item,
body.shop-theme .service_advantage_item_info,
body.shop-theme .shop_index_advantage_item,
body.shop-theme .shop_index_advantage_item_info{
border-color:var(--shop-theme-color)!important;
}

body.shop-theme .service_advantage_item_num,
body.shop-theme .shop_index_advantage_item_num{
background:linear-gradient(270deg,var(--shop-theme-color),var(--shop-theme-hover))!important;
color:#fff!important;
}

body.shop-theme .article_date span:nth-of-type(2),
body.shop-theme .article_item .article_item_date span:nth-of-type(2),
body.shop-theme .yuyue-favorite span{
border-color:var(--shop-theme-color)!important;
color:var(--shop-theme-color)!important;
}

body.shop-theme .contact-box-item:hover{
background-image:radial-gradient(var(--shop-theme-color) 0 60%,#fff 60% 100%)!important;
}