@import "reset-settings.css" all;

.center {max-width:768px; margin:0 auto;}
.head { height:44px; padding:5px 0px;  background: #0075cc; display:flex; justify-content: space-between; align-items:center; background-image: url(/images/snowy.png);}
.head div span {color:#499ABC;}
.head div span:hover {color:#86080A;}
.main {position: relative; background:#fff; border-left: 1px solid #f9f9f9; border-right: 1px solid #f9f9f9;}
.start_name {font-size:20px; color:#fff; font-weight:700; letter-spacing: 0.3px;}
.start_name a {font-size:20px; color:#fff !important; padding:0px 2px; display:flex; justify-content: space-between; align-items:center;}
.start_name span {font-size:20px; border-radius: 4px; padding: 7px 7px;}
.start_name span:last-child {background: #30a7ff; color: #fff;}
.start_name span:last-child:hover {background: #61bcff; color: #fff !important; text-decoration: none;}
.start_name img {width: 45px; height: 40px; background: none;}
.start_search a { font-size:18px; padding:5px 9px; background:#30a7ff; color:#fff; margin:0px 7px; border-radius:3px;}
.start_search a:hover {background:#61bcff;}
.start_search img {width: 23px; margin-bottom: -5px;}

.catnvv {padding:2px 2px;}
.catnvv {display:flex; justify-content: space-between; align-items:center;}
.catnvv img {width: 17px; margin: 3px 3px -4px 0px;}
.catnvv a { width: 50%; font-size: 16px; margin: 7px 5px; padding: 5px 7px; box-shadow: 0px 0px 2px 2px rgba(198, 222, 231, 0.3); border-radius: 4px;}
.catnvv a:hover {text-decoration: none; color: #B50003; background:#fbfeff;}
.catnvv span {color:#ff9b00; font-size: 16px; display: block; font-style: normal; font-weight: normal; padding-top: 7px;}
.catnvv i {font-style: normal; color: #717171; font-size: 14px;}
.catnvv div span {color:#ccc}
.catnvv div i {color:#ccc}	

.dopinfocat {background: #f2fff0; padding: 5px 11px 5px 13px; border-top: 1px solid #dee9de;}
.dopinfocat a {border: 1px solid #ccc; padding: 5px; margin: 3px 10px 10px 0px; font-size: 16px; border-radius: 5px; color: #75947b; display: inline-block;}
.dopinfocat a:hover {background: #fffde8; color: #333;}
.dopinfocat span {display: inline-block; border: 1px solid #ff9b00; padding: 3px 5px; margin: 3px 10px 3px 0px; font-size: 16px; border-radius: 5px; color: #fff; background: #ff9b00;}
.dopinfocat p {color: #333; font-size: 17px; text-align: center; line-height: 22px;}

.ah1 {padding: 10px 13px; margin-top: 10px;}
.ah1 img {height: 100px}
.zh1color {background: #1ea1ff; color: #fff;}
.ah1 h1 {font-size: 20px; padding: 0px;}
.ah1 h2 {font-size: 16px; padding: 0px;}

.remsg {font-size:14px; color:#999; line-height:20px; padding:7px 12px; border-bottom:5px solid #d1e2ea; border-top: 1px solid #edf8fd; display:flex; justify-content: space-between; align-items:center; background:#fff;}
.remsg i {color:#999; font-size:14px;}
.remsg b {font-size:12px; color:#333; padding-left:21px;}
.remsg img {padding:3px; margin:0px 3px; background:#c5d6df; border-radius:5px;}
.remsg img:hover {background:#6db8d7;}
	
@media screen and (max-width: 950px) {
.center {max-width:768px;}
    }
@media screen and (max-width: 760px) {
.center {max-width:640px;}
	}
@media screen and (max-width: 590px) {
.center {max-width:480px;}	
.head {border-bottom:0px; height:50px;}
}

@media screen and (max-width: 470px) {
.main {border: 0px;}	
.catnvv a {width:47.5%;}
}