a,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,html,i,img,input,li,ol,p,span,table,textarea,ul{margin:0;padding:0;font-style:normal}
body{font:1em '\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5B8B\4F53'}
ol,ul{list-style:none}
table{border-collapse:collapse}
img{border:none}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;color:#000}
input,select,textarea{outline:0;padding:4px;font:1em '\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5B8B\4F53';border-radius:0;resize:none;-webkit-tap-highlight-color:transparent;background:0 0;line-height:normal;box-sizing:border-box;-webkit-writing-mode:horizontal-tb;box-shadow:0 0 5px #eee;border:1px solid #ccc}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
.clearfix:after{content:'';display:block;clear:both;visibility:hidden}
.popup-overlay{position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,.4);visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:999999999}
.modal-overlay-visible{visibility:visible;opacity:1;z-index:999999999}
.modal{width:270px;position:fixed;z-index:999999999;left:50%;margin-left:-135px;margin-top:0;top:30%;text-align:center;border-radius:7px;opacity:0;-webkit-transform:translate3d(0,0,0) scale(1.185);-ms-transform:translate3d(0,0,0) scale(1.185);transform:translate3d(0,0,0) scale(1.185);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;color:#000}
.modal.modal-in{opacity:1;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:translate3d(0,0,0) scale(1);-ms-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}
.modal.modal-out{opacity:0;z-index:999999998;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:translate3d(0,0,0) scale(.815);-ms-transform:translate3d(0,0,0) scale(.815);transform:translate3d(0,0,0) scale(.815)}
.modal-inner{padding:15px;border-bottom:1px solid #b5b5b5;border-radius:7px 7px 0 0;background:#e8e8e8}
.modal-title{font-weight:500;font-size:18px;text-align:center;margin-top:5px}
.modal-text{margin-top:10px;font-size:1.1em}
.modal-buttons{height:44px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.modal-button{width:100%;padding:0 5px;height:44px;font-size:17px;line-height:44px;text-align:center;color:#007aff;background:#e8e8e8;display:block;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #b5b5b5;-webkit-box-flex:1;-ms-flex:1}
.modal-button:first-child{border-radius:0 0 0 7px}
.modal-button:last-child{border-right:none;border-radius:0 0 7px 0}
.modal-button:first-child:last-child{border-radius:0 0 7px 7px}
.modal-button:active{background:#d4d4d4}
#loading{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.2);z-index:99999999}
#loading .container{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;width:90px;height:90px;padding:10px;border-radius:6px;background:#333;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical;overflow:hidden}
#loading .loader,#loading .loader:after,#loading .loader:before{border-radius:50%}
#loading .loader:after,#loading .loader:before{position:absolute;content:''}
#loading .loader:before{width:22px;height:44px;background:#333;border-radius:44px 0 0 44px;top:-2px;left:-4px;-webkit-transform-origin:22px 21px;transform-origin:22px 21px;-webkit-animation:progresses 2s infinite ease 1.5s;animation:progresses 2s infinite ease 1.5s}
#loading .loader{font-size:11px;text-indent:-99999em;margin:0 auto;position:relative;width:40px;height:40px;box-shadow:inset 0 0 0 4px #FFF}
#loading .loader:after{width:22px;height:44px;background:#333;border-radius:0 44px 44px 0;top:-3px;left:20px;-webkit-transform-origin:0 22px;transform-origin:0 22px;-webkit-animation:progresses 2s infinite ease;animation:progresses 2s infinite ease}
#loading .text{color:#fff;font-size:.9em;text-align:center;padding-top:8px}
#toast{position:fixed;top:-20%;left:50%;max-width:200px;padding:6px;font-size:.8em;color:#fff;background:rgba(0,0,0,.55);border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);transition:top .2s ease-in-out;-webkit-transition:top .2s ease-in-out;z-index:99999999}
#toast.show{top:20%}
@keyframes progresses{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@-webkit-keyframes progresses{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}


body,html{background:#fafafa}
#toper{height:70px;background:#fff;border-bottom:1px solid #e4e4e4;box-shadow:1px 2px 3px #f7f7f7}
#toper .center{width:1200px;position:relative;margin:0 auto;line-height:70px;font-size:20px}
#toper .logo{position:absolute;top:0;left:0;height:70px;overflow:hidden}
#toper .logo img{display:block;height:100%}
#toper .nav{margin:0 210px 0 100px;text-align:right;padding:16px 0}
#toper .nav a{display:inline-block;width:100px;text-align:center;height:38px;line-height:38px}
#toper .nav a:hover{color:#dd0010;background:#fafafa}
#toper .link{position:absolute;top:16px;right:0}
#toper .link a{display:inline-block;width:80px;height:36px;line-height:36px;text-align:center;border:1px solid #28a7e1;background:#28a7e1;border-radius:4px;font-size:14px;color:#fff}
#toper .link a.login{background:#fff;color:#000}
#toper .link a.login:hover{color:#28a7e1}
#toper .user{position:absolute;top:12px;right:0;padding-left:52px;height:46px}
#toper .user a.head{position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;overflow:hidden}
#toper .user a.head img{display:block;width:100%;height:100%}
#toper .user p span{font-size:1.1em;color:#c33;display:inline-block}
#toper .user p a{color:#666;text-decoration:underline;font-size:.9em}
#body{min-height:790px}
#banner{height:430px;position:relative}
#banner a{position:absolute;top:0;left:0;width:100%;height:100%}
#body .center{width:1200px;margin:0 auto;overflow-x:hidden}
#body .product{padding:10px 0}
#body .product .title{height:24px;line-height:24px;margin:8px 0}
#body .product .title span{display:inline-block;padding:0 10px;border-left:4px solid #dd0010;font-size:18px}
#body .product .title em{display:inline-block;font-size:18px;color:#ccc}
#body .product ul{padding:10px 0;width:1220px}
#body .product ul li{float:left;margin-right:4px}
#body .product ul li a{display:block;position:relative;width:296px;height:220px;overflow:hidden;color:#fff}
#body .product ul li a img{width:100%;height:100%;position:absolute;top:0;left:0}
#body .product ul li a span{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:2}
#body .product ul li a:hover span{background:rgba(0,0,0,.6)}
#body .product ul li i{position:relative;z-index:4;display:block;font-size:1.3em;margin-top:20px;margin-left:20px}
#body .product ul li em{position:relative;z-index:4;display:block;margin-top:4px;margin-left:20px}
#body .product ul li a s{position:absolute;bottom:5px;right:5px;font-size:1.3em;font-style:normal;text-decoration:none;z-index:9}
#body .banner{height:160px;text-align:center;background:url(../image/banner.jpg) no-repeat center}
#body .banner h1{font-size:2em;font-weight:400;color:#fff;padding-top:40px}
#body .banner p{font-size:1.2em;color:#fff;height:40px;line-height:40px}
#body .forms{position:relative;width:300px;border:1px solid #ddd;box-shadow:1px 2px 3px #eee;padding:20px 60px;margin:30px auto;background:#fff}
#body .forms .rows{margin-bottom:8px}
#body .forms .rows p{color:#333;line-height:34px}
#body .forms .rows input.text{height:20px;padding:12px 10px;border:1px solid #ddd;width:274px;box-shadow:1px 2px 3px #eee inset}
#body .forms .rows input.code{width:170px;vertical-align:top}
#body .forms .rows input.text:focus{border-color:#ccc}
#body .forms .rows .img{cursor:pointer;vertical-align:top}
#body .forms .sub{margin-top:30px}
#body .forms .sub input.btn{border:none;width:294px;background:#28a7e1;color:#fff;height:50px;border-radius:2px;cursor:pointer}
#body .forms .sub a.deal{color:#666;text-decoration:underline;margin:4px 0 8px;display:block}
#body .forms .sub a.deal:hover{color:#dd0010}
#footer{clear:both;border-top:2px solid #e5e5e5;background:#f4f4f4}
#footer .center{width:1200px;margin:0 auto;padding:10px 0;overflow:hidden}
#footer .copyright{color:#666;text-align:center}
#footer .copyright p{padding:4px 0}
#body .center .position{padding:10px 0;font-size:1.05em}
#body .center .position a:hover{color:#dd0010;text-decoration:underline}
#body .center .position em{font-family:'\9ED1\4F53';color:#ccc;padding:0 8px}
#body .center .position span{color:#666}
#body .content{padding:10px;border-width:4px;border-style:solid;border-color:#dd0010 #fff #fff #fff;background:#fff}
#body .content .pics{width:300px;height:220px;float:left}
#body .content .info{float:left;width:680px;height:220px;margin:0 10px;position:relative}
#body .content .info .offsale{padding:10px 0;color:#999}
#body .content .info .price{color:red;padding:10px 0}
#body .content .info .price span{font-size:1.2em;padding-right:4px}
#body .content .info .price em{font-size:1.4em}
#body .content .info .buy{position:absolute;left:0;bottom:0}
#body .content .info .buy a{display:inline-block;width:120px;height:46px;line-height:46px;text-align:center;font-size:1.1em;background:#f60;color:#fff;border-radius:2px}
#body .content .info h1{font-size:1.4em;font-weight:400;height:34px;line-height:34px}
#body .content .info h3{font-weight:400;font-size:1em;color:#666;border-bottom:1px solid #ddd;height:30px;line-height:30px}
#body .content .contact{float:right;width:200px}
#body .content .titles{border-bottom:1px solid #c6c6c7;height:44px;margin:20px 0 10px}
#body .content .titles span{display:inline-block;border-left:1px solid #c6c6c7;border-right:1px solid #c6c6c7;height:43px;line-height:43px;width:120px;text-align:center;border-top:2px solid #27e;background:#fff}
#body .content .box{padding:10px}
#body .content .box p{color:#666;margin-bottom:10px;line-height:24px}
sp{height:50px;position:relative;padding:20px 0 10px 0}
#body .content .box .sp{height:50px;position:relative;padding:20px 0 10px 0}
#body .content .box .sp .sp-num{display:block;position:absolute;width:48px;height:48px;line-height:48px;text-align:center;border:2px solid #28a7e1;font-size:26px;color:#28a7e1}
#body .content .box .sp .sp-name{display:block;margin-left:65px;color:red;font-size:20px}
#body .content .box .sp .sp-en{display:block;margin-left:65px;color:#a6a6a6}
#body .content h1.name{height:50px;font-size:1.5em;font-weight:400;text-align:center;border-bottom:1px solid #ddd}
#body .help li{float:left;padding:8px;border:1px solid #ddd;background:#fff;box-shadow:1px 2px 3px #eee;margin-top:20px;margin-right:20px}
#body .help li:hover{border-color:#28a7e1}
#body .help li a.covers{display:block;width:220px;height:220px;overflow:hidden}
#body .help li a.names{display:block;text-align:center;margin-top:6px;font-size:1.1em}
#body .help li a.names:hover{color:#dd0010;text-decoration:underline}
#order #body .content{border-color:#fff}
#order #body .content .sitebox{border-bottom:2px solid #dd0010}
#order #body .content .sitebox .site{width:134px;height:42px;text-align:center;line-height:40px;font-size:1.05em;background:#dd0010;color:#fff}
#order #body .content .messagebox{padding:20px 0}
#order #body .content .messagebox .person{margin-bottom:10px;height:60px}
#order #body .content .messagebox .person>div{float:left;margin-right:40px}
#order #body .content .messagebox .person>div span{font-size:.9em}
#order #body .content .messagebox .person>div input{margin-top:6px;width:200px}
#order #body .content .messagebox .person>div:nth-child(3){margin-right:10px}
#order #body .content .messagebox .person>div:nth-child(3) input{width:80px}
#order #body .content .messagebox .person button{margin-top:28px;height:32px}
#order #body .content .messagebox .person .area,.site{font-size:.9em}
#order #body .content .messagebox .person .area>div{margin-bottom:6px}
#order #body .content .messagebox .person .city-select select{border:1px solid #ccc;background:#fff;border-radius:5px;color:#333;font-size:1em;outline:0;width:160px;height:36px;margin-right:10px;box-shadow:0 0 5px #eee}
#order #body .content .messagebox .person .site input{width:700px;height:30px}
#order #body .content .remark{padding:10px 0;font-size:.9em}
#order #body .content .remark .hint{color:#9a9491;margin-bottom:6px}
#order #body .content .remark textarea{width:800px;height:80px}
#order #body .content .goodsbox table{border:1px solid #ddd}
#order #body .content .goodsbox table td img{width:60px;height:60px;float:left;margin-right:20px}
#order #body .content .goodsbox table tr td:first-child{padding:0 20px}
#order #body .content .goodsbox table tr td:nth-child(3){text-align:center;color:#ff904a}
#order #body .content .goodsbox table tr td:nth-child(4){text-align:center}
#order #body .content .goodsbox table tr td:nth-child(5){text-align:center;color:#ff904a}
#order #body .content .goodsbox .bottom{text-align:right}
#order #body .content .goodsbox .bottom p{padding:8px 0}
#order #body .content .goodsbox .bottom p em{color:red}
#order #body .content .goodsbox .bottom .btn{display:inline-block;width:120px;height:40px;background:#ff904a;color:#fff;font-size:1em;text-align:center;line-height:40px}