@charset "utf-8";h3{margin:0}
ul{margin:0}
p{margin:0}
body,html{font-family:'PT Sans',sans-serif;font-size:100%;overflow-x:hidden;background:#fff}
body a{transition:.5s all ease;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;-ms-transition:.5s all ease;text-decoration:none}
h3{margin:0}
p{margin:0}
ul{margin:0;padding:0}
body a:hover{text-decoration:none}
.main-content{position:relative}
.widget-shadow{background-color:#fff;box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}
.widget-shadow1{background-color:#fff;box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}
@media (min-width:1530px){.widget-shadow1{background-color:#fff;box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);background-image:url(by1.png);background-repeat:no-repeat;background-position-x:98%;background-size:195px 485px}
}
.inbox-page{width:95%;margin:20px auto}
.inbox-row{padding:.5em 1em}
.inbox-page img{width:100%;vertical-align:top}
.inbox-page p{font-size:1em;color:#000;line-height:1.8em}
*,:active,:focus,:hover{outline:0!important;-webkit-tap-highlight-color:transparent!important}
@media(max-width:480px){.inbox-page p{font-size:.8em}
}
.articleList{list-style:none;margin:0 0 10px;font-size:1em}
.articleList li{margin:1.4em 0;padding-left:25px}
.cc1 span{background-color:#396;padding:3px 8px;font-size:.8em;border-radius:4px;color:#fff}
.cc1b{padding:3px 5px;font-size:.8em;border-radius:4px;color:#fff}
.cc1c{padding:1px 1px;font-size:.8em;border-radius:20px;color:#fff}
body,div,h3,html,img,p,span,ul{margin:0;padding:0;border:0}
li,ul{list-style-type:none;margin:0;padding:0}
h3{font-weight:400}
em,i{font-style:normal;font-variant:normal;text-decoration:none}
.left{float:left}
.right{float:right}
.clear{clear:both}
img,li{vertical-align:top;border:0}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;color:#2a8cfe}
.price{padding-bottom:1px}
.price ul li{width:200px;float:left;background:#fff}
.price ul li h3{font-size:30px;font-weight:700;text-align:center;color:#fff;padding-top:20px;height:60px;background:url(xszk.png) no-repeat 0 0 #c58c48}
.price ul li.price_one h3{background:url(zhekou.png) no-repeat 0 0 #413931}
.price ul li.price_two h3{background:url(zhekou.png) no-repeat 0 0 #413931}
.price ul li p{padding:30px 15px 20px 15px;text-align:center}
.price ul li p b{display:block;font-size:14px}
.price ul li p b span{color:#c58c48;font-weight:700}
.price ul li p b span em{font-size:34px}
.price ul li p i{display:block;font-size:14px;color:#999;padding:5px 0 30px 0}
.price .clear{text-align:center;padding-top:30px;color:#999}
.page-wrapper{padding:.1em 2em 1em}


.container {
    max-width: 70%;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;  
}

h1 {
    text-align: center;
    margin-bottom: 20px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
	
}

thead tr {
    background-color: #007bff;
    color: #fff;
    font-weight: bold;
}
        table, th, td {  
            border: 1px solid #ddd;  
        }  

th, td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}


th {
    background-color: #3A5B6C;
	            color: #FFF;  
}
     /*    tr:hover {  
            background-color: #DFA358;  
        }   */
tr:nth-child(even) {
    background-color: #eeeeee;
}