﻿
@media screen and (max-width:1280px) {
	/*========== 网页宽度 ==========*/
	.yun-mainWidth {width:990px;}
	.mainWidth {width:990px;}
}

@media screen and (max-width:1024px) {
	/*========== 网页宽度 ==========*/
	.yun-mainWidth {width:100%;}
	.mainWidth {width:100%;}
	/*==================== 网页TOP ====================*/
	.yun-PageTop {display:none;}
	
	/*==================== 网页HEADER ====================*/
	.yun-PageHeader {height:63px; padding-top:17px;}
	/*---------- 导航菜单 ----------*/
	.yun-PageHeader .yun-PageHeader-menu ul li {margin-left:10px;}
	.yun-PageHeader .yun-PageHeader-menu ul li a {padding:0 6px; font-size:1.5em;}
	
	/*==================== 登录 ====================*/
	/*---------- 登录容器 ----------*/
	.yun-Login .yun-Login-Box {right:20px;}
	
	/*==================== 网页底部 ====================*/
	.yun-footer {padding:10px 0;}
	/*---------- 底部菜单 ----------*/
	.yun-footer .yun-footer-menu {display:none;}
	/*---------- 底部NAV ----------*/
	.yun-footer .yun-footer-nav {height:30px; line-height:30px; margin-top:0;}
	/*---------- 底部图标 ----------*/
	.yun-footer .yun-footer-icons {display:none;}
}

@media screen and (max-width:768px) {
	/*======= 全站通用弹出层打开按钮 height:34px; =======*/
	.theMenu-open {height:34px;}
	/*======= 全站通用弹出层关闭按钮 height:50px; =======*/
	.layout-close {height:50px;}
	
	/*=========中秋节LOGO广告==========*/
	.headBgAd {height:50px; margin-left:90px;}
	/*==================== 网页HEADER ====================*/
	.yun-PageHeader {height:44px; padding-top:0;}
	/*---------- 响应式菜单开关 ----------*/
	.yun-PageHeader .yun-open-HeaderMenu {display:none;}
	/*---------- LOGO ----------*/
	.yun-PageHeader .yun-PageHeader-logo {height:34px; margin-left:10px; margin-top:5px;}
	/*---------- LOGIN ----------*/
	.yun-PageHeader .yun-PageHeader-Login {display:block;}
	/*---------- 导航菜单 ----------*/
	.yun-PageHeader .yun-PageHeader-menu {position:fixed; width:100%; height:100%; top:0; left:100%; background:rgba(255,255,255,.8); z-index:9;}
	.yun-PageHeader .yun-PageHeader-menu ul {float:none; margin-left:44px; display:block; height:100%; background:#fff;}
	.yun-PageHeader .yun-PageHeader-menu ul li {float:none; margin-left:0;}
	.yun-PageHeader .yun-PageHeader-menu ul li a {float:none; display:block; height:56px; line-height:56px; padding:0 30px; text-align:left; font-size:1.4em; border-bottom:none; background:rgba(255,255,255,1);}
	.yun-PageHeader .yun-PageHeader-menu ul li a.active,
	.yun-PageHeader .yun-PageHeader-menu ul li a:hover {border-bottom:none; background:rgba(49,157,216,.7); color:#fff;}
	/*---------- 响应式菜单控制 ----------*/
	#yun-chk-HeaderMenu:checked + .yun-open-HeaderMenu div span {transform:rotate(180deg);}
	#yun-chk-HeaderMenu:checked + .yun-open-HeaderMenu .open {opacity:0;}
	#yun-chk-HeaderMenu:checked + .yun-open-HeaderMenu .close {opacity:1; z-index:10;}
	#yun-chk-HeaderMenu:checked ~ .yun-PageHeader-menu {left:0;}
	
	/*==================== 海报轮播图区域 ====================*/
	.yun-Banner {height:230px;}
	/*.yun-Banner .yun-Banner-Contain {margin-left:-890px;}*/
	
	/*==================== 登录 ====================*/
	/*---------- 注册按钮 ----------*/
	.yun-Login .yun-Reg-Btn {display:block;}
	/*---------- 登录按钮开关 ----------*/
	.yun-Login .yun-open-Login {display:block;}
	/*---------- 登录容器 ----------*/
	.yun-Login .yun-Login-Contain {position:fixed; width:100%; height:100%; top:80px; left:0; background:#fff; z-index:9; opacity:0; visibility:hidden;}
	.yun-Login .yun-Login-Box {position:relative; width:90%; right:auto; margin:0 auto; top:60px; background:rgba(0,0,0,.8);}
	.yun-Login .yun-Login-Box form {padding:25px 15px;}
	#yun-Login-chk:checked ~ .yun-open-Login .open {display:none; opacity:0;}
	#yun-Login-chk:checked ~ .yun-open-Login .close {display:block; opacity:1;}
	#yun-Login-chk:checked ~ .yun-Login-Contain {top:0; opacity:1; visibility:visible;}
	
	
	/*==================== 翻页 ====================*/
	.yun-pages ul li .pages, .yun-pages ul li form, .yun-pages ul li .page-btn {display:none;}
	
	
	
}

@media screen and (max-width:480px) {
	/*==================== 海报轮播图区域 ====================*/
	.yun-Banner {height:120px;}
}