/* CSS Document */
* { margin:0; padding:0; border:none; font-family:"微软雅黑"; font-size:16px; color:#34495e; text-decoration:none;  box-sizing:border-box; }
ul,li { list-style:none;}
a { color:#647246; }
a:hover { color:#c80000; text-decoration:underline; }
h1,h2,h3 { font-size:16px; }
.mingyan123-wrap { width:1120px; margin:0 auto; }
.blank { width:100%; float:left; height:50px; }
.bodybg { background-color:#f8f8f8; }
label,textarea,select{ -webkit-appearance: none; }
.mingyan123-header { width:100%; float:left; background-color:#f8f8f8; border-bottom:1px solid #e7e7e7; position:fixed; top:0; left:0; z-index:840; }
.mingyan123-logo { width:125px; height:36px; margin:8px 0; float:left; margin-right: 35px; }
.mingyan123-logo img { width:100%; height:100%; }
.mingyan123-navigation { float:left; margin-left:25px; max-width:720px; height:54px; overflow:hidden; } 
.mingyan123-navigation li { float:left; margin:0 15px; position: relative; } 
.mingyan123-navigation li a { line-height:54px; } 
.current-time { float:right; margin-left:5px; line-height:54px; }



.mingyan123-search { width:calc(100% - 400px); float:left; margin:7px 0 0 75px; }
.mingyan123-search form { display:block; width:100%; float:left; border:1px solid #ccc; border-radius:5px; background-color:#FFFFFF; }
.mingyan123-search input[type="text"] { height:36px; width:calc(100% - 38px); float: left; outline:medium; background: transparent;text-indent:15px; }
.mingyan123-search input[type="submit"] { width:38px; height:36px; float: right; border-left:1px solid #ccc; background-image: url(../images/search.jpg); cursor:pointer; border-radius:0 5px 5px 0; background-color:#f8f8f8; color:#647246; -webkit-appearance: none; background-position: center; background-repeat: no-repeat; }

.mingyan123-nav {
    position: relative; float:right; margin:0; width:54px;
}
.nav-menu { list-style: none; height:0px;
    overflow: hidden;
}
.nav-menu li { float:left;
    padding: 0;
    margin: 0; text-align:center;
}

.nav-menu li a {
    display: block;
    color: white;
    padding: 14px 16px;
    text-decoration: none;
}

.nav-menu li a:hover {
    background-color: #575757;
}

.nav-btn {
width: 54px; 
    cursor: pointer;
    padding: 11px 14px;
    font-size: 24px;
    color: #656d78;
    background-color: #f8f8f8;
    text-align: right;
    position: relative;
    z-index: 10; /* 确保按钮在菜单之上 */
}

.nav-btn::before {
    content: "\2630"; /* ☰ */
}

/* 当菜单展开时，给.nav-menu-open类添加样式 */
.nav-menu-open { padding:20px;
    transform: translateY(0); /* 将菜单移动到视口内 */ 
	width:500px; height:auto;
    background-color: #333;
    position: absolute;
    top: 55px; 
    right: 14px;
	z-index2:-1;
}

.mingyan123-content { float:left; width:100%; color:#FFF; padding-top:63px; }
.mingyan123-icrux {  width:calc(100% + 20px); float:left; margin-left:-10px; margin-bottom:-10px; }
.mingyan123-icrux dl { width:calc(33.3333% - 20px); float:left; margin:10px; padding:15px; background-color: #f9f9f9; border-radius:5px; }
.mingyan123-icrux dd { width:48px; height:48px; float:left; }
.mingyan123-icrux dd img { width:100%; height:100%; border-radius:50%; }
.mingyan123-icrux dt { width:calc(100% - 63px); float:right;  }
.mingyan123-icrux dt a { width:100%; float:left; line-height:24px; display:block; max-height:48px; overflow:hidden; }
.mingyan123-notice { width:100%; float:left; margin:20px 0 0 0; padding:30px 15px; background:#f8f8f8; border-radius:5px; }
.mingyan123-image-wrap { float:left; width:100%; height:220px; margin-top:20px; overflow: hidden; position:relative; display: flex; flex-direction: column; flex-shrink: 0; align-content: flex-start; }
.mingyan123-image-background { width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; filter: blur(100px); background-size: 100% auto; background-position: 50%; background-repeat: no-repeat; background-color: rgba(0,0,0,.03);  }
.mingyan123-image-url { width:100%; height:100%; position:absolute; left:0; top:0;display: flex; justify-content: center; align-items: center; }
.mingyan123-image-url img { display:block; max-width:100%; height:100%; align-content: flex-start; margin:0 auto;background-size: 100% auto; background-position: 50%; background-repeat: no-repeat; }
.mingyan123-inside { width:100%; float:left; padding:0 200px; }
.mingyan123-inside-title { width:100%; float:left; margin-top:30px; }
.mingyan123-inside-title h1 { width:100%; float:left; font-size:32px; text-align:center; font-weight:500; color:#000; }
.mingyan123-separator { padding:10px 0;}
.mingyan123-inside-title p { width:100%; float:left; margin-top:10px; font-size:14px; color:#c8c8c8; text-align:center; }
.mingyan123-inside-post { width:100%; float:left; margin-top:10px; padding2:10px 20px 20px 20px; border2:1px solid #e7e7e7; border-radius:5px; }
.mingyan123-inside-post h2 { width:100%; float:left; margin-top:20px; line-height:30px; margin-bottom:0px; color:#000; }
.mingyan123-inside-post p { width:100%; float:left; margin-top: 15px; line-height: 38px; word-spacing: 1px; letter-spacing: 1px; position: relative; }
.mingyan123-inside-post p strong { width:auto; display:block; float:left; margin:20px 0 0 0; padding:0 10px 0 20px; font-size:20px; font-weight:500; line-height:30px; background:#fff; }
.mingyan123-inside-post p strong:before { content:""; border-left:8px solid #4F9CEE; height:22px; position:absolute; left: 0px; top: 23px; }
.mingyan123-inside-post p strong:after { content:""; width:100%; height:50%; border-bottom:1px solid #f1f1f1; position:absolute; left: 0px; top:10px; z-index:-999; }
.mingyan123-inside-post p img { display:block; max-width:60%; margin:8px auto 5px auto; border-radius:5px; }
.mingyan123-inside-source { width:100%; float:left; margin-top:15px; line-height:24px; font-size:15px; text-align:right; }
.mingyan123-nexd  { float:left; width:100%; margin:40px 0 10px 0; }
.mingyan123-nexd-s { float:left; width:calc(50% - 10px);background-image: url(../images/shang.jpg); border-radius:5px; }
.mingyan123-nexd-x { float:right; width:calc(50% - 10px);background-image: url(../images/xia.jpg); border-radius:5px; }
.mingyan123-nexd-s p a,.mingyan123-nexd-x p a { float:right; display:block; height:32px; overflow:hidden;}
.mingyan123-nexd p { float:left; width:100%;  padding:20px 25px; background:#000; font-size:12px; color:#999; line-height:32px; border-radius:5px; opacity:0.8; }
.mingyan123-nexd-x p { text-align: right; }
.mingyan123-nexd p a { color:#fff; }
.mingyan123-nexd-s p a { float:right; }
.mingyan123-nexd-x p a { float:left; }
.mingyan123-list { width:100%; float:left; }
.mingyan123-list ul { width:100%; float:left; margin-top2:15px; }
.mingyan123-list li { float:left; width:100%; margin:0px 0 0 0; padding:20px 0; background:#fff; border-bottom:1px solid #f1f1f1; border-radius:5px; }
.mingyan123-list li item { float:left; width:100%; font-weight:600; height:22px; overflow:hidden; }
.mingyan123-list li item a { line-height:22px; font-size:18px; font-weight:500; }
.mingyan123-list li item ts { line-height:22px; font-size:18px; font-weight:500; color:#1a1a1a; }
.mingyan123-list li p { float:left; width:100%; max-height:56px; overflow:hidden; margin-top:10px; line-height:28px; }
.mingyan123-list li p a { color:#34495e; }
.mingyan123-list li p span { font-size:14px; color:#999; margin-top:-5px; }
.mingyan123-list li p span:nth-child(2) { float:right; }
.mingyan123-list li span2 { float:left; width:100%; display:block; font-size:12px; color:#999; margin-top:10px; }
.mingyan123-list-pic { width:100%; float:left; margin-top:20px; }
.mingyan123-list-pic ul { width:100%; float:left; }
.mingyan123-list-pic li { float:left; width:calc(33.3333% - 13.3334px); position: relative;  height:130px; overflow:hidden; border-radius:5px; }
.mingyan123-list-pic li:nth-child(2) { margin-left:20px; }
.mingyan123-list-pic li:nth-child(3) { margin-left:20px; }
.mingyan123-list-pic li img { width:100%; height:130px; max-height:130px; border-radius:5px; }
.mingyan123-list-pic li p { background:#000; opacity:0.7; float:left; width:100%; height:130px; overflow:hidden; border-radius:5px; overflow:hidden; text-align:center; position: absolute; left: 0px; bottom: 0px; }
.mingyan123-list-pic li p a { line-height:130px; color:#fff; }


/*工具*/
.blank_10 { width:100%; float:left; height:10px;}
.mingyan123-inside-container { width:100%; float:left; background-color:#f8f8f8; padding:20px 20px; margin:30px 0 0 0; border-radius: 10px; border: 1px solid #ccc;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.mingyan123-inside-container-time { width:100%; float:left; padding:10px 0; }
.mingyan123-inside-container h1 { width:100%; float:left; font-size:32px; text-align:center; margin:10px 0;}
.mingyan123-inside-container-time .utc { width:100%; float:left; text-align:center; margin:0 0 30px 0;}
.mingyan123-inside-container-time .exchange { width:100%; float:left; text-align:center; margin:0 0 10px 0;}
.mingyan123-inside-container-time .time { width:100%; float:left; font-size:68px; text-align:center; color:#666; }
.mingyan123-inside-container-time .time span { padding:10px 15px; margin:5px 8px; font-size:68px; background-color:#FFF; color:#666; border-radius:10px; }
.mingyan123-inside-container-time .chayi { width:100%; float:left; text-align:center; margin:30px 0 15px 0;}
.mingyan123-inside-container-time .date { width:100%; float:left; text-align:center; margin:0;}
.mingyan123-inside-container-time .date span { margin:0 5px; }
.mingyan123-inside-article { width:100%; float:left; padding:20px 0 10px 0; margin:0px 0 0 0; }
.mingyan123-inside-article p { width:100%; float:left; line-height:32px; margin:5px 0 0 0; word-spacing: 1px; letter-spacing: 1px; position: relative;}
.mingyan123-inside-article p img { width:100%; }
.mingyan123-inside-article h2 { font-weight:500; }
.mingyan123-inside-hottitle { width:100%; float:left; text-align:center; margin:30px 0 0 0; }
.mingyan123-inside-hottitle span { position: relative; display: inline-block; font-size: 24px; z-index:-999; }
.mingyan123-inside-hottitle span:before { content: ''; width: 40px; height: 2px; background-color: #e0e0e0; position: absolute; top: 50%; margin-right: 2rem; right: 100%; margin-top: -1px; z-index:-999; }
.mingyan123-inside-hottitle span:after { content: ''; width: 40px; height: 2px; background-color: #e0e0e0; position: absolute; top: 50%; left: 100%; margin-left: 2rem; margin-top: -1px; z-index:-999; }
.mingyan123-inside-citylist  { width:100%; float:left; text-align:center; margin:20px 0 0 0; }
.mingyan123-inside-citylist li { display: inline-block; margin: 8px; padding: 10px 20px; background-color:#f8f8f8; border-radius: 20px; }
.mingyan123-inside-container input,.mingyan123-inside-container select, #interestRateDisplay { width: 100%; float:left; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 5px;outline: none; background-color:#FFFFFF; }
.mingyan123-inside-container label { width: 100%; float:left; }
.mingyan123-inside-container textarea { width: 100%; height:150px; float:left; padding: 20px; margin: 10px 0; border: 1px solid #ccc; border-radius: 5px;outline: none; }
.mingyan123-inside-container-button { width: 100%; float:left; padding: 0px 0 0 0; margin:0 0 -15px 0; text-align:center; }
.mingyan123-inside-container-results { width: 100%; float:left; padding:20px 0 5px 0; line-height:32px; margin:0 0 -15px 0; text-align:center; color:#FF0000;}
.btn { padding:10px 15px; margin:10px 2px; border-radius:4px; cursor:pointer; }
.submit {  background:#007bff; color: #ffffff; border: 1px solid #007bff; outline:none; }
.copyof,.cleanup { border:1px solid #c4c7ce; }
.buttonwidth {  width: 100%; float:left; margin-left:0; }
.table { width: 100%; float: left; margin-top:15px; border: 1px solid #f0f0f0; background-color:#fff; border-collapse: collapse; position: relative; overflow: hidden; }
.table th, .table td { margin: -1px; border: 1px solid #f0f0f0; border-width: 0 1px 1px 0; line-height: 20px; text-align: center; padding: 10px; }
.table th { background-color:#f7f7f7; }
#spring-festival-countdown { width: 100%; float:left; padding:5px 0 5px 0; margin:-10px 0 0 0; text-align:center; line-height:32px; font-size:24px; }
#spring-festival-countdown p { width: 100%; float:left;}
#spring-festival-countdown p span { display:block; width: 100%; float:left; text-align:center; color:#FF0000; }
#spring-festival-countdown p span:nth-child(1) { font-size:60px; line-height:80px; margin:10px 0; }
#spring-festival-countdown p span:nth-child(2) { font-size:32px; margin:10px 0; }

#currentSpeed { font-size:60px; line-height:80px; margin:10px 0; }
#estimatedBandwidth { font-size:28px; margin:10px 0; }


.mingyan123-inside-container-suijimima  { width:100%; float:left; background-color:#f8f8f8; padding:25px 20px 40px 20px; margin:30px 0 0 0; border-radius: 10px; border: 1px solid #ccc;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.mingyan123-inside-container-suijimima .date { width:100%; float:left; text-align:center; margin:0;}
.mingyan123-inside-container-suijimima .date span { margin:0 5px; }
.passtype { width: 100%; float: left; }
.passleng label { width: 101px; float: left; background-color: #ccc; border: 1px solid #ccc; margin-right: -1px; line-height: 40px; text-align: center; border-radius: 5px 0 0 5px; }
.passleng select { width: calc(100% - 100px); padding: 0 10px; border: 1px solid #ccc; float: right; height: 42px;  border-radius: 0 5px 5px 0;  line-height: 30px; outline: none; }
.passtype { width: 100%; float: left; margin:20px 0 10px 0; }
.passtype p { width: 33.3333%; float: left; }
.password-display { width: 100%; float:left; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 5px; outline: none; background-color:#FFFFFF; text-align:center; }

/*词典*/
.mingyan123-inside-container-time .pinyin { width:100%; float:left; text-align:center; }
.mingyan123-inside-container-time .keyword { width:100%; float:left; font-size:68px; text-align:center; color:#666; margin:30px 0 30px 0; }
.mingyan123-inside-container-time .keyword span { padding:10px 15px; margin:5px 8px; font-size:68px; background-color:#FFF; color:#666; border-radius:10px; }

/*底部*/
.mingyan123-link { width:100%; float:left; margin-top:50px; }
.mingyan123-link ul { float:left; width:100%; }
.mingyan123-link li { float:left; margin-right:5px; margin-bottom:5px; color:#647246; }
.mingyan123-link li a { font-size:14px; color:#c8c8c8; }

.mingyan123-inside-link { width:100%; float:left; margin:50px 0 100px 0; }
.mingyan123-inside-link ul { float:left; width:100%; }
.mingyan123-inside-link li { float:left; margin-right:5px; margin-bottom:5px; color:#647246; }
.mingyan123-inside-link li a { font-size:14px; color:#c8c8c8; }

.mingyan123-footer { float:left; width:100%; padding:15px 0; background:#fff; position:fixed; bottom:0; left:0; z-index:840; }
.mingyan123-footer p { font-size:14px; color:#c8c8c8; text-align:center; }
.mingyan123-footer p a { color:#c8c8c8; font-size:14px; }
@media (max-width:900px){ 
.mingyan123-navigation { position: fixed; top: 53px; left: -100%; width: 100%; margin:0; padding:30px 0 0 0; height: calc(100% - 52px); background-color:#fff; transition: all 0.3s ease-in-out;  }
.menu-btn { position: fixed; top:7px; right:0; width: 40px; height: 40px; cursor: pointer; }
.menu-btn:before { content: "\2630"; font-size: 24px; color:#656d78;  }
.mingyan123-navigation.active { left: 0;  }
.mingyan123-navigation ul { padding:0 3%;}
.current-time { display:none; }
    
.mingyan123-wrap{ width:94%; padding:0 3%; }
.mingyan123-icrux {  width:100%; margin:0; }
.mingyan123-icrux dl { width:calc(50% - 10px); margin:10px 0; }
.mingyan123-icrux dl:nth-child(odd) { margin-left:0px; }
.mingyan123-icrux dl:nth-child(even) { margin-left:20px; }
.mingyan123-search2 { width:calc(100% - 150px); float:right; margin:7px 0 0 0; }
.mingyan123-search { display:none; }
.mingyan123-nav {
    position: relative; float:right; right:-14px; width:54px;
}
.nav-menu-open {
	width:88vw; 
}
.mingyan123-inside { padding:0; }
.mingyan123-inside-post p img { width:100%; max-width:100%; }
.mingyan123-nexd  { margin:40px 0 0 0; }
.mingyan123-nexd-s { width:100%; }
.mingyan123-nexd-x { width:100%; float:left; margin-top:20px; }
.mingyan123-list-pic ul { margin-top:-10px; }
.mingyan123-list-pic li { float:left; width:100%; height:110px; overflow:hidden; margin:10px 0; }
.mingyan123-list-pic li p { height:110px; }
.mingyan123-list-pic li p a { line-height:110px; }
.mingyan123-list-pic li:nth-child(2) { margin-left:0px; }
.mingyan123-list-pic li:nth-child(3) { margin-left:0px; }
.mingyan123-link,.mingyan123-inside-link { display:none; }
.passtype p { width:100%; }
}