@charset "utf-8";
.buystepcont{ clear:both; padding-top:60px; background-color:#FBFBFB; }
.buystepd{ clear:both; max-width:1600px; min-width:1200px; margin:0 auto; position:relative; }
.buystepd.minh{ min-height:850px; }

/*buy.html*/
.buyenter{ clear:both; width:1025px; margin:0 auto;}
.buyetitd{ clear:both; font-size:36px; line-height:44px; color:#000; text-align:center; }
.buyeteld{ clear:both; font-size:24px; height:47px; padding:30px 0; }
.buyeteld span{ float:right; height:47px; line-height:47px; padding-left:65px; color:#0099ff; background:url(../images/ico27.png) center left no-repeat; display:block; }

.buyebanner{ clear:both; height:456px; position:relative; overflow:hidden; }
.buyebanner .buyebbg{ position:absolute; bottom:0; left:0; z-index:1; width:100%; height:66px; background-color:#0099ff; filter:alpha(opacity=90);opacity:0.9; }
.buyebanner .buyeinfod{ position:absolute; bottom:0; left:0; z-index:2; width:100%; line-height:28px; height:56px; padding:5px 0; font-size:20px; color:#fff; }
.buyebanner .buyeinfod .l{ float:left; padding-left:25px; }
.buyebanner .buyeinfod .l p span{ margin-left:60px; padding-left:25px; background:url(../images/ico10.png) center left no-repeat; display:inline-block; }
.buyebanner .buyeinfod .r{ float:right; padding-right:25px; line-height:56px; }

.buyeulbtnd{ clear:both; padding:40px 0 100px 0; overflow:hidden; zoom:1; }
.buyeuld{ float:left; width:660px; line-height:40px; }
.buyeuld h3{ color:#333; font-weight:bold; font-size:22px; }
.buyeuld li{ clear:both; font-size:16px; }
.buyeuld li .l{ float:left; width:400px; }
.buyeuld li .r{ float:left; width:80px; position:relative; text-align:left; }
.buyeuld li .r span.lash{ position:absolute; top:50%; left:-10px; margin-top:-13px; width:49px; height:25px; background:url(../images/ico28.png) center no-repeat; display:block; }
.buyeuld li .r .free{ position: absolute; right: 0; }

.buyebtnd{ float:left; width:220px; height:220px; margin-top:30px; }
.buyebtnd a{ width:220px; height:220px; background-color:#0099ff; color:#fff; text-align:center; display:block; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s; position:relative; }
.buyebtnd a:hover{ text-decoration:none; background-color:#008ce6; }
.buyebtnd a span{ display:block; }
.buyebtnd a .s1{ font-size:38px; line-height:40px; padding-top:40px; }
.buyebtnd a .s2{ padding:5px 0; }
.buyebtnd a .s3{ font-size:40px; line-height:40px; }

@keyframes buyebtnicodan{
0%{ opacity:0; bottom:30px; }
100%{ opacity:1; bottom:16px; }
}
@-webkit-keyframes buyebtnicodan{
0%{ opacity:0; bottom:30px; }
100%{ opacity:1; bottom:16px; }
}
.buyebtnd a .icod{ position:absolute; bottom:30px; left:50%; margin-left:-12px; width:25px; height:29px; background:url(../images/ico29.png) center no-repeat;
animation-name:buyebtnicodan;
animation-duration:1s;
animation-iteration-count:infinite;
animation-timing-function:linear;
animation-delay:0s;
-webkit-animation-name:buyebtnicodan;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0s;
}

/*buy right step*/
.rstepd{ position:absolute; top:22px; right:0; width:52px; height:744px; background:url(../images/ico16.png) center top no-repeat;}
.rstepd.top{ top:0; }
.rstepuld{ position:relative; font-size:16px; }

.rstepuld .rstepicod{ position:absolute; top:-22px; right:0; width:52px; height:264px; display:block; transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s; }
.rstepuld.bg1 .rstepicod{ background:url(../images/ico16_4.png) top right no-repeat; background-color:#FBFBFB; top:-20px; }
.rstepuld.bg2 .rstepicod{ background:url(../images/ico16_5.png) top right no-repeat; background-color:#FBFBFB; top:224px; }
.rstepuld.bg3 .rstepicod{ background:url(../images/ico16_5.png) top right no-repeat; background-color:#FBFBFB; top:468px; }
.rstepuld.bg4 .rstepicod{ background:url(../images/ico16_5.png) top right no-repeat; background-color:#FBFBFB; top:710px; height: 53px; overflow: hidden; }

.rsteplid{ position:absolute; right:57px; width:52px; height:20px; line-height:20px; text-align:right; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s; }
.rsteplid.txt1{ top:-5px; width:100px; }
.rsteplid.txt2{ top:239px; width:200px; }
.rsteplid.txt3{ top:483px; width:140px; }
.rsteplid.txt4{ top:727px; width:60px; }

.rstepuld.bg1 .rsteplid.txt1,
.rstepuld.bg2 .rsteplid.txt2,
.rstepuld.bg3 .rsteplid.txt3{ right:60px; color:#009bff; }

.buysteptitd{ padding:50px 0 50px 0; text-align:center; font-size:36px; line-height:40px; color:#333; }

/*public btn*/
.buystepbtnd, .buystepbtnd2{ padding:80px 0 120px 0; }
.buystepbtnd a{ clear:both; width:550px; height:66px; line-height:66px; margin:0 auto; font-size:34px; color:#fff; background-color:#15C874; text-align:center; display:block; border-radius:66px;-webkit-border-radius:66px;-moz-border-radius:66px; }
.buystepbtnd a:hover{ color:#fff; background-color:#02b961; text-decoration:none; }

.buystepbtnd2 a{ clear:both; width:90%; height:50px; line-height:28px; padding:10px 0; margin:0 auto; font-size:20px; color:#fff; background-color:#15C874; text-align:center; display:block; border-radius:66px;-webkit-border-radius:66px;-moz-border-radius:66px; }
.buystepbtnd2 a span{ line-height:24px; font-size:20px; display:block; }
.buystepbtnd2 a:hover{ color:#fff; background-color:#02b961; text-decoration:none; }

/*public top*/
.buystopuld{ clear:both; padding:20px 0; font-size:14px; color:#fff; background-color:#181818; overflow:hidden; zoom:1; }
.buystoplid{ float:left; padding:20px 10px 20px 60px; height:90px; border-left:1px #4E4E4E solid;  }
.buystoplid.first{ padding-left:0; border-left:0; }
.buystoplid .picd{ float:left; width:80px; padding-top:60px; line-height:24px; text-align:center; }
.buystoplid .picd.bg1{ background:url(../images/ico30_1.png) center top no-repeat; }
.buystoplid .picd.bg2{ background:url(../images/ico30_2.png) center top no-repeat; }
.buystoplid .picd.bg3{ background:url(../images/ico30_3.png) center top no-repeat; }

.buystoplid .infod{ float:left; width:190px; line-height:18px; padding-left:20px; }
.buystoplid .infod.w2{ width:250px; }
.buystoplid .infod.w3{ width:110px; line-height:30px; }
.buystoplid .infod.w4{ width:70px; padding-top:3px; line-height:17px; font-weight:bold; }
.buystoplid .infod.w5{ width:74px; margin-top:9px; line-height:73px; padding-left:20px; background:url(../images/ico31.png) center left no-repeat; }
.buystoplid .infod .pt1{ padding-top:12px; }
.buystoplid .infod .pt2{ padding-top:20px; }
.buystoplid .infod .pt3{ padding-top:6px; }

/*sell_step1.html*/
.bstepform1{ clear:both; width:900px; margin:0 auto; color:#888; }
.bstepform1 .row{ clear:both; height:50px; padding:20px 0; }
.bstepform1 .txt{ border:1px #D2D2D2 solid; background:none; color:#888; padding:0 30px; height:50px; line-height:50px; font-size:16px; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px; }
.bstepform1 .txt1{ width:838px; }
.bstepform1 .txt2{ width:358px; }
.bstepform1 .txt3{ width:208px; }

.bstepform1 .col2{ float:left; width:420px; font-size:20px; text-align:center; position:relative; }
.bstepform1 .col2.l{ margin-right:60px; }

.bstepform1 .formseld{ float:left; width:270px; font-size:16px; position:relative; }
.bstepform1 .formseld.l{ margin-right:45px; }
.bstepform1 .formseld .la{ width:208px; padding:0 30px; height:50px; line-height:50px; border:1px #D2D2D2 solid; color:#888; display:block; background:url(../images/ico17.png) center right 30px no-repeat; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px; }
.bstepform1 .formseld .la:hover{ text-decoration:none; }
.bstepform1 .formseld .la.on{ border:1px #009bff solid; background-image:url(../images/ico17_o.png); }
.bstepform1 .formseld .formseluld{ position:absolute; top:52px; left:20px; z-index:9999; width:228px; line-height:40px; background-color:#fff; filter:alpha(opacity=95);opacity:0.95; display:none; }
.bstepform1 .formseld .formseluld a{ width:208px; padding:0 10px; display:block; }
.bstepform1 .formseld .formseluld a:hover{ background-color:#ddd; text-decoration:none; }

.bstepform1 .ts{ clear:both; padding-left:31px; color:#009bff; font-size:16px; }

/*sell_step2.html*/
.bstepform2{ clear:both; width:900px; margin:0 auto; padding-top:20px; font-size:16px; color:#fff; }

.bstepform2 .rowd{ clear:both; width:700px; padding:30px 100px; margin-bottom:40px; background-color:#009BFF; border-radius:160px;-webkit-border-radius:160px;-moz-border-radius:160px; position:relative; }
.bstepform2 .rightcont{ position:absolute; right:50px; top:50%; margin-top:-23px; width:186px; height:46px; line-height:46px; text-align:center; border:1px #fff solid; border-radius:46px;-webkit-border-radius:46px;-moz-border-radius:46px; font-size:24px; font-weight:bold; font-style:italic; }
.bstepform2 .rowd h3{ font-size:20px; }
.bstepform2 .rightcont, .bstepform2 .rowd h3{ font-family:"ubunturegular","Microsoft Yahei",Helvetica,Arial; }

.bstepform2 .bsinfo1{ height:auto; }
.bstepform2 .bsinfo1 ul{ padding-top:20px; }
.bstepform2 .bsinfo1 li{ line-height:30px;}
.bstepform2 .bsinfo1 .warr li{cursor: pointer;}
.bstepform2 .bsinfo1 li i{ float:left; width:14px; height:14px; margin:8px 6px 0 0; background:url(../images/ico32.png) center no-repeat; display:inline-block; cursor:pointer; }
.bstepform2 .bsinfo1 li i.on{  background:url(../images/ico32_o.png) center no-repeat; }
.bstepform2 .bsinfo1 li .s1{ color:#ffea03; font-weight:bold; }
.bstepform2 .bsinfo1 li .text{ float:left; }

.bstepform2 .rowd_choose li i{ float:left; width:14px; height:14px; margin:8px 6px 0 0; background:url(../images/ico32c.png) center no-repeat; display:inline-block; cursor:pointer; }
.bstepform2 .rowd_choose li i.on{  background:url(../images/ico32_c.png) center no-repeat; }

/*qty*/
.bstepform2 .bsinfo1 .bsqtyd{ float:left; margin-left:20px; line-height:24px; margin-top:2px; position:relative; z-index:9999; }
.bstepform2 .bsinfo1 .bsqtyd .la{ width:55px; padding:0 25px 0 10px; height:24px; line-height:24px; border:1px #fff solid; background:url(../images/ico33.png) center right 10px no-repeat; text-align:center; display:block; color:#fff; }
.bstepform2 .bsinfo1 .bsqtyd .la.on{ background-image:url(../images/ico33_o.png); }
.bstepform2 .bsinfo1 .bsqtyd .la .l{ float:left; }
.bstepform2 .bsinfo1 .bsqtyd .la .r{ float:right; }
.bstepform2 .bsinfo1 .bsqtyd .la:hover{ background-color:#008ce6; text-decoration:none; }

.bstepform2 .bsinfo1 .bsqtyuld{ position:absolute; top:25px; left:46px; width:44px; padding-bottom:5px; border:1px #fff solid; border-top:0; background-color:#009BFF; display:none; }
.bstepform2 .bsinfo1 .bsqtyuld a{ padding:0 10px; width:24px; color:#fff; display:block; }
.bstepform2 .bsinfo1 .bsqtyd a:hover{ background-color:#008ce6; text-decoration:none; }

/*info2*/
.bstepform2 .bsinfo2{ clear:both; line-height:30px; }
.bstepform2 .bsinfo2 ul{ padding:15px 0 10px 0; overflow:hidden; zoom:1; }
.bstepform2 .bsinfo2 li{ clear:both; }
.bstepform2 .bsinfo2 li .l{ float:left; width:320px; }
.bstepform2 .bsinfo2 li .r{ float:left; width:200px; font-family:"ubunturegular"; font-weight:bold; }

/*info3*/
.bstepform2 .bsinfo3{ clear:both; line-height:26px; }
.bstepform2 .bsinfo3 ul{ padding-top:18px; }

.bstepform2 .buystepbtnd2{ padding-top:30px; }

/*carpic*/
.car2winbg{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:999991; background-color:#000; filter:alpha(opacity=80);opacity:0.8; display:none; }
.car2win{ position:fixed; top:50%; left:50%; margin-left:-400px; margin-top:-267px; width:800px; z-index:999992; font-size:20px; line-height:28px; color:#fff; text-align:center; display:none; }
.car2win .closed{ float:right; margin-bottom:10px; }
.car2win .closed a{ width:31px; height:31px; background:url(../images/ico34.png) no-repeat; display:inline-block; }
.car2win .picd{ clear:both; }
.car2win .picd img {width: 800px;}

/*xjp*/
.total_price_btn { font-size: 28px !important; display: inline-block !important; color: white !important; }
#ui-state-option { height: 300px; overflow-y: auto; }
.add_info{display: none; z-index: 10001; width:600px; margin: -150px 0 0 -300px; position:fixed; top:50%; left:50%; padding:30px 40px; background-color:white; border: 1px #D2D2D2 solid; -webkit-border-radius: 66px;}
.addinforow {font-size: 16px; margin: 0 0 13px 0; position: relative;}
.addinforow span {font-size: 16px; position: relative;}
.add_info .notice { font-size: 14px; }
.add_info_btn_box { margin: 35px auto 0 auto; width: 450px;  }
.add_info_btn_box a{display: inline-block; width: 200px; height: 50px; line-height: 50px; text-align: center; background-color: #009BFF; -webkit-border-radius: 66px; color:white; font-size: 20px;}
.add_info_btn_box .l{float: left;}
.add_info_btn_box .r{float: right;}

.show_img {cursor: pointer;}

/*pay*/
.payment-success{color:green;}
.payment-errors{color:red;}
.unshow,.unshow-check,.method_title_1,.method_title_2{display: none;}
.payment_box{margin-top: 20px; border: 1px solid #ccc; width: 258px; padding: 10px 10px; webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.payment_box img{ display: block; margin: auto; } 
.cre_add,.check_add{ float: left; width: 111px; text-align: center; cursor: pointer; color: #000; }
.payment_txt{ padding-top: 5px;}
.cre_add{ margin-right: 36px;}
.pay-input-money,.pay-method-1,.pay-method-2{display: none;}
.cre_del{ cursor: pointer; position: absolute; height: 23px; width: 23px; line-height: 23px; font-size: 18px; color: #ccc;  text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #ccc; }
/*.pay-disable { background-color: grey; }*/
.money_wrap{ border: 1px solid #009bff; width: 200px; text-align: center; float: left; height: 56px; margin-right: 22px; webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.font-color{ color: #000; padding-top: 10px; }
.pay_remain,.total_price{ color: #009CFF; }
.font-size{font-size: 12px; color: #000; }
.choose-method {width: 510px;}
.choose-word {width: 205px; text-align: center;}
.choose-word h3,.reserve-word h3{font-size: 18px; margin-bottom: 12px; font-weight: bold; color: #666;}
.choose-word p,.reserve-word p{font-size: 14px; color: #000;}
.reserve-word {margin-bottom: 40px; width: 800px;}
.reserve-word p{margin-bottom: 12px;}
.reserve-word .head-p {color:#666; text-align: center; font-size: 16px; margin-bottom: 15px;}
.button{float: left; position: relative;}
.choose-left {float: left;}
.choose-2,.choose-right{float: right;}
.submit-button,.choose-1 button,.choose-2 button,.reserve-button{padding: 20px 60px 20px 20px; font-size: 16px; background-color: #009bff; color: #fff; border: none; outline: none; cursor:pointer; webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.choose-1 button,.choose-2 button{width: 205px;}
.clear{ clear: both;}
.total_box{ margin-top: 61px; }
.choose_box {margin-top: 20px;}

.pay_form,.check_form,.reserve_form{ border: 1px solid #ccc; color: #7f7f7f; position: relative; margin-bottom: 10px; width: 495px; webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.card-number,.card-input,.card-cvc{ width: 280px; height: 33px; padding-left: 10px; }
.form-row{ margin-bottom: 6px; }
.card-expiry-month{ width: 50px; height: 21px; padding-left: 10px; }
.card-expiry-year{ width: 70px; height: 21px; padding-left: 10px; }
.border{ border: none; border: 1px solid #bbe4ff; }
.cre_del{ position: absolute; top: 50%; right: 30px; margin-top: -12px; }
.icon{ width: 33px; height: 33px; position: absolute; top: 50%; left: 30px; margin-left: -17px; margin-top: -17px; }
.pay_form_box{ margin: 10px 0 10px 108px; }
.pay-input-money{ position: absolute; right: -252px; top: 50%; margin-top: -14px; }
.value{ width: 209px; height: 25px; border: none; border: 1px solid #bbe4ff; padding-left: 10px; color: #009cff; font-size: 14px;}
.card-expiry-zip{ width: 129px; height: 21px; padding-left: 10px; }
.paystepcont { clear: both; padding-top: 60px; padding-bottom: 60px; background-color: #FBFBFB; }
.arrow_bt{ position: absolute; top: 12px; right: 22px; }
.vertical{ padding: 0; line-height: 56px; }
.payBtnTitle{color: #000; text-align: center; padding-bottom: 10px;}
.cre_add_icon,.che_add_icon{width: 111px; height: 78px; background-position: center; background-repeat: no-repeat;}
.cre_add_icon{background-image: url(../images/icon_01.png);}
.che_add_icon{background-image: url(../images/icon_02.png);}
.pay-disable .cre_add_icon{background-image: url(../images/icon_click_01.png);}
.pay-disable .che_add_icon{background-image: url(../images/icon_click_02.png);}
/*success*/
.buy_fail_box {width: 500px; text-align: center; margin: auto;}
.buy_fail_box h3{font-size: 18px; margin-bottom: 12px; font-weight: bold; color: #666;}
.buy_fail_box p{font-size: 14px; color: #000;}
.check-notice-info{ margin-bottom: 40px; width: 800px; font-size: 14px; color: #000; display: none; }