* {margin: 0;padding: 0;}
body{ font-family:"Microsoft Yahei";font-size:14px; padding:0; margin:0; background:#fff;color:#000;}
li{ list-style-type:none;}
img{ border:0;}
a,a:hover{ text-decoration:none !important;}
a{ color:#000;}
a:hover{ color:#059fff;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd{ font-weight: normal; margin:0; padding:0;}
input,textarea,button,select{outline:none !important;border: 0;}
textarea{resize:none}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; font-family:"Microsoft Yahei"}
input[type="text"]{font-family:"Microsoft Yahei"}
input[disabled]{ background:#ccc !important; cursor:not-allowed !important;}
button[disabled]{ background:#ccc !important;cursor:not-allowed !important;}
em{ font-style: normal; }
a,button,input,textarea{-webkit-tap-highlight-color:transparent;}

/*base*/
.container{ width: 1220px; margin: 0 auto; }
.clear{ clear: both; }
.float-l{ float: left;}
.float-r{ float: right;}
.blue{ color:#059fff;}
.margin-b20{ margin-bottom:20px;}
.waiting{ display:block; margin:20px auto;}
.relative{ position:relative;}

/*header*/
.header{ position:relative;}
.header .top-header{ position:absolute; left:0; right:0; top:0; z-index:11;}
.header .head-nav{ background:transparent;border-bottom: 1px solid rgba(255,255,255,.2); }

.top-header{ height: 80px;min-width: 1220px;}
.head-nav{ height: 79px; background: #192933;border-bottom: 1px solid #192933;position: absolute; left: 0; top: 0; right: 0; min-width:1220px; }
.head-nav h1{     float: left;
    width: 140px;
    height: 56px;
    margin: 16px 20px 0 0;
}
.head-nav h1 img,.head-nav h1 a{ display: block;}
.head-nav:hover{ background: #192933 !important;border-bottom: 1px solid rgba(5,159,255,.3) !important;}

.head-nav .nav-list li{ float: left;}
.head-nav .nav-list .nav{ display: block; color: #fff; font-size: 18px; line-height: 79px; padding: 0 20px;}
.head-nav .nav-list .nav:after{ content: ""; display: block; margin:-1px 0 0; width:0; height: 3px; background:#059fff;transition: 0.2s all linear;}
.head-nav .nav-list li:hover .nav{ color: #059fff;}
.head-nav .nav-list li:hover .nav:after{ width:100%; }
.head-nav .nav-list .active .nav{ color: #059fff;}
.head-nav .nav-list .active .nav:after{ width:100%; }
.head-nav .pop-list{ display:none; background: #192933; height: 288px; padding-top: 30px; position: absolute; left: 0; top: 80px; right: 0;transition: 0.4s all linear; z-index: 22;}
.head-nav .pop-list dl{ width: 290px; float: left; margin-right: 20px;}
.head-nav .pop-list dl:last-child{ margin-right: 0; }
.head-nav .pop-list dt{ height: 40px; line-height: 40px; color: #c8cacc; padding: 0 20px; background: rgba(59,102,135,.5); }
.head-nav .pop-list dt:before{ content: ""; display: inline-block; margin-right: 3px; width: 17px; height: 17px; vertical-align: middle; background: url("../images/icons.png") no-repeat;}
.head-nav .pop-list .ico1:before{background-position: 0 0; }
.head-nav .pop-list .ico2:before{ background-position:-21px 0; }
.head-nav .pop-list .ico3:before{ background-position:-41px 0; }
.head-nav .pop-list .ico4:before{ background-position:-60px 0; }
.head-nav .pop-list dd span{ display: block; height: 20px; line-height: 20px; margin: 0 0 2px;}
.head-nav .pop-list dd span:after{ content: ""; display: inline-block; margin-left:5px; width: 30px; height: 15px; vertical-align: sub; }
.head-nav .pop-list dd .hot:after{ background: url("../images/hot.png") right center no-repeat; }
.head-nav .pop-list dd .new:after{ background: url("../images/new.png") right center no-repeat; }
.head-nav .pop-list dd p{ font-size: 12px; color: #939699; height:20px; line-height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.head-nav .pop-list dd a{ display: block; color: #fff; padding: 20px; margin-top:15px; border: 1px solid #2c4863;}
.head-nav .pop-list dd a:hover{ border: 1px solid #059fff; color: #059fff;}
.head-nav .pop-list dd a:hover p{color: #059fff;}
.head-nav .pop-list dl:hover dt{ background: #059fff; color: #fff; }
.head-nav .pop-list dl:hover .ico1:before{background-position:-79px 0; }
.head-nav .pop-list dl:hover .ico2:before{ background-position:-102px 0; }
.head-nav .pop-list dl:hover .ico3:before{ background-position:-122px 0; }
.head-nav .pop-list dl:hover .ico4:before{ background-position:-140px 0; }
.head-nav .pop-list h4{ color:#fff; font-size:16px; margin:0 0 20px;}
.head-nav .pop-list .row-list li a{width: 250px;  color:#c8cacc;  padding:0 20px; float: left; height: 40px; line-height: 40px; margin:0 20px 20px 0; background:rgba(59,102,135,.5);}
.head-nav .pop-list .row-list li a:last-child { margin-right: 0; }
.head-nav .pop-list .row-list li a:hover{ background: #059fff; color: #fff; }
.head-nav .pop-link{ margin-left:-20px; overflow:hidden;}
.head-nav .pop-link a{ display:block; float:left; width:250px; height: 40px; line-height: 40px; margin:0 0 20px 20px; color: #c8cacc; padding: 0 20px; background: rgba(59,102,135,.5);}
.head-nav .pop-link a:hover{ background: #059fff; color: #fff;}

.head-nav .nav-right{ float: right; height: 40px; margin:20px 0 0;}
.head-nav .nav-right dl{ float: right; height: 60px; position: relative;color: #fff; cursor: pointer;}
.head-nav .nav-right dt{ line-height: 40px; text-align: right;}
.head-nav .nav-right dt:after{ content: ""; display: inline-block; width: 7px; height: 4px; vertical-align: middle; margin:0 18px 0 8px; background: url("../images/ico1.png") center no-repeat;transition: transform 0.3s ease;}
.head-nav .nav-right .open:after{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.head-nav .nav-right dd{ display: none; padding: 10px;text-align: center; position: absolute; left: 0; right: 0; top:50px; z-index:5; background: #fff; border-radius:3px;-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.1);box-shadow: 0px 5px 20px rgba(0,0,0,0.1);}
.head-nav .nav-right dd:before{ content: ""; position: absolute; left: 50%; top: -6px; margin-left: -5px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border: 6px dashed transparent;border-bottom-style: solid;border-bottom-color: #fff;border-top-width: 0;}
.head-nav .nav-right dd a{ display: block; text-align: center; line-height: 30px; font-size: 12px; color: #666666;}
.head-nav .nav-right dd a:hover{ color: #059fff; }
.head-nav .nav-right p{ float: right;text-align: right;}
.head-nav .nav-right p a{ display: inline-block; margin-left:5px; line-height: 40px; color: #fff;}
.head-nav .nav-right p a:first-child{ margin-left: 0; }
.head-nav .nav-right p a:hover{ color:#059fff;}
.head-nav .nav-right .member:before{ content:''; display:inline-block; width:14px; height: 18px; vertical-align:middle; margin:0 5px 0 30px; background: url("../images/member.png") center top no-repeat;}
.head-nav .nav-right .btn{ height: 38px; border: 1px solid #fff; padding: 0 15px; line-height: 38px; color: #fff;}
.head-nav .nav-right .btn:hover{ color:#fff;}
.head-nav .nav-right .btn-register{ margin-left:18px; border:1px solid #3b8ede; background: #3b8ede; }

 

/*·ÖÒ³*/
.pagination{ text-align: center; padding: 30px 0; overflow: hidden; }
.pagination a{ display:inline-block; padding:0 12px; height:33px; margin:0 3px; line-height:33px; border:1px solid #ddd;color:#666;}
.pagination p{ display:inline-block; padding:0 12px; height:33px; line-height:33px; border:1px #ddd solid; color:#999; background:#fafafa;cursor:not-allowed;}
.pagination a:hover{ border:1px solid #059fff; background:#059fff; color:#fff;}
.pagination a.cur{ border:1px solid #059fff; background:#059fff; color:#fff;}
 
 
 
/*footer-banner*/
.footer-banner{ height: 180px; background: url("../images/foot-banner.jpg") center no-repeat; overflow: hidden; min-width:1220px;}
.footer-banner h1{ color: #fff; font-size: 30px; float: left; height: 40px; line-height: 40px; margin: 45px 0 0;}
.footer-banner a{ display: block; float: right; width: 200px; height: 50px; margin: 38px 0 0; background: #fff; border-radius: 3px; line-height: 50px; text-align: center; color: #059fff; font-size: 18px; }
.module-title { font-size: 30px; color: #000; margin: 0 0 55px; text-align: center; }
.module-title span{ color: #059fff;}
.module-title p{ font-size: 14px; margin: 13px 0 0; color: #666666; }
  
/*²úÆ·µ×²¿ÅäÖÃ*/
.config-fixed{ position:fixed; left:0; right:0; bottom:0; z-index:7;}
.config-price{ padding: 20px 0 0px; }
.config-price .container{ border: 1px solid #dddddd; background: #fff;-moz-box-shadow:0px -4px 8px rgba(0,0,0,0.08);-webkit-box-shadow: 0px -4px 8px rgba(0,0,0,0.08);box-shadow: 0px -4px 8px rgba(0,0,0,0.08);}
.config-price .price-parameter{ padding: 20px 50px 15px; border-bottom: 1px dashed #dddddd;}
.config-price .price-parameter p{ font-size: 16px; line-height: 23px; color: #059fff; }
.config-price .price-parameter p span{ display: inline-block; width: 58px; height: 21px; line-height: 21px; margin-left:28px; text-align: center; font-size: 12px; color: #666666; cursor: pointer; border: 1px solid #ddd; background: #f6f6f6;}
.config-price .price-parameter p span:after{ content: "";display: inline-block; margin-left: 5px; width: 7px; height:9px; background: url("../images/down.png") center no-repeat;transition: transform 0.3s ease;}
.config-price .price-parameter .open:after{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}

.config-price .price-buy{ clear: both; padding: 25px 50px;}
.config-price .price-buy .price-info{ float: left; color: #666666;}
.config-price .price-buy .price-info .price{ font-size: 30px; color: #ff8a00; font-weight:bold; }
.config-price .price-buy .price-info em{ color: #059fff; margin-right:20px; }
.config-price .price-buy .price-info del{color:#888; margin-left:10px;}
.config-price .price-buy .price-info .discount{ height:25px; line-height:25px; display:inline-block; margin-left:20px;}
.config-price .price-buy .price-info .discount span{ display:inline-block; height:25px; font-size:14px;padding-left:30px; color:#ff8a00; background: url("../images/buy_gift.png") left top no-repeat;}
.config-price .price-buy .price-tip{ display:inline-block; position:relative; cursor:pointer;}
.config-price .price-buy .price-tip:before{ content:""; display:block; width:16px; height:25px;background: url("../images/price-tip.png") right center no-repeat;}
.config-price .price-buy .price-tip p{ display:none; border: 1px solid #ff8a00; line-height:22px; font-size: 12px; background: #fff; padding:7px 20px; position: absolute; left: -40px; right: -500px; bottom:30px; z-index: 11;}
.config-price .price-buy .price-tip p:before{  content:""; width: 10px; height: 7px; position: absolute; left: 42px; bottom:-6px; background: url("../images/tip.png") center bottom no-repeat;}
.config-price .price-buy .price-tip:hover p{ display:block;}
.config-price .price-buy .btn-buy{ width: 150px;height: 35px; background: #ff8a00; text-align: center; border: 0; line-height: 35px; color: #fff; float: right; cursor: pointer;}
.config-price .price-buy .btn-buy:hover{ background:#fb8b2a;}
.config-price .price-buy .btn-cart {display: block;float: right;width: 148px;height: 35px;border: 1px solid #ddd; background:#fff; line-height: 35px;text-align: center;color: #666;margin-right: 20px;cursor: pointer;}
.config-price .price-buy .btn-cart:hover{ border:1px solid #ff8a00; color:#ff8a00;}
.config-price .price-buy .online {display: block;float: right;width: 148px;height: 33px;border: 1px solid #ff8a00;line-height: 33px;text-align: center;color: #ff8a00;margin-right: 20px;}
.config-price .price-buy .online:hover{ background:#fb8b2a; color:#fff;}