@import "../plugins/animate.min.css";

*{margin: 0;padding: 0;}
body{ font-family:"Microsoft Yahei";font-size:14px;max-width: 100%;margin: 0 auto;padding: 0;background:#fff;color:#333;}
li{ list-style-type:none;}
img{ border:0;}
a,a:hover{ text-decoration:none !important;}
a{ color:#333;}
a:hover{ color:#1f93ff;}
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*/
.top-header{ height:95px; background: #191c22; min-width: 1220px;}
.top-header .container{ width: 1600px;}
@media (max-width: 1620px) {
    .top-header .container{ width: 1220px;}
}
.header .top-header{ background: transparent; position:absolute; left:0; right:0; top:0; z-index:11;}
.top-header .logo{ float: left; width: 108px; height: 32px; margin: 31px 30px 0 0;}
.top-header .logo img{ display: block; width: 100%;}
.top-header .nav-list li{ float: left; position: relative;}
.top-header .nav-list .nav{ display: block; color: #fff; font-size: 16px; line-height:95px; padding: 0 20px;}
.top-header .nav-list .product .nav{ padding: 0 40px;}
.top-header .nav-list li:hover .nav{ color: #1f93ff;}
.top-header .nav-list .active .nav{ color: #1f93ff;}
.top-header .pop-list{ display: none; position: absolute; left:-25px; width: 130px; top:94px; z-index: 11; background: #fff; border-radius: 3px; background: #fff; padding:20px 20px 10px 0}
.top-header .pop-list:before{ content: ""; position: absolute; left: 50%; margin-left: -6px; top: -12px; border:6px solid transparent;border-bottom-color: #fff;}
.top-header .pop-list dl{float: left; width: 160px; margin:0 10px 10px 20px;}
.top-header .pop-list dt{border-bottom: 1px solid #ddd; color: #000; line-height: 35px; padding-left: 24px;}
.top-header .pop-list dd{ padding: 12px 0 0; overflow: hidden}
.top-header .pop-list dd a{ display: block; line-height: 30px; color: #666;}
.top-header .pop-list .item1 dt{background: url("../../images/public/ico/nav1.png") left center no-repeat;}
.top-header .pop-list .item2 dt{background: url("../../images/public/ico/nav2.png") left center no-repeat;}
.top-header .pop-list .item3 dt{background: url("../../images/public/ico/nav3.png") left center no-repeat;}
.top-header .pop-list .item4{ width: 540px;}
.top-header .pop-list .item4 dt{background: url("../../images/public/ico/nav4.png") left center no-repeat;}
.top-header .pop-list .item4 dd a{float: left; width: 160px; margin-right:30px;}
.top-header .pop-list .item4 dd a:nth-child(3n),.top-header .pop-list .item4 dd a:nth-child(6n),.top-header .pop-list .item4 dd a:nth-child(9n),.top-header .pop-list .item4 dd a:nth-child(12n),.top-header .pop-list .item4 dd a:nth-child(15n){ margin-right:0;}
.top-header .pop-list .list{ margin-left: 20px; text-align: center; overflow: hidden}
.top-header .pop-list .list a{ display: block; line-height: 30px; color: #666;}
.top-header .pop-list a:hover{color: #1f93ff;}
.top-header .pop-list em{display: inline-block; vertical-align:text-top; width: 31px; height: 15px; margin:2px 0 0 5px;}
.top-header .pop-list .hot{background: url("../../images/index/ico/ico4.png") center no-repeat;}
.top-header .pop-list .new{background: url("../../images/public/ico/new.png") center no-repeat;}
.top-header .pop-list.product{width: 570px !important; left:-85px; }
.top-header .pop-list.product:before{left: 140px;}
.top-header .nav-right{ float: right; height: 40px; margin:28px 0 0;text-align: right; font-size: 16px;}
.top-header .nav-right a{ display: inline-block; margin-left:8px; line-height: 40px; color: #fff;}
.top-header .nav-right a:first-child{ margin-left: 0; }
.top-header .nav-right a:hover{ color:#059fff;}
.top-header .nav-right .member:before{ content:''; display:inline-block; width:14px; height: 18px; vertical-align:middle; margin:0 5px 0 30px; background: url("../../images/public/ico/member.png") center top no-repeat;}
.top-header .nav-right .btn{ height: 38px; border: 1px solid rgba(255,255,255,.5); width: 58px; text-align: center;line-height: 38px; color: #fff;}
.top-header .nav-right .btn:hover{ color: #fff}
.top-header .nav-right .btn-register{border:1px solid #015bfe; width: 138px; background: #015bfe; }
.top-header .nav-right .btn-register:before{content: ""; width: 14px; margin-right: 5px; display: inline-block; vertical-align: top; height: 38px;background: url("../../images/public/ico/register.png") right center no-repeat;}


/*瀹㈡埛妗堜緥*/
.case-cloumn{text-align: center; margin: 0 0 75px; font-size: 32px;}
.foot-case{padding: 95px 0; min-width:1280px;overflow: hidden}
.foot-case ul{border-top: 1px solid #ddd;border-left: 1px solid #ddd; width: 1275px; margin: 0 auto; overflow:hidden;}
.foot-case ul li{float:left; width: 254px; height: 159px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; _display:inline; position:relative; overflow:hidden;}
.foot-case ul li:after{ content:""; position:absolute; left:0; bottom:0; height:1px; width:0; background:#059fff;transition: 0.2s all linear;}
.foot-case ul li:hover:after{ width:100%;}
.foot-case img{display:block;width: 220px; height: 100px; margin:30px auto 0;}
.foot-case .more{ display: block; margin: 35px 0 0; font-size: 16px; text-align: center; color: #015bfe;}

/*鍒嗛〉*/
.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;}

/*寮瑰嚭鐧诲綍妗�*/
.pop-login{ width:520px; margin:-20px;}
.pop-login input[type=text]:focus,.pop-login input[type=password]:focus{ border: 1px solid #059fff; }
.pop-login #login_form{ margin:30px 85px 0 85px;}
.pop-login .account-login h1{ height:60px; padding:0 20px 0 40px; line-height:60px; color:#fff; font-size:18px; background:#059fff; overflow:hidden;}
.pop-login .account-login h1 i{ float:right; width:16px; height:16px; float:right; margin:20px 0 0; background: url("../../images/public/ico/float-close.png") no-repeat;cursor:pointer;}
.pop-login form{ padding:30px 85px 0; overflow:hidden;}
.pop-login p{ width: 350px;  margin: 0 0 15px; position:relative;}
.pop-login p:before{ content: ""; display: block; width: 13px; height: 18px; position:absolute; left:8px; top:11px; background: url("../../images/user/icons.png") no-repeat;}
.pop-login p input{ border: 0; font-size:15px; width:312px; font-family:"Microsoft Yahei"; height:38px; padding-left:35px; border: 1px solid #dddddd;}
.pop-login .name:before{ background-position: -100px 0;}
.pop-login .name:hover:before{ background-position: -203px 1px;}
.pop-login .pwd:before{ background-position: -119px 0;}
.pop-login .pwd:hover:before{ background-position: -223px 1px;}
.pop-login .code:before{ background-position: -1px -22px;}
.pop-login .code:hover:before{ background-position: -243px 1px;}
.pop-login .code input{ width:148px;}
.pop-login .code img{ display:inline-block; margin-left:10px; vertical-align:middle; width:148px; height:40px;}
.pop-login input[type=submit]{ width:350px; height:50px; margin:0 auto; cursor:pointer; font-size:18px; background:#059fff; text-align:center; color:#fff; border:0;}
.pop-login .tip{ margin:0 0 20px; overflow:hidden;}
.pop-login .tip a{ color: #059fff;}
.pop-login .other{ padding: 20px 0 0 85px; color: #666666; overflow: hidden; }
.pop-login .other a{ display: inline-block; width: 19px; height:20px; margin-right:8px; vertical-align: text-top; background: url("../../images/user/icons.png") no-repeat; cursor:pointer;}
.pop-login .other .qq{ background-position: -160px 0; }
.pop-login .other .weixin{ background-position: -139px 0; }
.pop-login #errormsg{ color:red; text-align:center;}
.pop-login .ewm-login{ padding:30px; display:none;}
.pop-login .ewm-login i{ float:right; width:16px; height:16px; float:right; margin:20px 0 0; background: url("../../images/public/ico/float-close.png") no-repeat;cursor:pointer;}
.pop-login .ewm-login img{ display:block; margin:50px auto 60px;}
.pop-login .ewm-login a{ display:block; text-align:right; color:#666; cursor:pointer;}
.pop-login .errorInfo{ position:fixed; top:50%; left:50%;width:160px; margin:-20px 0 0 -80px; background:rgba(0,0,0,.6); color:#fff; text-align:center; line-height:40px;z-index:11;}

/*楠岃瘉鐮佸脊妗�*/
#validate-code{ padding:40px 30px 0;}
#validate-code dt{ float:left; line-height:40px;}
#validate-code dd{ float:left; width:260px;}
#validate-code input[type=text]{ width:105px; vertical-align:top; margin-right:10px; border:1px solid #ddd; height:38px; padding:0 10px;}
#validate-code img{ height:40px; width:120px; vertical-align:top; }

/*琛ㄥ崟楠岃瘉閿欒鎻愮ず*/
.Validform_error{ border:1px solid #ff7676 !important;}
.Validform_wrong{ margin-left: 15px;  color:red}
.Validform_success{ border:1px solid #02ca4d !important;}
.Validform_right{ margin-left:15px; display:inline-block; padding-left:25px; color:#02ca4d; background:url("../../images/public/ico/v_success.png") left center no-repeat;  }

/*鍙充晶鍜ㄨ*/
@media (max-width: 1440px){
    .float-consult{right:2px !important; bottom:60px !important;}
    .float-consult .other{padding: 10px 20px 10px !important;}
}
.back-top{transition: 0.3s all linear; visibility:hidden;}
.float-consult{ position: fixed; right: 20px; bottom:100px;z-index:111;}
.float-consult ul{ position: relative; }
.float-consult ul li{ width: 90px; height:55px;margin: 0 0 5px;}
.float-consult .cloumn{ float: right; width:53px; height: 53px; background: #fff;  text-align: center; font-size: 12px; color: #666666; border: 1px solid #eee; cursor: pointer;}
.float-consult .cloumn:before{ content: ""; width: 26px; height: 26px; display: block; margin:5px auto 2px; background: url("../../images/public/side-menu.png?v=2") no-repeat;}
.float-consult .cs1:before{ background-position: 1px 0;}
.float-consult .cs2:before{ background-position: -27px 0;}
.float-consult .cs3:before{ background-position: -56px 0;}
.float-consult .cs4:before{ background-position: -85px 0;}
.float-consult .cs5:before{ background-position: -116px 0;}
.float-consult .cs6:before{ background-position: -145px 0;}
.float-consult .cs7:before{ background-position: -176px 0;}
.float-consult .cs8:before{ background-position: -206px 0;}
.float-consult .cs9:before{ background-position: -95px -86px;}
.float-consult .ewm{ display: none; position: absolute; bottom:-5px; right:69px; z-index: 111; background: #fff;width:128px; height: 128px; border: 1px solid #059fff;}
.float-consult .ewm:after{ content: ""; width:5px; height:8px; display: block; position: absolute; right:-5px; top:30px; background: url("../../images/public/ico/ico2.png") left center no-repeat; }
.float-consult .ewm img{ display: block; width: 118px; height: 118px; margin: 5px; }
.float-consult .version{ display: none; position: absolute;top:0; right:69px; z-index: 111; background: #fff;width:128px; height: 128px; border: 1px solid #059fff;}
.float-consult .version:after{ content: ""; width:5px; height:8px; display: block; position: absolute; right:-5px; top:30px; background: url("../../images/public/ico/ico2.png") left center no-repeat; }
.float-consult .version img{ display: block; width: 118px; height: 118px; margin: 5px; }
.float-consult .service{ display: none; position: absolute; top: 240px; right:70px; font-size: 16px; color: #fff; width: 210px; background: #059fff; text-align: center; line-height: 25px; padding:18px 0; }
.float-consult .service:after{ content: ""; position: absolute; right: -5px; top: 26px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:5px dashed transparent;border-left-style: solid;border-left-color: #059fff;border-right-width: 0;}
.float-consult .consult{ display: none; border: 1px solid #eee; width: 323px; background:#fff; position: absolute; right:70px; top: 10px;}
.float-consult .consult:before{ content: ""; display: block; width: 6px; height: 10px; position: absolute; right: -5px;background: url("../../images/public/ico/ico4.png") center no-repeat; }
.float-consult .consult h2{ font-size: 20px; padding: 13px 20px 13px; margin: 0 0 15px; border-bottom: 1px dashed #ddd;}
.float-consult .consult h2 span{color: #999999; font-size: 14px; margin-left:15px;}
.float-consult .list{ border-bottom: 1px dashed #eee; padding:0 20px 15px;}
.float-consult .tip{font-size:12px; overflow: hidden;}
.float-consult .tip h5{ color: #ff8a00; font-size:14px; margin:0 0 5px;}
.float-consult .tip p{ color:#666; line-height:20px;}
.float-consult .tip span{ font-weight:600;}
.float-consult .item{ height: 38px; border: 1px solid #eeeeee; position: relative; padding-left: 140px; text-align: center; min-height: 38px; margin: 0 0 15px;}
.float-consult .item em{ display: block; width: 139px;height: 38px; line-height: 38px; background: #fafafa; position: absolute; left: 0; top: 0;color: #666666; }
.float-consult .item .ico{ display: inline-block; width: 20px; height: 20px; position: relative; margin:9px 10px 0; vertical-align: middle; cursor: pointer; background: url("../../images/public/side-menu.png") no-repeat;}
.float-consult .item img{ display: block; width:89px; height:89px;}
.float-consult .item .card{ display: none; position: absolute; bottom: -98px; left:-37px; z-index: 111; background: #fff;width: 89px; height: 89px; border: 1px solid #059fff;}
.float-consult .item .card:before{ content: ""; width: 9px; height: 6px; display: block; position: absolute; left: 41px; top: -6px; background: url("../../images/public/ico/ico3.png") center bottom no-repeat; }
.float-consult .preale3 .card{ top: -98px;}
.float-consult .preale3 .card:before{ top:89px;background: url("../../images/public/ico/ico3-1.png") center bottom no-repeat; }
.float-consult .preale4 .card{ top: -98px;}
.float-consult .preale4 .card:before{ top:89px;background: url("../../images/public/ico/ico3-1.png") center bottom no-repeat; }
.float-consult .item .phone{ display: none; position: absolute;  bottom: -45px; left:-65px;font-size: 16px; z-index: 111; color: #fff; width:150px; background: #059fff; text-align: center; line-height: 25px; padding:7px 0; }
.float-consult .item .phone:after{ content: ""; position: absolute; left: 70px; top:-5px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:5px dashed transparent;border-bottom-style: solid;border-bottom-color: #059fff;border-top-width: 0;}
.float-consult .preale4 .phone{ bottom:33px;}
.float-consult .preale4 .phone:after{ bottom:-5px; top:auto;border-top-width: thick; border-bottom-style: none; border-top-style: solid; border-top-color: #059fff; border-bottom-width: 0;}
.float-consult .list .qq{ background-position: 0 -60px;}
.float-consult .list .wx{background-position: -22px -60px;}
.float-consult .list .tel{background-position: -50px -60px;}
.float-consult .list .qq:hover{ background-position: -71px -60px;}
.float-consult .list .wx:hover{background-position: -94px -60px;}
.float-consult .list .tel:hover{background-position: -120px -60px;}
.float-consult .other{ clear:both; padding: 20px 20px 10px; overflow:hidden;}
.float-consult .other h3{ color: #059fff; font-size: 14px; margin: 0 0 10px; }
.float-consult .other a{ display: block; color: #999999; font-size: 12px; line-height:20px; }
.float-consult .other a:hover{ color:#059fff;}
.float-consult .preale:before{ top: 75px;}
.float-consult .aftersale:before{ top: 135px;}
.float-consult .beian:before{ top:190px;}
.float-consult li:hover .cloumn{ border: 1px solid #059fff; color: #059fff;}
.float-consult li:hover .cs1:before{ background-position: 1px -30px;}
.float-consult li:hover .cs2:before{ background-position: -27px -28px;}
.float-consult li:hover .cs3:before{ background-position: -56px -28px;}
.float-consult li:hover .cs4:before{ background-position: -85px -28px;}
.float-consult li:hover .cs5:before{ background-position: -116px -28px;}
.float-consult li:hover .cs6:before{ background-position: -145px -28px;}
.float-consult li:hover .cs7:before{ background-position: -176px -27px;}
.float-consult li:hover .cs8:before{ background-position: -206px -27px;}
.float-consult li:hover .cs9:before{ background-position: -128px -86px;}
.float-consult .cart:hover a{ color:#ff8a00; border:1px solid #ff8a00;}
.float-consult .cartActive a{ border:1px solid #ff8a00; color:#ff8a00;}
.float-consult .cartActive .cs7:before{ background-position: -176px -27px;}
.float-consult .cartActive em{ width:20px; height:20px; position:absolute; left:20px; top:-10px; border-radius:100%; color:#fff; line-height:20px; text-align:center; font-size:12px; background:#ff8a00;}


/*footer*/
.footer{ background: #191c22; padding:85px 0 45px;overflow: hidden; min-width:1220px;}
.footer .container{ width: 1600px;}
.footer .main{ width: 1120px; float: right;}
.footer .left{ height: 236px; overflow: hidden}
.footer .foot-menu{ height: 335px; overflow: hidden}
.footer .foot-menu li{ float: left;width:160px; margin-right:160px;}
.footer .foot-menu li:last-child{ margin-right: 0; }
.footer .foot-menu h4{ font-size: 16px; color: #fff; padding: 0 0 26px; border-bottom: 1px solid #303339; margin: 0 0 15px;}
.footer .foot-menu a{ display: block; color: #5e646e; line-height:30px;}
.footer .foot-menu a:hover{ color:#d1d9e8;}
.footer .foot-contact{ float: left; width:320px;overflow: hidden}
.footer .foot-contact .logo{ margin: 0 0 50px;}
.footer .foot-contact .logo,.footer .foot-contact .logo img{display: block; width: 116px; height: 34px;}
.footer .foot-contact p{ font-size: 18px;line-height:32px;color: #fff;}
.footer .foot-contact h5{ margin: 20px 0 0; font-size: 14px; color: #a1a7b2; line-height: 22px;}
.footer .foot-contact ul{ height: 38px; margin:25px 0 0; }
.footer .foot-contact li{ position: relative; width:30px; height:30px; float: left; margin-right: 20px; }
.footer .foot-contact li a{ display: block;width:30px; height:30px;background: url("../../images/public/icons.png") no-repeat;}
.footer .foot-contact li i{display: inline-block; position: absolute; bottom: -6px; left:55px;width: 0;height: 0;line-height: 0;vertical-align: middle;border:6px dashed transparent;border-top-style: solid;border-top-color: #fff;border-bottom-width: 0;}
.footer .foot-contact li p{ display: none;position: absolute; left: -48px; bottom: 38px;background: #fff; padding:5px;}
.footer .foot-contact li img{ display: block; margin:0 auto;}
.footer .foot-contact .weixin a{ background-position:1px 2px;}
.footer .foot-contact .weixin a:hover{ background-position:-172px 3px;}
.footer .foot-contact .qq a{ background-position: -40px 2px;}
.footer .foot-contact .qq a:hover{ background-position: -213px 2px;}
.footer .foot-contact .weibo a{ background-position: -81px 2px;}
.footer .foot-contact .weibo a:hover{ background-position: -254px 3px;}
.footer .foot-contact .mail a{ background-position: -127px 2px;}
.footer .foot-contact .mail a:hover{ background-position: -299px 3px;}
.footer .foot-link{ clear: both; position: relative; padding:20px 0 0 84px;line-height: 22px; border-top: 1px solid #303339;overflow: hidden}
.footer .foot-link:before{ content: "鍙嬫儏閾炬帴锛�"; color: #fff; display: inline-block;height: 22px; position: absolute; left: 0; top:20px;}
.footer .foot-link a{ display: inline-block; color: #5e646e;margin:0 20px 15px 0;}
.footer .foot-link a:hover{ color:#d1d9e8;}
.foot-logo{ font-size: 12px; overflow:hidden;}
.foot-logo a{float: left; height:24px;line-height: 24px; margin-right:90px;color: #5e646e;}
.foot-logo a:last-child{ margin-right: 0}
.foot-logo .item1{ padding-left: 24px;background:url("../../images/public/foot-logo1.png") left center no-repeat}
.foot-logo .item2{ padding-left: 24px;background:url("../../images/public/foot-logo2.png") left center no-repeat}
.foot-logo .item3{ padding-left: 35px;background:url("../../images/public/foot-logo3.png") left center no-repeat}
.foot-logo .item4{ padding-left: 28px;background:url("../../images/public/foot-logo4.png") left center no-repeat}
@media (max-width: 1620px) {
    .footer .container{ width: 1220px;}
    .footer .main{ width: 850px;}
    .footer .foot-menu li{ margin-right:70px;}
    .foot-logo a{ margin-right:26px;}
}

/*涓婁紶*/
.upload-pic{width:100%; overflow:hidden;}
.upload-pic li{ position:relative; width:100px; float:left; position:relative; height:103px; margin-right:20px;}
.upload-pic img{width:100px; height:100px; border:1px solid #ddd; border-radius:5px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:10}
.file-panel{position: absolute; left:0px; top:0px; color: #ffffff; z-index: 999; text-align: center; cursor: pointer; font-size:15px; background: rgba(0, 0, 0, 0.6); height:0px; width:100%}
.file-panel i{ display:inline-block; width:15px; height:15px; margin:5px 5px 0;}
.file-panel .fa-search-plus{background:url("../../images/public/ico/upload_look.png") center no-repeat}
.file-panel .fa-trash-o{background:url("../../images/public/ico/upload_delete.png") center no-repeat}

/*璐拱椤荤煡*/
.mycart-rules{ background: #fff; padding: 0px 25px 5px 0;overflow: hidden; }
.mycart-rules h5{ font-size: 14px; font-weight: bold; margin: 0 0 5px; color: #059fff; }
.mycart-rules h5:before{ content: ""; width: 15px; height: 18px; display: inline-block; margin-right: 10px; vertical-align: middle; background: url("../../images/mycart/icons.png") -289px -5px no-repeat; }
.mycart-rules p{ font-size: 12px; line-height: 30px; color: #666666; font-weight: bold; }

/*浜у搧搴曢儴閰嶇疆*/
.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/public/ico/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/public/ico/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/public/ico/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/public/ico/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;}