/* CSS Document */ @media screen and (max-width:1440px) { .time_select ul { width:93%; float:left; text-align:center; overflow: hidden; height:32px;} .time_select ul li { width:18%; margin-right:2%;} .time_select ul li a { padding:5px 0px; display:block;} .time_select span { width:2%; background-size:cover; display:block; margin-top:5px;} .time_select span.turn_l { margin-right:18px;} } @media screen and (max-width:999px) { .xx_news_op01 { display:block;} .xx_news_op { display:none;} } @media screen and (max-width:768px) { .xx_news_l { width:100%; float: none; border-right:1px solid #7ec2fe; padding:20px 0;} .xx_news_r { width:100%; float: none; padding:20px 0;background:#f5f5f5; } .xx_news_r ul li { width:50%; float:left; text-align:center;} .xx_news_r ul li span {font-size:16px; margin-bottom:10px;} .xx_news_r ul li.two { margin-top:20px;} .time_select01 ul { width:98%; text-align:center;} .time_select01 ul li { width:43%; margin-right:3%;} .time_select01 ul li a { padding:5px 0px; display:block;} .time_select01 span { width:1%; background-size:cover; display:block; margin-top:0px;} .time_select01 span.turn_r { margin-right:5px;} .time_select01 span.turn_l { margin-right:5%;} } @media screen and (max-width:667px) { } @media screen and (max-width:414px) { } @media screen and (max-width:375px) { .yy_right a { width:70px; height:32px; line-height:32px;} .yy_left span { font-size:14px; line-height:28px;} .yy_right {margin-top:13px;} .time_select { display:none;} .time_select01 { display:block;} } @media screen and (max-width:320px) { }