<?php
include('../e/class/connect.php');
require('../e/class/db_sql.php');
$link=db_connect();
$empire=new mysqlquery();
 function matchChinese($chars,$encoding='utf8'){
    $pattern =($encoding=='utf8')?'/[\x{4e00}-\x{9fff}]+/u':'/[\x80-\xFF]/';
    preg_match_all($pattern,$chars,$result);
    return join('',$result[0]);
}

$where='';
$and=' where ';
$a='';
$and='';
$p=(int)$_GET['p'];
$f=(int)$_GET['f'];
$w=(int)$_GET['w'];
$name=RepPostVar($_GET['name']);
$name=matchChinese($name);
$name = mb_substr($name, 0, 1, 'utf-8');
$p=$p?$p:'1';
if(!$p||$p=='1'){
	$pname='高清';
}else{
	$pname='矢量';
}
if($p=='1'){
	if($name)
	{
		$and=$a?' and ':'';
		$a.=$and."picname='$name'";
	}
   if($w){
		$dsql = $empire->query("select id from {$dbtbpre}ecmsphp_dict where wid='$w' order by id asc");
		$ids=array();
		while($r = $empire->fetch($dsql)){
				$ids[]=$r[id];
		 }
		$ids = join(',',$ids);
		$ids= $ids?$ids:0;
		$and=$a?' and ':'';
		$a.=$and.'did in('.$ids.')';
	}
	if($f){
		$dsql = $empire->query("select id from {$dbtbpre}ecmsphp_dict where fid='$f' order by id asc");
		$ids=array();
		while($r = $empire->fetch($dsql)){
				$ids[]=$r[id];
		 }
		$ids = join(',',$ids);
		$ids= $ids?$ids:0;
		$and=$a?' and ':'';
		$a.=$and.'did in('.$ids.')';
	}
	if($a)
	{
		$where.=" where ".$a;
		$sql=$empire->query("select * from {$dbtbpre}ecmsphp_dict_data $where order by id desc");
	}
}
$name_num=$empire->gettotal("select count(*) as total from {$dbtbpre}ecmsphp_dict_data where picname='$name'");
if($name_num||$p=='2'&&$name){
	$r=$empire->fetch1("select id from {$dbtbpre}ecmsphp_dict_search where name='$name' and pid='$p' limit 1");
	$time=time();
	if($r[id]){
		$empire->query("update {$dbtbpre}ecmsphp_dict_search set addtime='$time',pid='$p' where id='$r[id]'");
	}else{
		$empire->query("insert into {$dbtbpre}ecmsphp_dict_search(id,name,pid,addtime) values('null','$name','$p','$time');");
	}
}
$w_name=$empire->fetch1("select name from {$dbtbpre}ecmsphp_dict_writer where id='$w' limit 1");
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title><?=$w_name[name]?>书法字典</title>
    <link href="/e/ecmsphp/shufadict/css/style.css" rel="stylesheet">
    <style data-jss="" data-meta="MuiPaper">.MuiPaper-root { color: rgba(0, 0, 0, 0.87); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: #fff; } .MuiPaper-rounded { border-radius: 4px; } .MuiPaper-outlined { border: 1px solid rgba(0, 0, 0, 0.12); } .MuiPaper-elevation0 { box-shadow: none; } .MuiPaper-elevation1 { box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation2 { box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation3 { box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12); }  .MuiPaper-elevation5 { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation6 { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation7 { box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12); } .MuiPaper-elevation8 { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } .MuiPaper-elevation9 { box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12); } .MuiPaper-elevation10 { box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12); } .MuiPaper-elevation11 { box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12); } .MuiPaper-elevation12 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12); } .MuiPaper-elevation13 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12); } .MuiPaper-elevation14 { box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12); } .MuiPaper-elevation15 { box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12); } .MuiPaper-elevation16 { box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12); } .MuiPaper-elevation17 { box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12); } .MuiPaper-elevation18 { box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12); } .MuiPaper-elevation19 { box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12); } .MuiPaper-elevation20 { box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12); } .MuiPaper-elevation21 { box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12); } .MuiPaper-elevation22 { box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12); } .MuiPaper-elevation23 { box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12); } .MuiPaper-elevation24 { box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); }</style>
    <style data-jss="" data-meta="PrivateTabIndicator">.jss147 { width: 100%; bottom: 0; height: 2px; position: absolute; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss148 { background-color: #555555; } .jss149 { background-color: #555555; } .jss150 { right: 0; width: 2px; height: 100%; }</style>
    <style data-jss="" data-meta="MuiSvgIcon">.MuiSvgIcon-root { fill: currentColor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; } .MuiSvgIcon-colorPrimary { color: #555555; } .MuiSvgIcon-colorSecondary { color: #555555; } .MuiSvgIcon-colorAction { color: rgba(0, 0, 0, 0.54); } .MuiSvgIcon-colorError { color: #f44336; } .MuiSvgIcon-colorDisabled { color: rgba(0, 0, 0, 0.26); } .MuiSvgIcon-fontSizeInherit { font-size: inherit; } .MuiSvgIcon-fontSizeSmall { font-size: 1.25rem; } .MuiSvgIcon-fontSizeLarge { font-size: 2.1875rem; }</style>
    <style data-jss="" data-meta="MuiTouchRipple">.MuiTouchRipple-root { top: 0; left: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; position: absolute; border-radius: inherit; pointer-events: none; } .MuiTouchRipple-ripple { opacity: 0; position: absolute; } .MuiTouchRipple-rippleVisible { opacity: 0.3; animation: MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1); transform: scale(1); } .MuiTouchRipple-ripplePulsate { animation-duration: 200ms; } .MuiTouchRipple-child { width: 100%; height: 100%; display: block; opacity: 1; border-radius: 50%; background-color: currentColor; } .MuiTouchRipple-childLeaving { opacity: 0; animation: MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1); } .MuiTouchRipple-childPulsate { top: 0; left: 0; position: absolute; animation: MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite; } @-webkit-keyframes MuiTouchRipple-keyframes-enter { 0% { opacity: 0.1; transform: scale(0); } 100% { opacity: 0.3; transform: scale(1); } } @-webkit-keyframes MuiTouchRipple-keyframes-exit { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes MuiTouchRipple-keyframes-pulsate { 0% { transform: scale(1); } 50% { transform: scale(0.92); } 100% { transform: scale(1); } }</style>
    <style data-jss="" data-meta="MuiButtonBase">.MuiButtonBase-root { color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } .MuiButtonBase-root::-moz-focus-inner { border-style: none; } .MuiButtonBase-root.Mui-disabled { cursor: default; pointer-events: none; }</style>
    <style data-jss="" data-meta="MuiTabs">.MuiTabs-root { display: flex; overflow: hidden; min-height: 48px; -webkit-overflow-scrolling: touch; } .MuiTabs-vertical { flex-direction: column; } .MuiTabs-flexContainer { display: flex; } .MuiTabs-flexContainerVertical { flex-direction: column; } .MuiTabs-centered { justify-content: center; } .MuiTabs-scroller { flex: 1 1 auto; display: inline-block; position: relative; white-space: nowrap; } .MuiTabs-fixed { width: 100%; overflow-x: hidden; } .MuiTabs-scrollable { overflow-x: scroll; scrollbar-width: none; } .MuiTabs-scrollable::-webkit-scrollbar { display: none; } @media (max-width:599.95px) { .MuiTabs-scrollButtonsDesktop { display: none; } }</style>
    <style data-jss="" data-meta="MuiTab">.MuiTab-root { color: blue; padding: 6px 9px; overflow: hidden; position: relative; font-size: 1rem; max-width: 52px; box-sizing: border-box; min-height: 48px; text-align: center; flex-shrink: 0; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; line-height: 1.75; white-space: normal; letter-spacing: 0.02857em; text-transform: uppercase; } @media (min-width:600px) { .MuiTab-root { font-size: 0.8125rem; min-width: 160px; } } .MuiTab-labelIcon { min-height: 72px; padding-top: 9px; } .MuiTab-labelIcon .MuiTab-wrapper > *:first-child { margin-bottom: 6px; } .MuiTab-textColorInherit { color: inherit; opacity: 0.7; } .MuiTab-textColorInherit.Mui-selected { opacity: 1; } .MuiTab-textColorInherit.Mui-disabled { opacity: 0.5; } .MuiTab-textColorPrimary { color: rgba(0, 0, 0, 0.54); } .MuiTab-textColorPrimary.Mui-selected { border-bottom: 2px solid #555555;} .MuiTab-textColorPrimary.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .MuiTab-textColorSecondary { color: rgba(0, 0, 0, 0.54); } .MuiTab-textColorSecondary.Mui-selected { color: #555555; } .MuiTab-textColorSecondary.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .MuiTab-fullWidth { flex-grow: 1; max-width: none; flex-basis: 0; flex-shrink: 1; } .MuiTab-wrapped { font-size: 0.75rem; line-height: 1.5; } .MuiTab-wrapper { width: 100%; display: inline-flex; align-items: center; flex-direction: column; justify-content: center; }</style>
    <style data-jss="" data-meta="makeStyles">.jss125 { flex-grow: 1; background-color: #fff; }</style>
    <style data-jss="" data-meta="MuiBackdrop">.MuiBackdrop-root { top: 0; left: 0; right: 0; bottom: 0; display: flex; z-index: -1; position: fixed; align-items: center; touch-action: none; justify-content: center; background-color: rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: transparent; } .MuiBackdrop-invisible { background-color: transparent; }</style>
    <style data-jss="" data-meta="MuiCircularProgress">.MuiCircularProgress-root { display: inline-block; } .MuiCircularProgress-static { transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiCircularProgress-indeterminate { animation: MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite; } .MuiCircularProgress-colorPrimary { color: #555555; } .MuiCircularProgress-colorSecondary { color: #555555; } .MuiCircularProgress-svg { display: block; } .MuiCircularProgress-circle { stroke: currentColor; } .MuiCircularProgress-circleStatic { transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiCircularProgress-circleIndeterminate { animation: MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite; stroke-dasharray: 80px, 200px; stroke-dashoffset: 0px; } @-webkit-keyframes MuiCircularProgress-keyframes-circular-rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes MuiCircularProgress-keyframes-circular-dash { 0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0px; } 50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; } 100% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -125px; } } .MuiCircularProgress-circleDisableShrink { animation: none; }</style>
    <style data-jss="" data-meta="makeStyles">.jss6 { z-index: 1000; }</style>
    <style data-jss="" data-meta="MuiTypography">.MuiTypography-root { margin: 0; } .MuiTypography-body2 { font-size: 0.875rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.43; letter-spacing: 0.01071em; } .MuiTypography-body1 { font-size: 1rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.5; letter-spacing: 0.00938em; } .MuiTypography-caption { font-size: 0.75rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.66; letter-spacing: 0.03333em; } .MuiTypography-button { font-size: 0.875rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; } .MuiTypography-h1 { font-size: 6rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 300; line-height: 1.167; letter-spacing: -0.01562em; } .MuiTypography-h2 { font-size: 3.75rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 300; line-height: 1.2; letter-spacing: -0.00833em; } .MuiTypography-h3 { font-size: 3rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.167; letter-spacing: 0em; } .MuiTypography-h4 { font-size: 2.125rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.235; letter-spacing: 0.00735em; } .MuiTypography-h5 { font-size: 1.5rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.334; letter-spacing: 0em; } .MuiTypography-h6 { font-size: 1.25rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; line-height: 1.6; letter-spacing: 0.0075em; } .MuiTypography-subtitle1 { font-size: 1rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 1.75; letter-spacing: 0.00938em; } .MuiTypography-subtitle2 { font-size: 0.875rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; line-height: 1.57; letter-spacing: 0.00714em; } .MuiTypography-overline { font-size: 0.75rem; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; line-height: 2.66; letter-spacing: 0.08333em; text-transform: uppercase; } .MuiTypography-srOnly { width: 1px; height: 1px; overflow: hidden; position: absolute; } .MuiTypography-alignLeft { text-align: left; } .MuiTypography-alignCenter { text-align: center; } .MuiTypography-alignRight { text-align: right; } .MuiTypography-alignJustify { text-align: justify; } .MuiTypography-noWrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MuiTypography-gutterBottom { margin-bottom: 0.35em; } .MuiTypography-paragraph { margin-bottom: 16px; } .MuiTypography-colorInherit { color: inherit; } .MuiTypography-colorPrimary { color: #555555; } .MuiTypography-colorSecondary { color: #555555; } .MuiTypography-colorTextPrimary { color: rgba(0, 0, 0, 0.87); } .MuiTypography-colorTextSecondary { color: rgba(0, 0, 0, 0.54); } .MuiTypography-colorError { color: #f44336; } .MuiTypography-displayInline { display: inline; } .MuiTypography-displayBlock { display: block; }</style>
    <style data-jss="" data-meta="MuiGrid">.MuiGrid-container { width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; } .MuiGrid-item { margin: 0; box-sizing: border-box; } .MuiGrid-zeroMinWidth { min-width: 0; } .MuiGrid-direction-xs-column { flex-direction: column; } .MuiGrid-direction-xs-column-reverse { flex-direction: column-reverse; } .MuiGrid-direction-xs-row-reverse { flex-direction: row-reverse; } .MuiGrid-wrap-xs-nowrap { flex-wrap: nowrap; } .MuiGrid-wrap-xs-wrap-reverse { flex-wrap: wrap-reverse; } .MuiGrid-align-items-xs-center { align-items: center; } .MuiGrid-align-items-xs-flex-start { align-items: flex-start; } .MuiGrid-align-items-xs-flex-end { align-items: flex-end; } .MuiGrid-align-items-xs-baseline { align-items: baseline; } .MuiGrid-align-content-xs-center { align-content: center; } .MuiGrid-align-content-xs-flex-start { align-content: flex-start; } .MuiGrid-align-content-xs-flex-end { align-content: flex-end; } .MuiGrid-align-content-xs-space-between { align-content: space-between; } .MuiGrid-align-content-xs-space-around { align-content: space-around; } .MuiGrid-justify-xs-center { justify-content: center; } .MuiGrid-justify-xs-flex-end { justify-content: flex-end; } .MuiGrid-justify-xs-space-between { justify-content: space-between; } .MuiGrid-justify-xs-space-around { justify-content: space-around; } .MuiGrid-justify-xs-space-evenly { justify-content: space-evenly; } .MuiGrid-spacing-xs-1 { width: calc(100% + 8px); margin: -4px; } .MuiGrid-spacing-xs-1 > .MuiGrid-item { padding: 4px; } .MuiGrid-spacing-xs-2 { width: calc(100% + 16px); margin: -8px; } .MuiGrid-spacing-xs-2 > .MuiGrid-item { padding: 8px; } .MuiGrid-spacing-xs-3 { width: calc(100% + 24px); margin: -12px; } .MuiGrid-spacing-xs-3 > .MuiGrid-item { padding: 12px; } .MuiGrid-spacing-xs-4 { width: calc(100% + 32px); margin: -16px; } .MuiGrid-spacing-xs-4 > .MuiGrid-item { padding: 16px; } .MuiGrid-spacing-xs-5 { width: calc(100% + 40px); margin: -20px; } .MuiGrid-spacing-xs-5 > .MuiGrid-item { padding: 20px; } .MuiGrid-spacing-xs-6 { width: calc(100% + 48px); margin: -24px; } .MuiGrid-spacing-xs-6 > .MuiGrid-item { padding: 24px; } .MuiGrid-spacing-xs-7 { width: calc(100% + 56px); margin: -28px; } .MuiGrid-spacing-xs-7 > .MuiGrid-item { padding: 28px; } .MuiGrid-spacing-xs-8 { width: calc(100% + 64px); margin: -32px; } .MuiGrid-spacing-xs-8 > .MuiGrid-item { padding: 32px; } .MuiGrid-spacing-xs-9 { width: calc(100% + 72px); margin: -36px; } .MuiGrid-spacing-xs-9 > .MuiGrid-item { padding: 36px; } .MuiGrid-spacing-xs-10 { width: calc(100% + 80px); margin: -40px; } .MuiGrid-spacing-xs-10 > .MuiGrid-item { padding: 40px; } .MuiGrid-grid-xs-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-xs-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-xs { flex-grow: 0; max-width: 50%; flex-basis: 50%; }.MuiGrid-grid-xs-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-xs-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-xs-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-xs-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-xs-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-xs-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-xs-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-xs-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-xs-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-xs-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-xs-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-xs-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } @media (min-width:600px) { .MuiGrid-grid-sm-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-sm-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-sm-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-sm-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-sm-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-sm-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-sm-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-sm-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-sm-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-sm-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-sm-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-sm-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-sm-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-sm-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:960px) { .MuiGrid-grid-md-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-md-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-md-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-md-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-md-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-md-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-md-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-md-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-md-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-md-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-md-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-md-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-md-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-md-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1280px) { .MuiGrid-grid-lg-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-lg-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-lg-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-lg-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-lg-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-lg-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-lg-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-lg-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-lg-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-lg-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-lg-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-lg-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-lg-11 { flex-grow: 0; max-width:
      91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-lg-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1920px) { .MuiGrid-grid-xl-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-xl-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-xl-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-xl-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-xl-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-xl-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-xl-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-xl-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-xl-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-xl-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-xl-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-xl-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-xl-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-xl-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } }</style>
    <style data-jss="" data-meta="MuiContainer">.MuiContainer-root { width: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; } @media (min-width:600px) { .MuiContainer-root { padding-left: 24px; padding-right: 24px; } } @media (min-width:960px) { .MuiContainer-root { padding-left: 32px; padding-right: 32px; } } .MuiContainer-disableGutters { padding-left: 0; padding-right: 0; } @media (min-width:600px) { .MuiContainer-fixed { max-width: 600px; } } @media (min-width:960px) { .MuiContainer-fixed { max-width: 960px; } } @media (min-width:1280px) { .MuiContainer-fixed { max-width: 1280px; } } @media (min-width:1920px) { .MuiContainer-fixed { max-width: 1920px; } } @media (min-width:0px) { .MuiContainer-maxWidthXs { max-width: 444px; } } @media (min-width:600px) { .MuiContainer-maxWidthSm { max-width: 600px; } } @media (min-width:960px) { .MuiContainer-maxWidthMd { max-width: 960px; } } @media (min-width:1280px) { .MuiContainer-maxWidthLg { max-width: 1280px; } } @media (min-width:1920px) { .MuiContainer-maxWidthXl { max-width: 1920px; } }</style>
    <style data-jss="" data-meta="MuiSnackbar">.MuiSnackbar-root { left: 8px; right: 8px; display: flex; z-index: 1400; position: fixed; align-items: center; justify-content: center; } .MuiSnackbar-anchorOriginTopCenter { top: 8px; } @media (min-width:600px) { .MuiSnackbar-anchorOriginTopCenter { top: 24px; left: 50%; right: auto; transform: translateX(-50%); } } .MuiSnackbar-anchorOriginBottomCenter { bottom: 8px; } @media (min-width:600px) { .MuiSnackbar-anchorOriginBottomCenter { left: 50%; right: auto; bottom: 24px; transform: translateX(-50%); } } .MuiSnackbar-anchorOriginTopRight { top: 8px; justify-content: flex-end; } @media (min-width:600px) { .MuiSnackbar-anchorOriginTopRight { top: 24px; left: auto; right: 24px; } } .MuiSnackbar-anchorOriginBottomRight { bottom: 8px; justify-content: flex-end; } @media (min-width:600px) { .MuiSnackbar-anchorOriginBottomRight { left: auto; right: 24px; bottom: 24px; } } .MuiSnackbar-anchorOriginTopLeft { top: 8px; justify-content: flex-start; } @media (min-width:600px) { .MuiSnackbar-anchorOriginTopLeft { top: 24px; left: 24px; right: auto; } } .MuiSnackbar-anchorOriginBottomLeft { bottom: 8px; justify-content: flex-start; } @media (min-width:600px) { .MuiSnackbar-anchorOriginBottomLeft { left: 24px; right: auto; bottom: 24px; } }</style>
    <style data-jss="" data-meta="makeStyles">.jss1 { margin-bottom: 16px; } .jss2 { width: 100%; position: relative; margin-left: 0; margin-right: 16px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.15); } .jss2:hover { background-color: rgba(255, 255, 255, 0.25); } @media (min-width:600px) { .jss2 { width: auto; margin-left: 24px; } } .jss3 { width: 100%; cursor: pointer; height: 180px; object-fit: cover; } .jss4 { text-align: center; } .jss5 { color: #fff; z-index: 1201; }</style>
    <style data-jss="" data-meta="MuiButton">.MuiButton-root { color: rgba(0, 0, 0, 0.87); padding: 6px 16px; font-size: 0.875rem; min-width: 64px; box-sizing: border-box; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; line-height: 1.75; border-radius: 4px; letter-spacing: 0.02857em; text-transform: uppercase; } .MuiButton-root:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.08); } .MuiButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (hover: none) { .MuiButton-root:hover { background-color: transparent; } } .MuiButton-root:hover.Mui-disabled { background-color: transparent; } .MuiButton-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; } .MuiButton-text { padding: 6px 8px; } .MuiButton-textPrimary { color: #555555; } .MuiButton-textPrimary:hover { background-color: rgba(85, 85, 85, 0.08); } @media (hover: none) { .MuiButton-textPrimary:hover { background-color: transparent; } } .MuiButton-textSecondary { color: #555555; } .MuiButton-textSecondary:hover { background-color: rgba(85, 85, 85, 0.08); } @media (hover: none) { .MuiButton-textSecondary:hover { background-color: transparent; } } .MuiButton-outlined { border: 1px solid rgba(0, 0, 0, 0.23); padding: 5px 15px; } .MuiButton-outlined.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.26); } .MuiButton-outlinedPrimary { color: #555555; border: 1px solid rgba(85, 85, 85, 0.5); } .MuiButton-outlinedPrimary:hover { border: 1px solid #555555; background-color: rgba(85, 85, 85, 0.08); } @media (hover: none) { .MuiButton-outlinedPrimary:hover { background-color: transparent; } } .MuiButton-outlinedSecondary { color: #555555; border: 1px solid rgba(85, 85, 85, 0.5); } .MuiButton-outlinedSecondary:hover { border: 1px solid #555555; background-color: rgba(85, 85, 85, 0.08); } .MuiButton-outlinedSecondary.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.26); } @media (hover: none) { .MuiButton-outlinedSecondary:hover { background-color: transparent; } } .MuiButton-contained { color: rgba(0, 0, 0, 0.87); box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); background-color: #e0e0e0; } .MuiButton-contained:hover { box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); background-color: #d5d5d5; } .MuiButton-contained.Mui-focusVisible { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } .MuiButton-contained:active { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } .MuiButton-contained.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); } @media (hover: none) { .MuiButton-contained:hover { box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); background-color: #e0e0e0; } } .MuiButton-contained:hover.Mui-disabled { background-color: rgba(0, 0, 0, 0.12); } .MuiButton-containedPrimary { color: #fff; background-color: #555555; } .MuiButton-containedPrimary:hover { background-color: rgb(59, 59, 59); } @media (hover: none) { .MuiButton-containedPrimary:hover { background-color: #555555; } } .MuiButton-containedSecondary { color: #fff; background-color: #555555; } .MuiButton-containedSecondary:hover { background-color: rgb(59, 59, 59); } @media (hover: none) { .MuiButton-containedSecondary:hover { background-color: #555555; } } .MuiButton-disableElevation { box-shadow: none; } .MuiButton-disableElevation:hover { box-shadow: none; } .MuiButton-disableElevation.Mui-focusVisible { box-shadow: none; } .MuiButton-disableElevation:active { box-shadow: none; } .MuiButton-disableElevation.Mui-disabled { box-shadow: none; } .MuiButton-colorInherit { color: inherit; border-color: currentColor; } .MuiButton-textSizeSmall { padding: 4px 5px; font-size: 0.8125rem; } .MuiButton-textSizeLarge { padding: 8px 11px; font-size: 0.9375rem; } .MuiButton-outlinedSizeSmall { padding: 3px 9px; font-size: 0.8125rem; } .MuiButton-outlinedSizeLarge { padding: 7px 21px; font-size: 0.9375rem; } .MuiButton-containedSizeSmall { padding: 4px 10px; font-size: 0.8125rem; } .MuiButton-containedSizeLarge { padding: 8px 22px; font-size: 0.9375rem; } .MuiButton-fullWidth { width: 100%; } .MuiButton-startIcon { display: inherit; margin-left: -4px; margin-right: 8px; } .MuiButton-startIcon.MuiButton-iconSizeSmall { margin-left: -2px; } .MuiButton-endIcon { display: inherit; margin-left: 8px; margin-right: -4px; } .MuiButton-endIcon.MuiButton-iconSizeSmall { margin-right: -2px; } .MuiButton-iconSizeSmall > *:first-child { font-size: 18px; } .MuiButton-iconSizeMedium > *:first-child { font-size: 20px; } .MuiButton-iconSizeLarge > *:first-child { font-size: 22px; }</style>
    <style data-jss="" data-meta="makeStyles">.jss151 { display: flex; flex-wrap: wrap; justify-content: center; } .jss151 > * { margin: 8px; } .jss152 { padding-top: 8px; margin-bottom: 8px; }</style>
    <style data-jss="" data-meta="MuiInputBase">.MuiInputBase-root { color: rgba(0, 0, 0, 0.87); cursor: text; display: inline-flex; position: relative; font-size: 1rem; box-sizing: border-box; align-items: center; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: 1.1875em; } .MuiInputBase-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } .MuiInputBase-multiline { padding: 6px 0 7px; } .MuiInputBase-multiline.MuiInputBase-marginDense { padding-top: 3px; } .MuiInputBase-fullWidth { width: 100%; } .MuiInputBase-input { font: inherit; color: currentColor; width: 100%; border: 0; height: 1.1875em; margin: 0; display: block; padding: 6px 0 7px; min-width: 0; background: none; box-sizing: content-box; animation-name: MuiInputBase-keyframes-auto-fill-cancel; -webkit-tap-highlight-color: transparent; } .MuiInputBase-input::-webkit-input-placeholder { color: currentColor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiInputBase-input::-moz-placeholder { color: currentColor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiInputBase-input:-ms-input-placeholder { color: currentColor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiInputBase-input::-ms-input-placeholder { color: currentColor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiInputBase-input:focus { outline: 0; } .MuiInputBase-input:invalid { box-shadow: none; } .MuiInputBase-input::-webkit-search-decoration { -webkit-appearance: none; } .MuiInputBase-input.Mui-disabled { opacity: 1; } .MuiInputBase-input:-webkit-autofill { animation-name: MuiInputBase-keyframes-auto-fill; animation-duration: 5000s; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder { opacity: 0 !important; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder { opacity: 0 !important; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder { opacity: 0 !important; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder { opacity: 0 !important; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder { opacity: 0.42; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder { opacity: 0.42; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder { opacity: 0.42; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder { opacity: 0.42; } @-webkit-keyframes MuiInputBase-keyframes-auto-fill {} @-webkit-keyframes MuiInputBase-keyframes-auto-fill-cancel {} .MuiInputBase-inputMarginDense { padding-top: 3px; } .MuiInputBase-inputMultiline { height: auto; resize: none; padding: 0; } .MuiInputBase-inputTypeSearch { -moz-appearance: textfield; -webkit-appearance: textfield; }</style>
    <style data-jss="" data-meta="MuiDivider">.MuiDivider-root { border: none; height: 1px; margin: 0; flex-shrink: 0; background-color: rgba(0, 0, 0, 0.12); } .MuiDivider-absolute { left: 0; width: 100%; bottom: 0; position: absolute; } .MuiDivider-inset { margin-left: 72px; } .MuiDivider-light { background-color: rgba(0, 0, 0, 0.08); } .MuiDivider-middle { margin-left: 16px; margin-right: 16px; } .MuiDivider-vertical { width: 1px; height: 100%; }</style>
    <style data-jss="" data-meta="MuiIconButton">.MuiIconButton-root { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 12px; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 50%; } .MuiIconButton-root:hover { background-color: rgba(0, 0, 0, 0.08); } .MuiIconButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); background-color: transparent; } @media (hover: none) { .MuiIconButton-root:hover { background-color: transparent; } } .MuiIconButton-edgeStart { margin-left: -12px; } .MuiIconButton-sizeSmall.MuiIconButton-edgeStart { margin-left: -3px; } .MuiIconButton-edgeEnd { margin-right: -12px; } .MuiIconButton-sizeSmall.MuiIconButton-edgeEnd { margin-right: -3px; } .MuiIconButton-colorInherit { color: inherit; } .MuiIconButton-colorPrimary { color: #555555; } .MuiIconButton-colorPrimary:hover { background-color: rgba(85, 85, 85, 0.08); } @media (hover: none) { .MuiIconButton-colorPrimary:hover { background-color: transparent; } } .MuiIconButton-colorSecondary { color: #555555; } .MuiIconButton-colorSecondary:hover { background-color: rgba(85, 85, 85, 0.08); } @media (hover: none) { .MuiIconButton-colorSecondary:hover { background-color: transparent; } } .MuiIconButton-sizeSmall { padding: 3px; font-size: 1.125rem; } .MuiIconButton-label { width: 100%; display: flex; align-items: inherit; justify-content: inherit; }</style>
    <style data-jss="" data-meta="makeStyles">.jss15 { padding: 4px 8px; background-color: #fff; } .jss16 { margin: 8px; display: flex; align-items: center; background-color: rgba(255, 255, 255, 0.15); } .jss16:hover { background-color: rgba(255, 255, 255, 0.55); } .jss17 { flex: 1; margin-left: 8px; } .jss18 { padding: 8px; margin-right: 2px; pointer-events: none; } .jss19 { padding: 8px; margin-right: 4px; } .jss20 { height: 24px; margin: 4px; }</style>	
	<style data-jss="" data-meta="makeStyles">.jss317 {width: 100%;cursor: pointer;max-height: 300;object-fit: contain;}.jss318 {text-align: center;}.jss319 {color: #fff;z-index: 1201;}</style>
    <style data-jss="" data-meta="MuiBottomNavigationAction">.MuiBottomNavigationAction-root { flex: 1; color: rgba(0, 0, 0, 0.54); padding: 6px 0px 8px; max-width: 168px; min-width: 80px; transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,padding-top 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiBottomNavigationAction-root.MuiBottomNavigationAction-iconOnly { padding-top: 16px; } .MuiBottomNavigationAction-root.Mui-selected { color: #555555; padding-top: 6px; } .MuiBottomNavigationAction-wrapper { width: 100%; display: inline-flex; align-items: center; flex-direction: column; justify-content: center; } .MuiBottomNavigationAction-label { opacity: 1; font-size: 0.75rem; transition: font-size 0.2s, opacity 0.2s; font-family: "Roboto", "Helvetica", "Arial", sans-serif; transition-delay: 0.1s; } .MuiBottomNavigationAction-label.MuiBottomNavigationAction-iconOnly { opacity: 0; transition-delay: 0s; } .MuiBottomNavigationAction-label.Mui-selected { font-size: 0.875rem; }</style>
	</head>
  <body>
    <div id="root" style="padding-bottom: 3rem;">
	<div class="jss5">
	<header class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary mui-fixed MuiPaper-elevation4" style="border-bottom: 1px solid #555555;">
	<div class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters">
	<div class="MuiButtonBase-root MuiIconButton-root jss6 MuiIconButton-colorInherit MuiIconButton-edgeStart">
	<a onclick="back()"><img src="/static/images/back.png" style="width: 20px;"></a>
	</div>
	<div class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"><?=$w_name[name]?>书法字典</div>
	</div>
	</header>
	</div>
      <div class="MuiContainer-root MuiContainer-disableGutters MuiContainer-maxWidthLg">
        <div class="jss15">
          <div class="MuiPaper-root jss16 MuiPaper-outlined MuiPaper-rounded">
            <button class="MuiButtonBase-root MuiIconButton-root jss525" type="button">
			<span class="MuiIconButton-label" id="p" data-p="<?=$p?>"><?=$pname?></span>
			<span class="MuiTouchRipple-root"></span>
			</button>
            <div class="MuiInputBase-root jss17">
              <input placeholder="点击这里查询" name="name" id="name" class="MuiInputBase-input" value="<?=$name?>"></div>
            <hr class="MuiDivider-root jss20 MuiDivider-light MuiDivider-vertical">
            <button class="MuiButtonBase-root MuiButton-root MuiButton-text jss19 MuiButton-textPrimary" type="button">
              <span class="MuiButton-label dict">搜索</span>
              <span class="MuiTouchRipple-root"></span>
            </button>
          </div>
        </div>
        <div class="jss1">
          <div class="MuiPaper-root jss125 MuiPaper-elevation0">
            <div>
              <div class="MuiTabs-root">
                <div class="MuiTabs-scroller MuiTabs-fixed" style="overflow: hidden;">
                  <div class="MuiTabs-flexContainer MuiTabs-centered" role="tablist">
<button class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary <?if(!$_GET[f]){echo 'Mui-selected';}?> MuiTab-fullWidth" type="button" onclick="javascript:window.location.href='/dict/?p=<?=$p?>'">
  <span class="MuiTab-wrapper">全部</span>
  <span class="MuiTouchRipple-root"></span>
</button>                    
<?php
$f_sql = $empire->query("select * from {$dbtbpre}ecmsphp_dict_field where classid='4' and is_good='1' order by id asc");
while($f_r = $empire->fetch($f_sql)){
?>
<button class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary <?if($_GET[f]==$f_r[myorder]){echo 'Mui-selected';}?> MuiTab-fullWidth" type="button" onclick="javascript:window.location.href='/dict/?f=<?=$f_r['myorder']?>&p=<?=$p?><?if($_GET[w]){echo '&w='.$_GET[w];}?><?if($_GET[name]){echo '&name='.$_GET[name];}?>'">
  <span class="MuiTab-wrapper"><?=$f_r['name']?></span>
  <span class="MuiTouchRipple-root"></span>
</button>				
<?
 }
?>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
		<div>
  <div class="MuiContainer-root MuiContainer-maxWidthLg">
    <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 my-gallery">
<?
if($p=='1'){
while($r=$empire->fetch($sql))
  {
	  $p_r=$empire->fetch1("select wid,name from {$dbtbpre}ecmsphp_dict where id='$r[did]'");
	  $w_r=$empire->fetch1("select name from {$dbtbpre}ecmsphp_dict_writer where id='$p_r[wid]'");
?>
<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-4 MuiGrid-grid-sm-3 MuiGrid-grid-md-2 MuiGrid-grid-lg-2">
        <a href="<?=$r[picurl]?$r[picurl]:'/static/images/default.jpeg'?>" data-size="1024x1024">
		<img src="<?=$r[picurl]?>" alt="<?=$w_r[name]?>" class="jss317"></a>
        <p class="MuiTypography-root jss835 MuiTypography-body1 MuiTypography-colorTextSecondary"><?=$w_r[name]?>-<?=$p_r[name]?></p></div>
<?	
  }
}else{
?>
<?php
if($f){
   $where=' where fid='.$f;
}else{
   $where='';	
}
if($_GET[name]){
$ft_sql = $empire->query("select * from {$dbtbpre}ecmsphp_dict_fontlib $where order by id asc");
while($ft_r = $empire->fetch($ft_sql)){
	$w_r=$empire->fetch1("select name from {$dbtbpre}ecmsphp_dict_writer where id='$ft_r[wid]'");
?>
<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs">
        <a href="/make/?text=<?=$_GET[name]?>&font=<?=$ft_r[fnum]?>.ttf&size=80&bjys=ffffff" data-size="1024x1024">
		<img src="/make/?text=<?=$_GET[name]?>&font=<?=$ft_r[fnum]?>.ttf&size=80&bjys=ffffff" alt="<?=$ft_r[name]?>" class="jss317"></a>
        <p class="MuiTypography-root jss835 MuiTypography-body1 MuiTypography-colorTextSecondary"><?=$w_r[name]?>-<?=$ft_r[name]?></p></div>			
<?
 }
?>
<?	
 }else{
?>
<?php
$ft_sql = $empire->query("select * from {$dbtbpre}ecmsphp_dict_fontlib $where order by id asc");
while($ft_r = $empire->fetch($ft_sql)){
	$w_r=$empire->fetch1("select name from {$dbtbpre}ecmsphp_dict_writer where id='$ft_r[wid]'");
?>
<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs" onclick="javascript:window.location.href='/make/api.php?id=<?=$ft_r['id']?>'">
        <img src="<?=$ft_r[picurl]?>" alt="<?=$ft_r[name]?>" class="jss317">
        <p class="MuiTypography-root jss835 MuiTypography-body1 MuiTypography-colorTextSecondary"><?=$w_r[name]?>-<?=$ft_r[name]?></p></div>			
<?
 }
?>
<?	 
 }
}
?>
    </div>
  </div> 
</div>
        <div class="MuiContainer-root MuiContainer-maxWidthLg">
          <p class="MuiTypography-root jss152 MuiTypography-body1">最近查询：</p>
          <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1">
<?php
$search_sql = $empire->query("select * from {$dbtbpre}ecmsphp_dict_search where pid='$p' order by addtime desc limit 20");
while($search_r = $empire->fetch($search_sql)){
?>
<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2 MuiGrid-grid-sm-2 MuiGrid-grid-md-1 MuiGrid-grid-lg-1">
              <button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSecondary" type="button" onclick="javascript:window.location.href='/dict/?p=<?=$search_r[pid]?>&name=<?=$search_r[name]?>'">
                <span class="MuiButton-label"><?=$search_r[name]?></span>
                <span class="MuiTouchRipple-root"></span>
              </button>
            </div>		
<?
 }
?>		  
            
          </div>
        </div>
      </div>
    </div>
<div class="MuiBottomNavigation-root jss1028" style="position: fixed; bottom: 0px; width: 100%;">
  <a class="MuiButtonBase-root MuiBottomNavigationAction-root" href="/">
    <span class="MuiBottomNavigationAction-wrapper">
      <svg class="MuiSvgIcon-root">
        <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path>
      </svg>
      <span class="MuiBottomNavigationAction-label">首页</span></span>
    <span class="MuiTouchRipple-root"></span>
  </a>
    <a class="MuiButtonBase-root MuiBottomNavigationAction-root Mui-selected" href="/dict/">
    <span class="MuiBottomNavigationAction-wrapper">
      <svg class="icon MuiSvgIcon-root" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="46222" width="24" height="24"><path d="M259.2 0H896a64 64 0 0 1 64 64v748.608a64 64 0 0 1-64 64H259.2a64 64 0 0 1-64-64V64a64 64 0 0 1 64-64z m132.8 183.04V640h171.264c76.096 0 133.12-20.48 172.544-61.44 37.376-39.04 56.384-94.72 56.384-167.04 0-72.96-19.008-128.64-56.384-167.04-39.36-40.96-96.448-61.44-172.544-61.44H392z m76.8 64h80c58.432 0 101.056 12.8 128 39.04 26.24 25.6 39.296 67.84 39.296 125.44 0 56.32-13.12 97.92-39.36 124.8-26.88 26.24-69.504 39.68-127.936 39.68h-80V247.04zM64 384h75.968v568.512h580.096V1024H128a64 64 0 0 1-64-64V384z" p-id="46223"></path></svg>
	  <span class="MuiBottomNavigationAction-label Mui-selected">字典</span></span>
    <span class="MuiTouchRipple-root"></span>
  </a>
  <a class="MuiButtonBase-root MuiBottomNavigationAction-root" href="/shujia">
    <span class="MuiBottomNavigationAction-wrapper">
	  <svg class="MuiSvgIcon-root" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="66218" width="24" height="24"><path d="M853.333333 0h-682.666666C75.093333 0 0 75.093333 0 170.666667v682.666666C0 948.906667 75.093333 1024 170.666667 1024h682.666666c95.573333 0 170.666667-75.093333 170.666667-170.666667v-682.666666C1024 75.093333 948.906667 0 853.333333 0zM955.733333 853.333333c0 54.613333-47.786667 102.4-102.4 102.4h-682.666666c-54.613333 0-102.4-47.786667-102.4-102.4v-682.666666C68.266667 116.053333 116.053333 68.266667 170.666667 68.266667h682.666666c54.613333 0 102.4 47.786667 102.4 102.4v682.666666z" p-id="66219"></path><path d="M716.8 375.466667c0-116.053333-88.746667-204.8-204.8-204.8s-204.8 88.746667-204.8 204.8c0 61.44 27.306667 116.053333 68.266667 157.013333-122.88 40.96-204.8 157.013333-204.8 286.72 0 20.48 13.653333 34.133333 34.133333 34.133333s34.133333-13.653333 34.133333-34.133333c0-129.706667 109.226667-238.933333 238.933334-238.933333h34.133333c116.053333 0 204.8-88.746667 204.8-204.8z m-204.8 136.533333c-75.093333 0-136.533333-61.44-136.533333-136.533333s61.44-136.533333 136.533333-136.533334 136.533333 61.44 136.533333 136.533334-61.44 136.533333-136.533333 136.533333zM785.066667 614.4h-204.8c-20.48 0-34.133333 13.653333-34.133334 34.133333s13.653333 34.133333 34.133334 34.133334h204.8c20.48 0 34.133333-13.653333 34.133333-34.133334s-13.653333-34.133333-34.133333-34.133333zM785.066667 750.933333h-204.8c-20.48 0-34.133333 13.653333-34.133334 34.133334s13.653333 34.133333 34.133334 34.133333h204.8c20.48 0 34.133333-13.653333 34.133333-34.133333s-13.653333-34.133333-34.133333-34.133334z" p-id="66220"></path></svg>
      <span class="MuiBottomNavigationAction-label">书家</span></span>
    <span class="MuiTouchRipple-root"></span>
  </a>
  <a class="MuiButtonBase-root MuiBottomNavigationAction-root" href="/beitie">
    <span class="MuiBottomNavigationAction-wrapper">
	   <svg class="icon MuiSvgIcon-root" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="68865" width="24" height="24"><path d="M891.072 822.144V167.36a34.432 34.432 0 0 0-34.432-34.432H201.856C201.856 94.848 232.704 64 270.784 64h620.288C929.152 64 960 94.848 960 132.928v620.288c0 38.08-30.848 68.928-68.928 68.928z m-68.928-551.36v620.288c0 38.08-30.848 68.928-68.928 68.928H132.928A68.928 68.928 0 0 1 64 891.072V270.784c0-38.08 30.848-68.928 68.928-68.928h620.288c38.08 0 68.928 30.848 68.928 68.928z m-137.856 137.856H201.856a34.432 34.432 0 0 0 0 68.864h482.432a34.432 34.432 0 0 0 0-68.864z m0 206.72H201.856a34.432 34.432 0 0 0 0 68.864h482.432a34.432 34.432 0 0 0 0-68.864z" p-id="68866"></path></svg>
	  <span class="MuiBottomNavigationAction-label">碑帖</span></span>
    <span class="MuiTouchRipple-root"></span>
  </a>
</div>	
<div class="backTop" id="backTop" style="display: none;">
<svg t="1646591288096" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3320" width="48" height="48"><path d="M752.736 431.063C757.159 140.575 520.41 8.97 504.518 0.41V0l-0.45 0.205-0.41-0.205v0.41c-15.934 8.56-252.723 140.165-248.259 430.653-48.21 31.457-98.713 87.368-90.685 184.074 8.028 96.666 101.007 160.768 136.601 157.287 35.595-3.482 25.232-30.31 25.232-30.31l12.206-50.095s52.47 80.569 69.304 80.528c15.114-1.23 87-0.123 95.6 0h0.82c8.602-0.123 80.486-1.23 95.6 0 16.794 0 69.305-80.528 69.305-80.528l12.165 50.094s-10.322 26.83 25.272 30.31c35.595 3.482 128.574-60.62 136.602-157.286 8.028-96.665-42.475-152.617-90.685-184.074z m-248.669-4.26c-6.758-0.123-94.781-3.359-102.891-107.192 2.95-98.714 95.97-107.438 102.891-107.93 6.964 0.492 99.943 9.216 102.892 107.93-8.11 103.833-96.174 107.07-102.892 107.192z m-52.019 500.531c0 11.838-9.42 21.382-21.012 21.382a21.217 21.217 0 0 1-21.054-21.34V821.74c0-11.797 9.421-21.382 21.054-21.382 11.591 0 21.012 9.585 21.012 21.382v105.635z m77.333 57.222a21.504 21.504 0 0 1-21.34 21.626 21.504 21.504 0 0 1-21.34-21.626V827.474c0-11.96 9.543-21.668 21.299-21.668 11.796 0 21.38 9.708 21.38 21.668v157.082z m71.147-82.043c0 11.796-9.42 21.34-21.053 21.34a21.217 21.217 0 0 1-21.013-21.34v-75.367c0-11.755 9.421-21.299 21.013-21.299 11.632 0 21.053 9.544 21.053 21.3v75.366z" fill="" p-id="3321"></path></svg>
</div>
<script type="text/javascript" src="/e/ecmsphp/shufadict/js/jquery.min.js"></script>
<script type="text/javascript" src="/e/ecmsphp/shufadict/js/layer/layer.js"></script>
<script type="text/javascript" src="/static/js/Uri.js"></script>
<script>
   $(function(){
	   $(".dict").click(function(){
		   var p=$("#p").data("p");
		   var name=GetChinese($("#name").attr("value"));
		       name=name.slice(0,1);
		   if(name == "" || name == null || name == undefined){
			   layer.msg("请输入点什么...");
			   return false;
		   }
		   window.location.href = "/dict/?p="+ p +"&name="+name+"<?if($w){echo '&w=',$w;}?>";
	   })
	 $(window).scroll(function(){
		var _top = $(window).scrollTop();
		if(_top>300){
			$('#backTop').fadeIn(600);
		}else{
			$('#backTop').fadeOut(600);
		}
	});
	$("#backTop").click(function(){
		$("html,body").animate({scrollTop:0},500);
	});  
   }) 
$("#p").click(function(){
		  var p=$("#p").data("p");   
		  if(p==1){
			  p=2;
		  }else{
			  p=1;
		  }  
		var sourceUrl = location.href;
		var newUrl = new Uri(sourceUrl).replaceQueryParam("p",p)
         window.location.href = newUrl.toString();		  
	  })
	  
var  back = function(){
    if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){ // IE
        if(history.length > 0){
            window.history.go( -1 );
        }else{
            window.location.replace('/');
        }
    }else{ 
        if (navigator.userAgent.indexOf('Firefox') >= 0 ||
            navigator.userAgent.indexOf('Opera') >= 0 ||
            navigator.userAgent.indexOf('Safari') >= 0 ||
            navigator.userAgent.indexOf('Chrome') >= 0 ||
            navigator.userAgent.indexOf('WebKit') >= 0){
            if(window.history.length > 1){
                window.history.go( -1 );
            }else{
               window.location.replace('/');
            }
        }else{ 
            window.history.go( -1 );
        }
    }
    setTimeout(function(){
         window.location.replace('/');
    }, 300);
}  
 function GetChinese(strValue) {
    if (strValue !== null && strValue !== '') {
      const reg = /[\u4e00-\u9fa5]/g;
      return strValue.match(reg).join('');
    }
    return '';
  } 
</script>	
<link rel="stylesheet" href="/static/css/photoswipe.css"> 
<link rel="stylesheet" href="/static/css/default-skin.css"> 
<script src="/static/js/photoswipe.min.js"></script> 
<script src="/static/js/photoswipe-ui-default.min.js"></script> 
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="pswp__bg"></div>
			<div class="pswp__scroll-wrap">
				<div class="pswp__container">
					<div class="pswp__item"></div>
					<div class="pswp__item"></div>
					<div class="pswp__item"></div>
				</div>
				<div class="pswp__ui pswp__ui--hidden">
				
					<div class="pswp__top-bar">
						<div class="pswp__counter"></div>
						<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
						<button class="pswp__button pswp__button--share" title="Share"></button>
						<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
						<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
						<div class="pswp__preloader">
							<div class="pswp__preloader__icn">
								<div class="pswp__preloader__cut">
									<div class="pswp__preloader__donut"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
						<div class="pswp__share-tooltip"></div> 
					</div>
					<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
					<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
					<div class="pswp__caption">
						<div class="pswp__caption__center"></div>
					</div>
				</div>
			</div>
		</div>
<script src='/static/js/big_img.js'></script>
<script src='/static/js/photoswipe.min.js'></script>
<script src='/static/js/photoswipe-ui-default.min.js'></script>
<script src="/static/js/bigImg.js"></script>	
  </body>
</html>