*{margin:0;padding:0;border: none}
body
{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#606060;
background:url(images/nav-bg.jpg) repeat-x  ;
text-align:center;
margin:0;
padding:0;
line-height:25px;
}

li{list-style:none outside;}

h1 {color:#ff7e00; font-size:25px;font-weight:bold;}
h2 {color:#ff7e00; font-size:24px; font-style:italic; font-weight:bold; line-height:30px;}
h3 {font-size:20px; line-height:40px; font-style:italic; margin-bottom:20px; font-weight:bold;}
h4 {color:#696969; font-size:25px; line-height:40px;font-weight:bold;}

p {margin-bottom:10px;}

a:link{color:#ffffff; text-decoration:underline;}
a:visited{color:#ffffff; text-decoration:underline;}
a:hover{color:#ffffff; text-decoration:none;}
.clear{clear: both;}
a:visited{color:#ff7e00; text-decoration:underline;}
a:hover{color:#ff7e00; text-decoration:none;}

/**** 页面框体公共部分 ****/
/* nav */
.content-box {width:1000px; background:#fff; border-top:2px solid #ff720e; text-align:left; margin:0 auto;}
.nav {width:1000px; height:85px; margin:0 auto;}
.nav-logo {width:218px; float:left;}
.nav-info {width:750px; height:34px; margin:15px 0; float:right;}
.nav-info ul {background:#ff720e; color:#fff;}
.nav-info ul li {list-style:none; width:125px; height:34px; line-height:34px; font-size:18px; font-weight:bold; float:left;}
.nav-info ul li a:link, .nav-info ul li a:visited {color:#fff; text-decoration:none; display:block; }
.nav-info ul li a:hover {color:#ffffff; text-decoration:none; background:#ff720e;}
/* banner */
.banner {width:1000px; border-bottom:#0e4f76 5px solid; margin:20px auto;}
.banner a:link,a:visited{color:#ff7e00; text-decoration:underline;}
.banner a:hover{color:#ff7e00; text-decoration:none;}
/* navigation */
.navigation {width:1000px; text-align:left; margin:10px auto;}
.navigation a:link, .index-f a:visited {text-decoration:underline; color:#ff7e00;}
.navigation a:hover {text-decoration:underline; color:#ff7e00;}
/* footer */
.footer{width:1000px; margin:0 auto;}
.footer-logo{width:135px; height:51px; margin:20px 0 20px 20px; float:left;}
.footer-link{width:640px; height:auto; margin:20px 0 20px 200px; float:left;}
.footer-in{ margin:10px 15px 30px 0; padding:5px 0 10px 10px; font-size:15px; color:#fea201;float:left;}
.footer-single{width:500px; margin:10px; line-height:22px; text-align:left; padding-left:10px; border-left:#CCCCCC 1px solid;  float:left;}
.footer-single a{margin-right:15px; color:#CCCCCC; text-decoration:none;}
.copyright {width:1000px; line-height:50px; margin:20px auto 0 auto; border-top:#FFFFFF 1px groove;}
.copyright a:link,a:visited{color:#ff7e00; text-decoration:underline;}
.copyright a:hover{color:#ff7e00; text-decoration:none;}


/**** index ****/
.index-about {width:1000px; background:#fff; border-top:2px solid #ff720e; text-align:left; margin:0 auto;}
.index-about-title {width:1000px; font-size:30px; line-height:50px; text-align:center; margin:50px auto;}
.index-about-content {width:395px; margin-left:60px; padding:20px 55px 20px 0; background:url(images/fen.png) right no-repeat; float:left;}
.index-contact {width:1000px; background:#fff url(images/contact-b.png) bottom no-repeat; text-align:left;  padding-bottom:300px;  margin:0 auto;}
.index-contact-title {width:1000px; font-size:30px; line-height:50px; text-align:center; margin:50px auto;}
.index-contact-content {width:344px; height:276px; margin:0 60px 0 0; padding:20px; background:url(images/contact.png) repeat-x; color:#0069a8; float:right;}


/**** game ****/
.game {width:1000px; background:#fff; border-top:2px solid #ff720e; text-align:left; margin:0 auto;}
.game-box {width:880px; border-bottom:1px solid #c7c7c7; padding:60px; float:left;}
.game-icon {margin-right:50px; float:left;}
.game-title {width:600px; margin-bottom:15px; float:left;}
.game-title a:link, .title a:visited {color:#ff7e00; text-decoration:none;}
.game-title a:hover {color:#ff7e00; text-decoration:underline;}
.geme-describe {width:434px; float:left;}
.geme-triangle {width:434px; height:11px; line-height:0; background:url(images/triangle.jpg) left no-repeat; float:left;}
.geme-content {width:404px; color:#7b7b7b; padding:15px; background:#ececec; border-bottom:2px solid #d4d4d4; float:left;} 
.geme-button {margin:20px 0 0 10px; color:#000; line-height:20px; float:left;}


/**** product ****/
.product {width:880px; padding:40px 60px; background:#fff; text-align:left; margin:0 auto;}
.product-title {line-height:46px; height:46px; background:url(images/star.png) left no-repeat  ; text-align:left; padding-left:50px; margin:0 auto;}
.product-icon {float:left; margin-bottom:20px;}
.product-describe {width:880px; background:url(images/triangle.jpg) left bottom no-repeat; color:#7b7b7b; font-size:20px; font-style:italic; padding-bottom:20px; float:left;}
.product-content {width:840px; background:#ececec; border-bottom: 2px solid #d4d4d4; padding:20px; color:#7b7b7b; float:left;}
.product-screenshot {margin:20px 8px 20px 8px; float:left;}
.product-screenshot img {width:276px; height:491px; float:left;}


/**** support ****/
.support {width:1000px; background:#fff url(images/contact-b.png) bottom no-repeat; text-align:left;  padding-bottom:300px;  margin:0 auto;}
.support .title {width:1000px; font-size:30px; line-height:50px; text-align:center; margin:50px auto;}
.support-about {width:395px; margin-left:60px; padding:20px 55px 20px 0; background:url(images/fen.png) right no-repeat; float:left;}
.support-contact {width:344px; height:276px; margin:0 60px 0 0; padding:20px; background:url(images/contact.png) repeat-x; color:#0069a8; float:right;}


/**** goods ****/
.goods {width:1000px; height: 600px; background:#fff; text-align:left; margin:0 auto;}
.goods-icon {width:880px; height: 180px; float:left;}
.goods-icon img {width:180px; height: 180px; float:left;}
.goods-des {width:180px; background-color:#eafbfa; border:1px solid #b5e4e1; float:left;}
.goods-des-title {color:#24b6ac; font-size:16px; font-weight:bold; padding:5px;}
.goods-des-title a {color:#24b6ac; text-decoration:none;}
.goods-des-title a:link, .goods_des_title a:visited {color:#24b6ac; text-decoration:none;}
.goods-des-title a:hover{color:#24b6ac; text-decoration:underline;}
.goods-des-detail {padding:0px 5px; margin:1px auto; text-align:left; float:left;}
.goods-des-btn {width:160px; height:38px; margin:10px 10px; background-color:#24b6ac; padding-top:12px; text-align:center; float:left;}
.goods-des-btn a {color:#fff; font-size:14px;  text-decoration:none;}
.goods-des-btn a:link, .goods_des_btn a:visited {color:#fff; text-decoration:none;}
.goods-des-btn a:hover {color:#fff; font-size:18px; text-decoration:underline;}


/**** pay ****/
.pay-price {line-height: 34px;background-color: #f5f5f5;color: #000;padding: 12px 30px;margin-top: 15px;}
.pay-price-goods-name {width: 280px;display: inline-block;}
.pay-price-goods-name .red {font-size: 18px;padding-left: 10px;color: #ff2832;}
.payment_box {border: 1px solid #dcdcdc;padding: 10px;}
.payment_table {
    width: 915px;
    text-align: center;
    line-height: 16px;
    margin: 10px 0 0 20px;
    display: inline-block;
    vertical-align: top;
}
.payment_table tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
.payment_table tr {display: table-row;vertical-align: inherit;border-color: inherit;}
.payment_table td, th {display: table-cell;vertical-align: inherit;}
.payment_table td {width: 142px;padding: 0 50px 10px 0;vertical-align: top;}
.payment_table td a {border: 1px solid #eaeaea;display: block;margin-bottom: 5px;position: relative;}
.payment_table td a.current {border: 2px solid #ff6565;margin: -1px -1px 4px;position: relative;}
.payment_table td a.current span {display: block;}
.payment_table td a:link, a:visited {text-decoration: none;color: #1a66b3;}
.payment_table td a span {width: 18px;height: 18px;background: url(../images/choosen.png) 0 0 no-repeat;position: absolute;right: 0;bottom: 0;z-index: 2;display: none;}
.payment_btn {
    background-color: #ff2832;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 3px;
    margin: 0 0 6px 20px;
}
.payment_box a:link, a:visited {text-decoration: none;color: #1a66b3;}
.payment_box input {padding: 0;margin: 0;}