@charset "utf-8";

.popup_temp {height: 100%; background:linear-gradient(to bottom, #574f96 165px, #dddddd 165px);padding-bottom: 30px;}
.popup_temp .popup_logo {background: #28253c; padding: 5px 20px;height:35px;} 
.popup_temp .popup_title {margin: 15px 0px;height:auto;/*position: relative;*/} 
.popup_temp .popup_title p {/*position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);*/ color: #fff;font-size:22px;width: 100%;text-align: center; font-weight: 400;} 
.popup_temp .popup_inner {background-color: #fff;margin:0 20px;border-radius: 10px; padding: 20px 20px;max-height:500px;}
.today {background: #1e1b30; overflow: hidden; height: 40px;}
.today .items {float: left;border-right: 1px solid rgba(255,255,255, .2);width: calc(50% - 35px);height: 100%;line-height: 38px;text-align: center;}
.today .items:last-child {float: right; width:70px;background: #5d47a1;height: 100%;border-right: 0;padding-left: 10px;}
.today .items a {color: #ffffff;  vertical-align: middle;display: inline-block; height: 100%; } 
.today .items a>img {vertical-align:top; padding-top: 12px;}
.popup_temp2 {border:1px solid #252525;overflow: hidden;background: #ffffff;}

@media(max-width:768px){   
    .popup_temp2, .today  {max-width: 480px;width:90%;}      
    body [id^="divPopup"]   {left:10px !important; top: 20px !important;}
    .popup_temp, .popup_temp2 img {max-width:100%;}
}
@media(max-width:480px){   
    .popup_temp2, .today  {max-width: 360px;width:90%;}       
}