一、弹窗登录模块
[reply]
利用宝塔或则FTP打开/rizhuti-v2/template-parts/global下的header-menu.php文件放入以下代码在<div class=”header-gap”></div> 上面:
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'login_use_target_mode'</span><span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span> <span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-box<span class="token punctuation">"</span></span><span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>modal show-modal<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>modal-content login-box-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>box login-box-top b2-radius<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>span <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>close-button<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>×<span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-logo<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'site_logo'</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>form<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-box-in<span class="token punctuation">"</span></span><span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-title<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>b<span class="token punctuation">></span></span>登录<span class="token tag"><span class="token punctuation"></</span>b<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>label <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-form-item<span class="token punctuation">"</span></span><span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">display</span><span class="token punctuation">:</span> none</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>input <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nickname<span class="token punctuation">"</span></span> <span class="token attr-name">tabindex</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span> <span class="token attr-name">spellcheck</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>false<span class="token punctuation">"</span></span> <span class="token attr-name">autocomplete</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>off<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>b<span class="token punctuation">></span></span>可爱的昵称<span class="token tag"><span class="token punctuation"></</span>b<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>label<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>label <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-form-item<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>input <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>target_username<span class="token punctuation">"</span></span> <span class="token attr-name">tabindex</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span> <span class="token attr-name">spellcheck</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>false<span class="token punctuation">"</span></span> <span class="token attr-name">autocomplete</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>off<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>b<span class="token punctuation">></span></span>账号<span class="token tag"><span class="token punctuation"></</span>b<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>p <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-box-des<span class="token punctuation">"</span></span><span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">display</span><span class="token punctuation">:</span> none</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
用作登录：字母或数字的组合，最少6位字符
<span class="token tag"><span class="token punctuation"></</span>p<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>p <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-box-des<span class="token punctuation">"</span></span><span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">display</span><span class="token punctuation">:</span> none</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>用作登录<span class="token tag"><span class="token punctuation"></</span>p<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>label<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>label <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-form-item<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>input <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>target_password<span class="token punctuation">"</span></span> <span class="token attr-name">tabindex</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>4<span class="token punctuation">"</span></span> <span class="token attr-name">autocomplete</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>off<span class="token punctuation">"</span></span> <span class="token attr-name">spellcheck</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>false<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>password<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>b<span class="token punctuation">></span></span>密码<span class="token tag"><span class="token punctuation"></</span>b<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token comment"><!-- <b class="login-eye button text">
<i class="b2font b2-eye-close"></i>
</b> --></span>
<span class="token tag"><span class="token punctuation"></</span>label<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>p<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>p<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token operator">!</span><span class="token function">stristr</span><span class="token punctuation">(</span><span class="token variable">$_SERVER</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'REQUEST_URI'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">'/login'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">:</span> <span class="token delimiter important">?></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token function">qq_captcha_btn</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-endif">endif</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>label <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-form-item<span class="token punctuation">"</span></span><span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">display</span><span class="token punctuation">:</span> none</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>input <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>repassword<span class="token punctuation">"</span></span> <span class="token attr-name">tabindex</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>5<span class="token punctuation">"</span></span> <span class="token attr-name">autocomplete</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>off<span class="token punctuation">"</span></span> <span class="token attr-name">spellcheck</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>false<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>password<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>b<span class="token punctuation">></span></span>重复新密码<span class="token tag"><span class="token punctuation"></</span>b<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>p <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-box-des<span class="token punctuation">"</span></span><span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">display</span><span class="token punctuation">:</span> none</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
最少6位字符
<span class="token tag"><span class="token punctuation"></</span>p<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>label<span class="token punctuation">></span></span>
<span class="token comment"><!----></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-tk<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token comment"><!----></span> <span class="token comment"><!----></span> <span class="token tag"><span class="token punctuation"><</span>p <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-p<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token function">wp_lostpassword_url</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>忘记密码？<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span>新用户？<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token function">wp_registration_url</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>注册<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>p<span class="token punctuation">></span></span> <span class="token comment"><!----></span><span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>login-bottom<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>button <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>go-login<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>快速登录<span class="token tag"><span class="token punctuation"></</span>button<span class="token punctuation">></span></span>
<span class="token comment"><!----></span>
<span class="token comment"><!----></span>
<span class="token comment"><!----></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>p<span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>p<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token variable">$current_url</span> <span class="token operator">=</span> <span class="token function">urlencode</span><span class="token punctuation">(</span><span class="token function">curPageURL</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$sns_opt</span> <span class="token operator">=</span> <span class="token punctuation">[</span>
<span class="token single-quoted-string string">'qq'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">[</span><span class="token single-quoted-string string">'name'</span><span class="token operator">=</span><span class="token operator">></span><span class="token single-quoted-string string">'QQ'</span><span class="token punctuation">,</span><span class="token single-quoted-string string">'icon'</span><span class="token operator">=</span><span class="token operator">></span><span class="token single-quoted-string string">'fa-qq'</span><span class="token punctuation">,</span><span class="token single-quoted-string string">'css'</span><span class="token operator">=</span><span class="token operator">></span><span class="token single-quoted-string string">'primary'</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'weixin'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">[</span><span class="token single-quoted-string string">'name'</span><span class="token operator">=</span><span class="token operator">></span><span class="token single-quoted-string string">'微信'</span><span class="token punctuation">,</span><span class="token single-quoted-string string">'icon'</span><span class="token operator">=</span><span class="token operator">></span><span class="token single-quoted-string string">'fa-weixin'</span><span class="token punctuation">,</span><span class="token single-quoted-string string">'css'</span><span class="token operator">=</span><span class="token operator">></span><span class="token single-quoted-string string">'success'</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'weibo'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">[</span><span class="token single-quoted-string string">'name'</span><span class="token operator">=</span><span class="token operator">></span><span class="token single-quoted-string string">'微博'</span><span class="token punctuation">,</span><span class="token single-quoted-string string">'icon'</span><span class="token operator">=</span><span class="token operator">></span><span class="token single-quoted-string string">'fa-weibo'</span><span class="token punctuation">,</span><span class="token single-quoted-string string">'css'</span><span class="token operator">=</span><span class="token operator">></span><span class="token single-quoted-string string">'danger'</span><span class="token punctuation">]</span>
<span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>d-block mt-1 mb-0 text-center<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'is_sns_qq'</span><span class="token punctuation">)</span> <span class="token operator">||</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'is_sns_weixin'</span><span class="token punctuation">)</span> <span class="token operator">||</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'is_sns_weibo'</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-echo">echo</span> <span class="token single-quoted-string string">'<ul class="oauth list-unstyled social-icon mb-0 mt-3">'</span><span class="token punctuation">;</span>
<span class="token keyword keyword-foreach">foreach</span> <span class="token punctuation">(</span><span class="token variable">$sns_opt</span> <span class="token keyword keyword-as">as</span> <span class="token variable">$type</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token variable">$opt</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$typeclass</span> <span class="token operator">=</span> <span class="token variable">$type</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'is_sns_'</span><span class="token punctuation">.</span><span class="token variable">$type</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$type</span><span class="token operator">==</span><span class="token single-quoted-string string">'weixin'</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$sns_weixin</span> <span class="token operator">=</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'sns_weixin'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$typeclass</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token variable">$sns_weixin</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'sns_weixin_mod'</span><span class="token punctuation">]</span><span class="token operator">==</span><span class="token single-quoted-string string">'mp'</span><span class="token punctuation">)</span> <span class="token operator">?</span> <span class="token single-quoted-string string">'weixin mpweixin'</span> <span class="token punctuation">:</span> <span class="token variable">$type</span> <span class="token punctuation">;</span>
<span class="token variable">$typeclass</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token function">is_weixin_visit</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">?</span> <span class="token single-quoted-string string">'weixin mp'</span> <span class="token punctuation">:</span> <span class="token variable">$typeclass</span> <span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword keyword-echo">echo</span> <span class="token single-quoted-string string">'<li class="list-inline-item"><a href="'</span><span class="token punctuation">.</span><span class="token function">get_open_oauth_url</span><span class="token punctuation">(</span><span class="token variable">$type</span><span class="token punctuation">,</span> <span class="token variable">$current_url</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token single-quoted-string string">'" class="btn btn-sm btn-outline-'</span><span class="token punctuation">.</span><span class="token variable">$opt</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'css'</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token single-quoted-string string">' oauth-btn '</span><span class="token punctuation">.</span><span class="token variable">$typeclass</span><span class="token punctuation">.</span><span class="token single-quoted-string string">'"><i class="fa '</span><span class="token punctuation">.</span><span class="token variable">$opt</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'icon'</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token single-quoted-string string">' mr-1" title="'</span><span class="token punctuation">.</span><span class="token variable">$opt</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'name'</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token single-quoted-string string">'登录"></i>'</span><span class="token punctuation">.</span><span class="token variable">$opt</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'name'</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token single-quoted-string string">'</a></li>'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token keyword keyword-echo">echo</span> <span class="token single-quoted-string string">'</ul>'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token comment"><!--
<div class="site-terms">
<span>注册登录即表示同意
<a href="#" target="_blank">用户协议</a>、<a href="#" target="_blank">隐私政策</a></span>
</div>
--></span>
<span class="token tag"><span class="token punctuation"></</span>form<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>script<span class="token punctuation">></span></span><span class="token script language-javascript">
<span class="token punctuation">(</span><span class="token keyword keyword-function">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'a.btn'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">click</span><span class="token punctuation">(</span><span class="token keyword keyword-function">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'#login-box'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">toggle</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-return">return</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'span.close-button'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">click</span><span class="token punctuation">(</span><span class="token keyword keyword-function">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'#login-box'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">toggle</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">//登录</span>
<span class="token function">$</span><span class="token punctuation">(</span>document<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'click'</span><span class="token punctuation">,</span> <span class="token string">".go-login"</span><span class="token punctuation">,</span> <span class="token keyword keyword-function">function</span><span class="token punctuation">(</span>event<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-var">var</span> login_box_display <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">'#login-box'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">css</span><span class="token punctuation">(</span><span class="token string">'display'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span> login_box_display <span class="token operator">==</span> <span class="token string">'none'</span> <span class="token punctuation">)</span><span class="token punctuation">{</span>
<span class="token keyword keyword-return">return</span> <span class="token punctuation">;</span>
<span class="token punctuation">}</span>
event<span class="token punctuation">.</span><span class="token function">preventDefault</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token keyword keyword-var">var</span> _this <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token keyword keyword-this">this</span><span class="token punctuation">)</span>
<span class="token keyword keyword-var">var</span> deft <span class="token operator">=</span> _this<span class="token punctuation">.</span><span class="token function">text</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token keyword keyword-var">var</span> username <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">"input[name='target_username']"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">val</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token keyword keyword-var">var</span> password <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">"input[name='target_password']"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">val</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token keyword keyword-var">var</span> deft <span class="token operator">=</span> _this<span class="token punctuation">.</span><span class="token function">text</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token keyword keyword-var">var</span> d_url<span class="token operator">=</span>document<span class="token punctuation">.</span>location<span class="token punctuation">.</span>href<span class="token punctuation">;</span>
<span class="token keyword keyword-var">var</span> d_url2<span class="token operator">=</span>d_url<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">"redirect_to="</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">]</span> <span class="token operator">||</span> rizhutiv2<span class="token punctuation">.</span>home_url <span class="token operator">+</span> <span class="token string">'/user'</span><span class="token punctuation">;</span>
_this<span class="token punctuation">.</span><span class="token function">html</span><span class="token punctuation">(</span>iconspin <span class="token operator">+</span> deft<span class="token punctuation">)</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>username <span class="token operator">||</span> <span class="token operator">!</span>password<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token comment">// _this.html(iconwarning + '请输入用户名或密码')</span>
<span class="token function">rizhuti_v2_toast_msg</span><span class="token punctuation">(</span><span class="token string">'info'</span><span class="token punctuation">,</span><span class="token string">'请输入用户名或密码'</span><span class="token punctuation">)</span>
<span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token keyword keyword-function">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
_this<span class="token punctuation">.</span><span class="token function">html</span><span class="token punctuation">(</span>deft<span class="token punctuation">)</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">2000</span><span class="token punctuation">)</span>
<span class="token keyword keyword-return">return</span>
<span class="token punctuation">}</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>is_qq_captcha_verify<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">rizhuti_v2_toast_msg</span><span class="token punctuation">(</span><span class="token string">'info'</span><span class="token punctuation">,</span><span class="token string">'请点击验证按钮进行验证'</span><span class="token punctuation">)</span>
<span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token keyword keyword-function">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
_this<span class="token punctuation">.</span><span class="token function">html</span><span class="token punctuation">(</span>deft<span class="token punctuation">)</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">2000</span><span class="token punctuation">)</span>
<span class="token keyword keyword-return">return</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
$<span class="token punctuation">.</span><span class="token function">post</span><span class="token punctuation">(</span>rizhutiv2<span class="token punctuation">.</span>admin_url<span class="token punctuation">,</span> <span class="token punctuation">{</span>
<span class="token string">"action"</span><span class="token punctuation">:</span> <span class="token string">"user_login"</span><span class="token punctuation">,</span>
<span class="token string">"username"</span><span class="token punctuation">:</span> username<span class="token punctuation">,</span>
<span class="token string">"password"</span><span class="token punctuation">:</span> password<span class="token punctuation">,</span>
<span class="token string">"rememberme"</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token keyword keyword-function">function</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span>data<span class="token punctuation">.</span>status <span class="token operator">==</span> <span class="token number">1</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token comment">// _this.html(iconcheck + data.msg)</span>
<span class="token function">rizhuti_v2_toast_msg</span><span class="token punctuation">(</span><span class="token string">'success'</span><span class="token punctuation">,</span>data<span class="token punctuation">.</span>msg<span class="token punctuation">)</span>
<span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token keyword keyword-function">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
window<span class="token punctuation">.</span>location<span class="token punctuation">.</span>href <span class="token operator">=</span> <span class="token function">decodeURIComponent</span><span class="token punctuation">(</span>d_url2<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">1000</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token comment">// _this.html(iconwarning + data.msg)</span>
<span class="token function">rizhuti_v2_toast_msg</span><span class="token punctuation">(</span><span class="token string">'info'</span><span class="token punctuation">,</span>data<span class="token punctuation">.</span>msg<span class="token punctuation">)</span>
<span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token keyword keyword-function">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
_this<span class="token punctuation">.</span><span class="token function">html</span><span class="token punctuation">(</span>deft<span class="token punctuation">)</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">2000</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span><span class="token tag"><span class="token punctuation"></</span>script<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token punctuation">}</span>
<span class="token delimiter important">?></span></span>
随后把这行代码放在主题的functions.php文件最底部
<span class="token comment">/**
* 输出弹窗登录的左侧文字
*/</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token single-quoted-string string">'1'</span> <span class="token operator">===</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'login_use_target_mode'</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">'0'</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">add_action</span><span class="token punctuation">(</span> <span class="token single-quoted-string string">'wp_footer'</span><span class="token punctuation">,</span> <span class="token keyword keyword-function">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$title</span> <span class="token operator">=</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'login_text'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'title'</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token operator">?</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">;</span>
<span class="token variable">$one</span> <span class="token operator">=</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'login_text'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'one'</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token operator">?</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">;</span>
<span class="token variable">$two</span> <span class="token operator">=</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'login_text'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'two'</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token operator">?</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">;</span>
<span class="token variable">$three</span> <span class="token operator">=</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'login_text'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'three'</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token operator">?</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">;</span>
<span class="token variable">$four</span> <span class="token operator">=</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'login_text'</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'four'</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token operator">?</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">;</span>
<span class="token keyword keyword-echo">echo</span> <span class="token heredoc-string string"><span class="token delimiter symbol"><span class="token punctuation"><<<</span>html</span>
<style>
.login-box-content:before {
content: "<span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$title</span><span class="token punctuation">}</span></span>";
color: #fff;
background-color: #3385ff;
background-image: url(https://z3.ax1x.com/2021/07/16/WMGRgg.png);
position: absolute;
font-weight: 700;
padding: 50px 60px;
font-size: 1.4em;
width: 25rem;
height: 100%;
left: -24rem;
background-position: 145px bottom;
background-repeat: no-repeat;
z-index: -1
}
.login-title:before {
content: "<span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$one</span><span class="token punctuation">}</span></span>";
margin-top: 2em
}
.login-title:after {
content: "<span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$two</span><span class="token punctuation">}</span></span>";
margin-top: 4em
}
.login-title span:before {
content: "<span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$three</span><span class="token punctuation">}</span></span>";
margin-top: 5.2em
}
.login-title span:after {
content: "<span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$four</span><span class="token punctuation">}</span></span>";
margin-top: 7.2em
}
</style>
<span class="token delimiter symbol">html<span class="token punctuation">;</span></span></span>
<span class="token punctuation">}</span> <span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
随后进入 后台 – 外观 – 自定义 – 额外CSS 添加下面的代码:
<span class="token comment">/* 弹窗登陆 */</span>
<span class="token selector"><span class="token class">.dark-open</span> <span class="token class">.login-box-content</span><span class="token pseudo-element">:before</span>,
<span class="token class">.dark-open</span> <span class="token class">.login-box-content</span> <span class="token class">.login-box-top</span></span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#293042</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.dark-open</span> <span class="token class">.login-form-item</span> input</span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#202634</span><span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span><span class="token number">.0625</span>rem solid <span class="token hexcode">#293042</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.dark-open</span> <span class="token class">.login-form-item</span> input<span class="token pseudo-class">:valid</span>+span<span class="token pseudo-element">:after</span></span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.dark-open</span> <span class="token class">.login-box-content</span><span class="token pseudo-element">:before</span>,
<span class="token class">.dark-open</span> <span class="token class">.login-title</span><span class="token pseudo-element">:before</span>,
<span class="token class">.dark-open</span> <span class="token class">.login-title</span><span class="token pseudo-element">:after</span>,
<span class="token class">.dark-open</span> <span class="token class">.login-title</span> span<span class="token pseudo-element">:before</span>,
<span class="token class">.dark-open</span> <span class="token class">.login-title</span> span<span class="token pseudo-element">:after</span></span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span><span class="token hexcode">#c6cfd8</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.modal</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">perspective</span><span class="token punctuation">(</span><span class="token number">1</span>px<span class="token punctuation">)</span> <span class="token function">scale</span><span class="token punctuation">(</span><span class="token number">1.1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> visibility <span class="token number">0</span>s linear <span class="token number">.15</span>s, opacity <span class="token number">.15</span>s <span class="token number">0</span>s, transform <span class="token number">.15</span>s<span class="token punctuation">;</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">100</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
<span class="token property">align-items</span><span class="token punctuation">:</span> center
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.modal-content</span> </span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">21</span>rem<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">40</span>px <span class="token number">24</span>px <span class="token number">24</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> auto<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span>
<span class="token property">background-size</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">box-sizing</span><span class="token punctuation">:</span> border-box
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.close-button</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">43</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">34</span>px<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">38</span>px<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#b2bac2</span><span class="token punctuation">;</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">6</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.close-button</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> initial
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.show-modal</span> </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> visible<span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">perspective</span><span class="token punctuation">(</span><span class="token number">1</span>px<span class="token punctuation">)</span> <span class="token function">scale</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> visibility <span class="token number">0</span>s linear <span class="token number">0</span>s, opacity <span class="token number">.15</span>s <span class="token number">0</span>s, transform <span class="token number">.15</span>s
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-box-des</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ccc</span><span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">5</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-logo</span> img </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">33</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-logo</span> </span><span class="token punctuation">{</span>
<span class="token property">align-items</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
<span class="token property">justify-content</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">27</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">200</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-title</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#b2bac2</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">13</span>px<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-title</span> span </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">10</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">align-items</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">flex-wrap</span><span class="token punctuation">:</span> wrap
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item</span>+<span class="token class">.login-form-item</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">20</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item</span> input </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> <span class="token number">.3</span>s<span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">1</span>px solid <span class="token hexcode">#e8e8e8</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">48</span>px<span class="token punctuation">;</span>
<span class="token property">padding-right</span><span class="token punctuation">:</span> <span class="token number">46</span>px<span class="token punctuation">;</span>
<span class="token property">outline</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">-webkit-appearance</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span><span class="token comment">/****告诉浏览器我们不希望按钮按苹果的默认UI来渲染。*****/</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item</span> span </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> -<span class="token number">8</span>px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#b2bac2</span><span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> text<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">7</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item</span> span<span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">''</span><span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item</span> input<span class="token pseudo-class">:focus</span>+span,
<span class="token class">.login-form-item</span> input<span class="token attribute">[class=active]</span>+span,
<span class="token class">.login-form-item</span> input<span class="token pseudo-class">:valid</span>+span </span><span class="token punctuation">{</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> default
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item</span> input<span class="token pseudo-class">:focus</span>+span<span class="token pseudo-element">:after</span>,
<span class="token class">.login-form-item</span> input<span class="token attribute">[class=active]</span>+span<span class="token pseudo-element">:after</span>,
<span class="token class">.login-form-item</span> input<span class="token pseudo-class">:valid</span>+span<span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">''</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item</span> span b </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-bottom</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">10</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-bottom</span> button </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#2879f7</span><span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">1</span>px solid <span class="token hexcode">#2879f7</span><span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> white<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-box-content</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-box-content</span> a </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-box-content</span> <span class="token class">.login-box-top</span> </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">30</span>px <span class="token number">24</span>px <span class="token number">24</span>px<span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url">url(https://z3.ax1x.com/2021/07/16/WMGdjH.png)</span><span class="token punctuation">;</span>
<span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span>
<span class="token property">background-size</span><span class="token punctuation">:</span> <span class="token number">100%</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-eye</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">1</span>px<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> inherit<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">6</span>px <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-eye.button</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">13</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-eye</span> i </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">25</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.button.login-eye</span><span class="token pseudo-class">:active</span> </span><span class="token punctuation">{</span>
<span class="token property">transform</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.check-code-img</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">5</span>px<span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> pointer
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.check-code-img</span> img </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">38</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">5</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-check-input</span> input </span><span class="token punctuation">{</span>
<span class="token property">text-transform</span><span class="token punctuation">:</span> uppercase<span class="token punctuation">;</span>
<span class="token property">letter-spacing</span><span class="token punctuation">:</span> <span class="token number">4</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-check-input</span> <span class="token class">.login-eye.button</span> </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">15</span>px <span class="token number">10</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item.login-check-input</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.3</span>s ease-in-out<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-form-item.login-check-input.show</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">48</span>px<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.3</span>s ease-in-out<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> visible
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.forget-pass-info</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">1.5</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f8f8f8</span><span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
<span class="token property">align-items</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#b2bac2</span><span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">1</span>px dashed <span class="token hexcode">#eee</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-box-content</span> b </span><span class="token punctuation">{</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.check-code-luo</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-box-content</span> <span class="token class">.recaptcha-load</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">141</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">38</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> screen and <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span><span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.user-panel</span> <span class="token class">.avatar</span><span class="token pseudo-class">:hover</span> <span class="token class">.editor-avatar</span> </span><span class="token punctuation">{</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">7</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-title</span><span class="token pseudo-element">:before</span>,
<span class="token class">.login-title</span><span class="token pseudo-element">:after</span>,
<span class="token class">.login-title</span> span<span class="token pseudo-element">:before</span>,
<span class="token class">.login-title</span> span<span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> -<span class="token number">19.7</span>rem<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-box-content</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">25</span>rem<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">12.5</span>rem<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> inherit
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span><span class="token number">800</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.login-box-content</span><span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-title</span><span class="token pseudo-element">:before</span>,
<span class="token class">.login-title</span><span class="token pseudo-element">:after</span>,
<span class="token class">.login-title</span> span<span class="token pseudo-element">:before</span>,
<span class="token class">.login-title</span> span<span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.modal-content</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">24</span>rem<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> auto
<span class="token punctuation">}</span>
<span class="token selector"><span class="token id">#nangua</span> <span class="token class">.recaptcha-img</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">60</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.box</span>,
<span class="token class">.side-fixed</span> </span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">1</span>px <span class="token number">1</span>px <span class="token number">0</span> <span class="token function">rgb</span><span class="token punctuation">(</span><span class="token number">0</span> <span class="token number">0</span> <span class="token number">0</span>/<span class="token number">5%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.b2-eye-close</span><span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"\e601"</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.b2-eye-open</span><span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"\ebcc"</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-box-content</span> a</span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#2879f7</span>!important<span class="token punctuation">;</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-tk</span></span><span class="token punctuation">{</span><span class="token property">margin-top</span><span class="token punctuation">:</span><span class="token number">20</span>px<span class="token punctuation">;</span><span class="token property">text-align</span><span class="token punctuation">:</span>center<span class="token punctuation">;</span><span class="token property">font-size</span><span class="token punctuation">:</span><span class="token number">12</span>px<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-tk</span> p</span><span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">;</span><span class="token property">justify-content</span><span class="token punctuation">:</span>space-between<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-tk</span> p<span class="token class">.login-p</span></span><span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">;</span><span class="token property">justify-content</span><span class="token punctuation">:</span>space-between<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.login-tk-forget</span></span><span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span>flex<span class="token punctuation">;</span><span class="token property">justify-content</span><span class="token punctuation">:</span>space-between<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.site-terms</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">10</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#999</span><span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f9f9f9</span>
<span class="token punctuation">}</span>
最后利用宝塔或则FTP打开/inc/options下的admin-options.php文件把下面代码放在11行左右
<span class="token constant">CSF</span><span class="token punctuation">:</span><span class="token punctuation">:</span><span class="token function">createSection</span><span class="token punctuation">(</span> <span class="token variable">$prefix</span><span class="token punctuation">,</span> <span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'功能增强'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'icon'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'fas fa-rocket'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'fields'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'login_use_target_mode'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'switcher'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token function">esc_html__</span><span class="token punctuation">(</span> <span class="token single-quoted-string string">'弹窗模式登陆'</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">'rizhuti-v2'</span> <span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'desc'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">''</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'default'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token boolean">false</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'login_text'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'fieldset'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'dependency'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token keyword keyword-array">array</span><span class="token punctuation">(</span> <span class="token single-quoted-string string">'login_use_target_mode'</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">'=='</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">'true'</span> <span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'弹窗登录左侧文字'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'fields'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'title'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'text'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'标题'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'default'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'在源分享你可以体验'</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'one'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'text'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'第一行内容'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'default'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'圈子 · 全新的资源互动模式'</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'two'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'text'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'第二行内容'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'default'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'快讯 · 呈现最新的科技动态'</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'three'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'text'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'第三行内容'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'default'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'商城 · 诸多商品全新上线'</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'four'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'text'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'第四行内容'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'default'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'会员 · 体验全站尊享特权'</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span>
<span class="token punctuation">)</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
[/reply]
二、新评论模块
[reply]
利用宝塔或则FTP打开/rizhuti-v2/inc/options下的widget-options.php文件放入以下代码在第2行下面:
<span class="token comment">//评论展示小工具</span>
<span class="token constant">CSF</span><span class="token punctuation">:</span><span class="token punctuation">:</span><span class="token function">createWidget</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'rizhuti_v2_comments'</span><span class="token punctuation">,</span> <span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'RI-评论展示'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'classname'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'widget-comments'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'description'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'日主题V2的小工具'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'fields'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'title'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'text'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'标题'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'default'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'评论展示'</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'limit'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'text'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'显示数量'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'default'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'4'</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'id'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'outer'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'type'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'text'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'title'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'排除某用户ID'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'default'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'0'</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token operator">!</span><span class="token function">function_exists</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'rizhuti_v2_comments'</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-function">function</span> <span class="token function">rizhuti_v2_comments</span><span class="token punctuation">(</span><span class="token variable">$args</span><span class="token punctuation">,</span> <span class="token variable">$instance</span><span class="token punctuation">)</span>
<span class="token punctuation">{</span>
<span class="token keyword keyword-echo">echo</span> <span class="token variable">$args</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'before_widget'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span> <span class="token operator">!</span> <span class="token function">empty</span><span class="token punctuation">(</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'title'</span><span class="token punctuation">]</span> <span class="token punctuation">)</span> <span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-echo">echo</span> <span class="token variable">$args</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'before_title'</span><span class="token punctuation">]</span> <span class="token punctuation">.</span> <span class="token function">apply_filters</span><span class="token punctuation">(</span> <span class="token single-quoted-string string">'widget_title'</span><span class="token punctuation">,</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'title'</span><span class="token punctuation">]</span> <span class="token punctuation">)</span> <span class="token punctuation">.</span> <span class="token variable">$args</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'after_title'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment">// start</span>
<span class="token variable">$limit</span> <span class="token operator">=</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'limit'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token variable">$outer</span> <span class="token operator">=</span> <span class="token function">isset</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'outer'</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">?</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'outer'</span><span class="token punctuation">]</span> <span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token variable">$output</span> <span class="token operator">=</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">;</span>
<span class="token keyword keyword-global">global</span> <span class="token variable">$wpdb</span><span class="token punctuation">;</span>
<span class="token variable">$sql</span> <span class="token operator">=</span> <span class="token double-quoted-string string">"SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date, comment_approved,comment_author_email, comment_type,comment_author_url, SUBSTRING(comment_content,1,60) AS com_excerpt FROM <span class="token interpolation"><span class="token variable">$wpdb</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">comments</span></span> LEFT OUTER JOIN <span class="token interpolation"><span class="token variable">$wpdb</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">posts</span></span> ON (<span class="token interpolation"><span class="token variable">$wpdb</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">comments</span></span>.comment_post_ID = <span class="token interpolation"><span class="token variable">$wpdb</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">posts</span></span>.ID) WHERE user_id!='"</span> <span class="token punctuation">.</span> <span class="token variable">$outer</span> <span class="token punctuation">.</span> <span class="token double-quoted-string string">"' AND comment_approved = '1' AND post_password = '' ORDER BY comment_date DESC LIMIT <span class="token interpolation"><span class="token variable">$limit</span></span>"</span><span class="token punctuation">;</span>
<span class="token variable">$comments</span> <span class="token operator">=</span> <span class="token variable">$wpdb</span><span class="token operator">-</span><span class="token operator">></span><span class="token function">get_results</span><span class="token punctuation">(</span><span class="token variable">$sql</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-foreach">foreach</span> <span class="token punctuation">(</span><span class="token variable">$comments</span> <span class="token keyword keyword-as">as</span> <span class="token variable">$comment</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$output</span> <span class="token punctuation">.</span><span class="token operator">=</span> <span class="token single-quoted-string string">'<li><a href="'</span> <span class="token punctuation">.</span> <span class="token function">get_permalink</span><span class="token punctuation">(</span><span class="token variable">$comment</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">ID</span><span class="token punctuation">)</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'#comment-'</span> <span class="token punctuation">.</span> <span class="token variable">$comment</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">comment_ID</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'" title="'</span> <span class="token punctuation">.</span> <span class="token variable">$comment</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">post_title</span> <span class="token punctuation">.</span> <span class="token function">__</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'上的评论'</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">'haoui'</span><span class="token punctuation">)</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'">'</span><span class="token punctuation">;</span>
<span class="token variable">$output</span> <span class="token punctuation">.</span><span class="token operator">=</span> <span class="token single-quoted-string string">'<div class="inner">'</span><span class="token punctuation">.</span><span class="token function">get_avatar</span><span class="token punctuation">(</span><span class="token variable">$comment</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">comment_author_email</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token single-quoted-string string">'<time><strong>'</span> <span class="token punctuation">.</span> <span class="token function">strip_tags</span><span class="token punctuation">(</span><span class="token variable">$comment</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">comment_author</span><span class="token punctuation">)</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'</strong>'</span> <span class="token punctuation">.</span> <span class="token punctuation">(</span><span class="token variable">$comment</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">comment_date</span><span class="token punctuation">)</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'</time><small>'</span> <span class="token punctuation">.</span> <span class="token function">str_replace</span><span class="token punctuation">(</span><span class="token single-quoted-string string">' src='</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">' data-src='</span><span class="token punctuation">,</span> <span class="token function">convert_smilies</span><span class="token punctuation">(</span><span class="token function">strip_tags</span><span class="token punctuation">(</span><span class="token variable">$comment</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">com_excerpt</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'</small></div>'</span><span class="token punctuation">;</span>
<span class="token variable">$output</span> <span class="token punctuation">.</span><span class="token operator">=</span> <span class="token single-quoted-string string">'</a></li>'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword keyword-echo">echo</span> <span class="token single-quoted-string string">'<ul>'</span> <span class="token punctuation">.</span> <span class="token variable">$output</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'</ul>'</span><span class="token punctuation">;</span>
<span class="token comment">// end</span>
<span class="token keyword keyword-echo">echo</span> <span class="token variable">$args</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'after_widget'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
最后在外观–自定义–额外CSS加入以下CSS样式
<span class="token selector"><span class="token class">.widget-area</span> <span class="token class">.widget</span>+<span class="token class">.widget</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget-area</span> <span class="token class">.widget</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">clear</span><span class="token punctuation">:</span> both<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget-area</span> <span class="token class">.widget</span> <span class="token class">.widget-title</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">letter-spacing</span><span class="token punctuation">:</span> <span class="token number">.5</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget</span> ul li </span><span class="token punctuation">{</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">5</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">list-style</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget</span> ul li>a </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget-comments</span> a </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#777</span><span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">5</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget-comments</span> <span class="token class">.inner</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget-comments</span> <span class="token class">.avatar</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">5</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget-comments</span> time </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#bbb</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">500</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget-comments</span> strong </span><span class="token punctuation">{</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#bbb</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.widget-comments</span> small </span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#f6f6f6</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">4</span>px <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#bbb</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token number">0</span>
三、广告位模块
[reply]
进入后台点击外观–小工具–自定义html把下列代码放进去
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>yfx_ads<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.yfxw.cn/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.cdnjson.com/images/2021/07/29/2021063017183653.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>源分享_到期时间：<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.yfxw.cn/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.cdnjson.com/images/2021/07/29/2021063017183653.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>源分享_到期时间：<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.yfxw.cn/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.cdnjson.com/images/2021/07/29/2021063017183653.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>源分享_到期时间：<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.yfxw.cn/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.cdnjson.com/images/2021/07/29/2021063017183653.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span> 源分享_到期时间：<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ttps://www.yfxw.cn/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.cdnjson.com/images/2021/07/29/2021063017183653.png<span class="token punctuation">"</span></span> <span class="token attr-name">at</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>源分享_到期时间：<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.yfxw.cn/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.cdnjson.com/images/2021/07/29/2021063017183653.png<span class="token punctuation">"</span></span>
<span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>源分享_到期时间：<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.yfxw.cn/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.cdnjson.com/images/2021/07/29/2021063017183653.png<span class="token punctuation">"</span></span>
<span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>源分享_到期时间：<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.yfxw.cn/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.cdnjson.com/images/2021/07/29/2021063017183653.png<span class="token punctuation">"</span></span>
<span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>源分享_到期时间：<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.yfxw.cn/<span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://www.cdnjson.com/images/2021/07/29/2021063017183653.png<span class="token punctuation">"</span></span>
<span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>源分享_到期时间：<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
最后在外观–自定义–额外CSS加入以下CSS样式
<span class="token selector"><span class="token class">.yfx_ads</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
<span class="token property">flex-wrap</span><span class="token punctuation">:</span> wrap<span class="token punctuation">;</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> -<span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.yfx_ads</span> li </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">5</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding-left</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">flex</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">0</span> <span class="token number">33.33344%</span><span class="token punctuation">;</span>
<span class="token property">box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">list-style</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.yfx_ads</span> a </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.yfx_ads</span> a<span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">" "</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">26</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">1</span>pc<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token url">url(https://s3.bmp.ovh/imgs/2021/08/748b05991e59fe63.png)</span><span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">9</span>pt<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">bottom</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> screen and <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">800</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span> <span class="token selector"><span class="token class">.yfx_ads</span></span><span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span> <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
[/reply]
四、微信内关闭商城
[reply]
利用宝塔或则FTP打开/rizhuti-v2/inc/options下的admin-options.php文件放入以下代码在第10行下面:
CSF::createSection( $prefix, array(
'title' => '功能增强',
'icon' => 'fas fa-rocket',
'fields' => array(
array(
'id' => 'is_weixin_close_site_shop',
'type' => 'switcher',
'title' => esc_html__( '在微信内访网站自动关闭商城', 'rizhuti-v2' ),
'desc' => esc_html__( '微信官方规则限制所有公众号小程序等不允许存在虚拟交易付款产品，此功能方便的一B，既然你不让出现，我就自动判断，在微信内访问的时候作为博客展示', 'rizhuti-v2' ),
'default' => false,
),
)
)
);
最后在functions.php文件最底部下添加以下代码即可
<span class="token comment">/**
* 微信访问关闭商城
*/</span>
<span class="token keyword keyword-function">function</span> <span class="token function">close_site_shop</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token function">is_weixin_visit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">&&</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'is_weixin_close_site_shop'</span><span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">add_filter</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'is_site_shop'</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">'__return_true'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token function">add_action</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'init'</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">'close_site_shop'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
[/reply]
五、排行榜模块
[reply]
利用宝塔或则FTP打开/rizhuti-v2/inc/options下的widget-options.php文件放入以下代码在第2行下面:
/**
* 排行榜
*/
CSF::createWidget('rizhuti_v2_module_rank', array(
'title' => esc_html__('RI-首页模块 : 排行榜', 'rizhuti-v2'),
'classname' => 'rizhuti_v2-widget-rank',
'description' => esc_html__('Displays a 排行榜', 'rizhuti-v2'),
'fields' => array(
array(
'id' => 'home_mode_rank',
'type' => 'fieldset',
'title' => '',
'fields' => array(
array(
'id' => '_title',
'type' => 'text',
'title' => '标题',
'default' => '排行榜',
),
array(
'id' => '_icon',
'type' => 'text',
'title' => '图标代码',
'default' => 'fa fa-home',
'desc' => '请使用<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://fontawesome.com/icons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Font Awesome<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>图标，例子<span class="token tag"><span class="token punctuation"><</span>code<span class="token punctuation">></span></span>fa fa-home<span class="token tag"><span class="token punctuation"></</span>code<span class="token punctuation">></span></span>',
),
array(
'id' => 'catcms',
'type' => 'group',
'title' => '新建排行榜（至多4个）',
'max' => 4,
'fields' => array(
array(
'id' => '_title',
'type' => 'text',
'title' => '排行榜标题',
'default' => '',
'desc' => '不设置则自动显示分类名称为标题',
),
array(
'id' => '_icon',
'type' => 'text',
'title' => '图标代码',
'default' => 'fa fa-home',
'desc' => '请使用<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://fontawesome.com/icons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Font Awesome<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>图标，例子<span class="token tag"><span class="token punctuation"><</span>code<span class="token punctuation">></span></span>fa fa-home<span class="token tag"><span class="token punctuation"></</span>code<span class="token punctuation">></span></span>',
),
array(
'id' => '_is_all_cat',
'type' => 'switcher',
'title' => '选择全部分类',
'default' => false,
),
array(
'id' => 'nav_cat_id',
'type' => 'checkbox',
'title' => '参与排行的分类',
'placeholder' => '选择分类',
'chosen' => true,
'multiple' => true,
'inline' => true,
'options' => 'categories',
'dependency' => array('_is_all_cat', '==', 'false'),
),
array(
'id' => '_blank',
'type' => 'switcher',
'title' => '新窗口打开导航链接',
'default' => true,
'dependency' => array('is_cat_nav', '==', 'true'),
),
array(
'id' => 'orderby',
'type' => 'radio',
'title' => '排序方式',
'inline' => true,
'options' => array(
'view' => esc_html__('浏览量', 'rizhuti-v2'),
'date' => esc_html__('日期', 'rizhuti-v2'),
'rand' => esc_html__('随机', 'rizhuti-v2'),
'comment_count' => esc_html__('评论数量', 'rizhuti-v2'),
'id' => esc_html__('文章ID', 'rizhuti-v2'),
),
'default' => 'view',
),
),
),
),
),
),
));
if (!function_exists('rizhuti_v2_module_rank')) {
function rizhuti_v2_module_rank($args, $instance)
{
if (!is_page_template_modular()) {
return false;
} //非模块页面不显示
echo $args['before_widget'];
ob_start();
?>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token operator">!</span><span class="token function">empty</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'home_mode_rank'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'catcms'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">:</span>
<span class="token variable">$post_count</span> <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token keyword keyword-foreach">foreach</span> <span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'home_mode_rank'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'catcms'</span><span class="token punctuation">]</span> <span class="token keyword keyword-as">as</span> <span class="token variable">$k</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token variable">$item</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token single-quoted-string string">'1'</span> <span class="token operator">===</span> <span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_is_all_cat'</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$post_count</span> <span class="token operator">+</span><span class="token operator">=</span> <span class="token function">wp_count_posts</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">publish</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-foreach">foreach</span> <span class="token punctuation">(</span><span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'nav_cat_id'</span><span class="token punctuation">]</span> <span class="token keyword keyword-as">as</span> <span class="token variable">$v</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$post_count</span> <span class="token operator">+</span><span class="token operator">=</span> <span class="token function">get_category</span><span class="token punctuation">(</span><span class="token variable">$v</span><span class="token punctuation">)</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">count</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>h3 <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>section-title section-title1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>i
<span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'home_mode_rank'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_icon'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>i<span class="token punctuation">></span></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'home_mode_rank'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_title'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>h3<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>home-section-ranks<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>h_rank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>section-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ranks-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ranks-bar<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>h4 <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>total<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>榜单合计 <span class="token tag"><span class="token punctuation"><</span>em
<span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>total_num<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$post_count</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>em<span class="token punctuation">></span></span> 篇<span class="token tag"><span class="token punctuation"></</span>h4<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>ul <span class="token attr-name">data-tabs</span><span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">padding-left</span><span class="token punctuation">:</span> <span class="token number">0</span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-foreach">foreach</span> <span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'home_mode_rank'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'catcms'</span><span class="token punctuation">]</span> <span class="token keyword keyword-as">as</span> <span class="token variable">$k</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token variable">$item</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$title</span> <span class="token operator">=</span> <span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_title'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token variable">$icon</span> <span class="token operator">=</span> <span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_icon'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$k</span> <span class="token operator">===</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-echo">echo</span> <span class="token heredoc-string string"><span class="token delimiter symbol"><span class="token punctuation"><<<</span>EOT</span>
<li id="rank-<span class="token interpolation"><span class="token variable">$k</span></span>" class="ranking-post current" data-source="inspiration"><a><i class="<span class="token interpolation"><span class="token variable">$icon</span></span>"></i><span class="token interpolation"><span class="token variable">$title</span></span></a></li>
<span class="token delimiter symbol">EOT<span class="token punctuation">;</span></span></span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-echo">echo</span> <span class="token heredoc-string string"><span class="token delimiter symbol"><span class="token punctuation"><<<</span>EOT</span>
<li id="rank-<span class="token interpolation"><span class="token variable">$k</span></span>" class="ranking-post" data-source="inspiration"><a><i class="<span class="token interpolation"><span class="token variable">$icon</span></span>"></i><span class="token interpolation"><span class="token variable">$title</span></span></a></li>
<span class="token delimiter symbol">EOT<span class="token punctuation">;</span></span></span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span> <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"></</span>ul<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token keyword keyword-echo">echo</span> <span class="token operator"><</span><span class="token operator"><</span><span class="token operator"><</span> <span class="token constant">EOT</span>
<span class="token operator"><</span>script<span class="token operator">></span>
<span class="token keyword keyword-var">var</span> list_rank<span class="token punctuation">;</span>
$<span class="token punctuation">(</span><span class="token keyword keyword-function">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
$<span class="token punctuation">(</span><span class="token double-quoted-string string">"#rank-0,#rank-1,#rank-2,#rank-3"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">click</span><span class="token punctuation">(</span><span class="token keyword keyword-function">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
$<span class="token punctuation">(</span><span class="token double-quoted-string string">"#rank-0,#rank-1,#rank-2,#rank-3"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">removeClass</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'current'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
$<span class="token punctuation">(</span>this<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">addClass</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'current'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
list_rank <span class="token operator">=</span> <span class="token single-quoted-string string">'#list-'</span> <span class="token operator">+</span> $<span class="token punctuation">(</span>this<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">attr</span><span class="token punctuation">(</span><span class="token double-quoted-string string">"id"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
$<span class="token punctuation">(</span><span class="token double-quoted-string string">"#list-rank-0,#list-rank-1,#list-rank-2,#list-rank-3"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">hide</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
$<span class="token punctuation">(</span>list_rank<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">show</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token operator"><</span><span class="token operator">/</span>script<span class="token operator">></span>
<span class="token constant">EOT</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ranks-main<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>rank-results<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-foreach">foreach</span> <span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'home_mode_rank'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'catcms'</span><span class="token punctuation">]</span> <span class="token keyword keyword-as">as</span> <span class="token variable">$k</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token variable">$item</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'orderby'</span><span class="token punctuation">]</span> <span class="token operator">===</span> <span class="token single-quoted-string string">'view'</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$args</span> <span class="token operator">=</span> <span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'ignore_sticky_posts'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token boolean">true</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'post_status'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'publish'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'posts_per_page'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token number">5</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'meta_key'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'_views'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'orderby'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'meta_value_num'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'order'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'DESC'</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token variable">$args</span> <span class="token operator">=</span> <span class="token keyword keyword-array">array</span><span class="token punctuation">(</span>
<span class="token single-quoted-string string">'ignore_sticky_posts'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token boolean">true</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'post_status'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'publish'</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'posts_per_page'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token number">5</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'orderby'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'orderby'</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
<span class="token single-quoted-string string">'order'</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token single-quoted-string string">'DESC'</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_is_all_cat'</span><span class="token punctuation">]</span> <span class="token operator">===</span> <span class="token single-quoted-string string">'0'</span> <span class="token operator">||</span> <span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_is_all_cat'</span><span class="token punctuation">]</span> <span class="token operator">===</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token function">empty</span><span class="token punctuation">(</span><span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'nav_cat_id'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$args</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'category__in'</span><span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token function">md5</span><span class="token punctuation">(</span><span class="token number">123</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token variable">$args</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'category__in'</span><span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token variable">$item</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'nav_cat_id'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token variable">$wp_query</span> <span class="token operator">=</span> <span class="token keyword keyword-new">new</span> <span class="token class-name">WP_Query</span><span class="token punctuation">(</span><span class="token variable">$args</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$i</span> <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$k</span> <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-echo">echo</span> <span class="token single-quoted-string string">'<div class="items" id="list-rank-'</span> <span class="token punctuation">.</span> <span class="token variable">$k</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'">'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-echo">echo</span> <span class="token single-quoted-string string">'<div class="items" id="list-rank-'</span> <span class="token punctuation">.</span> <span class="token variable">$k</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'" style="display: none;">'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword keyword-while">while</span> <span class="token punctuation">(</span><span class="token variable">$wp_query</span><span class="token operator">-</span><span class="token operator">></span><span class="token function">have_posts</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">:</span> <span class="token variable">$wp_query</span><span class="token operator">-</span><span class="token operator">></span><span class="token function">the_post</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-global">global</span> <span class="token variable">$post</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token function">empty</span><span class="token punctuation">(</span><span class="token variable">$sizes</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$thum_arr_px</span> <span class="token operator">=</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'thumb_px'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$_w</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token operator">!</span><span class="token function">empty</span><span class="token punctuation">(</span><span class="token variable">$thum_arr_px</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">?</span> <span class="token punctuation">(</span>int<span class="token punctuation">)</span><span class="token variable">$thum_arr_px</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'width'</span><span class="token punctuation">]</span> <span class="token punctuation">:</span> <span class="token number">300</span><span class="token punctuation">;</span>
<span class="token variable">$_h</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token operator">!</span><span class="token function">empty</span><span class="token punctuation">(</span><span class="token variable">$thum_arr_px</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">?</span> <span class="token punctuation">(</span>int<span class="token punctuation">)</span><span class="token variable">$thum_arr_px</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'height'</span><span class="token punctuation">]</span> <span class="token punctuation">:</span> <span class="token number">200</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token variable">$_w</span> <span class="token operator">=</span> <span class="token punctuation">(</span>int<span class="token punctuation">)</span><span class="token variable">$sizes</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'width'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token variable">$_h</span> <span class="token operator">=</span> <span class="token punctuation">(</span>int<span class="token punctuation">)</span><span class="token variable">$sizes</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'height'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token variable">$modular</span> <span class="token operator">=</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'thumb_type'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$src</span> <span class="token operator">=</span> <span class="token function">_get_post_thumbnail_url</span><span class="token punctuation">(</span><span class="token variable">$post</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$modular</span> <span class="token operator">==</span> <span class="token single-quoted-string string">'php'</span> <span class="token operator">&&</span> <span class="token operator">!</span><span class="token function">_img_is_gif</span><span class="token punctuation">(</span><span class="token variable">$src</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$thumb_url</span> <span class="token operator">=</span> <span class="token function">get_template_directory_uri</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'/timthumb.php?src='</span> <span class="token punctuation">.</span> <span class="token variable">$src</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'&h='</span> <span class="token punctuation">.</span> <span class="token variable">$_h</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'&w='</span> <span class="token punctuation">.</span> <span class="token variable">$_w</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'&zc=1&a=c&q=100&s=1'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-elseif">elseif</span> <span class="token punctuation">(</span><span class="token variable">$modular</span> <span class="token operator">==</span> <span class="token single-quoted-string string">'other'</span> <span class="token operator">&&</span> <span class="token operator">!</span><span class="token function">_img_is_gif</span><span class="token punctuation">(</span><span class="token variable">$src</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$thumbnail_other</span> <span class="token operator">=</span> <span class="token function">_cao</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'thumbnail_other'</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$thumb_url</span> <span class="token operator">=</span> <span class="token variable">$src</span> <span class="token punctuation">.</span> <span class="token variable">$thumbnail_other</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token variable">$thumb_url</span> <span class="token operator">=</span> <span class="token variable">$src</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token variable">$categoriy</span> <span class="token operator">=</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">;</span>
<span class="token variable">$categories</span> <span class="token operator">=</span> <span class="token function">get_the_category</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-foreach">foreach</span> <span class="token punctuation">(</span><span class="token variable">$categories</span> <span class="token keyword keyword-as">as</span> <span class="token variable">$k</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token variable">$v</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$k</span> <span class="token operator">></span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword keyword-break">break</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$k</span> <span class="token operator">===</span> <span class="token number">1</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$categoriy</span> <span class="token punctuation">.</span><span class="token operator">=</span> <span class="token single-quoted-string string">' | '</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'<a href="'</span> <span class="token punctuation">.</span> <span class="token function">get_category_link</span><span class="token punctuation">(</span><span class="token variable">$v</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">term_id</span><span class="token punctuation">)</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'">'</span> <span class="token punctuation">.</span> <span class="token variable">$v</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">name</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'</a>'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token variable">$categoriy</span> <span class="token punctuation">.</span><span class="token operator">=</span> <span class="token single-quoted-string string">'<a href="'</span> <span class="token punctuation">.</span> <span class="token function">get_category_link</span><span class="token punctuation">(</span><span class="token variable">$v</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">term_id</span><span class="token punctuation">)</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'">'</span> <span class="token punctuation">.</span> <span class="token variable">$v</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">name</span> <span class="token punctuation">.</span> <span class="token single-quoted-string string">'</a>'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token variable">$author</span> <span class="token operator">=</span> <span class="token function">get_the_author_posts_link</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$i</span><span class="token operator">++</span><span class="token punctuation">;</span>
<span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item-num num-<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$i</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>span
<span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>num<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$i</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item-thumb<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token function">the_permalink</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>i
<span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>thumb <span class="token punctuation">"</span></span><span class="token style-attr language-css"><span class="token attr-name">
style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url">url(<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$thumb_url</span> <span class="token delimiter important">?></span></span>)</span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>i<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item-title<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token function">the_permalink</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span> <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token function">the_title</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item-cat<span class="token punctuation">"</span></span><span class="token style-attr language-css"><span class="token attr-name"> style</span><span class="token punctuation">="</span><span class="token attr-value"><span class="token property">text-align</span><span class="token punctuation">:</span> center</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$categoriy</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item-author<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$author</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item-views<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>un-hover<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>em<span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token function">_get_post_views</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>em<span class="token punctuation">></span></span> 观众<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-endwhile">endwhile</span><span class="token punctuation">;</span>
<span class="token keyword keyword-echo">echo</span> <span class="token single-quoted-string string">'</div>'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-endif">endif</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token keyword keyword-echo">echo</span> <span class="token function">ob_get_clean</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-echo">echo</span> @<span class="token variable">$args</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'after_widget'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</span>
最后进入 后台 – 外观 – 自定义 – 额外CSS 添加下面的代码:
<span class="token comment">/*排行榜*/</span>
<span class="token selector"><span class="token class">.rizhuti_v2-widget-rank</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.ranks-main</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">620</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.ranks-main</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">650</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.reds-count-widget</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title1</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">50</span>px <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-title1</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">18</span>px <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.ranks-main</span> <span class="token class">.thumb</span>,
<span class="token class">.home-slide</span> <span class="token class">.thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> <span class="token number">66.7%</span><span class="token punctuation">;</span>
<span class="token property">background-position</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span>
<span class="token property">-webkit-background-size</span><span class="token punctuation">:</span> cover<span class="token punctuation">;</span>
<span class="token property">background-size</span><span class="token punctuation">:</span> cover<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-slide</span> li a </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">100%</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-slide</span> li <span class="token class">.thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">-webkit-background-size</span><span class="token punctuation">:</span> contain<span class="token punctuation">;</span>
<span class="token property">background-size</span><span class="token punctuation">:</span> <span class="token number">1000</span>px <span class="token number">610</span>px<span class="token punctuation">;</span>
<span class="token property">background-position</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">1300</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> auto
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-slide</span> li <span class="token class">.thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">background-position</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.flex</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> -webkit-box<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> -moz-box<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> -ms-flexbox<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> -webkit-flex<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
<span class="token property">-webkit-box-pack</span><span class="token punctuation">:</span> justify<span class="token punctuation">;</span>
<span class="token property">-webkit-justify-content</span><span class="token punctuation">:</span> space-between<span class="token punctuation">;</span>
<span class="token property">-moz-box-pack</span><span class="token punctuation">:</span> justify<span class="token punctuation">;</span>
<span class="token property">-ms-flex-pack</span><span class="token punctuation">:</span> justify<span class="token punctuation">;</span>
<span class="token property">justify-content</span><span class="token punctuation">:</span> space-between
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.h-mark</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.h-mark</span><span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">""</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, left top, left bottom, <span class="token function">from</span><span class="token punctuation">(</span><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.01</span><span class="token punctuation">)</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token hexcode">#000</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.01</span><span class="token punctuation">)</span>, <span class="token hexcode">#000</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.01</span><span class="token punctuation">)</span> <span class="token number">0</span>, <span class="token hexcode">#000</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">180</span>deg, <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.01</span><span class="token punctuation">)</span>, <span class="token hexcode">#000</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.h-mark</span><span class="token pseudo-class">:hover</span><span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> visible<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">.3</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.h-scale</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.h-scale</span>,
<span class="token class">.h-scale</span> <span class="token class">.thumb</span>,
<span class="token class">.h-scale</span> img </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.h-scale</span><span class="token pseudo-class">:hover</span> <span class="token class">.thumb</span>,
<span class="token class">.h-scale</span><span class="token pseudo-class">:hover</span> img </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">scale</span><span class="token punctuation">(</span><span class="token number">1.1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-ms-transform</span><span class="token punctuation">:</span> <span class="token function">scale</span><span class="token punctuation">(</span><span class="token number">1.1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">scale</span><span class="token punctuation">(</span><span class="token number">1.1</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.animated</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-animation-duration</span><span class="token punctuation">:</span> <span class="token number">1</span>s<span class="token punctuation">;</span>
<span class="token property">animation-duration</span><span class="token punctuation">:</span> <span class="token number">1</span>s<span class="token punctuation">;</span>
<span class="token property">-webkit-animation-fill-mode</span><span class="token punctuation">:</span> both<span class="token punctuation">;</span>
<span class="token property">animation-fill-mode</span><span class="token punctuation">:</span> both
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.animate-spin</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-animation</span><span class="token punctuation">:</span> spin <span class="token number">2</span>s linear infinite<span class="token punctuation">;</span>
<span class="token property">animation</span><span class="token punctuation">:</span> spin <span class="token number">2</span>s linear infinite<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@-webkit-keyframes</span> spin</span> <span class="token punctuation">{</span>
<span class="token selector">0% </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">0</span>deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">0</span>deg<span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector">to </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">359</span>deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">359</span>deg<span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@keyframes</span> spin</span> <span class="token punctuation">{</span>
<span class="token selector">0% </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">0</span>deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">0</span>deg<span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector">to </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">359</span>deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">359</span>deg<span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@-webkit-keyframes</span> flash</span> <span class="token punctuation">{</span>
<span class="token selector">0%,
to </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token selector">50% </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@keyframes</span> flash</span> <span class="token punctuation">{</span>
<span class="token selector">0%,
to </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token selector">50% </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.flash</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-animation-name</span><span class="token punctuation">:</span> flash<span class="token punctuation">;</span>
<span class="token property">animation-name</span><span class="token punctuation">:</span> flash
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@-webkit-keyframes</span> fadeIn</span> <span class="token punctuation">{</span>
<span class="token selector">0% </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector">to </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@keyframes</span> fadeIn</span> <span class="token punctuation">{</span>
<span class="token selector">0% </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector">to </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.fadeIn</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-animation-name</span><span class="token punctuation">:</span> fadeIn<span class="token punctuation">;</span>
<span class="token property">animation-name</span><span class="token punctuation">:</span> fadeIn
<span class="token punctuation">}</span>
<span class="token selector">li,
ul </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token comment">/**
body, dd, dl, dt, h1, h2, h3, h4, h5, h6, li, ul {
margin: 0;
padding: 0
}
div, h1, h2, h3, h4, h5, h6, ul {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
li, ol, ul {
list-style: none
}
img {
max-width: 100%;
height: auto
}
a {
color: #262626
}
a:hover {
color: #3385ff
}
button, input, textarea {
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
letter-spacing: .5px;
outline: none
}
@media (min-width: 1024px) {
body {
padding-top: 0
}
}
body.hideScroll {
height: 100%;
overflow: hidden
}
@media (max-width: 767px) {
body.home {
padding-top: 24px
}
}*/</span>
<span class="token selector"><span class="token attribute">[class*=" icon-"]</span><span class="token pseudo-element">:before</span>,
<span class="token attribute">[class^=icon-]</span><span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.clearfix</span> </span><span class="token punctuation">{</span>
*<span class="token property">zoom</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.clearfix</span><span class="token pseudo-element">:after</span>,
<span class="token class">.clearfix</span><span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">""</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">clear</span><span class="token punctuation">:</span> both
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.fl</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.fr</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> right
<span class="token punctuation">}</span>
<span class="token selector">img,
input </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">outline-style</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> middle
<span class="token punctuation">}</span>
<span class="token selector">a,
a<span class="token pseudo-class">:active</span>,
a<span class="token pseudo-class">:visited</span> </span><span class="token punctuation">{</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.thumb</span>,
a,
a<span class="token pseudo-class">:active</span>,
a<span class="token pseudo-class">:visited</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.bl</span> </span><span class="token punctuation">{</span>
<span class="token property">border-bottom</span><span class="token punctuation">:</span> <span class="token number">1</span>px solid <span class="token hexcode">#f3f3f3</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.show</span> </span><span class="token punctuation">{</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> visible<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.hide</span>,
<span class="token class">.show</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.hide</span> </span><span class="token punctuation">{</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.hidden</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none <span class="token important">!important</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.nav-inline</span> li </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.content-loading</span> </span><span class="token punctuation">{</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">60</span>px <span class="token number">0</span> <span class="token number">80</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ccc</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">13</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.content-loading</span> <span class="token class">.loading-icon</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> middle<span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">1</span>em
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.clr_orange</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ff7300</span><span class="token punctuation">;</span>
<span class="token property">font-style</span><span class="token punctuation">:</span> normal
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.img-zoom</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> -webkit-zoom-in<span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> -moz-zoom-in<span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> zoom-in<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.img-zoom</span> img </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> auto
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.img-zoom</span> <span class="token class">.thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.img-zoom</span> <span class="token class">.thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.img-zoom</span> img </span><span class="token punctuation">{</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.img-zoom.zoom_in</span>,
<span class="token class">.img-zoom</span> img </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.img-zoom.zoom_in</span> </span><span class="token punctuation">{</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> -webkit-zoom-out<span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> -moz-zoom-out<span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> zoom-out<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> visible<span class="token punctuation">;</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">25</span><span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.img-zoom.zoom_in</span> <span class="token class">.thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">background-position</span><span class="token punctuation">:</span> top<span class="token punctuation">;</span>
<span class="token property">-webkit-background-size</span><span class="token punctuation">:</span> auto auto<span class="token punctuation">;</span>
<span class="token property">background-size</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.img-zoom.zoom_in</span> img </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> visible<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">translate</span><span class="token punctuation">(</span>-<span class="token number">50%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-ms-transform</span><span class="token punctuation">:</span> <span class="token function">translate</span><span class="token punctuation">(</span>-<span class="token number">50%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">translate</span><span class="token punctuation">(</span>-<span class="token number">50%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">letter-spacing</span><span class="token punctuation">:</span> <span class="token number">1.2</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.slide_loading</span> </span><span class="token punctuation">{</span>
<span class="token property">background-position</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> ul </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">bottom</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> ul li </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> ul li<span class="token class">.current</span> </span><span class="token punctuation">{</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">2</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> ul li<span class="token class">.finish</span>,
<span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> ul li<span class="token class">.ready</span> </span><span class="token punctuation">{</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> ul li a </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> ul li img </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> auto<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">max-width</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> ul li h3 </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">bottom</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">text-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">1</span>px <span class="token number">3</span>px <span class="token hexcode">#525252</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token function">hsla</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0%</span>, <span class="token number">100%</span>, <span class="token number">0</span><span class="token punctuation">)</span>, <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.3</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token function">hsla</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0%</span>, <span class="token number">100%</span>, <span class="token number">0</span><span class="token punctuation">)</span>, <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.3</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, left top, left bottom, <span class="token function">from</span><span class="token punctuation">(</span><span class="token function">hsla</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0%</span>, <span class="token number">100%</span>, <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.3</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span>top, <span class="token function">hsla</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0%</span>, <span class="token number">100%</span>, <span class="token number">0</span><span class="token punctuation">)</span>, <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.3</span><span class="token punctuation">)</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.vitara_slide</span> ul li h3 <span class="token class">.label</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#525252</span><span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">text-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">1</span>px <span class="token number">1</span>px <span class="token hexcode">#eee</span><span class="token punctuation">;</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">1</span>px <span class="token number">1</span>px <span class="token hexcode">#666</span><span class="token punctuation">;</span>
<span class="token property">-moz-box-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">1</span>px <span class="token number">1</span>px <span class="token hexcode">#666</span><span class="token punctuation">;</span>
<span class="token property">-webkit-box-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">1</span>px <span class="token number">1</span>px <span class="token hexcode">#666</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.slide_btn</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.slide_btn</span> i </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">20</span>px <span class="token number">5</span>px<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#999</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.1</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.slide_btn</span> i<span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"\e815"</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.slide_btn</span> i<span class="token class">.icon-left</span><span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">180</span>deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-ms-transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">180</span>deg<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">rotate</span><span class="token punctuation">(</span><span class="token number">180</span>deg<span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.slide_btn</span><span class="token pseudo-class">:hover</span> i </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.3</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.slide_prev</span> </span><span class="token punctuation">{</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.slide_next</span> </span><span class="token punctuation">{</span>
<span class="token property">right</span><span class="token punctuation">:</span> -<span class="token number">.5</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">bottom</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">2</span><span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">15</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> </span><span class="token punctuation">{</span>
<span class="token property">right</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">200</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> ul </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> li </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">8</span>px<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">8</span>px<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">hsla</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0%</span>, <span class="token number">100%</span>, <span class="token number">.5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">0</span> <span class="token number">5</span>px <span class="token number">5</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">10</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> li <span class="token class">.num</span>,
<span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> li <span class="token class">.sign</span>,
<span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> li img,
<span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> li span </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> li<span class="token class">.current</span>,
<span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> li<span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.vitara_slide_in</span> <span class="token class">.extra</span> li<span class="token class">.current</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">8</span>px<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">18</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">10</span><span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">110</span>px<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">260</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">20</span>px <span class="token number">40</span>px <span class="token number">20</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">55</span>, <span class="token number">55</span>, <span class="token number">55</span>, <span class="token number">.5</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">390</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.li</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">4</span>px <span class="token number">4</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">4</span>px <span class="token number">4</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">8</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.li.show</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">hsla</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0%</span>, <span class="token number">100%</span>, <span class="token number">.1</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.li.show</span> <span class="token class">.menu</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.li.show</span> <span class="token class">.sub</span> </span><span class="token punctuation">{</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> visible<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">96%</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.li</span><span class="token pseudo-class">:first-child</span> <span class="token class">.menu</span> i </span><span class="token punctuation">{</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, left top, left bottom, <span class="token function">from</span><span class="token punctuation">(</span><span class="token hexcode">#0075ce</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token hexcode">#46bbfe</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token hexcode">#0075ce</span>, <span class="token hexcode">#46bbfe</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token hexcode">#0075ce</span> <span class="token number">0</span>, <span class="token hexcode">#46bbfe</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">180</span>deg, <span class="token hexcode">#0075ce</span>, <span class="token hexcode">#46bbfe</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.li</span><span class="token pseudo-class">:nth-child(2)</span> <span class="token class">.menu</span> i </span><span class="token punctuation">{</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, left top, left bottom, <span class="token function">from</span><span class="token punctuation">(</span><span class="token hexcode">#ff6b01</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token hexcode">#ffa15f</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token hexcode">#ff6b01</span>, <span class="token hexcode">#ffa15f</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token hexcode">#ff6b01</span> <span class="token number">0</span>, <span class="token hexcode">#ffa15f</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">180</span>deg, <span class="token hexcode">#ff6b01</span>, <span class="token hexcode">#ffa15f</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.li</span><span class="token pseudo-class">:nth-child(3)</span> <span class="token class">.menu</span> i </span><span class="token punctuation">{</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, left top, left bottom, <span class="token function">from</span><span class="token punctuation">(</span><span class="token hexcode">#8803ff</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token hexcode">#c17bff</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token hexcode">#8803ff</span>, <span class="token hexcode">#c17bff</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token hexcode">#8803ff</span> <span class="token number">0</span>, <span class="token hexcode">#c17bff</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">180</span>deg, <span class="token hexcode">#8803ff</span>, <span class="token hexcode">#c17bff</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.li</span><span class="token pseudo-class">:nth-child(4)</span> <span class="token class">.menu</span> i </span><span class="token punctuation">{</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, left top, left bottom, <span class="token function">from</span><span class="token punctuation">(</span><span class="token hexcode">#676fb6</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token hexcode">#8d99fd</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token hexcode">#676fb6</span>, <span class="token hexcode">#8d99fd</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>top, <span class="token hexcode">#676fb6</span> <span class="token number">0</span>, <span class="token hexcode">#8d99fd</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">180</span>deg, <span class="token hexcode">#676fb6</span>, <span class="token hexcode">#8d99fd</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.menu</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">10</span>px <span class="token number">10</span>px <span class="token number">10</span>px <span class="token number">40</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">hsla</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0%</span>, <span class="token number">100%</span>, <span class="token number">.8</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.menu</span> i </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> top<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">.08</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">32</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">110%</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">bottom</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">35</span>px <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px <span class="token number">0</span> <span class="token number">0</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px <span class="token number">0</span> <span class="token number">0</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.2</span>s<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">visibility</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">430</span>px<span class="token punctuation">;</span>
<span class="token property">overflow-y</span><span class="token punctuation">:</span> auto
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> h2 </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#000</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">18</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> -<span class="token number">12</span>px <span class="token number">18</span>px<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">24</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> a </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">245</span>, <span class="token number">245</span>, <span class="token number">248</span>, <span class="token number">.97</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">15</span>px <span class="token number">20</span>px <span class="token number">12</span>px <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> a<span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> a<span class="token pseudo-class">:hover</span> <span class="token class">.desc</span>,
<span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> a<span class="token pseudo-class">:hover</span> <span class="token class">.icon-023</span>,
<span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> a<span class="token pseudo-class">:hover</span> <span class="token class">.icon-024</span>,
<span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> a<span class="token pseudo-class">:hover</span> <span class="token class">.ithumb</span>,
<span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> a<span class="token pseudo-class">:hover</span> <span class="token class">.tit</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> <span class="token class">.ithumb</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">18</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> <span class="token class">.tit</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3c3c3c</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">1.5</span>em<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> <span class="token class">.tit</span> <span class="token class">.icon-023</span>,
<span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> <span class="token class">.tit</span> <span class="token class">.icon-024</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ffa300</span><span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> bottom<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> <span class="token class">.tit</span> <span class="token class">.icon-024</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ff2c58</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-1</span> <span class="token class">.sub-item</span> <span class="token class">.desc</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#bdbdbd</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">1.5</span>em<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-2</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> -<span class="token number">10</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-2</span> <span class="token class">.item</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">33.3333%</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">-moz-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-2</span> <span class="token class">.item</span> a </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f7fafa</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">36</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#878990</span><span class="token punctuation">;</span>
<span class="token property">white-space</span><span class="token punctuation">:</span> nowrap<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">36</span>px<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-2</span> <span class="token class">.item</span> a em </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">18</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">18</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">18</span>px<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#9199a1</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">5</span>px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">font-style</span><span class="token punctuation">:</span> normal
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-2</span> <span class="token class">.item</span> a<span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-first-menus</span> <span class="token class">.main-menus</span> <span class="token class">.sub</span> <span class="token class">.sub-menus-2</span> <span class="token class">.item</span> a<span class="token pseudo-class">:hover</span> em </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">767</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.container</span> </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> </span><span class="token punctuation">{</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> a </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#525252</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">20</span>px <span class="token number">0</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">-webkit-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">-moz-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> a </span><span class="token punctuation">{</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">22</span>px <span class="token number">10</span>px <span class="token number">30</span>px <span class="token number">50</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> a </span><span class="token punctuation">{</span>
<span class="token property">padding-right</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding-left</span><span class="token punctuation">:</span> <span class="token number">88</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> a<span class="token pseudo-class">:hover</span> <span class="token class">.icon-inspiration-nav-1</span><span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"\e82c"</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> a<span class="token pseudo-class">:hover</span> <span class="token class">.icon-tool-nav-1</span><span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"\e82a"</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> a<span class="token pseudo-class">:hover</span> <span class="token class">.icon-course-nav-1</span><span class="token pseudo-element">:before</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"\e82e"</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> ul </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> -<span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">25%</span><span class="token punctuation">;</span>
<span class="token property">-webkit-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">-moz-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">14</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li h3 </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">13</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">10</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#43484d</span><span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li h3 </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">18</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">700</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li h3 <span class="token class">.go</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">2</span>px <span class="token number">2</span>px <span class="token number">2</span>px <span class="token number">5</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">text-transform</span><span class="token punctuation">:</span> uppercase<span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> top
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li h3 <span class="token class">.go</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li h3 <span class="token class">.go</span> i </span><span class="token punctuation">{</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> middle<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> -<span class="token number">2</span>px <span class="token number">3</span>px <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li p </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">13</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#9a9a9a</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li p </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li <span class="token class">.item-thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">28</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li <span class="token class">.item-thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">5</span>px<span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">40</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li <span class="token class">.item-thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">40</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li<span class="token class">.li_4</span> <span class="token class">.item</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f3f8ff</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.3</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.3</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.3</span>s<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li<span class="token class">.li_4</span> <span class="token class">.item</span> <span class="token class">.item-thumb</span>,
<span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li<span class="token class">.li_4</span> <span class="token class">.item</span> h3 </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li<span class="token class">.li_4</span> <span class="token class">.item</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> all <span class="token number">.3</span>s<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> all <span class="token number">.3</span>s<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> all <span class="token number">.3</span>s<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li<span class="token class">.li_4</span> <span class="token class">.item</span><span class="token pseudo-class">:hover</span> h3,
<span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li<span class="token class">.li_4</span> <span class="token class">.item</span><span class="token pseudo-class">:hover</span> i,
<span class="token class">.home-section-division</span> <span class="token class">.home-division</span> li<span class="token class">.li_4</span> <span class="token class">.item</span><span class="token pseudo-class">:hover</span> p </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#eaeef100</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">30</span>px <span class="token number">0</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.section-title</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">22</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.section-content</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> -<span class="token number">15</span>px
<span class="token punctuation">}</span>
<span class="token comment">/**@media (min-width: 768px) {
.home-section-ranks .section-content {
margin: 0
}
}*/</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">30</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">padding-left</span><span class="token punctuation">:</span> <span class="token number">304</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">30</span>px <span class="token number">50</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">767</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">15</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">767</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">20</span>px <span class="token number">0</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">20</span>px <span class="token number">30</span>px <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span><span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">20</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">45</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">80</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">60</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">120</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-title</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">float</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-title</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token comment">/*margin-right: 60px*/</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-title</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">140</span>px<span class="token punctuation">;</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">15</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span>,
<span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-cat</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">15</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-cat</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">160</span>px<span class="token punctuation">;</span>
<span class="token comment">/*margin-right: 40px*/</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">120</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.un-hover</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> -<span class="token number">21</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.hover</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span>,
<span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-cat</span>,
<span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">1.5</span>em
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span>,
<span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span>,
<span class="token class">.home-section-ranks</span> <span class="token class">.ranks-content</span> <span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> </span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#feae18</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url">url(https://z3.ax1x.com/2021/07/17/W1BicR.png)</span><span class="token punctuation">;</span>
<span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span>
<span class="token property">background-position</span><span class="token punctuation">:</span> <span class="token number">100%</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">-webkit-background-size</span><span class="token punctuation">:</span> <span class="token number">20%</span> <span class="token number">20%</span><span class="token punctuation">;</span>
<span class="token property">background-size</span><span class="token punctuation">:</span> <span class="token number">20%</span><span class="token punctuation">;</span>
<span class="token property">-webkit-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">-moz-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">15</span>px <span class="token number">15</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">40</span>px <span class="token number">20</span>px <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">40</span>px <span class="token number">0</span> <span class="token number">0</span> <span class="token number">44</span>px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">304</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">-webkit-background-size</span><span class="token punctuation">:</span> <span class="token number">100%</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">background-size</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">background-position</span><span class="token punctuation">:</span> bottom
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> <span class="token class">.total</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">15</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> <span class="token class">.total</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">28</span>px<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">21</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> <span class="token class">.total</span> <span class="token class">.total_num</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">font-style</span><span class="token punctuation">:</span> normal
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul li </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul li </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul a </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">10</span>px <span class="token number">18</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">-moz-box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px <span class="token number">4</span>px <span class="token number">0</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px <span class="token number">4</span>px <span class="token number">0</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul a </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">20</span>px <span class="token number">24</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul a </span><span class="token punctuation">{</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px <span class="token number">0</span> <span class="token number">0</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px <span class="token number">0</span> <span class="token number">0</span> <span class="token number">4</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul a i </span><span class="token punctuation">{</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">20</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul a i,
<span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul a span </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul a i,
<span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul a span </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-section-ranks</span> <span class="token class">.ranks-bar</span> ul <span class="token class">.current</span> a </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#feae18</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> -<span class="token number">15</span>px <span class="token number">30</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">20</span>px <span class="token number">50</span>px <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">0</span> <span class="token number">30</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.rank-total</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#adafb8</span><span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.rank-total</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3c3c3c</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.rank-total</span> em </span><span class="token punctuation">{</span>
<span class="token property">font-style</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> -<span class="token number">50</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> </span><span class="token punctuation">{</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">15</span>px <span class="token number">50</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> </span><span class="token punctuation">{</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> <span class="token number">40</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f8fbff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span><span class="token pseudo-class">:hover</span> <span class="token class">.item-views</span> <span class="token class">.un-hover</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span><span class="token pseudo-class">:hover</span> <span class="token class">.item-views</span> <span class="token class">.hover</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span><span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">""</span><span class="token punctuation">;</span>
<span class="token property">clear</span><span class="token punctuation">:</span> both<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">border-bottom</span><span class="token punctuation">:</span> <span class="token number">1</span>px dashed <span class="token hexcode">#f6f6f6</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span><span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">40</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span><span class="token pseudo-class">:last-child</span><span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>
<span class="token property">border-bottom</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item.author-item</span> <span class="token class">.item-num</span> </span><span class="token punctuation">{</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">90</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">45</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">80</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">70</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">106</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num</span> <span class="token class">.num</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> middle<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#ededed</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#b3b3b3</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> ArialMT, Arial<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num.num-1</span> <span class="token class">.num</span>,
<span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num.num-2</span> <span class="token class">.num</span>,
<span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num.num-3</span> <span class="token class">.num</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">36</span>px<span class="token punctuation">;</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> <span class="token number">7</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">28</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span>
<span class="token property">background-position</span><span class="token punctuation">:</span> bottom<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num.num-1</span> <span class="token class">.num</span> </span><span class="token punctuation">{</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url">url(https://z3.ax1x.com/2021/07/17/W1BYE8.png)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num.num-2</span> <span class="token class">.num</span> </span><span class="token punctuation">{</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url">url(https://z3.ax1x.com/2021/07/17/W1BN4g.png)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-num.num-3</span> <span class="token class">.num</span> </span><span class="token punctuation">{</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url">url(https://z3.ax1x.com/2021/07/17/W1Bwgs.png)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">120</span>px<span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">15</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">160</span>px<span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">30</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-thumb</span> <span class="token class">.thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> <span class="token number">66.6875%</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-thumb</span> <span class="token class">.thumb</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">.8</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-title</span> </span><span class="token punctuation">{</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">float</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">180</span>px<span class="token punctuation">;</span>
<span class="token property">max-height</span><span class="token punctuation">:</span> <span class="token number">3</span>em
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-title</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">60</span>px<span class="token punctuation">;</span>
<span class="token property">float</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">22</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-title</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">100</span>px<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">290</span>px<span class="token punctuation">;</span>
<span class="token property">float</span><span class="token punctuation">:</span> left
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span>,
<span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-cat</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">white-space</span><span class="token punctuation">:</span> nowrap
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span>,
<span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-cat</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">3</span>em<span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">30</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span>,
<span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-cat</span> </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">150</span>px<span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span> a,
<span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-cat</span> a </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#a5a8b1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span> a<span class="token pseudo-class">:hover</span>,
<span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-cat</span> a<span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#a5a8b1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.un-hover</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">30</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.un-hover</span> em </span><span class="token punctuation">{</span>
<span class="token property">font-style</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ff7300</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.hover</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.hover</span> <span class="token class">.btn</span> </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">42</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">42</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.hover</span> <span class="token class">.btn-blue</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">15</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.hover</span> <span class="token class">.btn-blue</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.hover</span> <span class="token class">.fav</span> </span><span class="token punctuation">{</span>
<span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">1</span>px solid <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.hover</span> <span class="token class">.fav</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> <span class="token class">.hover</span> <span class="token class">.fav</span> em </span><span class="token punctuation">{</span>
<span class="token property">font-style</span><span class="token punctuation">:</span> normal
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-avatar</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">90</span>px<span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">10</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-avatar</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">30</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-avatar</span> <span class="token class">.thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">100%</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">150</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">190</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">500</span>px<span class="token punctuation">;</span>
<span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">150</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user</span> <span class="token class">.user-name</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">18</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">15</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user</span> h3 </span><span class="token punctuation">{</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#8f8f8f</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">5</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user</span> h3 a </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#8f8f8f</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user</span> h3 a<span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user-count</span> </span><span class="token punctuation">{</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100</span>px<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user-count</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user-count</span> span </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#a5a8b1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user-count</span> strong </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">24</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#a5a8b1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user-views</span> </span><span class="token punctuation">{</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">190</span>px<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1330</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user-views</span> </span><span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user-views</span> span </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#a5a8b1</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-user-views</span> strong </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">24</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ff7300</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span>,
<span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-author</span>,
<span class="token class">.rank-results</span> <span class="token class">.items</span> <span class="token class">.item</span> <span class="token class">.item-views</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-more</span> </span><span class="token punctuation">{</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">30</span>px
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-more</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-more</span> <span class="token class">.btn</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f7f7f7</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#9e9e9e</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">white-space</span><span class="token punctuation">:</span> nowrap
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-more</span> <span class="token class">.btn</span> </span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, left top, right top, <span class="token function">from</span><span class="token punctuation">(</span><span class="token hexcode">#006eff</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>left, <span class="token hexcode">#006eff</span>, <span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>left, <span class="token hexcode">#006eff</span> <span class="token number">0</span>, <span class="token hexcode">#13adff</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">90</span>deg, <span class="token hexcode">#006eff</span>, <span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-webkit-box-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">5</span>px <span class="token number">10</span>px <span class="token number">0</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">16</span>, <span class="token number">110</span>, <span class="token number">253</span>, <span class="token number">.3</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">5</span>px <span class="token number">10</span>px <span class="token number">0</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">16</span>, <span class="token number">110</span>, <span class="token number">253</span>, <span class="token number">.3</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-more</span> <span class="token class">.btn</span> i </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> top<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-more</span> <span class="token class">.btn</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, right top, left top, <span class="token function">from</span><span class="token punctuation">(</span><span class="token hexcode">#006eff</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>right, <span class="token hexcode">#006eff</span>, <span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>right, <span class="token hexcode">#006eff</span> <span class="token number">0</span>, <span class="token hexcode">#13adff</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">270</span>deg, <span class="token hexcode">#006eff</span>, <span class="token hexcode">#13adff</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token attribute">[role=tablist]</span> </span><span class="token punctuation">{</span>
<span class="token property">border-bottom</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token attribute">[role=tab]</span><span class="token attribute">[aria-selected=true]</span> </span><span class="token punctuation">{</span>
<span class="token property">outline</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#feae18</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token attribute">[role=tab]</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#feae18</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token pseudo-class">:focus</span> </span><span class="token punctuation">{</span>
<span class="token property">outline</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token attribute">[role=tablist]</span> </span><span class="token punctuation">{</span>
<span class="token property">border-bottom</span><span class="token punctuation">:</span> <span class="token number">1</span>px solid <span class="token hexcode">#d3d3d3</span><span class="token punctuation">;</span>
<span class="token property">list-style</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token attribute">[role=tablist]</span> * </span><span class="token punctuation">{</span>
<span class="token property">box-sizing</span><span class="token punctuation">:</span> border-box
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">30</span>em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token attribute">[role=tablist]</span> li </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token attribute">[role=tab]</span> </span><span class="token punctuation">{</span>
<span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">border-top-color</span><span class="token punctuation">:</span> <span class="token hexcode">#d3d3d3</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">.5</span>em <span class="token number">1</span>em<span class="token punctuation">;</span>
<span class="token property">text-decoration</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">30</span>em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token attribute">[role=tab]</span> </span><span class="token punctuation">{</span>
<span class="token property">border-top-color</span><span class="token punctuation">:</span> transparent<span class="token punctuation">;</span>
<span class="token property">border-top-left-radius</span><span class="token punctuation">:</span> <span class="token number">.5</span>em<span class="token punctuation">;</span>
<span class="token property">border-top-right-radius</span><span class="token punctuation">:</span> <span class="token number">.5</span>em<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> -<span class="token number">1</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token attribute">[role=tab]</span><span class="token attribute">[aria-selected=true]</span> </span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#d3d3d3</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">30</span>em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token attribute">[role=tab]</span><span class="token attribute">[aria-selected=true]</span> </span><span class="token punctuation">{</span>
<span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">1</span>px solid <span class="token hexcode">#d3d3d3</span><span class="token punctuation">;</span>
<span class="token property">border-bottom-color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token attribute">[role=tab]</span><span class="token pseudo-class">:hover</span><span class="token pseudo-class">:not([aria-selected=true])</span> </span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#f7f7f7</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">30</span>em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token attribute">[role=tab]</span><span class="token pseudo-class">:hover</span><span class="token pseudo-class">:not([aria-selected=true])</span> </span><span class="token punctuation">{</span>
<span class="token property">border</span><span class="token punctuation">:</span> <span class="token number">1</span>px solid <span class="token hexcode">#d3d3d3</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token attribute">[hidden]</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-title</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">36</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> strong </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> -<span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3c3c3c</span><span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-title</span> strong </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">30</span>px <span class="token number">0</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">500</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">13</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> text-bottom
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> a </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">28</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">28</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">9</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">8</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#8f8f8f</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> a </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">3</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> a<span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> a<span class="token class">.current</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">border-color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.more</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">translateY</span><span class="token punctuation">(</span>-<span class="token number">50%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-ms-transform</span><span class="token punctuation">:</span> <span class="token function">translateY</span><span class="token punctuation">(</span>-<span class="token number">50%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">translateY</span><span class="token punctuation">(</span>-<span class="token number">50%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#adafb8</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.more</span> em </span><span class="token punctuation">{</span>
<span class="token property">font-style</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.more</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.do_header_fixed.do_header_fixed_show</span> <span class="token class">.header</span> </span><span class="token punctuation">{</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">translateY</span><span class="token punctuation">(</span><span class="token number">0</span>px<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">translateY</span><span class="token punctuation">(</span><span class="token number">0</span>px<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.nav-opacity</span> <span class="token class">.site-navbar</span> <span class="token class">.sub-menu</span> ul </span><span class="token punctuation">{</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.nav-opacity</span> <span class="token class">.site-navbar</span> <span class="token class">.sub-menu</span> li a </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#000</span> <span class="token important">!important</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.nav-opacity</span> <span class="token class">.site-navbar</span>>ul>li>a </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.nav-opacity</span> <span class="token class">.wel-navs</span> <span class="token class">.search-btn</span> i,
<span class="token class">.nav-opacity</span> <span class="token class">.site-navbar</span>>ul>li>a,
<span class="token class">.nav-opacity</span> <span class="token class">.wel-navs</span> <span class="token class">.avatar_a</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ffffff</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.nav-opacity</span> <span class="token class">.site-navbar</span> li<span class="token class">.has-sub-menu</span>>a<span class="token pseudo-element">::after</span> </span><span class="token punctuation">{</span>
<span class="token property">border-top</span><span class="token punctuation">:</span> <span class="token number">4</span>px solid <span class="token hexcode">#ffffff</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">767</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-slide</span> li <span class="token class">.thumb</span> </span><span class="token punctuation">{</span>
<span class="token property">background-size</span><span class="token punctuation">:</span> contain<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-slider2.pt-5</span> </span><span class="token punctuation">{</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> <span class="token number">0</span>rem <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-more</span> </span><span class="token punctuation">{</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> <span class="token number">1</span>ex<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">padding-bottom</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-more</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">0</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-more</span> <span class="token class">.btn</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f7f7f7</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-box-shadow</span><span class="token punctuation">:</span> unset<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#9e9e9e</span><span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">white-space</span><span class="token punctuation">:</span> nowrap
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-more</span> <span class="token class">.btn</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ffffff</span><span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, left top, right top, <span class="token function">from</span><span class="token punctuation">(</span><span class="token hexcode">#006eff</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>left, <span class="token hexcode">#006eff</span>, <span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>left, <span class="token hexcode">#006eff</span> <span class="token number">0</span>, <span class="token hexcode">#13adff</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">90</span>deg, <span class="token hexcode">#006eff</span>, <span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-webkit-box-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">5</span>px <span class="token number">10</span>px <span class="token number">0</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">16</span>, <span class="token number">110</span>, <span class="token number">253</span>, <span class="token number">.3</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">5</span>px <span class="token number">10</span>px <span class="token number">0</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">16</span>, <span class="token number">110</span>, <span class="token number">253</span>, <span class="token number">.3</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-more</span> <span class="token class">.btn</span> i </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> top<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">50</span>px<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-more</span> <span class="token class">.btn</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-gradient</span><span class="token punctuation">(</span>linear, right top, left top, <span class="token function">from</span><span class="token punctuation">(</span><span class="token hexcode">#006eff</span><span class="token punctuation">)</span>, <span class="token function">to</span><span class="token punctuation">(</span><span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-webkit-linear-gradient</span><span class="token punctuation">(</span>right, <span class="token hexcode">#006eff</span>, <span class="token hexcode">#13adff</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">-o-linear-gradient</span><span class="token punctuation">(</span>right, <span class="token hexcode">#006eff</span> <span class="token number">0</span>, <span class="token hexcode">#13adff</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">270</span>deg, <span class="token hexcode">#006eff</span>, <span class="token hexcode">#13adff</span><span class="token punctuation">)</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-title</span> </span><span class="token punctuation">{</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">36</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> strong </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f5f9fc</span><span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> -<span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3c3c3c</span><span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-title</span> strong </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">30</span>px <span class="token number">0</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span><span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span>, <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">500</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">13</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> text-bottom
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">768</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> a </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">28</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">28</span>px<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">9</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">8</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">15</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#8f8f8f</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transition</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">-o-transition</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> none
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">1024</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> a </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token property">-webkit-border-radius</span><span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">3</span>px
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> a<span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.sub</span> a<span class="token class">.current</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span><span class="token punctuation">;</span>
<span class="token property">border-color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.more</span> </span><span class="token punctuation">{</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">right</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">50%</span><span class="token punctuation">;</span>
<span class="token property">-webkit-transform</span><span class="token punctuation">:</span> <span class="token function">translateY</span><span class="token punctuation">(</span>-<span class="token number">50%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">-ms-transform</span><span class="token punctuation">:</span> <span class="token function">translateY</span><span class="token punctuation">(</span>-<span class="token number">50%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">translateY</span><span class="token punctuation">(</span>-<span class="token number">50%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">14</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">400</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#adafb8</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.more</span> em </span><span class="token punctuation">{</span>
<span class="token property">font-style</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.section-title</span> <span class="token class">.more</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#3385ff</span>
<span class="token punctuation">}</span>
<span class="token comment">/*排行榜结束*/</span>
[/reply]
六、网站统计小工具
[reply]
利用宝塔或则FTP打开/rizhuti-v2/inc/options下的widget-options.php文件放入以下代码在第2行下面:
/**
* 网站统计
*/
CSF::createWidget('rizhuti_v2_module_count', array(
'title' => esc_html__('RI-首页模块 : 网站统计', 'rizhuti-v2'),
'classname' => 'rizhuti_v2-widget-parallax reds-count-widget',
'description' => esc_html__('Displays a 网站统计模块.', 'rizhuti-v2'),
'fields' => array(
array(
'id' => 'image',
'type' => 'upload',
'title' => esc_html__('背景图', 'rizhuti-v2'),
'default' => get_template_directory_uri() . '/assets/img/top-bg.jpg',
),
array(
'id' => 'is_text',
'type' => 'switcher',
'title' => esc_html__('显示内容介绍', 'rizhuti-v2'),
'default' => true,
'sanitize' => false,
),
array(
'id' => 'is_button',
'type' => 'switcher',
'title' => esc_html__('显示按钮', 'rizhuti-v2'),
'default' => true,
'sanitize' => false,
),
array(
'id' => 'text',
'type' => 'text',
'title' => esc_html__('内容介绍', 'rizhuti-v2'),
'default' => esc_html__('内容介绍', 'rizhuti-v2'),
'dependency' => array('is_text', '==', 'true'),
'sanitize' => false,
),
array(
'id' => 'button_one',
'type' => 'fieldset',
'title' => '按钮一',
'dependency' => array('is_button', '==', 'true'),
'fields' => array(
array(
'id' => '_title',
'type' => 'text',
'title' => '标题',
'default' => '开通VIP',
),
array(
'id' => '_link',
'type' => 'text',
'title' => '链接',
'default' => '/user?action=vip',
),
),
),
array(
'id' => 'button_two',
'type' => 'fieldset',
'title' => '按钮二',
'dependency' => array('is_button', '==', 'true'),
'fields' => array(
array(
'id' => '_title',
'type' => 'text',
'title' => '标题',
'default' => '资源推荐',
),
array(
'id' => '_link',
'type' => 'text',
'title' => '链接',
'default' => '#',
),
),
),
array(
'id' => 'user_count',
'type' => 'fieldset',
'title' => '会员总数统计',
'fields' => array(
array(
'id' => '_count',
'type' => 'text',
'title' => '数量',
'desc' => '留空调用系统数据',
'default' => '',
),
array(
'id' => '_color',
'type' => 'color',
'title' => '悬浮颜色',
'default' => '#ec2546',
),
array(
'id' => '_icon',
'type' => 'text',
'title' => '图标',
'default' => 'fa fa-home',
'desc' => '请使用<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://fontawesome.com/icons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Font Awesome<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>图标，例子<span class="token tag"><span class="token punctuation"><</span>code<span class="token punctuation">></span></span>fa fa-home<span class="token tag"><span class="token punctuation"></</span>code<span class="token punctuation">></span></span>',
),
),
),
array(
'id' => 'post_count',
'type' => 'fieldset',
'title' => '资源总数统计',
'fields' => array(
array(
'id' => '_count',
'type' => 'text',
'title' => '数量',
'desc' => '留空调用系统数据',
'default' => '',
),
array(
'id' => '_color',
'type' => 'color',
'title' => '悬浮颜色',
'default' => '#ec2546',
),
array(
'id' => '_icon',
'type' => 'text',
'title' => '图标',
'default' => 'fa fa-home',
'desc' => '请使用<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://fontawesome.com/icons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Font Awesome<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>图标，例子<span class="token tag"><span class="token punctuation"><</span>code<span class="token punctuation">></span></span>fa fa-home<span class="token tag"><span class="token punctuation"></</span>code<span class="token punctuation">></span></span>',
),
),
),
array(
'id' => 'post_count_for_week',
'type' => 'fieldset',
'title' => '本周发布统计',
'fields' => array(
array(
'id' => '_count',
'type' => 'text',
'title' => '数量',
'desc' => '留空调用系统数据',
'default' => '',
),
array(
'id' => '_color',
'type' => 'color',
'title' => '悬浮颜色',
'default' => '#ec2546',
),
array(
'id' => '_icon',
'type' => 'text',
'title' => '图标',
'default' => 'fa fa-home',
'desc' => '请使用<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://fontawesome.com/icons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Font Awesome<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>图标，例子<span class="token tag"><span class="token punctuation"><</span>code<span class="token punctuation">></span></span>fa fa-home<span class="token tag"><span class="token punctuation"></</span>code<span class="token punctuation">></span></span>',
),
),
),
array(
'id' => 'post_count_for_day',
'type' => 'fieldset',
'title' => '今日发布统计',
'fields' => array(
array(
'id' => '_count',
'type' => 'text',
'title' => '数量',
'desc' => '留空调用系统数据',
'default' => '',
),
array(
'id' => '_color',
'type' => 'color',
'title' => '悬浮颜色',
'default' => '#ec2546',
),
array(
'id' => '_icon',
'type' => 'text',
'title' => '图标',
'default' => 'fa fa-home',
'desc' => '请使用<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://fontawesome.com/icons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Font Awesome<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>图标，例子<span class="token tag"><span class="token punctuation"><</span>code<span class="token punctuation">></span></span>fa fa-home<span class="token tag"><span class="token punctuation"></</span>code<span class="token punctuation">></span></span>',
),
),
),
array(
'id' => 'run_date',
'type' => 'fieldset',
'title' => '稳定运行时长统计',
'fields' => array(
array(
'id' => '_count',
'type' => 'date',
'title' => '数量',
'desc' => '设置一个起始时间，系统将自动计算经过的天数',
'default' => '12/1/2020',
),
array(
'id' => '_color',
'type' => 'color',
'title' => '悬浮颜色',
'default' => '#ec2546',
),
array(
'id' => '_icon',
'type' => 'text',
'title' => '图标',
'default' => 'fa fa-home',
'desc' => '请使用<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://fontawesome.com/icons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Font Awesome<span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>图标，例子<span class="token tag"><span class="token punctuation"><</span>code<span class="token punctuation">></span></span>fa fa-home<span class="token tag"><span class="token punctuation"></</span>code<span class="token punctuation">></span></span>',
),
),
),
),
));
if (!function_exists('rizhuti_v2_module_count')) {
function rizhuti_v2_module_count($args, $instance)
{
if (!is_page_template_modular()) {
return false;
} //非模块页面不显示
echo $args['before_widget'];
ob_start(); ?>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>module parallax<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token operator">!</span><span class="token function">empty</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'image'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">:</span> <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>img <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>jarallax-img lazyload<span class="token punctuation">"</span></span> <span class="token attr-name">data-src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token function">esc_url</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'image'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span>
<span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==<span class="token punctuation">"</span></span>
<span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token function">esc_attr</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'title'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-endif">endif</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'text'</span><span class="token punctuation">]</span> <span class="token operator">!=</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">)</span><span class="token punctuation">:</span> <span class="token delimiter important">?></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token variable">$users</span> <span class="token operator">=</span> <span class="token function">wp_list_authors</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'echo=0&exclude_admin=0&hide_empty=0&optioncount=1&style=0'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$users</span> <span class="token operator">=</span> <span class="token function">explode</span><span class="token punctuation">(</span><span class="token single-quoted-string string">','</span><span class="token punctuation">,</span> <span class="token variable">$users</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>div <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mobanweb<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>ul <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>data-items<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>i <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mdi <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'user_count'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_icon'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>i<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>strong
<span class="token attr-name">data-count</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>97596<span class="token punctuation">"</span></span>
<span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>active<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'user_count'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_count'</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token punctuation">:</span> <span class="token function">count</span><span class="token punctuation">(</span><span class="token variable">$users</span><span class="token punctuation">)</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>strong<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span>会员总数(位)<span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>i <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mdi <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'post_count'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_icon'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>i<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>strong
<span class="token attr-name">data-count</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>34774<span class="token punctuation">"</span></span>
<span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>active<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'post_count'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_count'</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token punctuation">:</span> <span class="token function">wp_count_posts</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">publish</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>strong<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span>资源总数(个)<span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>i <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mdi <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'post_count_for_week'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_icon'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>i<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>strong
<span class="token attr-name">data-count</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>841940<span class="token punctuation">"</span></span>
<span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>active<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'post_count_for_week'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_count'</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token punctuation">:</span> <span class="token function">ft_get_posts_count_from_this_week</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>strong<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span>本周发布(个)<span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>i <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mdi <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'post_count_for_day'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_icon'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>i<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>strong
<span class="token attr-name">data-count</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2377<span class="token punctuation">"</span></span>
<span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>active<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'post_count_for_day'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_count'</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token punctuation">:</span> <span class="token function">ft_get_posts_count_from_today</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>strong<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span>今日发布(个)<span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>li<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>i <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mdi <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'run_date'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_icon'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"></</span>i<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>strong
<span class="token attr-name">data-count</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>7082<span class="token punctuation">"</span></span>
<span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>active<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token punctuation">(</span>int<span class="token punctuation">)</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token function">time</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> <span class="token function">strtotime</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'run_date'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_count'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">/</span> <span class="token number">86400</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>strong<span class="token punctuation">></span></span><span class="token tag"><span class="token punctuation"><</span>span<span class="token punctuation">></span></span>稳定运行(天)<span class="token tag"><span class="token punctuation"></</span>span<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>li<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>ul<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-if">if</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'is_text'</span><span class="token punctuation">]</span> <span class="token operator">===</span> <span class="token keyword keyword-null">null</span> <span class="token operator">?</span> <span class="token boolean">true</span> <span class="token punctuation">:</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'is_text'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">:</span><span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>h4 <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>entry-title<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'text'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>h4<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-endif">endif</span><span class="token punctuation">;</span><span class="token delimiter important">?></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-if">if</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'is_button'</span><span class="token punctuation">]</span> <span class="token operator">===</span> <span class="token keyword keyword-null">null</span> <span class="token operator">?</span> <span class="token boolean">true</span> <span class="token punctuation">:</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'is_button'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">:</span><span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>button<span class="token punctuation">"</span></span>
<span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'button_one'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_link'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'button_one'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_title'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>a <span class="token attr-name">target</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_blank<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>button transparent<span class="token punctuation">"</span></span>
<span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'button_two'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_link'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'button_two'</span><span class="token punctuation">]</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'_title'</span><span class="token punctuation">]</span> <span class="token delimiter important">?></span></span><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-endif">endif</span><span class="token punctuation">;</span><span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-endif">endif</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token operator">!</span><span class="token function">empty</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'link'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">:</span> <span class="token delimiter important">?></span></span>
<a class="u-permalink"
href="<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token function">esc_url</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'link'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span>"<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-echo">echo</span> <span class="token function">esc_attr</span><span class="token punctuation">(</span><span class="token variable">$instance</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'new_tab'</span><span class="token punctuation">]</span> <span class="token operator">?</span> <span class="token single-quoted-string string">' target="_blank"'</span> <span class="token punctuation">:</span> <span class="token single-quoted-string string">''</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span>><span class="token tag"><span class="token punctuation"></</span>a<span class="token punctuation">></span></span>
<span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword keyword-endif">endif</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"></</span>div<span class="token punctuation">></span></span> <span class="token php language-php"><span class="token delimiter important"><?php</span>
<span class="token keyword keyword-echo">echo</span> <span class="token function">ob_get_clean</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-echo">echo</span> <span class="token variable">$args</span><span class="token punctuation">[</span><span class="token single-quoted-string string">'after_widget'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</span>
随后把这行代码放在主题的functions.php文件最底部即可
<span class="token comment">/**
* 统计模块需要用到的东西
*/</span>
<span class="token keyword keyword-function">function</span> <span class="token function">ft_get_posts_count_from_this_week</span><span class="token punctuation">(</span><span class="token variable">$post_type</span> <span class="token operator">=</span> <span class="token single-quoted-string string">'post'</span><span class="token punctuation">)</span>
<span class="token punctuation">{</span>
<span class="token keyword keyword-global">global</span> <span class="token variable">$wpdb</span><span class="token punctuation">;</span>
<span class="token variable">$week</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'w'</span><span class="token punctuation">,</span> <span class="token function">time</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token variable">$week</span> <span class="token operator">==</span> <span class="token number">0</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$week</span> <span class="token operator">=</span> <span class="token number">6</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span> <span class="token keyword keyword-else">else</span> <span class="token punctuation">{</span>
<span class="token variable">$week</span> <span class="token operator">=</span> <span class="token variable">$week</span> <span class="token operator">-</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token variable">$numposts</span> <span class="token operator">=</span> <span class="token variable">$wpdb</span><span class="token operator">-</span><span class="token operator">></span><span class="token function">get_var</span><span class="token punctuation">(</span>
<span class="token double-quoted-string string">"SELECT COUNT(ID) "</span> <span class="token punctuation">.</span>
<span class="token double-quoted-string string">"FROM <span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$wpdb</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">posts</span><span class="token punctuation">}</span></span> "</span> <span class="token punctuation">.</span>
<span class="token double-quoted-string string">"WHERE post_status='publish' "</span> <span class="token punctuation">.</span>
<span class="token double-quoted-string string">"AND post_type= '"</span> <span class="token punctuation">.</span> <span class="token variable">$post_type</span> <span class="token punctuation">.</span> <span class="token double-quoted-string string">"' "</span> <span class="token punctuation">.</span>
<span class="token double-quoted-string string">"AND post_date > '"</span> <span class="token punctuation">.</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token single-quoted-string string">'Y-m-d H:i:s'</span><span class="token punctuation">,</span> <span class="token function">strtotime</span><span class="token punctuation">(</span><span class="token function">date</span><span class="token punctuation">(</span>'Y<span class="token operator">-</span>m<span class="token operator">-</span>d<span class="token single-quoted-string string">', time() - $week * 86400))) . "'</span><span class="token double-quoted-string string">",
);
if (empty(<span class="token interpolation"><span class="token variable">$numposts</span></span>)) {
<span class="token interpolation"><span class="token variable">$numposts</span></span> = 0;
}
return <span class="token interpolation"><span class="token variable">$numposts</span></span>;
}
function ft_get_posts_count_from_today(<span class="token interpolation"><span class="token variable">$post_type</span></span> = 'post')
{
global <span class="token interpolation"><span class="token variable">$wpdb</span></span>;
<span class="token interpolation"><span class="token variable">$numposts</span></span> = <span class="token interpolation"><span class="token variable">$wpdb</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">get_var</span></span>(
"</span><span class="token constant">SELECT</span> <span class="token function">COUNT</span><span class="token punctuation">(</span><span class="token constant">ID</span><span class="token punctuation">)</span> <span class="token double-quoted-string string">" .
"</span><span class="token constant">FROM</span> <span class="token punctuation">{</span><span class="token variable">$wpdb</span><span class="token operator">-</span><span class="token operator">></span><span class="token property">posts</span><span class="token punctuation">}</span> <span class="token double-quoted-string string">" .
"</span><span class="token constant">WHERE</span> post_status<span class="token operator">=</span><span class="token single-quoted-string string">'publish'</span> <span class="token double-quoted-string string">" .
"</span><span class="token keyword keyword-AND">AND</span> post_type<span class="token operator">=</span> <span class="token single-quoted-string string">'" . $post_type . "'</span> <span class="token double-quoted-string string">" .
"</span><span class="token keyword keyword-AND">AND</span> <span class="token function">DATE_FORMAT</span><span class="token punctuation">(</span>post_date<span class="token punctuation">,</span> <span class="token single-quoted-string string">'%Y-%m-%d'</span><span class="token punctuation">)</span> <span class="token operator">=</span> <span class="token single-quoted-string string">'" . date('</span>Y<span class="token operator">-</span>m<span class="token operator">-</span>d<span class="token single-quoted-string string">', time()) . "'</span>"<span class="token punctuation">,</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword keyword-if">if</span> <span class="token punctuation">(</span><span class="token function">empty</span><span class="token punctuation">(</span><span class="token variable">$numposts</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token variable">$numposts</span> <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token keyword keyword-return">return</span> <span class="token variable">$numposts</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
最后进入 后台 – 外观 – 自定义 – 额外CSS 添加下面的代码
<span class="token comment">/*统计模块*/</span>
<span class="token selector"><span class="token class">.module.parallax</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
<span class="token property">min-height</span><span class="token punctuation">:</span> <span class="token number">220</span>px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> img </span><span class="token punctuation">{</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">113%</span><span class="token punctuation">;</span>
<span class="token property">left</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">-o-object-fit</span><span class="token punctuation">:</span> cover<span class="token punctuation">;</span>
<span class="token property">object-fit</span><span class="token punctuation">:</span> cover<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">top</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.container</span> </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
<span class="token property">padding-bottom</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.entry-title</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">22</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">500</span><span class="token punctuation">;</span>
<span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.button</span>,
<span class="token class">.module.parallax</span> input<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> button<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-previous</span> a,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-next</span> a </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">30</span>px <span class="token number">5</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">60</span><span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#34495e</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">767</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.module.parallax</span> </span><span class="token punctuation">{</span>
<span class="token property">min-height</span><span class="token punctuation">:</span> <span class="token number">250</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.entry-title</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.button</span>,
<span class="token class">.module.parallax</span> input<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> button<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-previous</span> a,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-next</span> a </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">100%</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.button</span>+<span class="token class">.button</span>,
<span class="token class">.module.parallax</span> input<span class="token attribute">[type="submit"]</span>+input<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> button<span class="token attribute">[type="submit"]</span>+button<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-previous</span> a+<span class="token class">.navigation</span> <span class="token class">.nav-previous</span> a,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-next</span> a+<span class="token class">.navigation</span> <span class="token class">.nav-next</span> a </span><span class="token punctuation">{</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> <span class="token class">.data-items</span> </span><span class="token punctuation">{</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">min-height</span><span class="token punctuation">:</span> <span class="token number">85</span>px<span class="token punctuation">;</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">30</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> li </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">vertical-align</span><span class="token punctuation">:</span> top<span class="token punctuation">;</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">200</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> li i </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">25</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> <span class="token number">0.3</span>s<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">18</span>px<span class="token punctuation">;</span>
<span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> li strong </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">48</span>px<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">36</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> <span class="token number">0.3</span>s<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">500</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> li span </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">12</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> <span class="token number">0.3</span>s<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> li strong<span class="token pseudo-element">::after</span> </span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">'+'</span><span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">18</span>px<span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">padding-left</span><span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">transition</span><span class="token punctuation">:</span> <span class="token number">0.3</span>s<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> li strong<span class="token class">.active</span><span class="token pseudo-element">::after</span> </span><span class="token punctuation">{</span>
<span class="token property">opacity</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> li<span class="token pseudo-class">:hover</span> i </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#ec2546</span><span class="token punctuation">;</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">translate</span><span class="token punctuation">(</span><span class="token number">0</span>, -<span class="token number">3</span>px<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">text-shadow</span><span class="token punctuation">:</span> <span class="token number">3</span>px <span class="token number">5</span>px <span class="token number">10</span>px <span class="token hexcode">#1716166b</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> li<span class="token pseudo-class">:hover</span> strong </span><span class="token punctuation">{</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">translate</span><span class="token punctuation">(</span><span class="token number">0</span>, -<span class="token number">3</span>px<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">text-shadow</span><span class="token punctuation">:</span> <span class="token number">3</span>px <span class="token number">5</span>px <span class="token number">10</span>px <span class="token hexcode">#1716166b</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.mobanweb</span> li<span class="token pseudo-class">:hover</span> span </span><span class="token punctuation">{</span>
<span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">translate</span><span class="token punctuation">(</span><span class="token number">0</span>, -<span class="token number">3</span>px<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">text-shadow</span><span class="token punctuation">:</span> <span class="token number">3</span>px <span class="token number">5</span>px <span class="token number">10</span>px <span class="token hexcode">#1716166b</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.container</span> </span><span class="token punctuation">{</span>
<span class="token property">padding-top</span><span class="token punctuation">:</span> <span class="token number">1</span>px<span class="token punctuation">;</span>
<span class="token property">padding-bottom</span><span class="token punctuation">:</span> <span class="token number">38</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">a<span class="token class">.button.transparent.go_pay_vip_box</span> </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#1e1e1e</span><span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span><span class="token number">50</span>deg, <span class="token hexcode">#FFAB00</span> <span class="token number">0</span>, <span class="token hexcode">#fff800</span> <span class="token number">100%</span><span class="token punctuation">)</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span> <span class="token number">4</span>px <span class="token number">3</span>px <span class="token number">16</span>px <span class="token number">0</span>px <span class="token hexcode">#ffc1072e</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.footer-widget</span> <span class="token class">.widget--newsletter</span> button </span><span class="token punctuation">{</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#0056ff</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.button</span>,
<span class="token class">.module.parallax</span> input<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> button<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-previous</span> a,
<span class="token class">.navigation</span> <span class="token class">.nav-next</span> a </span><span class="token punctuation">{</span>
<span class="token property">border</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">4</span>px<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#fff</span><span class="token punctuation">;</span>
<span class="token property">cursor</span><span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span>
<span class="token property">font-family</span><span class="token punctuation">:</span> Lato, sans-serif<span class="token punctuation">;</span>
<span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">11</span>px<span class="token punctuation">;</span>
<span class="token property">font-weight</span><span class="token punctuation">:</span> <span class="token number">500</span><span class="token punctuation">;</span>
<span class="token property">letter-spacing</span><span class="token punctuation">:</span> <span class="token number">1</span>px<span class="token punctuation">;</span>
<span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token property">outline</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">12</span>px <span class="token number">20</span>px<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#34495e</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.button</span>,
<span class="token class">.module.parallax</span> input<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> button<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-previous</span> a,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-next</span> a </span><span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">30</span>px <span class="token number">5</span>px <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
<span class="token property">z-index</span><span class="token punctuation">:</span> <span class="token number">60</span><span class="token punctuation">;</span>
<span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token hexcode">#34495e</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.button</span>,
input<span class="token attribute">[type="submit"]</span> </span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span>-<span class="token number">125</span>deg, <span class="token hexcode">#0295f9</span> <span class="token number">0%</span>, <span class="token hexcode">#2f49fd</span> <span class="token number">100%</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">box-shadow</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">3</span>px <span class="token number">10</span>px -<span class="token number">1</span>px <span class="token hexcode">#2c63ff</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#FFF</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.module.parallax</span> <span class="token class">.button</span>,
<span class="token class">.module.parallax</span> input<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> button<span class="token attribute">[type="submit"]</span>,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-previous</span> a,
<span class="token class">.module.parallax</span> <span class="token class">.navigation</span> <span class="token class">.nav-next</span> a </span><span class="token punctuation">{</span>
<span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">200</span>px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">max-width</span><span class="token punctuation">:</span> <span class="token number">767</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.module.parallax</span> </span><span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token comment">/*统计模块结束*/</span>
<span class="token comment">/*首页横幅*/</span>
<span class="token atrule"><span class="token rule">@media</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> <span class="token number">992</span>px<span class="token punctuation">)</span></span> <span class="token punctuation">{</span>
<span class="token selector"><span class="token class">.home-slider2</span>><span class="token class">.container</span>><span class="token class">.row</span> <span class="token class">.col-lg-9</span> </span><span class="token punctuation">{</span>
<span class="token property">padding-left</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector"><span class="token class">.home-slider2</span>><span class="token class">.container</span>><span class="token class">.row</span> <span class="token class">.col-lg-3</span> </span><span class="token punctuation">{</span>
<span class="token property">padding-right</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
[/reply]
